/* HappyLHR Hero Height Reduce V8 - compact hero only */

.hzv6-hero{
  padding:6px 0 4px !important;
}

.hzv6-shell{
  gap:12px !important;
  align-items:stretch !important;
}

.hzv6-main{
  min-height:250px !important;
  border-radius:20px !important;
}

.hzv6-main .hzv5-hero-swiper,
.hzv6-main .hzv5-hero-swiper .swiper-wrapper,
.hzv6-main .swiper-slide{
  min-height:250px !important;
  height:250px !important;
}

.hzv6-slide{
  min-height:250px !important;
  height:250px !important;
  grid-template-columns:.58fr .42fr !important;
}

.hzv6-copy{
  padding:20px 30px 18px 34px !important;
}

.hzv6-kicker{
  padding:5px 10px !important;
  font-size:11px !important;
  margin-bottom:8px !important;
}

.hzv6-copy h1{
  font-size:27px !important;
  line-height:1.08 !important;
  letter-spacing:-.7px !important;
  margin:0 0 8px !important;
}

.hzv6-copy p{
  font-size:13px !important;
  line-height:1.5 !important;
  margin:0 0 12px !important;
  max-width:390px !important;
}

.hzv6-actions{
  margin-bottom:10px !important;
  gap:8px !important;
}

.hzv6-actions .hzv5-btn{
  height:38px !important;
  padding:0 15px !important;
  font-size:12px !important;
  border-radius:9px !important;
}

.hzv6-stats{
  gap:8px !important;
  max-width:410px !important;
}

.hzv6-stat{
  min-height:46px !important;
  padding:7px 9px !important;
  border-radius:12px !important;
}

.hzv6-stat strong{
  font-size:14px !important;
}

.hzv6-stat span{
  font-size:11px !important;
  margin-top:3px !important;
}

.hzv6-visual{
  min-height:250px !important;
  height:250px !important;
}

.hzv6-stage{
  inset:18px !important;
  border-radius:22px !important;
}

.hzv6-phone{
  width:84px !important;
  height:140px !important;
  right:118px !important;
  bottom:34px !important;
  border-radius:24px !important;
}

.hzv6-phone:before{
  left:14px !important;
  top:14px !important;
  width:34px !important;
  height:34px !important;
  border-radius:12px !important;
  box-shadow:18px 0 0 #08101d !important;
}

.hzv6-bag{
  width:86px !important;
  height:88px !important;
  right:24px !important;
  bottom:36px !important;
  border-radius:14px !important;
}

.hzv6-bag:before{
  left:23px !important;
  top:-20px !important;
  width:38px !important;
  height:28px !important;
  border-width:5px !important;
}

.hzv6-bag:after{
  inset:24px !important;
  font-size:24px !important;
}

.hzv6-float{
  padding:7px 9px !important;
  border-radius:12px !important;
}

.hzv6-float small{
  font-size:10px !important;
}

.hzv6-float b{
  font-size:11px !important;
}

.hzv6-float.one{
  left:22px !important;
  top:22px !important;
  width:112px !important;
}

.hzv6-float.two{
  left:42px !important;
  bottom:18px !important;
  width:128px !important;
}

.hzv6-float.three{
  right:20px !important;
  top:20px !important;
  width:112px !important;
}

.hzv6-main .hzv5-hero-pagination{
  left:26px !important;
  bottom:10px !important;
}

/* Make right-side cards compact too */
.hzv6-side{
  gap:10px !important;
}

.hzv6-side-card{
  padding:12px !important;
  border-radius:16px !important;
  min-height:0 !important;
}

.hzv6-side-title{
  font-size:13px !important;
  margin-bottom:6px !important;
}

.hzv6-side-desc{
  font-size:12px !important;
  line-height:1.35 !important;
  margin-bottom:7px !important;
}

.hzv6-side-item{
  font-size:11px !important;
}

.hzv6-countdown{
  font-size:16px !important;
  margin-top:5px !important;
}

.hzv6-features{
  gap:6px !important;
}

.hzv6-feature{
  gap:8px !important;
}

.hzv6-feature i{
  font-size:15px !important;
}

.hzv6-feature b{
  font-size:12px !important;
}

.hzv6-feature span{
  display:none !important;
}

/* Keep responsive still clean */
@media(max-width:1180px){
  .hzv6-main,
  .hzv6-main .hzv5-hero-swiper,
  .hzv6-main .hzv5-hero-swiper .swiper-wrapper,
  .hzv6-main .swiper-slide,
  .hzv6-slide{
    min-height:260px !important;
    height:auto !important;
  }

  .hzv6-side{
    grid-template-columns:repeat(3,1fr) !important;
    grid-template-rows:auto !important;
  }
}

@media(max-width:720px){
  .hzv6-main,
  .hzv6-main .hzv5-hero-swiper,
  .hzv6-main .hzv5-hero-swiper .swiper-wrapper,
  .hzv6-main .swiper-slide,
  .hzv6-slide{
    min-height:auto !important;
    height:auto !important;
  }

  .hzv6-copy{
    padding:22px 20px 10px !important;
  }

  .hzv6-copy h1{
    font-size:27px !important;
  }

  .hzv6-visual{
    min-height:185px !important;
    height:185px !important;
  }

  .hzv6-side{
    grid-template-columns:1fr !important;
  }
}