.at-grid-tiles__sectionsContainer {
    display: flex;
    flex-wrap: wrap;
    gap: var(--mbase-gap-hor);
}

.at-grid-tiles__sectionsContainer {
    display: flex;
    flex-wrap: wrap;
    gap: var(--mbase-gap-hor);
}

.at-grid-tiles__sectionTitle,
.at-grid-tiles__sectionIntro {
    text-align: center;
}

.at-grid-tiles__sectionTitle {
    margin: 0 0 var(--mbase-spacer) 0;
}

.at-grid-tiles__sectionIntro {
    margin: 0 auto var(--mbase-spacer-lg);
}

.at-grid-tiles_tile > div,
.at-grid-tiles__tile > article,
.at-grid-tiles__tile > section {
    padding-inline: 0;
    margin-bottom: var(--mbase-spacer-lg);
}

.at-grid-tiles__sectionsContainer--responsive.at-grid-tiles__sectionsContainer--3,
.at-grid-tiles__sectionsContainer--responsive.at-grid-tiles__sectionsContainer--4 {
    grid-template-columns: repeat(3, minmax(270px, 1fr));
}

@media (max-width: 35.98em) {
    .at-grid-tiles__tile {
        margin-bottom: var(--mbase-spacer-lg);
    }
}

@media (min-width: 36em) {
    .at-grid-tiles__sectionsContainer {
        display: grid;
        grid-gap: var(--mbase-gap-grid);
        grid-template-columns: repeat(1, minmax(270px, 1fr));
    }

    .at-grid-tiles__sectionsContainer--2 {
        grid-template-columns: repeat(2, minmax(270px, 1fr));
    }

    .at-grid-tiles__sectionsContainer--3 {
        grid-template-columns: repeat(3, minmax(270px, 1fr));
    }

    .at-grid-tiles__sectionsContainer--4 {
        grid-template-columns: repeat(4, minmax(270px, 1fr));
    }

    .at-grid-tiles__sectionsContainer--auto-fit {
        grid-template-columns: var(--mbase-tileGrid-fit);
    }

    .at-grid-tiles__sectionsContainer--responsive.at-grid-tiles__sectionsContainer--3,
    .at-grid-tiles__sectionsContainer--responsive.at-grid-tiles__sectionsContainer--4 {
        grid-template-columns: repeat(2, minmax(270px, 1fr));
    }
}

@media (min-width: 80em) {
    .at-grid-tiles__sectionsContainer--responsive.at-grid-tiles__sectionsContainer--4 {
        grid-template-columns: repeat(4, minmax(270px, 1fr));
    }
}