@charset "UTF-8";
/*
 * adv_slots.css — РЕКЛАМА-ADV-1 (этап 1).
 *
 * Оформление рекламных слотов нового дизайна: их печатает lib/advlib.php
 * (cb_adv_slot_html), а этот файл задаёт рамку и отступы. Подключается там, где
 * реклама есть: главная, заведения, афиша, фотоотчёты. Чужих правил не трогает —
 * все селекторы свои, с префиксом .cb-adv-.
 *
 * У каждой вставки стоит пометка «Реклама»: по ст. 18.1 закона «О рекламе»
 * интернет-реклама должна быть явно помечена (и промаркирована ERID — см.
 * отчёт, раздел про маркировку).
 */

.cb-adv-slot {
    display: block;
    box-sizing: border-box;
    line-height: 0;
}

.cb-adv-slot a {
    display: inline-block;
    text-decoration: none;
    border: 0;
    line-height: 0;
}

.cb-adv-slot img {
    display: block;
    max-width: 100%;
    height: auto;
    border: 0;
}

/* пометка «Реклама» — мелкая, ненавязчивая, но обязательная */
.cb-adv-label {
    display: block;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #9aa7b0;
    margin: 0 0 4px;
}

.cb-adv-top { text-align: center; padding: 16px 0 2px; }
.cb-adv-top .cb-adv-label { text-align: center; }

.cb-adv-inline {
    display: inline-block;
    vertical-align: top;
    margin: 18px 20px 0 0;
    text-align: left;
}

.cb-adv-grid { text-align: center; margin: 24px 0 4px; }
.cb-adv-grid .cb-adv-label { text-align: center; }

.cb-adv-side { text-align: center; margin: 22px 0 4px; }
.cb-adv-side .cb-adv-label { text-align: center; }

/* два баннера раздела в одну строку (заведения, афиша, фотоотчёты) */
.cb-adv-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
    margin: 24px 0 6px;
}

@media (max-width: 760px) {
    .cb-adv-top,
    .cb-adv-grid,
    .cb-adv-side { padding: 12px 0 0; margin: 16px 0 0; }
    .cb-adv-inline { display: block; margin: 16px 0 0; }
}