/* Bottom Carousel Section */
.bottom-carousel-container {
    display: none;
}

.bottom-carousel-container.is-swiping {
    cursor: grabbing;
    box-shadow: none; /* Remove shadow */
}

.bottom-carousel-slides {
    display: flex;
    width: 100%; /* This is the width of the visible area */
    height: 100%;
    transition: transform 0.5s ease-in-out; /* Add transition for sliding effect */
    border-radius: 15px;
    z-index: 1;
}

.bottom-carousel-slide-item {
    flex-basis: 100%; /* Each item takes 100% of the visible width */
    height: 100%;
    flex-shrink: 0; /* Prevent items from shrinking */
    border-radius: 15px; /* Match container's border-radius */
}

.bottom-carousel-progress {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 10;
}

.bottom-carousel-progress span {
    display: block;
    width: 15px;
    height: 15px;
    background-color: #999;
    border-radius: 50%;
    cursor: pointer;
}

.bottom-carousel-progress span.active {
    background-color: #333;
}