/* Approved product stage: shared desktop and mobile detail experience. */
.detail-hero{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);padding-top:1rem;align-items:center}
.detail-media .media-frame{border:0;background:#e8ede7;border-radius:0;aspect-ratio:1.15;min-height:0}
.detail-media .media-frame img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}
.detail-copy h1{font-size:clamp(2.5rem,4.8vw,4.5rem);letter-spacing:-.045em}
.recommendation-label{margin:1.2rem 0 .5rem}.detail-recommendation{font-size:clamp(1rem,1.6vw,1.3rem);line-height:1.5;color:var(--muted)}
.detail-price-line{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap}.detail-price-line [data-detail=price-terms]{font-size:.72rem;font-weight:400}.price-block [data-detail=price-gross]{font-size:.8rem}.price-disclosure{font-size:.72rem}
.detail-hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.8rem 0}.detail-hero-metrics div{display:flex;flex-direction:column-reverse;justify-content:end}.detail-hero-metrics dt{font-size:.7rem;color:var(--muted);margin-top:.4rem}.detail-hero-metrics dd{margin:0;font-size:clamp(1rem,1.7vw,1.6rem);font-weight:600}
.detail-actions .button{width:100%;border-radius:10px}.detail-actions button{border:0;background:transparent;font:inherit;cursor:pointer}
.detail-gallery-buttons{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1rem}.detail-gallery-buttons button,.detail-section-nav button{border:0;background:transparent;color:var(--ink);font:inherit;padding:.8rem .5rem;cursor:pointer;min-height:44px}.detail-gallery-buttons button[aria-pressed=true]{box-shadow:inset 0 -2px var(--forest);font-weight:600}
.detail-benefits{padding-block:3rem}.detail-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.detail-benefit-grid article+article{border-left:1px solid var(--line);padding-left:2rem}.detail-benefit-grid h3{font-size:1.2rem;letter-spacing:-.025em}.detail-benefit-grid p{color:var(--muted);font-size:.9rem;line-height:1.6}
.detail-section-nav{position:sticky;top:0;z-index:5;background:var(--paper,#f5f7f3);display:flex;gap:1.2rem;overflow:auto;border-block:1px solid var(--line);padding-block:.3rem}.detail-section-nav button{white-space:nowrap;font-size:.82rem}
#detail-benefits,#detail-planning,#detail-technical,#detail-accessories,#detail-downloads{scroll-margin-top:90px}
.detail-planning,.detail-extra{padding-block:3.5rem}.detail-planning h2,.detail-extra h2{font-size:clamp(1.8rem,3vw,2.8rem);letter-spacing:-.04em}.detail-planning-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:3rem}.detail-planning-grid:has(.detail-curve[hidden]){grid-template-columns:1fr}.detail-planning-notes{padding-left:1.2rem;line-height:1.7;color:var(--muted)}.detail-planning-notes li+li{margin-top:1rem}.detail-curve img{width:100%;height:auto;display:block}.detail-curve p{font-size:.8rem;color:var(--muted);line-height:1.6}
.detail-technical-groups{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin-top:2.5rem}.detail-technical-groups h3{font-size:1.1rem}.detail-technical-groups dl>div{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--line);font-size:.83rem}.detail-technical-groups dt{color:var(--muted)}.detail-technical-groups dd{margin:0;overflow-wrap:anywhere}.detail-documents{display:flex;gap:1.5rem;flex-wrap:wrap}.detail-documents a{padding:1rem 0;border-bottom:1px solid var(--forest)}.detail-accessory-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem 2rem;padding-left:1rem}
[hidden]{display:none!important}
@media(max-width:760px){.detail-hero{grid-template-columns:1fr;gap:1.4rem}.detail-copy h1{font-size:2.8rem}.detail-media .media-frame{aspect-ratio:1.2}.detail-benefit-grid,.detail-planning-grid,.detail-technical-groups{grid-template-columns:1fr;gap:1.5rem}.detail-benefit-grid article+article{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:1rem}.detail-section-nav{gap:.6rem}.detail-accessory-list{grid-template-columns:1fr 1fr}.detail-toolbar{align-items:stretch}.model-picker select{max-width:100%}.detail-planning,.detail-extra{padding-block:2.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}