/*! @kb paint | cookies first, then header (LS cache = anti-FOUC header) */
/* Classic submenu/currency nikdy v document flow — jen hover/open (Blank FOUC) */
#navigation .menu-level-2,#navigation .menu-level-3{display:none!important}
#navigation .menu-level-1>li:hover>.menu-level-2,#navigation .menu-level-1>li.exp>.menu-level-2,#navigation .menu-level-1>li.hover>.menu-level-2,#navigation .menu-level-1>li.kb-mega-open>.menu-level-2,#navigation .menu-level-1>li[data-kb-mega].kb-mega-open>.menu-level-2{display:block!important}
.dropdown-menu{display:none!important}
.dropdown.open>.dropdown-menu,.kb-currency .dropdown.open>.dropdown-menu,[data-testid=topnavCurrencyDropdown].open>.dropdown-menu{display:block!important}
/* Outfit latin + latin-ext (čeština) — dřív jen latin v Záhlaví po zkrácení 8k → špatná diakritika */
@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJuktqUYLkn8BJ.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:optional;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJuktqUYLkn8BJ.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtqUYLknw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:optional;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtqUYLknw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* --- Cookies Design I (native DOM, před kb-core / enhance) --- */
.siteCookies,.js-siteCookies,.siteCookies.siteCookies--bottom{
  position:fixed!important;left:0!important;right:0!important;bottom:0!important;
  width:100%!important;margin:0!important;transform:none!important;padding:0!important;
  z-index:10050;box-sizing:border-box;overflow:hidden;pointer-events:auto;
  font-family:Outfit,Helvetica,Arial,sans-serif;
  background:
    radial-gradient(120% 140% at 8% 120%,rgba(196,128,80,.14),transparent 42%),
    radial-gradient(90% 120% at 92% 0%,rgba(252,242,236,.7),transparent 46%),
    rgba(255,253,251,.97)!important;
  border-top:none;
  box-shadow:0 -18px 44px -26px rgba(39,29,22,.3);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)
}
.siteCookies.siteCookies--bottom::before,.siteCookies.js-siteCookies::before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(196,128,80,.35) 22%,rgba(232,221,212,.9) 50%,rgba(196,128,80,.35) 78%,transparent);
  pointer-events:none
}
.siteCookies .siteCookies__form{
  position:relative;z-index:1;display:flex!important;flex-direction:column!important;
  align-items:stretch;gap:16px;width:100%;
  max-width:min(1600px,calc(100vw - 64px))!important;margin:0 auto!important;
  padding:24px 28px calc(24px + env(safe-area-inset-bottom,0px))!important;
  padding-left:clamp(28px,5vw,56px)!important;padding-right:clamp(28px,5vw,56px)!important;
  background:transparent!important;border:none!important;border-radius:0!important;
  box-shadow:none!important;box-sizing:border-box
}
@media (min-width:768px){
  .siteCookies .siteCookies__form{
    flex-direction:row!important;align-items:center;gap:36px;min-height:108px;
    padding-top:34px!important;padding-bottom:calc(34px + env(safe-area-inset-bottom,0px))!important
  }
  .siteCookies .siteCookies__buttonWrap{width:auto!important;flex:0 0 auto}
  .siteCookies .kb-cookie-actions{width:auto!important;margin-left:auto!important;gap:14px}
  .siteCookies .siteCookies__button,
  .siteCookies .siteCookies__button.js-cookiesConsentSubmit{
    flex:0 1 auto!important;width:auto!important;min-width:108px;min-height:44px;font-size:13px!important
  }
}
.siteCookies .siteCookies__content{flex:1 1 auto;min-width:min(100%,280px)}
.siteCookies .siteCookies__text{
  margin:0!important;font-size:14px;line-height:1.6;color:#271d16;text-align:left;
  max-width:100%;box-sizing:border-box
}
.siteCookies .siteCookies__text p{margin:0;color:#271d16;max-width:100%}
.siteCookies .siteCookies__text a{
  color:#c48050!important;text-decoration:underline;text-decoration-color:rgba(196,128,80,.4);
  text-underline-offset:3px
}
.siteCookies .siteCookies__buttonWrap{
  display:flex!important;flex-direction:row!important;flex-wrap:nowrap;
  align-items:stretch;justify-content:flex-end;gap:14px;margin:0!important;padding:0!important;
  width:auto!important;flex:0 0 auto
}
.siteCookies .kb-cookie-actions{
  display:flex!important;flex-wrap:nowrap;align-items:stretch;gap:10px;
  width:auto!important;flex:0 0 auto;margin:0!important;padding:0!important;
  margin-left:auto!important
}
@media (min-width:768px){
  .siteCookies .kb-cookie-actions{width:auto!important;margin-left:auto!important;gap:14px}
}
.siteCookies .siteCookies__button,
.siteCookies .siteCookies__button.js-cookiesConsentSubmit{
  flex:0 1 auto;width:auto!important;min-width:108px;min-height:44px;margin:0!important;
  padding:0 16px!important;border-radius:999px!important;border:1.5px solid transparent;
  font-family:Outfit,Helvetica,Arial,sans-serif;font-size:13px;font-weight:600;
  line-height:1.2!important;letter-spacing:.01em;white-space:nowrap;cursor:pointer
}
.siteCookies .siteCookies__button[value=all],
.siteCookies .siteCookies__button--accept,
.siteCookies .js-cookiesConsentSubmit:not([value=reject]):not([value=none]){
  background:#c48050!important;border-color:#c48050!important;color:#fff!important
}
.siteCookies .siteCookies__button[value=reject],
.siteCookies .siteCookies__button[value=none],
.siteCookies .siteCookies__button--reject{
  background:transparent!important;border-color:rgba(39,29,22,.16)!important;
  color:rgba(39,29,22,.62)!important;font-weight:500
}
.siteCookies .siteCookies__links{margin:0;padding:0}
.siteCookies .siteCookies__link.js-cookies-settings,
.siteCookies .js-cookies-settings{
  display:inline!important;background:transparent!important;border:none!important;
  color:rgba(39,29,22,.62)!important;font-size:14px!important;font-weight:400!important;
  text-decoration:underline!important;text-decoration-color:rgba(39,29,22,.28)!important;
  text-underline-offset:3px;padding:0!important;cursor:pointer;box-shadow:none!important
}
@media (max-width:767px){
  .siteCookies .siteCookies__form{
    gap:16px;max-width:none!important;
    padding:20px 16px calc(18px + env(safe-area-inset-bottom,0px))!important
  }
  .siteCookies .siteCookies__content{min-width:0;width:100%}
  .siteCookies .siteCookies__buttonWrap,
  .siteCookies .kb-cookie-actions{
    width:100%!important;justify-content:stretch!important;gap:10px;margin-left:0!important
  }
  .siteCookies .siteCookies__button,
  .siteCookies .siteCookies__button.js-cookiesConsentSubmit{
    flex:1 1 0!important;min-height:48px!important;padding:0 14px!important;font-size:14px!important
  }
  .siteCookies.siteCookies--bottom::after,.siteCookies.js-siteCookies::after{display:none}
}
.top-navigation-bar{display:none!important}
#header{
  position:relative!important;z-index:10050;overflow:visible!important;
  background:#fffdfb!important;border-bottom:1px solid rgba(39,29,22,.12);
  margin:0;min-height:64px;box-sizing:border-box
}
@media (min-width:1024px){#header{min-height:100px}}
#header .navigation-wrapper,#navigation{border-bottom:none!important}
#header .site-name img{display:none!important;max-height:0!important;width:0!important;height:0!important}
/*
 * Logo LOCK — SVG wordmark. viewBox 180×20 (tracking .11em → větší glyphy v sloupci).
 * Desktop h=22 → w=198.
 */
#header .site-name a,
#header .site-name a[data-kb-text-logo="1"]{
  display:inline-block!important;box-sizing:content-box!important;
  width:198px!important;height:22px!important;max-width:100%;
  margin:0 auto;padding:0!important;
  font-size:0!important;line-height:0!important;color:transparent!important;
  text-indent:-9999px;overflow:hidden;text-decoration:none!important;vertical-align:middle;
  background:url(/user/documents/upload/nova-sablona-nemazat/img/logo/kocos-beauty-wordmark.svg?v=136) center/contain no-repeat!important
}
#header .site-name a::before,
#header .site-name a::after{content:none!important;display:none!important}
#header .site-name a>*{display:none!important}
@media (max-width:1023px){
  #header{min-height:60px}
  #header .site-name-wrapper{
    transform:translateX(0);overflow:hidden!important;width:100%;max-width:100%;min-width:0
  }
  #header .site-name{overflow:hidden!important;max-width:100%!important;width:100%!important}
  #header .site-name a,#header .site-name a[data-kb-text-logo="1"]{
    /* mobil: 100% středu — ne fixed 207 (překrývalo ikony); h=22 */
    display:block!important;box-sizing:border-box!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    height:22px!important;min-height:22px!important;max-height:22px!important;
    aspect-ratio:auto;overflow:hidden!important;
    background-size:contain!important;background-position:center!important;
    margin:0 auto!important
  }
  /* pad 8/4 + ikony 48 ≈ 60; gap ikon 0; sloupec gap 6 */
  #header .header-top{
    padding:8px 12px 4px!important;gap:6px!important;align-items:center!important
  }
  #header .navigation-buttons{gap:0!important}
  #header .kb-mobile-ham,
  #header .kb-search-toggle,
  #header .kb-login-toggle,
  #header .kb-icon-btn,
  #header .navigation-buttons .kb-icon-btn,
  #header .navigation-buttons .btn.cart-count,
  #header .navigation-buttons a.cart-count{
    width:48px!important;height:48px!important;min-width:48px!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    padding:0!important;margin:0!important;top:auto!important;transform:none!important
  }
  #header .kb-cart-icon{width:48px!important;height:48px!important;min-width:48px!important}
  #header .kb-login-toggle{display:none!important}
}
@media (max-width:390px){
  #header .site-name-wrapper{transform:translateX(0)}
}
@media (min-width:1024px){
  #header .header-top{
    display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;
    gap:12px;max-width:1152px;width:100%!important;margin:0 auto!important;
    padding:16px 20px 12px!important;box-sizing:border-box;flex-wrap:nowrap!important
  }
  #header .site-name-wrapper{grid-column:2;justify-self:center;text-align:center;transform:translateY(2px)}
  #header .navigation-buttons{
    grid-column:3;justify-self:end;display:flex!important;align-items:center;
    justify-content:flex-end;gap:6px
  }
  /*
   * L1 nav LOCK in paint (LS-cache) — Classic splitMenu/fitted jinak postupně
   * odkrývá .splitted → CLS. Finální flex + typo TADY, ne až v kb-core.
   */
  #navigation{padding:0!important;border-bottom:none!important;overflow:visible!important;height:auto!important;width:100%!important;position:static!important;background:#fffdfb!important}
  #navigation .navigation-in,#navigation .menu{
    position:static!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;
    transform:none!important;display:flex!important;justify-content:center;overflow:visible!important
  }
  #navigation .menu-level-1{
    display:flex!important;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 24px;
    margin:0 auto!important;padding:0 20px!important;list-style:none;box-sizing:border-box;
    position:static!important;left:auto!important;width:100%!important;max-width:1152px!important;
    height:auto!important;transform:none!important
  }
  #navigation .menu-level-1>li:not([data-kb-brands-dup]),
  #navigation .menu-level-1>li.splitted:not([data-kb-brands-dup]){
    float:none!important;display:block!important;visibility:visible!important;opacity:1!important;
    pointer-events:auto!important;position:relative!important;left:auto!important;top:auto!important;
    border:0!important;width:auto!important;height:auto!important;transform:none!important;
    margin:0!important;padding:0!important
  }
  #navigation .menu-level-1>li.splitted>a{visibility:visible!important;opacity:1!important;pointer-events:auto!important}
  #navigation .menu-level-1>li.appended-category,
  #navigation .menu-level-1>li[data-kb-brands-dup="1"]{
    display:none!important;visibility:hidden!important;pointer-events:none!important;
    width:0!important;height:0!important;margin:0!important;padding:0!important;overflow:hidden!important
  }
  #navigation .menu-level-1>li>a,
  #navigation .menu-level-1>li>a:hover,
  #navigation .menu-level-1>li>a:focus,
  #navigation .menu-level-1>li.exp>a,
  #navigation .menu-level-1>li.active>a{
    display:inline-flex!important;align-items:center;gap:4px;margin:0!important;padding:2px 0 16px!important;
    border:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;
    font-family:Outfit,Helvetica,Arial,sans-serif!important;font-size:13px!important;font-weight:400!important;
    letter-spacing:.14em!important;text-transform:none!important;line-height:1.3!important;
    text-decoration:none!important;transform:none!important;color:#271d16!important;-webkit-text-fill-color:#271d16!important
  }
  #navigation .menu-level-1>li>a b,#navigation .menu-level-1>li>a span{
    font-family:inherit!important;font-weight:400!important;color:inherit!important;-webkit-text-fill-color:inherit!important
  }
  #navigation .menu-level-1>li>a::before{display:none!important}
  /* L1 chevron early — Classic .ext; bez čekání na kb-mega/kb-custom (anti-CLS) */
  #navigation .menu-level-1>li.ext:not(.appended-category)>a{
    display:inline-flex!important;align-items:center;gap:4px
  }
  #navigation .menu-level-1>li.ext:not(.appended-category)>a::after{
    content:""!important;display:block!important;width:13px!important;height:13px!important;
    margin:0!important;flex:0 0 13px;opacity:.55;color:#886964;background-color:currentColor;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/13px 13px no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/13px 13px no-repeat
  }
  #navigation .menu-level-1>li>a[href="/rutina/"]::after,
  #navigation .menu-level-1>li>a[href="/rutina"]::after{display:none!important}
  #navigation .menu-level-1>li>a .submenu-arrow,
  #navigation .menu-level-1>li>a .kb-nav-chevron{display:none!important}
  .menu-helper,.menu-helper.visible,#navigation .menu-helper,.navigation-wrapper>.menu-helper{
    display:none!important;visibility:hidden!important;pointer-events:none!important;
    width:0!important;height:0!important;overflow:hidden!important;opacity:0!important
  }
}
/* Anti-FOUC: schovat nav ikony, dokud kb-park nevloží search+cart (ne Classic→SVG blik) */
#header .navigation-buttons{visibility:hidden}
html.kb-hdr-icons #header .navigation-buttons{visibility:visible}
#header .kb-icon-btn:not(.kb-mobile-ham),
#header .navigation-buttons>a:not(.cart-count),
#header .navigation-buttons>button:not(.cart-count){
  display:inline-flex!important;align-items:center;justify-content:center;
  width:36px;height:36px;border-radius:999px;color:#271d16;background:transparent;
  border:0;box-shadow:none;text-decoration:none;padding:0;cursor:pointer
}
#header .kb-icon-btn svg{display:block;width:19px;height:19px}
/* Classic cart glyph OFF; než doběhne SVG stub → CSS mask basket (anti-FOUC) */
#header .navigation-buttons .cart-count::before{
  display:none!important;content:none!important;background:none!important
}
#header .navigation-buttons .cart-count:not(:has(.kb-cart-icon))::after{
  content:""!important;display:block!important;width:19px;height:19px;margin:0 8.5px;
  flex:0 0 19px;background-color:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 11 4-7'/%3E%3Cpath d='m19 11-4-7'/%3E%3Cpath d='M2 11h20'/%3E%3Cpath d='m3.5 11 1.6 7.4a2 2 0 0 0 2 1.6h9.8a2 2 0 0 0 2-1.6l1.7-7.4'/%3E%3C/svg%3E") center/19px 19px no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 11 4-7'/%3E%3Cpath d='m19 11-4-7'/%3E%3Cpath d='M2 11h20'/%3E%3Cpath d='m3.5 11 1.6 7.4a2 2 0 0 0 2 1.6h9.8a2 2 0 0 0 2-1.6l1.7-7.4'/%3E%3C/svg%3E") center/19px 19px no-repeat
}
#header .navigation-buttons .cart-count:has(.kb-cart-icon)::after{
  display:none!important;content:none!important
}
#header .navigation-buttons .btn.cart-count,
#header .navigation-buttons a.cart-count,
#header .navigation-buttons [data-testid=headerCart]{
  position:relative!important;top:auto!important;right:auto!important;left:auto!important;
  display:inline-flex!important;align-items:center;gap:8px;width:auto!important;
  height:36px!important;padding:0!important;margin:0!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
  color:#271d16!important;text-decoration:none!important;border-radius:0!important
}
#header .kb-cart-icon{
  display:grid;place-items:center;width:36px;height:36px;min-width:36px;flex-shrink:0
}
#header .kb-cart-icon svg{display:block;width:19px;height:19px}
#header .navigation-buttons .cart-count .cart-price{
  font-family:Outfit,Helvetica,Arial,sans-serif!important;
  font-size:13px!important;font-weight:500;letter-spacing:.01em;color:#271d16;line-height:1;
  white-space:nowrap
}
@media (max-width:1023px){#header .cart-price{display:none!important}}
/* Měna — pill hned po early move (kb-paint-dom), ne až kb-core */
#header .kb-header-left{
  display:flex;align-items:center;gap:8px;min-height:36px
}
@media (min-width:1024px){
  #header .kb-header-left{grid-column:1;justify-self:start}
}
#header .kb-currency .dropdown,
#header .kb-currency [data-testid=topnavCurrencyDropdown]{position:relative;display:inline-flex}
/* Lovable HeaderI currency — CZK = lila · Outfit 10px / 500 / tracking 0.14em
 * (paint dřív měl ink+#600 → špatná barva/font proti Lovable) */
