/* FREEGO v49 - real specific corrections requested */

/* 1) MAIN PAGE / PRODUCTS
   Desktop: arrow on the right side of the product text.
   Tablet/mobile: arrow remains under Products and is smaller/visible. */
@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;
    left:auto !important;
    right:clamp(20px,3.2vw,64px) !important;
    top:50% !important;
    bottom:auto !important;
    transform:translateY(-50%) !important;
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    width:auto !important;
    height:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    outline:none !important;
    color:rgba(218,176,79,.82) !important;
    font-size:clamp(3.1rem,4.5vw,5.15rem) !important;
    line-height:1 !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    cursor:pointer !important;
    z-index:280 !important;
    transition:color .28s ease,text-shadow .28s ease,opacity .28s ease !important;
  }
  body.home-top #products.product-showcase-hero .products-left .product-stable-next:hover{
    color:rgba(248,212,116,.98) !important;
    text-shadow:0 0 26px rgba(218,176,79,.25) !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;
    overflow:visible !important;
    z-index:220 !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;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
    display:block !important;
    margin:10px 0 0 0 !important;
    padding:0 !important;
    width:auto !important;
    height:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    outline:0 !important;
    color:rgba(218,176,79,.86) !important;
    font-size:clamp(1.35rem,6vw,2rem) !important;
    line-height:.9 !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    z-index:260 !important;
  }
  body.home-top #products.product-showcase-hero .products-left .product-stable-next span{
    display:block !important;
    transform:none !important;
  }
}

/* MAIN PAGE / PRODUCTS mobile: make Premium copy as wide/readable as Sugar Free */
@media (max-width:760px){
  body.home-top #products.product-showcase-hero .orbit-copy,
  body.home-top #products.product-showcase-hero .orbit-copy.active,
  body.home-top #products.product-showcase-hero .orbit-copy[data-product-copy="premium"],
  body.home-top #products.product-showcase-hero .orbit-copy[data-product-copy="sugarfree"]{
    width:100% !important;
    max-width:100% !important;
  }
  body.home-top #products.product-showcase-hero .orbit-copy p:not(.orbit-flavour),
  body.home-top #products.product-showcase-hero .orbit-copy[data-product-copy="premium"] p:not(.orbit-flavour),
  body.home-top #products.product-showcase-hero .orbit-copy[data-product-copy="sugarfree"] p:not(.orbit-flavour){
    width:100% !important;
    max-width:48ch !important;
  }
}

/* 2) MAIN PAGE / GO MOMENTS gallery
   Remove global/square shadow. Give each individual image its own clipped soft shadow.
   Hover moves down and each image links to GO Moments. */
body.home-top .go-moments-full .moments,
body.home-top .go-moments-full .go-gallery-v20{
  overflow:visible !important;
  background:transparent !important;
  box-shadow:none !important;
}
body.home-top .go-moments-full .moment-tile{
  position:relative !important;
  overflow:visible !important;
  background:transparent !important;
  box-shadow:none !important;
  filter:none !important;
  border:0 !important;
}
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;
  display:flex !important;
  align-items:flex-end !important;
  overflow:hidden !important;
  isolation:isolate !important;
  text-decoration:none !important;
  border:0 !important;
  border-radius:clamp(22px,2vw,34px) !important;
  background-color:transparent !important;
  background-size:cover !important;
  background-position:center center !important;
  box-shadow:0 22px 42px rgba(0,0,0,.20) !important;
  filter:none !important;
  transform-origin:center center !important;
  transition:transform .72s cubic-bezier(.18,.82,.2,1),filter .72s cubic-bezier(.18,.82,.2,1),box-shadow .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) 0%,rgba(0,0,0,.08) 48%,rgba(0,0,0,.55) 100%) !important;
  opacity:1 !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:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  height:46% !important;
  z-index:1 !important;
  border-radius:0 0 inherit inherit !important;
  background:radial-gradient(ellipse at 50% 100%,rgba(0,0,0,.52) 0%,rgba(0,0,0,.26) 44%,rgba(0,0,0,0) 76%) !important;
  filter:blur(10px) !important;
  opacity:.78 !important;
  pointer-events:none !important;
}
body.home-top .go-moments-full .moment-card:hover,
body.home-top .go-moments-full a.moment-card:hover{
  transform:translateY(18px) scale(.99) !important;
  background-position:center 64% !important;
  filter:saturate(1.06) brightness(1.05) contrast(1.03) !important;
  box-shadow:0 30px 54px rgba(0,0,0,.26) !important;
}
body.home-top .go-moments-full .moment-card p,
body.home-top .go-moments-full a.moment-card p{
  position:relative !important;
  z-index:3 !important;
  text-decoration:none !important;
}

/* 3) GO MOMENTS PAGE / About FREEGO - match reference layout: full width, two-line title, gold rule, body below */
.page-go-moments .gm-about{
  padding:clamp(80px,8vw,132px) 0 !important;
  background:linear-gradient(180deg,#020923 0%,#020725 100%) !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(20px,5.8vw,106px) !important;
  padding-right:clamp(20px,5.8vw,106px) !important;
  display:block !important;
}
.page-go-moments .gm-about .gm-copy{
  width:100% !important;
  max-width:none !important;
  display:block !important;
  padding:clamp(34px,4.3vw,74px) clamp(22px,2.3vw,38px) !important;
  text-align:left !important;
  background:linear-gradient(180deg,rgba(0,0,16,.66),rgba(1,4,24,.32)) !important;
  border:0 !important;
  box-shadow:none !important;
}
.page-go-moments .gm-about .gm-eyebrow{
  display:block !important;
  margin:0 0 clamp(42px,4.5vw,78px) 0 !important;
  text-align:left !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;
  margin:0 !important;
  padding:0 !important;
  text-align:left !important;
  font-size:clamp(2.35rem,4.2vw,5.25rem) !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{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  height:3px !important;
  margin:clamp(30px,4vw,62px) 0 clamp(26px,3.1vw,48px) 0 !important;
  background:linear-gradient(90deg,#9a7625 0%,#f5d978 24%,#d0a746 55%,#6e5418 100%) !important;
  border:0 !important;
}
.page-go-moments .gm-about .gm-copy p{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  text-align:left !important;
  font-size:clamp(1.02rem,1.36vw,1.38rem) !important;
  line-height:1.56 !important;
  letter-spacing:.035em !important;
  color:rgba(255,255,255,.84) !important;
}
.page-go-moments .gm-about .gm-copy p + p{
  margin-top:8px !important;
}
@media(max-width:760px){
  .page-go-moments .gm-about .gm-copy{
    padding:28px 0 !important;
    background:transparent !important;
  }
  .page-go-moments .gm-about .gm-eyebrow{margin-bottom:28px !important;}
  .page-go-moments .gm-about .gm-about-title,
  .page-go-moments .gm-about .gm-heading.gm-about-title{
    font-size:clamp(2rem,9vw,3.35rem) !important;
  }
}

/* GO MOMENTS PAGE / cards: move text a few px right in definition and motto cards */
.page-go-moments .gm-definition .gm-moment-card,
.page-go-moments .gm-motto .gm-motto-grid article{
  padding-left:clamp(28px,2.6vw,44px) !important;
}
.page-go-moments .gm-definition .gm-moment-card span,
.page-go-moments .gm-definition .gm-moment-card h3,
.page-go-moments .gm-definition .gm-moment-card p,
.page-go-moments .gm-motto .gm-motto-grid article h3,
.page-go-moments .gm-motto .gm-motto-grid article p{
  padding-left:8px !important;
}