@media screen and (min-width: 1160px) {
    .t-store__parts-switch-wrapper {
        max-height: 400px;
        overflow-y: scroll;
        white-space: nowrap;
        margin-bottom: 40px !important;
    }
    
    .t-store__parts-switch-wrapper {
      overflow: auto; /* включаем прокрутку */
    }
    
    /* Убираем скроллбар по умолчанию в Webkit-браузерах (Chrome, Safari, Edge) */
    .t951__sidebar::-webkit-scrollbar,
    .t-store__parts-switch-wrapper::-webkit-scrollbar {
      width: 0;
      height: 0;
    }
    
    /* При наведении показываем скроллбар с шириной */
    .t951__sidebar:hover::-webkit-scrollbar,
    .t-store__parts-switch-wrapper:hover::-webkit-scrollbar {
      width: 8px;
      height: 8px;
    }
    
    /* Стили для бегунка скроллбара при наведении */
    .t951__sidebar:hover::-webkit-scrollbar-thumb,
    .t-store__parts-switch-wrapper:hover::-webkit-scrollbar-thumb {
      background: rgba(0,0,0,0.4);
      border-radius: 4px;
    }
    
    /* Стили дорожки скроллбаров при наведении */
    .t951__sidebar:hover::-webkit-scrollbar-track,
    .t-store__parts-switch-wrapper:hover::-webkit-scrollbar-track {
      background: transparent;
    }
    
    /* Для Firefox: скрываем скроллбар */
    .t951__sidebar,
    .t-store__parts-switch-wrapper {
      scrollbar-width: none;
      scrollbar-color: transparent transparent;
    }
    
    /* При наведении показываем тонкий скроллбар в Firefox */
    .t951__sidebar:hover,
    .t-store__parts-switch-wrapper:hover {
      scrollbar-width: thin;
      scrollbar-color: rgba(0, 0, 0, 0.4) transparent;
    }

}

.t-store__filter__search-and-sort {
    text-align: left !important;
}

.t688 .t-col {
    margin-right: 0 !important;
}

@media screen and (max-width: 670px) {
    .t-store__card__btn {
        width: 48% !important;
    }
    .t951__sidebar {
        margin: 0 0 20px 0!important;
        padding: 10px !important;
    }
    
    .t951__sidebar-wrapper {
        overflow: hidden;
    }
    
    .t-store__parts-switch-wrapper {
        text-align: left !important;
        display: inline-flex;
        width: 100%; /* Или фиксированная ширина, например 600px */
        overflow-x: auto; /* Включает горизонтальную прокрутку, если контент шире контейнера */
        white-space: nowrap; /* Запрещает перенос строк, элементы будут в одну линию */
    }
    
    .t-store__parts-switch-btn {
        margin-bottom: 0 !important;
        margin-left: 5px !important;
        height: 30px;
        align-content: center;
    }

}


@media screen and (min-width: 960px) {
    .t1261__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; /* центрирование по вертикали */
        justify-content: center; /* центрирование по горизонтали */
        width: 100%;
        padding: 0 15px;
    }
    .t1261__panel {
        padding: 10px 0 !important;
    }
    .t1261__bottom-line {
        margin-top: 10px !important;
    }
}


@media screen and (max-width: 960px) {
    /* доработка топ-меню в мобильном виде */
    .t1261__panel {
        padding: 10px 0 !important;
    }
    .t1261__top-middle {
        margin-top: 5px !important;
    }
        .t1261__menu_mobile .t1261__menu-list {
        max-height: 80vh !important;
    }
}

@media screen and (min-width: 960px) {
    /* Добавляем window container для любых блоков */
    .uc-window-view {
      position: relative;
      max-width: 100vw;
      padding-left: 40px; /* отступ слева */
      padding-right: 40px; /* отступ справа */
      box-sizing: border-box; /* учёт отступов во всю ширину */
    }
    
    .uc-window-view .t-container {
      max-width: none !important; /* снимаем ограничение ширины контейнера контента */
      width: 100% !important;
      padding: 0 !important; /* убираем внутренние отступы контейнера */
    }
    
    /* Если у блока есть фиксированная колоночная сетка внутри (например, .t-col), можно отключить ограничение ширины */
    .uc-window-view .t-col {
      max-width: 100% !important;
      width: 100% !important;
    }
    
    .uc-window-view .t-col_1  { width: 8.3333% !important; max-width: 8.3333% !important; }
    .uc-window-view .t-col_2  { width: 16.6667% !important; max-width: 16.6667% !important; }
    .uc-window-view .t-col_3  { width: 25% !important; max-width: 25% !important; }
    .uc-window-view .t-col_4  { width: 33.3333% !important; max-width: 33.3333% !important; }
    .uc-window-view .t-col_5  { width: 41.6667% !important; max-width: 41.6667% !important; }
    .uc-window-view .t-col_6  { width: 50% !important; max-width: 50% !important; }
    .uc-window-view .t-col_7  { width: 58.3333% !important; max-width: 58.3333% !important; }
    .uc-window-view .t-col_8  { width: 66.6667% !important; max-width: 66.6667% !important; }
    .uc-window-view .t-col_9  { width: 75% !important; max-width: 75% !important; }
    .uc-window-view .t-col_10 { width: 83.3333% !important; max-width: 83.3333% !important; }
    .uc-window-view .t-col_11 { width: 91.6667% !important; max-width: 91.6667% !important; }
    .uc-window-view .t-col_12 { width: 100% !important; max-width: 100% !important; }
    
    .uc-window-view .t-col_1,
    .uc-window-view .t-col_2,
    .uc-window-view .t-col_3,
    .uc-window-view .t-col_4,
    .uc-window-view .t-col_5,
    .uc-window-view .t-col_6,
    .uc-window-view .t-col_7,
    .uc-window-view .t-col_8,
    .uc-window-view .t-col_9,
    .uc-window-view .t-col_10,
    .uc-window-view .t-col_11,
    .uc-window-view .t-col_12 {
        box-sizing: border-box;
        margin-left: 0 !important; 
        margin-right: 0 !important;
        padding: 10px;
    }
    
    .uc-window-view .t688__columns .t-col {
        margin: 0 !important;
        padding: 10px;
    }
    
    .uc-window-view .t778__row {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
    }
    
    .uc-window-view .t778__col {
      flex: 0 0 calc(25% - 40px);    /* desktop: 4 колонки */
      max-width: calc(25% - 40px);
      box-sizing: border-box;
    }
    
    @media (max-width: 900px) {
      .uc-window-view .t778__col {
        flex-basis: calc(50% - 40px); /* планшет: 2 колонки */
        max-width: calc(50% - 40px);
      }
    }
    
    @media (max-width: 600px) {
      .uc-window-view .t778__col {
        flex-basis: 100%;           /* мобильный: 1 колонка */
        max-width: 100%;
      }
    }
    
    
    /* При необходимости можно добавить адаптивность */
    @media screen and (max-width: 1440px) {
      .uc-window-view {
        padding-left: 20px;
        padding-right: 20px;
      }
    }
    
    @media screen and (max-width: 640px) {
      .uc-window-view {
        padding-left: 0;
        padding-right: 0;
      }
    }
}

