.megamenu{position:fixed;top:var(--promobar-height),0;left:0;z-index:calc(var(--z-modals) - 1);width:100%;height:calc(100svh - 6rem);padding:2rem;padding-top:0;background-color:var(--color-light);opacity:0;pointer-events:none;transition:all var(--duration-long)}@media (min-width: 1025px) and (max-height: 879px){.megamenu{padding:0 2.28svh 2.28svh}}.megamenu.is-open{opacity:1;pointer-events:all;transform:none}.megamenu:not(.is-open) .megamenu__tab{transform:none}body.is-scroll:has(.header.is-fixed) .megamenu,body.template--product:has(.hide-promo-bar) .megamenu{top:0;padding-top:2rem;height:100dvh}@media screen and (max-width: 1024px){body.is-scroll:has(.header.is-fixed) .megamenu,body.template--product:has(.hide-promo-bar) .megamenu{padding-top:1rem}}body.is-scroll:not(:has(.header.is-fixed)) .megamenu{top:calc(var(--promobar-height, 0px) - var(--scroll-position, 0px) - .1rem);height:calc(100dvh - (var(--promobar-height, 0px) - var(--scroll-position, 0px) - .1rem))}@media (min-width: 1025px) and (max-height: 879px){body:has(.header.is-fixed) .megamenu{padding-top:2.28svh}body.template--product:not(.hide-promo-bar):has(.header.is-fixed) .megamenu{padding-top:1rem}}@media screen and (min-width: 1025px){body.template--product:not(.hide-promo-bar):has(.header.is-fixed) .megamenu{top:5rem;height:calc(100svh - 5rem);padding-top:1rem}}@media screen and (max-width: 1024px){.megamenu{top:4rem;z-index:var(--z-modals);height:calc(100svh - 4rem);padding:1rem;opacity:1;transform:translate(-100%)}.megamenu:after{content:"";position:fixed;top:0;left:0;z-index:var(--z-modals);width:100%;height:100svh;border:solid var(--color-light);border-width:0 1rem;pointer-events:none}body:has(.promo-bar) .megamenu{padding-top:0}}.megamenu .megamenu__inner{position:relative;display:flex;flex-direction:column;height:100%;padding:2rem;padding-top:calc(var(--header-height, 54px) + 4rem);border-radius:.8rem;background-color:var(--color-cream)}@media screen and (max-width: 1024px){.megamenu .megamenu__inner{max-height:100%;padding-top:2rem;overflow:hidden auto}}.megamenu .megamenu__body{flex:1 0;display:grid;grid-template-columns:30.2rem 1fr;gap:4.3rem;padding:2.4rem 2.4rem 0}@media (min-width: 1441px) and (min-height: 880px){.megamenu .megamenu__body{grid-template-columns:calc((100% + 4.8rem)/4 - 3.9rem) 1fr;gap:2rem}}@media (min-width: 1025px) and (max-height: 879px){.megamenu .megamenu__body{gap:4.9svh;padding:2.68svh 2.68svh 0}}@media screen and (max-width: 1370px){.megamenu .megamenu__body{grid-template-columns:25rem 1fr}}@media screen and (max-width: 1300px){.megamenu .megamenu__body{grid-template-columns:20rem 1fr}}@media screen and (max-width: 1024px){.megamenu .megamenu__body{display:block;padding:1.8rem 0 0}}.megamenu .megamenu__tabs,.megamenu .megamenu__tab{height:100%}@media screen and (min-width: 1025px){.megamenu .megamenu__tab:not(.is-active){display:none}}@media screen and (max-width: 1024px){.megamenu .megamenu__tab{position:absolute;top:0;left:0;right:0;z-index:var(--z-modals);height:100%;display:flex;flex-direction:column;border-radius:.8rem;padding:2rem;padding-bottom:0;background-color:var(--color-cream);transform:translate(100%);opacity:0;pointer-events:none;transition:opacity 0s var(--duration-long),transform var(--duration-long)}.megamenu .megamenu__tab.is-open{position:fixed;top:calc(var(--promobar-height, 0px) - var(--scroll-position, 0px) - .2rem);left:1rem;right:1rem;height:calc(100dvh - (var(--promobar-height, 0px) - var(--scroll-position, 0px)) - .8rem);transform:none;opacity:1;pointer-events:all;transition:transform var(--duration-long)}body:has(.header.is-fixed) .megamenu .megamenu__tab.is-open{top:1rem;height:calc(100dvh - 2rem)}}.megamenu .megamenu__tab-inner{height:100%;display:grid;grid-template-columns:1fr 27.7rem;gap:6.8rem}@media (min-width: 1441px) and (min-height: 880px){.megamenu .megamenu__tab-inner{grid-template-columns:1fr calc(33.33% - 3.5rem);gap:3.5rem}}@media screen and (max-width: 1300px){.megamenu .megamenu__tab-inner{gap:3.5rem;grid-template-columns:1fr calc(33.33% - 3.5rem)}}@media screen and (max-width: 1024px){.megamenu .megamenu__tab-inner{display:block;flex:1 0;overflow:hidden auto}}.megamenu .megamenu__tab-content{display:flex;flex-direction:column}.megamenu .megamenu__tab-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.7rem}@media screen and (min-width: 1025px){.megamenu .megamenu__tab-bar{display:none}}.megamenu .megamenu__tab-bar-title{font-weight:400;font-size:2.4rem;letter-spacing:-.01em}.megamenu .megamenu__tab-bar .button-utility--small.button-utility--chevron svg{width:1.8rem;height:1.8rem}.megamenu .megamenu__cards{flex:1 0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:2rem}@media screen and (max-width: 1024px){.megamenu .megamenu__cards{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2.6rem}.megamenu .megamenu__cards .card-item--megamenu .card-item__media{width:100%;padding-bottom:0;max-height:10.7rem;aspect-ratio:1}.megamenu .megamenu__cards .card-item--megamenu .card-item__media img{object-fit:contain}}.megamenu .megamenu__tab-sidebar{display:flex;flex-direction:column}.megamenu .megamenu__tab-nav{flex:1 0;margin-block:.5rem;font-weight:400;font-size:1.4rem;line-height:1;color:var(--color-dark);display:grid;grid-auto-flow:column;grid-template-rows:repeat(auto-fit,minmax(2rem,max-content));gap:1rem 2.3rem}@media (min-width: 1300px) and (max-height: 879px){.megamenu .megamenu__tab-nav{gap:1.2svh}}@media (min-width: 1025px) and (max-height: 879px){.megamenu .megamenu__tab-nav{grid-template-rows:repeat(auto-fit,minmax(2rem,max-content));gap:1.2svh}}@media screen and (max-width: 1024px){.megamenu .megamenu__tab-nav{display:block;columns:auto 14.6rem;gap:1rem;margin-block:.6rem 2rem}}.megamenu .megamenu__tab-nav li{display:block}@media screen and (max-width: 1024px){.megamenu .megamenu__tab-nav li+li{margin-top:1.5rem}}@media (hover: hover){.megamenu .megamenu__tab-nav a:hover{text-decoration:underline}}.megamenu .megamenu__head{margin-block:0 1.9rem;min-height:1.6rem}@media (min-width: 1025px) and (max-height: 879px){.megamenu .megamenu__head{margin-block:0 2.16svh;min-height:1.82svh}}@media screen and (max-width: 1024px){.megamenu .megamenu__head{margin-block:0 1.7rem}}.megamenu .megamenu__title{margin:0;font-weight:400;font-size:1.2rem;color:var(--color-dark-50);letter-spacing:.1em}@media (min-width: 1025px) and (max-height: 879px){.megamenu .megamenu__title{font-size:1.37svh}}@media screen and (max-width: 1024px){.megamenu .megamenu__title{font-size:1.2rem}}.megamenu .megamenu__nav{flex:1 0;margin-bottom:3rem;font-weight:400;font-size:3.2rem;letter-spacing:-.015em;line-height:1;color:var(--color-dark-20)}@media (min-width: 1300px) and (max-height: 879px){.megamenu .megamenu__nav{margin-bottom:2.28svh;font-size:3.64svh}}@media (min-width: 1025px) and (max-height: 879px){.megamenu .megamenu__nav{font-size:3svh}}@media screen and (max-width: 1024px){.megamenu .megamenu__nav{font-size:2.4rem;letter-spacing:-.01em;color:var(--color-dark)}}.megamenu .megamenu__nav li+li{margin-top:2.4rem}@media (min-width: 1300px) and (max-height: 879px){.megamenu .megamenu__nav li+li{margin-top:2.73svh}}@media (min-width: 1025px) and (max-height: 879px){.megamenu .megamenu__nav li+li{margin-top:2svh}}@media screen and (max-width: 1024px){.megamenu .megamenu__nav li+li{margin-top:2.1rem}}.megamenu .megamenu__nav a{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-right:1.6rem;transition:color var(--duration-default)}.megamenu .megamenu__nav a svg{width:1rem;height:auto;pointer-events:none;opacity:0}.megamenu .megamenu__nav a.is-active svg{opacity:1}@media screen and (max-width: 1024px){.megamenu .megamenu__nav a svg{opacity:1}}@media (hover: hover){.megamenu .megamenu__nav a:hover{color:var(--color-dark)}}.megamenu .megamenu__nav a.is-active{color:var(--color-dark)}.megamenu .megamenu__navigation-secondary{margin:1.7rem 0;font-weight:400;font-size:1.6rem;line-height:1;color:var(--color-black)}@media (min-width: 1025px) and (max-height: 879px){.megamenu .megamenu__navigation-secondary{margin:2.17svh 0;font-size:1.82svh}}.megamenu .megamenu__navigation-secondary li+li{margin-top:2.3rem}@media (min-width: 1025px) and (max-height: 879px){.megamenu .megamenu__navigation-secondary li+li{margin-top:2.62svh}}.megamenu .megamenu__navigation-secondary a{display:inline-flex;align-items:center;gap:.9rem}@media (min-width: 1025px) and (max-height: 879px){.megamenu .megamenu__navigation-secondary a{gap:1.03svh}}@media (hover: hover){.megamenu .megamenu__navigation-secondary a:hover{text-decoration:underline}}.megamenu .megamenu__navigation-secondary a .media{max-width:1.8rem;margin:.1rem 0 0}.megamenu .megamenu__aside{height:100%;display:flex;flex-direction:column}.megamenu .megamenu__content{position:relative;overflow:hidden}@media screen and (max-width: 1024px){.megamenu .megamenu__content{position:static}}.megamenu .megamenu__bar{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem}@media screen and (min-width: 1025px){.megamenu .megamenu__bar{display:none}}.megamenu .megamenu__bar predictive-search-mobile{flex:1 0}@media screen and (max-width: 1024px){.megamenu .megamenu__bar .form-search{max-width:100%}}.megamenu .header__search-results{z-index:20;top:8rem;height:calc(100% - 8rem);max-height:calc(100% - 8rem)}.megamenu .megamenu__aside-actions .button{height:5.8rem}@media (min-width: 1025px) and (max-height: 879px){.megamenu .megamenu__aside-actions .button{height:6.61svh}}.megamenu .tiles-carousel .swiper-controls{margin-top:3.3rem}@media (min-width: 1300px) and (max-height: 879px){.megamenu .tiles-carousel .swiper-controls{margin-top:3.75svh}}@media (min-width: 1025px) and (max-height: 879px){.megamenu .tiles-carousel .swiper-controls{margin-top:2svh}}@media screen and (max-width: 1024px){.megamenu .tiles-carousel .swiper-controls{margin-top:1.8rem}}.megamenu__card{text-decoration:none;border-radius:.8rem;overflow:hidden}.megamenu__card-inner{height:100%;position:relative}@media screen and (max-width: 1024px){.megamenu__card-inner{padding-top:100%}}.megamenu__card--overlayed .megamenu__card-media{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;transform:scale(1);transition:transform var(--duration-default) ease-in}@media (hover: hover) and (pointer: fine){.megamenu__card--overlayed:hover .megamenu__card-media{transform:scale(1.1)}}.megamenu__card--overlayed .megamenu__card-media:after{content:"";background:linear-gradient(#0000,#000000b3);width:100%;height:50%;position:absolute;bottom:0;left:0;z-index:2}.megamenu__card--overlayed .megamenu__card-link{color:var(--color-light);background:var(--color-light-20);text-align:center;min-height:3.6rem;padding:.6rem;display:flex;justify-content:center;align-items:center;border-radius:2.8rem;position:absolute;left:2rem;right:2rem;z-index:3;bottom:2.4rem;backdrop-filter:blur(7rem);-webkit-backdrop-filter:blur(7rem);overflow:hidden;transition:color var(--duration-default) ease-in,background var(--duration-default) ease-in}@media (hover: hover) and (pointer: fine){.megamenu__card--overlayed .megamenu__card-link:hover{color:var(--color-dark);background:var(--color-light)}}.megamenu__card--contained .megamenu__card-link{color:var(--color-dark);white-space:nowrap;text-overflow:ellipsis;display:block;width:100%;overflow:hidden}.megamenu__card--contained{display:flex;flex-direction:column;text-align:center;background:var(--color-light);padding:3.5rem 1.5rem}@media screen and (max-width: 1024px){.megamenu__card--contained .megamenu__card-inner{padding-top:0}}.megamenu__card--contained .megamenu__card-media{width:100%;height:65%;margin-bottom:2rem;transition:transform var(--duration-default) ease-in}@media screen and (max-width: 1024px){.megamenu__card--contained .megamenu__card-media{width:100%;height:auto;aspect-ratio:1;padding-top:0;margin-bottom:.8rem;position:relative;transform:none}}@media (hover: hover) and (pointer: fine){.megamenu__card--contained:hover .megamenu__card-media{transform:translateY(-10%)}}
/*# sourceMappingURL=/cdn/shop/t/710/assets/section-megamenu.css.map */