#header{
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:99999!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  pointer-events:none!important;
}

.site-msg.information{
  position:fixed!important;
  top:78px!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  margin:0!important;
  z-index:2147482999!important;
}

.site-msg.information .container{
  max-width:none!important;
  width:100%!important;
}

.site-msg.information .close{
  pointer-events:auto!important;
}

@media(max-width:768px){
  .site-msg.information{
    top:66px!important;
  }
}

@media(min-width:769px){
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header .site-name img,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header .logo img{
    filter:brightness(0) saturate(100%) invert(97%) sepia(7%) saturate(532%) hue-rotate(318deg) brightness(102%) contrast(96%)!important;
  }

  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) .vv-custom-menu a{
    color:#faf2e7!important;
  }

  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header i,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header svg,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header svg *,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header a::before,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header span[class*="icon"],
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header span[class*="icon"]::before,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header .navigation-buttons a.cart-count.full .icon-cart,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header .navigation-buttons a.cart-count.full .icon-cart::before,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header .navigation-buttons a[href*="kosik"] span.icon-cart,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header .navigation-buttons a[href*="kosik"] span.icon-cart::before{
    color:#faf2e7!important;
    fill:#faf2e7!important;
    stroke:#faf2e7!important;
    background:transparent!important;
  }

  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header .site-name img,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header .logo img{
    filter:brightness(0) saturate(100%) invert(20%) sepia(0%) saturate(0%) hue-rotate(201deg) brightness(95%) contrast(86%)!important;
  }

  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled .vv-custom-menu a{
    color:#404041!important;
  }

  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header i,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header svg,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header svg *,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header a::before,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header span[class*="icon"],
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header span[class*="icon"]::before,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header .navigation-buttons a.cart-count.full .icon-cart,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header .navigation-buttons a.cart-count.full .icon-cart::before,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header .navigation-buttons a[href*="kosik"] span.icon-cart,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header .navigation-buttons a[href*="kosik"] span.icon-cart::before{
    color:#404041!important;
    fill:#404041!important;
    stroke:#404041!important;
    background:transparent!important;
  }
}

@media(min-width:769px){

  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header .site-name img,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header .logo img{
    filter:brightness(0) saturate(100%) invert(97%) sepia(7%) saturate(532%) hue-rotate(318deg) brightness(102%) contrast(96%)!important;
  }

  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) .vv-custom-menu a{
    color:#faf2e7!important;
  }

  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header i,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header svg,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header svg *,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header a::before,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header span[class*="icon"],
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header span[class*="icon"]::before,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header .navigation-buttons a.cart-count.full .icon-cart,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header .navigation-buttons a.cart-count.full .icon-cart::before,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header .navigation-buttons a[href*="kosik"] span.icon-cart,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header .navigation-buttons a[href*="kosik"] span.icon-cart::before{
    color:#faf2e7!important;
    fill:#faf2e7!important;
    stroke:#faf2e7!important;
    background:transparent!important;
  }

}

@media(min-width:769px){
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header .site-name img,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header .logo img{
    filter:brightness(0) saturate(100%) invert(97%) sepia(7%) saturate(532%) hue-rotate(318deg) brightness(102%) contrast(96%)!important;
  }

  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) .vv-custom-menu a{
    color:#faf2e7!important;
  }

  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header i,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header svg,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header svg *,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header a::before,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header span[class*="icon"],
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header span[class*="icon"]::before,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header .navigation-buttons a.cart-count.full .icon-cart,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header .navigation-buttons a.cart-count.full .icon-cart::before,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header .navigation-buttons a[href*="kosik"] span.icon-cart,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header .navigation-buttons a[href*="kosik"] span.icon-cart::before{
    color:#faf2e7!important;
    fill:#faf2e7!important;
    stroke:#faf2e7!important;
    background:transparent!important;
  }

  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header .site-name img,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header .logo img{
    filter:brightness(0) saturate(100%) invert(20%) sepia(0%) saturate(0%) hue-rotate(201deg) brightness(95%) contrast(86%)!important;
  }

  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled .vv-custom-menu a{
    color:#404041!important;
  }

  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header i,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header svg,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header svg *,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header a::before,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header span[class*="icon"],
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header span[class*="icon"]::before,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header .navigation-buttons a.cart-count.full .icon-cart,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header .navigation-buttons a.cart-count.full .icon-cart::before,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header .navigation-buttons a[href*="kosik"] span.icon-cart,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header .navigation-buttons a[href*="kosik"] span.icon-cart::before{
    color:#404041!important;
    fill:#404041!important;
    stroke:#404041!important;
    background:transparent!important;
  }
}

@media(min-width:769px){
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header .site-name img,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header .logo img{
    filter:brightness(0) saturate(100%) invert(20%) sepia(0%) saturate(0%) hue-rotate(201deg) brightness(95%) contrast(86%)!important;
  }

  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled .vv-custom-menu a{
    color:#404041!important;
  }

  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header i,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header svg,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header svg *,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header a::before,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header span[class*="icon"],
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header span[class*="icon"]::before,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header .navigation-buttons a.cart-count.full .icon-cart,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header .navigation-buttons a.cart-count.full .icon-cart::before,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header .navigation-buttons a[href*="kosik"] span.icon-cart,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header .navigation-buttons a[href*="kosik"] span.icon-cart::before{
    color:#404041!important;
    fill:#404041!important;
    stroke:#404041!important;
    background:transparent!important;
  }
}

@media(min-width:769px){
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header .site-name img,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header .logo img{
    filter:brightness(0) saturate(100%) invert(20%) sepia(0%) saturate(0%) hue-rotate(201deg) brightness(95%) contrast(86%)!important;
  }

  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled .vv-custom-menu a{
    color:#404041!important;
  }

  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header i,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header svg,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header svg *,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header a::before,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header span[class*="icon"],
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header span[class*="icon"]::before,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header .navigation-buttons a.cart-count.full .icon-cart,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header .navigation-buttons a.cart-count.full .icon-cart::before,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header .navigation-buttons a[href*="kosik"] span.icon-cart,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header .navigation-buttons a[href*="kosik"] span.icon-cart::before{
    color:#404041!important;
    fill:#404041!important;
    stroke:#404041!important;
    background:transparent!important;
  }
}

