/* Custom CSS to handle scrollbar and hover effects */
    .scrollbar-hidden::-webkit-scrollbar {
        display: none;
    }
    
    .scrollbar-hidden {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    
    .hover-shadow:hover {
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    }
    
    .transition-all {
        transition: all 0.3s ease;
    }
    
    .product-slider-container:hover .product-slider-container:hover-opacity-100 {
        opacity: 1 !important;
    }