@media(min-width:1101px){
  /* Let the overview grow with wrapped copy/actions. The former 882px fixed
     artboard ended before the buttons and made them overlap the next title. */
  .product-overview{
    height:auto;
    min-height:882px;
    align-items:start;
  }

  /* The specification table is short for some products. Do not reserve a
     900px mockup canvas beneath it. */
  .technical-specs{
    height:auto;
    min-height:0;
  }

  .related-products{min-height:920px}

  /* Match the compact carousel controls used throughout the site. */
  .feature-arrow{
    width:46px;
    height:46px;
  }
  .feature-arrow:after{font-size:20px}
}
html,body{overflow-x:hidden}
.detail-faq{display:grid;min-height:920px;padding:120px 6.25%;grid-template-columns:480px 1fr;gap:120px;background:#fff}
.faq-intro h2{margin:0;color:#1f6fe0;font-size:48px;line-height:1.12;font-weight:400}.faq-intro p{margin:30px 0 0;color:rgba(0,0,0,.6);font-size:18px;line-height:1.55}.faq-list{border-top:1px solid #c9cdd2}.faq-list article{border-bottom:1px solid #c9cdd2}.faq-list button{display:grid;width:100%;min-height:104px;padding:0;border:0;background:transparent;grid-template-columns:1fr 34px;gap:30px;align-items:center;color:#222;text-align:left;font-size:22px;cursor:pointer}.faq-list i{position:relative;width:28px;height:28px}.faq-list i:before,.faq-list i:after{position:absolute;left:4px;top:13px;width:20px;height:1px;background:#222;content:"";transition:transform .25s}.faq-list i:after{transform:rotate(90deg)}.faq-list article.open i:after{transform:none}.faq-list article>div{max-height:0;overflow:hidden;opacity:0;transition:max-height .45s cubic-bezier(.22,1,.36,1),opacity .25s}.faq-list article.open>div{max-height:220px;opacity:1}.faq-list p{margin:0;padding:0 62px 34px 0;color:rgba(0,0,0,.6);font-size:17px;line-height:1.55}
@media(max-width:1100px){.detail-faq{min-height:0;padding:80px 24px;grid-template-columns:1fr;gap:52px}.faq-intro h2{font-size:40px}}
@media(max-width:600px){.faq-list button{font-size:18px}.faq-list p{padding-right:0}.faq-intro h2{font-size:34px}}
@media(max-width:1100px){
  .detail-hero-copy{right:24px;left:24px;width:auto;transform:none}
  .detail-hero p{white-space:normal}
  .product-overview{min-width:0;overflow:hidden}
  .overview-gallery,.overview-copy,.precision-card{min-width:0}
  .overview-gallery{width:100%}
  .precision-card>div{grid-template-columns:minmax(0,1fr)}
  .overview-actions{flex-wrap:wrap}
  .detail-footer .footer-grid{width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .detail-footer .footer-grid>div{min-width:0}
  .detail-footer .footer-grid>div:first-child p{width:100%;max-width:100%}
}
@media(max-width:600px){
  .detail-footer .footer-grid{grid-template-columns:minmax(0,1fr)}
  .technical-specs .section-head{align-items:flex-start;flex-direction:column;gap:24px}
  .technical-specs .section-head h2{font-size:38px;line-height:1.15}
}
@media(min-width:1101px) and (max-width:1400px){
  .product-overview{grid-template-columns:minmax(0,55%) minmax(0,1fr);gap:40px}
  .overview-gallery{grid-template-columns:70px minmax(0,1fr);gap:16px}
  .thumbs button{width:70px;height:70px}
  .overview-stage{width:100%}
  .overview-copy,.precision-card{min-width:0}
  .precision-card>div{grid-template-columns:minmax(0,1fr)}
  .overview-actions{flex-wrap:wrap}
}

/* Readability pass: keep the 1920px Figma hierarchy at real desktop scale. */
.detail-pill,
.outline-button{font-size:18px}
.precision-card strong,
.precision-card span{font-size:20px;line-height:28px}
.feature-stories .eyebrow{font-size:20px}
.related-card h3{font-size:24px;line-height:30px}

@media(max-width:600px){
  .detail-pill,
  .outline-button{font-size:16px}
}

/* One fluid detail layout for every model, including the homepage launches. */
.product-overview{grid-template-columns:minmax(0, .95fr) minmax(0,1.05fr);gap:clamp(28px,5vw,100px);height:auto;min-height:0;align-items:center}
.overview-gallery{grid-template-columns:clamp(56px,5vw,80px) minmax(0,1fr);gap:clamp(12px,1.25vw,24px);min-width:0}
.thumbs button{width:100%;height:auto;aspect-ratio:1}
.overview-stage{width:100%;height:auto;aspect-ratio:560/642}
.overview-copy{min-width:0;padding-top:0}
.precision-card{padding:clamp(20px,2.1vw,40px)}
.precision-card>div{grid-template-columns:minmax(100px,.8fr) minmax(0,1.2fr);gap:16px}
.overview-actions{flex-wrap:wrap}
.overview-actions>a{max-width:100%;justify-content:center;white-space:normal;text-align:center;padding-block:14px}
.detail-faq{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,100px);min-height:0}
.detail-hero.model-hero{background:radial-gradient(ellipse at 75% 45%,#fff,#e8edf3 85%);color:var(--blue)}
.detail-hero.model-hero:before{position:absolute;inset:8% 6.25% 8% 50%;background:var(--model-image) center/contain no-repeat;mix-blend-mode:multiply;content:""}
.detail-hero.model-hero:after{background:none}
.detail-hero.model-hero h1{color:var(--blue)}
.detail-hero.model-hero p{color:#59636e}
.model-hero .detail-hero-copy{left:6.25%;right:auto;width:42%;text-align:left;transform:translateY(-50%)!important;top:50%!important}
.model-hero .detail-hero-copy p{white-space:normal}
.feature-grid .model-feature{background:#eef1f5}
.model-feature img{object-fit:contain;padding:50px 36px 220px;mix-blend-mode:multiply}
.model-feature:after{height:250px!important;background:linear-gradient(transparent,#eef1f5)!important}
.feature-grid .model-feature h3,.feature-grid .model-feature span{color:var(--blue)}
.feature-grid .model-feature p{color:#374350}
.model-story-image{object-fit:contain!important;background:#f3f4f6}
.model-hero~.product-features .feature-grid h3{bottom:150px;font-size:clamp(22px,2vw,28px);line-height:1.2}
.model-hero~.product-features .feature-grid p{bottom:40px;max-height:96px;-webkit-line-clamp:4}
@media(max-width:1100px){
  .product-overview,.detail-faq{grid-template-columns:minmax(0,1fr);gap:40px}
  .overview-gallery{width:min(100%,680px);margin-inline:auto}
  .overview-stage{max-height:560px}
}
@media(max-width:600px){
  .product-overview{padding:56px 20px}
  .precision-card>div{grid-template-columns:minmax(0,1fr);gap:6px}
  .detail-hero.model-hero:before{inset:6% 16% 34%}
  .model-hero .detail-hero-copy{inset:auto 20px 24px;width:auto;transform:none!important;text-align:center;top:auto!important}
  .model-hero .detail-hero-copy h1{font-size:32px!important;line-height:1.15!important}
  .model-hero .detail-hero-copy p{margin-top:12px;font-size:18px!important;line-height:1.3!important}
  .model-hero~.product-features .feature-grid h3{left:24px;right:24px}
  .model-hero~.product-features .feature-grid p{left:24px;right:24px;font-size:16px;line-height:22px;max-height:88px}
}