/* Kuningaskalastaja UI 0.10 navigation enhancements.
 * Additive overrides only: the original 0.9.9 header remains the fallback.
 */
.kkui-navigation-enhanced {
  --kkui-nav-ink:#12383f;
  --kkui-nav-muted:#668087;
  --kkui-nav-line:#e7eeee;
  --kkui-nav-soft:#f3f8f7;
  --kkui-nav-accent:#07845f;
}
.kkui-navigation-enhanced svg { width:22px; height:22px; display:block; }
.kkui-navigation-enhanced .kkui-header-preview__mobile-toggle {
  font-size:0;
  border-radius:11px;
}
.kkui-navigation-enhanced .kkui-header-preview__mobile-toggle svg { width:25px; height:25px; }
.kkui-navigation__cart-icon { position:relative; display:grid!important; place-items:center; min-width:32px; min-height:32px; }
.kkui-navigation__cart-icon svg { width:27px; height:27px; }
.kkui-navigation__cart-badge {
  position:absolute;
  top:-6px;
  right:-8px;
  min-width:19px;
  height:19px;
  display:grid;
  place-items:center;
  padding:0 5px;
  border:2px solid #07586b;
  border-radius:999px;
  background:#f3b51b;
  color:#15363d;
  font-size:10px;
  font-weight:900;
  line-height:1;
  box-sizing:border-box;
}
.kkui-navigation__cart-badge[hidden] { display:none!important; }

