.mega-menu-products{--mega-menu-card-width: 194px;--mega-menu-design-image-width: 134;--mega-menu-design-image-height: 200;--mega-menu-card-gap: 18px;--mega-menu-card-radius: 20px;--mega-menu-card-bg: #f5f3f0;--mega-menu-card-padding-block: 19px;--mega-menu-card-padding-inline: 22px;--mega-menu-nav-btn-size: 40px;--mega-menu-nav-btn-radius: 40px;--mega-menu-nav-chevron-width: 8px;--mega-menu-nav-chevron-height: 12px;--mega-menu-nav-chevron-color: #000000;--mega-menu-view-all-min-width: 78px;--mega-menu-view-all-height: 30px;--mega-menu-view-all-radius: 15px;--mega-menu-view-all-font-size: 12px;--mega-menu-view-all-gap: 25px;--mega-menu-dropdown-extra-bottom-gap: 25px;display:flex;flex-direction:column;width:100%;gap:var(--gap-sm, 12px)}.mega-menu-products__carousel{position:relative;width:100%}.mega-menu-products__carousel-track{display:flex;align-items:flex-start;gap:var(--gap-sm, 12px);width:100%;overflow-x:hidden;overflow-y:visible}.mega-menu-products__carousel-track .swiper{flex:0 0 auto;min-width:0;max-width:100%;width:100%;overflow-x:hidden;overflow-y:visible}.mega-menu-products__cards-column{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;max-width:100%}.mega-menu-products__footer{display:flex;justify-content:flex-end;padding-top:var(--mega-menu-view-all-gap);padding-bottom:var(--mega-menu-view-all-gap)}.mega-menu-products__carousel .swiper-slide{width:var(--mega-menu-card-width);height:auto;flex-shrink:0}.mega-menu-products__carousel[data-mega-menu-fixed-card-size=true] .swiper-slide{width:var(--mega-menu-shared-card-width, var(--mega-menu-card-width, 194px))!important}.mega-menu-products__carousel[data-mega-menu-fixed-card-size=true] .mega-menu-collaboration-card,.mega-menu-products__carousel[data-mega-menu-fixed-card-size=true] .mega-menu-product-card{width:var(--mega-menu-shared-card-width, var(--mega-menu-card-width, 194px));max-width:100%;height:auto;aspect-ratio:194 / 266;flex-shrink:0}.mega-menu-products__carousel[data-mega-menu-fixed-card-size=true] .swiper-wrapper{justify-content:flex-start}.mega-menu-products__carousel[data-mega-menu-fixed-card-size=true]{width:var(--mega-menu-header-row-width, 100%);max-width:var(--mega-menu-header-row-width, 100%);margin-left:var(--mega-menu-header-row-offset, 0)}.mega-menu-products__carousel[data-mega-menu-fixed-card-size=true]:not([data-mega-menu-center-slides=true]) .mega-menu-products__carousel-track{justify-content:center}.mega-menu-products__carousel[data-mega-menu-fixed-card-size=true] .mega-menu-products__carousel-track[data-mega-menu-show-nav]{justify-content:flex-start}.mega-menu-products__carousel[data-mega-menu-fixed-card-size=true] .mega-menu-products__carousel-track[data-mega-menu-show-nav] .swiper-button-next{margin-left:auto}.mega-menu-products__carousel[data-mega-menu-center-slides=true] .swiper-wrapper{justify-content:center;transform:none!important}.mega-menu-products__carousel[data-mega-menu-center-slides=true] .mega-menu-products__carousel-track{justify-content:center;overflow-x:visible}.mega-menu-products__carousel[data-mega-menu-center-slides=true] .mega-menu-products__carousel-track .swiper{overflow-x:visible}.mega-menu-products__carousel[data-mega-menu-fixed-card-size=true][data-mega-menu-center-slides=true] .swiper-wrapper{justify-content:center}.mega-menu-products__nav-btn.swiper-button-prev,.mega-menu-products__nav-btn.swiper-button-next{position:relative;top:auto;left:auto;right:auto;margin:0;flex-shrink:0;align-self:flex-start;z-index:2;margin-top:calc((var( --mega-menu-card-height, var(--mega-menu-design-card-height, 266px) ) - var(--mega-menu-nav-btn-size)) / 2);box-sizing:border-box;width:var(--mega-menu-nav-btn-size);height:var(--mega-menu-nav-btn-size);border-radius:var(--mega-menu-nav-btn-radius);border:0;background:var(--mega-menu-card-bg);align-items:center;justify-content:center;padding:0;cursor:pointer;color:var(--mega-menu-nav-chevron-color);transform:none;transition:background-color .2s ease,color .2s ease,opacity .2s ease}.mega-menu-products__nav-btn.swiper-button-prev:before,.mega-menu-products__nav-btn.swiper-button-next:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.mega-menu-products__nav-btn.swiper-button-prev:hover,.mega-menu-products__nav-btn.swiper-button-next:hover{background:#ebe8e4;color:#000}.mega-menu-products__nav-btn.swiper-button-prev:focus-visible,.mega-menu-products__nav-btn.swiper-button-next:focus-visible{outline:2px solid #000000;outline-offset:2px}.mega-menu-products__carousel:not([data-mega-menu-show-nav=true]) .mega-menu-products__nav-btn.swiper-button-prev,.mega-menu-products__carousel:not([data-mega-menu-show-nav=true]) .mega-menu-products__nav-btn.swiper-button-next,.mega-menu-products__nav-btn[hidden]{display:none!important;pointer-events:none}.mega-menu-products__carousel[data-mega-menu-show-nav=true] .mega-menu-products__nav-btn.swiper-button-prev,.mega-menu-products__carousel[data-mega-menu-show-nav=true] .mega-menu-products__nav-btn.swiper-button-next{display:flex!important}.mega-menu-product-card{display:block;width:var(--mega-menu-shared-card-width, var(--mega-menu-card-width));height:var(--mega-menu-shared-card-height, var(--mega-menu-card-height, auto));aspect-ratio:194 / 266;text-decoration:none;color:inherit}.mega-menu-product-card__inner{position:relative;display:flex;flex-direction:column;width:100%;height:100%;padding:var(--mega-menu-card-padding-block, 19px) var(--mega-menu-card-padding-inline, 22px);box-sizing:border-box;border-radius:var(--mega-menu-card-radius);overflow:hidden;background-color:var(--mega-menu-card-bg)}.mega-menu-product-card__media-overlay{position:absolute;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;opacity:0;z-index:0;transition:opacity .3s ease}.mega-menu-products__nav-btn.swiper-button-prev:after,.mega-menu-products__nav-btn.swiper-button-next:after{display:none;content:none}.mega-menu-products__nav-icon{display:flex;align-items:center;justify-content:center;width:var(--mega-menu-nav-chevron-width);height:var(--mega-menu-nav-chevron-height);flex-shrink:0;line-height:0;pointer-events:none}.mega-menu-products__nav-icon svg{width:100%;height:100%;display:block;overflow:visible}.mega-menu-products__nav-btn.swiper-button-next .mega-menu-products__nav-icon{transform:scaleX(-1)}.mega-menu-products__nav-icon path{stroke:var(--mega-menu-nav-chevron-color);stroke-width:1px}.mega-menu-products__nav-btn.swiper-button-disabled{opacity:.35;pointer-events:none}.mega-menu-products__view-all.cta-pill{--cta-pill-padding-block: 0;--cta-pill-padding-inline: 0;--cta-pill-font-size: var(--mega-menu-view-all-font-size);--cta-pill-line-height: 1;--cta-pill-font: var(--font-family-base);--cta-pill-letter-spacing: 0;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:0;min-width:var(--mega-menu-view-all-min-width);height:var(--mega-menu-view-all-height);padding:0;border-radius:var(--mega-menu-view-all-radius);font-family:var(--font-family-base);font-weight:var(--font-weight-light, 300);font-style:normal;font-size:var(--mega-menu-view-all-font-size);line-height:1;letter-spacing:0;text-align:center;white-space:nowrap}.mega-menu-products__view-all.cta-pill:hover{background-color:var(--cta-hover-bg, inherit);color:var(--cta-hover-text, inherit);border-color:var(--cta-hover-border, inherit);opacity:var(--cta-hover-opacity, 1)}.mega-menu-product-card__info{position:relative;z-index:2;display:flex;flex-direction:column;gap:.25rem;max-width:100%;flex-shrink:0}.mega-menu-product-card__media-wrap{position:relative;width:var(--mega-menu-card-image-width, 134px);height:var(--mega-menu-card-image-height, 200px);margin:auto auto 0;flex-shrink:0;min-height:0;z-index:1;transition:opacity .3s ease}.mega-menu-product-card__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;transition:opacity .3s ease}.mega-menu-product-card__media--hover{opacity:0}.mega-menu-product-card--has-hover:hover .mega-menu-product-card__media:not(.mega-menu-product-card__media--hover){opacity:0}.mega-menu-product-card--has-hover:hover .mega-menu-product-card__media--hover,.mega-menu-product-card--has-hover:hover .mega-menu-product-card__media-overlay{opacity:1}.mega-menu-product-card--has-hover:hover .mega-menu-product-card__media-wrap{opacity:0}.mega-menu-product-card--has-hover:hover .mega-menu-product-card__inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,#ffffffc7,#fff0 52%)}.mega-menu-product-card__title{font-family:var(--font-family-base);font-size:12px;font-weight:var(--font-weight-bold, 700);font-style:normal;line-height:100%;letter-spacing:0;color:var(--color-black, #000000)}.mega-menu-product-card__price{font-family:var(--font-family-base);font-size:12px;font-weight:var(--font-weight-light, 300);font-style:normal;line-height:100%;letter-spacing:0;color:var(--color-black, #000000)}.mega-menu-collaboration-card{display:block;width:var(--mega-menu-shared-card-width, var(--mega-menu-card-width));height:var(--mega-menu-shared-card-height, var(--mega-menu-card-height, auto));aspect-ratio:194 / 266;text-decoration:none;color:inherit}.mega-menu-collaboration-card__inner{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;height:100%;box-sizing:border-box;border-radius:var(--mega-menu-card-radius);overflow:hidden;background-color:var(--mega-menu-card-bg)}.mega-menu-collaboration-card__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.mega-menu-collaboration-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000006b,#0000001f 38%,#0000 58%);pointer-events:none}.mega-menu-collaboration-card__title{position:relative;z-index:1;align-self:flex-start;margin:0;padding:var(--mega-menu-card-padding-block, 19px) var(--mega-menu-card-padding-inline, 22px);max-width:100%;box-sizing:border-box;font-family:var(--font-family-base);font-size:12px;font-weight:var(--font-weight-bold, 700);font-style:normal;line-height:100%;letter-spacing:0;color:var(--color-white, #ffffff);text-shadow:0 1px 6px rgba(0,0,0,.35)}.mobile-nav__collaboration-tiles,.mobile-nav__product-tiles,.mobile-nav__tabs-products{container-type:inline-size;--mobile-mega-menu-visible-cards: 1.5;--mobile-mega-menu-card-gap: 12px;margin-top:1rem;margin-inline:-.25rem;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;width:100%}#MobileNavDrawer .mobile-nav__parent-accordion--content[aria-hidden=false]{overflow:visible}.mobile-nav__collaboration-tiles::-webkit-scrollbar,.mobile-nav__product-tiles::-webkit-scrollbar,.mobile-nav__tabs-products::-webkit-scrollbar{display:none}.mobile-nav__collaboration-tiles-track,.mobile-nav__product-tiles-track,.mobile-nav__tabs-products-track{display:flex;align-items:stretch;gap:var(--mobile-mega-menu-card-gap, 12px);padding-inline:.25rem;padding-bottom:.25rem}.mobile-nav__collaboration-tiles .mega-menu-collaboration-card,.mobile-nav__product-tiles .mega-menu-product-card,.mobile-nav__tabs-products .mega-menu-product-card,.mobile-nav__tabs-products .mega-menu-collaboration-card{--mega-menu-card-width: calc( (100cqw - var(--mobile-mega-menu-card-gap)) / var(--mobile-mega-menu-visible-cards) );--mega-menu-card-radius: calc(var(--mega-menu-card-width) * 20 / 160);--mega-menu-card-padding-block: calc(var(--mega-menu-card-width) * 15 / 160);--mega-menu-card-padding-inline: calc(var(--mega-menu-card-width) * 17 / 160);--mega-menu-card-image-width: calc(var(--mega-menu-card-width) * 134 / 194);--mega-menu-card-image-height: calc(var(--mega-menu-card-width) * 134 * 176 / 194 / 118);width:var(--mega-menu-card-width);aspect-ratio:194 / 266;flex-shrink:0}.mobile-nav__product-tiles .mega-menu-product-card__inner,.mobile-nav__tabs-products .mega-menu-product-card__inner,.mobile-nav__collaboration-tiles .mega-menu-collaboration-card__inner,.mobile-nav__tabs-products .mega-menu-collaboration-card__inner{background-color:var(--mega-menu-card-bg, #f5f3f0);border-radius:var(--mega-menu-card-radius, 20px);overflow:hidden}.mobile-nav__collaboration-view-all,.mobile-nav__product-view-all,.mobile-nav__tabs-view-all,.mobile-nav__tabs .mega-menu-tabs__shared-footer{display:flex;justify-content:flex-end;margin-top:1rem}#MobileNavDrawer .mobile-nav__product-view-all .mega-menu-products__view-all,#MobileNavDrawer .mobile-nav__collaboration-view-all .mega-menu-products__view-all,#MobileNavDrawer .mobile-nav__tabs-view-all .mega-menu-products__view-all,#MobileNavDrawer .mobile-nav__tabs .mega-menu-tabs__shared-footer .mega-menu-products__view-all{--cta-pill-padding-block: 0;--cta-pill-padding-inline: 0;--cta-pill-font-size: var(--mega-menu-view-all-font-size, 12px);--cta-pill-line-height: 1;--cta-pill-font: var(--font-family-base);--cta-pill-letter-spacing: 0;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:0;min-width:var(--mega-menu-view-all-min-width, 78px);height:var(--mega-menu-view-all-height, 30px);padding:0;border-radius:var(--mega-menu-view-all-radius, 15px);border:1px solid var(--cta-border, #17873f);background-color:var(--cta-bg, #17873f);color:var(--cta-text, #ffffff);font-family:var(--font-family-base);font-weight:var(--font-weight-light, 300);font-size:var(--mega-menu-view-all-font-size, 12px);line-height:1;letter-spacing:0;text-align:center;white-space:nowrap;text-decoration:none}#MobileNavDrawer .mobile-nav__product-view-all .mega-menu-products__view-all:hover,#MobileNavDrawer .mobile-nav__collaboration-view-all .mega-menu-products__view-all:hover,#MobileNavDrawer .mobile-nav__tabs-view-all .mega-menu-products__view-all:hover,#MobileNavDrawer .mobile-nav__tabs .mega-menu-tabs__shared-footer .mega-menu-products__view-all:hover{background-color:var(--cta-hover-bg, var(--cta-bg, #17873f));color:var(--cta-hover-text, var(--cta-text, #ffffff));border-color:var(--cta-hover-border, var(--cta-border, #17873f));opacity:var(--cta-hover-opacity, 1)}.child-menu-products--carousel{position:relative;overflow:visible}.child-menu-products--carousel .child-menu-products__content{overflow:visible}.drawer-megamenu-header .site-header-nav__product-panel .child-menu-products--carousel.opacity-100.visible,s-drawer-megamenu .site-header-nav__product-panel .child-menu-products--carousel.opacity-100.visible{overflow:visible}.site-header-nav__product-panel--full-width .child-menu-products--carousel{position:relative;top:auto;left:auto;right:auto}.drawer-megamenu-header .site-header-nav__product-panel--full-width:has(.child-menu-products--carousel),s-drawer-megamenu .site-header-nav__product-panel--full-width:has(.child-menu-products--carousel){--mega-menu-design-card-height: 266px;--mega-menu-dropdown-padding-top: 2.25rem;--mega-menu-dropdown-padding-bottom: 1.875rem;--mega-menu-dropdown-extra-bottom-gap: 25px;height:calc(var(--mega-menu-dropdown-padding-top) + var(--mega-menu-card-height, var(--mega-menu-design-card-height, 266px)) + var(--mega-menu-view-all-gap, 25px) * 2 + var(--mega-menu-view-all-height, 30px) + var(--mega-menu-dropdown-padding-bottom) + var(--mega-menu-dropdown-extra-bottom-gap));min-height:0;overflow:visible}.drawer-megamenu-header .site-header-nav__product-panel--full-width:has(.child-menu-products--carousel) .child-menu-products,s-drawer-megamenu .site-header-nav__product-panel--full-width:has(.child-menu-products--carousel) .child-menu-products{height:auto;overflow:visible}.drawer-megamenu-header .site-header-nav__product-panel--full-width:has(.child-menu-products--carousel) .child-menu-products--carousel,s-drawer-megamenu .site-header-nav__product-panel--full-width:has(.child-menu-products--carousel) .child-menu-products--carousel,.drawer-megamenu-header .site-header-nav__product-panel--full-width:has(.child-menu-products--carousel) .child-menu-products__content,s-drawer-megamenu .site-header-nav__product-panel--full-width:has(.child-menu-products--carousel) .child-menu-products__content{height:auto;min-height:0}.site-header__mobile-nav--btn{position:relative}.site-header__mobile-nav--btn:before,.site-header__mobile-nav--close-btn:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px}@media(prefers-reduced-motion:reduce){.header-menu-panel,.header-menu-bg-panel,.mega-menu-products,.mega-menu-products *,.mobile-nav__collaboration-tiles *,.mobile-nav__product-tiles *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
/*# sourceMappingURL=/cdn/shop/t/99/assets/mega-menu-products.css.map */