@media(min-width:769px){

  body.in-eshop.type-category.vv-category-leaf #header .site-name img,
  body.in-eshop.type-category.vv-category-leaf #header .logo img,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header .site-name img,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header .logo img,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header .site-name img,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header .logo img{
    filter:brightness(0) saturate(100%) invert(97%) sepia(7%) saturate(532%) hue-rotate(318deg) brightness(102%) contrast(96%)!important;
  }

  body.in-eshop.type-category.vv-category-leaf .vv-custom-menu a,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) .vv-custom-menu a,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled .vv-custom-menu a{
    color:#faf2e7!important;
  }

  body.in-eshop.type-category.vv-category-leaf #header i,
  body.in-eshop.type-category.vv-category-leaf #header svg,
  body.in-eshop.type-category.vv-category-leaf #header svg *,
  body.in-eshop.type-category.vv-category-leaf #header a::before,
  body.in-eshop.type-category.vv-category-leaf #header span[class*="icon"],
  body.in-eshop.type-category.vv-category-leaf #header span[class*="icon"]::before,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header i,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header svg,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header svg *,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header a::before,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header span[class*="icon"],
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header span[class*="icon"]::before,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header i,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header svg,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header svg *,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header a::before,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header span[class*="icon"],
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header span[class*="icon"]::before,
  body.in-eshop.type-category.vv-category-leaf #header .navigation-buttons a.cart-count.full .icon-cart,
  body.in-eshop.type-category.vv-category-leaf #header .navigation-buttons a.cart-count.full .icon-cart::before,
  body.in-eshop.type-category.vv-category-leaf #header .navigation-buttons a[href*="kosik"] span.icon-cart,
  body.in-eshop.type-category.vv-category-leaf #header .navigation-buttons a[href*="kosik"] span.icon-cart::before{
    color:#faf2e7!important;
    fill:#faf2e7!important;
    stroke:#faf2e7!important;
    background:transparent!important;
  }

}

body.type-index #header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  height:78px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  z-index:var(--vv-z-header)!important;
  transition:background .35s ease, backdrop-filter .35s ease, -webkit-backdrop-filter .35s ease!important;
}

#header *,
#header .header-top,
#header .header-bottom,
#header .navigation-wrapper,
#header .navigation-window,
#header .navigation-buttons,
#header .top-navigation-tools,
#header .container,
#header .navigation-in{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

#header .header-top,
#header .header-bottom,
#header .navigation-wrapper,
#header .container,
#header .navigation-in{
  min-height:0!important;
}

#header a,
#header button,
#header input,
#header .site-name,
#header .logo,
#header .navigation-buttons,
#header .top-navigation-tools{
  pointer-events:auto!important;
}

#header .site-name,
#header .logo{
  width:auto!important;
  height:auto!important;

  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;

  line-height:0!important;
  padding:0!important;
  margin:0!important;

  overflow:hidden!important;
}

#header .site-name a,
#header .logo a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;

  width:auto!important;
  height:auto!important;

  padding:0!important;
  margin:0!important;

  line-height:0!important;
}

#header a,
#header span{
  color:var(--vv-cream)!important;
  font-family:var(--vv-font)!important;
}

#header i,
#header svg{
  color:var(--vv-cream)!important;
  fill:var(--vv-cream)!important;
}

#navigation{
  opacity:0!important;
  pointer-events:none!important;
}

.navigation-in{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}

.top-navigation-tools,
.navigation-buttons{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  opacity:1!important;
  visibility:visible!important;
}

.top-navigation-tools a,
.navigation-buttons a{
  transform:scale(1.15);
}

#header i[class*="icon"],
#header span[class*="icon"],
#header a[class*="icon"]::before,
#header button[class*="icon"]::before{
  font-family:shoptet!important;
  font-style:normal!important;
  font-weight:normal!important;
  color:var(--vv-cream)!important;
  opacity:1!important;
  visibility:visible!important;
}

/* =========================
   CUSTOM MENU DESKTOP
========================= */

.vv-custom-menu{
  display:none!important;
}

@media(min-width:769px){

  .vv-custom-menu{
    position:fixed!important;
    top:34px!important;
    left:6vw!important;

    display:flex!important;
    align-items:center!important;
    gap:25px!important;

    z-index:var(--vv-z-header-items)!important;
  }

  .vv-custom-menu a{
    font-family:var(--vv-font)!important;
    font-size:15px!important;
    font-weight:600!important;
    letter-spacing:.04em!important;
    text-decoration:none!important;
    transition:color .35s ease!important;
  }

  body.type-index .vv-custom-menu a{
    color:var(--vv-cream)!important;
  }

  body.type-index.vv-header-scrolled .vv-custom-menu a,
  body:not(.type-index) .vv-custom-menu a{
    color:var(--vv-gray)!important;
  }

  body:not(.type-index) .vv-custom-menu{
    display:none!important;
  }

  body.type-detail.vv-header-scrolled .vv-custom-menu,
  body.type-product.vv-header-scrolled .vv-custom-menu{
    display:flex!important;
  }

  body.in-eshop.type-category .vv-custom-menu{
    display:flex!important;
  }

  body.in-eshop.type-category:not(.vv-header-scrolled) .vv-custom-menu a{
    color:var(--vv-cream)!important;
  }

  body.in-eshop.type-category.vv-header-scrolled .vv-custom-menu a{
    color:var(--vv-gray)!important;
  }

  .vv-custom-menu a:hover,
  body.type-index .vv-custom-menu a:hover,
  body.type-index .vv-custom-menu a:focus,
  body.type-index.vv-header-scrolled .vv-custom-menu a:hover,
  body.type-index.vv-header-scrolled .vv-custom-menu a:focus,
  body:not(.type-index) .vv-custom-menu a:hover{
    color:var(--vv-hover)!important;
  }

}

/* =========================
   DESKTOP HEADER
========================= */

