/* V56: Stage-T hero banner sync + homepage hero product labels no longer cover product images */

/* Stage-T product page hero main visual: use the wider lifestyle banner cleanly on desktop and mobile */
body.stage-page .hero-card{
  overflow:hidden!important;
  padding:14px!important;
}
body.stage-page .hero-card img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1950/843!important;
  object-fit:cover!important;
  border-radius:24px!important;
  transform:none!important;
}
@media(max-width:900px){
  body.stage-page .hero-card{
    padding:10px!important;
    border-radius:28px!important;
  }
  body.stage-page .hero-card img{
    border-radius:18px!important;
  }
}

/* Homepage hero tiles: make product labels non-obstructive */
.hero-panels.brand-stack .hero-product{
  overflow:visible!important;
}
.hero-panels.brand-stack .hero-product .label{
  top:-14px!important;
  left:18px!important;
  z-index:4!important;
  background:rgba(8,10,14,.94)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  pointer-events:none!important;
}
@media(hover:hover) and (pointer:fine){
  .hero-panels.brand-stack .hero-product .label{
    opacity:0!important;
    transform:translateY(8px)!important;
    transition:opacity .28s ease,transform .28s ease!important;
  }
  .hero-panels.brand-stack .hero-product:hover .label,
  .hero-panels.brand-stack .hero-product:focus-within .label{
    opacity:1!important;
    transform:translateY(0)!important;
  }
}
@media(hover:none),(pointer:coarse), (max-width:900px){
  .hero-panels.brand-stack .hero-product .label{
    opacity:1!important;
    transform:none!important;
    top:-12px!important;
    left:14px!important;
    padding:7px 10px!important;
    font-size:10px!important;
  }
}
@media(max-width:520px){
  .hero-panels.brand-stack .hero-product .label{
    top:-10px!important;
    left:12px!important;
    font-size:9px!important;
    letter-spacing:.1em!important;
  }
}

/* V61: restore Stage-T internal product hero card to original LAVA white-background main image on desktop and mobile */
body.stage-page .hero-card{
  background:#fff!important;
  padding:18px!important;
}
body.stage-page .hero-card img{
  aspect-ratio:1/1!important;
  object-fit:contain!important;
  background:#fff!important;
  border-radius:20px!important;
}
@media(max-width:900px){
  body.stage-page .hero-card{
    padding:18px!important;
    border-radius:28px!important;
  }
}