@media (max-width:1370px) {
  .kkui-navigation-enhanced .kkui-header-preview__mobile-panel {
    width:min(92vw,420px);
    max-width:420px;
    background:#fff;
    box-shadow:-18px 0 45px rgba(3,26,31,.18);
  }
  .kkui-navigation-enhanced .kkui-header-preview__mobile-view {
    min-height:100%;
    padding-bottom:0;
  }
  .kkui-navigation-enhanced .kkui-header-preview__mobile-head {
    min-height:72px;
    padding:12px 16px;
    border-bottom:1px solid var(--kkui-nav-line);
    background:#fff;
  }
  .kkui-navigation-enhanced .kkui-header-preview__mobile-head button {
    width:44px;
    height:44px;
    border-radius:12px;
    color:var(--kkui-nav-ink);
  }
  .kkui-navigation-enhanced .kkui-header-preview__mobile-head button:hover { background:var(--kkui-nav-soft); }
  .kkui-navigation__mobile-logo { display:flex; align-items:center; justify-content:flex-start; text-align:left!important; }
  .kkui-navigation__mobile-logo .kkui-header-preview__brand { justify-content:flex-start; pointer-events:auto; }
  .kkui-navigation__mobile-logo .custom-logo { width:auto; max-width:178px; max-height:46px; }
  .kkui-navigation-enhanced .kkui-header-preview__mobile-links { padding:10px 12px 14px; }
  .kkui-navigation-enhanced .kkui-header-preview__mobile-links > a,
  .kkui-navigation-enhanced .kkui-header-preview__mobile-links > button {
    min-height:59px;
    margin:2px 0;
    padding:9px 9px 9px 8px;
    border:0;
    border-radius:13px;
    color:var(--kkui-nav-ink);
    font-size:15px;
    font-weight:780;
    transition:background-color .15s ease, transform .15s ease;
  }
  .kkui-navigation-enhanced .kkui-header-preview__mobile-links > a:hover,
  .kkui-navigation-enhanced .kkui-header-preview__mobile-links > button:hover { background:var(--kkui-nav-soft); }
  .kkui-navigation-enhanced .kkui-header-preview__mobile-links > a:active,
  .kkui-navigation-enhanced .kkui-header-preview__mobile-links > button:active { transform:scale(.985); }
  .kkui-navigation__row-main { display:flex; align-items:center; gap:13px; min-width:0; }
  .kkui-navigation__row-icon {
    flex:0 0 42px;
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border:1px solid #dce9e6;
    border-radius:12px;
    background:#f4faf8;
    color:var(--kkui-nav-accent);
  }
  .kkui-navigation__row-icon svg { width:22px; height:22px; }
  .kkui-navigation__row-label { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .kkui-navigation__row-arrow { display:grid; place-items:center; color:#89a09f!important; }
  .kkui-navigation__row-arrow svg { width:19px; height:19px; }
  .kkui-navigation-enhanced .kkui-header-preview__mobile-all {
    background:#eaf7f2!important;
    color:#07684f!important;
  }
  .kkui-navigation__mobile-benefits {
    margin:8px 12px 0;
    padding:15px 16px;
    border:1px solid #dce9e6;
    border-radius:16px;
    background:#f4faf8;
  }
  .kkui-navigation__benefit { display:flex; align-items:center; gap:11px; min-height:36px; color:#294c52; font-size:13px; font-weight:700; }
  .kkui-navigation__benefit + .kkui-navigation__benefit { border-top:1px solid #e0ece9; }
  .kkui-navigation__benefit svg { width:19px; height:19px; color:var(--kkui-nav-accent); }
  .kkui-navigation__mobile-footer { margin-top:14px; padding:16px 20px 22px; border-top:1px solid var(--kkui-nav-line); background:#fff; }
  .kkui-navigation__mobile-footer a { display:flex; align-items:center; gap:12px; color:var(--kkui-nav-ink); text-decoration:none; }
  .kkui-navigation__mobile-footer svg { width:23px; height:23px; color:var(--kkui-nav-accent); }
  .kkui-navigation__mobile-footer span { display:flex; flex-direction:column; gap:1px; }
  .kkui-navigation__mobile-footer small { color:var(--kkui-nav-muted); font-size:11px; font-weight:650; }
  .kkui-navigation__mobile-footer strong { font-size:14px; }
}

/* 0.10.0 test2: mobile label/scaling, topbar and search corrections. */
.kkui-navigation-enhanced .kkui-header-preview__benefits {
  min-height:40px;
  padding:8px clamp(16px,3vw,42px);
  gap:clamp(18px,4vw,62px);
  font-size:13px;
  line-height:1.25;
}
.kkui-navigation-enhanced .kkui-header-preview__benefits > span {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  white-space:nowrap;
}
.kkui-navigation-enhanced .kkui-header-preview__benefits svg {
  width:16px;
  height:16px;
  flex:0 0 16px;
}
.kkui-navigation-enhanced .kkui-header-preview__search button {
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 58px!important;
  width:58px!important;
  height:100%!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#07586b!important;
  color:#fff!important;
  overflow:visible!important;
}
.kkui-navigation-enhanced .kkui-header-preview__search button::before,
.kkui-navigation-enhanced .kkui-header-preview__search button::after { content:none!important; display:none!important; }
.kkui-navigation-enhanced .kkui-header-preview__search button > svg {
  display:block!important;
  width:23px!important;
  height:23px!important;
  margin:0!important;
  overflow:visible!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
@media (max-width:1370px) {
  .kkui-navigation-enhanced .kkui-header-preview__mobile-panel {
    width:min(92vw,460px)!important;
    max-width:460px!important;
    box-sizing:border-box!important;
  }
  .kkui-navigation-enhanced .kkui-header-preview__mobile-links > a,
  .kkui-navigation-enhanced .kkui-header-preview__mobile-links > button {
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    box-sizing:border-box!important;
    text-align:left!important;
  }
  .kkui-navigation-enhanced .kkui-navigation__row-main {
    display:flex!important;
    flex:1 1 auto!important;
    align-items:center!important;
    gap:13px!important;
    min-width:0!important;
    color:var(--kkui-nav-ink)!important;
  }
  .kkui-navigation-enhanced .kkui-navigation__row-label {
    display:block!important;
    flex:1 1 auto!important;
    min-width:0!important;
    opacity:1!important;
    visibility:visible!important;
    color:var(--kkui-nav-ink)!important;
    font-size:15px!important;
    font-weight:780!important;
    line-height:1.25!important;
  }
  .kkui-navigation-enhanced .kkui-navigation__row-arrow {
    display:grid!important;
    flex:0 0 28px!important;
    width:28px!important;
    margin-left:auto!important;
  }
  .kkui-navigation-enhanced .kkui-header-preview__mobile-links > a > span:not(.kkui-navigation__row-main):not(.kkui-navigation__row-arrow),
  .kkui-navigation-enhanced .kkui-header-preview__mobile-links > button > span:not(.kkui-navigation__row-main):not(.kkui-navigation__row-arrow) {
    display:none!important;
  }
  .kkui-navigation-enhanced .kkui-header-preview__search button {
    flex-basis:44px!important;
    width:44px!important;
  }
  .kkui-navigation-enhanced .kkui-header-preview__search button > svg { width:21px!important; height:21px!important; }
}
@media (max-width:520px) {
  .kkui-navigation-enhanced .kkui-header-preview__mobile-panel { width:100vw!important; max-width:none!important; }
  .kkui-navigation-enhanced .kkui-header-preview__mobile-links { padding-left:10px!important; padding-right:10px!important; }
}


/* 0.10.0 test3: force mobile labels to remain visible against theme/plugin span rules. */
@media (max-width:1370px) {
  .kkui-navigation-enhanced .kkui-header-preview__mobile-links .kkui-navigation__row-main {
    font-size:15px!important;
    line-height:1.25!important;
    text-indent:0!important;
    opacity:1!important;
    visibility:visible!important;
  }
  .kkui-navigation-enhanced .kkui-header-preview__mobile-links strong.kkui-navigation__row-label {
    display:block!important;
    position:static!important;
    width:auto!important;
    height:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    clip:auto!important;
    clip-path:none!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    opacity:1!important;
    visibility:visible!important;
    color:#12383f!important;
    -webkit-text-fill-color:#12383f!important;
    font-family:inherit!important;
    font-size:15px!important;
    font-style:normal!important;
    font-weight:780!important;
    line-height:1.25!important;
    letter-spacing:normal!important;
    text-transform:none!important;
  }
}

/* 0.10.0 test4: searchable two-level mobile navigation and category-specific icons. */
@media (max-width:1370px) {
  .kkui-navigation-enhanced .kkui-navigation__mobile-search {
    display:flex!important;
    width:auto!important;
    height:52px!important;
    margin:16px 18px 10px!important;
    border:1px solid #d8e4e5!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  .kkui-navigation-enhanced .kkui-navigation__mobile-search input[type=search] {
    display:block!important;
    flex:1 1 auto!important;
    width:100%!important;
    min-width:0!important;
    padding:0 16px!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    color:#12383f!important;
    font-size:14px!important;
  }
  .kkui-navigation-enhanced .kkui-navigation__mobile-search button {
    display:grid!important;
    place-items:center!important;
    flex:0 0 50px!important;
    width:50px!important;
    height:100%!important;
    border:0!important;
    background:#fff!important;
    color:#07586b!important;
  }
  .kkui-navigation-enhanced .kkui-navigation__mobile-search button svg {
    width:22px!important;
    height:22px!important;
  }
  .kkui-navigation-enhanced .kkui-header-preview__mobile-view[hidden] { display:none!important; }
  .kkui-navigation-enhanced .kkui-header-preview__mobile-view.is-active:not([hidden]) { display:block!important; }
  .kkui-navigation-enhanced .kkui-header-preview__mobile-view:not([data-kkui-mobile-view="root"]) .kkui-header-preview__mobile-head {
    justify-content:flex-start!important;
    gap:8px!important;
  }
  .kkui-navigation-enhanced .kkui-header-preview__mobile-view:not([data-kkui-mobile-view="root"]) .kkui-header-preview__mobile-head strong {
    flex:1 1 auto!important;
    color:#12383f!important;
    font-size:18px!important;
  }
  .kkui-navigation-enhanced .kkui-header-preview__mobile-view:not([data-kkui-mobile-view="root"]) .kkui-header-preview__mobile-links {
    padding-top:4px!important;
  }
  .kkui-navigation-enhanced .kkui-header-preview__mobile-view:not([data-kkui-mobile-view="root"]) .kkui-navigation__row-icon {
    border-color:transparent!important;
    background:transparent!important;
  }
  .kkui-navigation-enhanced .kkui-header-preview__mobile-all .kkui-navigation__row-icon {
    border-color:#dce9e6!important;
    background:#f4faf8!important;
  }
}

/* 0.10.0-test5: complete category icons and deterministic search icon. */
.kkui-header-preview .kkui-header-preview__search .kkui-navigation__search-button,
.kkui-navigation-enhanced .kkui-header-preview__search .kkui-navigation__search-button {
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  align-self:stretch!important;
  flex:0 0 58px!important;
  width:58px!important;
  min-width:58px!important;
  height:auto!important;
  min-height:44px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0 16px 16px 0!important;
  background:#07586b!important;
  color:#fff!important;
  font-size:0!important;
  line-height:0!important;
  box-shadow:none!important;
  transform:none!important;
  overflow:hidden!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.kkui-header-preview .kkui-header-preview__search .kkui-navigation__search-button::before,
.kkui-header-preview .kkui-header-preview__search .kkui-navigation__search-button::after {
  content:none!important;
  display:none!important;
}
.kkui-header-preview .kkui-header-preview__search .kkui-navigation__search-icon {
  display:block!important;
  position:static!important;
  width:23px!important;
  height:23px!important;
  min-width:23px!important;
  min-height:23px!important;
  margin:0!important;
  padding:0!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
@media (max-width:1370px) {
  .kkui-navigation-enhanced .kkui-navigation__mobile-search .kkui-navigation__search-button {
    flex-basis:54px!important;
    width:54px!important;
    min-width:54px!important;
    min-height:52px!important;
    border-radius:0 15px 15px 0!important;
  }
  .kkui-navigation-enhanced .kkui-navigation__mobile-search .kkui-navigation__search-icon {
    width:22px!important;
    height:22px!important;
  }
}

/* 0.10.0 test6: polished mockup typography, search and category icon system. */
.kkui-navigation-enhanced,
.kkui-navigation-enhanced input,
.kkui-navigation-enhanced button,
.kkui-navigation-enhanced a {
  font-family:Inter, "Avenir Next", "Segoe UI", Roboto, Helvetica, Arial, sans-serif!important;
}
.kkui-navigation-enhanced .kkui-header-preview__search {
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.88)!important;
  background:#fff!important;
  box-shadow:0 1px 0 rgba(6,36,43,.03)!important;
  overflow:hidden!important;
}
.kkui-navigation-enhanced .kkui-header-preview__search input[type="search"] {
  font-family:Inter, "Avenir Next", "Segoe UI", Roboto, Helvetica, Arial, sans-serif!important;
  font-size:15px!important;
  font-weight:450!important;
  letter-spacing:-.01em!important;
  color:#173b43!important;
}
.kkui-navigation-enhanced .kkui-header-preview__search input[type="search"]::placeholder {
  color:#6f858b!important;
  opacity:1!important;
}
.kkui-navigation-enhanced .kkui-header-preview__search button.kkui-navigation__search-button {
  flex:0 0 72px!important;
  width:72px!important;
  border-left:1px solid rgba(255,255,255,.72)!important;
  border-radius:0 18px 18px 0!important;
  background:#075c6c!important;
  transition:background-color .16s ease, transform .16s ease!important;
}
.kkui-navigation-enhanced .kkui-header-preview__search button.kkui-navigation__search-button:hover {
  background:#064f5e!important;
}
.kkui-navigation-enhanced .kkui-header-preview__search button.kkui-navigation__search-button:active {
  transform:scale(.97)!important;
}
.kkui-navigation-enhanced .kkui-header-preview__search button.kkui-navigation__search-button > svg {
  width:25px!important;
  height:25px!important;
  stroke-width:1.9!important;
}

@media (max-width:1370px) {
  .kkui-navigation-enhanced .kkui-header-preview__mobile-panel {
    background:#fff!important;
  }
  .kkui-navigation-enhanced .kkui-header-preview__mobile-links {
    padding:8px 22px 16px!important;
  }
  .kkui-navigation-enhanced .kkui-header-preview__mobile-links > a,
  .kkui-navigation-enhanced .kkui-header-preview__mobile-links > button {
    min-height:66px!important;
    margin:0!important;
    padding:10px 4px!important;
    border-bottom:1px solid #e8eeee!important;
    border-radius:0!important;
    background:transparent!important;
  }
  .kkui-navigation-enhanced .kkui-header-preview__mobile-links > a:hover,
  .kkui-navigation-enhanced .kkui-header-preview__mobile-links > button:hover {
    background:#f5faf9!important;
  }
  .kkui-navigation-enhanced .kkui-header-preview__mobile-links > a:first-child,
  .kkui-navigation-enhanced .kkui-header-preview__mobile-links > button:first-child {
    border-top:0!important;
  }
  .kkui-navigation-enhanced .kkui-header-preview__mobile-all {
    margin:5px 0!important;
    padding-left:12px!important;
    padding-right:12px!important;
    border:0!important;
    border-radius:12px!important;
    background:#edf7f4!important;
  }
  .kkui-navigation-enhanced .kkui-navigation__row-main {
    gap:17px!important;
  }
  .kkui-navigation-enhanced .kkui-navigation__row-icon {
    flex:0 0 32px!important;
    width:32px!important;
    height:38px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#057c68!important;
  }
  .kkui-navigation-enhanced .kkui-navigation__row-icon svg {
    width:28px!important;
    height:28px!important;
    stroke-width:1.75!important;
  }
  .kkui-navigation-enhanced strong.kkui-navigation__row-label {
    font-size:16px!important;
    font-weight:700!important;
    letter-spacing:-.015em!important;
    color:#11353e!important;
  }
  .kkui-navigation-enhanced .kkui-navigation__row-arrow {
    color:#173c43!important;
  }
  .kkui-navigation-enhanced .kkui-navigation__row-arrow svg {
    width:18px!important;
    height:18px!important;
    stroke-width:1.9!important;
  }
  .kkui-navigation-enhanced .kkui-navigation__mobile-search {
    height:58px!important;
    margin:17px 22px 16px!important;
    border:1px solid #d8e4e4!important;
    border-radius:14px!important;
    box-shadow:0 1px 0 rgba(8,56,65,.02)!important;
  }
  .kkui-navigation-enhanced .kkui-navigation__mobile-search input[type="search"] {
    padding:0 18px!important;
    font-size:15px!important;
    font-weight:450!important;
    letter-spacing:-.01em!important;
  }
  .kkui-navigation-enhanced .kkui-navigation__mobile-search button.kkui-navigation__search-button {
    flex:0 0 58px!important;
    width:58px!important;
    border-left:0!important;
    border-radius:0 14px 14px 0!important;
    background:#fff!important;
    color:#075c6c!important;
  }
  .kkui-navigation-enhanced .kkui-navigation__mobile-search button.kkui-navigation__search-button:hover {
    background:#f5faf9!important;
  }
  .kkui-navigation-enhanced .kkui-navigation__mobile-search button.kkui-navigation__search-button > svg {
    width:25px!important;
    height:25px!important;
    stroke-width:1.9!important;
  }
  .kkui-navigation-enhanced .kkui-header-preview__mobile-view:not([data-kkui-mobile-view="root"]) .kkui-header-preview__mobile-head strong {
    font-size:19px!important;
    font-weight:750!important;
    letter-spacing:-.02em!important;
  }
}

@media (max-width:520px) {
  .kkui-navigation-enhanced .kkui-header-preview__search {
    border-radius:15px!important;
  }
  .kkui-navigation-enhanced .kkui-header-preview__search button.kkui-navigation__search-button {
    flex-basis:56px!important;
    width:56px!important;
    border-radius:0 15px 15px 0!important;
  }
  .kkui-navigation-enhanced .kkui-header-preview__mobile-links {
    padding-left:20px!important;
    padding-right:20px!important;
  }
}


/* 0.10.0 test7: finalised category pictograms and matching desktop navigation icons. */
.kkui-navigation-enhanced .kkui-header-preview__nav-item > a {
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
.kkui-navigation-enhanced .kkui-navigation__desktop-icon {
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 22px!important;
  width:22px!important;
  height:22px!important;
  color:#fff!important;
  opacity:.96!important;
}
.kkui-navigation-enhanced .kkui-navigation__desktop-icon svg {
  width:20px!important;
  height:20px!important;
  stroke-width:1.8!important;
}
@media (max-width:1370px) {
  .kkui-navigation-enhanced .kkui-navigation__row-icon {
    flex-basis:36px!important;
    width:36px!important;
    height:40px!important;
  }
  .kkui-navigation-enhanced .kkui-navigation__row-icon svg {
    width:31px!important;
    height:31px!important;
    stroke-width:1.72!important;
  }
  .kkui-navigation-enhanced .kkui-header-preview__mobile-links > a,
  .kkui-navigation-enhanced .kkui-header-preview__mobile-links > button {
    min-height:68px!important;
  }
  .kkui-navigation-enhanced .kkui-navigation__mobile-benefits {
    margin:10px 10px 4px!important;
    padding:13px 15px!important;
    border-radius:14px!important;
  }
  .kkui-navigation-enhanced .kkui-navigation__benefit {
    min-height:40px!important;
    font-size:12.5px!important;
    font-weight:730!important;
  }
}

/* 0.10.0 test9: stable cart, sticky mobile header, ALE link, clear back action and rounded mega menu. */
.kkui-navigation-enhanced .kkui-navigation__cart-icon > :not(.kkui-navigation__cart-svg):not(.kkui-navigation__cart-badge) {
  display:none!important;
}
.kkui-navigation-enhanced .kkui-navigation__cart-svg {
  display:block!important;
  width:27px!important;
  height:27px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
}
.kkui-navigation-enhanced .kkui-navigation__desktop-sale > a {
  color:#fff!important;
}
.kkui-navigation-enhanced .kkui-navigation__desktop-sale > a:hover,
.kkui-navigation-enhanced .kkui-navigation__desktop-sale > a:focus-visible {
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
}
.kkui-navigation-enhanced .kkui-header-preview__benefits {
  min-height:44px!important;
  padding-block:10px!important;
  font-size:14px!important;
  font-weight:600!important;
}
.kkui-navigation-enhanced .kkui-header-preview__mega {
  overflow:visible!important;
  border-radius:0 0 18px 18px!important;
}
.kkui-navigation-enhanced .kkui-header-preview__mega-grid,
.kkui-navigation-enhanced .kkui-header-preview__category-grid {
  border-radius:0 0 18px 18px!important;
  overflow:hidden!important;
}
@media (max-width:1370px) {
  .kkui-navigation-enhanced.kkui-header-preview {
    position:sticky!important;
    top:0;
    z-index:9998!important;
  }
  body.admin-bar .kkui-navigation-enhanced.kkui-header-preview { top:32px; }
  .kkui-navigation-enhanced .kkui-header-preview__main {
    box-shadow:0 7px 18px rgba(7,46,56,.12);
  }
  .kkui-navigation-enhanced .kkui-header-preview__mobile-back {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    width:auto!important;
    min-width:92px!important;
    padding:0 10px!important;
    border:1px solid #d8e6e3!important;
    border-radius:11px!important;
    background:#f5faf8!important;
    color:#075f68!important;
    font-size:13px!important;
    font-weight:700!important;
  }
  .kkui-navigation-enhanced .kkui-header-preview__mobile-back svg {
    width:19px!important;
    height:19px!important;
  }
  .kkui-navigation-enhanced .kkui-navigation__back-label {
    display:inline!important;
    color:inherit!important;
    font:inherit!important;
  }
  .kkui-navigation-enhanced .kkui-header-preview__mobile-view:not([data-kkui-mobile-view="root"]) .kkui-header-preview__mobile-head {
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) 40px!important;
    gap:8px!important;
    background:#fff!important;
    color:#12383f!important;
    border-bottom:1px solid #e3ecea!important;
  }
  .kkui-navigation-enhanced .kkui-header-preview__mobile-view:not([data-kkui-mobile-view="root"]) .kkui-header-preview__mobile-head strong {
    text-align:left!important;
  }
  .kkui-navigation-enhanced .kkui-navigation__sale-link .kkui-navigation__row-icon,
  .kkui-navigation-enhanced .kkui-navigation__sale-link .kkui-navigation__row-label {
    color:#c9433d!important;
  }
}
@media (max-width:782px) {
  body.admin-bar .kkui-navigation-enhanced.kkui-header-preview { top:46px; }
}


/* 0.10.0-test10: additive polish without structural changes. */
.kkui-navigation-enhanced .kkui-header-preview__account {
  display:grid!important;
  place-items:center!important;
  min-width:46px!important;
  color:#fff!important;
  text-decoration:none!important;
}
.kkui-navigation-enhanced .kkui-navigation__account-svg {
  width:27px!important;
  height:27px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
}
.kkui-navigation-enhanced .kkui-header-preview__search { min-height:54px!important; }
.kkui-navigation-enhanced .kkui-header-preview__search input[type="search"] { font-size:16px!important; font-weight:420!important; }
.kkui-navigation-enhanced .kkui-header-preview__benefits { gap:34px!important; }
.kkui-navigation-enhanced .kkui-header-preview__benefits svg { width:22px!important; height:22px!important; stroke-width:1.8!important; }
.kkui-navigation-enhanced .kkui-navigation__desktop-sale > a { color:#ffd9d6!important; }
.kkui-navigation-enhanced .kkui-navigation__desktop-sale .kkui-navigation__desktop-icon { color:#ffb8b2!important; }
.kkui-navigation__header-spacer { display:block; height:0; }
@media (max-width:1370px) {
  .kkui-navigation-enhanced.kkui-header-preview {
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    margin:0!important;
    z-index:9998!important;
  }
  body.admin-bar .kkui-navigation-enhanced.kkui-header-preview { top:32px!important; }
  .kkui-navigation-enhanced .kkui-header-preview__search { min-height:48px!important; }
}
@media (max-width:782px) {
  body.admin-bar .kkui-navigation-enhanced.kkui-header-preview { top:46px!important; }
}


/* 0.10.0-test12: earlier mobile breakpoint, no admin-bar offset and scroll-aware mobile header. */
@media (max-width:1370px) {
  body.admin-bar .kkui-navigation-enhanced.kkui-header-preview,
  .kkui-navigation-enhanced.kkui-header-preview {
    top:0!important;
    transition:transform .2s ease!important;
    will-change:transform;
  }
  .kkui-navigation-enhanced.kkui-header-preview.kkui-navigation--hidden {
    transform:translateY(-100%)!important;
  }
  html.kkui-mobile-menu-open .kkui-navigation-enhanced.kkui-header-preview,
  .kkui-navigation-enhanced.kkui-header-preview:has(.kkui-header-preview__mobile-panel:not([hidden])) {
    transform:translateY(0)!important;
  }
}

/* 0.10.0-test15: keep the mobile drawer viewport-fixed while the auto-hide header uses transforms. */
@media (max-width:1370px) {
  html.kkui-mobile-menu-open .kkui-navigation-enhanced.kkui-header-preview {
    transform:none!important;
    will-change:auto!important;
  }
  .kkui-navigation-enhanced .kkui-header-preview__mobile-overlay {
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    z-index:10000!important;
  }
  .kkui-navigation-enhanced .kkui-header-preview__mobile-panel {
    position:fixed!important;
    inset:0 auto 0 0!important;
    width:min(92vw,420px)!important;
    max-width:420px!important;
    height:100dvh!important;
    max-height:100dvh!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    z-index:10001!important;
    transform:none!important;
  }
}

/* 0.10.0-test32.19: use FunnelKit's own mini-cart icon without a KKUI fallback glyph. */
.kkui-header-preview__funnelkit-cart-slot {
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:44px;
  min-height:44px;
}
.kkui-header-preview__funnelkit-cart-slot #fkcart-mini-toggler,
.kkui-header-preview__funnelkit-cart-slot .fkcart-shortcode-container {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
}


/* 0.10.0-test32.85: the fixed compact header reserves its real rendered height.
   The spacer is normal document flow, so mobile content can never sit underneath
   the header even if its height changes after icons/cart hydration. */
@media (max-width:1370px) {
  .kkui-navigation__header-spacer {
    display:block!important;
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    pointer-events:none!important;
  }
  body.single-product .kkui-navigation__header-spacer {
    background:#ebebeb!important;
  }
}