/* =================================================================== POST RELATED section css =================================================================== */
.post-related {
    padding-block: var(--sectionGap);
    background: var(--surface-1);

    & .post-related__grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: var(--g30);
    }

    & .post-related__more {
        display: flex; justify-content: center;
        margin-top: var(--sp50);
    }
}

/* =================================================================== RESPONSIVE =================================================================== */
@media (max-width: 991.98px) {
    .post-related {
        & .post-related__grid { grid-template-columns: 1fr 1fr; }
        & .post-related__grid > :last-child { display: none; }
    }
}

@media (max-width: 575.98px) {
    .post-related {
        & .post-related__grid { grid-template-columns: 1fr; }
        & .post-related__grid > :last-child { display: flex; }
    }
}