
/* TRUE FINAL FIX - mobile scroll, clean slider, public layout */
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;
  background: #070303 !important;
  overscroll-behavior-y: contain !important;
  touch-action: pan-y !important;
  -webkit-overflow-scrolling: touch !important;
}
body.menu-open { overflow-y: auto !important; }
body, main, section, footer { background-color:#070303 !important; }
main { display:block !important; width:100% !important; overflow:visible !important; }
section { width:100% !important; }
.container { width:min(1200px, calc(100% - 32px)) !important; max-width:1200px !important; margin-left:auto !important; margin-right:auto !important; }
.ambient,.ambient.two,.scroll-progress,.hero:before,.hero:after,body:before,body:after { pointer-events:none !important; }

.site-loader { position:fixed !important; inset:0 !important; z-index:200000 !important; display:grid !important; place-items:center !important; background:radial-gradient(circle at 50% 45%,rgba(190,58,42,.28),transparent 36%),#070303 !important; opacity:1 !important; visibility:visible !important; pointer-events:auto !important; transition:opacity .35s ease,visibility .35s ease !important; }
body.loaded .site-loader, .site-loader.is-hiding { opacity:0 !important; visibility:hidden !important; pointer-events:none !important; }

.topbar { position:fixed !important; top:14px !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; gap:12px !important; padding:12px 14px 12px 20px !important; border-radius:999px !important; overflow:visible !important; pointer-events:auto !important; }
.brand { min-width:0 !important; flex:1 1 auto !important; display:flex !important; align-items:center !important; }
.brand-logo-clean { flex:0 0 auto !important; }
.brand-title-clean { display:block !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
.lang-switch { display:flex !important; align-items:center !important; gap:8px !important; flex:0 0 auto !important; }
.lang-switch a { display:grid !important; place-items:center !important; border-radius:50% !important; }
.menu-toggle { display:grid !important; place-items:center !important; flex:0 0 48px !important; width:48px !important; height:48px !important; min-width:48px !important; border-radius:16px !important; 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; }
.mobile-menu.show { display:block !important; }
.mobile-menu a, .mobile-menu button { pointer-events:auto !important; }

/* Top slider: starts below header; no overlay text; no cropped by menu */
.fixed-top-slider { display:block !important; position:relative !important; z-index:1 !important; padding:150px 0 34px !important; margin:0 !important; background:#070303 !important; overflow:visible !important; touch-action:pan-y !important; }
.fixed-top-slider .container { width:min(1280px, calc(100% - 32px)) !important; max-width:1280px !important; margin:0 auto !important; }
.fixed-top-slider .store-slider-shell { position:relative !important; width:100% !important; height:clamp(440px, 56vw, 680px) !important; min-height:440px !important; max-height:680px !important; border-radius:34px !important; overflow:hidden !important; background:#050202 !important; border:1px solid rgba(255,255,255,.14) !important; box-shadow:0 28px 90px rgba(0,0,0,.48) !important; touch-action:pan-y !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; transform:scale(1.01) !important; transition:opacity .75s ease !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; z-index:1 !important; pointer-events:none !important; background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.12) 55%,rgba(0,0,0,.48)) !important; }
.fixed-top-slider .store-slider-copy { display:none !important; }

.hero.yes-hero { display:block !important; position:relative !important; z-index:1 !important; min-height:0 !important; height:auto !important; padding:42px 0 72px !important; margin:0 !important; background:#070303 !important; overflow:visible !important; }
.hero.yes-hero::before, .hero.yes-hero::after { display:none !important; }
.yes-hero-grid { display:grid !important; grid-template-columns:1fr !important; }
.hero-card { width:100% !important; max-width:980px !important; margin:0 auto !important; }
.store-info-card { max-width:640px !important; width:100% !important; }

.promo-showcase-section .section-head p { color:#f3dfc5 !important; }
.promo-showcase-grid { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:18px !important; width:100% !important; }
.promo-showcase-grid article { width:100% !important; }
.promo-showcase-grid img { width:100% !important; display:block !important; aspect-ratio:1.2/1 !important; object-fit:cover !important; }
.delivery-grid,.yes-product-grid,.grid.three,.three,.two,.four,.pet-layout,.yes-brand-card,.real-gallery-grid,.page-grid { width:100% !important; }

@media (max-width:900px) {
  html, body { touch-action:pan-y !important; overflow-y:auto !important; }
  .container { width:calc(100% - 28px) !important; max-width:calc(100% - 28px) !important; }
  section { overflow:visible !important; }
  .topbar { top:10px !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(22px,7vw,30px) !important; max-width:46vw !important; letter-spacing:.02em !important; }
  .nav { display:none !important; }
  .lang-switch a { width:38px !important; height:38px !important; min-width:38px !important; min-height:38px !important; padding:0 !important; font-size:12px !important; }
  .menu-toggle { width:50px !important; height:50px !important; min-width:50px !important; flex-basis:50px !important; font-size:24px !important; }

  .fixed-top-slider { padding-top:128px !important; padding-bottom:24px !important; }
  .fixed-top-slider .container { width:100% !important; max-width:100% !important; }
  .fixed-top-slider .store-slider-shell { height:420px !important; min-height:420px !important; max-height:420px !important; border-radius:0 !important; border-left:0 !important; border-right:0 !important; }
  .fixed-top-slider .store-slider-shell .slide { background-size:cover !important; background-position:center center !important; }

  .hero.yes-hero { padding:24px 0 52px !important; }
  .hero-card { max-width:100% !important; }
  .hero-card h1 { font-size:clamp(40px,11vw,58px) !important; line-height:.98 !important; }
  .hero-card .lead { font-size:16px !important; line-height:1.55 !important; }
  .hero-actions { display:grid !important; grid-template-columns:1fr !important; gap:10px !important; }
  .btn { width:100% !important; justify-content:center !important; }
  .section-head { display:block !important; }
  .promo-showcase-grid,.delivery-grid,.yes-product-grid,.grid.three,.three,.two,.four,.pet-layout,.yes-brand-card,.real-gallery-grid,.page-grid { display:grid !important; grid-template-columns:1fr !important; gap:16px !important; }
  .promo-showcase-grid img { aspect-ratio:1.15/1 !important; }
  .yes-product,.yes-product.large{grid-column:auto!important;min-height:300px!important;width:100%!important;}
  .contact-dock { display:none !important; }
  .mobile-cta { display:block !important; z-index:40000 !important; pointer-events:none!important; }
  .mobile-cta a { pointer-events:auto!important; }
  .cookie-reopen { z-index:40001 !important; }
}
@media (max-width:430px) {
  .fixed-top-slider { padding-top:126px !important; }
  .fixed-top-slider .store-slider-shell { height:390px !important; min-height:390px !important; max-height:390px !important; }
  .brand-title-clean { max-width:44vw !important; font-size:22px !important; }
  .lang-switch a { width:34px !important; height:34px !important; min-width:34px !important; }
  .menu-toggle { width:46px !important; height:46px !important; min-width:46px !important; flex-basis:46px !important; }
}
