.heating-product-page{background:#f8f9fb;color:#0c151e}

/* product hero uses the same proportions and lighting language as the approved landing */
.heater-detail-hero{
  height:300px;display:grid;grid-template-columns:42% 58%;
  background:linear-gradient(105deg,#07111b 0%,#0a1721 43%,#191714 100%);color:#fff;overflow:hidden
}
.heater-detail-copy{
  padding:27px 28px 28px var(--heat-pad);display:flex;flex-direction:column;justify-content:center;min-width:0;z-index:2
}
.heater-back{display:inline-flex;align-items:center;gap:7px;margin-bottom:18px;color:#91a2ae;font-size:11px;font-weight:700}
.heater-detail-copy .heater-kicker{color:#cbd4da}
.heater-detail-copy h1{
  max-width:560px;margin:14px 0 12px;font-size:clamp(36px,3.3vw,50px);line-height:.98;letter-spacing:-.045em
}
.heater-detail-copy p{max-width:570px;margin:0;color:#bec9d1;font-size:16px;line-height:1.45}
.heater-detail-media{position:relative;overflow:hidden}
.heater-detail-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,16,26,.47),rgba(6,16,26,.08) 18%,transparent 36%)}
.heater-detail-media img{width:100%;height:100%;object-fit:cover;object-position:center}

/* dark technical catalogue section */
.heater-detail-tech{
  padding:24px var(--heat-pad) 27px;background:radial-gradient(circle at 88% 16%,#102b40 0%,#081722 44%,#06111a 100%);color:#fff
}
.heater-detail-tech .heater-section-head{margin-bottom:18px}
.heater-detail-tech .heater-section-head p{max-width:650px}
.heater-spec-grid{
  max-width:var(--heat-max);margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px
}
.heater-spec-card{
  min-height:112px;padding:20px 22px 17px;border:1px solid rgba(255,255,255,.16);border-radius:10px;
  background:linear-gradient(145deg,rgba(255,255,255,.048),rgba(255,255,255,.014));position:relative;overflow:hidden
}
.heater-spec-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--heat-red),#ff4651)}
.heater-spec-card strong{display:block;margin-bottom:9px;font-size:14px}
.heater-spec-card span{display:block;color:#a8b7c1;font-size:12px;line-height:1.42}
.heater-tech-note{
  max-width:var(--heat-max);margin:14px auto 0;color:#7f929f;font-size:10.5px;line-height:1.4
}

/* lower white product content */
.heater-detail-light{
  padding:34px var(--heat-pad);display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);gap:22px;background:#fafbfc
}
.heater-use-panel{
  border:1px solid #dfe4e7;border-radius:12px;background:#fff;padding:23px
}
.heater-use-panel .heater-kicker{color:#243541}
.heater-use-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.heater-use-grid>div{
  min-height:76px;padding:16px 16px 14px;border:1px solid #e1e6e9;border-radius:10px;background:#f7f9fa;
  display:flex;align-items:center;color:#45545f;font-size:12.5px;line-height:1.38;position:relative
}
.heater-use-grid>div:before{content:"✓";color:#1c9d58;font-weight:900;margin-right:10px}
.heater-detail-rfq{padding:23px;border-radius:12px}
.heater-detail-rfq h2{font-size:26px;margin-top:10px}
.heater-detail-rfq p{font-size:12.5px}
.heater-detail-rfq .heater-rfq-list{grid-template-columns:1fr}

/* related catalogue row */
.heater-related{padding:24px var(--heat-pad) 42px;background:#fff}
.heater-related .heater-section-head{margin-bottom:14px;grid-template-columns:1fr}
.heater-related .heater-kicker{color:#243541}
.heater-related-grid{
  max-width:var(--heat-max);margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px
}
.heater-related-grid .heater-product-media{height:92px}
.heater-related-grid .heater-product-body{min-height:72px;padding-bottom:12px}
.heater-related-grid .heater-product-body h3{margin-bottom:0}

@media(max-width:1000px){
  .heater-detail-hero{grid-template-columns:1fr 1fr;height:auto;min-height:330px}
  .heater-spec-grid{grid-template-columns:1fr 1fr}
  .heater-detail-light{grid-template-columns:1fr}
  .heater-related-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .heater-detail-hero{grid-template-columns:1fr;height:auto}
  .heater-detail-copy{padding:28px 20px 26px}
  .heater-detail-copy h1{font-size:39px}
  .heater-detail-media{height:225px}
  .heater-detail-tech{padding:28px 20px}
  .heater-spec-grid{grid-template-columns:1fr}
  .heater-detail-light{padding:30px 20px}
  .heater-use-grid{grid-template-columns:1fr}
  .heater-related{padding:25px 20px 36px}
  .heater-related-grid{grid-template-columns:1fr}
  .heater-related-grid .heater-product-card{display:grid;grid-template-columns:135px 1fr}
  .heater-related-grid .heater-product-media{height:100%;min-height:105px}
}