.gallery-top {
        margin-top: 15px;
        width: 100%;
        position: relative;
    }

    /* Container hiển thị ngang và cho phép scroll */
    .product-image-gallery {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        gap: 10px;
        padding-bottom: 10px;
        scroll-behavior: smooth;
        scrollbar-width: thin; /* Firefox */
    }

    /* Tùy chỉnh thanh cuộn cho Chrome/Safari/Edge */
    .product-image-gallery::-webkit-scrollbar {
        height: 6px;
    }
    .product-image-gallery::-webkit-scrollbar-track {
        background: #f1f1f1; 
        border-radius: 4px;
    }
    .product-image-gallery::-webkit-scrollbar-thumb {
        background: #c1c1c1; 
        border-radius: 4px;
    }
    .product-image-gallery::-webkit-scrollbar-thumb:hover {
        background: #999; 
    }

    /* Style ảnh thumbnail */
    .gallery-image {
        width: 80px !important;
        height: 80px !important;
        object-fit: cover !important;
        border: 2px solid #eee;
        border-radius: 4px;
        cursor: pointer;
        flex-shrink: 0; /* Ngăn ảnh bị bóp méo khi có nhiều ảnh */
        transition: all 0.3s ease;
    }

    /* Hiệu ứng khi hover hoặc đang được chọn */
    .gallery-image:hover, 
    .gallery-image.active-thumb {
        border-color: #ee4136;
        opacity: 0.8;
    }