/* The visibility controller owns the mobile bar, including legacy scroll classes. */
.pdl-mobile-buy[data-purchase-bar][hidden]{display:none!important}
@media(max-width:760px){
  body.b3d-landing-page .pdl-mobile-buy[data-purchase-bar][aria-hidden="false"]:not([hidden]){
    display:flex!important;visibility:visible!important;opacity:1!important;transform:none!important;
    position:fixed;left:0;right:0;bottom:0;justify-content:center;gap:0;
    padding:10px 18px calc(10px + env(safe-area-inset-bottom))!important;
    background:transparent!important;border:0!important;box-shadow:none!important;
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:none!important;
  }
  .pdl-mobile-buy[data-purchase-bar]>div:not(#ym-react-sticky-cta){display:none!important}
  .pdl-mobile-buy[data-purchase-bar] #ym-react-sticky-cta{flex:0 1 286px!important;width:286px;max-width:100%;min-width:0;pointer-events:auto}
  .pdl-mobile-buy[data-purchase-bar]>a{pointer-events:auto}
}
/* Keep the ordinary page CTA as a normal lime tap button. */
#ym-react-cta button{
  display:inline-flex;align-items:center;justify-content:center;
  background:#dfff24!important;color:#101510!important;border-color:#dfff24!important;
  padding:0 18px!important;touch-action:manipulation;box-shadow:none!important;
}
#ym-react-cta button>span[aria-hidden]{display:none!important}
#ym-react-cta button>span:first-of-type{
  position:static!important;inset:auto!important;color:#101510!important;
  font-weight:800;white-space:nowrap;pointer-events:none;
}
#ym-react-cta button:focus-visible{outline:2px solid #101510;outline-offset:3px}
@media(hover:hover){#ym-react-cta button:hover{background:#cce923!important}}
/* Slider-inspired casing with a fixed SVG tile; activation remains native tap. */
#ym-react-sticky-cta .ym-react-sticky-button{
 position:relative;display:inline-flex;align-items:center;justify-content:center;
 width:100%;height:54px;min-height:54px;padding:0!important;overflow:hidden;
 touch-action:manipulation;color:#fff!important;
 background:linear-gradient(180deg,#202924 0%,#101713 100%)!important;
 border:1px solid #64714d!important;border-radius:14px!important;
 box-shadow:inset 0 1px 0 #ffffff1f,0 5px 16px #14241d33!important;
 pointer-events:auto;animation:none!important;
}
#ym-react-sticky-cta .ym-react-sticky-button>span:first-of-type{
 position:absolute!important;inset:0 14px 0 58px!important;
 display:flex;align-items:center;justify-content:center;
 color:#fff!important;font-size:14px;font-weight:800;white-space:nowrap;pointer-events:none;
 transform:none!important;transition:none!important;
}
#ym-react-sticky-cta .ym-react-sticky-button>span[aria-hidden]{
 position:absolute!important;inset:4px auto 4px 4px!important;
 display:flex!important;align-items:center;justify-content:center;
 width:44px!important;min-width:44px!important;max-width:44px!important;
 height:auto!important;padding:0!important;gap:0!important;border-radius:10px!important;
 background:linear-gradient(180deg,#e2ff55 0%,#cbea25 100%)!important;
 pointer-events:none;transform:none!important;transition:none!important;animation:none!important;
}
#ym-react-sticky-cta .ym-react-sticky-button>span[aria-hidden]::after,
#ym-react-sticky-cta .ym-react-sticky-button::after{content:none!important;display:none!important}
#ym-react-sticky-cta .ym-react-sticky-button>span[aria-hidden] svg{display:none}
#ym-react-sticky-cta .ym-react-sticky-button>span[aria-hidden] svg:first-child{display:block;width:18px;height:21px;visibility:visible}
#ym-react-sticky-cta .ym-react-sticky-button .bd-dot{animation:none!important;opacity:1;transform:none}
#ym-react-sticky-cta .ym-react-sticky-button:focus-visible{outline:3px solid #dfff24;outline-offset:3px}
#ym-react-sticky-cta .ym-react-sticky-button:active{transform:scale(.98)}
@media(hover:hover){#ym-react-sticky-cta .ym-react-sticky-button:hover{background:linear-gradient(180deg,#2a352d,#17231b)!important}}
@media(prefers-reduced-motion:reduce){#ym-react-sticky-cta .ym-react-sticky-button:active{transform:none}}