/* HappyLHR Hero Balanced Size V12
   Fixes V11 too-small/clipped hero. Keeps sliders, returns balanced professional height.
*/

.hzv6-hero{
  padding:10px 0 8px !important;
}

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

/* Balanced hero height */
.hzv6-main{
  min-height:318px !important;
  height:318px !important;
  max-height:318px !important;
  display:block !important;
  overflow:hidden !important;
  border-radius:22px !important;
}

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

.hzv6-slide{
  grid-template-columns:.57fr .43fr !important;
  overflow:hidden !important;
}

.hzv6-copy{
  padding:28px 36px 28px 38px !important;
  justify-content:center !important;
}

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

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

.hzv6-copy p{
  font-size:13.5px !important;
  line-height:1.55 !important;
  margin:0 0 13px !important;
  max-width:430px !important;
}

.hzv6-actions{
  margin-bottom:12px !important;
  gap:9px !important;
}

.hzv6-actions .hzv5-btn{
  height:40px !important;
  padding:0 16px !important;
  font-size:12.5px !important;
  border-radius:10px !important;
}

.hzv6-stats{
  grid-template-columns:repeat(3,1fr) !important;
  gap:9px !important;
  max-width:440px !important;
}

.hzv6-stat{
  min-height:54px !important;
  padding:8px 10px !important;
  border-radius:13px !important;
}

.hzv6-stat strong{
  font-size:15px !important;
  line-height:1 !important;
}

.hzv6-stat span{
  font-size:11.5px !important;
  line-height:1.25 !important;
  margin-top:4px !important;
}

/* Visual side balanced */
.hzv6-visual{
  height:318px !important;
  min-height:318px !important;
  max-height:318px !important;
}

.hzv6-stage{
  inset:20px !important;
  border-radius:24px !important;
}

.hzv6-phone{
  width:98px !important;
  height:160px !important;
  right:126px !important;
  bottom:44px !important;
  border-radius:27px !important;
}

.hzv6-phone:before{
  left:16px !important;
  top:16px !important;
  width:36px !important;
  height:36px !important;
  border-radius:13px !important;
  box-shadow:20px 0 0 #08101d !important;
}

.hzv6-bag{
  width:98px !important;
  height:100px !important;
  right:28px !important;
  bottom:48px !important;
  border-radius:15px !important;
}

.hzv6-bag:before{
  left:26px !important;
  top:-22px !important;
  width:42px !important;
  height:31px !important;
  border-width:5px !important;
}

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

.hzv6-float{
  padding:8px 10px !important;
  border-radius:13px !important;
}

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

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

.hzv6-float.one{
  left:24px !important;
  top:24px !important;
  width:124px !important;
}

.hzv6-float.two{
  left:46px !important;
  bottom:24px !important;
  width:140px !important;
}

.hzv6-float.three{
  right:22px !important;
  top:22px !important;
  width:124px !important;
}

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

/* Right side sliders: balanced, not huge and not clipped */
.hzv6-side{
  height:318px !important;
  max-height:318px !important;
  grid-template-rows:96px 128px 74px !important;
  gap:10px !important;
  overflow:hidden !important;
}

.hzv6-side-card{
  min-height:0 !important;
  height:100% !important;
  padding:12px 14px !important;
  border-radius:17px !important;
  overflow:hidden !important;
}

.hzv10-card-head{
  margin-bottom:5px !important;
}

.hzv10-card-title,
.hzv6-side-title{
  font-size:13px !important;
  margin-bottom:4px !important;
}

.hzv10-arrow{
  width:24px !important;
  height:24px !important;
  border-radius:8px !important;
  font-size:14px !important;
}

.hzv6-side-desc{
  font-size:11.5px !important;
  line-height:1.35 !important;
  margin-bottom:6px !important;
  display:block !important;
}

/* Hot deal compact but readable */
.hzv10-deal-slide{
  min-height:0 !important;
  gap:6px !important;
}

.hzv10-deal-row{
  grid-template-columns:32px 1fr auto !important;
  gap:8px !important;
  padding:5px !important;
  border-radius:11px !important;
}

.hzv10-deal-row:nth-child(2){
  display:none !important;
}

.hzv10-deal-visual{
  width:32px !important;
  height:32px !important;
  border-radius:10px !important;
}

.hzv10-deal-info b{
  font-size:11px !important;
}

.hzv10-deal-info span{
  font-size:10px !important;
  display:block !important;
}

.hzv10-price{
  font-size:11.5px !important;
}

/* Auction card balanced */
.hzv10-auction-slide{
  min-height:0 !important;
  gap:6px !important;
  justify-content:start !important;
}

.hzv10-auction-product{
  grid-template-columns:38px 1fr !important;
  gap:9px !important;
}

.hzv10-auction-visual{
  width:38px !important;
  height:38px !important;
  border-radius:12px !important;
}

.hzv10-auction-product b{
  font-size:11.5px !important;
}

.hzv10-auction-product span{
  font-size:10px !important;
  display:block !important;
}

.hzv10-bid-line{
  margin-top:6px !important;
}

.hzv10-bid{
  font-size:13px !important;
}

.hzv10-time{
  font-size:14px !important;
  letter-spacing:1.1px !important;
}

.hzv10-progress{
  height:4px !important;
  margin-top:6px !important;
}

/* Trust card readable */
.hzv10-trust-card .hzv6-features{
  gap:7px !important;
}

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

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

.hzv10-trust-card .hzv6-feature b{
  font-size:11.5px !important;
}

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

/* Mobile/tablet should not be fixed */
@media(max-width:1180px){
  .hzv6-main,
  .hzv6-main .hzv5-hero-swiper,
  .hzv6-main .hzv5-hero-swiper .swiper-wrapper,
  .hzv6-main .hzv5-hero-swiper .swiper-slide,
  .hzv6-slide{
    height:auto !important;
    max-height:none !important;
    min-height:300px !important;
  }

  .hzv6-side{
    height:auto !important;
    max-height:none !important;
    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 .hzv5-hero-swiper .swiper-slide,
  .hzv6-slide{
    height:auto !important;
    max-height:none !important;
    min-height:auto !important;
  }

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

  .hzv6-copy{
    padding:24px 20px 14px !important;
  }

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

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

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