@media(min-width:769px){

  .vv-mobile-toggle,
  .vv-mobile-menu,
  #header a.toggle-window[data-target="navigation"],
  #header a[data-testid="hamburgerMenu"]{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  #header .site-name,
  #header .logo{
    position:fixed!important;
    top:25px!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    z-index:var(--vv-z-header-items)!important;
  }

  #header .site-name img,
  #header .logo img{
    width:auto!important;
    max-height:30px!important;
    transform:none!important;
    transition:filter .35s ease!important;
    filter:brightness(0) saturate(100%) invert(96%) sepia(8%) saturate(370%) hue-rotate(315deg) brightness(101%) contrast(96%)!important;
  }

  #header .site-name:hover img,
  #header .logo:hover img{
    filter:brightness(0) saturate(100%) invert(34%) sepia(19%) saturate(1694%) hue-rotate(323deg) brightness(86%) contrast(88%)!important;
  }

  #header .navigation-buttons,
  #header .top-navigation-tools{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:flex-end!important;
    gap:28px!important;

    position:fixed!important;
    top:34px!important;
    right:50px!important;

    width:auto!important;
    height:auto!important;

    z-index:var(--vv-z-header-items)!important;
  }

  #header .navigation-buttons a,
  #header .top-navigation-tools a,
  #header .navigation-buttons button,
  #header .top-navigation-tools button{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:30px!important;
    height:30px!important;
    transform:none!important;
    cursor:pointer!important;
    transition:color .25s ease, transform .25s ease!important;
  }

  #header .navigation-buttons i,
  #header .top-navigation-tools i,
  #header .navigation-buttons svg,
  #header .top-navigation-tools svg,
  #header .navigation-buttons svg *,
  #header .top-navigation-tools svg *,
  #header .navigation-buttons a::before,
  #header .top-navigation-tools a::before{
    color:var(--vv-cream)!important;
    fill:var(--vv-cream)!important;
    stroke:var(--vv-cream)!important;
    transition:color .25s ease, fill .25s ease, stroke .25s ease!important;
  }

  #header .navigation-buttons a:hover,
  #header .top-navigation-tools a:hover{
    transform:none!important;
  }

  #header .navigation-buttons a:hover i,
  #header .top-navigation-tools a:hover i,
  #header .navigation-buttons a:hover svg,
  #header .top-navigation-tools a:hover svg,
  #header .navigation-buttons a:hover svg *,
  #header .top-navigation-tools a:hover svg *,
  #header .navigation-buttons a:hover::before,
  #header .top-navigation-tools a:hover::before{
    color:var(--vv-hover)!important;
    fill:var(--vv-hover)!important;
    stroke:var(--vv-hover)!important;
    transform:none!important;
  }

  #header .navigation-buttons a.cart-count.full,
  #header .navigation-buttons a.cart-count.full:hover{
    background:transparent!important;
  }

  #header .navigation-buttons a.cart-count.full .icon-cart,
  #header .navigation-buttons a.cart-count.full .icon-cart::before,
  #header .navigation-buttons a.cart-count.full:hover .icon-cart,
  #header .navigation-buttons a.cart-count.full:hover .icon-cart::before{
    color:var(--vv-cream)!important;
    fill:var(--vv-cream)!important;
    stroke:var(--vv-cream)!important;
    background:transparent!important;
  }

  #header i[data-testid="headerCartCount"],
  #header a:hover i[data-testid="headerCartCount"],
  #header a.cart-count.full:hover i[data-testid="headerCartCount"]{
    position:absolute!important;
    top:-6px!important;
    right:-8px!important;

    width:22px!important;
    min-width:22px!important;
    max-width:22px!important;

    height:22px!important;
    min-height:22px!important;
    max-height:22px!important;

    aspect-ratio:1 / 1!important;
    padding:0!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    font-size:11px!important;
    font-weight:700!important;
    line-height:1!important;

    box-shadow:none!important;
  }

}

/* =========================
   NON-HOMEPAGE HEADER STRIP
========================= */

