/* =========================================================
   GOMMA WELL V16 — better hero/kit distribution
   Focus: home hero + trio kit spacing on mobile
   ========================================================= */

/* Desktop / tablet */
.hero-stage{overflow:visible!important}
.hero-neuro{
  height:52%!important;
  left:4%!important;
  bottom:11%!important;
  transform:translate3d(0,0,-55px) rotate(-8deg)!important;
  z-index:2!important;
}
.hero-sleep{
  height:72%!important;
  left:50%!important;
  bottom:3%!important;
  transform:translateX(-50%) translate3d(0,0,50px) scale(1)!important;
  z-index:5!important;
}
.hero-energy{
  height:52%!important;
  right:4%!important;
  bottom:11%!important;
  transform:translate3d(0,0,-55px) rotate(8deg)!important;
  z-index:2!important;
}

.kit-stage{overflow:visible!important}
.kit-neuro{
  height:56%!important;
  left:6%!important;
  bottom:10%!important;
  transform:rotate(-8deg)!important;
  z-index:2!important;
}
.kit-sleep{
  height:76%!important;
  left:50%!important;
  bottom:1%!important;
  transform:translateX(-50%)!important;
  z-index:5!important;
}
.kit-energy{
  height:56%!important;
  right:6%!important;
  bottom:10%!important;
  transform:rotate(8deg)!important;
  z-index:2!important;
}

@media(max-width:720px){
  /* HOME HERO */
  .hero-stage{
    height:460px!important;
    margin-top:16px!important;
  }
  .hero-neuro{
    height:150px!important;
    left:8%!important;
    bottom:13%!important;
    transform:translate3d(0,0,-40px) rotate(-8deg)!important;
  }
  .hero-sleep{
    height:238px!important;
    left:50%!important;
    bottom:5%!important;
    transform:translateX(-50%) translate3d(0,0,35px) scale(1)!important;
  }
  .hero-energy{
    height:150px!important;
    right:8%!important;
    bottom:13%!important;
    transform:translate3d(0,0,-40px) rotate(8deg)!important;
  }

  /* move floating gummies away from jars a bit */
  .gel-hero-a{left:9%!important;top:14%!important;transform:rotate(58deg)!important}
  .gel-hero-b{right:5%!important;top:28%!important;transform:rotate(-28deg)!important}
  .gel-hero-c{right:9%!important;bottom:15%!important;transform:rotate(36deg)!important}

  /* KIT TRIO */
  .kit-stage{
    height:400px!important;
  }
  .kit-neuro{
    height:155px!important;
    left:7%!important;
    bottom:17%!important;
    transform:rotate(-8deg)!important;
  }
  .kit-sleep{
    height:242px!important;
    left:50%!important;
    bottom:5%!important;
    transform:translateX(-50%)!important;
  }
  .kit-energy{
    height:155px!important;
    right:7%!important;
    bottom:17%!important;
    transform:rotate(8deg)!important;
  }
}