.m-visual-category-nav{padding-top:var(--vcn-padding-top, 24px);padding-bottom:var(--vcn-padding-bottom, 24px)}.m-visual-category-nav__container{width:92%;max-width:1400px;margin-inline:auto}.m-visual-category-nav__track{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--vcn-gap-desktop, 18px);align-items:stretch}.m-visual-category-nav__item{min-width:0}.m-visual-category-nav__card{position:relative;display:block;width:100%;aspect-ratio:3 / 1;border-radius:var(--vcn-radius, 70px);overflow:hidden;border:1.5px solid var(--vcn-title-color, #c82e62);background-color:#f4f0f2;text-decoration:none;color:inherit;isolation:isolate;transition:box-shadow .35s ease}.m-visual-category-nav__card:focus-visible{outline:2px solid var(--vcn-title-color, #c82e62);outline-offset:3px}.m-visual-category-nav__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.m-visual-category-nav__media img,.m-visual-category-nav__media .m-placeholder-svg,.m-visual-category-nav__media svg{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transform:scale(1);transition:transform .35s ease}.m-visual-category-nav__overlay{position:absolute;left:0;right:0;bottom:0;height:48%;pointer-events:none;z-index:1;background:linear-gradient(to top,rgba(255,255,255,var(--vcn-overlay-opacity, .72)),rgba(255,255,255,calc(var(--vcn-overlay-opacity, .72) * .55)) 45%,#fff0)}.m-visual-category-nav__title{position:absolute;left:50%;bottom:14%;transform:translate(-50%);z-index:2;margin:0;max-width:calc(100% - 24px);padding:0 8px;text-align:center;text-transform:uppercase;font-weight:700;font-size:var(--vcn-title-size, 28px);line-height:1.15;letter-spacing:.75px;color:var(--vcn-title-color, #c82e62);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}@media(hover:hover)and (pointer:fine){.m-visual-category-nav__card:hover{box-shadow:0 8px 22px #c82e6224}.m-visual-category-nav__card:hover .m-visual-category-nav__media img,.m-visual-category-nav__card:hover .m-visual-category-nav__media svg{transform:scale(1.04)}}@media screen and (max-width:1279px)and (min-width:768px){.m-visual-category-nav__container{width:94%}.m-visual-category-nav__track{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--vcn-gap-desktop, 18px)}.m-visual-category-nav__title{font-size:max(20px,calc(var(--vcn-title-size, 28px) * .78));bottom:16%}}@media screen and (max-width:767px){.m-visual-category-nav__container{width:100%;max-width:none;margin-inline:0}.m-visual-category-nav__track{display:flex;grid-template-columns:none;gap:var(--vcn-gap-mobile, 12px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:16px;padding-inline:16px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none}.m-visual-category-nav__track::-webkit-scrollbar{display:none;width:0;height:0}.m-visual-category-nav__item{flex:0 0 72vw;max-width:72vw;scroll-snap-align:start}.m-visual-category-nav__card{aspect-ratio:auto;height:115px}.m-visual-category-nav__title{font-size:max(18px,min(22px,calc(var(--vcn-title-size, 28px) * .7)));letter-spacing:.5px;bottom:18%;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.m-visual-category-nav__overlay{height:55%}}@media screen and (max-width:389px){.m-visual-category-nav__item{flex-basis:78vw;max-width:78vw}.m-visual-category-nav__card{height:105px}}@media screen and (min-width:390px)and (max-width:430px){.m-visual-category-nav__item{flex-basis:74vw;max-width:74vw}.m-visual-category-nav__card{height:118px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-visual-category-nav.css.map */