@media(min-width:769px){

  body:not(.type-index):not(.in-eshop) #header,
  body.in-eshop.type-category.vv-header-scrolled #header,
  body.type-index.vv-header-scrolled #header{
    background:rgba(250,242,231,.70)!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
    overflow:visible!important;
  }

  body:not(.type-index):not(.in-eshop) #header::after,
  body.in-eshop.type-category.vv-header-scrolled #header::after,
  body.type-index.vv-header-scrolled #header::after{
    content:""!important;

    position:absolute!important;

    left:0!important;
    right:0!important;
    top:100%!important;

    height:26px!important;

    pointer-events:none!important;

    background:linear-gradient(
      to bottom,
      rgba(250,242,231,.22) 0%,
      rgba(250,242,231,.08) 45%,
      rgba(250,242,231,0) 100%
    )!important;

    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;

    opacity:.5!important;
    z-index:-1!important;
  }

  body:not(.type-index) #header{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;

    height:78px!important;

    z-index:var(--vv-z-header)!important;
  }

  body.type-post #header{
    background:rgba(237,199,191,.70)!important;
  }

  body.type-post #header::after{
    background:linear-gradient(
      to bottom,
      rgba(237,199,191,.24) 0%,
      rgba(237,199,191,.10) 45%,
      rgba(237,199,191,0) 100%
    )!important;
  }

  body.in-eshop.type-category #header{
    background:transparent!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  body.in-eshop.type-category #header::after{
    content:none!important;
    display:none!important;
  }

  body.in-eshop.type-category.vv-header-scrolled #header::after{
    content:""!important;
    display:block!important;
  }

  body:not(.type-index) #header .site-name img,
  body:not(.type-index) #header .logo img{
    filter:brightness(0) saturate(100%) invert(31%) sepia(24%) saturate(1452%) hue-rotate(333deg) brightness(92%) contrast(89%)!important;
  }

  body.in-eshop.type-category:not(.vv-header-scrolled) #header .site-name img,
  body.in-eshop.type-category:not(.vv-header-scrolled) #header .logo img{
    filter:brightness(0) saturate(100%) invert(95%) sepia(9%) saturate(347%) hue-rotate(318deg) brightness(103%) contrast(96%)!important;
  }

  body.in-eshop.type-category.vv-header-scrolled #header .site-name:hover img,
  body.in-eshop.type-category.vv-header-scrolled #header .logo:hover img{
    filter:brightness(0) saturate(100%) invert(34%) sepia(19%) saturate(1694%) hue-rotate(323deg) brightness(86%) contrast(88%)!important;
  }

  body:not(.type-index) #header i,
  body:not(.type-index) #header svg,
  body:not(.type-index) #header svg *,
  body:not(.type-index) #header a::before{
    color:var(--vv-gray)!important;
    fill:var(--vv-gray)!important;
    stroke:var(--vv-gray)!important;
  }

  body.in-eshop.type-category:not(.vv-header-scrolled) #header i,
  body.in-eshop.type-category:not(.vv-header-scrolled) #header svg,
  body.in-eshop.type-category:not(.vv-header-scrolled) #header svg *,
  body.in-eshop.type-category:not(.vv-header-scrolled) #header a::before,
  body.in-eshop.type-category:not(.vv-header-scrolled) #header span[class*="icon"],
  body.in-eshop.type-category:not(.vv-header-scrolled) #header span[class*="icon"]::before{
    color:#f9f0ea!important;
    fill:#f9f0ea!important;
    stroke:#f9f0ea!important;
  }

  body:not(.type-index) #header a:hover i,
  body:not(.type-index) #header a:hover svg,
  body:not(.type-index) #header a:hover svg *,
  body:not(.type-index) #header a:hover::before{
    color:var(--vv-hover)!important;
    fill:var(--vv-hover)!important;
    stroke:var(--vv-hover)!important;
  }

  body:not(.type-index) .breadcrumbs{
    position:fixed!important;
    top:53px!important;
    left:6vw!important;
    right:auto!important;

    display:flex!important;
    align-items:center!important;
    gap:8px!important;

    width:auto!important;
    max-width:46vw!important;

    margin:0!important;
    padding:0!important;

    background:transparent!important;

    color:var(--vv-gray)!important;
    font-family:var(--vv-font)!important;
    font-size:12px!important;
    font-weight:700!important;
    letter-spacing:.08em!important;
    line-height:1.2!important;
    text-transform:uppercase!important;

    z-index:var(--vv-z-header-items)!important;
  }

  body.in-eshop.type-category .breadcrumbs{
    display:none!important;
  }

  body:not(.type-index) .breadcrumbs *,
  body:not(.type-index) .breadcrumbs a,
  body:not(.type-index) .breadcrumbs span{
    color:var(--vv-gray)!important;
    background:transparent!important;
    font-family:var(--vv-font)!important;
    text-decoration:none!important;
    transition:color .25s ease!important;
  }

  body:not(.type-index) .breadcrumbs a:hover,
  body:not(.type-index) .breadcrumbs a:focus,
  body:not(.type-index) .breadcrumbs a:hover *,
  body:not(.type-index) .breadcrumbs a:focus *{
    color:var(--vv-hover)!important;
  }

  body.type-post .breadcrumbs{
    position:absolute!important;
  }

  body.type-detail .breadcrumbs,
  body.type-product .breadcrumbs{
    top:100px!important;
    left:clamp(18px, 5vw, 92px)!important;
    right:clamp(18px, 5vw, 92px)!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:7px!important;
    width:auto!important;
    max-width:none!important;
    box-sizing:border-box!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    opacity:1!important;
    transform:translateY(0)!important;
    transition:opacity .24s ease, transform .24s ease, visibility .24s ease!important;
  }

  body.type-detail .breadcrumbs *,
  body.type-product .breadcrumbs *{
    white-space:nowrap!important;
  }

  body.type-detail .breadcrumbs a,
  body.type-detail .breadcrumbs span,
  body.type-product .breadcrumbs a,
  body.type-product .breadcrumbs span{
    display:inline-flex!important;
    align-items:center!important;
    min-width:0!important;
    max-width:220px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body.type-detail.vv-header-scrolled .breadcrumbs,
  body.type-product.vv-header-scrolled .breadcrumbs{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-12px)!important;
  }

  body.type-detail.vv-header-scrolled #header,
  body.type-product.vv-header-scrolled #header{
    background:rgba(250,242,231,.76)!important;
  }

  body:not(.type-index) #content,
  body:not(.type-index) main#content,
  body:not(.type-index) .content-wrapper-in{
    padding-top:34px!important;
  }

  body.type-detail:not(.type-index) .content-wrapper-in,
  body.type-product:not(.type-index) .content-wrapper-in{
    padding-top:86px!important;
  }

  body.type-page .content-wrapper-in{
    padding-top:128px!important;
  }

  body.type-post .content-wrapper-in{
    padding-top:124px!important;
  }

}

/* =========================
   FOCUS BOXES OFF
========================= */

:where(a,button,input,select,textarea,summary,[tabindex]){
  -webkit-tap-highlight-color:transparent;
}

:where(a,button,input,select,textarea,summary,[tabindex]):focus,
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:none!important;
  outline-width:0!important;
  outline-color:transparent!important;
  outline-offset:0!important;
}

#header a,
#header button,
#header .navigation-buttons a,
#header .top-navigation-tools a{
  outline:none!important;
  box-shadow:none!important;
}

#header a:focus,
#header a:active,
#header a:focus-visible,
#header button:focus,
#header button:active,
#header button:focus-visible,
#header .navigation-buttons a:focus,
#header .navigation-buttons a:focus-visible,
#header .top-navigation-tools a:focus,
#header .top-navigation-tools a:focus-visible{
  outline:none!important;
  box-shadow:none!important;
  border:none!important;
}

/* =========================
   HOMEPAGE STICKY STRIP
========================= */

