/* ===== Masonry Layout CSS ===== */
.masonry {
    column-count: var(--masonry-col, 4);
    column-gap: var(--masonry-gap, 16px);
}

.masonry-item {
    break-inside: avoid;
    margin-bottom: var(--masonry-gap, 16px);
    display: block;
    width: 100%;
}

.masonry-item img {
    width: 100%;
    display: block;
}