#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;
}

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.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;

    background:var(--vv-red)!important;
    color:var(--vv-cream)!important;
    fill:var(--vv-cream)!important;
    stroke:var(--vv-cream)!important;

    border:none!important;
    border-radius:50%!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:not(.type-index) #content,
  body:not(.type-index) main#content,
  body:not(.type-index) .content-wrapper-in{
    padding-top:34px!important;
  }

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

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

}

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

#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;
  }

  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;
  }

}

/* číslo košíku zůstává světlé */

@media(min-width:769px){

  #header .navigation-buttons .cart-count i[data-testid="headerCartCount"],
  #header .navigation-buttons .cart-count:hover i[data-testid="headerCartCount"],
  body.type-index.vv-header-scrolled #header .navigation-buttons .cart-count i[data-testid="headerCartCount"],
  body.type-index.vv-header-scrolled #header .navigation-buttons .cart-count:hover i[data-testid="headerCartCount"],
  body:not(.type-index) #header .navigation-buttons .cart-count i[data-testid="headerCartCount"],
  body:not(.type-index) #header .navigation-buttons .cart-count:hover i[data-testid="headerCartCount"]{
    color:var(--vv-cream)!important;
    fill:var(--vv-cream)!important;
    stroke:var(--vv-cream)!important;
    transform:none!important;
  }

}