/* Custom scrollbar for WebKit browsers (Chrome, Safari, Edge) */
.product-modal-scrollable .modal-content::-webkit-scrollbar,
.product-modal-scrollable .modal-body::-webkit-scrollbar {
    width: 4px;
}

.product-modal-scrollable .modal-content::-webkit-scrollbar-track,
.product-modal-scrollable .modal-body::-webkit-scrollbar-track {
    background: transparent;
}

.product-modal-scrollable .modal-content::-webkit-scrollbar-thumb,
.product-modal-scrollable .modal-body::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 2px;
}

.product-modal-scrollable .modal-content::-webkit-scrollbar-thumb:hover,
.product-modal-scrollable .modal-body::-webkit-scrollbar-thumb:hover {
    background: #999;
}

/* For Firefox */
.product-modal-scrollable .modal-content,
.product-modal-scrollable .modal-body {
    scrollbar-width: thin;
    scrollbar-color: #ccc transparent;
}

/* Hide scrollbar for image carousel */
.image-carousel {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.image-carousel::-webkit-scrollbar {
    display: none; /* WebKit browsers (Chrome, Safari, Edge) */
}