.detail-intro{background:linear-gradient(125deg,#f5faff,#e8f3ff);border-bottom:1px solid #dce8f5}.detail-breadcrumb{color:#40516d;flex-wrap:wrap;align-items:center;gap:9px;padding-block:24px 20px;font-size:14px;display:flex}.detail-breadcrumb a:hover,.detail-return a:hover{text-decoration:underline}.detail-breadcrumb [aria-current]{color:var(--ink);font-weight:650}.detail-hero{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4.5vw,68px);padding-bottom:clamp(32px,5vw,70px);display:grid}.detail-figure{background:#f9fcff;border:1px solid #cddded;border-radius:16px;margin:0;padding:6px;overflow:hidden}.detail-photo{aspect-ratio:1200/760;background:#eef2f6;border-radius:11px;position:relative;overflow:hidden}.detail-photo img{object-fit:contain}.detail-figure figcaption{color:#40516d;padding:9px 8px 5px;font-size:13px}.detail-photo button{width:42px;height:42px;color:var(--ink);background:#f9fcfff0;border:1px solid #cddded;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:50%;translate:0 -50%}.detail-photo button:hover{color:var(--blue);background:#fff}.detail-photo button svg{width:18px;height:18px}.detail-gallery-prev{left:10px}.detail-gallery-next{right:10px}.detail-gallery-count{color:var(--ink);background:#f9fcfff0;border-radius:12px;padding:3px 8px;font-size:12px;position:absolute;bottom:10px;right:10px}.detail-gallery-rotation{color:var(--blue);background:#f9fcff;border:1px solid #cddded;border-radius:8px;margin:0 0 8px auto;padding:7px 12px;font-size:13px;font-weight:700;display:block}.detail-gallery-rotation:hover{background:#e8f3ff}.detail-thumbnails{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.detail-thumbnails button{aspect-ratio:1.55;background:#eef2f6;border:2px solid #cddded;border-radius:8px;width:clamp(68px,9vw,96px);position:relative;overflow:hidden}.detail-thumbnails button[aria-pressed=true]{border-color:var(--blue)}.detail-thumbnails img{object-fit:contain}.detail-summary h1{max-width:12ch;font-size:clamp(36px,4.5vw,65px);font-weight:850;line-height:1.03}.detail-summary>p{color:#263a56;max-width:44ch;margin-top:16px}.detail-highlights{gap:9px;margin:23px 0 26px;padding:0;font-size:clamp(14px,1.2vw,17px);font-weight:650;list-style:none;display:grid}.detail-highlights li{align-items:center;gap:9px;display:flex}.detail-highlights svg{color:var(--blue);width:1.2em;height:1.2em}.detail-summary .actions{gap:10px}.detail-summary .button{min-height:46px;padding-inline:13px;font-size:clamp(13px,1.1vw,16px)}.detail-information{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:26px;padding-block:clamp(32px,5vw,72px);display:grid}.detail-information p{color:#40516d;max-width:28ch;font-size:clamp(15px,1.25vw,18px)}.detail-specs{border:1px solid #dbe6f5;border-radius:14px;margin:0;font-size:clamp(14px,1.2vw,17px);overflow:hidden}.detail-specs>div{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);display:grid}.detail-specs>div+div{border-top:1px solid #dbe6f5}.detail-specs dt,.detail-specs dd{padding:15px 17px}.detail-specs dt{background:#edf5fe;font-weight:730}.detail-specs dd{background:#fff;margin:0}.detail-production{border-top:1px solid #dce8f5;padding-block:clamp(26px,4vw,55px)}.detail-production-note{color:#40516d;margin-top:8px;font-size:14px}.detail-production-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px;display:grid}.detail-production-grid figure{background:#f3f7fc;border:1px solid #dce8f5;border-radius:14px;margin:0;overflow:hidden}.detail-production-photo{aspect-ratio:3/2;position:relative}.detail-production-photo img{object-fit:cover}.detail-production-grid figcaption{padding:15px 16px 17px}.detail-production-grid figcaption p{color:#334b67;margin-top:6px;font-size:15px}.detail-rfq-band{background:#f3f7fc;border-block:1px solid #e0eaf5}.detail-enquiry{padding-block:clamp(18px,3vw,40px)}.detail-enquiry .faq{background:#fbfcfe}.detail-return{color:var(--blue);flex-wrap:wrap;gap:13px 26px;padding-block:21px;font-size:15px;font-weight:720;display:flex}.detail-return a{align-items:center;gap:9px;display:inline-flex}.detail-return svg{width:16px;height:16px}@media (max-width:760px){.detail-production-grid{grid-template-columns:1fr}.detail-breadcrumb{padding-block:17px;font-size:12px}.detail-hero,.detail-information{grid-template-columns:1fr;gap:20px}.detail-summary{grid-row:1}.detail-summary h1{max-width:16ch}.detail-summary>p{margin-top:12px}.detail-highlights{margin-block:16px}.detail-specs dt,.detail-specs dd{padding:10px}}
