/* Główna mechanika ściany z cegieł (masonry) */
.image-masonry {
    column-count: 1; /* 1 kolumna na telefonach */
    column-gap: 14px;
    width: 100%;
}

.brick-item {
    display: inline-block;
    width: 100%;
    margin-bottom: 14px;
    break-inside: avoid; /* Blokada łamania kafelków między kolumnami */
}

.brick-content {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

/* Efekt uniesienia cegiełki po najechaniu myszką/pilotem TV */
/*
.brick-content:hover {
    transform: scale(1.015);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08) !important;
}
*/

.brick-content img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 0 !important; /* Wymuszenie ostrych rogów dla obrazka */
}

.image-meta-bottom {
    font-size: 11px;
}

/* Responsywność (Media Queries) */

/* Tablety (średnie ekrany) */
@media (min-width: 768px) {
    .image-masonry {
        column-count: 2;
        column-gap: 16px;
    }
}

/* Laptopy i komputery stacjonarne (Ekran >= 992px) */
@media (min-width: 992px) {
    .image-masonry {
        column-count: 4;
    }
}

/* Duże monitory i Telewizory (Ekran >= 1600px) */
@media (min-width: 1600px) {
    .image-masonry {
        column-count: 4; /* Plynne przejscie dla mniejszych TV / monitorow */
        column-gap: 18px;
    }
}

/* Duze Telewizory / Ekrany 4K (Ekran >= 1920px) */
@media (min-width: 1920px) {
    .image-masonry {
        column-count: 8; /* Dokladnie 8 kolumny na duzych telewizorach */
    }
}

/* Klasy pomocnicze dla pola shape */
.brick-VRTC {}
.brick-HRZN {}
.brick-SQRE {}