/* FREEGO v51 - full real fixes: products, gallery, GO Moments about image and full-width video */

/* PRODUCT CANS: equal normalized PNGs + identical CSS box */
body.home-top #products.product-showcase-hero .orbit-can-wrap,
body.home-top #products.product-showcase-hero .can-wrap{
  width:min(320px,24vw) !important;
  height:min(620px,48vw) !important;
  max-width:320px !important;
  max-height:620px !important;
  min-width:0 !important;
  min-height:0 !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(455px,80vw) !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(405px,90vw) !important;
  }
}

/* PRODUCT ARROW: desktop right side of screen; mobile/tablet stays under Products */
@media (min-width:1025px){
  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(18px,2.2vw,48px) !important;
    left:auto !important;
    top:50% !important;
    bottom:auto !important;
    transform:translateY(-50%) !important;
    margin:0 !important;
    display:block !important;
    visibility:visible !important;
    opacity:1 !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.8vw,5.6rem) !important;
    line-height:1 !important;
    z-index:999 !important;
  }
}
@media (max-width:1024px){
  body.home-top #products.product-showcase-hero .products-left,
  body.home-top #products.product-showcase-hero .product-showcase-intro{
    position:relative !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !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:static !important;
    display:block !important;
    margin:10px 0 0 0 !important;
    transform:none !important;
    font-size:clamp(1.3rem,6vw,2rem) !important;
    color:rgba(218,176,79,.88) !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    opacity:1 !important;
    visibility:visible !important;
  }
}

/* MAIN GO MOMENTS GALLERY: remove gray square completely; keep only image-internal overlay and downward hover */
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{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  border-radius:clamp(24px,2vw,34px) !important;
  box-shadow:none !important;
  background-color:#07152b !important;
  transform:none !important;
  transition:transform .7s cubic-bezier(.18,.82,.2,1), filter .7s cubic-bezier(.18,.82,.2,1), background-position .7s 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) 16%, rgba(0,0,0,.08) 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;}

/* GO MOMENTS PAGE: About FREEGO with supplied photo across whole segment under content */
.page-go-moments .gm-about{
  position:relative !important;
  overflow:hidden !important;
  background:
    linear-gradient(90deg, rgba(1,6,25,.88) 0%, rgba(1,6,25,.66) 44%, rgba(1,6,25,.42) 68%, rgba(1,6,25,.78) 100%),
    url('../images/lifestyle/go-moments-about-bg-v51.png') center center / cover no-repeat !important;
  box-shadow:inset 0 34px 70px rgba(0,0,0,.10), inset 0 -34px 70px rgba(0,0,0,.14) !important;
}
.page-go-moments .gm-about .gm-container,
.page-go-moments .gm-about .gm-container.gm-two-col{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding-left:clamp(22px,5.8vw,110px) !important;
  padding-right:clamp(22px,5.8vw,110px) !important;
}
.page-go-moments .gm-about .gm-copy{
  width:100% !important;
  max-width:none !important;
  padding:clamp(42px,5vw,82px) clamp(18px,2.4vw,40px) !important;
  background:rgba(1,7,29,.28) !important;
  border:0 !important;
  box-shadow:0 24px 64px rgba(0,0,0,.12) !important;
  backdrop-filter:blur(1px) !important;
}
.page-go-moments .gm-about .gm-about-title,
.page-go-moments .gm-about .gm-heading.gm-about-title{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  font-size:clamp(2.1rem,4vw,5rem) !important;
  line-height:.94 !important;
  letter-spacing:.035em !important;
}
.page-go-moments .gm-about .gm-about-title span{display:block !important;}
.page-go-moments .gm-about .gm-accent-line{width:100% !important;max-width:none !important;height:3px !important;}

/* GO MOMENTS PAGE: full-width video directly before Catch it / motto section */
.page-go-moments .gm-inline-video{
  padding:0 !important;
  margin:0 !important;
  width:100% !important;
  max-width:none !important;
  background:transparent !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{
  position:relative !important;
  overflow:hidden !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  border-radius:0 !important;
  background:#050b1b !important;
  box-shadow:0 18px 54px rgba(0,0,0,.16) !important;
}
.page-go-moments .gm-inline-video-frame video{
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:clamp(280px,42vw,620px) !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,.04),rgba(0,0,0,.12)) !important;
}