/* 1. Hlavní blok galerie lícující s modulem banneru */
#phocagallery, 
.pg-category-view, 
.pg-categories-view,
#phocagallery-pane {
    max-width: 1140px !important; /* Pokud stále nelícuje přesně s okrajem banneru, zvyšte např. na 1160px */
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: block !important;
    box-sizing: border-box !important;
}

/* 2. Flexibilní mřížka - zajistí automatické roztažení mezer */
.pg-category-view,
.pg-cv-box-inline {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    /* Klíčová změna: roztáhne náhledy k okrajům a mezery mezi nimi rozdělí rovnoměrně */
    justify-content: space-between !important; 
}

/* 3. Fixní šířka boxů (mezery se dopočítají samy) */
.pg-cv-box, 
.phocagallery-box-file {
    width: 23.5% !important; /* Mírně zvětšeno, aby náhledy lépe vyplnily řádek */
    margin: 0 0 20px 0 !important; /* Spodní mezera 20px, boční mezery řeší flexbox */
    box-sizing: border-box !important;
    float: none !important;
}

/* 4. Responzivita pro mobily (aby na telefonu nebyly 4 miniaturní sloupce) */
@media (max-width: 768px) {
    .pg-cv-box, .phocagallery-box-file {
        width: 48% !important; /* Na mobilech budou 2 obrázky vedle sebe */
    }
}