/* ============================================================
   A-Side Boilers v2.11.1 — approved preview fidelity pass
   Scope: homepage header/hero presentation only.
   Hard visual reference: customer-approved 1536×1024 preview.
   The right-hand installation composition remains the exact approved
   769×684 image so the boiler, handwriting, warranty badge and reassurance
   card are not re-interpreted in CSS.
   ============================================================ */

/* Keep the homepage top section full-width like the approved reference. */
.home-v2111 .hp39-hero{
  padding:0!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#fffdf9 0%,#fffaf6 100%)!important;
  border-bottom:1px solid rgba(31,23,55,.055)!important;
}
.home-v2111 .hp39-hero::before{content:none!important;display:none!important}
.home-v2111 .hp39-hero-grid.container{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:50% 50%!important;
  gap:0!important;
  min-height:0!important;
  align-items:stretch!important;
}

/* Left side — proportions, hierarchy and spacing locked to the preview. */
.home-v2111 .hp39-hero-copy{
  min-width:0!important;
  padding:clamp(38px,3.9vw,60px) clamp(28px,2.7vw,42px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-self:stretch!important;
  position:relative!important;
  z-index:2!important;
}
.home-v2111 .hp39-pill{
  display:inline-block!important;
  align-self:flex-start!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#ad6434!important;
  text-transform:uppercase!important;
  letter-spacing:.20em!important;
  font-size:clamp(.68rem,1.02vw,1rem)!important;
  line-height:1.2!important;
  font-weight:800!important;
  margin:0 0 clamp(29px,3.05vw,47px)!important;
}
.home-v2111 .hp39-hero h1{
  max-width:none!important;
  margin:0 0 clamp(22px,2.15vw,33px)!important;
  color:#141246!important;
  font-size:clamp(3.15rem,5.15vw,4.95rem)!important;
  line-height:.94!important;
  letter-spacing:-.055em!important;
}
.home-v2111 .hp39-hero h1 span{display:block!important;color:#141246!important}
.home-v2111 .hp39-hero-copy>p{
  max-width:690px!important;
  margin:0 0 clamp(24px,2.2vw,34px)!important;
  color:#66687f!important;
  font-size:clamp(1rem,1.58vw,1.5rem)!important;
  line-height:1.43!important;
  font-weight:400!important;
}
.home-v2111 .hp39-hero-actions{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:clamp(14px,1.55vw,24px)!important;
  margin:0 0 clamp(30px,3.05vw,47px)!important;
}
.home-v2111 .hp39-hero-actions .hp39-btn{
  width:auto!important;
  min-height:clamp(47px,4.43vw,68px)!important;
  padding:0 clamp(22px,2.65vw,41px)!important;
  border-radius:clamp(10px,.98vw,15px)!important;
  font-size:clamp(.86rem,1.30vw,1.25rem)!important;
  line-height:1!important;
  font-weight:800!important;
}
.home-v2111 .hp39-hero-actions .hp39-btn-primary{
  min-width:clamp(194px,19.1vw,293px)!important;
  background:linear-gradient(110deg,#ff741b 0%,#ff5836 48%,#f32677 100%)!important;
  box-shadow:0 14px 30px rgba(239,47,117,.16)!important;
}
.home-v2111 .hp39-hero-actions .hp39-btn-outline{
  min-width:clamp(184px,18vw,276px)!important;
  background:#fff!important;
  border:2px solid #d9d9e1!important;
  color:#141246!important;
  box-shadow:0 4px 12px rgba(29,22,62,.03)!important;
}

/* Three trust blocks exactly as the approved layout: icon, title, subline. */
.home-v2111 .hp39-trust-points{
  width:100%!important;
  max-width:690px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(16px,2.25vw,35px)!important;
  margin:0!important;
  padding:0!important;
  align-items:center!important;
}
.home-v2111 .hp39-trust-points>span{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:clamp(32px,3.12vw,48px) minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:clamp(8px,.82vw,13px)!important;
  align-items:center!important;
  color:#171442!important;
  font-size:inherit!important;
  line-height:1.15!important;
  white-space:normal!important;
}
.home-v2111 .hp39-trust-points .hp209-trust-icon{
  grid-row:1/3!important;
  width:clamp(32px,3.12vw,48px)!important;
  height:clamp(32px,3.12vw,48px)!important;
  margin:0!important;
  border-radius:clamp(8px,.78vw,12px)!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.68)!important;
  border:1px solid rgba(244,112,49,.28)!important;
  color:#f2672c!important;
  box-shadow:none!important;
}
.home-v2111 .hp39-trust-points .hp209-trust-icon svg{
  width:clamp(16px,1.55vw,24px)!important;
  height:clamp(16px,1.55vw,24px)!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.home-v2111 .hp39-trust-points>span>strong{
  grid-column:2!important;
  display:block!important;
  margin:0!important;
  color:#171442!important;
  font-size:clamp(.72rem,1.03vw,1rem)!important;
  line-height:1.15!important;
  letter-spacing:-.015em!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.home-v2111 .hp39-trust-points>span>small{
  grid-column:2!important;
  display:block!important;
  margin:clamp(2px,.2vw,3px) 0 0!important;
  color:#77798c!important;
  font-size:clamp(.61rem,.78vw,.75rem)!important;
  line-height:1.2!important;
  font-weight:500!important;
  white-space:nowrap!important;
}

/* Right side — exact approved panel with no crop at the reference ratio. */
.home-v2111 .hp39-hero-visual{
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  aspect-ratio:769 / 684!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:url('/assets/concept/hero-real-installation-v211.png') center center / 100% 100% no-repeat!important;
  overflow:hidden!important;
  isolation:auto!important;
}
.home-v2111 .hp39-hero-visual::before,
.home-v2111 .hp39-hero-visual::after,
.home-v2111 .hp39-visual-glow,
.home-v2111 .hp39-boiler-stage{
  content:none!important;
  display:none!important;
}

/* The approved reference moves straight from hero into the route section. */
.home-v2111 .hp39-includes{display:none!important}
.home-v2111 .hp39-choices{padding-top:clamp(30px,3.0vw,46px)!important}

/* Tablet/iPad keeps the same 50/50 reference composition rather than
   switching to the older compressed hero rules. */
@media (min-width:741px) and (max-width:1000px){
  .home-v2111 .hp39-hero-grid.container{grid-template-columns:50% 50%!important}
  .home-v2111 .hp39-hero-copy{
    padding:clamp(28px,3.9vw,39px) clamp(22px,2.7vw,27px)!important;
  }
  .home-v2111 .hp39-pill{font-size:clamp(.58rem,1.02vw,.66rem)!important}
  .home-v2111 .hp39-hero h1{font-size:clamp(2.7rem,5.15vw,3.22rem)!important}
  .home-v2111 .hp39-hero-copy>p{font-size:clamp(.88rem,1.58vw,1rem)!important}
  .home-v2111 .hp39-hero-actions{display:flex!important;grid-template-columns:none!important}
  .home-v2111 .hp39-trust-points{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:none!important}
  .home-v2111 .hp39-trust-points>span>strong{font-size:clamp(.62rem,1.03vw,.72rem)!important}
  .home-v2111 .hp39-trust-points>span>small{font-size:clamp(.52rem,.78vw,.61rem)!important}
}

/* Phones retain the same approved design language, stacked for usability. */
@media (max-width:740px){
  .home-v2111 .hp39-hero-grid.container{display:block!important}
  .home-v2111 .hp39-hero-copy{padding:34px 20px 30px!important}
  .home-v2111 .hp39-pill{margin-bottom:22px!important;font-size:.62rem!important}
  .home-v2111 .hp39-hero h1{font-size:clamp(2.7rem,12vw,3.8rem)!important}
  .home-v2111 .hp39-hero-copy>p{font-size:1rem!important}
  .home-v2111 .hp39-hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-bottom:26px!important}
  .home-v2111 .hp39-hero-actions .hp39-btn{width:100%!important;min-width:0!important}
  .home-v2111 .hp39-trust-points{grid-template-columns:1fr!important;gap:10px!important;max-width:320px!important}
  .home-v2111 .hp39-trust-points>span{grid-template-columns:36px 1fr!important}
  .home-v2111 .hp39-trust-points .hp209-trust-icon{width:34px!important;height:34px!important}
  .home-v2111 .hp39-trust-points>span>strong{font-size:.72rem!important}
  .home-v2111 .hp39-trust-points>span>small{font-size:.62rem!important}
  .home-v2111 .hp39-hero-visual{aspect-ratio:769 / 684!important}
  .home-v2111 .hp39-choices{padding-top:34px!important}
}