.mega-menu.mega-menu--nav-cards .mega-menu__wrapper{width:100vw;height:auto;min-height:0;background:var(--mnc-bg, rgb(var(--color-background)));padding-top:calc(var(--ann-height) + var(--header-height) + 3.2rem);padding-left:clamp(2rem,8vw,12rem);padding-right:clamp(2rem,8vw,12rem);padding-bottom:4rem;display:flex;justify-content:center}.mnc__inner{width:fit-content;max-width:100%;margin:0 auto;display:grid;grid-template-columns:minmax(20rem,24rem) auto;align-items:stretch;gap:4rem}.mnc__nav{display:flex;flex-direction:column;gap:1.2rem}.mnc__nav-title{font-weight:600;font-size:1.6rem;color:rgb(var(--color-foreground));text-decoration:none;margin-bottom:.4rem}@media screen and (hover:hover)and (pointer:fine){.mnc__nav-title:hover,.mnc__nav-link:hover{opacity:var(--hover-opacity)}}.mnc__nav-list{display:flex;flex-direction:column;gap:1.2rem}.mnc__nav-link{color:rgb(var(--color-foreground));text-decoration:none;font-size:1.4rem;transition:opacity var(--duration-default) ease}.mnc__cards{display:grid;grid-template-columns:repeat(2,minmax(0,32rem));justify-content:flex-start;column-gap:2.4rem;row-gap:2rem;height:100%}.mnc__card{display:flex;flex-direction:column;row-gap:1.2rem;color:rgb(var(--color-foreground));text-decoration:none;height:100%}.mnc__card-image-wrapper{position:relative;width:100%;flex:1 1 auto;min-height:8rem;overflow:hidden;border-radius:var(--border-radius-block)}.mnc__card-image-wrapper--landscape{aspect-ratio:3/2}.mnc__card-image-wrapper--portrait{aspect-ratio:3/4}.mnc__card-image-wrapper--square{aspect-ratio:1/1}.mnc__card-image{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1);transition:transform 1s cubic-bezier(.215,.61,.355,1)}.mnc__card-title{font-size:1.4rem;transition:opacity .4s ease}@media screen and (hover:hover)and (pointer:fine){.mnc__card--link:hover .mnc__card-image{transform:scale(1.03)}.mnc__card--link:hover .mnc__card-title{opacity:.7}}@media screen and (max-width:1199px){.mnc__inner{grid-template-columns:minmax(18rem,20rem) auto;gap:2.4rem}.mnc__cards{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-mega-menu-nav-cards.css.map */