:root{
  --heat-red:#ef1d27;
  --heat-orange:#f06b3b;
  --heat-dark:#06101a;
  --heat-dark-2:#0c1b28;
  --heat-panel:#101f2c;
  --heat-line:rgba(255,255,255,.16);
  --heat-pad:6vw;
  --heat-max:1360px;
}
.heating-page{background:#f7f8fa;color:#0d151d}
/* HERO — measured against approved 1536×1024 reference */
.heater-hero{
  height:320px;display:grid;grid-template-columns:40% 60%;
  background:linear-gradient(105deg,#07111b 0%,#0b1722 42%,#1b1715 100%);color:#fff;overflow:hidden
}
.heater-hero-copy{
  min-width:0;padding:27px 24px 22px var(--heat-pad);display:flex;flex-direction:column;justify-content:flex-start;z-index:2
}
.heater-kicker{
  display:flex;align-items:center;gap:14px;font-size:10px;line-height:1;letter-spacing:.25em;font-weight:850;text-transform:uppercase;color:#cbd4da
}
.heater-kicker:before{content:"";width:58px;height:4px;border-radius:4px;background:var(--heat-red);flex:0 0 58px}
.heater-hero h1{
  max-width:540px;margin:14px 0 10px;font-size:clamp(35px,3.1vw,48px);line-height:.98;letter-spacing:-.045em;font-weight:780
}
.heater-hero-lead{
  max-width:560px;margin:7px 0 0;color:#bec9d1;font-size:17px;line-height:1.45
}
.heater-benefits{
  margin-top:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:590px;padding-bottom:2px
}
.heater-benefit{display:grid;grid-template-columns:40px 1fr;gap:9px;align-items:center;color:#eef3f6;min-width:0}
.heater-benefit-icon{
  width:38px;height:38px;border:1px solid rgba(255,255,255,.3);border-radius:50%;display:grid;place-items:center;
  font-size:20px;font-weight:700;color:#fff
}
.heater-benefit span:last-child{font-size:11px;line-height:1.18}
.heater-hero-media{position:relative;overflow:hidden}
.heater-hero-media:after{
  content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,16,26,.50) 0%,rgba(6,16,26,.08) 17%,transparent 36%)
}
.heater-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 48%}

