.mega-menu{background:var(--color-white-bg-1);border-bottom:solid 1px #c4c4c4;border-top:solid 1px var(--color-mid-grey-2);position:absolute;top:calc(100% - 1px);right:0;width:100%;z-index:10;display:flex;justify-content:space-between;padding:3.6rem 3.6rem 1.7rem var(--section-padding);transition:opacity .2s;opacity:0;pointer-events:none}@media (max-width: 1023px){.mega-menu{position:static;display:block;padding:0;display:none;opacity:1;pointer-events:auto;border:none}.mega-menu.visible{display:block}}.mega-menu nav{display:flex;gap:0 3.2rem;max-width:832px;width:100%;margin-right:1rem;white-space:nowrap}@media (max-width: 1400px){.mega-menu nav{gap:0 2rem}}@media (max-width: 1200px){.mega-menu nav{flex-wrap:wrap;gap:0}}@media (max-width: 1023px){.mega-menu nav{display:block;padding-left:1.3rem}}.mega-menu .mega__nav{flex:1}@media (max-width: 1200px){.mega-menu .mega__nav{flex:auto;width:50%}}@media (max-width: 1023px){.mega-menu .mega__nav{margin-block:1.6rem}.mega-menu .mega__nav li+li{margin-top:1.4rem}}.mega-menu ul{list-style:none;padding:0;line-height:1.6}@media (max-width: 1023px){.mega-menu ul{margin-top:17px}}.mega-menu .mega__nav h6{font-family:var(--font-body-family);font-size:18px;font-weight:500;text-transform:uppercase;color:var(--color-mid-grey-inactive-sold-out);margin:0 0 1.1rem}@media (max-width: 1023px){.mega-menu .mega__nav h6{font-size:1.6rem;margin:0}}.mega-menu .mega__nav a{color:var(--color-mid-grey-3);text-decoration:none;display:flex;align-items:center;gap:0 .7rem}@media (hover: hover){.mega-menu .mega__nav a:hover{color:var(--color-base-primary);opacity:1}}.mega-menu .mega__content{max-width:42rem;width:100%}@media (max-width: 1023px){.mega-menu .mega__content{margin:2rem 0}}@media (max-width: 480px){.mega-menu .mega__content{max-width:100%}}.mega-menu .mega__image{position:relative;padding-bottom:24rem}.mega-menu .mega__image img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}@media (max-width: 1023px){.mega-menu .mega__image img{border-radius:16px}}.mega-menu .mega__actions{margin-top:1.7rem}.mega-menu .mega__actions a{font-size:14px;color:var(--color-dark-grey);text-decoration:none}.mega-menu .mega__actions a svg{vertical-align:middle;margin-left:.6rem;transition:transform .2s}.mega-menu .mega__actions a:hover svg{transform:translate(5px)}
/*# sourceMappingURL=/cdn/shop/t/64/assets/section-mega-menu.css.map */