/* HABRO v8895 · compact Climate selector integrated with the hero. */
#climate .climate-hero-v8283{
  position:relative!important;
}
#climate .climate-hero-v8283>.habro-climate-head-v8895{
  position:absolute!important;
  left:clamp(18px,5vw,34px)!important;
  right:clamp(18px,5vw,34px)!important;
  bottom:clamp(14px,3.8vw,24px)!important;
  z-index:9!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:16px!important;
  color:#fff!important;
  pointer-events:none!important;
}
#climate .habro-climate-head-v8895>div{
  min-width:0!important;
  text-shadow:0 2px 10px rgba(0,0,0,.88),0 1px 3px rgba(0,0,0,.95)!important;
}
#climate .habro-climate-head-v8895>div>span{
  color:rgba(255,255,255,.82)!important;
  font-size:11px!important;
  letter-spacing:.08em!important;
}
#climate .habro-climate-head-v8895>div>strong{
  margin-top:3px!important;
  color:#fff!important;
  font-size:clamp(18px,4.8vw,22px)!important;
  line-height:1.04!important;
  font-weight:760!important;
}
#climate .habro-climate-head-v8895 .climate-power-v8283{
  pointer-events:auto!important;
  width:46px!important;
  height:46px!important;
  flex:0 0 46px!important;
  border-color:rgba(255,255,255,.38)!important;
  background:rgba(10,14,20,.42)!important;
  color:#fff!important;
  box-shadow:0 8px 24px rgba(0,0,0,.28)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  backdrop-filter:blur(12px)!important;
}
#climate .climate-hero-v8283>.habro-climate-readout-v8895{
  --lens-size:auto!important;
  position:absolute!important;
  top:25%!important;
  right:clamp(28px,8vw,64px)!important;
  left:auto!important;
  z-index:8!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  gap:5px!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  color:#fff!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  transform:none!important;
  pointer-events:none!important;
  text-shadow:0 4px 18px rgba(0,0,0,.92),0 2px 5px rgba(0,0,0,1)!important;
}
#climate .habro-climate-readout-v8895::before,
#climate .habro-climate-readout-v8895::after{
  content:none!important;
  display:none!important;
}
#climate .habro-climate-readout-v8895 strong{
  position:static!important;
  display:block!important;
  color:#fff!important;
  font-size:clamp(64px,18vw,88px)!important;
  line-height:.88!important;
  font-weight:560!important;
  letter-spacing:-.07em!important;
  transform:none!important;
  text-shadow:inherit!important;
}
#climate .habro-climate-readout-v8895 span{
  position:static!important;
  display:block!important;
  margin-top:.03em!important;
  color:#fff!important;
  font-size:clamp(20px,5.8vw,28px)!important;
  line-height:1!important;
  font-weight:650!important;
  transform:none!important;
  text-shadow:inherit!important;
}
#climate .climate-panel-v8283{
  padding-top:0!important;
}
#climate .climate-slider-card-v8283{
  padding:10px clamp(18px,4.8vw,28px) 12px!important;
  border-top:0!important;
  border-radius:0 0 clamp(23px,4vw,30px) clamp(23px,4vw,30px)!important;
}
#climate .climate-slider-wrap-v8283{
  padding-top:0!important;
}
#climate .climate-temp-slider-v8283{
  height:7px!important;
}
#climate .climate-temp-slider-v8283::-webkit-slider-thumb{
  width:30px!important;
  height:30px!important;
  border-width:4px!important;
}
#climate .climate-temp-slider-v8283::-moz-range-thumb{
  width:22px!important;
  height:22px!important;
  border-width:4px!important;
}
#climate .climate-scale-v8283{
  margin-top:10px!important;
  font-size:11px!important;
}