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

/* кольцо вокруг кружка: непросмотренные — чёрное, просмотренные — тонкое серое (как в Телеграме) */
.stories-list{padding:5px;margin:-5px}
.stories-list__link{box-shadow:0 0 0 2px #f4f4f4,0 0 0 3px #d4d4d4}
.stories-list__link:not(.stories-list__link_visited){box-shadow:0 0 0 2px #f4f4f4,0 0 0 4px #212121}

/* лента прокручивается и на компьютере (сторис больше, чем помещается); на телефоне — пальцем, на компьютере — стрелками */
.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}

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