.mega-menu-overlay{position:fixed;left:0;width:100vw;bottom:0;z-index:45;background-color:#00000059;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;pointer-events:none}.mega-menu-overlay--active{opacity:1;visibility:visible;pointer-events:auto}.mega-menu{position:absolute;top:0;left:0;width:100vw;z-index:46;background-color:#fff;box-shadow:0 8px 24px #00000014;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .25s ease,transform .25s ease,visibility .25s ease;pointer-events:none}.mega-menu--active{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.mega-menu__inner{padding:2rem 1.5rem}.mega-menu__grid{display:grid;gap:1.5rem;grid-template-columns:repeat(4,minmax(0,1fr))}@media(min-width:769px)and (max-width:899px){.mega-menu__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mega-menu__column--col-4,.mega-menu__column--col-5,.mega-menu__column--col-6{display:none!important}}@media(min-width:900px)and (max-width:1279px){.mega-menu__grid{grid-template-columns:repeat(5,minmax(0,1fr))}.mega-menu__column--col-6{display:none}.mega-menu__column--image:not(.mega-menu__column--double){display:none}}@media(min-width:1280px){.mega-menu__grid{grid-template-columns:repeat(6,minmax(0,1fr))}.mega-menu__column--col-6{display:block}}.mega-menu__column{display:flex;flex-direction:column}.mega-menu__column--double{grid-column:span 2}.mega-menu__column--menu{padding-top:.5rem}.mega-menu__column-heading{font-family:Montserrat,Helvetica,Arial,sans-serif;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin:0 0 1rem;color:#111}.mega-menu__menu-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.mega-menu__menu-item{margin:0}.mega-menu__menu-link{font-family:Montserrat,Helvetica,Arial,sans-serif;font-size:.875rem;font-weight:400;color:#444;text-decoration:none;transition:color .15s ease;display:inline-block;position:relative}.mega-menu__menu-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0%;height:1px;background-color:currentColor;transition:width .2s ease}.mega-menu__menu-link:hover,.mega-menu__menu-link:focus-visible{color:#111}.mega-menu__menu-link:hover:after,.mega-menu__menu-link:focus-visible:after{width:100%}.mega-menu__column--image{display:flex}.mega-menu__image-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;width:100%;flex:1}.mega-menu__image-frame{border-radius:.25rem;overflow:hidden;background-color:transparent;flex:1;display:flex;flex-direction:column}.mega-menu__image-media{position:relative;overflow:hidden;flex:1}.mega-menu__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease}.mega-menu__image-card:hover .mega-menu__image,.mega-menu__image-card:focus-visible .mega-menu__image{transform:scale(1.04)}.mega-menu__image-placeholder{display:flex;align-items:center;justify-content:center;height:100%;width:100%;position:absolute;top:0;left:0;font-size:.85rem;background:#f4f4f4;color:#777}.mega-menu__image-meta{margin-top:.5rem}.mega-menu__image-title{position:relative;display:inline-block;margin:0;font-family:Montserrat,Helvetica,Arial,sans-serif;font-size:.9rem;font-weight:600;color:#111}.mega-menu__image-title:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.mega-menu__image-card:hover .mega-menu__image-title:after,.mega-menu__image-card:focus-visible .mega-menu__image-title:after{transform:scaleX(1)}.mega-menu__column--promo{display:flex}.mega-menu__promo-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;width:100%;flex:1}.mega-menu__promo-frame{border-radius:.25rem;overflow:hidden;flex:1;display:flex;flex-direction:column}.mega-menu__promo-media{position:relative;overflow:hidden;flex:1}.mega-menu__promo-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease}.mega-menu__promo-card:hover .mega-menu__promo-image,.mega-menu__promo-card:focus-visible .mega-menu__promo-image{transform:scale(1.04)}.mega-menu__promo-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#667eea,#764ba2)}.mega-menu__promo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0009,#0003,#0000001a);pointer-events:none}.mega-menu__promo-content{position:absolute;bottom:0;left:0;right:0;padding:1.25rem;color:#fff;display:flex;flex-direction:column;gap:.35rem}.mega-menu__promo-eyebrow{font-family:Montserrat,Helvetica,Arial,sans-serif;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;opacity:.9}.mega-menu__promo-heading{font-family:Montserrat,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:600;margin:0;line-height:1.25}.mega-menu__promo-text{font-family:Montserrat,Helvetica,Arial,sans-serif;font-size:.75rem;font-weight:400;margin:0;opacity:.9;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mega-menu__promo-button{display:inline-block;margin-top:.5rem;padding:.5rem 1rem;font-family:Montserrat,Helvetica,Arial,sans-serif;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;background-color:#fff;color:#111;border-radius:2px;transition:background-color .15s ease,color .15s ease;align-self:flex-start}.mega-menu__promo-card:hover .mega-menu__promo-button,.mega-menu__promo-card:focus-visible .mega-menu__promo-button{background-color:#111;color:#fff}.site-nav__item--mega-active .site-nav__link:after{width:100%}@media(max-width:768px){.mega-menu,.mega-menu-overlay{display:none!important}}@keyframes megaMenuFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mega-menu--active .mega-menu__column{opacity:0;animation:megaMenuFadeIn .3s ease-out forwards}.mega-menu--active .mega-menu__column:nth-child(1){animation-delay:.05s}.mega-menu--active .mega-menu__column:nth-child(2){animation-delay:.1s}.mega-menu--active .mega-menu__column:nth-child(3){animation-delay:.15s}.mega-menu--active .mega-menu__column:nth-child(4){animation-delay:.2s}.mega-menu--active .mega-menu__column:nth-child(5){animation-delay:.25s}.mega-menu--active .mega-menu__column:nth-child(6){animation-delay:.3s}
/*# sourceMappingURL=/cdn/shop/t/12/assets/mega-menu.css.map */