.mega-menu__grid:has(.mega-menu__content--promo-cards){display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:1fr auto!important;gap:0 var(--menu-horizontal-gap)}.mega-menu__grid:has(.mega-menu__content--promo-cards) .mega-menu__list{display:grid!important;grid-template-columns:repeat(2,1fr)!important;grid-template-rows:1fr 1fr!important;grid-column:1 / 2;grid-row:1 / 2;gap:8px;align-content:stretch}.mega-menu__grid:has(.mega-menu__view-all-link) .mega-menu__column{grid-column:span 1!important;display:flex}.mega-menu__grid:has(.mega-menu__view-all-link) .mega-menu__column>div{flex:1;display:flex;flex-direction:column}.mega-menu__grid:has(.mega-menu__view-all-link) .mega-menu__link:has(.mega-menu__link-content){flex:1;height:auto;flex-wrap:nowrap}.mega-menu__grid:has(.mega-menu__view-all-link) .mega-menu__link:has(.mega-menu__link-content) .mega-menu__link-image{width:clamp(60px,30%,130px);min-width:clamp(60px,30%,130px);aspect-ratio:1 / 1;mix-blend-mode:normal}.mega-menu__grid:has(.mega-menu__content--promo-cards) .mega-menu__view-all-link{grid-column:1 / 2;grid-row:2 / 3}.mega-menu__grid:has(.mega-menu__view-all-link):not(:has(.mega-menu__content--promo-cards)){min-height:440px}.mega-menu__grid:has(.mega-menu__view-all-link):not(:has(.mega-menu__content--promo-cards)) .mega-menu__column{align-self:start;min-height:187px}.mega-menu__grid:has(.mega-menu__view-all-link):not(:has(.mega-menu__content--promo-cards)) .mega-menu__list{display:grid!important;grid-template-columns:repeat(4,1fr)!important;grid-column:1 / -1;gap:8px}.mega-menu__grid:has(.mega-menu__view-all-link):not(:has(.mega-menu__content--promo-cards)) .mega-menu__view-all-link{grid-column:1 / -1}.mega-menu__content--promo-cards{grid-column:2 / 3;grid-row:1 / 3;display:flex;align-items:stretch}.mega-menu__content-list--promo-cards{display:grid;grid-template-columns:repeat(var(--menu-content-columns-desktop, 2),1fr);gap:var(--menu-vertical-gap) 8px;width:100%;height:100%}.mega-menu__content-list--promo-cards>:only-child{grid-column-end:-1}.mega-menu__view-all-link{display:inline-flex;align-items:center;gap:var(--padding-sm);margin-top:18px;text-decoration:none;color:var(--color-foreground);transition:opacity var(--animation-speed) var(--animation-easing);justify-self:end}.mega-menu__view-all-link:hover svg{transform:translate(2px)}.mega-menu__view-all-link .mega-menu__view-all-text{font-family:var(--font-paragraph--family);font-size:var(--font-size--md);font-weight:600}.mega-menu__view-all-link .mega-menu__view-all-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--color-black);color:var(--color-background)}.mega-menu__view-all-link .mega-menu__view-all-icon svg{width:24px;height:24px;transition:.2s ease}.submenu-promo-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--promo-card-border-radius, 0);aspect-ratio:var(--promo-card-aspect-ratio, 1/1);background-color:rgb(var(--color-foreground-rgb) / var(--opacity-5));max-height:440px;margin-left:auto}.submenu-promo-card:hover .submenu-promo-card__image{transform:scale(1.05)}.submenu-promo-card .submenu-promo-card__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--layer-raised)}.submenu-promo-card .submenu-promo-card__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.submenu-promo-card .submenu-promo-card__image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.submenu-promo-card .submenu-promo-card:hover .submenu-promo-card__image{transform:scale(1.05)}.submenu-promo-card .submenu-promo-card__image-placeholder{width:100%;height:100%;background-color:rgb(var(--color-foreground-rgb) / var(--opacity-10))}.submenu-promo-card .submenu-promo-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.3) 50%,transparent 100%);pointer-events:none}.submenu-promo-card .submenu-promo-card__badge{position:absolute;top:var(--padding-sm);right:var(--padding-sm);padding:var(--padding-3xs) var(--padding-xs);background-color:var(--color-white);color:var(--color-black);font-size:var(--font-size--xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;z-index:var(--layer-flat)}.submenu-promo-card .submenu-promo-card__content{position:absolute;bottom:0;left:0;right:0;padding:var(--padding-4xl);display:flex;flex-direction:column;gap:var(--padding-xs);z-index:var(--layer-flat);color:var(--color-white)}.submenu-promo-card .submenu-promo-card__heading{font-family:var(--font-subheading--family);font-size:var(--font-size--2xl);font-weight:300;letter-spacing:-.24px;margin-bottom:12px}.submenu-promo-card .submenu-promo-card__subheading{font-family:var(--font-heading--family);font-size:clamp(1.25rem,3vw,40px);font-weight:700;line-height:96%;text-transform:uppercase}.submenu-promo-card .submenu-promo-card__button{display:inline-flex;margin-top:16px}.submenu-promo-card .submenu-promo-card__button .button-arrow svg{width:24px;height:24px;flex-shrink:0}@media(max-width:1500px){.mega-menu__grid:has(.mega-menu__content--promo-cards) .mega-menu__link:has(.mega-menu__link-image) .mega-menu__link-image{width:100px;min-width:100px}}@media(max-width:1400px){.submenu-promo-card{min-height:360px;aspect-ratio:auto}.submenu-promo-card .submenu-promo-card__content{padding:var(--padding-lg)}.submenu-promo-card .submenu-promo-card__heading{font-size:var(--font-size--xl);margin-bottom:12px}.submenu-promo-card .submenu-promo-card__button{font-size:var(--font-size--sm)}}@media(max-width:1200px){.mega-menu__grid:has(.mega-menu__content--promo-cards) .mega-menu__link:has(.mega-menu__link-image){padding:var(--padding-xs)}.mega-menu__grid:has(.mega-menu__content--promo-cards) .mega-menu__link:has(.mega-menu__link-image) .mega-menu__link-image{width:60px;min-width:60px}}@media screen and (max-width:989px){.mega-menu__grid:has(.mega-menu__content--promo-cards){grid-template-columns:1fr!important;grid-template-rows:auto!important}.mega-menu__grid:has(.mega-menu__content--promo-cards) .mega-menu__list{grid-template-columns:repeat(2,1fr)!important}.mega-menu__content--promo-cards{display:none}.mega-menu__grid:has(.mega-menu__view-all-link):not(:has(.mega-menu__content--promo-cards)){min-height:auto}.mega-menu__view-all-link{grid-column:1 / 2}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/submenu-promo-card.css.map */