.nav-grid{width:100%;margin-top:2rem}.nav-grid__container{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;max-width:1200px;margin:0 auto;padding:0 1rem}.nav-card{position:relative;border-radius:5px;overflow:hidden;aspect-ratio:1.65;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.nav-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000004d}.nav-card__content{position:relative;width:100%;height:100%}.nav-card__image{position:relative;width:100%;height:100%;overflow:hidden}.nav-card__placeholder{position:relative;width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.nav-card__image-element{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.nav-card:hover .nav-card__image-element{transform:scale(1.02)}.nav-card__title{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);color:rgb(var(--color-foreground));font-size:3.2rem;font-weight:700;padding:.5rem 1rem;text-align:center;z-index:2}.nav-card__link{position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;text-decoration:none;color:inherit}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media screen and (max-width: 750px){.nav-grid__container{grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:0 .5rem}.nav-card__title{font-size:3rem;padding:.25rem .75rem}}@media screen and (max-width: 360px){.nav-grid__container{grid-template-columns:1fr;gap:.5rem}.nav-card{aspect-ratio:1.8}}@media (prefers-reduced-motion: no-preference){.nav-card{animation:fadeInUp .6s ease-out}.nav-card:nth-child(1){animation-delay:.1s}.nav-card:nth-child(2){animation-delay:.2s}.nav-card:nth-child(3){animation-delay:.3s}.nav-card:nth-child(4){animation-delay:.4s}.nav-card:nth-child(5){animation-delay:.5s}.nav-card:nth-child(6){animation-delay:.6s}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.nav-card{animation:none}.nav-card:hover{transform:none}.nav-card__image-element{transition:none}.nav-card:hover .nav-card__image-element{transform:none}}.multicol-nav-side-menu .side-menu-container{height:auto;max-height:80vh;max-width:180px;position:fixed;top:180px;left:0;background-color:#000c;padding:20px;box-sizing:border-box;transition:transform .3s ease;z-index:10;border-radius:0 10px 10px 0}.multicol-nav-side-menu .menu-title{font-size:1.6rem;font-weight:700;color:#fff;padding-bottom:5px;border-bottom:1px solid #737373;margin-bottom:10px}.multicol-nav-side-menu .side-menu-container.closed{transform:translate(-100%)}.multicol-nav-side-menu .side-menu-container.closed .close-btn{display:none}.multicol-nav-side-menu .side-menu{display:flex;flex-direction:column}.multicol-nav-side-menu .side-menu__item{margin:5px 0}.multicol-nav-side-menu .side-menu__link{color:#fff;text-decoration:none}.multicol-nav-side-menu .side-menu__link:hover{color:#ccc}.multicol-nav-side-menu .close-btn{position:absolute;top:-10px;right:-10px;cursor:pointer;color:#111;width:30px;height:30px;text-align:center;background-color:#fff;border-radius:50%;z-index:1;display:flex;align-items:center;justify-content:center}.multicol-nav-side-menu .close-btn svg{width:16px;height:16px}.multicol-nav-side-menu .open-btn{z-index:2;position:fixed;top:170px;left:0;padding:10px;color:#fff;background-color:#000c;border:1px solid #333;border-radius:0 10px 10px 0;cursor:pointer;display:flex;align-items:center;justify-content:center}.multicol-nav-side-menu .open-btn svg{width:16px;height:16px;fill:#fff}.multicol-nav-side-menu .open-btn.hidden{display:none}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-multicol-nav.css.map */