.tfc-scroller-btn-wrapper{width:10%; padding:20px;}
.tfc-product-scroller{position:relative; width:100%;}
.tfc-product-scroller__header{display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:10px;}
.tfc-product-scroller__title{margin:0; font-size:18px; line-height:1.2;}
.tfc-product-scroller__viewport{position:relative; width:80%;}
.tfc-product-scroller__track{
    display:flex;
    gap:18px;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    -webkit-overflow-scrolling:touch;
    margin:0;
    padding:0;
    list-style:none;
}
.tfc-product-scroller__track::-webkit-scrollbar{height:0;}
.tfc-product-scroller__track{scrollbar-width:none;}
.tfc-product-scroller__item{
    flex:0 0 auto;
    scroll-snap-align:start;
    width:320px; /* adjust to match your card sizing */
}
.tfc-product-scroller__arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:34px;
    height:34px;
    border-radius:999px;
    border:1px solid rgba(0,0,0,.12);
    background:#fff;
    box-shadow:0 6px 18px rgba(0,0,0,.10);
    display:grid;
    place-items:center;
    cursor:pointer;
    z-index:2;
}
.tfc-product-scroller__arrow[disabled]{opacity:.35; cursor:not-allowed;}
.tfc-product-scroller__arrow svg{width:16px; height:16px;}

@media (max-width: 1024px){
    .tfc-product-scroller__item{width:300px;}
}
@media (max-width: 640px){
    .tfc-product-scroller__viewport{width:100%;}
    .tfc-product-scroller__item{width:280px;}
    .tfc-product-scroller__arrow{display: none !important;}
    .tfc-product-scroller__title{font-size:16px;}
}
@keyframes tfcSpin {
    to {
        transform: rotate(360deg);
    }
}
.tfc-btn-spinner {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 8px;
    vertical-align: -2px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: tfcSpin 0.7s linear infinite;
}