/* =========================================================
AD SUGGESTIONS
========================================================= */

.rb-ad-suggestions {
    margin-top: 52px;
    padding-top: 38px;

    border-top: 1px solid var(--rb-border);
}

.rb-ad-suggestions .rb-section-heading {
    margin-bottom: 22px;
}

.rb-ad-grid--suggestions {
    grid-template-columns:
        repeat(
            4,
            minmax(0, 1fr)
        );
}

.rb-ad-grid--suggestions .rb-ad-card {
    display: flex;
    flex-direction: column;

    height: 100%;
}

.rb-ad-grid--suggestions
.rb-ad-card__content {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.rb-ad-grid--suggestions
.rb-ad-card__footer {
    margin-top: auto;
}


/* =========================================================
TABLET
========================================================= */

@media (max-width: 1280px) {

    .rb-ad-grid--suggestions {
        grid-template-columns:
            repeat(
                3,
                minmax(0, 1fr)
            );
    }
}


/* =========================================================
MOBILE
========================================================= */

@media (max-width: 760px) {

    .rb-ad-suggestions {
        margin-top: 38px;
        padding-top: 30px;
    }

    .rb-ad-grid--suggestions {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }
}


/* =========================================================
SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .rb-ad-suggestions {
        margin-top: 32px;
        padding-top: 26px;
    }

    .rb-ad-grid--suggestions {
        grid-template-columns: 1fr;
    }
}