/* Start:/local/templates/shop/components/bitrix/news.list/stories/style.css?17926627863777*/
.stories-slider__like-btn.liked {
    cursor: pointer;
    background: #f04438;
    color: #fff;
}
.stories-list__link {
    transition: filter .4s ease;
}

/* лента прокручивается и на компьютере (сторис больше, чем помещается); на телефоне — пальцем, на компьютере — стрелками */
.stories-scroll{position:relative;min-width:0}
.stories-list{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain}
.stories-list::-webkit-scrollbar{display:none}
.stories-list::after{display:none}
.stories-list__item{flex:0 0 auto}
.stories-scroll__btn{display:none}
@media (width >= 768px){
    .stories-scroll__btn{position:absolute;top:0;bottom:0;z-index:2;width:90px;border:0;padding:0;cursor:pointer;display:flex;align-items:center;
        opacity:0;pointer-events:none;transition:opacity .25s ease}
    .stories-scroll__btn.is-visible{opacity:1;pointer-events:auto}
    .stories-scroll__btn_prev{left:0;justify-content:flex-start;background:linear-gradient(to right,#f4f4f4 35%,transparent)}
    .stories-scroll__btn_next{right:0;justify-content:flex-end;background:linear-gradient(to left,#f4f4f4 35%,transparent)}
    .stories-scroll__btn::before{content:"";width:36px;height:36px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 3l5 5-5 5' fill='none' stroke='%23212121' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;
        box-shadow:0 1px 4px rgba(0,0,0,.15)}
    .stories-scroll__btn_prev::before{transform:rotate(180deg)}
    .stories-scroll__btn:hover::before{box-shadow:0 2px 8px rgba(0,0,0,.25)}
}

/* сторис много — вверху одна полоска прогресса текущего ролика вместо десятков тонких */
.stories-slider_many .stories-slider__dots li{display:none}
.stories-slider_many .stories-slider__dots li.slick-active{display:block;flex:1 1 100%}

/* выпадающий поиск — поверх кнопки «Подписаться» (у неё z-index:11) */
.Header-modalWrap{z-index:12}

/* Скрыть сторисы (крестик рядом с «Подписаться») и вернуть (кнопка «Показать сторисы Первого Часового») — 22.10.2026 */
.social-subscribe { display: flex; align-items: center; gap: 8px; }
.social-subscribe__btn { flex: 1 1 auto; min-width: 0; }
.stories-hide { order: 2; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 50%;
                background: transparent; color: #9a9a96; cursor: pointer; transition: background .2s ease, color .2s ease; }
.stories-hide:hover { background: #e9e9e6; color: #212121; }
.stories-hide:focus-visible, .stories-show:focus-visible { outline: 2px solid #212121; outline-offset: 2px; }
.stories-show { display: none; width: max-content; justify-self: start; align-self: flex-start; align-items: center; justify-content: center; gap: 8px; height: 34px; margin: 6px 0 2px; padding: 0 14px 0 10px;
                border: 1px solid #e2e2de; border-radius: 17px; background: transparent; font: inherit; font-size: 13px; color: #6b7280; cursor: pointer; }
.stories-show:hover { border-color: #212121; color: #212121; }
.stories-off .stories-line { display: none !important; }
.stories-off .stories-show { display: inline-flex; }
@media (max-width: 767px) {
    .stories-hide { width: 40px; height: 40px; background: #fff; color: #6b7280; }
    .stories-show { width: 100%; height: 40px; border-radius: 20px; font-size: 14px; }
}

/* End */
/* /local/templates/shop/components/bitrix/news.list/stories/style.css?17926627863777 */