/* MOBILE REAL FIX — augsta prioritāte pret vēlāk ieliktajiem lapu stiliem */
@media (max-width: 1200px){
  html, body{
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  html body .site-header{
    width:calc(100% - 20px) !important;
    max-width:calc(100% - 20px) !important;
    height:auto !important;
    min-height:0 !important;
    margin:10px auto !important;
    padding:12px !important;
    display:grid !important;
    grid-template-columns:minmax(180px, auto) minmax(0, 1fr) !important;
    gap:12px !important;
    align-items:center !important;
    overflow:visible !important;
    box-sizing:border-box !important;
  }

  html body .site-header .brand{
    min-width:0 !important;
    width:auto !important;
    max-width:100% !important;
    flex:0 1 auto !important;
  }

  html body .site-header .main-nav{
    min-width:0 !important;
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    justify-content:flex-start !important;
    gap:10px !important;
    padding:4px 4px 8px !important;
    white-space:nowrap !important;
    scrollbar-width:none !important;
  }

  html body .site-header .main-nav::-webkit-scrollbar{
    display:none !important;
  }

  html body .site-header .main-nav a{
    flex:0 0 auto !important;
    white-space:nowrap !important;
    font-size:14px !important;
    line-height:1 !important;
    padding:10px 13px !important;
    border-radius:999px !important;
    background:#fffaf1 !important;
    border:1px solid rgba(216,197,167,.72) !important;
    box-shadow:0 8px 18px rgba(53,38,21,.06) !important;
  }

  html body .site-header .main-nav a::after{
    display:none !important;
  }

  html body .site-header .header-tools{
    grid-column:1 / -1 !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    display:grid !important;
    grid-template-columns:minmax(260px, 1fr) auto !important;
    gap:10px !important;
    align-items:center !important;
  }

  html body .site-header .modern-store-search,
  html body .site-header .header-search{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    height:auto !important;
    min-height:52px !important;
  }

  html body .site-header .header-quick-links{
    width:auto !important;
    max-width:100% !important;
    min-width:0 !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:8px !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  html body .site-header .header-quick-link{
    min-width:0 !important;
    width:auto !important;
    max-width:190px !important;
    min-height:52px !important;
    padding:9px 12px !important;
    border-radius:999px !important;
  }

  html body .site-header .header-quick-link .quick-note{
    display:none !important;
  }

  html body .site-header .header-quick-link .quick-title{
    font-size:13px !important;
    white-space:nowrap !important;
  }
}

@media (max-width: 900px){
  html body .site-header{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    padding:12px !important;
    border-radius:22px !important;
  }

  html body .site-header .brand{
    width:100% !important;
    display:flex !important;
    justify-content:flex-start !important;
  }

  html body .site-header .brand-logo-img{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
  }

  html body .site-header .brand strong{
    font-size:clamp(24px, 6vw, 32px) !important;
    line-height:1 !important;
  }

  html body .site-header .brand small{
    font-size:10px !important;
    letter-spacing:.18em !important;
    line-height:1.2 !important;
  }

  html body .site-header .main-nav{
    grid-row:auto !important;
    order:2 !important;
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    border-radius:16px !important;
    padding:4px 2px 8px !important;
  }

  html body .site-header .main-nav a{
    font-size:13px !important;
    padding:10px 13px !important;
  }

  html body .site-header .header-tools{
    order:3 !important;
    grid-template-columns:1fr !important;
    width:100% !important;
    gap:10px !important;
  }

  html body .site-header .modern-store-search,
  html body .site-header .header-search{
    display:grid !important;
    grid-template-columns:24px minmax(0, 1fr) auto !important;
    gap:8px !important;
    align-items:center !important;
    padding:8px 8px 8px 12px !important;
  }

  html body .site-header .modern-store-search input,
  html body .site-header .header-search input{
    min-width:0 !important;
    width:100% !important;
    font-size:14px !important;
  }

  html body .site-header .modern-store-search button,
  html body .site-header .header-search button,
  html body .site-header .header-search-btn{
    height:38px !important;
    min-width:0 !important;
    padding:0 14px !important;
    font-size:13px !important;
  }

  html body .site-header .header-quick-links{
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:10px !important;
  }

  html body .site-header .header-quick-link{
    width:100% !important;
    max-width:none !important;
    justify-content:flex-start !important;
  }

  html body .site-header .header-quick-link .quick-icon{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    font-size:16px !important;
  }

  html body .site-header .header-quick-link .quick-title{
    font-size:13px !important;
    line-height:1.1 !important;
    white-space:normal !important;
  }

  html body .site-header .header-icons{
    display:none !important;
  }

  html body .hero,
  html body .catalog-layout,
  html body .product-page,
  html body .product-main-grid,
  html body .product-layout,
  html body .checkout-layout,
  html body .contact-layout,
  html body .benefits,
  html body .footer{
    grid-template-columns:1fr !important;
  }

  html body .premium-products,
  html body .products,
  html body #kategorijas-produkti,
  html body .featured-products-grid,
  html body .related-products-grid{
    grid-template-columns:1fr !important;
  }

  html body .filter-panel,
  html body .filters-sidebar,
  html body .subcategory-strip{
    position:static !important;
    width:100% !important;
    max-width:100% !important;
  }

  html body .section,
  html body .category-page,
  html body .product-shell,
  html body .cart-page,
  html body .wishlist-page,
  html body .checkout-page,
  html body .contacts-page{
    padding-left:14px !important;
    padding-right:14px !important;
  }
}

@media (max-width: 640px){
  html body .site-header{
    width:calc(100% - 12px) !important;
    max-width:calc(100% - 12px) !important;
    margin:6px auto !important;
    padding:10px !important;
    border-radius:18px !important;
  }

  html body .site-header .header-quick-links{
    grid-template-columns:1fr !important;
  }

  html body .site-header .modern-store-search button,
  html body .site-header .header-search button,
  html body .site-header .header-search-btn{
    padding:0 12px !important;
  }

  html body .hero h1{
    font-size:clamp(32px, 11vw, 46px) !important;
  }

  html body .premium-image,
  html body .mini-board{
    height:190px !important;
  }
}