.section-collection-tabs{width:100%;max-width:none}.collection-tabs{--ct-ease: cubic-bezier(.22, .61, .36, 1);background-color:var(--ct-bg, #ffffff);padding-top:var(--ct-pad-top, 36px);padding-bottom:var(--ct-pad-bottom, 36px)}.collection-tabs__container{width:100%;max-width:var(--ct-max-width, 1600px);margin-inline:auto;padding-inline:16px}@media(min-width:750px){.collection-tabs__container{padding-inline:24px}}@media(min-width:990px){.collection-tabs__container{padding-inline:32px}}.collection-tabs__header{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}@media(min-width:990px){.collection-tabs__header{flex-direction:row;align-items:center;justify-content:space-between;gap:32px;margin-bottom:28px}}.collection-tabs__title{margin:0;font-size:clamp(22px,4vw,34px);line-height:1.15;letter-spacing:-.02em;text-wrap:balance}.collection-tabs__nav{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity;padding-block:2px;overscroll-behavior-x:contain}.collection-tabs__nav::-webkit-scrollbar{display:none}.collection-tabs__nav-btn{flex:0 0 auto;scroll-snap-align:start;-webkit-appearance:none;appearance:none;border:1px solid rgba(0,0,0,.12);background:transparent;color:inherit;font-family:inherit;font-size:14px;font-weight:600;line-height:1;padding:12px 20px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:background-color .3s var(--ct-ease),color .3s var(--ct-ease),border-color .3s var(--ct-ease),transform .2s var(--ct-ease)}.collection-tabs__nav-btn:hover{transform:translateY(-1px);border-color:#0000004d}.collection-tabs__nav-btn.active{background-color:var(--ct-tab-active-bg, #fef3c7);color:var(--ct-tab-active-text, #1f2937);border-color:transparent}.collection-tabs__nav-btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}.collection-tabs__empty{padding:24px;text-align:center;opacity:.7}.collection-tabs__content{display:none}.collection-tabs__content.active{display:block}.collection-tabs__content:focus{outline:none}.collection-tabs .slider-wrapper{position:relative}.collection-tabs .slider-container{overflow:hidden}.collection-tabs .slider-track,.collection-tabs .slider-track.grid{display:flex;flex-wrap:nowrap;gap:var(--ct-gap, 12px);margin:0;padding:0;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.collection-tabs .slider-track::-webkit-scrollbar{display:none}.collection-tabs .slider-item,.collection-tabs .slider-item.grid__item{flex:0 0 calc((100% - (var(--ct-cols-mobile, 2.3) - 1) * var(--ct-gap, 12px)) / var(--ct-cols-mobile, 2.3));width:auto;max-width:none;padding-left:0;padding-top:0;margin:0;min-width:0;scroll-snap-align:start}@media(min-width:750px){.collection-tabs .slider-item,.collection-tabs .slider-item.grid__item{flex-basis:calc((100% - (var(--ct-cols-tablet, 3) - 1) * var(--ct-gap, 12px)) / var(--ct-cols-tablet, 3))}}@media(min-width:990px){.collection-tabs .slider-track,.collection-tabs .slider-track.grid{scroll-snap-type:x proximity}.collection-tabs .slider-item,.collection-tabs .slider-item.grid__item{flex-basis:calc((100% - (var(--ct-cols, 5) - 1) * var(--ct-gap, 12px)) / var(--ct-cols, 5))}}.collection-tabs .slider-arrow{position:absolute;top:38%;transform:translateY(-50%);display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid rgba(0,0,0,.08);border-radius:50%;background-color:var(--ct-arrow-bg, #ffffff);color:var(--ct-arrow-color, #f97316);cursor:pointer;z-index:2;box-shadow:0 4px 14px #0000001a;transition:opacity .25s ease,transform .25s var(--ct-ease),box-shadow .25s ease}@media(min-width:990px){.collection-tabs .slider-arrow{display:flex}}.collection-tabs .slider-arrow--prev{left:-14px}.collection-tabs .slider-arrow--next{right:-14px}.collection-tabs .slider-arrow:hover{transform:translateY(-50%) scale(1.08);box-shadow:0 8px 22px #00000029}.collection-tabs .slider-arrow:active{transform:translateY(-50%) scale(.96)}.collection-tabs .slider-arrow:focus-visible{outline:2px solid currentColor;outline-offset:2px}.collection-tabs .slider-arrow.disabled{opacity:0;pointer-events:none}.collection-tabs__view-all-wrapper{display:flex;justify-content:center;margin-top:24px}.collection-tabs__view-all-btn{display:inline-flex;align-items:center;gap:10px;background-color:var(--ct-view-all-bg, #f97316);color:var(--ct-view-all-text, #ffffff);border-radius:999px;padding:14px 32px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .25s var(--ct-ease),box-shadow .25s var(--ct-ease)}.collection-tabs__view-all-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #00000029;color:var(--ct-view-all-text, #ffffff)}.collection-tabs__view-all-btn svg{transition:transform .3s var(--ct-ease)}.collection-tabs__view-all-btn:hover svg{transform:translate(4px)}.collection-tabs.ct-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ct-ease),transform .6s var(--ct-ease)}.collection-tabs.ct-reveal.is-visible,.no-js .collection-tabs.ct-reveal{opacity:1;transform:none}.collection-tabs.ct-animate .collection-tabs__content.active{animation:ct-panel-in .45s var(--ct-ease) both}@keyframes ct-panel-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.collection-tabs.ct-animate .collection-tabs__content.active .slider-item{animation:ct-card-in .55s var(--ct-ease) both;animation-delay:.2s}.collection-tabs.ct-animate .collection-tabs__content.active .slider-item:nth-child(1){animation-delay:.04s}.collection-tabs.ct-animate .collection-tabs__content.active .slider-item:nth-child(2){animation-delay:.08s}.collection-tabs.ct-animate .collection-tabs__content.active .slider-item:nth-child(3){animation-delay:.12s}.collection-tabs.ct-animate .collection-tabs__content.active .slider-item:nth-child(4){animation-delay:.16s}.collection-tabs.ct-animate .collection-tabs__content.active .slider-item:nth-child(5){animation-delay:.2s}.collection-tabs.ct-animate .collection-tabs__content.active .slider-item:nth-child(6){animation-delay:.24s}@keyframes ct-card-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.collection-tabs.ct-reveal,.collection-tabs.ct-reveal.is-visible{opacity:1;transform:none;transition:none}.collection-tabs.ct-animate .collection-tabs__content.active,.collection-tabs.ct-animate .collection-tabs__content.active .slider-item{animation:none}.collection-tabs .slider-arrow:hover,.collection-tabs__view-all-btn:hover,.collection-tabs__nav-btn:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/collection-tabs.css.map */