/* VVWOOD FINAL RESPONSIVE FIX
   Šis fails tiek ielādēts pēc lapu inline CSS, tāpēc tas labo reālo mobilo skatu. */

@media (max-width: 1320px){
  html, body{
    max-width:100% !important;
    overflow-x:hidden !important;
  }

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

  html body .site-header > *{
    min-width:0 !important;
  }

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

  html body .site-header .brand-logo-img{
    flex:0 0 auto !important;
  }

  html body .site-header .brand span{
    min-width:0 !important;
  }

  html body .site-header .brand strong{
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }

  html body .site-header .main-nav{
    min-width:0 !important;
    width:100% !important;
    max-width:100% !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    justify-content:flex-start !important;
    align-items:center !important;
    gap:10px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:4px 4px 9px !important;
    margin:0 !important;
    white-space:nowrap !important;
    -webkit-overflow-scrolling:touch !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;
    text-decoration:none !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(280px,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;
    box-sizing:border-box !important;
  }

  html body .site-header .modern-store-search input,
  html body .site-header .header-search input{
    min-width:0 !important;
    width:100% !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;
    box-sizing:border-box !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;
    line-height:1.15 !important;
  }

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

@media (max-width: 960px){
  html body .topbar{
    height:auto !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:6px !important;
    padding:9px 12px !important;
    text-align:center !important;
  }

  html body .site-header{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:calc(100% - 16px) !important;
    max-width:calc(100% - 16px) !important;
    margin:8px auto !important;
    padding:12px !important;
    gap:10px !important;
    align-items:stretch !important;
    border-radius:22px !important;
  }

  html body .site-header .brand{
    width:100% !important;
    display:flex !important;
    justify-content:flex-start !important;
    align-items:center !important;
    gap:10px !important;
    padding:0 !important;
  }

  html body .site-header .brand-logo-img{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    object-fit:contain !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{
    width:100% !important;
    max-width:100% !important;
    order:2 !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 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-title{
    white-space:normal !important;
  }

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

  html body .hero,
  html body .catalog-layout,
  html body .category-products-left-layout,
  html body .product-page,
  html body .product-main-grid,
  html body .product-layout,
  html body .checkout-layout,
  html body .contact-layout,
  html body .contacts-layout,
  html body .about-article,
  html body .benefits,
  html body .footer{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

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

  html body .filter-panel,
  html body .filters-sidebar,
  html body .subcategory-strip,
  html body .category-products-left-layout .subcategory-strip{
    position:static !important;
    width:100% !important;
    max-width:100% !important;
    top:auto !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,
  html body .about-page,
  html body .legal-page{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  html body .catalog-toolbar,
  html body .premium-bottom,
  html body .cart-item,
  html body .wishlist-item,
  html body .checkout-row,
  html body .footer{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
  }

  html body table{
    display:block !important;
    width:100% !important;
    overflow-x:auto !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 .brand-logo-img{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
  }

  html body .site-header .brand strong{
    font-size:25px !important;
  }

  html body .site-header .brand small{
    font-size:9px !important;
    letter-spacing:.16em !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{
    padding:24px 14px !important;
    min-height:auto !important;
  }

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

  html body .hero p{
    font-size:16px !important;
    line-height:1.55 !important;
  }

  html body .hero-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

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

  html body .product-info,
  html body .product-info-panel,
  html body .product-buy-box,
  html body .product-purchase-panel{
    padding:16px !important;
  }
}

/* DESKTOP ZOOM / VIDĒJA PLATUMA HEADER FIX
   Ja ekrāns vai pārlūka zoom saspiež headeri, izvēlne pāriet savā rindā,
   nevis tiek nogriezta sānos. */
@media (max-width: 1500px){
  html body .site-header{
    display:grid !important;
    grid-template-columns:minmax(220px, auto) minmax(0, 1fr) !important;
    grid-template-areas:
      "brand tools"
      "nav nav" !important;
    align-items:center !important;
    gap:10px 14px !important;
    height:auto !important;
    min-height:0 !important;
    padding-top:12px !important;
    padding-bottom:12px !important;
    overflow:visible !important;
  }

  html body .site-header .brand{
    grid-area:brand !important;
    min-width:0 !important;
  }

  html body .site-header .header-tools{
    grid-area:tools !important;
    grid-column:auto !important;
    width:100% !important;
    min-width:0 !important;
    justify-self:end !important;
  }

  html body .site-header .main-nav{
    grid-area:nav !important;
    grid-column:1 / -1 !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    justify-content:flex-start !important;
    align-items:center !important;
    gap:10px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:6px 2px 8px !important;
    margin:0 !important;
    white-space:nowrap !important;
    -webkit-overflow-scrolling:touch !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;
    min-width:max-content !important;
    padding:10px 15px !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;
    font-size:14px !important;
    line-height:1 !important;
  }
}

/* Ļoti šaurā desktop / planšetes platumā pogas iet zemāk, lai nekas nelien ārā */
@media (max-width: 1180px){
  html body .site-header{
    grid-template-columns:1fr !important;
    grid-template-areas:
      "brand"
      "tools"
      "nav" !important;
  }

  html body .site-header .header-tools{
    width:100% !important;
    justify-self:stretch !important;
  }
}

/* REAL HEADER MOBILE MENU FIX
   Sašaurinātā skatā izvēlne tiek aizstāta ar hamburger pogu, lai nekas netiek nogriezts. */

html body .vv-mobile-menu-toggle{
    display:none;
}

@media (max-width: 1320px){
    html body .site-header{
        width:calc(100% - 22px) !important;
        max-width:calc(100% - 22px) !important;
        height:auto !important;
        min-height:0 !important;
        margin:10px auto !important;
        padding:12px !important;
        display:grid !important;
        grid-template-columns:minmax(210px, 1fr) auto !important;
        grid-template-areas:
            "brand menu"
            "tools tools"
            "nav nav" !important;
        gap:10px !important;
        align-items:center !important;
        overflow:visible !important;
        box-sizing:border-box !important;
    }

    html body .site-header > *{
        min-width:0 !important;
    }

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

    html body .site-header .brand strong{
        white-space:normal !important;
        overflow-wrap:anywhere !important;
    }

    html body .site-header .vv-mobile-menu-toggle{
        grid-area:menu !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:8px !important;
        min-height:46px !important;
        padding:0 16px !important;
        border-radius:999px !important;
        border:1px solid rgba(216,197,167,.78) !important;
        background:#fffaf1 !important;
        color:#17371d !important;
        font-weight:950 !important;
        font-size:14px !important;
        letter-spacing:.02em !important;
        box-shadow:0 10px 24px rgba(53,38,21,.08) !important;
        cursor:pointer !important;
        white-space:nowrap !important;
    }

    html body .site-header .vv-mobile-menu-toggle .vv-burger{
        width:18px !important;
        height:12px !important;
        display:inline-flex !important;
        flex-direction:column !important;
        justify-content:space-between !important;
        flex:0 0 auto !important;
    }

    html body .site-header .vv-mobile-menu-toggle .vv-burger i{
        display:block !important;
        height:2px !important;
        border-radius:999px !important;
        background:#17371d !important;
    }

    html body .site-header .header-tools{
        grid-area:tools !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 .main-nav{
        grid-area:nav !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        display:grid !important;
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:8px !important;
        overflow:visible !important;
        padding:0 !important;
        margin:0 !important;
        max-height:0 !important;
        opacity:0 !important;
        pointer-events:none !important;
        transform:translateY(-6px) !important;
        transition:max-height .28s ease, opacity .22s ease, transform .22s ease !important;
    }

    html body.vv-menu-open .site-header .main-nav{
        max-height:420px !important;
        opacity:1 !important;
        pointer-events:auto !important;
        transform:translateY(0) !important;
        padding-top:4px !important;
    }

    html body .site-header .main-nav a{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        min-height:42px !important;
        padding:10px 12px !important;
        border-radius:16px !important;
        background:#fffaf1 !important;
        border:1px solid rgba(216,197,167,.72) !important;
        box-shadow:0 8px 18px rgba(53,38,21,.06) !important;
        color:#17371d !important;
        font-size:14px !important;
        line-height:1.1 !important;
        font-weight:900 !important;
        text-align:center !important;
        white-space:normal !important;
        text-decoration:none !important;
    }

    html body .site-header .main-nav a::after{
        display:none !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;
        box-sizing:border-box !important;
    }

    html body .site-header .modern-store-search input,
    html body .site-header .header-search input{
        min-width:0 !important;
        width:100% !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;
        box-sizing:border-box !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;
        line-height:1.15 !important;
    }
}

@media (max-width: 960px){
    html body .topbar{
        height:auto !important;
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:6px !important;
        padding:9px 12px !important;
        text-align:center !important;
    }

    html body .site-header{
        width:calc(100% - 16px) !important;
        max-width:calc(100% - 16px) !important;
        margin:8px auto !important;
        padding:12px !important;
        grid-template-columns:1fr auto !important;
        grid-template-areas:
            "brand menu"
            "tools tools"
            "nav nav" !important;
        border-radius:22px !important;
    }

    html body .site-header .brand{
        display:flex !important;
        align-items:center !important;
        gap:10px !important;
    }

    html body .site-header .brand-logo-img{
        width:46px !important;
        height:46px !important;
        min-width:46px !important;
        object-fit:contain !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 .header-tools{
        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 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 .main-nav{
        grid-template-columns:1fr 1fr !important;
    }

    html body .hero,
    html body .catalog-layout,
    html body .category-products-left-layout,
    html body .product-page,
    html body .product-main-grid,
    html body .product-layout,
    html body .checkout-layout,
    html body .contact-layout,
    html body .contacts-layout,
    html body .about-article,
    html body .benefits,
    html body .footer{
        display:grid !important;
        grid-template-columns:1fr !important;
    }

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

    html body .filter-panel,
    html body .filters-sidebar,
    html body .subcategory-strip,
    html body .category-products-left-layout .subcategory-strip{
        position:static !important;
        width:100% !important;
        max-width:100% !important;
        top:auto !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,
    html body .about-page,
    html body .legal-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 .vv-mobile-menu-toggle{
        min-height:42px !important;
        padding:0 12px !important;
        font-size:13px !important;
    }

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

    html body .site-header .brand strong{
        font-size:24px !important;
    }

    html body .site-header .brand small{
        font-size:9px !important;
        letter-spacing:.16em !important;
    }

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

    html body .site-header .main-nav{
        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{
        padding:24px 14px !important;
        min-height:auto !important;
    }

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

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

/* HEADER REAL DESKTOP-ZOOM FIX V2
   Aktivizē hamburger izvēlni arī normālā desktop 100% skatā, ja headerim nepietiek vietas. */
@media (max-width: 2100px){
    html body .site-header{
        width:calc(100% - 24px) !important;
        max-width:calc(100% - 24px) !important;
        height:auto !important;
        min-height:0 !important;
        margin:10px auto !important;
        padding:12px 14px !important;
        display:grid !important;
        grid-template-columns:minmax(260px, auto) minmax(0, 1fr) auto !important;
        grid-template-areas:
            "brand tools menu"
            "nav nav nav" !important;
        gap:12px !important;
        align-items:center !important;
        overflow:visible !important;
        box-sizing:border-box !important;
    }

    html body .site-header > *{
        min-width:0 !important;
    }

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

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

    html body .site-header .vv-mobile-menu-toggle{
        grid-area:menu !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:8px !important;
        min-height:48px !important;
        padding:0 18px !important;
        border-radius:999px !important;
        border:1px solid rgba(216,197,167,.78) !important;
        background:#fffaf1 !important;
        color:#17371d !important;
        font-weight:950 !important;
        font-size:14px !important;
        letter-spacing:.02em !important;
        box-shadow:0 10px 24px rgba(53,38,21,.08) !important;
        cursor:pointer !important;
        white-space:nowrap !important;
        justify-self:end !important;
    }

    html body .site-header .vv-mobile-menu-toggle .vv-burger{
        width:18px !important;
        height:12px !important;
        display:inline-flex !important;
        flex-direction:column !important;
        justify-content:space-between !important;
        flex:0 0 auto !important;
    }

    html body .site-header .vv-mobile-menu-toggle .vv-burger i{
        display:block !important;
        height:2px !important;
        border-radius:999px !important;
        background:#17371d !important;
    }

    html body .site-header .main-nav{
        grid-area:nav !important;
        grid-column:1 / -1 !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        display:grid !important;
        grid-template-columns:repeat(6, minmax(0, 1fr)) !important;
        gap:8px !important;
        overflow:hidden !important;
        padding:0 !important;
        margin:0 !important;
        max-height:0 !important;
        opacity:0 !important;
        pointer-events:none !important;
        transform:translateY(-6px) !important;
        transition:max-height .28s ease, opacity .22s ease, transform .22s ease, padding .22s ease !important;
    }

    html body.vv-menu-open .site-header .main-nav{
        max-height:360px !important;
        opacity:1 !important;
        pointer-events:auto !important;
        transform:translateY(0) !important;
        padding-top:6px !important;
        overflow:visible !important;
    }

    html body .site-header .main-nav a{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        min-height:42px !important;
        padding:10px 12px !important;
        border-radius:16px !important;
        background:#fffaf1 !important;
        border:1px solid rgba(216,197,167,.72) !important;
        box-shadow:0 8px 18px rgba(53,38,21,.06) !important;
        color:#17371d !important;
        font-size:14px !important;
        line-height:1.1 !important;
        font-weight:900 !important;
        text-align:center !important;
        white-space:normal !important;
        text-decoration:none !important;
    }

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

@media (max-width: 1400px){
    html body .site-header{
        grid-template-columns:minmax(240px, auto) 1fr auto !important;
    }

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

    html body .site-header .main-nav{
        grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 1050px){
    html body .site-header{
        grid-template-columns:1fr auto !important;
        grid-template-areas:
            "brand menu"
            "tools tools"
            "nav nav" !important;
    }

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

    html body .site-header .main-nav{
        grid-template-columns:repeat(2, minmax(0, 1fr)) !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;
    }

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

/* VVWOOD HEADER FINAL FULL SOLUTION
   Desktop: logo/meklēšana/grozs augšā, navigācija redzama atsevišķā rindā.
   Mobilais: hamburger izvēlne, lai nekas netiek saspiests vai nogriezts. */

/* Drošība pret horizontālo izlīšanu */
html, body{
    max-width:100% !important;
    overflow-x:hidden !important;
}

/* ===== DESKTOP / LAPTOP: navigācija redzama zem header pogām ===== */
@media (min-width: 901px){
    html body .site-header{
        width:calc(100% - 28px) !important;
        max-width:calc(100% - 28px) !important;
        height:auto !important;
        min-height:0 !important;
        margin:10px auto 18px !important;
        padding:14px 18px 16px !important;
        display:grid !important;
        grid-template-columns:minmax(260px, auto) minmax(0, 1fr) !important;
        grid-template-areas:
            "brand tools"
            "nav nav" !important;
        gap:14px 18px !important;
        align-items:center !important;
        overflow:visible !important;
        box-sizing:border-box !important;
        border-radius:30px !important;
    }

    html body .site-header > *{
        min-width:0 !important;
    }

    html body .site-header .brand{
        grid-area:brand !important;
        width:auto !important;
        max-width:100% !important;
        min-width:0 !important;
        justify-self:start !important;
    }

    html body .site-header .brand strong{
        white-space:normal !important;
        overflow-wrap:anywhere !important;
    }

    html body .site-header .header-tools{
        grid-area:tools !important;
        grid-column:auto !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        margin:0 !important;
        display:grid !important;
        grid-template-columns:minmax(320px, 1fr) auto !important;
        gap:12px !important;
        align-items:center !important;
        justify-self:stretch !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:54px !important;
        box-sizing:border-box !important;
    }

    html body .site-header .modern-store-search input,
    html body .site-header .header-search input{
        min-width:0 !important;
        width:100% !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:10px !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:230px !important;
        min-height:54px !important;
        padding:10px 14px !important;
        border-radius:999px !important;
        box-sizing:border-box !important;
    }

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

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

    html body .site-header .vv-mobile-menu-toggle{
        display:none !important;
    }

    html body .site-header .main-nav{
        grid-area:nav !important;
        grid-column:1 / -1 !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        height:auto !important;
        max-height:none !important;
        opacity:1 !important;
        pointer-events:auto !important;
        transform:none !important;
        display:flex !important;
        flex-wrap:wrap !important;
        justify-content:center !important;
        align-items:center !important;
        gap:10px !important;
        overflow:visible !important;
        padding:8px 10px 2px !important;
        margin:0 !important;
        border-top:1px solid rgba(216,197,167,.42) !important;
    }

    html body .site-header .main-nav a{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        min-height:42px !important;
        flex:0 1 auto !important;
        padding:10px 16px !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;
        color:#17371d !important;
        font-size:14px !important;
        line-height:1.1 !important;
        font-weight:900 !important;
        text-align:center !important;
        white-space:nowrap !important;
        text-decoration:none !important;
    }

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

    html body .site-header .main-nav a:hover{
        transform:translateY(-1px) !important;
        box-shadow:0 12px 22px rgba(53,38,21,.10) !important;
    }
}

/* Mazāks laptops: augšā logo, zem tā rīki, zem tā navigācija */
@media (min-width: 901px) and (max-width: 1280px){
    html body .site-header{
        grid-template-columns:1fr !important;
        grid-template-areas:
            "brand"
            "tools"
            "nav" !important;
    }

    html body .site-header .brand{
        justify-self:center !important;
        text-align:center !important;
    }

    html body .site-header .header-tools{
        grid-template-columns:minmax(260px, 1fr) auto !important;
    }

    html body .site-header .main-nav{
        justify-content:center !important;
    }
}

/* ===== TABLET / MOBILE: hamburger izvēlne ===== */
@media (max-width: 900px){
    html body .topbar{
        height:auto !important;
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:6px !important;
        padding:9px 12px !important;
        text-align:center !important;
    }

    html body .site-header{
        width:calc(100% - 16px) !important;
        max-width:calc(100% - 16px) !important;
        height:auto !important;
        min-height:0 !important;
        margin:8px auto 14px !important;
        padding:12px !important;
        display:grid !important;
        grid-template-columns:minmax(0, 1fr) auto !important;
        grid-template-areas:
            "brand menu"
            "tools tools"
            "nav nav" !important;
        gap:10px !important;
        align-items:center !important;
        overflow:visible !important;
        border-radius:22px !important;
        box-sizing:border-box !important;
    }

    html body .site-header > *{
        min-width:0 !important;
    }

    html body .site-header .brand{
        grid-area:brand !important;
        width:100% !important;
        min-width:0 !important;
        display:flex !important;
        justify-content:flex-start !important;
        align-items:center !important;
        gap:10px !important;
        padding:0 !important;
    }

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

    html body .site-header .brand strong{
        font-size:clamp(22px, 6vw, 31px) !important;
        line-height:1 !important;
        white-space:normal !important;
        overflow-wrap:anywhere !important;
    }

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

    html body .site-header .vv-mobile-menu-toggle{
        grid-area:menu !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:8px !important;
        min-height:44px !important;
        padding:0 14px !important;
        border-radius:999px !important;
        border:1px solid rgba(216,197,167,.78) !important;
        background:#fffaf1 !important;
        color:#17371d !important;
        font-weight:950 !important;
        font-size:13px !important;
        box-shadow:0 10px 22px rgba(53,38,21,.08) !important;
        cursor:pointer !important;
        white-space:nowrap !important;
    }

    html body .site-header .vv-mobile-menu-toggle .vv-burger{
        width:18px !important;
        height:12px !important;
        display:inline-flex !important;
        flex-direction:column !important;
        justify-content:space-between !important;
        flex:0 0 auto !important;
    }

    html body .site-header .vv-mobile-menu-toggle .vv-burger i{
        display:block !important;
        height:2px !important;
        border-radius:999px !important;
        background:#17371d !important;
    }

    html body .site-header .header-tools{
        grid-area:tools !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        margin:0 !important;
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:10px !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;
        display:grid !important;
        grid-template-columns:24px minmax(0,1fr) auto !important;
        gap:8px !important;
        align-items:center !important;
        min-height:52px !important;
        padding:8px 8px 8px 12px !important;
        box-sizing:border-box !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;
        padding:0 !important;
        background:transparent !important;
        border:0 !important;
        box-shadow:none !important;
    }

    html body .site-header .header-quick-link{
        width:100% !important;
        max-width:none !important;
        min-width:0 !important;
        min-height:50px !important;
        padding:9px 11px !important;
        border-radius:16px !important;
        justify-content:flex-start !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;
        line-height:1.12 !important;
        white-space:normal !important;
    }

    html body .site-header .main-nav{
        grid-area:nav !important;
        grid-column:1 / -1 !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:8px !important;
        overflow:hidden !important;
        padding:0 !important;
        margin:0 !important;
        max-height:0 !important;
        opacity:0 !important;
        pointer-events:none !important;
        transform:translateY(-6px) !important;
        transition:max-height .28s ease, opacity .22s ease, transform .22s ease, padding .22s ease !important;
    }

    html body.vv-menu-open .site-header .main-nav{
        max-height:520px !important;
        opacity:1 !important;
        pointer-events:auto !important;
        transform:translateY(0) !important;
        padding-top:6px !important;
        overflow:visible !important;
    }

    html body .site-header .main-nav a{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        min-height:42px !important;
        padding:10px 12px !important;
        border-radius:16px !important;
        background:#fffaf1 !important;
        border:1px solid rgba(216,197,167,.72) !important;
        box-shadow:0 8px 18px rgba(53,38,21,.06) !important;
        color:#17371d !important;
        font-size:14px !important;
        line-height:1.1 !important;
        font-weight:900 !important;
        text-align:center !important;
        white-space:normal !important;
        text-decoration:none !important;
    }

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

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

    html body .hero,
    html body .catalog-layout,
    html body .category-products-left-layout,
    html body .product-page,
    html body .product-main-grid,
    html body .product-layout,
    html body .checkout-layout,
    html body .contact-layout,
    html body .contacts-layout,
    html body .about-article,
    html body .benefits,
    html body .footer{
        display:grid !important;
        grid-template-columns:1fr !important;
    }

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

    html body .filter-panel,
    html body .filters-sidebar,
    html body .subcategory-strip,
    html body .category-products-left-layout .subcategory-strip{
        position:static !important;
        width:100% !important;
        max-width:100% !important;
        top:auto !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,
    html body .about-page,
    html body .legal-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 12px !important;
        padding:10px !important;
        border-radius:18px !important;
    }

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

    html body .site-header .brand strong{
        font-size:23px !important;
    }

    html body .site-header .brand small{
        font-size:9px !important;
        letter-spacing:.15em !important;
    }

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

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

    html body .hero{
        padding:24px 14px !important;
        min-height:auto !important;
    }

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

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