.mega{position:absolute;top:100%;left:0;right:0;z-index:60;color:var(--color-fg, #1a1a1a);--mega-text-subtle: color-mix(in srgb, var(--color-subtle, #7a7568) 70%, var(--color-fg, #1a1a1a));visibility:hidden;opacity:0;transform:translate3d(0,-.75rem,0);pointer-events:none;transition:opacity var(--duration-base, .32s) var(--ease-out, cubic-bezier(.22, 1, .36, 1)),transform var(--duration-base, .32s) var(--ease-out, cubic-bezier(.22, 1, .36, 1)),visibility 0s linear var(--duration-base, .32s)}.mega.is-open{visibility:visible;opacity:1;transform:translateZ(0);pointer-events:auto;transition-delay:0s,0s,0s}.mega:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--color-bg, #fff) 82%,transparent);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border-bottom:1px solid var(--color-border, rgba(26, 26, 26, .08));box-shadow:0 28px 64px -24px #1a1a1a38}.mega:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-highlight, #e55b2c) 55%,transparent) 22%,rgba(255,255,255,.85) 50%,color-mix(in srgb,var(--color-highlight, #e55b2c) 55%,transparent) 78%,transparent);opacity:0;transition:opacity .52s var(--ease-out, ease) .12s}.mega.is-open:after{opacity:1}.mega__inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,19rem);gap:clamp(1.75rem,3.5vw,3.5rem);max-width:var(--page-width, 1440px);margin-inline:auto;padding:clamp(1.75rem,3vw,2.75rem) var(--page-margin, 1.5rem) clamp(2rem,3.5vw,3rem)}.mega__main{position:relative}.mega__main:before{content:"";position:absolute;left:-10%;top:-30%;width:60%;height:130%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--color-highlight, #e55b2c) 12%,transparent),transparent 68%);filter:blur(28px);opacity:0;pointer-events:none;transition:opacity .7s var(--ease-out, ease) 80ms}.mega.is-open .mega__main:before{opacity:1}.mega__eyebrow{margin:0 0 clamp(1rem,1.6vw,1.5rem);font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--mega-text-subtle)}.mega__eyebrow--tight{margin-bottom:.75rem}.mega__grid{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:clamp(.75rem,1.4vw,1.25rem)}.mega-card{display:flex;flex-direction:column;gap:.6rem;color:var(--color-fg, #1a1a1a);text-decoration:none;opacity:0;transform:translate3d(0,.6rem,0);transition:opacity .42s var(--ease-out, ease),transform .42s var(--ease-out, ease)}.mega.is-open .mega-card{opacity:1;transform:none;transition-delay:calc(60ms + var(--i, 0) * 45ms)}.mega-card__frame{position:relative;display:block;overflow:hidden;border-radius:calc(var(--radius-card, 14px) * .9);background:color-mix(in srgb,var(--color-fg, #1a1a1a) 5%,transparent);aspect-ratio:4 / 5;box-shadow:inset 0 0 0 1px var(--color-border, rgba(26, 26, 26, .08));transition:box-shadow .32s var(--ease-out, ease),transform .46s var(--ease-out, ease)}.mega-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s var(--ease-out, ease),filter .46s var(--ease-out, ease)}.mega-card__img--empty{background:linear-gradient(135deg,#1a1a1a0d,#1a1a1a05)}.mega-card:hover .mega-card__frame,.mega-card:focus-visible .mega-card__frame{transform:translateY(-3px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-highlight, #e55b2c) 45%,transparent),0 14px 30px -14px #1a1a1a59}.mega-card:hover .mega-card__img,.mega-card:focus-visible .mega-card__img{transform:scale(1.06)}.mega-card__badge{position:absolute;top:.5rem;left:.5rem;padding:.2rem .5rem;font-size:.62rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--color-bg, #fff);background:var(--color-fg, #1a1a1a);border-radius:var(--radius-pill, 999px)}.mega-card__foot{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.mega-card__label{font-size:.9rem;font-weight:500;line-height:1.25}.mega-card__count{font-size:.72rem;font-variant-numeric:tabular-nums;color:var(--mega-text-subtle)}.mega__aside{display:flex;flex-direction:column;gap:1.25rem;min-width:0}.mega-promo{position:relative;display:block;overflow:hidden;border-radius:calc(var(--radius-card, 14px) * .9);aspect-ratio:4 / 3;color:#fff;text-decoration:none;box-shadow:inset 0 0 0 1px var(--color-border, rgba(26, 26, 26, .08));opacity:0;transform:translate3d(0,.6rem,0);transition:opacity .46s var(--ease-out, ease),transform .46s var(--ease-out, ease)}.mega.is-open .mega-promo{opacity:1;transform:none;transition-delay:.18s}.mega-promo__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-out, ease)}.mega-promo:hover .mega-promo__img{transform:scale(1.05)}.mega-promo__body{position:absolute;inset:auto 0 0 0;display:flex;flex-direction:column;gap:.3rem;padding:1rem;background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,.12) 62%,transparent)}.mega-promo__eyebrow{font-size:.64rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;opacity:.85}.mega-promo__title{font-family:var(--font-heading, inherit);font-size:1.15rem;line-height:1.2}.mega-promo__cta{display:inline-flex;align-items:center;gap:.35rem;margin-top:.2rem;font-size:.82rem}.mega__links{display:flex;flex-direction:column}.mega__link{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem 0;font-size:.9rem;color:var(--color-fg, #1a1a1a);text-decoration:none;border-bottom:1px solid var(--color-border, rgba(26, 26, 26, .08));transition:color .2s var(--ease-out, ease),padding-left .24s var(--ease-out, ease)}.mega__link:last-child{border-bottom:0}.mega__link svg{opacity:0;transform:translate(-4px);transition:opacity .22s var(--ease-out, ease),transform .22s var(--ease-out, ease)}.mega__link:hover,.mega__link:focus-visible{color:var(--color-highlight, #e55b2c);padding-left:.35rem}.mega__link:hover svg,.mega__link:focus-visible svg{opacity:1;transform:translate(0)}.site-header__nav-link--mega{display:inline-flex;align-items:center;gap:.3rem}.site-header__mega-chev{transition:transform var(--duration-base, .32s) var(--ease-out, ease)}.site-header__nav-link--mega[aria-expanded=true] .site-header__mega-chev{transform:rotate(180deg)}.mega-drawer{border-bottom:1px solid var(--color-border, rgba(26, 26, 26, .08));--mega-text-subtle: color-mix(in srgb, var(--color-subtle, #7a7568) 70%, var(--color-fg, #1a1a1a))}.mega-drawer__summary{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.85rem 0;background:none;border:0;font:inherit;font-size:1.15rem;color:var(--color-fg, #1a1a1a);text-align:left;cursor:pointer}.mega-drawer__chev{flex:0 0 auto;color:var(--mega-text-subtle);transition:transform var(--duration-base, .32s) var(--ease-out, ease)}.mega-drawer__summary[aria-expanded=true] .mega-drawer__chev{transform:rotate(180deg)}.mega-drawer__panel{overflow:hidden}.mega-drawer__panel[hidden]{display:none}.mega-drawer__panel.is-animating{transition:height var(--duration-base, .32s) var(--ease-out, ease)}.mega-drawer__row{display:flex;align-items:center;gap:.75rem;padding:.4rem 0 .4rem .25rem;color:var(--color-fg, #1a1a1a);text-decoration:none}.mega-drawer__thumb{flex:0 0 auto;width:2.75rem;aspect-ratio:4 / 5;overflow:hidden;border-radius:.5rem;background:color-mix(in srgb,var(--color-fg, #1a1a1a) 5%,transparent);box-shadow:inset 0 0 0 1px var(--color-border, rgba(26, 26, 26, .08))}.mega-drawer__thumb img{width:100%;height:100%;object-fit:cover;display:block}.mega-drawer__label{flex:1 1 auto;font-size:1rem}.mega-drawer__count{font-size:.78rem;font-variant-numeric:tabular-nums;color:var(--mega-text-subtle)}.mega-drawer__plain{display:block;padding:.5rem 0 .5rem .25rem;font-size:1rem;color:var(--color-fg, #1a1a1a);text-decoration:none}@media(max-width:1199px){.mega__inner{grid-template-columns:minmax(0,1fr) minmax(13rem,16rem)}}@media(max-width:989px){.mega{display:none}}@media(prefers-reduced-motion:reduce){.mega,.mega:after,.mega__main:before,.mega-card,.mega-card__frame,.mega-card__img,.mega-promo,.mega-promo__img,.mega__link,.mega__link svg,.mega-drawer__panel,.mega-drawer__chev,.site-header__mega-chev{transition-duration:1ms!important;transition-delay:0s!important}.mega-card,.mega-promo{opacity:1;transform:none}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.mega:before{background:var(--color-bg, #fff)}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/mega-menu.css.map */