@media(min-width:769px){

  body.type-index.vv-header-scrolled .vv-custom-menu a{
    color:var(--vv-gray)!important;
  }

  body.type-index.vv-header-scrolled #header .site-name img,
  body.type-index.vv-header-scrolled #header .logo img{
    filter:brightness(0) saturate(100%) invert(31%) sepia(24%) saturate(1452%) hue-rotate(333deg) brightness(92%) contrast(89%)!important;
  }

  body.type-index.vv-header-scrolled #header i,
  body.type-index.vv-header-scrolled #header svg,
  body.type-index.vv-header-scrolled #header svg *,
  body.type-index.vv-header-scrolled #header a::before{
    color:var(--vv-gray)!important;
    fill:var(--vv-gray)!important;
    stroke:var(--vv-gray)!important;
  }

  body.type-index.vv-header-scrolled #header a:hover i,
  body.type-index.vv-header-scrolled #header a:hover svg,
  body.type-index.vv-header-scrolled #header a:hover svg *,
  body.type-index.vv-header-scrolled #header a:hover::before,
  body.type-index.vv-header-scrolled .vv-custom-menu a:hover{
    color:var(--vv-hover)!important;
    fill:var(--vv-hover)!important;
    stroke:var(--vv-hover)!important;
  }

}

/* =========================
   PROFILE + CART ICONS
========================= */

@media(min-width:769px){

  body.type-index.vv-header-scrolled #header .navigation-buttons button.top-nav-button-login i.icon-login,
  body.type-index.vv-header-scrolled #header .navigation-buttons button.top-nav-button-login i.icon-login::before,
  body.type-index.vv-header-scrolled #header .navigation-buttons button[data-target="login"] i.icon-login,
  body.type-index.vv-header-scrolled #header .navigation-buttons button[data-target="login"] i.icon-login::before,
  body.type-index.vv-header-scrolled #header .navigation-buttons a.cart-count.full span.icon-cart,
  body.type-index.vv-header-scrolled #header .navigation-buttons a.cart-count.full span.icon-cart::before,
  body.type-index.vv-header-scrolled #header .navigation-buttons a[href*="kosik"] span.icon-cart,
  body.type-index.vv-header-scrolled #header .navigation-buttons a[href*="kosik"] span.icon-cart::before,
  body:not(.type-index) #header .navigation-buttons button.top-nav-button-login i.icon-login,
  body:not(.type-index) #header .navigation-buttons button.top-nav-button-login i.icon-login::before,
  body:not(.type-index) #header .navigation-buttons button[data-target="login"] i.icon-login,
  body:not(.type-index) #header .navigation-buttons button[data-target="login"] i.icon-login::before,
  body:not(.type-index) #header .navigation-buttons a.cart-count.full span.icon-cart,
  body:not(.type-index) #header .navigation-buttons a.cart-count.full span.icon-cart::before,
  body:not(.type-index) #header .navigation-buttons a[href*="kosik"] span.icon-cart,
  body:not(.type-index) #header .navigation-buttons a[href*="kosik"] span.icon-cart::before{
    color:var(--vv-gray)!important;
    fill:var(--vv-gray)!important;
    stroke:var(--vv-gray)!important;
    background:transparent!important;
  }

  html body.in-postupy:not(.vv-header-scrolled) #header .navigation-buttons a[data-target="search"] i.icon-search,
  html body.in-postupy:not(.vv-header-scrolled) #header .navigation-buttons a[data-target="search"] i.icon-search::before,
  html body.in-postupy:not(.vv-header-scrolled) #header .navigation-buttons button.top-nav-button-login i.icon-login,
  html body.in-postupy:not(.vv-header-scrolled) #header .navigation-buttons button.top-nav-button-login i.icon-login::before,
  html body.in-postupy:not(.vv-header-scrolled) #header .navigation-buttons button[data-target="login"] i.icon-login,
  html body.in-postupy:not(.vv-header-scrolled) #header .navigation-buttons button[data-target="login"] i.icon-login::before,
  html body.in-postupy:not(.vv-header-scrolled) #header .navigation-buttons a.cart-count span.icon-cart,
  html body.in-postupy:not(.vv-header-scrolled) #header .navigation-buttons a.cart-count span.icon-cart::before,
  html body.in-postupy:not(.vv-header-scrolled) #header .navigation-buttons a[href*="kosik"] span.icon-cart,
  html body.in-postupy:not(.vv-header-scrolled) #header .navigation-buttons a[href*="kosik"] span.icon-cart::before{
    color:#f9f0ea!important;
    -webkit-text-fill-color:#f9f0ea!important;
    fill:#f9f0ea!important;
    stroke:#f9f0ea!important;
    background:transparent!important;
  }

  body.in-eshop.type-category:not(.vv-header-scrolled) #header .navigation-buttons button.top-nav-button-login i.icon-login,
  body.in-eshop.type-category:not(.vv-header-scrolled) #header .navigation-buttons button.top-nav-button-login i.icon-login::before,
  body.in-eshop.type-category:not(.vv-header-scrolled) #header .navigation-buttons button[data-target="login"] i.icon-login,
  body.in-eshop.type-category:not(.vv-header-scrolled) #header .navigation-buttons button[data-target="login"] i.icon-login::before,
  body.in-eshop.type-category:not(.vv-header-scrolled) #header .navigation-buttons a.cart-count.full span.icon-cart,
  body.in-eshop.type-category:not(.vv-header-scrolled) #header .navigation-buttons a.cart-count.full span.icon-cart::before,
  body.in-eshop.type-category:not(.vv-header-scrolled) #header .navigation-buttons a[href*="kosik"] span.icon-cart,
  body.in-eshop.type-category:not(.vv-header-scrolled) #header .navigation-buttons a[href*="kosik"] span.icon-cart::before{
    color:#f9f0ea!important;
    fill:#f9f0ea!important;
    stroke:#f9f0ea!important;
    background:transparent!important;
  }

  body.type-index.vv-header-scrolled #header .navigation-buttons button.top-nav-button-login:hover i.icon-login,
  body.type-index.vv-header-scrolled #header .navigation-buttons button.top-nav-button-login:hover i.icon-login::before,
  body.type-index.vv-header-scrolled #header .navigation-buttons button[data-target="login"]:hover i.icon-login,
  body.type-index.vv-header-scrolled #header .navigation-buttons button[data-target="login"]:hover i.icon-login::before,
  body.type-index.vv-header-scrolled #header .navigation-buttons a.cart-count.full:hover span.icon-cart,
  body.type-index.vv-header-scrolled #header .navigation-buttons a.cart-count.full:hover span.icon-cart::before,
  body.type-index.vv-header-scrolled #header .navigation-buttons a[href*="kosik"]:hover span.icon-cart,
  body.type-index.vv-header-scrolled #header .navigation-buttons a[href*="kosik"]:hover span.icon-cart::before,
  body.type-index:not(.vv-header-scrolled) #header .navigation-buttons button.top-nav-button-login:hover i.icon-login,
  body.type-index:not(.vv-header-scrolled) #header .navigation-buttons button.top-nav-button-login:hover i.icon-login::before,
  body.type-index:not(.vv-header-scrolled) #header .navigation-buttons button[data-target="login"]:hover i.icon-login,
  body.type-index:not(.vv-header-scrolled) #header .navigation-buttons button[data-target="login"]:hover i.icon-login::before,
  body.type-index:not(.vv-header-scrolled) #header .navigation-buttons a.cart-count.full:hover span.icon-cart,
  body.type-index:not(.vv-header-scrolled) #header .navigation-buttons a.cart-count.full:hover span.icon-cart::before,
  body.type-index:not(.vv-header-scrolled) #header .navigation-buttons a[href*="kosik"]:hover span.icon-cart,
  body.type-index:not(.vv-header-scrolled) #header .navigation-buttons a[href*="kosik"]:hover span.icon-cart::before,
  body:not(.type-index) #header .navigation-buttons button.top-nav-button-login:hover i.icon-login,
  body:not(.type-index) #header .navigation-buttons button.top-nav-button-login:hover i.icon-login::before,
  body:not(.type-index) #header .navigation-buttons button[data-target="login"]:hover i.icon-login,
  body:not(.type-index) #header .navigation-buttons button[data-target="login"]:hover i.icon-login::before,
  body:not(.type-index) #header .navigation-buttons a.cart-count.full:hover span.icon-cart,
  body:not(.type-index) #header .navigation-buttons a.cart-count.full:hover span.icon-cart::before,
  body:not(.type-index) #header .navigation-buttons a[href*="kosik"]:hover span.icon-cart,
  body:not(.type-index) #header .navigation-buttons a[href*="kosik"]:hover span.icon-cart::before{
    color:var(--vv-hover)!important;
    fill:var(--vv-hover)!important;
    stroke:var(--vv-hover)!important;
    background:transparent!important;
    transform:none!important;
  }

}

