/* Pagină blog.html */

body.blog-page {
    padding-top: 100px;
}

/* Grid carduri blog */

body.blog-page #blog-cards.card-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
}

body.blog-page #blog-cards.card-row .card {
    flex: 0 1 calc(33.333% - 24px);
    max-width: 320px;
}

/* ecrane medii — 2 pe linie */
@media (max-width: 992px) {
    body.blog-page #blog-cards.card-row .card {
        flex: 0 1 calc(50% - 24px);
    }
}

/* ecrane mici — 1 pe linie */
@media (max-width: 600px) {
    body.blog-page #blog-cards.card-row .card {
        flex: 0 1 100%;
    }
}