/* Универсальный рекламный слот. Внутри CSS Grid занимает всю ширину. */
.ads__slot {
    grid-column: 1 / -1;
    display: grid;
    box-sizing: border-box;
    width: 100%;
    min-height: 120px;
    place-items: center;
    padding: 20px;
    border: 1px solid #eceef2;
    background: #f8f9fb;
}

.ads__label {
    color: #98a2b3;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .04em;
    text-transform: uppercase;
}

/* На мобильных рекламный слот выходит за внутренние отступы сетки на всю ширину viewport. */
@media (max-width: 868px) {
    .ads__slot {
        width: calc(100% + 40px);
        max-width: none;
        margin-inline: -20px;
    }
}