.nav{position:sticky;top:0;z-index:90;width:100%;height:var(--space-16);display:flex;align-items:center;background-color:transparent;transition:background-color var(--duration-normal) var(--ease-standard),border-color var(--duration-normal) var(--ease-standard)}.nav.is-scrolled{background-color:var(--color-bg);border-bottom:1px solid var(--color-border);box-shadow:none}.nav__inner{display:flex;align-items:center;justify-content:space-between;width:100%;position:relative}.nav__links-left,.nav__links-right{display:flex;align-items:center;gap:var(--space-8);flex:1}.nav__links-right{justify-content:flex-end}.nav__link{font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:600;color:var(--color-on-surface);text-decoration:none;position:relative;padding-block:var(--space-1);white-space:nowrap;border-radius:var(--radius-sm)}.nav__link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background-color:var(--color-accent);transition:width var(--duration-fast) var(--ease-standard)}.nav__link:hover:after,.nav__link[aria-current=page]:after{width:100%}.nav__link:focus-visible{outline:none;box-shadow:var(--shadow-focus-green)}.nav__menu{position:relative;display:inline-flex;align-items:center}.nav__menu-toggle{background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:4px;padding-block:var(--space-1)}.nav__menu-chevron{width:12px;height:12px;transition:transform var(--duration-fast) var(--ease-standard)}.nav__menu-toggle[aria-expanded=true] .nav__menu-chevron{transform:rotate(180deg)}.nav__menu-panel{position:absolute;top:calc(100% + 6px);left:0;min-width:200px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 8px 24px #00000014;padding:var(--space-2);display:flex;flex-direction:column;gap:2px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),visibility 0s linear var(--duration-fast);z-index:100}.nav__menu--right .nav__menu-panel{left:auto;right:0}.nav__menu:hover .nav__menu-panel,.nav__menu:focus-within .nav__menu-panel,.nav__menu.is-open .nav__menu-panel{opacity:1;visibility:visible;transform:translateY(0);transition:opacity var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),visibility 0s linear 0s}.nav__menu-item{font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:500;color:var(--color-on-surface);text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.nav__menu-item:hover{background:var(--color-bg-alt);color:var(--color-primary)}.nav__menu-item[aria-current=page]{color:var(--color-primary);font-weight:600}.nav__menu-item:focus-visible{outline:none;box-shadow:var(--shadow-focus-green)}.nav__logo{position:absolute;left:50%;transform:translate(-50%);font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--color-on-surface);text-decoration:none;white-space:nowrap;border-radius:var(--radius-sm);padding-block:var(--space-1)}.nav__logo:focus-visible{outline:none;box-shadow:var(--shadow-focus-green)}.nav__cart{display:flex;align-items:center;gap:var(--space-1);position:relative;color:var(--color-on-surface);cursor:pointer;min-width:44px;min-height:44px;justify-content:center;background:none;border:none;border-radius:var(--radius-sm);transition:opacity var(--duration-fast) var(--ease-standard)}.nav__cart:hover{opacity:.7}.nav__cart:active{opacity:.5}.nav__cart:focus-visible{outline:none;box-shadow:var(--shadow-focus-green)}.nav__cart-icon{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.nav__cart-badge{position:absolute;top:var(--space-1);right:var(--space-1);background-color:var(--color-accent);color:var(--color-bg);font-size:var(--text-label);font-weight:600;min-width:16px;height:16px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;padding-inline:var(--space-1);line-height:1}.nav__search{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;color:var(--color-on-surface);cursor:pointer;background:none;border:none;border-radius:var(--radius-sm);transition:opacity var(--duration-fast) var(--ease-standard)}.nav__search:hover{opacity:.7}.nav__search:active{opacity:.5}.nav__search:focus-visible{outline:none;box-shadow:var(--shadow-focus-green)}.nav__search-icon{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.nav__hamburger{display:none;flex-direction:column;gap:var(--space-1);width:44px;height:44px;align-items:center;justify-content:center;cursor:pointer;background:none;border:none;border-radius:var(--radius-sm);padding:0}.nav__hamburger:focus-visible{outline:none;box-shadow:var(--shadow-focus-green)}.nav__hamburger:hover .nav__hamburger span,.nav__hamburger:hover span{background-color:var(--color-primary)}.nav__hamburger span{display:block;width:22px;height:1.5px;background-color:var(--color-on-surface);transition:transform var(--duration-normal) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard)}.nav__hamburger.is-open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.nav__hamburger.is-open span:nth-child(2){opacity:0}.nav__hamburger.is-open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.nav__drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;pointer-events:none}.nav__drawer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-overlay);opacity:0;transition:opacity var(--duration-slow) var(--ease-enter)}.nav__drawer-panel{position:absolute;top:0;right:0;width:min(320px,85vw);height:100%;background-color:var(--color-surface);transform:translate(100%);transition:transform var(--duration-slow) var(--ease-enter);padding:var(--space-8) var(--space-8) var(--space-16);display:flex;flex-direction:column;gap:var(--space-6);overflow-y:auto}.nav__drawer.is-open{pointer-events:all}.nav__drawer.is-open .nav__drawer-overlay{opacity:1}.nav__drawer.is-open .nav__drawer-panel{transform:translate(0)}.nav__drawer-close{align-self:flex-end;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:var(--text-h4);color:var(--color-on-surface-muted);cursor:pointer;margin-bottom:var(--space-4);background:none;border:none;border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-standard)}.nav__drawer-close:hover{color:var(--color-on-surface)}.nav__drawer-close:active{color:var(--color-primary)}.nav__drawer-close:focus-visible{outline:none;box-shadow:var(--shadow-focus-green)}.nav__drawer-section{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-6)}.nav__drawer-section-label{font-family:var(--font-display);font-size:var(--text-caption);letter-spacing:.12em;text-transform:uppercase;color:var(--color-on-surface-muted);padding-bottom:var(--space-2);margin-bottom:var(--space-2);border-bottom:1px solid var(--color-border);display:block}.nav__drawer-link{font-family:var(--font-body);font-size:var(--text-body-lg);font-weight:600;color:var(--color-on-surface);padding-block:var(--space-3);display:block;text-decoration:none;border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-standard)}@media(prefers-reduced-motion:no-preference){.nav__drawer.is-open .nav__drawer-link{animation:navLinkIn var(--duration-normal) var(--ease-enter) backwards}.nav__drawer.is-open .nav__drawer-section:nth-of-type(1) .nav__drawer-link:nth-of-type(1){animation-delay:40ms}.nav__drawer.is-open .nav__drawer-section:nth-of-type(1) .nav__drawer-link:nth-of-type(2){animation-delay:80ms}.nav__drawer.is-open .nav__drawer-section:nth-of-type(1) .nav__drawer-link:nth-of-type(3){animation-delay:.12s}.nav__drawer.is-open .nav__drawer-section:nth-of-type(2) .nav__drawer-link:nth-of-type(1){animation-delay:.16s}.nav__drawer.is-open .nav__drawer-section:nth-of-type(2) .nav__drawer-link:nth-of-type(2){animation-delay:.2s}}@keyframes navLinkIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.nav__drawer-link:hover,.nav__drawer-link[aria-current=page]{color:var(--color-primary)}.nav__drawer-link:focus-visible{outline:none;box-shadow:var(--shadow-focus-green)}@media(max-width:767px){.nav__links-left,.nav__links-right .nav__link,.nav__menu{display:none}.nav__hamburger{display:flex}.nav__links-right{gap:0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/nav.css.map */