.announcement-bar{background:var(--color-black);color:var(--color-white);text-align:center;padding:var(--space-2) var(--space-4);font-size:var(--text-caption);font-weight:var(--weight-medium);letter-spacing:.02em;min-height:var(--announcement-height);display:flex;align-items:center;justify-content:center;gap:var(--space-4)}.announcement-bar a{color:var(--color-orange);text-decoration:underline;text-underline-offset:2px}.announcement-bar__divider{color:var(--color-steel)}@media(max-width:767px){.announcement-bar{font-size:11px;gap:var(--space-2);padding:var(--space-2) var(--space-3)}}.header{position:sticky;top:0;z-index:var(--z-sticky);background:var(--color-white);border-bottom:1px solid var(--color-border);transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out)}.header.is-scrolled{box-shadow:0 1px 3px #0000000f,0 4px 12px #0000000a}.header.is-hidden{transform:translateY(-100%)}.header--transparent{position:fixed;width:100%;background:transparent;border-bottom-color:transparent}.header--transparent:before{content:"";position:absolute;top:0;left:0;right:0;bottom:-20px;background:linear-gradient(to bottom,rgba(0,0,0,.45) 0%,rgba(0,0,0,.15) 70%,transparent 100%);pointer-events:none;z-index:-1;transition:opacity var(--duration-normal) var(--ease-out)}.header--transparent.is-scrolled:before{opacity:0}.header--transparent .nav-link,.header--transparent .header__action,.header--transparent .header__menu-toggle{color:var(--text-on-dark)}.header--transparent .nav-link:hover{background:none;color:#ffffffb3}.header--transparent .header__action:hover{background:#ffffff14}.header--transparent .header__logo-icon,.header--transparent .header__logo-mark,.header--transparent .header__logo-name,.header--transparent .header__logo-sub{color:var(--text-on-dark)}.header--transparent .nav-divider{background:#fff3}.header--transparent.is-scrolled{background:#fffffff5;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border-bottom-color:#0000000f}.header--transparent.is-scrolled .nav-link,.header--transparent.is-scrolled .header__action,.header--transparent.is-scrolled .header__menu-toggle{color:var(--text-primary)}.header--transparent.is-scrolled .nav-link:hover{background:none;color:var(--color-black)}.header--transparent.is-scrolled .header__action:hover{background:var(--color-light)}.header--transparent.is-scrolled .header__logo-icon,.header--transparent.is-scrolled .header__logo-mark,.header--transparent.is-scrolled .header__logo-name,.header--transparent.is-scrolled .header__logo-sub{color:var(--text-primary)}.header--transparent.is-scrolled .nav-divider{background:var(--color-border)}.header__inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 var(--container-padding);max-width:var(--container-max);margin:0 auto;gap:var(--space-6)}@media(min-width:1024px){.header__inner{display:grid;grid-template-columns:1fr auto 1fr;gap:0}}.header__logo{display:flex;align-items:center;gap:10px;flex-shrink:0;text-decoration:none}@media(min-width:1024px){.header__logo{justify-self:center;gap:14px}}.header__logo-mark{width:32px;height:32px;color:var(--text-primary);transition:color var(--duration-normal) var(--ease-out);flex-shrink:0}@media(min-width:1024px){.header__logo-mark{width:40px;height:40px}}.header__logo-text{display:flex;flex-direction:column;line-height:1;gap:1px}.header__logo-name{font-family:var(--font-heading);font-weight:700;font-size:20px;letter-spacing:.1em;color:var(--text-primary);transition:color var(--duration-normal) var(--ease-out)}@media(min-width:1024px){.header__logo-name{font-size:26px}}.header__logo-sub{font-family:var(--font-heading);font-weight:500;font-size:10px;letter-spacing:.28em;color:var(--text-primary);opacity:.65;transition:color var(--duration-normal) var(--ease-out)}@media(min-width:1024px){.header__logo-sub{font-size:13px;letter-spacing:.32em}}.header__logo-icon{height:32px;width:auto;color:var(--text-primary);transition:color var(--duration-normal) var(--ease-out)}@media(min-width:1024px){.header__logo-icon{height:34px}}.header__logo img{height:32px;width:auto}@media(min-width:1024px){.header__logo img{height:36px}}.header__nav{display:none;align-items:center;gap:0}@media(min-width:1024px){.header__nav{display:flex;justify-self:start}}.nav-link{display:flex;align-items:center;gap:var(--space-1);padding:10px 18px;font-family:var(--font-heading);font-size:14px;font-weight:var(--weight-medium);color:var(--text-primary);letter-spacing:.05em;text-transform:uppercase;border-radius:0;transition:color var(--duration-micro) var(--ease-out);white-space:nowrap;position:relative}.nav-link:after{content:"";position:absolute;bottom:0;left:18px;right:18px;height:1.5px;background:currentColor;transform:scaleX(0);transition:transform var(--duration-fast) var(--ease-out)}.nav-link:hover:after,.nav-link.is-active:after{transform:scaleX(1)}.nav-link:hover{background:none;color:var(--color-black)}.nav-link.is-active{color:var(--color-cta)}.nav-link--secondary{font-weight:var(--weight-medium);color:var(--text-secondary)}.nav-link--secondary:hover{color:var(--text-primary)}.nav-divider{width:1px;height:16px;background:var(--color-border);margin:0 6px;flex-shrink:0;transition:background-color var(--duration-normal) var(--ease-out)}.nav-link svg{width:16px;height:16px;transition:transform var(--duration-micro) var(--ease-out)}.nav-dropdown{position:relative}.nav-dropdown__menu{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(var(--space-2));min-width:220px;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2);opacity:0;visibility:hidden;transition:opacity var(--duration-fast) var(--ease-out),visibility var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);transform:translate(-50%) translateY(var(--space-3))}.nav-dropdown:hover .nav-dropdown__menu,.nav-dropdown:focus-within .nav-dropdown__menu{opacity:1;visibility:visible;transform:translate(-50%) translateY(var(--space-2))}.nav-dropdown:hover .nav-link svg{transform:rotate(180deg)}.nav-dropdown__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--text-primary);border-radius:var(--radius-md);transition:background-color var(--duration-micro) var(--ease-out)}.nav-dropdown__item:hover{background:var(--color-light)}.nav-dropdown__item svg{width:18px;height:18px;color:var(--text-tertiary)}.nav-dropdown__divider{height:1px;background:var(--color-border);margin:var(--space-2) var(--space-4)}.header__actions{display:flex;align-items:center;gap:2px}@media(min-width:1024px){.header__actions{justify-self:end}}.header__action{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);color:var(--text-primary);position:relative;transition:background-color var(--duration-micro) var(--ease-out),color var(--duration-micro) var(--ease-out)}.header__action:hover{background:var(--color-light)}.header__action svg{width:20px;height:20px}.header__cart-count{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;background:var(--color-cta);color:var(--color-white);font-size:10px;font-weight:var(--weight-bold);line-height:16px;text-align:center;border-radius:var(--radius-full)}.header__cart-count:empty{display:none}.header__menu-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);transition:background-color var(--duration-micro) var(--ease-out)}.header__menu-toggle:hover{background:var(--color-light)}@media(min-width:1024px){.header__menu-toggle{display:none}}.header__menu-toggle svg{width:20px;height:20px}.mobile-nav__section{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.mobile-nav__section:last-child{border-bottom:none}.mobile-nav__label{padding:var(--space-2) var(--space-4);font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.mobile-nav__link{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);font-size:var(--text-body);font-weight:var(--weight-medium);color:var(--text-primary);min-height:48px}.mobile-nav__link:hover,.mobile-nav__link:active{background:var(--color-light)}.mobile-nav__link svg{width:20px;height:20px;color:var(--text-tertiary)}.mobile-nav__sub{display:none;padding-left:var(--space-4)}.mobile-nav__sub.is-open{display:block}.mobile-nav__sub .mobile-nav__link{font-size:var(--text-body-sm);font-weight:var(--weight-regular);padding-left:var(--space-6);min-height:44px}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-4) 0;font-size:var(--text-body-sm)}.breadcrumbs__item{display:flex;align-items:center;gap:var(--space-2);color:var(--text-tertiary)}.breadcrumbs__item a{color:var(--text-tertiary);text-decoration:none;transition:color var(--duration-micro) var(--ease-out)}.breadcrumbs__item a:hover{color:var(--text-primary)}.breadcrumbs__separator{font-size:var(--text-caption);color:var(--color-border)}.breadcrumbs__current{color:var(--text-primary);font-weight:var(--weight-medium)}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#00000080;opacity:0;visibility:hidden;transition:opacity var(--duration-normal) var(--ease-out),visibility var(--duration-normal) var(--ease-out)}.search-overlay.is-open{opacity:1;visibility:visible}.search-overlay__inner{background:var(--color-white);padding:var(--space-4);transform:translateY(-100%);transition:transform var(--duration-normal) var(--ease-out)}.search-overlay.is-open .search-overlay__inner{transform:translateY(0)}.search-overlay__input{width:100%;max-width:var(--container-max);margin:0 auto;display:flex;align-items:center;gap:var(--space-3)}.search-overlay__input input{flex:1;border:none;font-size:var(--text-h3);font-family:var(--font-heading);font-weight:var(--weight-medium);outline:none;background:transparent;padding:var(--space-3) 0}.search-overlay__input input::placeholder{color:var(--text-tertiary)}.search-overlay__results{max-width:var(--container-max);margin:0 auto;padding-top:var(--space-4)}.search-overlay__close{display:flex;align-items:center;justify-content:center;width:44px;height:44px}.search-overlay__close svg{width:24px;height:24px}
/*# sourceMappingURL=/cdn/shop/t/1/assets/component-nav.css.map */