/* HappyLHR Hot Deals Widget V16
   Fixes clipped Hot Deals card while keeping 450px hero height.
*/

.hzv16-hot-card{
  padding:12px 14px !important;
  overflow:hidden !important;
}

.hzv16-hot-card .hzv10-card-head{
  margin-bottom:6px !important;
}

.hzv16-hot-card .hzv10-card-title{
  font-size:14px !important;
  font-weight:700 !important;
}

.hzv16-hot-card .hzv6-side-desc{
  display:none !important;
}

.hzv16-hot-swiper{
  height:72px !important;
  overflow:hidden !important;
}

.hzv16-hot-swiper .swiper-wrapper,
.hzv16-hot-swiper .swiper-slide{
  height:72px !important;
}

.hzv16-hot-slide{
  height:72px !important;
  display:block !important;
}

.hzv16-hot-product{
  height:72px !important;
  display:grid !important;
  grid-template-columns:48px 1fr auto !important;
  align-items:center !important;
  gap:11px !important;
  padding:9px 10px !important;
  border:1px solid #eef2f7 !important;
  border-radius:14px !important;
  background:linear-gradient(180deg,#fff,#fbfcfe) !important;
  box-shadow:0 8px 18px rgba(15,23,42,.045) !important;
  overflow:hidden !important;
}

.hzv16-hot-visual{
  width:48px !important;
  height:48px !important;
  border-radius:14px !important;
  background:linear-gradient(145deg,#fff1e8,#ffffff) !important;
  position:relative !important;
  overflow:hidden !important;
}

.hzv16-hot-visual:before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  width:17px !important;
  height:30px !important;
  border-radius:9px !important;
  background:#111827 !important;
  box-shadow:17px 0 0 #fff, 0 8px 16px rgba(15,23,42,.13), 17px 8px 16px rgba(15,23,42,.13) !important;
}

.hzv16-hot-visual.phone{
  background:linear-gradient(145deg,#eff6ff,#ffffff) !important;
}

.hzv16-hot-visual.phone:before{
  width:20px !important;
  height:36px !important;
  border-radius:8px !important;
  background:linear-gradient(145deg,#111827,#7c3aed) !important;
  box-shadow:0 8px 16px rgba(15,23,42,.13) !important;
}

.hzv16-hot-visual.watch{
  background:linear-gradient(145deg,#f8fafc,#ffffff) !important;
}

.hzv16-hot-visual.watch:before{
  width:28px !important;
  height:32px !important;
  border-radius:13px !important;
  background:#111827 !important;
  box-shadow:0 8px 16px rgba(15,23,42,.13) !important;
}

.hzv16-hot-visual.box{
  background:linear-gradient(145deg,#fff7ed,#ffffff) !important;
}

.hzv16-hot-visual.box:before{
  width:31px !important;
  height:24px !important;
  border-radius:7px !important;
  background:#bd864b !important;
  box-shadow:0 8px 16px rgba(92,52,16,.12) !important;
}

.hzv16-hot-info{
  min-width:0 !important;
}

.hzv16-hot-info b{
  display:block !important;
  color:#111827 !important;
  font-size:12.5px !important;
  font-weight:700 !important;
  line-height:1.18 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.hzv16-hot-info span{
  display:block !important;
  color:#667085 !important;
  font-size:10.8px !important;
  line-height:1.2 !important;
  margin-top:3px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.hzv16-hot-price{
  min-width:72px !important;
  text-align:right !important;
}

.hzv16-hot-price strong{
  display:block !important;
  color:#ff4f0a !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1.1 !important;
}

.hzv16-hot-price small{
  display:block !important;
  color:#16a34a !important;
  font-size:10px !important;
  line-height:1.15 !important;
  margin-top:3px !important;
  font-weight:700 !important;
}

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

/* Make first right-column card slightly taller and use space from trust card */
.hzv6-side{
  grid-template-rows:124px 156px 146px !important;
}

/* Keep trust visible after giving Hot Deals more height */
.hzv10-trust-card .hzv6-features{
  gap:7px !important;
}

.hzv10-trust-card .hzv6-feature span{
  font-size:10.4px !important;
  line-height:1.25 !important;
}

@media(max-width:1180px){
  .hzv6-side{
    grid-template-rows:auto !important;
  }

  .hzv16-hot-swiper,
  .hzv16-hot-swiper .swiper-wrapper,
  .hzv16-hot-swiper .swiper-slide,
  .hzv16-hot-slide{
    height:82px !important;
  }

  .hzv16-hot-product{
    height:82px !important;
  }
}