/* --- CSS Masonry Gallery --- */
.masonry-gallery,
.masonry-gallery-few {
    column-gap: 1.25rem;
    column-fill: balance;
    width: 100%;
}

.masonry-gallery {
    column-count: 2;
}
.masonry-gallery-few {
    column-count: 2;
}

@media (min-width: 768px) {
    .masonry-gallery {
        column-count: 3;
    }
    .masonry-gallery-few.items-2 {
        column-count: 2;
    }
    .masonry-gallery-few.items-3 {
        column-count: 3;
    }
}

@media (min-width: 992px) {
    .masonry-gallery {
        column-count: 4;
    }

    .masonry-gallery-few.items-1 {
        column-count: 1;
        max-width: 400px;
        margin: 0 auto;
    }
    .masonry-gallery-few.items-2 {
        column-count: 2;
        max-width: 800px;
        margin: 0 auto;
    }
    .masonry-gallery-few.items-3 {
        column-count: 3;
        max-width: 1100px;
        margin: 0 auto;
    }
}

.masonry-item {
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    margin-bottom: 1.25rem;
    display: block;
    width: 100%;
}

/* --- Efek Hover & Wrapper --- */
.content-clean-wrapper {
    overflow: hidden;
    border-radius: 0.75rem;
    background: #f8f9fa;
    display: block;
}

.content-clean-image {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.35s ease;
}

.content-clean-wrapper:hover .content-clean-image {
    transform: scale(1.05);
}