/* S24 Native Filter — original horizontal card design */
.s24-native-filter,
.s24-native-filter * {
    box-sizing: border-box;
}

.s24-native-filter[hidden],
.s24-native-filter [hidden] {
    display: none !important;
}

/* === ОБЕРТКА ФИЛЬТРА: как в старом варианте, без большой рамки === */
.s24-native-filter {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 18px 0 18px 0 !important;
    max-width: 100%;
}

.s24-native-filter.is-loading {
    opacity: .72;
    pointer-events: none;
}

/* === Заголовок Фильтр === */
.s24-native-filter__head {
    margin: 0 0 8px 0;
}

.s24-native-filter__title {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 700;
    color: #243549;
}

/* === Выбрано === */
.s24-native-filter__current {
    margin: 0 0 26px 0;
    padding: 0;
    font-size: 12px;
    line-height: 1.35;
    color: #5c6b7d;
}

/* === Группы === */
.s24-native-filter__group {
    margin: 0 0 14px 0;
    padding: 0;
}

.s24-native-filter__group--sub,
.s24-native-filter__group--sub-only {
    margin-top: 14px;
}

/* === Плашка-заголовок группы: Выберите вид / подтип === */
.s24-native-filter__label {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    margin: 0 0 12px 0;
    padding: 7px 14px 7px 12px;
    background: #fff8f0;
    border-left: 3px solid #f28c00;
    border-radius: 6px;
    color: #243549;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
}

/* === Ряды кнопок === */
.s24-native-filter__chips,
.s24-native-filter__chips--sub {
    display: flex !important;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 8px 8px;
    margin: 0;
    padding: 0;
}

/* === Кнопка фильтра: старые прямоугольные карточки === */
.s24-native-filter__chip {
    appearance: none;
    -webkit-appearance: none;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px;
    min-height: 43px;
    width: auto !important;
    min-width: 0;
    max-width: 100%;
    margin: 0 !important;
    padding: 5px 12px 5px 10px !important;
    background: #ffffff !important;
    border: 1px solid #ff7a00 !important;
    border-radius: 5px !important;
    box-shadow: none !important;
    cursor: pointer;
    text-align: left !important;
    color: #243549 !important;
    font-family: inherit;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.15;
    text-decoration: none !important;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.s24-native-filter__chip:hover,
.s24-native-filter__chip:focus {
    background: #fff6ec !important;
    border-color: #e88400 !important;
    color: #243549 !important;
    outline: none;
}

/* === Активная карточка: оранжевая заливка как на старом скрине === */
.s24-native-filter__chip.active,
.s24-native-filter__chip.is-active,
.s24-native-filter__chip[aria-pressed="true"] {
    background: #f08a00 !important;
    border-color: #e88400 !important;
    color: #243549 !important;
}

/* === Картинка слева === */
.s24-native-filter__chip-media {
    display: inline-flex !important;
    flex: 0 0 52px;
    width: 52px;
    height: 30px;
    margin: 0 !important;
    padding: 0;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.s24-native-filter__chip-media img {
    display: block;
    max-width: 52px;
    max-height: 30px;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* === Текст кнопки === */
.s24-native-filter__chip-text {
    display: inline-block;
    color: inherit !important;
    font-size: 12px;
    line-height: 1.15;
    font-weight: 400;
    white-space: normal;
}

.s24-native-filter__chip.active .s24-native-filter__chip-text,
.s24-native-filter__chip.is-active .s24-native-filter__chip-text,
.s24-native-filter__chip[aria-pressed="true"] .s24-native-filter__chip-text {
    color: #243549 !important;
}

/* Подтипы обычно без картинок — сохраняем такую же высоту */
.s24-native-filter__chips--sub .s24-native-filter__chip {
    min-height: 43px;
    padding: 6px 13px !important;
}

.s24-native-filter__chips--sub .s24-native-filter__chip-media {
    display: none !important;
}

/* === Загрузка === */
.s24-native-filter__loading {
    margin-top: 10px;
    font-size: 12px;
    color: #5c6b7d;
}

/* === Действия / сброс === */
.s24-native-filter__actions {
    margin-top: 12px;
}

.s24-native-filter__reset,
.s24-reset-filter {
    appearance: none;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 168px;
    min-height: 42px;
    margin: 0;
    padding: 8px 18px;
    background: #e88400 !important;
    border: 1px solid #e88400 !important;
    border-radius: 4px !important;
    color: #ffffff !important;
    box-shadow: none !important;
    cursor: pointer;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-decoration: none !important;
}

.s24-native-filter__reset:hover,
.s24-native-filter__reset:focus,
.s24-reset-filter:hover,
.s24-reset-filter:focus {
    background: #d77b00 !important;
    border-color: #d77b00 !important;
    color: #ffffff !important;
    outline: none;
}

.s24-native-filter__loadmore-wrap {
    margin-top: 14px;
    text-align: center;
}

.s24-native-filter__loadmore {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 8px 16px;
    background: #ffffff !important;
    border: 1px solid #ff7a00 !important;
    border-radius: 4px !important;
    color: #e88400 !important;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
}

.s24-native-filter__loadmore:hover,
.s24-native-filter__loadmore:focus {
    background: #fff6ec !important;
    outline: none;
}

.s24-native-filter__more-meta {
    margin-top: 6px;
    font-size: 12px;
    color: #667085;
}

/* === Мобильная версия: тот же старый стиль, только компактнее === */
@media (max-width: 768px) {
    .s24-native-filter {
        margin: 14px 0 16px 0 !important;
    }

    .s24-native-filter__current {
        margin-bottom: 16px;
        font-size: 12px;
    }

    .s24-native-filter__label {
        min-height: 32px;
        padding: 6px 12px 6px 10px;
        font-size: 15px;
    }

    .s24-native-filter__chips,
    .s24-native-filter__chips--sub {
        gap: 7px;
    }

    .s24-native-filter__chip {
        min-height: 38px;
        padding: 5px 9px !important;
        gap: 7px;
        font-size: 11px;
    }

    .s24-native-filter__chip-media {
        flex-basis: 42px;
        width: 42px;
        height: 26px;
    }

    .s24-native-filter__chip-media img {
        max-width: 42px;
        max-height: 26px;
    }

    .s24-native-filter__chip-text {
        font-size: 11px;
    }

    .s24-native-filter__reset,
    .s24-reset-filter {
        min-width: 150px;
        min-height: 38px;
        font-size: 12px;
    }
}