/**
 * Рекламные слоты layout.
 * Пустые контейнеры (:empty) не занимают место — вёрстка сайта не «прыгает»
 * пока внешний скрипт не вставит баннер.
 */

.ad-slot {
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    line-height: 0;
}

.ad-slot:empty {
    display: none;
}

.ad-slot img,
.ad-slot iframe,
.ad-slot a {
    max-width: 100%;
    vertical-align: top;
}

/* Шапка — выше всего контента */
.ad-slot--top {
    width: 100%;
    min-height: 0;
    background: transparent;
}

.ad-slot--top:not(:empty) {
    display: block;
    padding: 8px 0;
    line-height: normal;
}

.ad-slot--top .frame {
    line-height: normal;
}

/* Подвал — ниже футера */
.ad-slot--bottom {
    width: 100%;
    min-height: 0;
}

.ad-slot--bottom:not(:empty) {
    display: block;
    padding: 8px 0 12px;
    line-height: normal;
}

/* Боковые вертикальные — в полях слева/справа от .frame (1100px) */
.ad-slot--side {
    position: fixed;
    top: 120px;
    z-index: 50;
    width: 160px;
    max-height: calc(100vh - 140px);
    overflow: auto;
}

.ad-slot--side:not(:empty) {
    display: block;
    line-height: normal;
}

.ad-slot--left {
    left: max(8px, calc(50% - 550px - 160px - 16px));
}

.ad-slot--right {
    right: max(8px, calc(50% - 550px - 160px - 16px));
}

/* На узких экранах боковые слоты скрываем — места нет */
@media screen and (max-width: 1440px) {
    .ad-slot--side {
        display: none !important;
    }
}