.kx-nav-popover,.kx-notification-popover{transform-origin:100% 0}:is(.kx-nav-popover,.kx-notification-popover,.kx-nav-expansion)[data-state=closed]{pointer-events:none}.kx-nav-expansion[data-motion]{overflow:hidden}.kx-header{z-index:100;background:var(--bg);border-bottom:2.5px solid var(--line-strong);position:sticky;top:0}.kx-header .kx-nav-wrap{-moz-column-gap:16px;grid-template:"left center right"68px/max-content minmax(0,1fr) max-content;align-items:center;column-gap:16px;width:100%;max-width:none;margin:0 auto;padding:0 24px;display:grid}.kx-header .kx-nav-wrap--stacked{grid-template:"left right"68px"center center"56px/minmax(0,1fr) max-content}.kx-nav-left,.kx-nav-right{flex:none;align-items:center;gap:8px;min-width:0;display:flex}.kx-nav-left{grid-area:left;justify-self:start}.kx-nav-right{grid-area:right;justify-self:end}.kx-nav-center{overscroll-behavior-x:contain;scrollbar-width:thin;grid-area:center;min-width:0;height:100%;overflow:auto hidden}.kx-nav-center-content{align-items:center;gap:20px;width:max-content;height:100%;margin-inline:auto;display:flex}.kx-nav-wrap--stacked .kx-nav-center{border-top:1px solid var(--line)}.kx-nav-category-item{flex:none;align-items:center;height:100%;display:flex}.kx-nav-category-item>.kx-nav-link{height:100%}.kx-nav-category-emoji{flex:none;font-size:18px;line-height:1}.kx-nav-divider{background:var(--ink-3);opacity:.65;border-radius:1px;flex:none;width:2px;height:22px;margin:0 4px}.kx-nav-category-status{white-space:nowrap;color:var(--ink-3);align-items:center;gap:8px;font-size:13px;display:inline-flex}.kx-nav-category-status button{min-height:44px;color:var(--ink);text-underline-offset:4px;padding:8px;text-decoration:underline}.kx-nav-category-toggle{flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:none}@media (any-pointer:coarse){.kx-nav-category-toggle{display:inline-flex}}.kx-nav-expansion{z-index:1;box-sizing:border-box;overscroll-behavior:contain;background:var(--bg);border-bottom:2.5px solid var(--line-strong);max-height:50dvh;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 12px #0000000a}.kx-nav-expansion-inner{width:80%;margin:0 auto;padding-block:16px}.kx-nav-expansion-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 24px;width:max-content;max-width:100%;display:flex}.kx-nav-expansion-inner a{max-width:100%;min-height:44px;color:var(--ink-2);overflow-wrap:anywhere;align-items:center;gap:6px;padding:10px 4px;font-size:14px;display:inline-flex}.kx-nav-expansion-inner a:hover,.kx-nav-expansion-inner a[aria-current=page]{color:var(--orange-deep);text-underline-offset:6px;text-decoration:underline}.kx-nav-link{min-height:44px;font-family:var(--font-display);color:var(--ink-2);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:10px 4px;font-size:16px;line-height:1.4;display:inline-flex;position:relative}.kx-nav-link:after{content:"";background:0 0;border-radius:2px;height:3px;transition:background .15s;position:absolute;inset:auto 4px 2px}.kx-nav-link:hover,.kx-nav-link[aria-current=page],.kx-nav-link[aria-expanded=true],.kx-nav-link[data-active=true]{color:var(--ink)}.kx-nav-link:hover:after{background:var(--line)}.kx-nav-link[aria-current=page]:after,.kx-nav-link[aria-expanded=true]:after,.kx-nav-link[data-active=true]:after{background:var(--orange)}.kx-nav-logo{flex:none;align-items:center;display:inline-flex}.kx-header .kx-btn{gap:6px;min-height:44px;padding:9px 12px;font-size:14px}.kx-header .kx-nav-switch,.kx-nav-drawer .kx-nav-switch{background:var(--brand-lime);color:var(--ink)}.kx-header .kx-nav-switch{flex-shrink:0;padding:12px 18px;font-size:16px}.kx-header .kx-nav-icon,.kx-nav-drawer .kx-nav-icon{flex:none;width:44px;height:44px;padding:0}.kx-header .kx-nav-avatar{border-radius:12px;flex:none;place-items:center;width:44px;height:44px;padding:0;display:grid}.kx-header .kx-notification-trigger{width:44px;height:44px;padding:0}.kx-header a:focus-visible,.kx-header button:focus-visible,.kx-nav-popover :focus-visible,.kx-nav-drawer :focus-visible{outline:2px solid var(--orange-deep);outline-offset:3px}.kx-header .kx-btn[aria-expanded=true]{background:var(--orange-soft)}.kx-nav-cart{position:relative}.kx-nav-cart-count{background:var(--berry);color:#fff;border:2px solid var(--line-strong);border-radius:999px;place-items:center;min-width:21px;height:21px;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:inline-grid}.kx-nav-cart>.kx-nav-cart-count{position:absolute;top:-7px;right:-7px}.kx-nav-popover{z-index:110;overscroll-behavior:contain;border:2px solid var(--line-strong);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-soft);border-radius:12px;padding:8px;position:fixed;overflow:auto}.kx-nav-popover .kx-btn{min-height:44px}.kx-nav-search-form{align-items:center;gap:8px;padding:6px;display:flex}.kx-nav-search-form .kx-input{border-radius:8px;flex:1;min-width:0;height:44px;padding:8px 10px;font-size:14px}.kx-nav-search-form .kx-btn{flex:none}.kx-nav-row{text-align:left;width:100%;min-height:44px;font:inherit;color:var(--ink);overflow-wrap:anywhere;border-radius:6px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex}.kx-nav-row:hover,.kx-nav-category-links a:hover{background:var(--surface-2)}.kx-nav-row[aria-pressed=true],.kx-nav-row[aria-expanded=true],.kx-nav-category-links a[aria-current=page]{background:var(--orange-soft);font-weight:700}.kx-nav-language-options .kx-nav-row,.kx-nav-category-accordion .kx-nav-row{justify-content:space-between}.kx-nav-status{color:var(--ink-2);padding:24px 16px;font-size:14px}.kx-nav-status .kx-btn{margin-top:12px}.kx-nav-category-links{padding-left:12px}.kx-nav-category-links a{overflow-wrap:anywhere;border-radius:6px;min-height:44px;padding:12px;font-size:14px;line-height:1.45;display:block}.kx-nav-user-summary{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:12px 8px;display:flex}.kx-nav-user-summary>div{min-width:0}.kx-nav-user-summary strong,.kx-nav-user-summary small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.kx-nav-user-summary strong{font-family:var(--font-display);font-size:15px}.kx-nav-user-summary small{color:var(--ink-3);margin-top:4px;font-size:12px}.kx-nav-user-links{padding:6px 0}.kx-nav-logout{border-top:1px solid var(--line);color:var(--berry);border-radius:0}.kx-nav-drawer-backdrop{z-index:220;background:#00000052;position:fixed;inset:0}.kx-nav-drawer{background:var(--surface);width:min(360px,100%);height:100dvh;color:var(--ink);border-right:2px solid var(--line-strong);flex-direction:column;animation:.16s ease-out kxNavSlide;display:flex;box-shadow:8px 0 28px #0002}.kx-nav-drawer-head{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.kx-nav-drawer-head h2{font-size:22px}.kx-nav-drawer-body{overscroll-behavior:contain;padding:20px 16px max(24px, env(safe-area-inset-bottom));min-height:0;overflow-y:auto}.kx-nav-drawer-links{flex-direction:column;gap:14px;display:flex}.kx-nav-drawer-links .kx-btn{justify-content:flex-start;min-height:44px;padding:10px 12px;font-size:14px}.kx-nav-drawer-links .kx-nav-link{justify-content:flex-start;padding:10px 12px}.kx-nav-drawer-links .kx-nav-cart-count{margin-left:auto}.kx-nav-drawer-section{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.kx-nav-drawer-section h3{margin-bottom:10px;font-size:16px}.kx-nav-category-accordion .kx-nav-category-links{padding:4px 0 8px 16px}@keyframes kxNavSlide{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.kx-nav-drawer{animation:none}}@media (width>=1001px){.kx-header .kx-nav-wrap{width:80%;padding-inline:0}}@media (width<=1279px){.kx-header .kx-nav-wrap{justify-content:space-between;height:64px;display:flex}}@media (width<=900px){.kx-header .kx-nav-wrap{padding-inline:16px}}@media (width<=640px){.kx-header .kx-nav-wrap{gap:12px;height:60px;padding-inline:12px}.kx-nav-right{gap:6px}.kx-header .kx-notification-popover{width:auto;max-width:none;max-height:calc(100dvh - 82px);position:fixed;top:70px;left:12px;right:12px}}
