.elementor-283 .elementor-element.elementor-element-8e0fa5b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-283 .elementor-element.elementor-element-8e0fa5b:not(.elementor-motion-effects-element-type-background), .elementor-283 .elementor-element.elementor-element-8e0fa5b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F2F4;}/* Start custom CSS for html, class: .elementor-element-8eef01b */ /* Kontener galerii - układ siatki */
.custom-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    padding: 20px;
}

/* Styl pojedynczego elementu */
.gallery-item {
    overflow: hidden;
    border-radius: 12px; /* Zaokrąglone rogi dla nowoczesnego wyglądu */
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.4s ease;
    cursor: pointer;
}

/* Wygląd obrazka */
.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Efekt po najechaniu myszką */
.gallery-item:hover {
    transform: scale(1.05); /* Powiększenie o 5% */
    /* Cień w kolorze #FF6A00 z 70% kryciem */
    box-shadow: 0 15px 30px rgba(255, 106, 0, 0.7); 
    z-index: 10;
} /* End custom CSS */