/* Carousel Styles */
.carousel-section {
    padding: 4rem 0;
    background-color: var(--bg-secondary);
    overflow: hidden;
}

.carousel-container {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 2rem;
    padding: 1rem 0 2rem 0;
    /* Bottom padding for scrollbar */
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    /* Firefox */
    scrollbar-color: var(--primary-color) var(--bg-secondary);
    min-height: 400px;
    /* Reserve space to prevent layout shift */
}

.carousel-container::-webkit-scrollbar {
    height: 8px;
}

.carousel-container::-webkit-scrollbar-track {
    background: var(--bg-secondary);
}

.carousel-container::-webkit-scrollbar-thumb {
    background-color: var(--primary-color);
    border-radius: 4px;
}

.carousel-container .product-card {
    flex: 0 0 300px;
    /* Fixed width for carousel items */
    scroll-snap-align: start;
    margin: 0;
}

@media (max-width: 768px) {
    .carousel-container .product-card {
        flex: 0 0 260px;
    }
}