/* ============================================================
   DISATTIVA COMPLETAMENTE MASONRY DI HELIX
   ============================================================ */

.masonry-3 {
    column-count: unset !important;
    column-gap: 0 !important;
}

.masonry-3 .blog-item {
    break-inside: unset !important;
    position: static !important;
    width: 100% !important;
    margin: 0 !important;
}

/* ============================================================
   BLOG HOME — GRIGLIA VERA A 3 COLONNE (FLEXBOX)
   ============================================================ */

.com-content-category-blog__items.blog-items {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between;
    gap: 30px !important;
}

/* Ogni articolo: 3 colonne desktop */
.com-content-category-blog__item.blog-item {
    flex: 0 0 calc(33.333% - 20px) !important;
    max-width: calc(33.333% - 20px) !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

/* Immagine corretta (niente float!) */
.com-content-category-blog__item.blog-item .article-intro-image {
    float: none !important;
    width: 100% !important;
    margin: 0 0 15px 0 !important;
}

.com-content-category-blog__item.blog-item .article-intro-image img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */

/* Tablet: 2 colonne */
@media (max-width: 992px) {
    .com-content-category-blog__item.blog-item {
        flex: 0 0 calc(50% - 15px) !important;
        max-width: calc(50% - 15px) !important;
    }
}

/* Mobile: 1 colonna */
@media (max-width: 576px) {
    .com-content-category-blog__item.blog-item {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

/* ============================================================
   FINE — custom.css
   ============================================================ */
