.product-media-box{
  display:block !important;
  background:transparent !important;
  overflow:visible !important;
}

.hb-product-slider{
  width:100% !important;
  display:block !important;
}

.hb-slider-main{
  position:relative !important;
  width:100% !important;
  height:520px !important;
  min-height:520px !important;
  background:linear-gradient(135deg,#e0f7ff,#eef2ff) !important;
  border-radius:34px !important;
  overflow:hidden !important;
  display:block !important;
}

.hb-main-image{
  width:100% !important;
  height:520px !important;
  min-height:520px !important;
  max-height:520px !important;
  object-fit:cover !important;
  display:block !important;
  cursor:zoom-in !important;
  transition:opacity .22s ease, transform .35s ease !important;
}

.hb-main-image.changing{
  opacity:.25 !important;
  transform:scale(.985) !important;
}

.hb-slider-arrow{
  position:absolute !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:5 !important;
  width:46px !important;
  height:46px !important;
  border:0 !important;
  border-radius:999px !important;
  background:rgba(3,17,31,.76) !important;
  color:#fff !important;
  font-size:34px !important;
  line-height:1 !important;
  display:grid !important;
  place-items:center !important;
  cursor:pointer !important;
}

.hb-slider-prev{left:16px !important}
.hb-slider-next{right:16px !important}

.hb-slider-thumbs{
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(5,1fr) !important;
  gap:10px !important;
  padding:14px !important;
  margin-top:12px !important;
  background:#fff !important;
  border:1px solid #e5e7eb !important;
  border-radius:24px !important;
  box-sizing:border-box !important;
}

.hb-slider-thumb{
  width:100% !important;
  height:86px !important;
  max-height:86px !important;
  padding:0 !important;
  margin:0 !important;
  border:2px solid transparent !important;
  background:#f8fafc !important;
  border-radius:14px !important;
  overflow:hidden !important;
  cursor:pointer !important;
  display:block !important;
}

.hb-slider-thumb img{
  width:100% !important;
  height:86px !important;
  max-height:86px !important;
  object-fit:cover !important;
  display:block !important;
  border-radius:0 !important;
}

.hb-slider-thumb.active{
  border-color:#00a3ff !important;
  box-shadow:0 10px 28px rgba(0,163,255,.25) !important;
}

@media(max-width:900px){
  .hb-slider-main{height:360px !important;min-height:360px !important}
  .hb-main-image{height:360px !important;min-height:360px !important;max-height:360px !important}
  .hb-slider-thumbs{grid-template-columns:repeat(4,1fr) !important}
}

@media(max-width:560px){
  .hb-slider-main{height:280px !important;min-height:280px !important;border-radius:24px !important}
  .hb-main-image{height:280px !important;min-height:280px !important;max-height:280px !important}
  .hb-slider-thumbs{grid-template-columns:repeat(3,1fr) !important}
  .hb-slider-thumb{height:70px !important;max-height:70px !important}
  .hb-slider-thumb img{height:70px !important;max-height:70px !important}
}