.cnav[data-v-f7ff72f4]{border-bottom:var(--border-1) solid var(--border);background:var(--surface);position:relative}.cnav__wrap[data-v-f7ff72f4]{align-items:center;display:flex;position:relative}.cnav__list[data-v-f7ff72f4]{gap:var(--sp-6);scroll-behavior:smooth;scrollbar-width:none;flex:1;justify-content:safe center;min-width:0;display:flex;overflow-x:auto}.cnav__list[data-v-f7ff72f4]::-webkit-scrollbar{display:none}.cnav__item[data-v-f7ff72f4]{flex-shrink:0}.cnav__link[data-v-f7ff72f4]{min-height:48px;color:var(--ink);white-space:nowrap;transition:color var(--dur-base) var(--ease);align-items:center;display:flex;position:relative}.cnav__link[data-v-f7ff72f4]:after{content:"";height:var(--border-2);background:var(--ink-strong);transition:transform var(--dur-base) var(--ease);position:absolute;inset-block-end:0;inset-inline:0;transform:scaleX(0)}.cnav__link.is-open[data-v-f7ff72f4]{color:var(--ink-strong)}@media (hover:hover) and (pointer:fine){.cnav__link[data-v-f7ff72f4]:hover{color:var(--ink-strong)}}.cnav__link.is-open[data-v-f7ff72f4]:after{transform:scaleX(1)}.cnav__link--accent[data-v-f7ff72f4]{color:var(--sale)}.cnav__retry[data-v-f7ff72f4]{cursor:pointer;color:var(--danger);background:0 0;border:0}.cnav__link--popular[data-v-f7ff72f4]{gap:var(--sp-2);font-weight:var(--fw-medium);color:var(--brand)}@media (hover:hover) and (pointer:fine){.cnav__link--popular[data-v-f7ff72f4]:hover{color:var(--brand)}}.cnav__icon[data-v-f7ff72f4]{flex-shrink:0}.cnav__scroll[data-v-f7ff72f4]{z-index:1;background:var(--surface);width:32px;color:var(--ink-strong);cursor:pointer;border:0;place-items:center;display:grid;position:absolute;inset-block:0}.cnav__scroll--prev[data-v-f7ff72f4]{inset-inline-start:0}.cnav__scroll--next[data-v-f7ff72f4]{inset-inline-end:0}@media (width>=1520px){.cnav__scroll--next.is-guess[data-v-f7ff72f4]{display:none}}.cnav__panel[data-v-f7ff72f4]{z-index:var(--z-menu);padding:var(--sp-5) var(--sp-6);background:var(--surface);border:var(--border-1) solid var(--border);overscroll-behavior:contain;max-width:min(90vw,640px);position:fixed;overflow-y:auto}.cnav__children[data-v-f7ff72f4]{grid-auto-flow:column;grid-template-rows:repeat(var(--rows,6),auto);gap:var(--sp-3) var(--sp-8);grid-auto-columns:max-content;display:grid}.cnav__child[data-v-f7ff72f4]{font-size:var(--fs-sm);color:var(--ink-muted);white-space:normal;max-width:240px;transition:color var(--dur-base) var(--ease);display:block}@media (hover:hover) and (pointer:fine){.cnav__child[data-v-f7ff72f4]:hover{color:var(--ink-strong)}}.cnav__all[data-v-f7ff72f4]{align-items:center;gap:var(--sp-2);margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:var(--border-1) solid var(--border);width:100%;font-weight:var(--fw-medium);text-transform:uppercase;color:var(--brand);transition:color var(--dur-base) var(--ease);display:inline-flex}@media (hover:hover) and (pointer:fine){.cnav__all[data-v-f7ff72f4]:hover{color:var(--ink-strong)}}.panel-enter-active[data-v-f7ff72f4],.panel-leave-active[data-v-f7ff72f4]{transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.panel-enter-from[data-v-f7ff72f4],.panel-leave-to[data-v-f7ff72f4]{opacity:0;transform:translateY(-6px)}@media (prefers-reduced-motion:reduce){.cnav__list[data-v-f7ff72f4]{scroll-behavior:auto}.cnav__link[data-v-f7ff72f4]:after{transition:none}.panel-enter-from[data-v-f7ff72f4],.panel-leave-to[data-v-f7ff72f4]{transform:none}}.cnav--keyboard .cnav__link[data-v-f7ff72f4]:after,.cnav--keyboard .panel-enter-active[data-v-f7ff72f4],.cnav--keyboard .panel-leave-active[data-v-f7ff72f4]{transition:none}