/* FREEGO v52 - precise requested fixes */

/* Prevent any temporary horizontal scrollbar on mobile during reveal/hover animations */
html, body{overflow-x:hidden !important;}

/* MAIN PAGE / PRODUCTS: desktop arrow on far right side with clear distance from product copy */
@media (min-width:1025px){
  body.home-top #products.product-showcase-hero{position:relative !important; overflow:hidden !important;}
  body.home-top #products.product-showcase-hero .products-left,
  body.home-top #products.product-showcase-hero .product-showcase-intro{
    position:static !important;
    overflow:visible !important;
  }
  body.home-top #products.product-showcase-hero .products-left .product-stable-next,
  body.home-top #products.product-showcase-hero .products-left .product-stable-next:hover,
  body.home-top #products.product-showcase-hero .products-left .product-stable-next:focus,
  body.home-top #products.product-showcase-hero .products-left .product-stable-next:active,
  body.home-top #products.product-showcase-hero .products-left .product-stable-next:focus-visible{
    position:absolute !important;
    right:clamp(52px,6vw,120px) !important;
    left:auto !important;
    top:50% !important;
    bottom:auto !important;
    transform:translateY(-50%) !important;
    z-index:500 !important;
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    color:rgba(218,176,79,.88) !important;
    font-size:clamp(3.4rem,4.7vw,5.5rem) !important;
    line-height:1 !important;
    margin:0 !important;
    padding:0 !important;
  }
}

/* MAIN PAGE / PRODUCTS: identical can box, identical position, identical render size */
body.home-top #products.product-showcase-hero .orbit-can-wrap,
body.home-top #products.product-showcase-hero .can-wrap{
  width:min(330px,24vw) !important;
  height:min(690px,49vw) !important;
  max-width:330px !important;
  max-height:690px !important;
  min-width:0 !important;
  min-height:0 !important;
  position:relative !important;
}
body.home-top #products.product-showcase-hero .animated-can,
body.home-top #products.product-showcase-hero .animated-can.active,
body.home-top #products.product-showcase-hero .animated-can[data-product-img="premium"],
body.home-top #products.product-showcase-hero .animated-can[data-product-img="sugarfree"]{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:translate3d(-50%,-50%,0) scale(1) !important;
}
@media (max-width:1024px){
  body.home-top #products.product-showcase-hero .orbit-can-wrap,
  body.home-top #products.product-showcase-hero .can-wrap{
    width:min(230px,46vw) !important;
    height:min(480px,82vw) !important;
  }
}
@media (max-width:760px){
  body.home-top #products.product-showcase-hero .orbit-can-wrap,
  body.home-top #products.product-showcase-hero .can-wrap{
    width:min(205px,52vw) !important;
    height:min(430px,92vw) !important;
  }
}

/* MAIN PAGE / GO MOMENTS: no square shadow under gallery; individual card overlay only */
body.home-top .go-moments-full,
body.home-top .go-moments-full .container,
body.home-top .go-moments-full .moments,
body.home-top .go-moments-full .go-gallery-v20,
body.home-top .go-moments-full .moment-tile,
body.home-top .go-moments-full .moment-tile.reveal{
  background:transparent !important;
  box-shadow:none !important;
  filter:none !important;
  border:0 !important;
}
body.home-top .go-moments-full .container::before,
body.home-top .go-moments-full .container::after,
body.home-top .go-moments-full .moments::before,
body.home-top .go-moments-full .moments::after,
body.home-top .go-moments-full .go-gallery-v20::before,
body.home-top .go-moments-full .go-gallery-v20::after,
body.home-top .go-moments-full .moment-tile::before,
body.home-top .go-moments-full .moment-tile::after{
  content:none !important;
  display:none !important;
}
body.home-top .go-moments-full .moment-card,
body.home-top .go-moments-full a.moment-card{
  overflow:hidden !important;
  isolation:isolate !important;
  box-shadow:none !important;
  filter:none !important;
  border:0 !important;
  background-color:#07152b !important;
  transition:transform .72s cubic-bezier(.18,.82,.2,1), filter .72s cubic-bezier(.18,.82,.2,1), background-position .72s cubic-bezier(.18,.82,.2,1) !important;
}
body.home-top .go-moments-full .moment-card::before,
body.home-top .go-moments-full a.moment-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  border-radius:inherit !important;
  background:linear-gradient(180deg, rgba(0,0,0,0) 18%, rgba(0,0,0,.10) 58%, rgba(0,0,0,.58) 100%) !important;
  pointer-events:none !important;
}
body.home-top .go-moments-full .moment-card::after,
body.home-top .go-moments-full a.moment-card::after{
  content:none !important;
  display:none !important;
}
body.home-top .go-moments-full .moment-card:hover,
body.home-top .go-moments-full a.moment-card:hover{
  transform:translateY(14px) scale(.99) !important;
  filter:saturate(1.08) brightness(1.04) !important;
  background-position:center 64% !important;
  box-shadow:none !important;
}
body.home-top .go-moments-full .moment-card p,
body.home-top .go-moments-full a.moment-card p,
body.home-top .go-moments-full .moment-title-above{
  position:relative !important;
  z-index:3 !important;
}
@media (max-width:760px){
  body.home-top .go-moments-full{overflow:hidden !important;}
  body.home-top .go-moments-full .container{
    width:100% !important;
    max-width:100% !important;
    padding-left:18px !important;
    padding-right:18px !important;
    overflow:hidden !important;
  }
  body.home-top .go-moments-full .moments,
  body.home-top .go-moments-full .go-gallery-v20{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:16px !important;
    overflow:visible !important;
  }
  body.home-top .go-moments-full .moment-tile,
  body.home-top .go-moments-full .moment-card{
    min-width:0 !important;
    max-width:100% !important;
  }
}

/* GO MOMENTS PAGE: remove 01/02/03 numbers even if cached markup exists */
.page-go-moments .gm-definition .gm-moment-card > span{display:none !important;}

/* GO MOMENTS PAGE: second video full width but half-height, stronger shadow like other videos */
.page-go-moments .gm-inline-video{
  width:100% !important;
  max-width:none !important;
  padding:0 !important;
  margin:0 !important;
  background:#020821 !important;
}
.page-go-moments .gm-inline-video .gm-container{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}
.page-go-moments .gm-inline-video-frame{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  border-radius:0 !important;
  overflow:hidden !important;
  background:#020821 !important;
  box-shadow:0 34px 90px rgba(0,0,0,.46), inset 0 18px 54px rgba(0,0,0,.22), inset 0 -18px 54px rgba(0,0,0,.28) !important;
}
.page-go-moments .gm-inline-video-frame video{
  display:block !important;
  width:100% !important;
  height:clamp(170px,24vw,330px) !important;
  min-height:0 !important;
  max-height:330px !important;
  object-fit:cover !important;
  object-position:center center !important;
}
.page-go-moments .gm-inline-video-frame::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:linear-gradient(180deg, rgba(0,0,0,.16), rgba(0,0,0,.24)) !important;
}

/* GO MOMENTS PAGE: final FREEGO CTA texts left on phone */
@media (max-width:760px){
  .page-go-moments .gm-final-cta,
  .page-go-moments .gm-final-cta .gm-container{
    text-align:left !important;
    align-items:flex-start !important;
  }
  .page-go-moments .gm-final-cta h2,
  .page-go-moments .gm-final-cta p,
  .page-go-moments .gm-final-cta .gm-eyebrow{
    text-align:left !important;
    margin-left:0 !important;
  }
  .page-go-moments .gm-final-cta .gm-btn{
    margin-left:0 !important;
    align-self:flex-start !important;
  }
}