/*Квадратная иконка избранного*/
.t-store__card__imgwrapper .t1002__addBtn, .t1002__picture-wrapper .t1002__addBtn {
    border-radius: 0 !important;
}

/*Долям от Тбанк - настройка кнопки на карточке товара*/

.digi-dolyame-label--container {
    width: 50% !important;
    margin-left: 10px;
}

.digi-dolyame-label--desktop {
    border-radius: 0 !important;
    height: 50px;
    white-space:nowrap;
    position: relative !important;
    top: 0 !important;
}



/*Настройка отступа на странице товара*/
.t-store__prod-snippet__container {
    padding-top: 5px !important;
    padding-bottom: 120px;
}

/*Жирность заголовка Подарки к букету*/
.t-uptitle {
    font-weight:600 !important;
}

/*Настройка пометки на карточке товара*/
.t-store__card__mark {
    font-weight: 400;
    font-size: 12px;
    font-family: 'CirceRounded',Arial,sans-serif !important;
    max-width: 250px;
    min-width: 150px;
    height: 34px;
    text-align: center;
    vertical-align: middle;
    border-radius: 0 !important;
    background-color: #111;
    color: #fff;
    box-sizing: border-box;
    padding: 0 10px;
    text-transform: uppercase;
}

/*Настройка мобильного вида для Разделов каталога, как сторис*/
.uc-stories-catalog .t829__imgwrapper {
    background-color: unset !important;
}

@media screen and (max-width: 480px) {
    .uc-stories-catalog .t829__container_mobile-flex .t829__grid-item {
        min-width: 20% !important;
        max-width: 20% !important;
    }
    .uc-stories-catalog .t829 .t-section__topwrapper {
        margin-bottom: 0 !important;
    }
}

/*убираем отступ сверху у кнопки Заказать 
    .t951 .t-store__card__btns-wrapper {
        margin-top: 0!important;
    }*/

/*фон карточек в каталоге*/
    .t951 .t-store__card__imgwrapper,
    .t951 .t-store__card__textwrapper,
    .t951 .js-product-controls-wrapper,
    .t951 .t-store__card__btns-wrapper {
        background-color: white;
    }

/*отступ в карточке*/
    .js-product.t-store__card {
        padding-bottom:15px;
    }

/*скрываем иконку листания в мобильной версии*/
    .t688__scroll-icon-wrapper,
    .t851__scroll-icon-wrapper,
    .t772__scroll-icon-wrapper,
    .t774__scroll-icon-wrapper {
        display:none;
    }
    
/*START мобильное меню в одну линию с прокруткой*/
     .t229__maincontainer {
         padding-bottom:7px;
         padding-left:14px;
     }
     .t229 {
         overflow:scroll; 
         /*margin-top: 55px;*/
     }
     
     .t229 ul{
         display:inline-flex;
     }
     
     @media screen and (max-width: 980px) {
        .t229__leftside, 
        .t229__rightside, 
        .t229__centerside {
            text-align: center !important;
        }
        .t229 .t229__list_item {
            /*padding: 6px 20px!important;*/
            white-space: nowrap;
        }        
        .t229__centerside {
            padding: 0 !important;
        }
        .t229__list_item a {
            color:white;
            background-color:#CB3960;
            /*border-radius:20px;*/
            padding: 7px 16px;
        }
     }
/*END мобильное меню в одну линию с прокруткой*/

/*Настройка отступа снизу у карточки товара в мобильном виде*/
@media screen and (max-width: 960px) {
    .t-store__grid-cont .t-col, .t-store__grid-cont .t-store__stretch-col {
        margin-bottom: 30px !important;
    }
}