/* Полоса под шапкой (ИБ «Баннерные позиции», POSITION = TOP_UNDERHEADER) —
   по ширине контентной колонки, а не во всю страницу: штатно блок лежит в
   fluid-обёртке и на широких мониторах уезжал за края контента.
   Ширина и боковые поля повторяют .maxwidth-theme, поэтому край баннера
   совпадает с краем заголовка и карточек. */
.banner.TOP_UNDERHEADER {
    max-width: calc(var(--theme-page-width) + calc(2 * var(--theme-page-width-padding)));
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--theme-page-width-padding);
    padding-right: var(--theme-page-width-padding);
}

/* На телефонах полоса остаётся во всю ширину экрана — так было до правки
   и так решил владелец: поля по бокам съедали картинку. */
@media (max-width: 767px) {
    .banner.TOP_UNDERHEADER {
        max-width: none;
        padding-left: 0;
        padding-right: 0;
    }
}

/* Скругление углов баннеров: величину задаёт промо-центр (вкладка «Карта»),
   переменную проставляет handlers.php. 0 по умолчанию = прямые углы, как было. */
.banner img,
.banners-slider img,
.banners-slider .banner-item {
    border-radius: var(--iph-banner-radius, 0);
}
.side_banners__item,
.side_banners__item-img {
    border-radius: var(--iph-banner-radius, 0);
}
