:root{--hd-orange:#ff6600;--ink:#0c0c0c;--panel:#151515;--line:#333}
.detail-page{margin:0;background:#0b0b0b;color:#fff}
.detail-page main{padding-top:183px}
.detail-breadcrumb{max-width:1400px;margin:auto;padding:22px clamp(22px,5vw,80px);display:flex;gap:10px;color:#aaa;font-size:12px;letter-spacing:.6px}.detail-breadcrumb a{color:#fff;text-decoration:none}
.detail-hero{max-width:1400px;margin:auto;padding:30px clamp(22px,5vw,80px) 70px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:60px;align-items:center}
.detail-section-frame{border:1px solid #ff6600!important;border-radius:18px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,102,0,.08);box-sizing:border-box;margin-bottom:28px}.detail-hero.detail-section-frame{margin-left:auto;margin-right:auto}
.detail-photo{background:radial-gradient(circle,#292929 0,#111 58%,#090909 100%);min-height:520px;display:grid;place-items:center;overflow:hidden}.detail-photo img{width:100%;height:100%;max-height:650px;object-fit:contain;transition:opacity .22s ease,transform .35s ease}.detail-photo img.changing{opacity:0;transform:scale(.985)}
.eyebrow,.detail-intro>span{color:var(--hd-orange);font-weight:800;letter-spacing:2px;font-size:13px}.detail-summary h1{font-size:clamp(42px,5vw,76px);line-height:.95;margin:14px 0 24px;text-transform:uppercase}.detail-summary p,.detail-intro p{color:#ccc;line-height:1.7;font-size:17px}.detail-price{font-size:26px;font-weight:800;margin:28px 0}.detail-price small{font-size:11px;color:#aaa}
.paint-picker,.finish-picker{border-top:1px solid var(--line);padding-top:25px;margin-top:25px}.paint-label{font-size:13px;letter-spacing:1px;margin-bottom:16px}.paint-options,.finish-options{display:flex;flex-wrap:wrap;gap:13px}.paint-swatch{width:40px;height:40px;border-radius:50%;border:3px solid #555;background:var(--swatch);cursor:pointer;box-shadow:0 0 0 3px #0b0b0b;transition:.2s}.paint-swatch:hover,.paint-swatch.active{border-color:#fff;box-shadow:0 0 0 3px var(--hd-orange)}
.finish-swatch{display:flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid #555;background:#101010;color:#ddd;cursor:pointer;font-weight:700}.finish-swatch span{width:25px;height:25px;border-radius:50%;background:var(--swatch);border:2px solid #777}.finish-swatch:hover,.finish-swatch.active{border-color:var(--hd-orange);color:#fff}.finish-swatch.active span{box-shadow:0 0 0 2px var(--hd-orange)}
.detail-intro,.detail-accordions{max-width:1200px;margin:0 auto 28px;padding:70px clamp(22px,5vw,80px)}.detail-intro.detail-section-frame,.detail-accordions.detail-section-frame{border-top:1px solid var(--hd-orange)}.detail-intro{text-align:center}.detail-intro h2,.detail-accordions h2{font-size:clamp(30px,4vw,52px);margin:13px 0 25px}.detail-accordions{padding-top:35px}.detail-accordions details{border-top:1px solid var(--line)}.detail-accordions details:last-child{border-bottom:1px solid var(--line)}
.detail-accordions summary{list-style:none;padding:25px 4px;cursor:pointer;font-weight:800;font-size:18px;display:flex;justify-content:space-between}.detail-accordions summary::-webkit-details-marker{display:none}.detail-accordions summary i:before{content:'+';font-style:normal;color:var(--hd-orange);font-size:28px}.detail-accordions details[open] summary i:before{content:'−'}
.spec-list{padding:0 5px 22px}.spec-list>div{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:14px 0;border-top:1px solid #252525}.spec-list span{color:#aaa}.spec-list strong{text-align:right}.price-option-list strong{white-space:nowrap}.accordion-copy{padding:0 5px 28px;color:#bbb;line-height:1.75;max-width:900px}
.color-price-section{padding-top:35px;padding-bottom:35px}.color-price-details{border:0!important}.color-price-details:last-child{border-bottom:0!important}.color-price-summary{padding:0 4px!important;align-items:center}.color-price-summary h2{margin:13px 0 25px!important;font-size:clamp(30px,4vw,52px)!important}.color-price-summary i{margin-left:20px}.price-contact{padding-top:5px}.safety{padding-bottom:100px}.detail-page #footer{margin-top:60px}
@media(max-width:991px){.detail-page main{padding-top:123px}}
@media(max-width:800px){.detail-section-frame{margin-left:14px!important;margin-right:14px!important;border-radius:13px}.detail-hero{grid-template-columns:1fr;gap:30px;padding-top:24px}.detail-photo{min-height:300px}.detail-summary h1{font-size:42px}.spec-list>div{grid-template-columns:1fr;gap:5px}.spec-list strong{text-align:left}}