/* 1. Kontener główny - nadajemy pozycjonowanie i ciemne tło pod spodem */
.qx-joomla-articles-carousel-qcvol .sp-img {
    background-color: #000000 !important; /* Czarne tło, które ujawni się przy ściemnianiu */
    overflow: hidden !important;
    position: relative !important;
    display: block !important;
}

/* 2. Zmiana zachowania samego obrazka w karuzeli */
.qx-joomla-articles-carousel-qcvol .sp-img img {
    opacity: 1 !important;
    filter: brightness(1) !important; /* Domyślna, normalna jasność */
    transition: opacity 0.3s ease-in-out, filter 0.3s ease-in-out, transform 0.3s ease-in-out !important;
}

/* 3. Reakcja na najechanie myszką - bezpośrednie ściemnienie i podświetlenie obrazka */
.qx-joomla-articles-carousel-qcvol .sp-item:hover .sp-img img,
.qx-joomla-articles-carousel-qcvol .sp-img:hover img {
    opacity: 0.5 !important; /* Zmniejsza przezroczystość obrazka, przebija czarne tło spodu */
    filter: brightness(0.6) !important; /* Dodatkowo bezpośrednio przyciemnia samą grafikę */
    transform: scale(1.05) !important; /* Delikatne powiększenie zdjęcia */
}