/* Фильтры - выравнивание с карточками товаров */
.t-store__filter {
    border: 1px solid #F4F2F1; /* Цвет обводки */
    padding: 0; /* Убраны внутренние отступы */
    border-radius: 0px; /* Скругление углов */
    display: flex;
    align-items: stretch; /* Растяжение фильтра по высоте карточек товаров */
}

/* Разделы */
.t-store__parts-switch-wrapper {
    border: 1px solid #F4F2F1; /* Прозрачная обводка */
    padding: 12px; /* Внутренние отступы */
    border-radius: 1px;
}

/* Активный раздел - цвет текста */
.t-store__parts-switch-wrapper .t-active {
    color: #0182C4 !important; /* Цвет текста активного раздела */
}

/* Цвет текста раздела при наведении */
.t-store__parts-switch-wrapper a:hover,
.t-store__parts-switch-wrapper .t-store__parts-switch-btn:hover {
    color: #0182C4 !important; /* Цвет текста при наведении */
}

/* Контейнер сайдбара - фиксируем и добавляем padding */
.t-store__sidebar {
    position: sticky;
    top: 0; /* Прибить к первому ряду карточек */
    margin-top: 16px;
    padding: 16px;
    height: 100%; /* Убедитесь, что высота сайдбара достаточно велика для скроллинга */
    box-sizing: border-box; /* Чтобы padding не выходил за пределы контейнера */
    overflow-y: auto; /* Добавим скроллинг для сайдбара */
}

/* Убираем padding у контейнера выбора разделов */
.js-store-parts-select-container.t951__sidebar {
    padding: 0 !important;
}

.t951__sidebar-wrapper {
    padding: 0 !important;
    margin-top: 0 !important; /* Убираем отступ сверху для wrapper */
}

/* Убираем отступы сверху и снизу у элементов js-store-parts-switcher */
.js-store-parts-switcher.t-store__parts-switch-btn {
    margin-top: 12px;  /* Отступ сверху */
    margin-bottom: 12px; /* Отступ снизу */
}

/* Изменяем текст кнопки "Load more" на "Показать больше" */
.load-more-btn {
    background-color: #0182C4; /* Цвет фона кнопки */
    color: white; /* Цвет текста */
    padding: 12px 20px; /* Отступы */
    border: none; /* Убираем границу */
    border-radius: 5px; /* Скругленные углы */
    font-size: 16px; /* Размер шрифта */
    cursor: pointer; /* Указатель при наведении */
}

.load-more-btn:hover {
    background-color: #016C9B; /* Изменение цвета при наведении */
}

/* Выровнять фильтры по левому краю на мобильных устройствах */
@media (max-width: 768px) {
    .t-store__filter {
        width: 100%; /* Фильтр растянут на всю ширину */
        text-align: left; /* Выравнивание по левому краю */
    }

    /* Фиксируем sidebar при прокрутке */
    .t-store__sidebar {
        position: relative;
        top: unset;
        width: 360px; /* Устанавливаем фиксированную ширину сайдбара */
        padding-left: 16px; /* Отступ слева */
    }

    /* Выравнивание заголовков разделов по левому краю */
    .t-store__parts-switch-wrapper {
        text-align: left; /* Выравнивание по левому краю */
    }

    /* Настройки для названий разделов */
    .js-store-parts-switcher.t-store__parts-switch-btn {
        text-align: left; /* Выравнивание по левому краю */
    }
}

/* Фиксируем кнопки "Показать больше" */
document.addEventListener("DOMContentLoaded", function() {
    var loadMoreButton = document.querySelector('.load-more-btn');
    if (loadMoreButton) {
        loadMoreButton.textContent = "Показать больше"; // Изменяем текст на "Показать больше"
    }
});

/* Адаптивность таблицы для мобильных устройств */
@media only screen and (max-width: 768px) {
  .my-table-block .t-cl46__table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .my-table-block .t-cl46__table {
    width: 100%;
    table-layout: auto;
  }



@media (max-width: 640px) {
  .t-store__card {
    margin-bottom: 24px !important;
  }