@media(min-width:769px){

  body.in-eshop.type-category.vv-category-subpage:not(.vv-header-scrolled) #header .site-name img,
  body.in-eshop.type-category.vv-category-subpage:not(.vv-header-scrolled) #header .logo img,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header .site-name img,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header .logo img{
    filter:brightness(0) saturate(100%) invert(31%) sepia(24%) saturate(1452%) hue-rotate(333deg) brightness(92%) contrast(89%)!important;
  }

  body.in-eshop.type-category.vv-category-subpage:not(.vv-header-scrolled) .vv-custom-menu a,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) .vv-custom-menu a{
    color:#404041!important;
  }

  body.in-eshop.type-category.vv-category-subpage:not(.vv-header-scrolled) #header i:not([data-testid="headerCartCount"]),
  body.in-eshop.type-category.vv-category-subpage:not(.vv-header-scrolled) #header svg,
  body.in-eshop.type-category.vv-category-subpage:not(.vv-header-scrolled) #header svg *,
  body.in-eshop.type-category.vv-category-subpage:not(.vv-header-scrolled) #header a::before,
  body.in-eshop.type-category.vv-category-subpage:not(.vv-header-scrolled) #header span[class*="icon"],
  body.in-eshop.type-category.vv-category-subpage:not(.vv-header-scrolled) #header span[class*="icon"]::before,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header i:not([data-testid="headerCartCount"]),
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header svg,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header svg *,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header a::before,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header span[class*="icon"],
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header span[class*="icon"]::before{
    color:var(--vv-cream)!important;
    fill:var(--vv-cream)!important;
    stroke:var(--vv-cream)!important;
  }

  body.in-eshop.type-category.vv-category-subpage:not(.vv-header-scrolled) #header .navigation-buttons a.cart-count.full .icon-cart,
  body.in-eshop.type-category.vv-category-subpage:not(.vv-header-scrolled) #header .navigation-buttons a.cart-count.full .icon-cart::before,
  body.in-eshop.type-category.vv-category-subpage:not(.vv-header-scrolled) #header .navigation-buttons a[href*="kosik"] span.icon-cart,
  body.in-eshop.type-category.vv-category-subpage:not(.vv-header-scrolled) #header .navigation-buttons a[href*="kosik"] span.icon-cart::before,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header .navigation-buttons a.cart-count.full .icon-cart,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header .navigation-buttons a.cart-count.full .icon-cart::before,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header .navigation-buttons a[href*="kosik"] span.icon-cart,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header .navigation-buttons a[href*="kosik"] span.icon-cart::before{
    color:var(--vv-cream)!important;
    fill:var(--vv-cream)!important;
    stroke:var(--vv-cream)!important;
    background:transparent!important;
  }

}

@media(min-width:769px){
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header .site-name img,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header .logo img{
    filter:brightness(0) saturate(100%) invert(97%) sepia(7%) saturate(532%) hue-rotate(318deg) brightness(102%) contrast(96%)!important;
  }

  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) .vv-custom-menu a{
    color:#faf2e7!important;
  }

  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header i,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header svg,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header svg *,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header a::before,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header span[class*="icon"],
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header span[class*="icon"]::before,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header .navigation-buttons a.cart-count.full .icon-cart,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header .navigation-buttons a.cart-count.full .icon-cart::before,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header .navigation-buttons a[href*="kosik"] span.icon-cart,
  body.in-eshop.type-category.vv-category-leaf:not(.vv-header-scrolled) #header .navigation-buttons a[href*="kosik"] span.icon-cart::before{
    color:#faf2e7!important;
    fill:#faf2e7!important;
    stroke:#faf2e7!important;
    background:transparent!important;
  }

  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header .site-name img,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header .logo img{
    filter:brightness(0) saturate(100%) invert(20%) sepia(0%) saturate(0%) hue-rotate(201deg) brightness(95%) contrast(86%)!important;
  }

  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled .vv-custom-menu a{
    color:#404041!important;
  }

  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header i,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header svg,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header svg *,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header a::before,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header span[class*="icon"],
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header span[class*="icon"]::before,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header .navigation-buttons a.cart-count.full .icon-cart,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header .navigation-buttons a.cart-count.full .icon-cart::before,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header .navigation-buttons a[href*="kosik"] span.icon-cart,
  body.in-eshop.type-category.vv-category-leaf.vv-header-scrolled #header .navigation-buttons a[href*="kosik"] span.icon-cart::before{
    color:#404041!important;
    fill:#404041!important;
    stroke:#404041!important;
    background:transparent!important;
  }
}

