/* Start:/styles/selection-filter.css?17890397712839*/
/**
 * Дополнительные стили для блока подбора шин/дисков на главной
 */

/* Состояние открытого селекта */
.selection .custom-select--open .custom-select__wrapper {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Состояние загрузки */
.selection__options--loading {
    position: relative;
    pointer-events: none;
    opacity: 0.6;
}

.selection__options--loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    margin: -15px 0 0 -15px;
    border: 3px solid rgba(0, 0, 0, 0.1);
    border-top-color: #000;
    border-radius: 50%;
    animation: selection-spin 0.8s linear infinite;
    z-index: 10;
}

@keyframes selection-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Выбранное значение в селекте */
.selection .custom-select__value.__selected {
    color: #000;
    font-weight: 500;
}

/* Активный таб типа (Шины/Диски) */
.selection__tabs > div {
    cursor: pointer;
    transition: all 0.2s ease;
}

.selection__tabs > div:not(.selection__tab-active):hover {
    opacity: 0.8;
}

/* Активный таб режима (по параметрам/по автомобилю) */
.selection__body-tabs > div {
    cursor: pointer;
    transition: all 0.2s ease;
}

.selection__body-tabs > div:not(.selection__body-tab-active):hover {
    opacity: 0.8;
}

/* Кнопка подобрать */
.selection__btn {
    cursor: pointer;
    transition: all 0.2s ease;
}

.selection__btn:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

/* Кнопка сбросить */
.selection__btn-reset {
    cursor: pointer;
    transition: all 0.2s ease;
}

.selection__btn-reset:hover {
    opacity: 0.7;
}

/* Элемент списка селекта при наведении */
.selection .custom-select__item {
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.selection .custom-select__item:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

/* Активный (выбранный) элемент списка */
.selection .custom-select__item.__active {
    background-color: rgba(0, 0, 0, 0.08);
    font-weight: 500;
}

/* Группы ширин по типу шины */
.selection .custom-select__group-title {
    padding: 10px 14px 6px;
    border-top: 1px solid #e8e8e8;
    background: #f6f6f6;
    color: #8a8a8a;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

/* Счётчик товаров на кнопке */
.selection__count {
    font-weight: normal;
    opacity: 0.8;
    margin-left: 5px;
}

/* End */
/* /styles/selection-filter.css?17890397712839 */