body:not(.template-index):not(.template-newsletter) main{padding-top:110px;padding-left:0}.site-header{color:var(--shell-fg)}loop-navigation{position:fixed;z-index:30;top:0;right:0;left:0;height:86px;display:flex;align-items:center;justify-content:space-between;padding:16px 28px;pointer-events:none}loop-navigation>*{pointer-events:auto}loop-navigation:has(.mobile-menu[open]){z-index:40}.brand,.bag-link{position:relative;z-index:2;min-height:44px;display:flex;align-items:center;color:inherit;text-decoration:none}.brand{width:var(--desktop-logo-width, 220px);max-width:40vw;font-size:27px;font-weight:900;line-height:1}.brand-image{width:100%;height:auto;max-height:58px;object-fit:contain}.bag-link{padding:8px 12px;font-family:var(--font-display--family);font-size:var(--bag-size, 23px);font-style:var(--font-display--style);font-weight:var(--font-display--weight);line-height:1.2;letter-spacing:.005em}.bag-count{position:absolute;top:0;right:0;min-width:18px;height:18px;padding:2px;display:grid;place-items:center;border-radius:50%;background:#666;font:700 10px/1 Arial,sans-serif}.bag-icon,.mobile-menu{display:none}.menu-toggle{position:relative;z-index:2;width:44px;height:44px;display:grid;place-items:center;cursor:pointer;list-style:none}.menu-toggle::-webkit-details-marker{display:none}.menu-toggle svg{width:30px;height:30px}.menu-close-icon{display:none}.mobile-menu[open] .menu-close-icon{display:block}.mobile-menu[open] .menu-open-icon{display:none}.mobile-navigation{position:fixed;top:0;right:0;bottom:0;left:0;padding:103px 24px max(32px,env(safe-area-inset-bottom));overflow-y:auto;background:var(--shell-bg)}.mobile-navigation .navigation-list{align-items:center;gap:24px}.mobile-navigation a{min-height:25px;font-size:var(--mobile-menu-size, 22px);text-align:center}html:has(.mobile-menu[open]){overflow:hidden}.desktop-navigation{position:fixed;z-index:25;bottom:var(--desktop-menu-offset, 36px);left:var(--desktop-menu-offset, 36px);max-width:min(280px,calc(100vw - var(--desktop-menu-offset, 36px) * 2));max-height:calc(100svh - 130px);overflow:visible}.navigation-list{padding:0;display:flex;flex-direction:column;gap:8px;list-style:none}.navigation-list a{padding:0;display:block;color:inherit;font-family:var(--font-display--family);font-size:var(--desktop-menu-size, 22px);font-style:var(--font-display--style);font-weight:var(--font-display--weight);line-height:1.25;letter-spacing:.004em;text-decoration:none;text-transform:uppercase;transition:color .2s ease-in}.navigation-list a:hover,.template-newsletter .navigation-list a[aria-current=page]{color:#636363}.bag-link.is-confirmed .bag-count{background:#ffd400;color:#202024}@media(min-width:1281px){body:not(.template-index):not(.template-newsletter) .desktop-navigation{z-index:29;top:0;right:0;bottom:auto;left:0;width:100%;max-width:none;height:86px;display:flex;align-items:center;justify-content:center;padding:0 clamp(250px,20vw,330px);overflow:hidden;background:var(--shell-bg)}body:not(.template-index):not(.template-newsletter) .desktop-navigation .navigation-list{width:max-content;flex-direction:row;align-items:center;justify-content:center;gap:var(--header-menu-gap, 22px);text-align:center}body:not(.template-index):not(.template-newsletter) .desktop-navigation .navigation-list a{font-size:var(--header-menu-size, 15px);white-space:nowrap}}@media(min-width:1281px)and (max-height:420px){.desktop-navigation{overflow-y:auto;scrollbar-width:thin}}@media(max-width:1280px){body:not(.template-index):not(.template-newsletter) main{padding:90px 0 0}loop-navigation{height:76px;padding:12px 20px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:12px}.brand{grid-column:2;justify-self:center;width:var(--mobile-logo-width, 160px);max-width:100%;font-size:24px}.brand-image{max-height:44px}.bag-link{grid-column:3;padding:8px;justify-content:center}.bag-word,.desktop-navigation{display:none}.bag-icon{width:25px;display:block}.mobile-menu{grid-column:1;display:block}body.template-collection loop-navigation{height:72px;padding:14px 16px}body:not(.template-index):not(.template-newsletter) loop-navigation{background:var(--shell-bg)}}@media(max-width:1280px)and (max-height:500px){.mobile-navigation{padding-top:80px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.mobile-navigation .navigation-list{gap:12px}}@media(max-width:1280px)and (max-height:360px){.mobile-navigation{padding-top:76px}.mobile-navigation .navigation-list{gap:6px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/header.css.map */