/* FREEGO v47 - real requested fixes */

/* 1) MAIN PAGE / PRODUCTS: the arrow is always directly UNDER the word Products.
   It is moved in index.html into .products-left so older absolute positioning cannot hide it. */
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;
  justify-content:center !important;
  padding-right:0 !important;
  overflow:visible !important;
  z-index:180 !important;
}
body.home-top #products.product-showcase-hero .products-left #products-title,
body.home-top #products.product-showcase-hero .product-showcase-intro #products-title{
  display:block !important;
  margin:0 !important;
  text-align:left !important;
  line-height:.92 !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;
  flex:0 0 auto !important;
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:clamp(12px,1.8vw,22px) 0 0 0 !important;
  padding:0 !important;
  inset:auto !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;
  transform:none !important;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  color:rgba(218,176,79,.86) !important;
  font-size:clamp(2.35rem,3.6vw,4.1rem) !important;
  line-height:.78 !important;
  letter-spacing:0 !important;
  text-shadow:0 0 18px rgba(218,176,79,.16) !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  cursor:pointer !important;
  z-index:240 !important;
}
body.home-top #products.product-showcase-hero .products-left .product-stable-next span{
  display:block !important;
  transform:none !important;
  pointer-events:none !important;
}
body.home-top #products.product-showcase-hero .products-left .product-stable-next:hover{
  color:rgba(247,210,113,.94) !important;
  opacity:1 !important;
}

@media(max-width:1024px){
  body.home-top #products.product-showcase-hero .product-showcase-layout{
    align-items:start !important;
  }
  body.home-top #products.product-showcase-hero .products-left,
  body.home-top #products.product-showcase-hero .product-showcase-intro{
    width:100% !important;
    margin-bottom:16px !important;
    padding-left:0 !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{
    margin-top:10px !important;
    /* half-size mobile/tablet arrow */
    font-size:clamp(1.55rem,7vw,2.35rem) !important;
    line-height:.9 !important;
  }
}

/* Keep product switcher stable after moving the button out of the visual stage. */
body.home-top #products.product-showcase-hero .freego-product-hero,
body.home-top #products.product-showcase-hero .product-orbit-showcase{
  overflow:visible !important;
}

/* 2) GO MOMENTS PAGE: smaller requested headings. */
.page-go-moments .gm-about .gm-about-title,
.page-go-moments .gm-about .gm-heading.gm-about-title{
  font-size:clamp(2.35rem,4.4vw,5.05rem) !important;
  line-height:.98 !important;
  letter-spacing:.03em !important;
}
.page-go-moments .gm-definition .gm-section-head .gm-heading{
  font-size:clamp(2.05rem,3.65vw,4.2rem) !important;
  line-height:1.02 !important;
  letter-spacing:.02em !important;
}
.page-go-moments .gm-motto .gm-motto-panel > h2{
  font-size:clamp(2.05rem,3.75vw,4.3rem) !important;
  line-height:1.02 !important;
  letter-spacing:.02em !important;
  /* align a little more to the right with the content below */
  margin-left:clamp(18px,2.4vw,38px) !important;
  max-width:calc(100% - clamp(18px,2.4vw,38px)) !important;
}

@media(max-width:760px){
  .page-go-moments .gm-about .gm-about-title,
  .page-go-moments .gm-about .gm-heading.gm-about-title{
    font-size:clamp(1.95rem,8.6vw,3rem) !important;
  }
  .page-go-moments .gm-definition .gm-section-head .gm-heading,
  .page-go-moments .gm-motto .gm-motto-panel > h2{
    font-size:clamp(1.85rem,8vw,2.85rem) !important;
  }
  .page-go-moments .gm-motto .gm-motto-panel > h2{
    margin-left:16px !important;
    max-width:calc(100% - 16px) !important;
  }
}