/* Product display uses the existing Store section. */
#product{padding-bottom:clamp(48px,6vw,100px);scroll-margin-top:76px}
#product .crumb{display:flex;align-items:center;gap:36px;height:auto;padding:22px clamp(20px,4vw,64px);font-size:15px}
#product .pgrid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,4vw,76px);width:min(1680px,100%);padding:clamp(28px,4vw,64px) clamp(20px,4vw,64px) 0;margin:0 auto;align-items:start}
#product .product-display{min-width:0}
#product .product-finish{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(290px,100%);gap:0;padding:4px;margin:0 auto 22px;border-radius:999px;background:#e9e9e6}
#product .product-finish button{display:flex;align-items:center;justify-content:center;min-width:0;border:0;border-radius:999px;background:transparent;color:#6b6b68;font:inherit;font-size:15px;font-weight:600;white-space:nowrap;padding:10px 12px;cursor:pointer;transition:background-color 180ms ease,color 180ms ease}
#product .product-finish button[aria-pressed="true"]{color:#fff;background:#131313}
#product .spec-gallery{position:relative;width:100%;min-width:0;background:#fff}
#product .spec-viewport{overflow:hidden;aspect-ratio:1/1;border-radius:16px;background:#fff;touch-action:pan-y}
#product .spec-track{display:flex;width:100%;height:100%;transform:translateX(0);transition:transform 550ms cubic-bezier(.22,1,.36,1)}
#product .spec-track.is-switching{transition:none}
#product .spec-frame{flex:0 0 100%;min-width:0;height:100%;margin:0}
#product .spec-frame img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
#product .spec-toolbar{display:flex;align-items:center;justify-content:center;gap:14px;min-height:52px;margin-top:12px}
#product .spec-nav,#product .spec-play{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;border:1px solid #e4e4e0;border-radius:50%;background:#fff;color:#3f4540;font:inherit;cursor:pointer}
#product .spec-nav svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#product .spec-pagination{display:flex;align-items:center;gap:2px}
#product .spec-dot{display:flex;align-items:center;justify-content:center;width:30px;height:40px;border:0;background:transparent;cursor:pointer}
#product .spec-dot::before{content:"";display:block;width:7px;height:7px;border-radius:50%;background:#c7cbc7;transition:background-color 180ms ease}
#product .spec-dot[aria-pressed="true"]::before{background:#202620}
#product .spec-play{border-radius:999px;padding:0 13px;font-size:12px;gap:6px}
#product .spec-play [data-play-icon]{width:11px;font-size:11px;line-height:1}
#product .spec-play[hidden]{display:none}
#product .product-specs{min-width:0;padding-top:0;container-type:inline-size;container-name:product-specs}
#product .product-specs h2{font-size:clamp(34px,3.5vw,58px);font-weight:600;letter-spacing:-.035em;line-height:1.12;margin:0 0 14px}
#product .product-specs .spec-model-name{font-size:16px;line-height:1.5;color:#6b6b68;margin:0 0 24px}
#product .spec-list{margin:0}
#product .spec-list>div{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:baseline;gap:24px;padding:19px 0;border-bottom:1px solid #d9dcd7;font-size:clamp(15px,1.08vw,18px);line-height:1.4}
#product .spec-list dt{font-weight:600}
#product .spec-list dd{margin:0;text-align:right;overflow-wrap:break-word}
#product .spec-note{margin-top:20px;color:#7a807b;font-size:12px;line-height:1.5}
#product button:focus-visible,#product .spec-viewport:focus-visible{outline:2px solid #244b39;outline-offset:4px}
#product .spec-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(hover:hover) and (pointer:fine){#product .spec-nav:hover,#product .spec-play:hover{background:#f3f4f0}}
@media(max-width:900px){
 #product .pgrid{grid-template-columns:minmax(0,1fr);gap:40px;max-width:720px;padding:28px 20px 0}
 #product .crumb{font-size:14px;gap:28px;padding:20px}
 #product .spec-viewport{max-height:680px}
 #product .product-specs h2{font-size:36px}
 #product .spec-list>div{font-size:16px;padding:17px 0;gap:18px}
}
@media(max-width:440px){
 #product .product-finish{margin-bottom:16px}
 #product .spec-list>div{font-size:15px;gap:14px}
 #product .spec-toolbar{gap:9px}
}
@media(prefers-reduced-motion:reduce){#product .spec-track,#product .product-finish button,#product .spec-dot::before{transition:none}}

/* Keep the complete metric/imperial measurement together. */
#product .spec-dimensions dd{white-space:nowrap;overflow-wrap:normal}
@container product-specs (max-width:420px){
 #product .spec-list>.spec-dimensions{grid-template-columns:minmax(0,1fr);gap:7px}
 #product .spec-dimensions dd{text-align:left}
}

/* Hardware price leads the specifications and follows the selected model. */
#product .spec-list>.spec-price{padding-top:9px}
#product .spec-price dt{font-weight:700}
#product .spec-price strong{font-size:clamp(24px,2vw,30px);font-weight:700;line-height:1.15;letter-spacing:-.025em}