/* Postupy – finální pořadí: stejná horní lišta jako Příze, bez světlého pruhu nad hero. */
@media(min-width:769px){
  html body.in-postupy:not(.vv-header-scrolled) #header,
  html body.in-postupy:not(.vv-header-scrolled) #header .header-top,
  html body.in-postupy:not(.vv-header-scrolled) #header .header-bottom,
  html body.in-postupy:not(.vv-header-scrolled) #header .navigation-wrapper,
  html body.in-postupy:not(.vv-header-scrolled) #navigation{
    background:transparent!important;
    background-color:transparent!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }

  html body.in-postupy:not(.vv-header-scrolled) #header::after{
    content:none!important;
    display:none!important;
  }

  html body.in-postupy:not(.vv-header-scrolled) #header .site-name img,
  html body.in-postupy:not(.vv-header-scrolled) #header .logo img{
    filter:brightness(0) saturate(100%) invert(95%) sepia(9%) saturate(347%) hue-rotate(318deg) brightness(103%) contrast(96%)!important;
    -webkit-filter:brightness(0) saturate(100%) invert(95%) sepia(9%) saturate(347%) hue-rotate(318deg) brightness(103%) contrast(96%)!important;
    opacity:1!important;
    visibility:visible!important;
    mix-blend-mode:normal!important;
  }

  html body.in-postupy:not(.vv-header-scrolled) .vv-custom-menu{
    display:flex!important;
  }

  html body.in-postupy:not(.vv-header-scrolled) .vv-custom-menu a,
  html body.in-postupy:not(.vv-header-scrolled) #navigation .menu-level-1 > li > a,
  html body.in-postupy:not(.vv-header-scrolled) #header .menu-helper .menu-level-1 > li > a,
  html body.in-postupy:not(.vv-header-scrolled) #header .site-name a,
  html body.in-postupy:not(.vv-header-scrolled) #header .logo a,
  html body.in-postupy:not(.vv-header-scrolled) #header .navigation-buttons,
  html body.in-postupy:not(.vv-header-scrolled) #header .navigation-buttons a,
  html body.in-postupy:not(.vv-header-scrolled) #header .navigation-buttons button,
  html body.in-postupy:not(.vv-header-scrolled) #header .navigation-buttons i,
  html body.in-postupy:not(.vv-header-scrolled) #header .navigation-buttons i::before,
  html body.in-postupy:not(.vv-header-scrolled) #header .navigation-buttons span[class*="icon"],
  html body.in-postupy:not(.vv-header-scrolled) #header .navigation-buttons span[class*="icon"]::before,
  html body.in-postupy:not(.vv-header-scrolled) #header .navigation-buttons svg,
  html body.in-postupy:not(.vv-header-scrolled) #header .navigation-buttons svg *,
  html body.in-postupy:not(.vv-header-scrolled) #header a::before,
  html body.in-postupy:not(.vv-header-scrolled) #header button::before{
    color:#f9f0ea!important;
    -webkit-text-fill-color:#f9f0ea!important;
    fill:#f9f0ea!important;
    stroke:#f9f0ea!important;
    border-color:#f9f0ea!important;
    background:transparent!important;
    text-shadow:none!important;
    opacity:1!important;
    mix-blend-mode:normal!important;
  }

  html body.in-postupy:not(.vv-header-scrolled) #header .navigation-buttons button.top-nav-button-login i.icon-login::after,
  html body.in-postupy:not(.vv-header-scrolled) #header .navigation-buttons button[data-target="login"] i.icon-login::after,
  html body.in-postupy:not(.vv-header-scrolled) #header .navigation-buttons a.cart-count span.icon-cart::after,
  html body.in-postupy:not(.vv-header-scrolled) #header .navigation-buttons a[href*="kosik"] span.icon-cart::after{
    color:#f9f0ea!important;
    -webkit-text-fill-color:#f9f0ea!important;
    opacity:0!important;
    text-shadow:none!important;
    mix-blend-mode:normal!important;
  }

  html body.in-postupy.vv-header-scrolled #header{
    background:rgba(250,242,231,.70)!important;
    background-color:rgba(250,242,231,.70)!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:blur(12px)!important;
    backdrop-filter:blur(12px)!important;
    overflow:visible!important;
  }

  html body.in-postupy.vv-header-scrolled #header::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:100%!important;
    height:26px!important;
    pointer-events:none!important;
    background:linear-gradient(to bottom, rgba(250,242,231,.22) 0%, rgba(250,242,231,.08) 45%, rgba(250,242,231,0) 100%)!important;
    -webkit-backdrop-filter:blur(8px)!important;
    backdrop-filter:blur(8px)!important;
    opacity:.5!important;
    z-index:-1!important;
  }

  html body.in-postupy.vv-header-scrolled #header .site-name img,
  html body.in-postupy.vv-header-scrolled #header .logo img{
    filter:brightness(0) saturate(100%) invert(31%) sepia(24%) saturate(1452%) hue-rotate(333deg) brightness(92%) contrast(89%)!important;
    -webkit-filter:brightness(0) saturate(100%) invert(31%) sepia(24%) saturate(1452%) hue-rotate(333deg) brightness(92%) contrast(89%)!important;
  }

  html body.in-postupy.vv-header-scrolled .vv-custom-menu a,
  html body.in-postupy.vv-header-scrolled #navigation .menu-level-1 > li > a,
  html body.in-postupy.vv-header-scrolled #header .menu-helper .menu-level-1 > li > a,
  html body.in-postupy.vv-header-scrolled #header .navigation-buttons a,
  html body.in-postupy.vv-header-scrolled #header .navigation-buttons button,
  html body.in-postupy.vv-header-scrolled #header .navigation-buttons i,
  html body.in-postupy.vv-header-scrolled #header .navigation-buttons i::before,
  html body.in-postupy.vv-header-scrolled #header .navigation-buttons span[class*="icon"],
  html body.in-postupy.vv-header-scrolled #header .navigation-buttons span[class*="icon"]::before,
  html body.in-postupy.vv-header-scrolled #header .navigation-buttons svg,
  html body.in-postupy.vv-header-scrolled #header .navigation-buttons svg *,
  html body.in-postupy.vv-header-scrolled #header a::before,
  html body.in-postupy.vv-header-scrolled #header button::before{
    color:var(--vv-gray)!important;
    -webkit-text-fill-color:var(--vv-gray)!important;
    fill:var(--vv-gray)!important;
    stroke:var(--vv-gray)!important;
    background:transparent!important;
    text-shadow:none!important;
  }

  html body.in-postupy.type-category #content,
  html body.in-postupy.type-category main#content,
  html body.in-postupy.type-category .content-wrapper,
  html body.in-postupy.type-category .content-wrapper-in,
  html body.in-postupy.type-category .content-in,
  html body.in-postupy.type-category .content,
  html body.in-postupy.type-category .content-inner,
  html body.in-postupy.type-category .content-inner-in,
  html body.in-postupy.type-category .category-top{
    margin-top:0!important;
    padding-top:0!important;
  }

  html body.in-postupy.type-category .vv-category-hero{
    margin-top:0!important;
  }
}

