.mega-menu__with-images{align-items:flex-start;display:flex;gap:4rem}.mega-menu__with-images>.mega-menu__list{flex:1 1 auto;grid-template-columns:repeat(auto-fill,16rem);min-width:0}.header--top-center .mega-menu__with-images>.mega-menu__list{justify-content:flex-start}.mega-menu__images{display:flex;flex:0 0 auto;gap:2rem;margin-left:auto}.mega-menu__image-card{text-align:center;width:20rem}.mega-menu__images--count-1 .mega-menu__image-card{width:34rem}.mega-menu__images--count-2 .mega-menu__image-card{width:24rem}.mega-menu__image-link{color:rgb(var(--color-foreground));display:block;text-decoration:none}.mega-menu__image-media{aspect-ratio:3 / 2;background-color:rgba(var(--color-foreground),.04);border-radius:var(--media-radius, 0);overflow:hidden;position:relative}.mega-menu__image-card--square .mega-menu__image-media{aspect-ratio:1 / 1}.mega-menu__image-card--portrait .mega-menu__image-media{aspect-ratio:4 / 5}.mega-menu__image-media img,.mega-menu__image-media .placeholder-svg{display:block;height:100%;object-fit:cover;width:100%}.mega-menu__image-heading{display:block;font-size:1.2rem;font-weight:700;letter-spacing:.1rem;line-height:1.4;margin-top:1.2rem;text-transform:uppercase}.mega-menu__image-button{display:inline-block;font-size:1.2rem;margin-top:.4rem;text-decoration:underline;text-underline-offset:.3rem}.mega-menu__image-link:hover .mega-menu__image-heading{text-decoration:underline;text-underline-offset:.3rem}@media(prefers-reduced-motion:no-preference){.mega-menu__image-media img{transition:transform var(--duration-long, .5s) ease}.mega-menu__image-link:hover .mega-menu__image-media img{transform:scale(1.03)}}@media screen and (max-width:1279px){.mega-menu__with-images{gap:3rem}.mega-menu__image-card,.mega-menu__images--count-2 .mega-menu__image-card{width:18rem}.mega-menu__images--count-1 .mega-menu__image-card{width:28rem}.mega-menu__images--count-3 .mega-menu__image-card:nth-child(3){display:none}}.menu-drawer__inner-submenu>.menu-drawer__menu:has(+.menu-drawer__images){height:auto}.menu-drawer__images{display:grid;gap:1.6rem;grid-template-columns:repeat(2,minmax(0,1fr));padding:5rem 3.2rem 3.2rem}.menu-drawer__images--count-1{grid-template-columns:minmax(0,1fr)}.menu-drawer__images--count-3 .mega-menu__image-card:first-child{grid-column:1 / -1}.menu-drawer__images .mega-menu__image-card{width:auto}
/*# sourceMappingURL=/cdn/shop/t/51/assets/component-mega-menu-images.css.map */