/* ═══════════════════════════════════════════════════════════════
   Истории на главной — лента обязана обрезаться по горизонтали.

   В `bitrix/templates/aspro_max/css/custom.css` есть правило-«дробовик»
   `html body .wrapper1 .front_stories *{overflow:visible!important}` —
   его добавили, чтобы кружок не резался при увеличении на hover. Но оно
   попадает и в `.owl-stage-outer`, окно карусели: дорожка со всеми
   историями перестаёт обрезаться и торчит за край экрана. На телефоне
   из-за этого страницу можно утащить вбок.

   Возвращаем окну карусели обрезку, а место для увеличенного кружка даём
   вертикальным padding с компенсирующим отрицательным margin — высота
   блока не меняется, сверху и снизу ничего не режется.

   Править сам custom.css нельзя: он в /bitrix/ и затрётся обновлением.
   ═══════════════════════════════════════════════════════════════ */
html body .wrapper1 .front_stories .owl-stage-outer,
html body .wrapper1 [class*="STORIES"] .owl-stage-outer{
    overflow:hidden!important;
    overflow-x:hidden!important;
    overflow-y:hidden!important;
    padding:26px 0!important;
    margin:-26px 0!important;
}