/* Legal/returns breadcrumbs share the bottom edge of the logo and header icons. */
@media(min-width:769px){
  html body:is(.vv-legal-article-page,.vv-withdrawal-page) .breadcrumbs{
    top:55px!important;
    transform:translateY(-100%)!important;
    max-width:calc(44vw - 115px)!important;
    flex-wrap:nowrap!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }
  html body:is(.vv-legal-article-page,.vv-withdrawal-page) .breadcrumbs > span:last-child{
    min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  html body:is(.vv-legal-article-page,.vv-withdrawal-page) #header .navigation-buttons{
    top:25px!important;bottom:auto!important;
  }
}
html body > .vv-shop-home-link[hidden]{display:none!important;}

/* Guide headers sit directly over the hero until the visitor scrolls. */
html body:is(.in-vyber-si-spravnou-prizi,.in-jak-vybrat-hacek,.in-hackovaci-pomocnici):not(.vv-header-scrolled) #header,
html body:is(.in-vyber-si-spravnou-prizi,.in-jak-vybrat-hacek,.in-hackovaci-pomocnici):not(.vv-header-scrolled) #header .header-top,
html body:is(.in-vyber-si-spravnou-prizi,.in-jak-vybrat-hacek,.in-hackovaci-pomocnici):not(.vv-header-scrolled) #header .header-bottom,
html body:is(.in-vyber-si-spravnou-prizi,.in-jak-vybrat-hacek,.in-hackovaci-pomocnici):not(.vv-header-scrolled) #header .navigation-wrapper{
  background:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body:is(.in-vyber-si-spravnou-prizi,.in-jak-vybrat-hacek,.in-hackovaci-pomocnici):not(.vv-header-scrolled) #header::before,
html body:is(.in-vyber-si-spravnou-prizi,.in-jak-vybrat-hacek,.in-hackovaci-pomocnici):not(.vv-header-scrolled) #header::after{
  content:none!important;display:none!important;
  background:transparent!important;box-shadow:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}

@media(max-width:768px){
  html:has(body:is(.in-vyber-si-spravnou-prizi,.in-jak-vybrat-hacek,.in-hackovaci-pomocnici):not(.vv-header-scrolled))::before{
    content:none!important;display:none!important;
    background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  }
  html body:is(.in-vyber-si-spravnou-prizi,.in-jak-vybrat-hacek,.in-hackovaci-pomocnici) .overall-wrapper{
    padding-top:0!important;
  }
}

/* Shop-home shortcut, independent of the brand logo and page-specific menus. */
html body > .vv-shop-home-link{
  position:fixed;top:24px;left:max(4px,calc(6vw - 48px));
  display:flex;align-items:center;justify-content:center;width:44px;height:44px;
  padding:10px;margin:0;border:0;background:transparent;box-shadow:none;
  color:var(--vv-gray,#4e4e4f);text-decoration:none;line-height:1;
  z-index:2147483647;pointer-events:auto;touch-action:manipulation;
}
html body > .vv-shop-home-link svg{
  display:block;width:16px;height:16px;fill:none;stroke:currentColor;
  stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
}
html body > .vv-shop-home-link:hover{color:var(--vv-hover,#9e352f);}
html body > .vv-shop-home-link:focus-visible{
  outline:2px solid currentColor;outline-offset:0;border-radius:7px;
}
@media(min-width:769px){
  html body.in-postupy:not(.vv-header-scrolled) > .vv-shop-home-link,
  html body.in-eshop.type-category:not(.vv-header-scrolled) > .vv-shop-home-link{color:#f9f0ea;}
}
@media(max-width:768px){
  html body > .vv-shop-home-link{top:12px;left:166px;}
}
html body.search-window-visible > .vv-shop-home-link,
html body.vv-search-open > .vv-shop-home-link{display:none;}

/* Jediný globální vlastník vzhledu badge plného košíku.
   Stránková pravidla smějí měnit barvu ikon, ne samotnou badge. */
html body #header .navigation-buttons a.cart-count.full i[data-testid="headerCartCount"],
html body #header .navigation-buttons a.cart-count.full:hover i[data-testid="headerCartCount"]{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#ac4d43!important;
  color:var(--vv-cream)!important;
  -webkit-text-fill-color:var(--vv-cream)!important;
  fill:var(--vv-cream)!important;
  stroke:var(--vv-cream)!important;
  border:none!important;
  border-radius:50%!important;
  box-shadow:none!important;
  opacity:1!important;
  transform:none!important;
}