
/* FREEGO v53 - exact product can + desktop arrow final fix */

/* Product cans: force both variants to use the exact same stage, size and coordinates. */
body.home-top #products.product-showcase-hero .freego-product-hero,
body.home-top #products.product-showcase-hero .product-orbit-showcase,
body.home-top #products.product-showcase-hero .product-showcase-layout,
body.home-top #products.product-showcase-hero .product-orbit-layout{
  overflow:visible !important;
}
body.home-top #products.product-showcase-hero .orbit-can-wrap,
body.home-top #products.product-showcase-hero .can-wrap{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  width:min(330px,24vw) !important;
  height:min(690px,49vw) !important;
  max-width:330px !important;
  max-height:690px !important;
  min-width:0 !important;
  min-height:0 !important;
  overflow:visible !important;
  z-index:35 !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:translate(-50%,-50%) !important;
  transform-origin:center center !important;
}
body.home-top #products.product-showcase-hero .animated-can:not(.active){
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
body.home-top #products.product-showcase-hero .animated-can.active{
  opacity:1 !important;
  visibility:visible !important;
}

/* Desktop arrow: right side of the section/screen, away from product copy. */
@media (min-width:1025px){
  body.home-top #products.product-showcase-hero{
    position:relative !important;
    overflow:hidden !important;
  }
  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 .product-stable-next,
  body.home-top #products.product-showcase-hero .product-stable-next:hover,
  body.home-top #products.product-showcase-hero .product-stable-next:focus,
  body.home-top #products.product-showcase-hero .product-stable-next:active,
  body.home-top #products.product-showcase-hero .product-stable-next:focus-visible{
    position:absolute !important;
    left:auto !important;
    right:clamp(42px,5.2vw,112px) !important;
    top:50% !important;
    bottom:auto !important;
    transform:translateY(-50%) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    height:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    outline:0 !important;
    color:rgba(218,176,79,.88) !important;
    font-size:clamp(3.2rem,4.8vw,5.5rem) !important;
    line-height:1 !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    cursor:pointer !important;
    z-index:999 !important;
  }
  body.home-top #products.product-showcase-hero .product-stable-next span{
    display:block !important;
    transform:none !important;
    pointer-events:none !important;
  }
}

/* Tablet and mobile remain under Products, visible and smaller. */
@media (max-width:1024px){
  body.home-top #products.product-showcase-hero .orbit-can-wrap,
  body.home-top #products.product-showcase-hero .can-wrap{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    width:min(230px,46vw) !important;
    height:min(480px,82vw) !important;
    margin-inline:auto !important;
  }
  body.home-top #products.product-showcase-hero .product-stable-next,
  body.home-top #products.product-showcase-hero .product-stable-next:hover,
  body.home-top #products.product-showcase-hero .product-stable-next:focus,
  body.home-top #products.product-showcase-hero .product-stable-next:active,
  body.home-top #products.product-showcase-hero .product-stable-next:focus-visible{
    position:static !important;
    display:block !important;
    margin:10px 0 0 0 !important;
    transform:none !important;
    font-size:clamp(1.35rem,6vw,2rem) !important;
    line-height:1 !important;
    opacity:1 !important;
    visibility:visible !important;
    color:rgba(218,176,79,.9) !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !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(430px,92vw) !important;
  }
}
