.carousel-container {
    display: flex;
    overflow-x: scroll;
    scroll-behavior: smooth;
    gap: 8px;
}

.related-shop{
    gap: 24px;
}

.gallery_preview{
    width: 100%;
    height: 500px;
    object-fit: cover;
}

.carousel-item, .shop-carousel-item {
     flex: 0 0 auto; /* Prevent items from shrinking */
     width: calc(100% / 7.4); /* Adjust based on the number of visible items */
}

.shop-carousel-item {
    width: calc(100% / 3.7);
}

.carousel-control {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #F27321;
    color: white;
    border: none;
    cursor: pointer;
    border-radius: 50%;
    padding: 5px;
}

.carousel-control-prev {
    left: 9px;
}

.carousel-control-next {
    right: 9px;
}

/* Optional: hide scrollbar */
.carousel-container {
    overflow-x: scroll;
    scrollbar-width: none; /* Hide scrollbar for Firefox */
    -ms-overflow-style: none; /* Hide scrollbar for Internet Explorer and Edge */
}

.carousel-container::-webkit-scrollbar {
    display: none; /* Hide scrollbar for Chrome, Safari, and newer versions of Edge */
}

@media only screen and (max-width: 667px) {
    .carousel-item {
         width: calc(100% / 4.3);
    }
    .gallery_preview{
        height: 177px;
    }
    .shop-carousel-item {
        width: calc(100% / 1.9);
    }
}