:root{--header-h: 56px;--nav-dropdown-gap: var(--space-1)}@media screen and (min-width:990px){:root{--header-h: 76px}}.header{position:relative;z-index:50;width:100%;background-color:var(--color-cream);box-shadow:0 1px 0 var(--color-hairline)}.header__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto) minmax(0,1fr);align-items:center;gap:var(--space-1);width:100%;max-width:calc(var(--container-max) + var(--container-pad) * 2);min-height:var(--header-h);margin-inline:auto;padding-inline:var(--container-pad)}.header__inner>*{grid-row:1}.header__logo{grid-column:2;display:inline-flex;align-items:center;justify-content:center;justify-self:center;min-width:0;min-height:44px;text-decoration:none;color:var(--color-heading)}.header__logo-img{width:100%;height:auto}.header__wordmark{font-family:var(--font-display);font-size:var(--text-m);font-weight:var(--weight-semibold);letter-spacing:.14em;line-height:1;text-transform:uppercase}.header__icon-btn{display:inline-flex;align-items:center;justify-content:center;position:relative;min-width:44px;min-height:44px;color:var(--color-ink);text-decoration:none;transition:color var(--ease),opacity var(--ease)}.header__icon-btn:hover{color:var(--color-cocoa);opacity:.7}.header__drawer-icon--open{color:var(--color-border)}.header__actions{grid-column:3;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-half)}.header__cart-count{position:absolute;inset-block-start:4px;inset-inline-end:2px;min-width:17px;height:17px;padding-inline:4px;border-radius:var(--radius-pill);background-color:var(--color-cocoa);color:var(--color-on-cocoa);font-family:var(--font-body);font-size:10px;font-weight:var(--weight-semibold);line-height:17px;text-align:center;font-variant-numeric:tabular-nums}.header__cart-count[data-empty=true],.header__nav{display:none}.nav{display:flex;align-items:center;gap:var(--space-4);margin:0;list-style:none}.nav__item{position:relative;display:flex;align-items:center}.nav__link{display:inline-flex;align-items:center;gap:2px;min-height:44px;color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:color var(--ease)}.nav__link:after{content:"";position:absolute;inset-block-end:12px;inset-inline:0;height:1px;background-color:currentcolor;transform:scaleX(0);transform-origin:left center;transition:transform var(--ease)}.nav__item:hover .nav__link:after,.nav__item:focus-within .nav__link:after{transform:scaleX(1)}.nav__link:hover{color:var(--color-cocoa)}.nav__chevron{transition:transform var(--ease)}.nav__item--has-children:hover .nav__chevron,.nav__item--has-children:focus-within .nav__chevron{transform:rotate(180deg)}.nav__dropdown{position:absolute;inset-block-start:100%;inset-inline-start:calc(var(--space-3) * -1);z-index:10;min-width:220px;padding-block-start:var(--nav-dropdown-gap);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity var(--ease),transform var(--ease),visibility var(--ease)}.nav__item--has-children:hover>.nav__dropdown,.nav__item--has-children:focus-within>.nav__dropdown{opacity:1;visibility:visible;transform:none}.nav__dropdown-list{display:flex;flex-direction:column;margin:0;padding:var(--space-1);list-style:none;background-color:var(--color-cream);border:1px solid var(--color-hairline);border-radius:var(--radius-m);box-shadow:var(--shadow-m)}.nav__dropdown-link{display:block;padding:10px var(--space-2);border-radius:var(--radius-s);color:var(--color-ink);font-size:var(--text-s);text-decoration:none;white-space:nowrap;transition:background-color var(--ease),color var(--ease)}.nav__dropdown-link:hover{background-color:var(--color-surface);color:var(--color-cocoa)}.header__drawer{grid-column:1;justify-self:start}.header__drawer-toggle{list-style:none}.header__drawer-icon--close,.header__drawer[open] .header__drawer-icon--open{display:none}.header__drawer[open] .header__drawer-icon--close{display:block}@media screen and (max-width:989px){.header__action--account{display:none}}@media screen and (min-width:990px){.header__drawer{display:none}.header__nav{grid-column:1;display:flex;align-items:center;justify-self:start}.header__actions{gap:var(--space-1)}}
/*# sourceMappingURL=/cdn/shop/t/165/assets/header.css.map */