/* FREEGO v48 - requested real HTML/CSS corrections */

/* 1) MAIN PAGE / PRODUCTS
   Desktop: arrow back on the right side like the older layout.
   Tablet/mobile remain under Products and half-size. */
body.home-top #products.product-showcase-hero{
  position:relative !important;
}
@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(48px,6.5vw,120px) !important;
    top:50% !important;
    left:auto !important;
    bottom:auto !important;
    transform:translateY(-50%) !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,.78) !important;
    font-size:clamp(3.1rem,4.6vw,5.25rem) !important;
    line-height:1 !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    z-index:260 !important;
    transition:color .28s ease, opacity .28s ease, text-shadow .28s ease !important;
  }
  body.home-top #products.product-showcase-hero .products-left .product-stable-next:hover{
    color:rgba(245,207,102,.96) !important;
    text-shadow:0 0 26px rgba(218,176,79,.26) !important;
  }
}
@media (max-width:1024px){
  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.55rem,7vw,2.35rem) !important;
    line-height:.9 !important;
  }
}

/* 2) MAIN PAGE / GO MOMENTS gallery - stronger soft shadow, no square block */
body.home-top .go-moments-full .moments,
body.home-top .go-moments-full .go-gallery-v20{
  overflow:visible !important;
}
body.home-top .go-moments-full .moment-tile{
  position:relative !important;
  overflow:visible !important;
  filter:drop-shadow(0 26px 48px rgba(0,0,0,.28)) !important;
}
body.home-top .go-moments-full .moment-card{
  position:relative !important;
  overflow:hidden !important;
  border-radius:clamp(22px,2vw,34px) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.30), inset 0 -110px 92px rgba(0,0,0,.50) !important;
  transform-origin:center bottom !important;
  transition:transform .55s cubic-bezier(.22,.61,.36,1), box-shadow .55s cubic-bezier(.22,.61,.36,1), filter .55s cubic-bezier(.22,.61,.36,1) !important;
}
body.home-top .go-moments-full .moment-card::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  top:auto !important;
  height:58% !important;
  border-radius:0 0 inherit inherit !important;
  background:linear-gradient(180deg, transparent 0%, rgba(0,0,0,.14) 32%, rgba(0,0,0,.68) 100%) !important;
  filter:blur(10px) !important;
  opacity:.92 !important;
  pointer-events:none !important;
  transform:none !important;
}
body.home-top .go-moments-full .moment-card:hover{
  transform:translateY(-12px) scale(1.018) !important;
  filter:saturate(1.08) contrast(1.04) brightness(1.03) !important;
  box-shadow:0 34px 76px rgba(0,0,0,.42), inset 0 -120px 100px rgba(0,0,0,.56) !important;
}
body.home-top .go-moments-full .moment-card:hover::after{
  opacity:1 !important;
  filter:blur(13px) !important;
}
body.home-top .go-moments-full .moment-card p,
body.home-top .go-moments-full .moment-card h3{
  position:relative !important;
  z-index:3 !important;
}

/* 3) GO MOMENTS PAGE - Premium energy heading 1/3 smaller on desktop */
@media (min-width:1025px){
  .page-go-moments .gm-about .gm-about-title,
  .page-go-moments .gm-about .gm-heading.gm-about-title{
    font-size:clamp(1.55rem,2.95vw,3.35rem) !important;
    line-height:.98 !important;
    letter-spacing:.025em !important;
    max-width:1120px !important;
  }
}

/* 4) GO MOMENTS PAGE - make the page cleaner and more consistent */
.page-go-moments .gm-section{
  background:linear-gradient(180deg,rgba(3,5,28,.98),rgba(2,8,34,.98)) !important;
}
.page-go-moments .gm-container{
  width:min(1480px,calc(100% - 72px)) !important;
}
.page-go-moments .gm-copy p,
.page-go-moments .gm-section-head p,
.page-go-moments .gm-moment-card p,
.page-go-moments .gm-motto-grid p{
  font-size:clamp(.92rem,1vw,1.04rem) !important;
  line-height:1.68 !important;
}
.page-go-moments .gm-definition .gm-section-head .gm-heading{
  font-size:clamp(1.75rem,3vw,3.35rem) !important;
  line-height:1.04 !important;
}
.page-go-moments .gm-motto .gm-motto-panel > h2{
  font-size:clamp(1.8rem,3.1vw,3.45rem) !important;
  line-height:1.04 !important;
}
.page-go-moments .gm-moment-card,
.page-go-moments .gm-motto-grid article,
.page-go-moments .gm-motto-panel,
.page-go-moments .gm-logo-card{
  border-radius:28px !important;
  border-color:rgba(255,255,255,.10) !important;
  background:linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.020)) !important;
}
.page-go-moments .gm-moment-card:hover,
.page-go-moments .gm-motto-grid article:hover{
  transform:translateY(-5px) !important;
  box-shadow:0 26px 64px rgba(0,0,0,.24) !important;
}
@media (max-width:760px){
  .page-go-moments .gm-container{
    width:min(100% - 32px,720px) !important;
  }
}
