.mega-menu{position:static}.mega-menu__content{background-color:rgb(var(--color-background));border-left:0;border-radius:0;border-right:0;left:0;overflow-y:auto;padding-bottom:4rem;padding-top:4rem;position:absolute;right:0;top:100%;box-shadow:0 10px 30px #0000000d}.mega-menu__wrapper{display:flex;gap:4rem;align-items:stretch}.mega-menu__list{display:grid;gap:3rem 4rem;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));list-style:none;flex:1;margin:0;padding:0}.mega-menu__link{color:rgba(var(--color-foreground),.75);display:block;line-height:1.4;padding:.5rem 0;text-decoration:none;transition:all .3s ease;word-wrap:break-word;font-size:var(--mega-menu-text-size)}.mega-menu__link--level-2{font-weight:600;color:rgb(var(--color-foreground));text-transform:uppercase;letter-spacing:.1rem;margin-bottom:1rem;font-size:var(--mega-menu-heading-size);border-bottom:1px solid rgba(var(--color-foreground),.1);padding-bottom:1rem}.mega-menu__link:hover{color:rgb(var(--color-foreground));padding-left:.5rem}.mega-menu__promotion{flex:0 0 var(--promotion-width, 33%);position:relative;overflow:hidden;border-radius:var(--mega-menu-border-radius);aspect-ratio:4/5;transition:transform .3s ease}.mega-menu__promotion-link{display:block;height:100%;text-decoration:none;position:relative}.mega-menu__promotion-image-wrapper{height:100%;width:100%}.mega-menu__promotion-image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.165,.84,.44,1)}.mega-menu__promotion:hover .mega-menu__promotion-image{transform:scale(1.05)}.mega-menu__promotion-content{position:absolute;bottom:0;left:0;right:0;padding:3rem;background:linear-gradient(0deg,#0009,#0000);color:#fff;z-index:1}.mega-menu__promotion-title{margin:0;font-size:2.4rem;color:#fff;font-family:var(--font-heading-family)}.mega-menu__promotion-subtitle{margin:.5rem 0 0;font-size:1.4rem;opacity:.9;text-transform:uppercase;letter-spacing:.1rem}.js .mega-menu__content{opacity:0;transform:translateY(-1.5rem);pointer-events:none;transition:opacity .3s ease,transform .3s ease}.mega-menu[open] .mega-menu__content{opacity:1;transform:translateY(0);pointer-events:auto}@media screen and (max-width:989px){.mega-menu__promotion{display:none}}.mega-menu .mega-menu__list--condensed{display:block}.mega-menu__list--condensed .mega-menu__link{font-weight:400}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-mega-menu.css.map */