/* Thermal Group Ballina V2 • source-specific color/layout styles only.
   The hero's background-image is NOT forced by CSS on desktop.
   Its default image is replaced in assets/images/hero-heat-pumps.png, preserving the admin image selector. */
:root { --tg-hero2-navy:#0F3969; --tg-hero2-red:#F11626; }
.hero.section-animate[style*="hero-heat-pumps.png"] {
  /* Cache-busted replacement applies only while the admin uses the old default image path. */
  background-image:url('/assets/images/hero-heat-pumps.png?tg_ballina_v2=20261023') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-color:#f8fafc !important;
  aspect-ratio:auto !important;
  height:clamp(460px,41.66667vw,740px) !important;
  min-height:0 !important;
  overflow:hidden !important;
}
.hero.section-animate[style*="hero-heat-pumps.png"]::before,
.hero.section-animate[style*="hero-heat-pumps.png"]::after {
  display:none !important;
  content:none !important;
}
.hero.section-animate[style*="hero-heat-pumps.png"] .hero-inner { height:100% !important; min-height:100% !important; }
.hero.section-animate[style*="hero-heat-pumps.png"] .hero-copy { color:var(--tg-hero2-navy) !important; }
.hero.section-animate[style*="hero-heat-pumps.png"] .hero-copy h1 { color:#102740 !important; }
.hero.section-animate[style*="hero-heat-pumps.png"] .hero-copy h1 .accent { color:var(--tg-hero2-red) !important; }
.hero.section-animate[style*="hero-heat-pumps.png"] .hero-copy .eyebrow { color:var(--tg-hero2-navy) !important; }
.hero.section-animate[style*="hero-heat-pumps.png"] .hero-copy p { color:#344b64 !important; }
.hero.section-animate[style*="hero-heat-pumps.png"] .hero-products-cta {
  border:1px solid rgba(15,57,105,.42) !important;
  color:var(--tg-hero2-navy) !important;
  background:rgba(255,255,255,.86) !important;
  box-shadow:none !important;
}
.hero.section-animate[style*="hero-heat-pumps.png"] .hero-products-cta:hover,
.hero.section-animate[style*="hero-heat-pumps.png"] .hero-products-cta:focus-visible {
  background:var(--tg-hero2-navy) !important; color:#fff !important;
}
@media (max-width:768px) {
  .hero.section-animate[style*="hero-heat-pumps.png"] {
    height:clamp(670px,176vw,760px) !important;
    background-image:url('/assets/tg-ballina-hero-v2/hero-mobile.webp') !important;
    background-size:cover !important;
    background-position:center center !important;
  }
  .hero.section-animate[style*="hero-heat-pumps.png"] .hero-inner {
    min-height:100% !important; height:auto !important;
    align-items:flex-start !important;
    padding-top:clamp(24px,8vw,44px) !important;
    padding-bottom:300px !important;
  }
  .hero.section-animate[style*="hero-heat-pumps.png"] .hero-copy {
    width:100% !important; max-width:100% !important;
    padding:0 !important; transform:none !important;
  }
  .hero.section-animate[style*="hero-heat-pumps.png"] .hero-copy h1 {
    font-size:clamp(26px,7.8vw,38px) !important; max-width:480px !important;
    line-height:1.08 !important; letter-spacing:-.035em !important;
  }
  .hero.section-animate[style*="hero-heat-pumps.png"] .hero-actions {gap:8px !important; flex-wrap:wrap !important;}
  .hero.section-animate[style*="hero-heat-pumps.png"] .hero-actions .btn {font-size:11.5px !important;padding:13px 14px !important;min-width:0 !important;}
}
@media (max-width:390px) {
  .hero.section-animate[style*="hero-heat-pumps.png"] .hero-copy h1 { font-size:27px !important; }
  .hero.section-animate[style*="hero-heat-pumps.png"] .hero-copy p { font-size:12px !important; }
}