.pdp-navigation{background-color:var(--bg-color);transition:all .3s ease;padding-top:var(--section-padding-top);padding-bottom:var(--section-padding-bottom)}@media (max-width: 768px){.pdp-navigation{padding-inline:10px}}.pdp-navigation__inner{position:relative}.pdp-navigation__scroll-container{position:relative;width:100%;overflow:hidden}.pdp-navigation__nav{position:relative;width:100%}.pdp-navigation__list .swiper-slide{display:flex;flex-direction:row;justify-content:center;align-items:center}.pdp-navigation__list div a{display:flex;flex-direction:row;justify-content:center;align-items:center;color:var(--text-color);font-weight:600;position:relative;transition:all .3s ease;font-size:16px;gap:.5rem;height:100%;line-height:120%}.pdp-navigation__list div a:hover{opacity:.9;text-decoration:underline;text-underline-offset:.2em}.pdp-navigation__list div a span{text-align:left;max-width:140px}@media (max-width: 1024px){.pdp-navigation__list div a{justify-content:center;font-size:14px}.pdp-navigation__list div a span{text-align:left;width:50%}.pdp-navigation__list.swipe-mobile__inner{--column-width-mobile: 33vw;--slider-grid: auto / auto-flow 35vw }.pdp-navigation__nav{padding:0;margin:0}}@media (min-width: 768px) and (max-width: 1024px){.pdp-navigation__list .swiper-slide{width:auto;display:inline-block}.pdp-navigation__list div a{justify-content:center;font-size:16px}.pdp-navigation__list.swipe-mobile__inner{--column-width-mobile: 26vw}}@media (min-width: 1025px){.pdp-navigation__list{display:flex;flex-direction:row;justify-content:center;align-items:center}.pdp-navigation__list .swiper-slide{width:auto}}@media (min-width: 1440px){.pdp-navigation__list{gap:63px}}@media (min-width: 1025px){.pdp-navigation__list{gap:23px}}@media all and (device-width : 768px) and (device-height : 1024px) and (orientation : portrait){.pdp-navigation__list{gap:0}.pdp-navigation__list .swiper-slide{width:150px}}@media (min-width: 405px) and (max-width: 768px){.pdp-navigation__list.swipe-mobile__inner{--column-width-mobile: 37vw}}@media (min-width: 375px) and (max-width: 405px){.pdp-navigation__list.swipe-mobile__inner{--column-width-mobile: 41vw}}@media (max-width: 374px){.pdp-navigation__list.swipe-mobile__inner{--column-width-mobile: 47vw}}@media (max-width : 1024px){.pdp-navigation .swipe-mobile{--column-width-mobile: 68vw;overflow-y:hidden;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scroll-behavior:smooth;padding-inline:var(--page-padding);margin-inline:calc(var(--page-padding) * -1);scroll-padding-inline:var(--page-padding);scrollbar-width:none;display:grid!important}.pdp-navigation .swipe-mobile--2-cols{--column-width-mobile: 42vw}.pdp-navigation .swipe-mobile--3-cols{--column-width-mobile: 28vw}.pdp-navigation .swipe-mobile__inner{--slider-grid: auto / auto-flow var(--column-width-mobile);display:grid;grid:var(--slider-grid);column-gap:var(--gap-x);margin-inline:0!important}.pdp-navigation .swipe-mobile__inner>*{scroll-snap-align:start;padding-inline:0!important;width:100%}.pdp-navigation .swipe-mobile::-webkit-scrollbar{display:none}}
/*# sourceMappingURL=/cdn/shop/t/353/assets/pdp-navigation.css.map */