
/* CRITICAL FINAL FIX: mobile scroll, clean slider, remove screenshot overlay */
html, body{
  width:100% !important; max-width:100% !important; min-height:100% !important; height:auto !important;
  overflow-x:hidden !important; overflow-y:auto !important; position:static !important;
  touch-action:auto !important; -webkit-overflow-scrolling:touch !important; overscroll-behavior-y:auto !important;
  background:#070303 !important;
}
body{padding-bottom:86px !important;}
main{display:block !important; width:100% !important; max-width:100% !important; overflow:visible !important; position:relative !important; touch-action:auto !important;}
section, footer{max-width:100% !important; overflow:visible !important; touch-action:auto !important;}
.ambient,.scroll-progress,.brand-watermark,.logo-watermark,body:before,body:after,.hero:before,.hero:after{pointer-events:none !important;}
.site-loader{pointer-events:auto !important;}
body.loaded .site-loader,.site-loader.is-hiding{opacity:0 !important; visibility:hidden !important; pointer-events:none !important; display:none !important;}
.topbar{position:fixed !important; top:12px !important; left:50% !important; right:auto !important; transform:translateX(-50%) !important; z-index:50000 !important; width:min(1180px, calc(100% - 28px)) !important; max-width:calc(100% - 28px) !important; display:flex !important; align-items:center !important; justify-content:space-between !important; pointer-events:auto !important;}
.topbar *{pointer-events:auto !important;}
.mobile-menu{position:fixed !important; inset:0 !important; z-index:60000 !important; display:none !important; overflow-y:auto !important; -webkit-overflow-scrolling:touch !important; touch-action:auto !important;}
.mobile-menu.show{display:block !important;}
/* keep slider below header and stop it from stealing one-finger scroll */
.fixed-top-slider{display:block !important; position:relative !important; z-index:1 !important; padding-top:128px !important; padding-bottom:28px !important; margin:0 !important; background:#070303 !important; overflow:visible !important; touch-action:auto !important; pointer-events:none !important;}
.fixed-top-slider .container{width:min(1280px, calc(100% - 28px)) !important; max-width:1280px !important; margin:0 auto !important; pointer-events:none !important;}
.fixed-top-slider .store-slider-shell{position:relative !important; width:100% !important; min-height:0 !important; height:auto !important; aspect-ratio:16/9 !important; max-height:none !important; border-radius:30px !important; overflow:hidden !important; background:#050202 !important; border:1px solid rgba(255,255,255,.14) !important; box-shadow:0 20px 70px rgba(0,0,0,.42) !important; pointer-events:none !important; touch-action:auto !important;}
.fixed-top-slider .store-slider-shell .slide{position:absolute !important; inset:0 !important; opacity:0 !important; background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important; background-color:#050202 !important; transition:opacity .7s ease !important; transform:none !important; pointer-events:none !important;}
.fixed-top-slider .store-slider-shell .slide.active{opacity:1 !important;}
.fixed-top-slider .store-slider-shell:after{content:"" !important; position:absolute !important; inset:0 !important; background:linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.12) 60%, rgba(0,0,0,.28)) !important; pointer-events:none !important;}
.fixed-top-slider .store-slider-copy{display:none !important;}
.hero.yes-hero{padding-top:24px !important; margin-top:0 !important; background:#070303 !important; overflow:visible !important;}
.hero.yes-hero:before,.hero.yes-hero:after{display:none !important;}
.store-info-card{background:#f7f0e8 !important; color:#1c120e !important;}
/* homepage product photos: only coffee uses promo, the rest keep original store product photos */
.yes-product[href*="drinks"]{background-image:url('images/drinks.jpg') !important;}
.yes-product[href*="snacks"]{background-image:url('images/snacks.jpg') !important;}
.yes-product[href*="market"]{background-image:url('images/icecream.jpg') !important;}
.yes-product[href*="essentials"]{background-image:url('images/essentials.jpg') !important;}
/* fixed bottom call bar should not block page scroll except the button */
.mobile-cta{pointer-events:none !important; z-index:45000 !important;}
.mobile-cta a{pointer-events:auto !important;}
.cookie-reopen{z-index:45001 !important; pointer-events:auto !important;}
.contact-dock{pointer-events:none !important;}.contact-dock a{pointer-events:auto !important;}
@media(max-width:900px){
  html,body,main{overflow-y:auto !important; height:auto !important; touch-action:auto !important;}
  .container{width:calc(100% - 28px) !important; max-width:calc(100% - 28px) !important; margin-left:auto !important; margin-right:auto !important;}
  .topbar{top:12px !important; width:calc(100% - 22px) !important; max-width:calc(100% - 22px) !important; padding:10px 10px 10px 18px !important; border-radius:34px !important; gap:8px !important;}
  .brand-logo-clean{display:none !important;}.brand-title-clean{font-size:clamp(23px,7vw,31px) !important; max-width:48vw !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important;}
  .nav{display:none !important;}.lang-switch{display:flex !important; gap:7px !important; flex-shrink:0 !important;}.lang-switch a{width:38px !important;height:38px !important;min-width:38px !important;padding:0 !important;font-size:12px !important;display:grid !important;place-items:center !important;}
  .menu-toggle{width:50px !important; height:50px !important; min-width:50px !important; flex:0 0 50px !important; border-radius:16px !important; font-size:25px !important;}
  .fixed-top-slider{padding-top:126px !important; padding-bottom:20px !important;}
  .fixed-top-slider .container{width:100% !important; max-width:100% !important;}
  .fixed-top-slider .store-slider-shell{border-radius:0 !important; border-left:0 !important; border-right:0 !important; aspect-ratio:16/9.4 !important; height:auto !important; min-height:260px !important; max-height:430px !important;}
  .fixed-top-slider .store-slider-shell .slide{background-size:cover !important; background-position:center center !important;}
  .hero.yes-hero{padding-top:20px !important; padding-bottom:50px !important;}
  .hero-card{max-width:100% !important; margin:0 auto !important;}
  .hero-card h1{font-size:clamp(38px,11vw,56px) !important; line-height:.98 !important;}
  .hero-card .lead{font-size:16px !important; line-height:1.55 !important;}
  .promo-showcase-grid,.delivery-grid,.yes-product-grid,.grid.three,.three,.two,.four,.pet-layout,.page-grid,.real-gallery-grid{display:grid !important; grid-template-columns:1fr !important; gap:16px !important; width:100% !important;}
  .yes-product,.yes-product.large{grid-column:auto !important; min-height:300px !important; width:100% !important;}
}
@media(max-width:430px){
  .fixed-top-slider{padding-top:124px !important;}
  .fixed-top-slider .store-slider-shell{aspect-ratio:16/9.8 !important; min-height:255px !important; max-height:360px !important;}
  .brand-title-clean{font-size:24px !important; max-width:45vw !important;}
  .lang-switch a{width:35px !important; height:35px !important; min-width:35px !important;}
  .menu-toggle{width:48px !important; height:48px !important; min-width:48px !important; flex-basis:48px !important;}
}
