.mega-menu__cards{display:flex;flex-direction:column;gap:calc(var(--gap) * 1.5);padding:calc(var(--gap) * 2) calc(var(--gap) * 3);width:100%;box-sizing:border-box}.mega-menu__card{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--gap) * 1.6);position:relative;background:var(--card-bg, #F5F2F8);border-radius:var(--border-radius, 12px);padding:calc(var(--gap) * 2.2) calc(var(--card-product-image-size-mobile, 64px) + 56px) calc(var(--gap) * 2.2) calc(var(--gap) * 1.6);text-decoration:none;color:var(--card-text, inherit);overflow:hidden;min-height:112px;transition:transform .25s ease,box-shadow .25s ease,opacity .25s ease}.mega-menu__card--has-text-color,.mega-menu__card--has-text-color .mega-menu__card__heading,.mega-menu__card--has-text-color .mega-menu__card__eyebrow,.mega-menu__card--has-text-color .mega-menu__card__subline{color:var(--card-text)}.mega-menu__card:hover,.mega-menu__card:focus-visible{opacity:.92;transform:translateY(-1px);box-shadow:0 6px 20px #0000000f;outline:none}.mega-menu__card__body{display:flex;flex-direction:row!important;align-items:center;justify-content:flex-start;gap:calc(var(--gap) * 1);flex:1 1 0;min-width:0;max-width:100%;text-align:left}.mega-menu__card__content{display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--gap) * .45);flex:1 1 auto;min-width:0;text-align:left}.mega-menu__card__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--card-icon-size-mobile, 50px);height:var(--card-icon-size-mobile, 50px);color:inherit}.mega-menu__card__icon-img{width:100%;height:100%;object-fit:contain;display:block}.mega-menu__card__eyebrow{font-family:var(--font-base);font-size:1.2rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.6}.mega-menu__card__heading{font-family:var(--font-headline);font-style:var(--font-headline-style, normal);font-weight:var(--font-headline-weight, 600);font-size:var(--card-heading-size-mobile, 20px);line-height:1.15;color:inherit}.mega-menu__card__subline{font-family:var(--font-base);font-size:1.25rem;line-height:1.32;opacity:.84}.mega-menu__card__media{position:absolute;top:50%;right:calc(var(--gap) * 4.6);transform:translateY(-50%);width:var(--card-product-image-size-mobile, 64px);height:var(--card-product-image-size-mobile, 64px);border-radius:calc(var(--border-radius, 12px) - 4px);overflow:visible}.mega-menu__card__img{width:100%;height:100%;object-fit:contain;display:block}.mega-menu__card__chevron{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;position:absolute;top:50%;right:calc(var(--gap) * 1.3);transform:translateY(-50%);width:30px;height:30px;border-radius:50%;color:var(--card-accent, #7B61C8);background:#fff;box-shadow:0 6px 16px #0000001f}.mega-menu__card__chevron svg{width:48%;height:48%;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.mega-menu__card__chevron{display:none}.wt-page-nav-mega__link--card-section{font-size:1.1rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:1;pointer-events:none;cursor:default}.wt-page-nav-mega__link--card-section .wt-page-nav-mega__link__text{color:var(--color-body-text);opacity:1}.wt-page-nav-mega__link--card-section .svg-icon{display:none!important}.wt-page-nav-mega__link--card-section .wt-page-nav-mega__link__text--underline:after{display:none!important}.wt-page-nav-mega__sublist__item--cards{padding:0;margin:0}@media(min-width:1200px){.mega-menu__card{padding-right:calc(var(--card-product-image-size-desktop, 150px) + 56px)}.mega-menu__card__icon{width:var(--card-icon-size-desktop, 76px);height:var(--card-icon-size-desktop, 76px)}.mega-menu__card__heading{font-size:var(--card-heading-size-desktop, 22px);line-height:1.1}.mega-menu__card__media{width:var(--card-product-image-size-desktop, 150px);height:var(--card-product-image-size-desktop, 150px)}}@media(min-width:1200px){body:not(.mobile-nav) .wt-page-nav-mega__link--card-section{font-size:1.6rem;font-weight:var(--font-navigation-weight, inherit);letter-spacing:normal;text-transform:none;opacity:1;pointer-events:auto;cursor:pointer}body:not(.mobile-nav) .wt-page-nav-mega__link--card-section .wt-page-nav-mega__link__text--underline:after{display:block!important}body:not(.mobile-nav) .wt-page-nav-mega__item--cards .wt-page-nav-mega__sublist__wrapper{max-height:0;transition:max-height .2s ease-out}body:not(.mobile-nav) .wt-page-nav-mega__item--cards.dropdown-opened .wt-page-nav-mega__sublist__wrapper{max-height:720px;transition:max-height .4s ease-in}body:not(.mobile-nav) .wt-page-nav-mega__sublist__item--cards{grid-column:1 / -1;margin-left:0;padding:0 calc(var(--gap) * 3)}body:not(.mobile-nav) .mega-menu__cards{display:grid;grid-template-columns:repeat(var(--cards-cols, 3),minmax(0,1fr));gap:calc(var(--gap) * 2);padding:calc(var(--gap) * 3) 0}body:not(.mobile-nav) .mega-menu__cards[data-cards-cols="2"]{--cards-cols: 2}body:not(.mobile-nav) .mega-menu__cards[data-cards-cols="3"]{--cards-cols: 3}body:not(.mobile-nav) .mega-menu__cards[data-cards-cols="4"]{--cards-cols: 4}body:not(.mobile-nav) .mega-menu__cards[data-cards-cols="5"]{--cards-cols: 5}body:not(.mobile-nav) .mega-menu__cards[data-cards-cols="6"]{--cards-cols: 6}body:not(.mobile-nav) .mega-menu__card{padding:calc(var(--gap) * 3);min-height:156px;gap:calc(var(--gap) * 2);position:static}body:not(.mobile-nav) .mega-menu__card__body{gap:calc(var(--gap) * 1.6);max-width:none}body:not(.mobile-nav) .mega-menu__card__subline{font-size:1.4rem}body:not(.mobile-nav) .mega-menu__card__media{position:static;top:auto;right:auto;transform:none;flex:0 0 var(--card-product-image-size-desktop, 150px);height:var(--card-product-image-size-desktop, 150px);max-height:none;width:var(--card-product-image-size-desktop, 150px);max-width:none;align-self:center;aspect-ratio:auto}body:not(.mobile-nav) .mega-menu__card__chevron{position:static;top:auto;right:auto;transform:none;width:36px;height:36px}}@media(max-width:1199px){.wt-page-nav-mega__sublist__wrapper--cards{max-height:none!important;overflow:visible!important}.wt-page-nav-mega__sublist--cards{max-height:none!important;overflow:visible!important;display:block!important;padding:0!important;margin-bottom:0!important;border:0!important}.wt-page-nav-mega__item--cards{border-bottom:0;padding:0}}@media(min-width:1200px){body:not(.mobile-nav) .wt-header--desktop-mega .wt-header__desktop-mega .wt-page-nav-mega__item--cards .wt-page-nav-mega__sublist__wrapper{left:0;right:auto;width:min(60rem,calc(100vw - 4rem));max-width:min(60rem,calc(100vw - 4rem));background:var(--mega-dropdown-bg, var(--color-background, #fff));box-shadow:0 14px 34px #00000014}body:not(.mobile-nav) .wt-header--desktop-mega .wt-header__desktop-mega .wt-page-nav-mega__item--cards.dropdown-opened .wt-page-nav-mega__sublist__wrapper{max-height:calc(100vh - var(--mega-menu-top-position, 9rem));overflow-y:auto}body:not(.mobile-nav) .wt-header--desktop-mega .wt-header__desktop-mega .wt-page-nav-mega__sublist--cards{display:block!important;max-width:none;margin:0;padding:calc(var(--gap) * 2.25) calc(var(--gap) * 3);background:var(--mega-dropdown-bg, var(--color-background, #fff))}body:not(.mobile-nav) .wt-header--desktop-mega .wt-header__desktop-mega .wt-page-nav-mega__sublist__item--cards{grid-column:auto;margin:0;padding:0}body:not(.mobile-nav) .wt-header--desktop-mega .wt-header__desktop-mega .mega-menu__cards{display:flex;flex-direction:column;grid-template-columns:none;gap:calc(var(--gap) * 1.5);padding:0;width:100%}body:not(.mobile-nav) .wt-header--desktop-mega .wt-header__desktop-mega .mega-menu__card{min-height:13.2rem;padding:calc(var(--gap) * 2.4) 15.6rem calc(var(--gap) * 2.4) calc(var(--gap) * 2.4);position:relative;width:100%}body:not(.mobile-nav) .wt-header--desktop-mega .wt-header__desktop-mega .mega-menu__card__body{max-width:100%}body:not(.mobile-nav) .wt-header--desktop-mega .wt-header__desktop-mega .mega-menu__card__media{position:absolute;top:50%;right:calc(var(--gap) * 4.6);transform:translateY(-50%);flex:0 0 auto;width:11.2rem;height:11.2rem}body:not(.mobile-nav) .wt-header--desktop-mega .wt-header__desktop-mega .mega-menu__card__chevron{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-mega-menu-cards.css.map */