/* HappyLHR Hero Visibility Fix V15
   Keeps hero at 450px but prevents right-side cards/content from clipping.
*/

.hzv6-hero{
  padding:16px 0 12px !important;
}

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

/* Keep approved 450 height */
.hzv6-main{
  height:450px !important;
  min-height:450px !important;
  max-height:450px !important;
  overflow:hidden !important;
}

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

/* Make left hero content and image breathe but stay inside */
.hzv6-copy{
  padding:42px 46px 40px 48px !important;
}

.hzv6-copy h1{
  font-size:39px !important;
  line-height:1.08 !important;
  margin-bottom:12px !important;
}

.hzv6-copy p{
  font-size:14.5px !important;
  line-height:1.62 !important;
  margin-bottom:17px !important;
}

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

.hzv6-stage{
  inset:28px !important;
}

/* Keep product artwork fully visible */
.hzv6-phone{
  width:126px !important;
  height:210px !important;
  right:164px !important;
  bottom:72px !important;
}

.hzv6-bag{
  width:128px !important;
  height:130px !important;
  right:42px !important;
  bottom:76px !important;
}

/* Right column: redistribute rows so no clipping */
.hzv6-side{
  height:450px !important;
  max-height:450px !important;
  display:grid !important;
  grid-template-rows:104px 156px 166px !important;
  gap:12px !important;
  overflow:visible !important;
}

.hzv6-side-card{
  height:100% !important;
  min-height:0 !important;
  overflow:hidden !important;
  padding:13px 16px !important;
  border-radius:18px !important;
}

/* Hot Deals: compact but still has product image + text + arrows */
.hzv10-card-head{
  margin-bottom:5px !important;
}

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

.hzv10-arrow{
  width:26px !important;
  height:26px !important;
  border-radius:9px !important;
}

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

.hzv10-deal-slide{
  gap:6px !important;
}

.hzv10-deal-row{
  grid-template-columns:38px 1fr auto !important;
  padding:6px 8px !important;
  gap:9px !important;
  border-radius:12px !important;
}

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

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

.hzv10-deal-info b{
  font-size:11.5px !important;
  line-height:1.15 !important;
}

.hzv10-deal-info span{
  display:block !important;
  font-size:10.5px !important;
  line-height:1.15 !important;
}

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

/* Auction card: image, title, bid, timer, progress all visible */
.hzv10-auction-slide{
  gap:7px !important;
  justify-content:center !important;
}

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

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

.hzv10-auction-product b{
  font-size:12px !important;
  line-height:1.2 !important;
}

.hzv10-auction-product span{
  display:block !important;
  font-size:10.5px !important;
  line-height:1.2 !important;
}

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

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

.hzv10-time{
  font-size:16px !important;
  letter-spacing:1.15px !important;
}

.hzv10-progress{
  height:5px !important;
  margin-top:7px !important;
}

/* Trust card: show all three features properly */
.hzv10-trust-card{
  padding:14px 16px !important;
}

.hzv10-trust-card .hzv6-features{
  gap:9px !important;
}

.hzv10-trust-card .hzv6-feature{
  gap:9px !important;
  align-items:flex-start !important;
}

.hzv10-trust-card .hzv6-feature i{
  font-size:17px !important;
  line-height:1 !important;
  margin-top:2px !important;
}

.hzv10-trust-card .hzv6-feature b{
  font-size:12px !important;
  line-height:1.2 !important;
}

.hzv10-trust-card .hzv6-feature span{
  display:block !important;
  font-size:10.7px !important;
  line-height:1.32 !important;
  margin-top:2px !important;
}

/* Prevent the next section from visually touching the hero */
.hzv5-section:first-of-type,
.hzv5-section{
  position:relative;
}

.hzv6-hero + .hzv5-section{
  padding-top:22px !important;
}

/* Tablet/mobile natural */
@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:360px !important;
  }

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

  .hzv6-side-card{
    min-height:150px !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:25px 20px 15px !important;
  }

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

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

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