.site-header__menu-list{display:flex;align-items:stretch;justify-content:center;gap:clamp(var(--spacing-block),3vw,calc(var(--spacing-block) * 2.625));width:100%;margin:0;padding:0;list-style:none}.site-header__nav-item{display:flex;align-items:stretch}.site-header__nav-link,.site-header__nav-trigger{display:flex;align-items:center}.site-header__nav-link{min-height:var(--site-header-height, 5rem);padding-block:8px;white-space:nowrap}.site-header__nav-trigger{gap:5px}.site-header__nav-toggle{width:24px;height:36px;padding:0;border:0;display:grid;place-items:center;background:transparent;color:inherit;cursor:pointer}.site-header__nav-toggle svg{width:11px;transition:transform .18s ease}.site-header__nav-item.is-open .site-header__nav-toggle svg{transform:rotate(180deg)}.site-header__nav-item--mega.is-open:after{content:"";position:fixed;z-index:49;top:0;right:0;bottom:0;left:0;top:var(--mega-menu-backdrop-top, 0);background:color-mix(in srgb,var(--color-shadow) 16%,transparent);pointer-events:none}.mega-menu[hidden],.site-header__dropdown[hidden],.mega-menu__tabpanel[hidden]{display:none}.site-header__nav-item--dropdown{position:relative}.site-header__dropdown{position:absolute;z-index:51;inset-block-start:100%;inset-inline-start:50%;width:max-content;min-width:230px;max-width:min(340px,calc(100vw - 32px));padding:10px;border:var(--style-border-width-cards) solid var(--color-border);border-radius:var(--style-border-radius-cards);box-shadow:0 12px 30px color-mix(in srgb,var(--color-shadow) 16%,transparent);color:var(--color-foreground);background:var(--color-background);transform:translate(-50%)}.site-header__dropdown-list,.site-header__dropdown-sublist{margin:0;padding:0;list-style:none}.site-header__dropdown-item+.site-header__dropdown-item{margin-top:2px}.site-header__dropdown-link,.site-header__dropdown-sublist a{display:block;border-radius:var(--style-border-radius-inputs);color:inherit;text-decoration:none}.site-header__dropdown-link{padding:10px 12px;font-weight:600}.site-header__dropdown-link:hover,.site-header__dropdown-link:focus-visible,.site-header__dropdown-sublist a:hover,.site-header__dropdown-sublist a:focus-visible{background:color-mix(in srgb,var(--color-primary) 10%,var(--color-background));color:var(--color-primary);text-decoration:none}.site-header__dropdown-sublist{margin:0 8px 8px;padding-inline-start:10px;border-inline-start:1px solid var(--color-border)}.site-header__dropdown-sublist a{padding:7px 10px;color:color-mix(in srgb,var(--color-foreground) 72%,transparent);font-size:var(--font-size-small);font-weight:400}.mega-menu{position:absolute;z-index:50;inset-inline-start:50%;inset-block-start:100%;width:min(var(--mega-menu-width),calc(100vw - 32px));max-height:min(var(--mega-menu-max-height),var(--mega-menu-available-height, calc(100vh - 32px) ));border:var(--style-border-width-cards) solid var(--color-border);border-radius:var(--style-border-radius-cards);overflow:hidden;box-shadow:0 12px 35px color-mix(in srgb,var(--color-shadow) 18%,transparent);color:var(--color-foreground);background:var(--color-background);transform:translate(-50%)}.mega-menu__surface{height:min(var(--mega-menu-max-height),var(--mega-menu-available-height, calc(100vh - 32px) ));min-height:min(360px,var(--mega-menu-available-height, 360px));max-height:min(var(--mega-menu-max-height),var(--mega-menu-available-height, calc(100vh - 32px) ));display:grid;grid-template-columns:minmax(190px,240px) minmax(0,1fr)}.mega-menu__level-one{padding:28px 12px;overflow-y:auto;border-inline-end:1px solid var(--color-border);background:color-mix(in srgb,var(--color-foreground) 2%,var(--color-background))}.mega-menu__tab{width:100%;min-height:44px;padding:10px 14px;border:0;border-radius:var(--style-border-radius-inputs);display:grid;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:8px;background:transparent;color:inherit;font:inherit;font-weight:500;line-height:1.3;text-align:start;cursor:pointer}.mega-menu__tab span{overflow:hidden;text-overflow:ellipsis}.mega-menu__tab svg{width:14px;opacity:0;transform:translate(-4px);transition:opacity .16s ease,transform .16s ease}.mega-menu__tab:hover,.mega-menu__tab:focus-visible,.mega-menu__tab.is-active{background:color-mix(in srgb,var(--color-primary) 10%,var(--color-background));color:var(--color-primary)}.mega-menu__tab.is-active svg{opacity:1;transform:translate(0)}.mega-menu__content{min-width:0;min-height:0;overflow:hidden}.mega-menu__content--has-banner{display:grid;grid-template-rows:minmax(0,1fr) auto}.mega-menu__tabpanel{height:100%;min-height:0;padding:30px clamp(24px,3vw,42px) 36px;overflow-y:auto;overscroll-behavior:contain}.mega-menu__content--has-banner .mega-menu__tabpanel{grid-row:1;height:auto}.mega-menu__tabpanel--has-collection-image{display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.mega-menu__panel-header{margin-bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.mega-menu__panel-header h3{margin:0;font-size:var(--font-size-heading-small)}.mega-menu__panel-header>a{display:inline-flex;align-items:center;gap:7px;color:inherit;font-size:var(--font-size-small);font-weight:700;white-space:nowrap}.mega-menu__products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 18px}.mega-menu__collection-layout--has-image{min-height:0;height:100%;display:grid;grid-template-columns:minmax(0,3fr) minmax(190px,1fr);align-items:start;gap:18px;overflow:hidden}.mega-menu__collection-layout--has-image .mega-menu__products-grid{min-height:0;height:100%;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;padding-inline-end:4px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.mega-menu__collection-image{align-self:start;border-radius:var(--style-border-radius-cards);display:block;overflow:hidden;background:color-mix(in srgb,var(--color-foreground) 5%,var(--color-background))}.mega-menu__collection-image img{display:block;width:100%;height:auto;object-fit:contain;transition:transform .32s cubic-bezier(.22,1,.36,1)}.mega-menu__collection-image:hover img{transform:scale(1.02)}.mega-menu__product-card{min-width:0}.mega-menu__product-media{aspect-ratio:var(--mega-menu-image-ratio);margin-bottom:10px;border-radius:var(--style-border-radius-cards);display:block;overflow:hidden;background:color-mix(in srgb,var(--color-foreground) 5%,var(--color-background))}.mega-menu__product-media img,.mega-menu__product-placeholder{width:100%;height:100%;object-fit:contain;transition:transform .32s cubic-bezier(.22,1,.36,1)}.mega-menu__product-media:hover img{transform:scale(1.025)}.mega-menu__product-card h4{margin:0 0 5px;font-family:var(--font-body--family);font-size:var(--font-size-compact);font-weight:700;line-height:1.35;letter-spacing:var(--font-body--letter-spacing);text-transform:none}.mega-menu__product-card h4 a,.mega-menu__fallback-links a,.mega-menu__empty-link{color:inherit;text-decoration:none}.mega-menu__product-card h4 a:hover,.mega-menu__fallback-links a:hover,.mega-menu__panel-header>a:hover,.mega-menu__empty-link:hover{color:var(--color-primary);text-decoration:none}.mega-menu__product-price{color:color-mix(in srgb,var(--color-foreground) 68%,transparent);font-size:var(--font-size-small);line-height:1.35}.mega-menu__fallback-links{margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 18px;list-style:none}.mega-menu__fallback-links a{display:block;padding:8px 10px;border-radius:var(--style-border-radius-inputs);color:color-mix(in srgb,var(--color-foreground) 72%,transparent);font-size:var(--font-size-small);font-weight:400;line-height:1.35}.mega-menu__empty-link{min-height:160px;padding:24px;border:1px dashed var(--color-border);border-radius:var(--style-border-radius-cards);display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.mega-menu__banner{grid-row:2;height:var(--mega-menu-banner-height);margin:0 clamp(24px,3vw,42px) 36px;border-radius:var(--style-border-radius-cards);display:block;overflow:hidden;background:color-mix(in srgb,var(--color-foreground) 5%,var(--color-background))}.mega-menu__banner img{width:100%;height:100%;object-fit:cover;transition:transform .36s cubic-bezier(.22,1,.36,1)}.mega-menu__banner:hover img{transform:scale(1.012)}@media screen and (max-width:1199px){.mega-menu__surface{grid-template-columns:200px minmax(0,1fr)}}@media screen and (max-width:989px){.mega-menu,.site-header__dropdown,.site-header__nav-item--mega.is-open:after{display:none}}@media(prefers-reduced-motion:reduce){.site-header__nav-toggle svg,.mega-menu__tab svg,.mega-menu__product-media img,.mega-menu__collection-image img,.mega-menu__banner img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/header-mega-menu.css.map */