/* APPLICATIONS — exact dark 4×2 rhythm */
.heater-applications{
  min-height:340px;padding:20px var(--heat-pad) 18px;
  background:radial-gradient(circle at 88% 16%,#102b40 0%,#081722 44%,#06111a 100%);color:#fff
}
.heater-section-head{
  max-width:var(--heat-max);margin:0 auto 16px;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,1fr);
  align-items:end;gap:42px
}
.heater-section-head h2{margin:9px 0 0;max-width:620px;font-size:34px;line-height:1.02;letter-spacing:-.035em}
.heater-section-head p{margin:0 0 5px;color:#b6c1c9;font-size:15px;line-height:1.45;max-width:620px}
.heater-app-grid{
  max-width:var(--heat-max);margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 12px
}
.heater-app-card{
  min-height:91px;padding:18px 26px 14px;border:1px solid rgba(255,255,255,.17);border-radius:10px;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.014));
  position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center
}
.heater-app-card:before{
  content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--heat-red),#ff4250)
}
.heater-app-card strong{font-size:16px;line-height:1.12;margin-bottom:7px}
.heater-app-card small{color:#97a8b5;font-size:12px;line-height:1.4}

/* PRODUCTS — low white catalogue cards, 5 across */
.heater-products{padding:17px var(--heat-pad) 32px;background:#fafbfc}
.heater-products .heater-section-head{margin-bottom:18px;grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr)}
.heater-products .heater-kicker{color:#20303c}
.heater-products .heater-section-head h2{font-size:30px;color:#0a141e}
.heater-products .heater-section-head p{color:#687681;font-size:13px;max-width:450px}
.heater-product-grid{
  max-width:var(--heat-max);margin:0 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px
}
.heater-product-card{
  min-width:0;border:1px solid #dfe4e7;border-radius:10px;overflow:hidden;background:#fff;position:relative;
  box-shadow:0 6px 18px rgba(7,17,27,.025);transition:transform .18s ease,box-shadow .18s ease
}
.heater-product-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(7,17,27,.10)}
.heater-product-media{height:96px;background:#222;overflow:hidden}
.heater-product-media img{width:100%;height:100%;object-fit:cover;object-position:center}
.heater-product-body{position:relative;padding:13px 48px 14px 17px;min-height:94px}
.heater-product-body h3{margin:0 0 6px;font-size:14px;line-height:1.16;color:#0b151e}
.heater-product-body p{margin:0;color:#697681;font-size:11.5px;line-height:1.35}
.heater-card-arrow{
  position:absolute;right:13px;top:15px;width:28px;height:28px;border-radius:50%;background:var(--heat-red);color:#fff;
  display:grid;place-items:center;font-size:17px;font-weight:700
}

/* LOWER CONTENT — same visual system, less dense than legacy */
.heater-lower{
  padding:44px var(--heat-pad);background:#f4f6f8;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:22px
}
.heater-work,.heater-rfq{border:1px solid #dfe4e8;border-radius:14px;background:#fff;padding:25px}
.heater-work h2,.heater-rfq h2{margin:10px 0 20px;font-size:29px;line-height:1.06;letter-spacing:-.03em}
.heater-steps{display:grid;grid-template-columns:repeat(4,1fr)}
.heater-steps>div{padding:0 15px;border-left:1px solid #e0e5e8}
.heater-steps>div:first-child{border-left:0;padding-left:0}
.heater-steps span{width:32px;height:32px;border-radius:50%;background:#07111b;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800;margin-bottom:12px}
.heater-steps strong{font-size:14px}.heater-steps p{margin:6px 0 0;color:#72808a;font-size:11.5px;line-height:1.35}
.heater-rfq{background:#07111b;color:#fff;border-color:#172631}
.heater-rfq .heater-kicker{color:#cbd4da}
.heater-rfq p{color:#aebbc4;font-size:13px}
.heater-rfq-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin:17px 0 21px}
.heater-rfq-list span{font-size:11.5px;color:#e3e9ed;padding-left:17px;position:relative}
.heater-rfq-list span:before{content:"✓";position:absolute;left:0;color:#36ba72;font-weight:900}
.heater-quote{
  min-height:38px;
  padding:0 17px;
  border-radius:7px;
  background:linear-gradient(135deg,#d90918,#ff1c28);
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font-size:12px;
  font-weight:800;
  text-decoration:none;
  white-space:nowrap;
  box-shadow:0 10px 26px rgba(225,27,34,.20)
}
.heater-quote.inline{display:inline-flex}
.heater-support{
  padding:38px var(--heat-pad);background:#fff;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center
}
.heater-support h2{font-size:30px;line-height:1.08;letter-spacing:-.03em;margin:10px 0}
.heater-support p{color:#687681;max-width:680px}
.heater-support-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.heater-support-grid span{padding:13px 14px;border:1px solid #dde4e8;border-radius:10px;background:#f8f9fa;font-size:12px}
.heater-support-grid span:before{content:"✓";color:#1c9d58;font-weight:900;margin-right:8px}

/* TABLET */
@media(max-width:1100px){
  :root{--heat-pad:4vw}
  .heater-quote{display:none}
  .heater-hero{grid-template-columns:1fr 1fr;height:auto;min-height:360px}
  .heater-hero-copy{padding-top:32px;padding-bottom:28px}
  .heater-benefits{grid-template-columns:1fr 1fr;gap:11px;margin-top:22px}
  .heater-section-head{grid-template-columns:1fr;gap:10px}
  .heater-app-grid{grid-template-columns:repeat(2,1fr)}
  .heater-applications{min-height:0;padding-bottom:30px}
  .heater-product-grid{grid-template-columns:repeat(3,1fr)}
  .heater-lower{grid-template-columns:1fr}
}

/* MOBILE */
@media(max-width:720px){
  :root{--heat-pad:20px}
  .heater-hero{grid-template-columns:1fr;height:auto}
  .heater-hero-copy{padding:31px 20px 25px}
  .heater-hero h1{font-size:39px;max-width:560px}
  .heater-hero-lead{font-size:15px}
  .heater-benefits{grid-template-columns:1fr 1fr;max-width:none}
  .heater-benefit{grid-template-columns:34px 1fr}
  .heater-benefit-icon{width:32px;height:32px;font-size:16px}
  .heater-hero-media{height:230px}
  .heater-section-head h2{font-size:30px}
  .heater-app-grid{grid-template-columns:1fr 1fr}
  .heater-app-card{min-height:104px;padding:17px 15px 13px}
  .heater-app-card strong{font-size:14px}.heater-app-card small{font-size:11px}
  .heater-product-grid{grid-template-columns:1fr}
  .heater-product-card{display:grid;grid-template-columns:150px 1fr}
  .heater-product-media{height:100%;min-height:132px}
  .heater-product-body{min-height:132px;display:flex;flex-direction:column;justify-content:center}
  .heater-lower{padding:34px 20px}.heater-steps{grid-template-columns:1fr 1fr;gap:18px}.heater-steps>div{border-left:0;padding:0}
  .heater-support{grid-template-columns:1fr;padding:34px 20px}.heater-support-grid{grid-template-columns:1fr}
}
@media(max-width:460px){
  .heater-app-grid{grid-template-columns:1fr}
  .heater-benefits{grid-template-columns:1fr}
  .heater-product-card{grid-template-columns:120px 1fr}
  .heater-product-body{padding-right:42px}
}