.tcs{font-family:inherit;position:relative;width:100%}.tcs *,.tcs *:before,.tcs *:after{box-sizing:border-box}.tcs__container{position:relative}.tcs__header{display:flex;align-items:center;gap:12px;padding:0 4px;margin-bottom:14px}.tcs__icon{flex:0 0 auto;width:36px;height:36px;border-radius:50%;background:#f2f2f2;display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--tcs-title-color)}.tcs__icon img,.tcs__icon svg{width:22px;height:22px;display:block;object-fit:contain}.tcs__icon--svg svg{width:22px;height:22px}.tcs__title{margin:0;font-size:var(--tcs-title-size-mobile, 18px);line-height:1.25;font-weight:700;color:var(--tcs-title-color);letter-spacing:-.01em}@media(min-width:750px){.tcs__title{font-size:var(--tcs-title-size-desktop, 28px)}.tcs__icon{width:44px;height:44px}.tcs__icon img,.tcs__icon svg{width:26px;height:26px}.tcs__header{margin-bottom:18px;gap:14px}}.tcs__tabs-wrapper{position:relative;border-bottom:1px solid var(--tcs-border-color, #eee);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-bottom:18px}.tcs__tabs-wrapper::-webkit-scrollbar{display:none}.tcs__tabs{display:flex;gap:4px;width:max-content;min-width:100%;padding:0 4px}.tcs__tab{-webkit-appearance:none;appearance:none;border:none;background:transparent;padding:12px 14px;margin:0 0 -1px;font:inherit;font-size:13px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--tcs-tab-color, #888);cursor:pointer;white-space:nowrap;position:relative;border-bottom:2px solid transparent;transition:color .18s ease,border-color .18s ease}.tcs__tab:hover{color:var(--tcs-tab-active-color)}.tcs__tab.is-active{color:var(--tcs-tab-active-color);border-bottom-color:var(--tcs-tab-underline);font-weight:700}.tcs__tab:focus-visible{outline:2px solid var(--tcs-tab-active-color);outline-offset:-2px;border-radius:2px}@media(min-width:750px){.tcs__tabs{gap:8px;padding:0 8px}.tcs__tab{padding:14px 18px;font-size:14px}.tcs__tabs-wrapper{margin-bottom:24px}}.tcs__panels{position:relative}.tcs__panel{display:none;animation:tcs-fade-in .3s ease both}.tcs__panel.is-active{display:block}@keyframes tcs-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tcs__slider-wrapper{position:relative;display:block}.tcs__slider{list-style:none;margin:0;padding:0 0 4px;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 12px) / 3);gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-behavior:smooth}.tcs__slider::-webkit-scrollbar{display:none}.tcs__slide{scroll-snap-align:start;min-width:0}@media(min-width:750px){.tcs__slider{grid-auto-columns:calc((100% - 24px) / 3);gap:12px}}@media(min-width:990px){.tcs__slider{grid-auto-columns:calc((100% - 36px)/4);gap:12px}}.tcs__card{display:flex;flex-direction:column;text-decoration:none;color:inherit;border-radius:var(--tcs-card-radius, 0);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease;height:100%}.tcs__card:hover{transform:translateY(-2px)}.tcs__card:hover .tcs__image--secondary{opacity:1}.tcs__card:hover .tcs__image--primary{opacity:0}.tcs__card--placeholder{cursor:default}.tcs__media{position:relative;width:100%;aspect-ratio:var(--tcs-ratio, 1);overflow:hidden;border-radius:var(--tcs-image-radius, 0)}.tcs__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:8%;transition:opacity .3s ease,transform .5s ease}@media(min-width:750px){.tcs__image{padding:10%}}.tcs__image--secondary{opacity:0}.placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.tcs__badge{position:absolute;top:8px;left:8px;z-index:2;padding:4px 8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;line-height:1}.tcs__badge--sale{background:#e8332a;color:#fff}.tcs__badge--sold-out{background:#444;color:#fff;top:auto;bottom:8px;left:50%;transform:translate(-50%)}.tcs__info{padding:12px 8px 14px;text-align:center;display:flex;flex-direction:column;gap:4px}.tcs__vendor{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#888;font-weight:500}.tcs__product-title{margin:0;font-size:13px;line-height:1.35;font-weight:500;color:var(--tcs-product-title-color);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}.tcs__price{display:flex;justify-content:center;align-items:baseline;gap:6px;margin-top:4px;flex-wrap:wrap}.tcs__price-current{font-size:14px;font-weight:700;color:var(--tcs-price-color)}.tcs__price-compare{font-size:12px;color:#888;text-decoration:line-through}@media(min-width:750px){.tcs__info{padding:14px 10px 16px}.tcs__product-title{font-size:14px}.tcs__price-current{font-size:15px}}.tcs__arrow{position:absolute;top:38%;transform:translateY(-50%);z-index:3;width:40px;height:40px;border-radius:50%;border:1px solid rgba(0,0,0,.08);background:var(--tcs-arrow-bg);color:var(--tcs-arrow-color);cursor:pointer;display:none;align-items:center;justify-content:center;padding:0;box-shadow:0 4px 14px #00000014;transition:opacity .2s ease,transform .2s ease,background .2s ease}.tcs__arrow svg{width:18px;height:18px}.tcs__arrow--prev{left:-8px}.tcs__arrow--next{right:-8px}.tcs__arrow:hover:not(:disabled){transform:translateY(-50%) scale(1.05)}.tcs__arrow:disabled{opacity:.35;cursor:not-allowed}@media(min-width:990px){.tcs__arrow{display:flex}.tcs__arrow--prev{left:-20px}.tcs__arrow--next{right:-20px}}.tcs__view-all-wrapper{display:flex;justify-content:center;margin-top:22px}.tcs__view-all-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 32px;background:var(--tcs-button-bg);color:var(--tcs-button-color);border-radius:6px;text-decoration:none;font-weight:600;font-size:14px;letter-spacing:.02em;transition:opacity .2s ease,transform .2s ease;min-width:160px}.tcs__view-all-button:hover{opacity:.92;transform:translateY(-1px)}@media(min-width:750px){.tcs__view-all-wrapper{margin-top:28px}.tcs__view-all-button{padding:13px 36px;font-size:15px}}.tcs__empty{padding:30px;text-align:center;color:#888;font-size:14px}
/*# sourceMappingURL=/cdn/shop/t/37/assets/sf-tab-collection-slider.css.map */