/* Best Sellers section */
.bestsellers{background:#F9F4F0;color:#1a1a1a;padding:3rem 1rem}
@media(min-width:640px){.bestsellers{padding:4rem 1.5rem}}
@media(min-width:1024px){.bestsellers{padding:4rem 2.5rem}}
.bs-wrap{max-width:1400px;margin:0 auto}

/* Tabs */
.bs-tabs{display:flex;gap:1rem;margin-bottom:2rem;opacity:0;transform:translateY(24px);transition:opacity .8s ease-out,transform .8s ease-out}
@media(min-width:640px){.bs-tabs{gap:1.5rem;margin-bottom:3rem}}
.bs-tabs.is-visible{opacity:1;transform:translateY(0)}
.bs-tab{display:flex;align-items:center;gap:.75rem;background:none;border:none;cursor:pointer;padding:0;font-family:inherit}
@media(min-width:640px){.bs-tab{gap:1rem}}
.bs-tab__label{font-size:1.5rem;font-weight:500;color:#9ca3af;transition:color .3s}
@media(min-width:640px){.bs-tab__label{font-size:2.25rem}}
@media(min-width:768px){.bs-tab__label{font-size:3rem}}
.bs-tab:hover .bs-tab__label{color:#4b5563}
.bs-tab.is-active .bs-tab__label{color:#1a1a1a}
.bs-dot{width:1.25rem;height:1.25rem;border-radius:50%;background:#1a1a1a;display:none}
@media(min-width:640px){.bs-dot{width:1.5rem;height:1.5rem}}
.bs-tab.is-active .bs-dot{display:block;animation:bs-scale-in .3s cubic-bezier(.34,1.56,.64,1)}
@keyframes bs-scale-in{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}

/* Track */
.bs-track-wrap{overflow:hidden}
.bs-track{display:flex;overflow-x:auto;cursor:grab;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}
.bs-track::-webkit-scrollbar{display:none}
.bs-track:active{cursor:grabbing}

/* Cards */
.bs-card{flex-shrink:0;width:260px;border:1px solid #e5e7eb;margin-left:-1px;padding:1rem 0 1.5rem;text-decoration:none;color:inherit;display:block;opacity:0;transform:translateY(32px);transition:opacity .5s ease-out,transform .5s ease-out}
.bs-card:first-child{margin-left:0}
.bs-card.is-visible{opacity:1;transform:translateY(0)}
@media(min-width:640px){.bs-card{width:280px}}
@media(min-width:768px){.bs-card{width:300px}}
@media(min-width:1024px){.bs-card{width:calc(25% - 1px)}}

.bs-card__cat{padding:0 1rem;height:3rem;display:flex;align-items:flex-start;flex-direction:column;justify-content:center}
.bs-card__cat span{font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}

.bs-card__img{margin:0 1rem;aspect-ratio:3/4;border-radius:.5rem;overflow:hidden;background:#F9F4F0}
.bs-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.bs-card:hover .bs-card__img img{transform:scale(1.05)}

.bs-card__info{margin-top:1rem;text-align:center}
.bs-card__name{font-size:.875rem;transition:color .3s}
.bs-card:hover .bs-card__name{color:#1a1a1a}
.bs-card__price{display:flex;justify-content:center;gap:.5rem;margin-top:.25rem;font-size:.875rem}
.bs-price--old{color:#9ca3af;text-decoration:line-through}

/* Progress */
.bs-progress{margin-top:2rem;display:flex;justify-content:center}
@media(min-width:640px){.bs-progress{margin-top:2.5rem}}
.bs-progress__track{width:280px;height:2px;background:#d1d5db;border-radius:9999px;position:relative;overflow:hidden}
.bs-progress__thumb{position:absolute;top:0;left:0;height:100%;width:30%;background:#1a1a1a;border-radius:9999px;transition:transform .15s ease-out}