/* =========================================================
   GOMMA WELL V15 — stronger layout corrections
   ========================================================= */

/* HOME HERO — desktop/tablet */
.hero-stage{overflow:visible!important}
.hero-product{bottom:3%!important}
.hero-neuro{
  height:58%!important;
  left:5%!important;
  transform:translate3d(0,0,-70px) rotate(-7deg)!important;
  opacity:1!important;
  z-index:2!important;
}
.hero-sleep{
  height:78%!important;
  left:28.5%!important;
  transform:translate3d(0,0,60px) scale(1)!important;
  opacity:1!important;
  z-index:5!important;
}
.hero-energy{
  height:58%!important;
  right:5%!important;
  transform:translate3d(0,0,-55px) rotate(7deg)!important;
  opacity:1!important;
  z-index:2!important;
}

/* PRODUCT STORY — force a single centered active product */
.scene-stage{overflow:visible!important}
.scene-stage::before{
  content:"";
  position:absolute;
  left:30%; right:30%; bottom:40px;
  height:7%;
  background:radial-gradient(circle, rgba(38,0,53,.22), transparent 70%);
  filter:blur(14px);
  z-index:1;
}
.scene-product,
.scene-copy{
  will-change:opacity,transform;
}
.scene-product{
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%) translateY(14px) scale(.96)!important;
  opacity:0!important;
  filter:blur(8px) drop-shadow(0 42px 40px rgba(0,0,0,.25))!important;
  z-index:1!important;
}
.scene-product.active{
  transform:translateX(-50%) translateY(0) scale(1)!important;
  opacity:1!important;
  filter:blur(0) drop-shadow(0 42px 40px rgba(0,0,0,.25))!important;
  z-index:4!important;
}
.scene-product.exit{
  transform:translateX(-50%) translateY(0) scale(1)!important;
  opacity:0!important;
  filter:blur(0) drop-shadow(0 42px 40px rgba(0,0,0,.25))!important;
  z-index:1!important;
}
.scene-product img{margin-inline:auto!important}
.scene-copy{z-index:4!important}
.scene-copy:not(.active),
.scene-product:not(.active){pointer-events:none!important}

/* Keep each product visually centered, including Creatina */
.scene-product[data-product-image="0"]{height:84%!important}
.scene-product[data-product-image="1"]{height:87%!important}
.scene-product[data-product-image="2"]{height:84%!important}

/* KIT SECTION */
.kit-stage{overflow:visible!important}
.kit-neuro{
  height:62%!important;
  left:6%!important;
  transform:translateX(0) rotate(-7deg)!important;
  opacity:1!important;
  z-index:2!important;
}
.kit-sleep{
  height:80%!important;
  left:29%!important;
  transform:translateY(0) scale(1)!important;
  opacity:1!important;
  z-index:5!important;
}
.kit-energy{
  height:62%!important;
  right:6%!important;
  transform:translateX(0) rotate(7deg)!important;
  opacity:1!important;
  z-index:2!important;
}

@media(max-width:720px){
  /* Stronger visible change for the home hero */
  .hero-stage{height:470px!important;margin-top:8px!important}
  .hero-neuro{
    height:49%!important;
    left:4%!important;
    bottom:8%!important;
    transform:translate3d(0,0,-50px) rotate(-8deg)!important;
  }
  .hero-sleep{
    height:66%!important;
    left:27%!important;
    bottom:2%!important;
    transform:translate3d(0,0,40px) scale(1)!important;
  }
  .hero-energy{
    height:49%!important;
    right:4%!important;
    bottom:8%!important;
    transform:translate3d(0,0,-50px) rotate(8deg)!important;
  }
  .gel-hero-a{left:8%!important;top:16%!important}
  .gel-hero-b{right:4%!important;top:27%!important}
  .gel-hero-c{right:6%!important;bottom:12%!important}

  /* Product story area */
  .scene-copy-wrap{top:104px!important;left:20px!important;right:20px!important;height:auto!important}
  .scene-copy{transform:translateY(12px)!important;opacity:0!important;filter:none!important}
  .scene-copy.active{transform:translateY(0)!important;opacity:1!important}
  .scene-copy.exit{transform:translateY(0)!important;opacity:0!important}

  .scene-stage{
    left:0!important; right:0!important;
    top:auto!important; bottom:1%!important;
    width:100%!important; height:44%!important;
    display:grid!important; place-items:end center!important;
  }
  .scene-product{
    bottom:38px!important;
    height:auto!important;
    width:auto!important;
    max-width:none!important;
    left:50%!important; right:auto!important;
    transform:translateX(-50%) translateY(10px) scale(.98)!important;
  }
  .scene-product.active{
    transform:translateX(-50%) translateY(0) scale(1)!important;
  }
  .scene-product.exit{
    transform:translateX(-50%) translateY(0) scale(1)!important;
  }
  .scene-product[data-product-image="0"]{height:295px!important}
  .scene-product[data-product-image="1"]{height:308px!important}
  .scene-product[data-product-image="2"]{height:298px!important}
  .scene-badge{right:16px!important;bottom:82px!important;transform:scale(.8)!important}
  .scene-gel-a{left:8%!important;top:14%!important}
  .scene-gel-b{right:6%!important;bottom:20%!important}
  .scene-gel-c{right:4%!important;top:22%!important}

  /* Kit section trio */
  .kit-stage{height:430px!important}
  .kit-neuro{
    height:50%!important;
    left:3%!important;
    bottom:8%!important;
    transform:translateX(0) rotate(-8deg)!important;
  }
  .kit-sleep{
    height:66%!important;
    left:27%!important;
    bottom:2%!important;
    transform:translateY(0) scale(1)!important;
  }
  .kit-energy{
    height:50%!important;
    right:3%!important;
    bottom:8%!important;
    transform:translateX(0) rotate(8deg)!important;
  }
}