/* v8.1 hotfix — robust visualization showcase sizing. */
.preview-section-v2 .preview-showcase{
  grid-template-columns:minmax(0,1.18fr) minmax(380px,.82fr);
  gap:48px;
  align-items:center;
}
.preview-section-v2 .preview-showcase__visual{
  display:grid;
  grid-template-rows:auto auto;
  align-content:start;
  width:100%;
  min-width:0;
}
.preview-section-v2 .compare-wrap--premium{
  display:block;
  width:100%;
  min-width:0;
  padding:0;
  margin:0;
}
.preview-section-v2 .compare{
  display:block;
  position:relative;
  width:100%;
  height:460px;
  min-height:460px;
  aspect-ratio:auto !important;
  overflow:hidden;
  border-radius:26px;
}
.preview-section-v2 .compare > img,
.preview-section-v2 .compare-before,
.preview-section-v2 .compare-before img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.preview-section-v2 .compare > img,
.preview-section-v2 .compare-before img{
  object-fit:cover;
  object-position:center center;
}
.preview-section-v2 .preview-showcase__caption{
  margin-top:22px;
}
.preview-section-v2 .preview-showcase__content{
  align-self:center;
}

@media(max-width:1190px){
  .preview-section-v2 .preview-showcase{
    grid-template-columns:minmax(0,1.08fr) minmax(350px,.92fr);
    gap:34px;
  }
  .preview-section-v2 .compare{
    height:410px;
    min-height:410px;
  }
}

@media(max-width:990px){
  .preview-section-v2 .preview-showcase{
    grid-template-columns:1fr;
    gap:30px;
  }
  .preview-section-v2 .preview-showcase__content{order:1}
  .preview-section-v2 .preview-showcase__visual{order:2}
  .preview-section-v2 .compare{
    height:420px;
    min-height:420px;
  }
}

@media(max-width:700px){
  .preview-section-v2 .compare{
    height:330px;
    min-height:330px;
  }
  .preview-section-v2 .preview-showcase__caption{
    margin-top:16px;
  }
}

@media(max-width:420px){
  .preview-section-v2 .compare{
    height:285px;
    min-height:285px;
  }
}

/* v9.1 — golden CTA for visualization section */
.preview-showcase__content .preview-cta,
.preview-showcase__content .preview-cta--wide{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  width:100%;
  max-width:520px;
  min-height:64px;
  padding:8px 9px 8px 26px;
  border:1px solid #9b7c60;
  border-radius:18px;
  background:linear-gradient(135deg,#b79674 0%, #9f7c5e 100%);
  color:#fff;
  font:600 14px/1.45 var(--sans);
  text-decoration:none;
  text-align:left;
  box-shadow:0 12px 28px rgba(84,59,39,.12);
  transition:background .2s ease, box-shadow .2s ease, transform .2s ease;
}
.preview-showcase__content .preview-cta__label{min-width:0}
.preview-showcase__content .preview-cta__arrow{
  display:grid;
  place-items:center;
  flex:0 0 46px;
  width:46px;
  height:46px;
  border-radius:50%;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.30);
}
.preview-showcase__content .preview-cta__arrow .icon{width:20px;height:20px}
.preview-showcase__content .preview-cta:hover,
.preview-showcase__content .preview-cta--wide:hover{
  background:linear-gradient(135deg,#aa8968 0%, #8f6d52 100%);
  box-shadow:0 16px 32px rgba(84,59,39,.18);
  transform:translateY(-2px);
}
.preview-showcase__content .preview-cta:active,
.preview-showcase__content .preview-cta--wide:active{transform:translateY(0)}
.preview-showcase__content .preview-cta:focus-visible,
.preview-showcase__content .preview-cta--wide:focus-visible{
  outline:3px solid rgba(111,81,57,.45);
  outline-offset:4px;
}

@media(max-width:700px){
  .preview-showcase__content .preview-cta,
  .preview-showcase__content .preview-cta--wide{
    max-width:none;
    min-height:58px;
    padding:8px 8px 8px 18px;
    gap:14px;
    border-radius:16px;
    font-size:13px;
  }
  .preview-showcase__content .preview-cta__arrow{
    flex-basis:42px;
    width:42px;
    height:42px;
  }
}