:root{--ff-header-height: 56px;--ff-header-offset: var(--ff-header-height)}@media(min-width:990px){:root{--ff-header-height: 73px}}.section-site-header{position:sticky;top:0;z-index:var(--ff-z-header)}.section-site-header:has(>.header-wrapper--static){position:relative}@media(min-width:700px)and (max-height:550px){.section-site-header{position:relative}}.section-site-header.is-drawer-open,.section-site-header:has(ff-drawer[open]){z-index:var(--ff-z-drawer)}.header-wrapper{display:block;background-color:var(--color-background);color:var(--color-text);transition:box-shadow var(--ff-duration-slow) ease,transform var(--ff-duration-slow) var(--ff-ease-out)}.section-site-header.is-header-hidden{pointer-events:none}.section-site-header.is-header-hidden .header-wrapper{transform:translateY(calc(-100% - 12px))}.header-wrapper.is-stuck{box-shadow:0 1px rgb(var(--color-text-rgb) / .08),0 6px 16px #0000000d}.header{display:flex;align-items:center;min-height:56px;padding-block:4px}.header__heading{flex:0 1 auto;min-width:0;margin:0;font-size:inherit;font-weight:inherit;line-height:0}.header__logo{display:block;width:var(--ff-logo-width);max-width:100%;padding-block:4px;color:currentColor}.header__logo-image,.header__wordmark{display:block;width:100%;height:auto}.header__icons{display:flex;flex:none;align-items:center;column-gap:8px;margin-left:auto;margin-right:-10px}.header__icon{position:relative;display:grid;flex:none;place-items:center;width:44px;height:44px;border-radius:50%;color:inherit;font-size:24px;-webkit-tap-highlight-color:transparent;transition:background-color var(--ff-duration-base) ease}.header__icon:hover{background-color:rgb(var(--color-text-rgb) / .06)}.header__icon .icon{width:1em;height:1em}.header__menu-button{margin-left:-10px;margin-right:4px}@media(max-width:359px){.header__icons{column-gap:4px}.header__icon{width:40px;height:40px;font-size:22px}.header__menu-button{margin-right:0}}.header__account{display:grid;flex:none;place-items:center;width:44px;height:44px}.header__account>*{grid-area:1 / 1}.header__shopify-account:not(:defined){display:none}.header__account:has(.header__shopify-account:defined) .header__account-fallback{display:none}.header__shopify-account{--shopify-account-avatar-size: 44px;--shopify-account-signed-in-avatar-size: 30px;--shopify-account-signed-in-avatar-color-background: var(--ff-ci-blue);--shopify-account-signed-in-avatar-color-text: var(--ff-color-ink);--shopify-account-color-accent: var(--ff-color-ink);--shopify-account-color-background: var(--ff-color-surface);--shopify-account-color-text: var(--ff-color-text);--shopify-account-font-body: var(--ff-font-body);--shopify-account-font-heading: var(--ff-font-heading);--shopify-account-radius-base: var(--ff-radius-md);--shopify-account-radius-button: var(--ff-radius-button);--shopify-account-radius-input: var(--ff-radius-input);display:grid;place-items:center;color:inherit;font-size:24px}.header__shopify-account::part(signed-out-avatar){display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background-color:transparent;color:inherit;font-size:24px;transition:background-color var(--ff-duration-base) ease}.header__shopify-account::part(signed-out-avatar):hover{background-color:rgb(var(--color-text-rgb) / .06)}.header__account-avatar{display:grid;place-items:center;font-size:24px;line-height:0}.header__account-avatar .icon{width:1em;height:1em}@media(max-width:359px){.header__account{width:40px;height:40px}.header__shopify-account{--shopify-account-avatar-size: 40px;font-size:22px}.header__shopify-account::part(signed-out-avatar){width:40px;height:40px;font-size:22px}.header__account-avatar{font-size:22px}}.header__nav{display:none}.header__menu{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:flex-start}.header__menu-item{position:relative;display:flex;align-items:stretch}.header__menu-link{position:relative;display:inline-flex;align-items:center;gap:5px;padding:var(--nav-pad-y) var(--nav-pad-x);color:inherit;font-family:inherit;font-size:var(--nav-font);font-weight:var(--ff-weight-body);line-height:1.3;letter-spacing:var(--nav-tracking);white-space:nowrap;cursor:pointer}.header__menu-link:after{content:"";position:absolute;right:var(--nav-pad-x);bottom:calc(var(--nav-pad-y) - 7px);left:var(--nav-pad-x);height:2px;background-color:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform var(--ff-duration-base) var(--ff-ease-out)}.header__menu-link:hover:after,.header__menu-link[aria-current=page]:after,.header__menu-item.is-active>.header__menu-link:after,.header__submenu-toggle--label[aria-expanded=true]:after{transform:scaleX(1)}.header__submenu-toggle--label:after{right:calc(var(--nav-pad-x) + 15px)}.header__menu-link--with-toggle{padding-right:2px}.header__menu-link--with-toggle:after{right:2px}.header__submenu-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:24px;padding:0 var(--nav-pad-x) 0 3px;color:inherit;cursor:pointer}.header__submenu-toggle.header__menu-link{padding:var(--nav-pad-y) var(--nav-pad-x)}.header__chevron{width:10px;height:10px;stroke-width:3;transition:transform var(--ff-duration-base) var(--ff-ease-out)}.header__submenu-toggle[aria-expanded=true] .header__chevron{transform:rotate(180deg)}.header__submenu{position:absolute;top:100%;left:0;z-index:var(--ff-z-dropdown);width:max-content;min-width:100%;max-width:340px;padding:10px 0 5px;background-color:var(--color-background);color:var(--color-text);box-shadow:var(--ff-shadow-dropdown);opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity var(--ff-duration-slow) ease,transform .25s var(--ff-ease-out),visibility 0s linear var(--ff-duration-slow)}.header__submenu--end{right:0;left:auto}.header__submenu-toggle[aria-expanded=true]~.header__submenu,.no-js .header__menu-item--parent:hover>.header__submenu,.no-js .header__menu-item--parent:focus-within>.header__submenu{opacity:1;visibility:visible;transform:none;transition-delay:.05s,.05s,0s}.header__submenu-link{display:flex;align-items:center;gap:10px;padding:8px 15px;font-size:calc(var(--nav-font) - 1px);line-height:1.35;letter-spacing:var(--nav-tracking);text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:3px;transition:text-decoration-color var(--ff-duration-fast) ease}.header__submenu-link:hover,.header__submenu-link[aria-current=page]{text-decoration-color:currentColor}.header__submenu-link:focus-visible{outline-offset:-2px;box-shadow:none}.header-dot{flex:none;width:10px;height:10px;border-radius:50%;background-color:var(--header-dot, var(--ff-sorte-default));box-shadow:inset 0 0 0 1px #00000024}@media(min-width:990px){.header{flex-wrap:wrap;min-height:73px;padding-block:6px}.header__menu-button{display:none}.header__heading{flex:none;margin-right:24px}.header__logo{width:var(--ff-logo-width)}.header__nav{--nav-font: 16px;--nav-pad-x: 10px;--nav-pad-y: 14px;--nav-tracking: .02em;display:block;flex:1 1 0%;min-width:0;margin-left:calc(var(--nav-pad-x) * -1)}.header__icons{margin-left:4px;margin-right:-12px}.header__icon{width:50px;height:50px;font-size:26px}.header__account{width:50px;height:50px}.header__shopify-account{--shopify-account-avatar-size: 50px;--shopify-account-signed-in-avatar-size: 32px;font-size:26px}.header__shopify-account::part(signed-out-avatar){width:50px;height:50px;font-size:26px}.header__account-avatar{font-size:26px}.header--menu-below{padding-bottom:0}.header--menu-below .header__nav{--nav-font: 16px;--nav-pad-x: 10px;--nav-pad-y: 11px;order:3;flex:0 0 100%;margin-left:0;border-top:1px solid rgb(var(--color-text-rgb) / .08)}.header--menu-below .header__menu{justify-content:center}.header--menu-below .header__icons{margin-left:auto}}@media(min-width:990px)and (max-width:1199px){:root{--ff-header-height: 100px}.header--menu-beside{padding-bottom:0}.header--menu-beside .header__logo{width:min(var(--ff-logo-width),170px)}.header--menu-beside .header__nav{--nav-pad-y: 11px;order:3;flex:0 0 100%;margin-left:0;border-top:1px solid rgb(var(--color-text-rgb) / .08)}.header--menu-beside .header__menu{justify-content:center}.header--menu-beside .header__icons{margin-left:auto}}@media(min-width:1200px){.header__nav{--nav-font: 15px;--nav-pad-x: 6px;--nav-tracking: .01em}.header--menu-beside .header__logo{width:min(var(--ff-logo-width),150px)}}@media(min-width:1280px){.header__nav{--nav-font: 16px;--nav-pad-x: 7px}.header--menu-beside .header__logo{width:min(var(--ff-logo-width),170px)}}@media(min-width:1360px){.header__nav{--nav-font: 17px;--nav-pad-x: 8px}.header--menu-beside .header__logo{width:min(var(--ff-logo-width),180px)}}@media(min-width:1440px){.header--menu-beside .header__logo{width:var(--ff-logo-width)}.header--menu-below .header__nav{--nav-font: var(--ff-text-nav, 18px);--nav-pad-x: 14px;--nav-tracking: .03em}}@media(min-width:1500px){.header__heading{margin-right:30px}.header__nav{--nav-font: var(--ff-text-nav, 18px);--nav-pad-x: 12px;--nav-tracking: .02em}}.header-drawer .drawer__panel{width:min(420px,calc(100% - 44px))}.header-drawer__header{min-height:60px;padding-block:8px}.header-drawer__title{font-size:var(--ff-h4)}.header-drawer__body{display:flex;flex-direction:column;gap:28px;padding-top:8px}.header-drawer__top{display:flex;flex-direction:column;gap:12px;margin-bottom:-8px}.header-drawer__chips{display:flex;flex-wrap:wrap;gap:8px}.header-drawer__chip{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border:1px solid var(--color-border);border-radius:var(--ff-radius-pill);background-color:var(--color-surface);color:inherit;font-size:calc(var(--ff-text-base) - 1px);font-weight:var(--ff-weight-ui);line-height:1.25;transition:border-color var(--ff-duration-base) ease}.header-drawer__chip:hover{border-color:var(--color-text)}.header-drawer__account{font-weight:var(--ff-weight-ui)}.header-drawer__account-links{display:flex;flex-wrap:wrap;gap:0 24px}.header-drawer__link{display:flex;align-items:center;justify-content:space-between;gap:var(--ff-gap-md);width:100%;min-height:52px;padding:10px 0;border-bottom:1px solid var(--color-border);color:inherit;font-size:calc(var(--ff-text-base) + 2px);font-weight:var(--ff-weight-ui);line-height:1.3;letter-spacing:.02em}.header-drawer__link.is-active>span:first-child,.header-drawer__link[aria-current=page]>span{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.header-drawer__summary{list-style:none;cursor:pointer}.header-drawer__summary::-webkit-details-marker{display:none}.header-drawer__chevron{flex:none;width:16px;height:16px;transition:transform var(--ff-duration-base) var(--ff-ease-out)}.header-drawer__details[open]>.header-drawer__summary .header-drawer__chevron{transform:rotate(180deg)}.header-drawer__details[open]>.header-drawer__summary{border-bottom-color:transparent}.header-drawer__submenu{padding:0 0 12px 2px;border-bottom:1px solid var(--color-border)}.header-drawer__sublink{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 0;color:inherit;font-size:var(--ff-text-base);line-height:1.35}.header-drawer__sublink:hover>span,.header-drawer__sublink[aria-current=page]>span{text-decoration:underline;text-underline-offset:3px}.header-drawer__sublink--all{font-weight:var(--ff-weight-ui)}.header-drawer__secondary{display:flex;flex-direction:column;gap:24px;margin-top:auto;padding-bottom:8px}.header-drawer__heading{margin-bottom:6px;color:var(--color-muted);font-family:var(--ff-font-body);font-size:var(--ff-text-xs, 13px);font-weight:var(--ff-weight-ui);letter-spacing:.12em;text-transform:uppercase}.header-drawer__utility{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:inherit;font-size:var(--ff-text-base)}.header-drawer__utility .icon{width:22px;height:22px}.header-drawer__utility:hover>span{text-decoration:underline;text-underline-offset:3px}.header-drawer__service-link{display:inline-flex;align-items:center;min-height:44px;font-size:var(--ff-text-base)}.header-drawer__service-link:hover,.header-drawer__service-link[aria-current=page]{text-decoration:underline;text-underline-offset:3px}.no-js .header-drawer:target{visibility:visible;pointer-events:auto;transition-delay:0s}.no-js .header-drawer:target .drawer__overlay{opacity:1}.no-js .header-drawer:target .drawer__panel{transform:none}@media(min-width:990px){.header-drawer{display:none}}.search-drawer .drawer__panel{opacity:0}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-header.css.map */