/* FREEGO v37 precise corrections */

/* 1) Catch it / Feel Free / Ready to GO section - desktop like reference */
.freego-main-story{
  position:relative !important;
  padding:clamp(120px,12vw,180px) 0 !important;
}
.freego-main-story .freego-story-content,
.freego-main-story .container{
  width:min(1560px,calc(100% - 88px)) !important;
  margin-inline:auto !important;
}
.freego-main-story .copy-stack{
  display:grid !important;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr) !important;
  align-items:center !important;
  gap:clamp(48px,7vw,120px) !important;
  width:100% !important;
}
.freego-main-story .h2{
  margin:0 !important;
  max-width:none !important;
  font-size:clamp(3.8rem,7.6vw,8rem) !important;
  line-height:.92 !important;
  letter-spacing:.02em !important;
}
.freego-main-story .lead{
  margin:0 !important;
  max-width:520px !important;
  justify-self:end !important;
  align-self:center !important;
  font-size:clamp(1.25rem,2vw,1.75rem) !important;
  line-height:1.55 !important;
  color:rgba(255,255,255,.92) !important;
}
@media (max-width: 900px){
  .freego-main-story{
    padding:88px 0 !important;
  }
  .freego-main-story .freego-story-content,
  .freego-main-story .container{
    width:min(100% - 36px,760px) !important;
  }
  .freego-main-story .copy-stack{
    grid-template-columns:1fr !important;
    gap:28px !important;
    align-items:start !important;
  }
  .freego-main-story .lead{
    justify-self:start !important;
    max-width:100% !important;
    font-size:clamp(1.05rem,4.8vw,1.35rem) !important;
  }
}

/* 2) More liquid gold line on Products section */
#products.product-showcase-hero{
  position:relative !important;
  overflow:hidden !important;
}
#products.product-showcase-hero::before,
#products.product-showcase-hero::after{
  content:"";
  position:absolute;
  left:0;
  width:100%;
  height:4px;
  z-index:8;
  pointer-events:none;
  background:linear-gradient(90deg,
    rgba(128,86,10,.96) 0%,
    rgba(240,212,133,1) 14%,
    rgba(176,121,23,.96) 28%,
    rgba(255,235,164,1) 40%,
    rgba(201,153,54,.98) 54%,
    rgba(255,244,186,1) 68%,
    rgba(165,113,20,.98) 82%,
    rgba(244,212,122,1) 100%);
  background-size:260% 100%;
  box-shadow:0 0 18px rgba(217,182,90,.44),0 0 36px rgba(217,182,90,.22);
  animation:freegoGoldFlow 7.2s linear infinite;
}
#products.product-showcase-hero::before{top:0;}
#products.product-showcase-hero::after{bottom:0;animation-direction:reverse;}
@keyframes freegoGoldFlow{
  0%{background-position:0% 50%;filter:hue-rotate(0deg) brightness(1);}
  50%{background-position:100% 50%;filter:hue-rotate(-4deg) brightness(1.12);}
  100%{background-position:200% 50%;filter:hue-rotate(0deg) brightness(1);}
}

/* 3) Seamless background between GO Moments, Global and footer on main page */
.go-moments-full,
.global-bg-section,
.see-more-footer{
  border-top:none !important;
  background-color:#050724 !important;
  background-image:
    radial-gradient(circle at 18% 18%, rgba(36,84,180,.16), transparent 32%),
    radial-gradient(circle at 82% 42%, rgba(18,51,132,.18), transparent 28%),
    radial-gradient(circle at 50% 100%, rgba(217,182,90,.05), transparent 24%),
    linear-gradient(180deg, #03051f 0%, #040924 36%, #050b2d 68%, #04071d 100%) !important;
  background-repeat:no-repeat !important;
}
.go-moments-full::before,
.global-bg-section::before,
.see-more-footer::before{display:none !important;}
.go-moments-full + .global-bg-section{
  margin-top:0 !important;
}
.go-moments-full .container,
.global-bg-section .container,
.see-more-footer .footer-inner{
  position:relative;
  z-index:2;
}

/* 4) Smaller logo inline/aligned with text in 'The meaning behind FREEGO' section */
.gm-logo-meaning .gm-logo-grid{
  grid-template-columns:minmax(0,1.2fr) minmax(180px,.8fr) !important;
  align-items:center !important;
  gap:clamp(28px,4vw,64px) !important;
}
.gm-logo-meaning .gm-copy{
  align-self:center !important;
}
.gm-logo-meaning .gm-logo-card{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
  justify-self:center !important;
  align-self:center !important;
}
.gm-logo-meaning .gm-logo-card img{
  width:min(100%,240px) !important;
  max-width:240px !important;
  margin:0 auto !important;
  display:block !important;
}
@media (max-width: 900px){
  .gm-logo-meaning .gm-logo-grid{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }
  .gm-logo-meaning .gm-logo-card{
    justify-self:start !important;
  }
  .gm-logo-meaning .gm-logo-card img{
    max-width:180px !important;
    margin:0 !important;
  }
}