.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.drawer-overlay.is-open{opacity:1;visibility:visible}.drawer{position:fixed;top:0;z-index:201;width:85%;max-width:420px;height:100%;background:var(--color-bg);color:var(--color-text);overflow-y:auto;transition:transform .3s ease}.drawer--left{left:0;transform:translate(-100%)}.drawer--right{right:0;transform:translate(100%)}.drawer.is-open{transform:translate(0)}.drawer__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border)}.drawer__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px}.drawer__close svg{width:20px;height:20px}.drawer__body{padding:1rem 1.25rem}.mobile-nav__item{border-bottom:1px solid var(--color-border)}.mobile-nav__link{display:flex;align-items:center;justify-content:space-between;padding:.875rem 0;font-weight:600;font-size:1rem}.mobile-nav__submenu--nested{padding-left:1rem}.mobile-nav__details--nested>summary{font-weight:500}.mega-menu{position:static}.mega-menu__trigger{display:inline-flex;align-items:center;gap:.375rem}.mega-menu__panel{position:absolute;left:0;right:0;top:100%;background:var(--color-bg);color:var(--color-text);box-shadow:0 8px 24px #0000001f;padding:2rem 0;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .25s ease,visibility .25s ease,transform .25s ease;z-index:99}.mega-menu:hover .mega-menu__panel,.mega-menu__trigger[aria-expanded=true]+.mega-menu__panel{opacity:1;visibility:visible;transform:translateY(0)}.mega-menu__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2rem}.mega-menu__column-title{display:block;font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.75rem;color:var(--color-text)}.mega-menu__column-title:hover{color:var(--color-primary)}.mega-menu__links{display:flex;flex-direction:column;gap:.375rem}.mega-menu__link{font-size:.875rem;color:var(--color-text-muted);transition:color .2s ease}.mega-menu__link:hover{color:var(--color-text)}.mega-menu__feature{max-width:280px}.mega-menu__feature-img{width:100%;border-radius:4px;object-fit:cover;aspect-ratio:4/3}.mega-menu__feature-caption{display:block;margin-top:.5rem;font-weight:600;font-size:.875rem}.mega-menu__trigger:focus-visible,.site-header__nav a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.site-header__dropdown{position:relative}.site-header__dropdown-menu{position:absolute;top:100%;left:0;z-index:100;min-width:200px;background:var(--color-bg);color:var(--color-text);box-shadow:0 8px 24px #0000001f;padding:.5rem 0;border-radius:4px;visibility:hidden;opacity:0;transform:translateY(-4px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease}.site-header__dropdown:hover .site-header__dropdown-menu,.site-header__dropdown.is-open .site-header__dropdown-menu{visibility:visible;opacity:1;transform:translateY(0)}.site-header__dropdown-link{display:block;padding:.5rem 1.25rem;font-size:.875rem;white-space:nowrap;color:var(--color-text);transition:color .2s ease,background-color .2s ease}.site-header__dropdown-link:hover{color:var(--color-primary);background:#0000000a}.mobile-nav__item--account{padding:1rem 0;border-top:1px solid var(--color-border);margin-top:auto}.mobile-nav__item--account .mobile-nav__link{font-size:1.4rem;font-weight:600;color:var(--color-text);text-decoration:none;letter-spacing:.05em;text-transform:uppercase}.mobile-nav__item--account .mobile-nav__link:hover{color:var(--color-primary)}.mobile-nav__social{display:flex;gap:1.25rem;padding:1.5rem 0;border-top:1px solid var(--color-border);margin-top:auto}.mobile-nav__social-link{display:flex;align-items:center;color:var(--color-text-muted);transition:color .2s ease}.mobile-nav__social-link:hover{color:var(--color-text)}.drawer-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:149;cursor:pointer}.drawer-overlay.is-visible{display:block}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-nav.css.map */