.mega-menu--banners .mega-menu__wrapper--banners{grid-column:1 / -1;width:100%}.mega-menu--banners .mega-menu__banners{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--mega-menu-banners-gap, .8rem);width:100%;margin:0;padding:0}.mega-menu--banners .mega-menu__banner{position:relative;display:flex;align-items:flex-end;justify-content:center;height:var(--mega-menu-banners-height, 360px);padding:2rem 1.2rem;border-radius:.4rem;overflow:hidden;text-align:center}.mega-menu--banners .mega-menu__banner-image,.mega-menu--banners .mega-menu__banner-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:.4rem;transform:scale(1.05);transition:transform 1.5s ease-out}.mega-menu--banners .mega-menu__banner-placeholder{background:rgba(var(--color-foreground),.06)}.mega-menu--banners .mega-menu__banner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:.4rem;background-color:rgb(var(--color-overlay));opacity:var(--opacity-slide, .2);transition:opacity var(--duration-default);pointer-events:none}.mega-menu--banners .mega-menu__banner:hover .mega-menu__banner-overlay,.mega-menu--banners .mega-menu__banner:focus-within .mega-menu__banner-overlay{opacity:var(--opacity-slide-hover, .3)}.mega-menu--banners .mega-menu__banner:hover .mega-menu__banner-image,.mega-menu--banners .mega-menu__banner:focus-within .mega-menu__banner-image{transform:scale(1)}.mega-menu--banners .mega-menu__banner-title{position:relative;z-index:2;margin:0;max-width:100%;color:rgb(var(--color-foreground))}.mega-menu--banners .mega-menu__banner-title-link{display:inline-block;color:inherit;text-decoration:none}.mega-menu--banners .mega-menu__banner-link:empty{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:block}.list-menu--megamenu-visible .mega-menu--banners .mega-menu__banner-image{transform:scale(1)}.menu-drawer .mega-menu--banners{display:block;position:static;max-height:none;opacity:1;pointer-events:all;overflow:visible;box-shadow:none;padding:1.6rem}.menu-drawer .mega-menu--banners .mega-menu__banners{grid-template-columns:1fr;gap:.8rem}.menu-drawer .mega-menu--banners .mega-menu__banner{height:auto;min-height:18rem;aspect-ratio:3 / 4}@media screen and (min-width:750px){.menu-drawer .mega-menu--banners .mega-menu__banners{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-drawer .mega-menu--banners .mega-menu__banner{min-height:22rem}}@media screen and (max-width:1099px){.header__inline-menu .mega-menu--banners{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-mega-menu-banners.css.map */