#header .kb-currency button,
#header .kb-currency #topNavigationDropdown{
  display:inline-flex!important;align-items:center;gap:6px;
  height:auto;padding:4px 8px 4px 12px;border-radius:999px;
  border:1px solid rgba(39,29,22,.12);background:transparent;
  color:#c48050!important;-webkit-text-fill-color:#c48050!important;
  font-family:Outfit,Helvetica,Arial,sans-serif!important;
  font-size:10px!important;font-weight:500!important;letter-spacing:.14em;
  text-transform:uppercase;line-height:1;cursor:pointer;box-shadow:none
}
#header .kb-currency .kb-currency-chev{color:#886964!important}
#header .kb-currency .caret{display:none!important}
#header .kb-currency .kb-currency-chev-wrap{display:inline-flex;line-height:0}
#header .kb-currency .kb-currency-chev{display:block}
#header .kb-currency>span:first-child:not(.kb-currency-chev-wrap):not(.caret){display:none!important}
/* Lovable HeaderI lg:hidden — ham jen ≤1023; jinak paint .kb-icon-btn drží ham na desktopu */
#header .kb-mobile-ham{display:none!important}
@media (max-width:1023px){
  #header .kb-mobile-ham{
    display:inline-flex!important;align-items:center;justify-content:center;
    width:48px;height:48px;border-radius:999px;color:#271d16;background:transparent;border:0
  }
  #header .kb-currency{display:none!important}
}
/* Anti-FOUC PLP: Classic „Otevřít filtr“ / inline filtry — pryč hned (ne až kb-plp.js) */
body.type-category .filters-unveil-button-wrapper,
body.type-manufacturer .filters-unveil-button-wrapper,
body.type-manufacturer-detail .filters-unveil-button-wrapper,
body.type-vendor .filters-unveil-button-wrapper,
body.type-search .filters-unveil-button-wrapper,
body.in-search .filters-unveil-button-wrapper,
body.in-hledani .filters-unveil-button-wrapper{
  display:none!important;visibility:hidden!important;height:0!important;margin:0!important;
  padding:0!important;overflow:hidden!important;border:0!important
}
@media (max-width:991px){
  body.type-category:not(.kb-plp-filters-ready) #filters,
  body.type-category:not(.kb-plp-filters-ready) #category-filter-hover,
  body.type-manufacturer:not(.kb-plp-filters-ready) #filters,
  body.type-manufacturer-detail:not(.kb-plp-filters-ready) #filters,
  body.type-vendor:not(.kb-plp-filters-ready) #filters,
  body.type-search:not(.kb-plp-filters-ready) #filters,
  body.in-search:not(.kb-plp-filters-ready) #filters,
  body.in-hledani:not(.kb-plp-filters-ready) #filters,
  body.type-category:not(.kb-plp-filters-ready) .filter-section-button,
  body.type-manufacturer:not(.kb-plp-filters-ready) .filter-section-button,
  body.type-manufacturer-detail:not(.kb-plp-filters-ready) .filter-section-button{
    position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;
    overflow:hidden!important;clip:rect(0,0,0,0)!important;pointer-events:none!important;
    visibility:hidden!important
  }
}