.product-detail-page{background:#fff}
.product-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr);min-height:430px;background:linear-gradient(105deg,#0a1118 0%,#0f1b26 54%,#142331 100%);color:#fff;overflow:hidden}
.product-hero-copy{padding:52px 4vw 46px 5.5vw;display:flex;flex-direction:column;justify-content:center}
.product-eyebrow{font-size:11px;letter-spacing:.18em;font-weight:900;color:#43bb79;text-transform:uppercase}
.product-hero h1{font-size:clamp(40px,4.4vw,62px);line-height:1;letter-spacing:-.045em;margin:12px 0 18px}
.product-hero p{max-width:650px;color:#c6d0d7;font-size:clamp(16px,1.45vw,20px);margin:0 0 24px}
.product-hero-visual{position:relative;min-height:430px;background:#e9edf0;overflow:hidden}
.product-hero-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.product-hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,17,24,.16),transparent 24%)}
.detail-wrap{padding:48px 5.5vw}
.detail-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:28px}
.detail-card{border:1px solid var(--line);border-radius:17px;background:#fff;padding:25px}
.detail-card h2{font-size:clamp(26px,2.6vw,38px);line-height:1.04;letter-spacing:-.03em;margin:8px 0 14px}
.detail-card h3{font-size:18px;margin:0 0 14px}
.detail-card p{color:var(--muted);margin:0 0 14px}
.detail-kicker{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.16em;font-weight:900;text-transform:uppercase}
.detail-kicker:before{content:"";width:30px;height:3px;background:var(--red);border-radius:2px}
.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.spec{padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:#f7f9fa;font-size:13px}
.spec strong{display:block;margin-bottom:4px}.spec span{color:var(--muted)}
.detail-list{display:grid;gap:10px;margin-top:16px}
.detail-list div{padding-left:20px;position:relative;color:#4f5b65;font-size:14px}
.detail-list div:before{content:"✓";position:absolute;left:0;color:#1d9b58;font-weight:900}
.rfq-detail{background:#0b1118;color:#fff}
.rfq-detail p{color:#bac5cc}.rfq-detail .detail-list div{color:#e4ebef}
.related{padding-top:0}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.related-card{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fff;transition:.18s ease}
.related-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.related-card img{width:100%;height:115px;object-fit:cover}
.related-card span{display:block;padding:12px 13px;font-weight:780;font-size:13px}
.back-family{display:inline-flex;align-items:center;gap:8px;color:#394650;font-weight:780;font-size:13px;margin-bottom:18px}
.tech-note{margin-top:16px;padding:13px 14px;border-left:3px solid var(--red);background:#f8f9fa;color:#697681;font-size:12px}
@media(max-width:900px){.product-hero{grid-template-columns:1fr}.product-hero-visual{min-height:310px}.detail-grid{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.product-hero-copy{padding:38px 20px 32px}.product-hero h1{font-size:38px}.product-hero-visual{min-height:245px}.detail-wrap{padding:36px 20px}.detail-card{padding:21px}.spec-grid{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}.related-card{display:grid;grid-template-columns:120px 1fr;align-items:center}.related-card img{height:100%;min-height:96px}}