/* --- KROK 1: Rezerwacja miejsca na baner (naprawa CLS) --- */

.main_banner_config,
.wrapper_main_banner,
.main_banner, 
.main_banner_slider,
.main_banner_slider img {
    aspect-ratio: 16/9; 
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    overflow: hidden;
}

/* Miniatury banera */
.main_banner_slider .thumb,
.main_banner_slider .thumbs img {
    aspect-ratio: 4/3;
    min-height: 60px;
}

/* --- KROK 2: Lazy-loading dla obrazów banera --- */

.main_banner_slider img {
    loading: lazy !important;
    content-visibility: auto;
}