/* =========================================================
   GOMMA WELL V12 — spacing, centering and mobile polish
   ========================================================= */

/* Slightly calmer price row */
.price span{opacity:.88}

/* Dedicated landing pages keep the bottle centered */
.product-stage{justify-items:center!important}
.product-pack{margin-inline:auto!important}

@media(max-width:1100px){
  .kit-stage{height:560px!important}
  .kit-neuro{width:30%!important;left:3%!important}
  .kit-sleep{width:43%!important;left:28.5%!important}
  .kit-energy{width:30%!important;right:3%!important}
}

@media(max-width:720px){
  /* Hero trio: keep the center bottle dominant, side bottles balanced */
  .hero-stage{height:490px!important}
  .hero-neuro{width:30%!important;left:2%!important;bottom:5%!important}
  .hero-sleep{width:41%!important;left:29.5%!important;bottom:2.8%!important}
  .hero-energy{width:30%!important;right:2%!important;bottom:5%!important}

  /* Product story copy spacing */
  .scene-copy-wrap{top:102px!important}
  .scene-copy h2{margin-bottom:14px!important}
  .scene-copy>p:not(.eyebrow){max-width:96%!important}
  .price{
    gap:8px 12px!important;
    margin:14px 0 18px!important;
    align-items:flex-end!important;
  }
  .price small{min-width:84px!important}
  .price strong{font-size:33px!important}
  .price span{font-size:12px!important;line-height:1.25!important}
  .scene-actions{margin-bottom:6px!important}

  /* Product stage: lower and slightly smaller for more breathing room under buttons */
  .scene-stage{
    left:0!important;
    right:0!important;
    width:100%!important;
    height:41%!important;
    bottom:2.2%!important;
    place-items:end center!important;
  }
  .scene-stage::before{
    left:30%!important;
    right:30%!important;
    bottom:32px!important;
    height:7%!important;
  }
  .scene-product{
    left:50%!important;
    right:auto!important;
    bottom:34px!important;
    width:48vw!important;
    max-width:226px!important;
    height:auto!important;
    translate:-50% 18px!important;
  }
  .scene-product.active{translate:-50% 0!important}
  .scene-product.exit{translate:-50% -10px!important}
  .scene-product[data-product-image="0"]{width:45vw!important;max-width:214px!important}
  .scene-product[data-product-image="1"]{width:47vw!important;max-width:222px!important}
  .scene-product[data-product-image="2"]{width:45.5vw!important;max-width:216px!important}
  .scene-badge{
    right:18px!important;
    bottom:82px!important;
    transform:scale(.80)!important;
    transform-origin:right bottom!important;
  }
  .scene-gel-a{left:8%!important;top:18%!important}
  .scene-gel-b{right:5%!important;bottom:21%!important}
  .scene-gel-c{right:5%!important;top:24%!important}

  /* Kit section: larger trio and closer relation to the copy */
  .kit{gap:16px!important}
  .kit-stage{
    height:455px!important;
    margin-bottom:-2px!important;
    overflow:visible!important;
  }
  .kit-neuro{width:33%!important;left:1%!important;bottom:6%!important}
  .kit-sleep{width:47%!important;left:26.5%!important;bottom:2.2%!important}
  .kit-energy{width:33%!important;right:1%!important;bottom:6%!important}
  .kit-gel-a{left:4%!important;top:13%!important}
  .kit-gel-b{right:4%!important;top:23%!important}
  .kit-gel-c{right:5%!important;bottom:19%!important}
  .kit-copy{margin-top:-8px!important}

  /* Sticky buy bar with safe-area breathing room */
  .mobile-buy{
    bottom:calc(10px + env(safe-area-inset-bottom))!important;
    min-height:64px!important;
  }

  /* Dedicated product pages */
  .product-stage{
    width:100%!important;
    min-height:440px!important;
    align-items:end!important;
  }
  .product-pack{
    height:390px!important;
    max-width:72vw!important;
    margin:0 auto!important;
  }
}