.collection-navigation{background-color:var(--bg-color)}.collection-navigation .grid-list{max-width:1200px;margin:0 auto;gap:80px}.collection-navigation .navigation-item{width:200px}.collection-navigation .media-wrapper{background-color:transparent}.collection-navigation .media-wrapper img{height:var(--image-height)}.collection-navigation h3{font-size:calc(16px + .1vw);font-style:normal;font-weight:600;line-height:120%;text-align:left;margin-left:2px;min-width:85px}.collection-navigation h3:hover{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.collection-navigation .f-column{max-width:200px;cursor:pointer}@media (min-width: 1024px){.collection-navigation.collection-5 .f-grid{display:flex;justify-content:space-evenly}}.scroll-target .media-wrapper>img{object-fit:contain}.collection-navigation.collection-3 .f-grid,.collection-navigation.collection-2 .f-grid,.collection-navigation.collection-1 .f-grid{display:flex;justify-content:center}@media (min-width : 1024px) and (max-width : 1288px){.collection-navigation{gap:22px}}@media (max-width : 992px){.collection-navigation h3{margin-left:0!important;font-size:calc(12px + .1vw)}}@media (max-width : 767.98px){.collection-navigation .media-wrapper>img{object-fit:contain}.collection-navigation .swipe-mobile__inner{--slider-grid: auto / auto-flow 27vw}}@media (max-width : 768px){.collection-navigation{gap:5px;flex-wrap:wrap}.collection-navigation .media-wrapper img{height:var(--image-height-mobile)}.collection-navigation .navigation-item{grid-column:span var(--mobile-grid-columns);text-align:center}.collection-navigation h3{margin-left:0!important;font-size:calc(12px + .1vw);text-align:center}}.page-width-collection-nav{padding-inline:10px}@media (min-width: 1441px){.page-width-collection-nav{padding-inline:var(--page-padding)}}@media (max-width: 1280px){.collection-navigation h3{font-size:calc(14px + .1vw);width:125px}}@media (max-width: 1025px){.collection-navigation .media-wrapper img{--image-height: 50px;--image-height-mobile: 64px}}
/*# sourceMappingURL=/cdn/shop/t/353/assets/collection-navigation.css.map */
