.header{position:relative;z-index:20;background-color:rgb(var(--color-header-background));color:rgb(var(--color-header-text));border-bottom:1px solid rgb(var(--color-border) / .6)}.header--sticky{position:sticky;inset-block-start:0}.header.is-scrolled{box-shadow:var(--shadow-sm)}.header__inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-md);min-height:72px}.header__brand{display:flex;align-items:center;min-width:0}.header__logo-heading{margin:0;font-size:inherit;line-height:0}.header__logo-link{display:inline-flex;align-items:center;text-decoration:none}.header__logo{height:auto;max-width:100%}.header__logo--mobile{display:none}.header__logo-text{font-family:var(--font-heading);font-size:var(--text-h4);font-weight:var(--font-heading-weight);letter-spacing:.04em;text-transform:uppercase}.header__nav{min-width:0}.header__menu{display:flex;align-items:center;justify-content:center;gap:clamp(1rem,.2rem + 2.4vw,3rem);margin:0;padding:0;list-style:none}.header--start .header__menu{justify-content:flex-start;padding-inline-start:var(--space-xl)}.header__menu-item{position:relative}.header__menu-link{display:inline-flex;align-items:center;gap:var(--space-2xs);padding:var(--space-xs) 0;border:0;background:none;color:inherit;font-size:var(--text-sm);font-weight:600;letter-spacing:.06em;text-decoration:none;text-transform:uppercase;white-space:nowrap}.header__menu-link:after{content:"";position:absolute;inset-block-end:2px;inset-inline-start:0;width:100%;height:1.5px;background-color:currentcolor;transform:scaleX(0);transform-origin:inline-start;transition:transform var(--duration-fast) var(--ease)}.header__menu-link:hover:after,.header__menu-item.is-open>.header__menu-link:after,.header__menu-link[aria-current=page]:after{transform:scaleX(1)}.header__menu-caret svg{width:12px;height:12px;transition:transform var(--duration-fast) var(--ease)}.header__menu-item.is-open .header__menu-caret svg{transform:rotate(180deg)}.header__dropdown{position:absolute;z-index:25;inset-block-start:100%;inset-inline-start:50%;min-width:220px;margin:0;padding:var(--space-xs);border:1px solid rgb(var(--color-border));border-radius:var(--radius-lg);background-color:rgb(var(--color-surface));box-shadow:var(--shadow-lg);list-style:none;transform:translate(-50%)}.header__dropdown-link{display:block;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);color:rgb(var(--color-text));font-size:var(--text-sm);text-decoration:none}.header__dropdown-link:hover,.header__dropdown-link[aria-current=page]{background-color:rgb(var(--color-surface-muted))}.mega-menu{position:absolute;z-index:25;inset-inline:0;inset-block-start:100%;border-block:1px solid rgb(var(--color-border));background-color:rgb(var(--color-surface));box-shadow:var(--shadow-lg)}.mega-menu__inner{display:grid;grid-template-columns:minmax(0,2fr) auto;gap:var(--space-2xl);padding-block:var(--space-xl);text-align:start}.mega-menu__inner:not(:has(.mega-menu__products)):not(:has(.mega-menu__feature)){grid-template-columns:minmax(0,1fr)}.mega-menu__columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-xl)}.mega-menu__column-title{display:block;margin-bottom:var(--space-sm);color:rgb(var(--color-heading));font-family:var(--font-heading);font-size:var(--text-h6);font-weight:var(--font-heading-weight);text-decoration:none}.mega-menu__list{display:flex;flex-direction:column;gap:var(--space-xs);margin:0;padding:0;list-style:none}.mega-menu__link{color:rgb(var(--color-text-muted));font-size:var(--text-sm);text-decoration:none}.mega-menu__link:hover{color:rgb(var(--color-text))}.mega-menu__products{display:grid;grid-template-columns:repeat(2,130px);gap:var(--space-md)}.mega-menu__product{display:flex;flex-direction:column;gap:var(--space-2xs);text-decoration:none}.mega-menu__product-title{font-size:var(--text-sm);font-weight:600;line-height:var(--leading-snug)}.mega-menu__product-price .price__current{font-size:var(--text-sm)}.mega-menu__feature{display:flex;flex-direction:column;gap:var(--space-xs);width:220px}.mega-menu__feature-heading{margin:0;font-family:var(--font-heading);font-size:var(--text-h5)}.mega-menu__feature-link{display:inline-flex;align-items:center;gap:var(--space-2xs);font-size:var(--text-sm);font-weight:600}.mega-menu__feature-link svg{width:16px;height:16px}.header__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-xs)}.header__icon-button{position:relative;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:var(--radius-pill);background:none;color:inherit;text-decoration:none;transition:background-color var(--duration-fast) var(--ease)}.header__icon-button:hover{background-color:rgb(var(--color-surface-muted))}.header__icon svg{width:21px;height:21px}.header__menu-toggle{display:none}.header__cart-count{position:absolute;inset-block-start:2px;inset-inline-end:2px;display:grid;place-items:center;min-width:18px;height:18px;padding-inline:4px;border-radius:var(--radius-pill);background-color:rgb(var(--color-primary));color:rgb(var(--color-primary-contrast));font-size:11px;font-weight:700;line-height:1}.locale-selector{display:flex;align-items:center;gap:var(--space-xs)}.locale-selector__select{min-height:36px;padding:0 1.75rem 0 .5rem;border:0;border-radius:var(--radius-sm);background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .35rem center;color:inherit;font-size:var(--text-sm);font-weight:600;-webkit-appearance:none;appearance:none;cursor:pointer}.locale-selector--drawer{flex-direction:column;align-items:stretch}.locale-selector--drawer .locale-selector__select{width:100%;border:1px solid rgb(var(--color-border));min-height:44px}.drawer{width:min(420px,92vw);max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background-color:rgb(var(--color-background));color:rgb(var(--color-text))}.drawer::backdrop{background-color:#00000073}.drawer--start{margin-inline-end:auto}.drawer--end{margin-inline-start:auto}.drawer__inner{display:flex;flex-direction:column;height:100%}.drawer__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid rgb(var(--color-border))}.drawer__title{font-family:var(--font-heading);font-size:var(--text-h5);font-weight:var(--font-heading-weight)}.drawer__close{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:var(--radius-pill);background:none;color:inherit}.drawer__close svg{width:20px;height:20px}.drawer__close:hover{background-color:rgb(var(--color-surface-muted))}.drawer__body{flex:1 1 auto;overflow-y:auto;padding:var(--space-md) var(--space-lg)}.drawer__footer{padding:var(--space-md) var(--space-lg);border-top:1px solid rgb(var(--color-border))}.header-drawer__menu,.header-drawer__sub{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.header-drawer__sub{padding-inline-start:var(--space-md)}.header-drawer__summary,.header-drawer__link{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);min-height:48px;padding-block:var(--space-xs);color:inherit;font-size:var(--text-base);font-weight:600;text-decoration:none}.header-drawer__link:not(.header-drawer__link--top){font-weight:400;color:rgb(var(--color-text-muted))}.header-drawer__link--all{font-style:italic}.header-drawer__caret svg{width:16px;height:16px;transition:transform var(--duration-fast) var(--ease)}.header-drawer__details[open]>.header-drawer__summary .header-drawer__caret svg{transform:rotate(180deg)}.header-drawer__footer{display:flex;flex-direction:column;gap:var(--space-sm)}@media(max-width:989px){.header__inner{grid-template-columns:auto 1fr auto;min-height:60px}.header__menu-toggle{display:grid}.header__nav{display:none}.header__brand{justify-content:center}.header__logo--desktop{display:none}.header__logo--mobile{display:block}.header__icon-button--account,.locale-selector--header{display:none}}@media(min-width:990px){.header--stacked .header__inner{grid-template-columns:1fr auto 1fr;grid-template-areas:"spacer brand actions" "nav nav nav"}.header--stacked .header__brand{grid-area:brand;justify-content:center}.header--stacked .header__actions{grid-area:actions}.header--stacked .header__nav{grid-area:nav;padding-bottom:var(--space-sm)}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/component-header.css.map */