/*Mariusz K - START*/
#header .navbar__subnav.--right .navbar__item[data-product] .menu_product__icon {right: auto;left: -125px;}
/*Mariusz K - STOP*/


    #projector_sizes_cont .sizes__sub {
        display:inline-grid;
        min-width: 100%
    }
    
@media (min-width: 250px) {
    #projector_sizes_cont .col-3 {
    flex: 0;
    display: inline-block;
        width: auto;
    }
}

@media (min-width: 250px) {
    #projector_sizes_cont div.col-3 {
        max-width: initial;
        flex: 0;
        flex-basis: unset;
        display: inline-block;
        width: auto;
    }
}

/* STRONA GŁÓWNA */
/* Styl dla obrazków wewnątrz elementu o ID menu_categories5 */
.navbar5__link img {
    transition: transform 1.0s ease-in-out; /* Płynne przejście transformacji */
}

/* Efekt powiększenia po najechaniu myszką */
.navbar5__link:hover img {
    transform: scale(1.2); /* Powiększenie o 20% */
}



/*.menu_button_wrapper a {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);  Dodanie delikatnego cienia 
    transition: box-shadow 0.3s ease-in-out;  Płynne przejście cienia 
}

.menu_button_wrapper a:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);  Zwiększenie cienia przy najechaniu myszką 
}
*/

.projector_newsletter {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Dodanie delikatnego cienia */
    transition: box-shadow 0.3s ease-in-out; /* Płynne przejście cienia */
}


.navbar2__link.--nav {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Dodanie delikatnego cienia */
    transition: box-shadow 0.3s ease-in-out; /* Płynne przejście cienia */
}

.navbar2__link.--nav:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Zwiększenie cienia przy najechaniu myszką */
}


.article__image_wrapper img {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Dodanie delikatnego cienia */
    transition: opacity 0.3s ease-in-out; /* Płynne przejście zmiany przezroczystości */
}

.article__image_wrapper img:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Zwiększenie cienia przy najechaniu myszką */
    opacity: 0.8; /* Zmniejszenie przezroczystości do 80% po najechaniu myszką */
}

/* PROJEKT UE EFRR */

#unijne-dofinansowanie {
    display: none;
    opacity: 0;
    position: relative;
    left: 0;
    width: 100%;
    background: #ffffff; /* Nowy kolor tła */
    color: #4d4d4d; /* Nowy kolor tekstu */
    text-align: center;
    padding: 15px 10px;
    font-size: 14px;

    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
    margin-top: 0px; /* Dodaje odstęp nad paskiem, aby oddzielić go od reszty strony */
    z-index: 99;
}

#unijne-dofinansowanie .logos {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    margin-bottom: 10px;
    background: #ffffff; 
    
}

#unijne-dofinansowanie .logos img {
    max-height: 50px;
}

#unijne-dofinansowanie .text {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

#unijne-dofinansowanie .text p {
    margin: 5px 0;
}

@media (max-width: 768px) {
    #unijne-dofinansowanie .logos {
        flex-direction: row;
        gap: 10px;
        flex-wrap: nowrap;
        margin-left:10px;
        margin-right:10px;
    }
        #unijne-dofinansowanie .logos img {
        max-height: 50px; /* Maksymalna wysokość logotypu */
    }

    #unijne-dofinansowanie .text {
        font-size: 13px;
        padding: 0 10px;
    }
}