/* =========================================================
   GOMMA WELL V17 — fix hero and kit overlap decisively
   Goal: more breathing room, center jar clearly dominant,
   side jars smaller and pushed outward.
   ========================================================= */

.hero-stage,
.kit-stage{
  overflow:visible!important;
}

/* ---------- DESKTOP / TABLET ---------- */
.hero-neuro,
.hero-energy,
.hero-sleep,
.kit-neuro,
.kit-energy,
.kit-sleep{
  height:auto!important;
}

.hero-neuro{
  width:24%!important;
  left:7%!important;
  bottom:12%!important;
  transform:rotate(-8deg)!important;
  z-index:2!important;
}
.hero-sleep{
  width:35%!important;
  left:50%!important;
  bottom:4%!important;
  transform:translateX(-50%)!important;
  z-index:5!important;
}
.hero-energy{
  width:22%!important;
  right:7%!important;
  bottom:12%!important;
  transform:rotate(8deg)!important;
  z-index:2!important;
}

.kit-neuro{
  width:25%!important;
  left:7%!important;
  bottom:14%!important;
  transform:rotate(-8deg)!important;
  z-index:2!important;
}
.kit-sleep{
  width:36%!important;
  left:50%!important;
  bottom:5%!important;
  transform:translateX(-50%)!important;
  z-index:5!important;
}
.kit-energy{
  width:23%!important;
  right:7%!important;
  bottom:14%!important;
  transform:rotate(8deg)!important;
  z-index:2!important;
}

/* product page single pack */
.product-stage{
  justify-items:center!important;
}
.product-pack{
  display:block!important;
  margin-inline:auto!important;
}

/* ---------- MOBILE ---------- */
@media (max-width:720px){
  .hero-stage{
    height:430px!important;
    margin-top:10px!important;
  }
  .hero-neuro{
    width:28%!important;
    left:6%!important;
    bottom:17%!important;
    transform:rotate(-8deg)!important;
  }
  .hero-sleep{
    width:38%!important;
    left:50%!important;
    bottom:6%!important;
    transform:translateX(-50%)!important;
  }
  .hero-energy{
    width:20%!important;
    right:5%!important;
    bottom:18%!important;
    transform:rotate(8deg)!important;
  }

  .gel-hero-a{
    left:7%!important;
    top:13%!important;
  }
  .gel-hero-b{
    right:3%!important;
    top:27%!important;
  }
  .gel-hero-c{
    right:8%!important;
    bottom:14%!important;
  }

  .kit-stage{
    height:360px!important;
  }
  .kit-neuro{
    width:28%!important;
    left:5%!important;
    bottom:19%!important;
    transform:rotate(-8deg)!important;
  }
  .kit-sleep{
    width:38%!important;
    left:50%!important;
    bottom:8%!important;
    transform:translateX(-50%)!important;
  }
  .kit-energy{
    width:20%!important;
    right:5%!important;
    bottom:19%!important;
    transform:rotate(8deg)!important;
  }

  /* single product pages: keep pack centered and a bit smaller */
  .product-stage{
    min-height:390px!important;
    display:grid!important;
    place-items:center!important;
  }
  .product-pack{
    height:300px!important;
    max-width:74vw!important;
    width:auto!important;
    object-fit:contain!important;
  }
}