/* NOTORIOUS final mobile repair: keep structure, restore full-width layout */
html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden !important;
  background: #070303 !important;
  overscroll-behavior: none;
}
body { min-width: 0 !important; }
body, main, section, footer { background-color: #070303 !important; }
.container {
  width: min(1200px, calc(100% - 32px)) !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.topbar {
  position: fixed !important;
  top: 14px !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  width: min(1180px, calc(100% - 28px)) !important;
  max-width: calc(100% - 28px) !important;
  z-index: 10050 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  overflow: visible !important;
}
.brand { min-width: 0 !important; display:flex !important; align-items:center !important; gap:10px !important; flex: 1 1 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:7px !important; flex:0 0 auto !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; z-index:10070 !important; }
.nav { display:flex; }
.mobile-menu { z-index:10080 !important; }

/* top slider: only promo images, large but stable */
.fixed-top-slider {
  padding-top: 118px !important;
  padding-bottom: 30px !important;
  background: #070303 !important;
  overflow: hidden !important;
}
.fixed-top-slider .container { width:min(1280px, calc(100% - 32px)) !important; max-width:1280px !important; }
.fixed-top-slider .store-slider-shell {
  width:100% !important;
  aspect-ratio: 16 / 8.7 !important;
  min-height: 0 !important;
  height: auto !important;
  border-radius: 34px !important;
  overflow: hidden !important;
  background:#050202 !important;
  border:1px solid rgba(255,255,255,.14) !important;
}
.fixed-top-slider .store-slider-shell .slide {
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.fixed-top-slider .store-slider-shell:after {
  background: linear-gradient(90deg, rgba(0,0,0,.66), rgba(0,0,0,.12) 45%, rgba(0,0,0,.10)), linear-gradient(0deg, rgba(0,0,0,.56), transparent 48%) !important;
}
.fixed-top-slider .store-slider-copy {
  position:absolute !important;
  left: clamp(20px, 4vw, 56px) !important;
  right:auto !important;
  bottom: clamp(18px, 4vw, 52px) !important;
  width:min(610px, calc(100% - 40px)) !important;
  max-width:610px !important;
  min-height: 0 !important;
  padding: clamp(18px, 2.5vw, 28px) !important;
  border-radius: 28px !important;
  background: linear-gradient(135deg, rgba(10,3,3,.78), rgba(80,13,10,.48)) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  backdrop-filter: blur(8px) !important;
}
.fixed-top-slider .store-slider-copy h2 { font-size:clamp(34px, 5vw, 72px) !important; line-height:.92 !important; }
.fixed-top-slider .store-slider-copy p { font-size:clamp(15px, 1.4vw, 18px) !important; line-height:1.55 !important; }

.hero.yes-hero {
  min-height: auto !important;
  padding-top: 38px !important;
  padding-bottom: 70px !important;
  background: #070303 !important;
  display: block !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 { width:100% !important; max-width:640px !important; }

.promo-showcase-grid, .real-gallery-grid, .page-grid, .delivery-grid, .quick-actions, .three, .four, .yes-product-grid {
  width:100% !important;
}
.promo-showcase-grid img, .promo-card img { width:100% !important; display:block !important; }
.yes-brand-card, .yes-delivery-card, .seo-panel, .pet-note, .feature, .delivery-card { width:100% !important; }

/* loader visible on entry and page changes */
.site-loader { display:grid !important; visibility:visible; }
.site-loader.is-hiding, body.loaded .site-loader.is-hiding { opacity:0 !important; visibility:hidden !important; pointer-events:none !important; }
.loader-logo { text-transform:uppercase !important; }

@media (max-width: 900px) {
  html, body { background:#070303 !important; }
  .container { width: calc(100% - 28px) !important; max-width: calc(100% - 28px) !important; }
  section { padding: 54px 0 !important; overflow:hidden !important; }
  .topbar {
    top: 10px !important;
    width: calc(100% - 22px) !important;
    max-width: calc(100% - 22px) !important;
    padding: 10px 10px 10px 16px !important;
    border-radius: 34px !important;
  }
  .brand-logo-clean { display:none !important; }
  .brand-title-clean { font-size: clamp(22px, 7vw, 30px) !important; max-width: 48vw !important; }
  .lang-switch a { width:36px !important; height:36px !important; min-width:36px !important; min-height:36px !important; padding:0 !important; font-size:12px !important; }
  .menu-toggle { width:46px !important; height:46px !important; min-width:46px !important; flex-basis:46px !important; border-radius:16px !important; }
  .nav { display:none !important; }

  .fixed-top-slider { padding-top: 92px !important; padding-bottom: 22px !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 / 10.2 !important;
    min-height: 0 !important;
    max-height: 62vh !important;
  }
  .fixed-top-slider .store-slider-shell .slide {
    background-size: contain !important;
    background-position: center center !important;
    background-color: #050202 !important;
  }
  .fixed-top-slider .store-slider-shell:after {
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.12) 48%, rgba(0,0,0,.82) 100%) !important;
  }
  .fixed-top-slider .store-slider-copy {
    left: 14px !important;
    right: 14px !important;
    bottom: 14px !important;
    width: auto !important;
    max-width: none !important;
    padding: 14px 15px !important;
    border-radius: 20px !important;
  }
  .fixed-top-slider .store-slider-copy .eyebrow { font-size: 9px !important; letter-spacing:.14em !important; margin-bottom:6px !important; }
  .fixed-top-slider .store-slider-copy h2 { font-size: clamp(25px, 8.4vw, 36px) !important; line-height: .96 !important; margin: 4px 0 0 !important; }
  .fixed-top-slider .store-slider-copy p, .fixed-top-slider .store-tags { display:none !important; }

  .hero.yes-hero { padding-top: 18px !important; padding-bottom: 42px !important; }
  .hero-card { max-width:100% !important; margin:0 !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; }
  .store-info-card { max-width:100% !important; margin-top:18px !important; padding:20px !important; border-radius:24px !important; }
  .hero-actions { display:grid !important; grid-template-columns:1fr !important; gap:10px !important; }
  .btn { width:100% !important; justify-content:center !important; text-align:center !important; }

  .section-head { display:block !important; margin-bottom:22px !important; }
  .section-head p { max-width:100% !important; font-size:16px !important; line-height:1.65 !important; }
  .yes-title, h2 { font-size: clamp(30px, 9vw, 44px) !important; line-height:1 !important; letter-spacing:-.035em !important; }
  .promo-showcase-grid, .real-gallery-grid, .page-grid, .delivery-grid, .quick-actions, .grid.three, .three, .four, .two, .yes-product-grid, .pet-layout, .yes-brand-card {
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
  }
  .promo-showcase-grid article, .promo-wide-card, .yes-brand-card, .yes-delivery-card, .seo-panel, .pet-note, .feature, .delivery-card {
    max-width:100% !important;
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  .promo-showcase-grid img { aspect-ratio: 1.15 / 1 !important; object-fit: cover !important; }
  .yes-product, .yes-product.large { grid-column:auto !important; min-height:300px !important; width:100% !important; }
  .pet-photo { min-height:320px !important; }
  .footer { padding-left:18px !important; padding-right:18px !important; padding-bottom:110px !important; }
  .contact-dock { display:none !important; }
}
@media (max-width: 430px) {
  .fixed-top-slider .store-slider-shell { aspect-ratio: 16 / 10.8 !important; }
  .fixed-top-slider .store-slider-copy h2 { font-size: 28px !important; }
  .brand-title-clean { max-width: 45vw !important; font-size: 22px !important; }
  .lang-switch a { width:34px !important; height:34px !important; min-width:34px !important; }
  .menu-toggle { width:42px !important; height:42px !important; min-width:42px !important; flex-basis:42px !important; }
}
