.ui-container{overflow:visible}
.extended-catalog-filter{display:flex;flex-direction:row;width:100%;flex-wrap:wrap;position:relative;overflow:visible;z-index:1}.extended-catalog-filter .form-check{display:flex;align-items:center;gap:.5rem}.extended-catalog-filter .form-check .form-check-input{margin:0!important}.extended-catalog-filter__sort-block{margin-top:25px;}.extended-catalog-filter__filter,.extended-catalog-filter__sort{display:flex;flex-direction:column;width:100%;gap:6px;padding:25px;border-radius:10px;background:#ecfaf9;gap:25px;}.extended-catalog-filter__row{display:flex;gap:1rem;flex-direction:row;flex-wrap:wrap}
/* BUG-059: группа кнопок Применить/Очистить/иконка — единое выравнивание */
.extended-catalog-filter__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.extended-catalog-filter__action-icon{display:flex!important;align-items:center;justify-content:center;gap:8px;min-height:40px;flex-shrink:0;cursor:pointer;padding:0 12px;border-radius:5px;background:#fff;color:#0a9ea4!important;text-decoration:none;border:1px solid #cdebea;box-sizing:border-box;font-weight:600;line-height:1.2;white-space:nowrap}
.extended-catalog-filter__action-icon:hover{background:#ecfaf9;color:#0a9ea4!important;text-decoration:none}
.extended-catalog-filter__action-icon svg{width:24px;height:24px;flex-shrink:0}
.extended-catalog-filter__action-icon svg rect{fill:transparent}
.extended-catalog-filter__action-icon--active{border-color:#0a9ea4;box-shadow:0 1px 4px rgba(10,158,164,.16)}
.extended-catalog-filter__btn-apply{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:40px;min-width:112px;white-space:nowrap}
.extended-catalog-filter__btn-apply-icon{width:16px;height:16px;flex-shrink:0}
.extended-catalog-filter__action-clear{display:flex!important;align-items:center;gap:10px;background:#fff;border-radius:5px;cursor:pointer;padding:8px 12px;min-height:40px;box-sizing:border-box;color:#0a9ea4!important;text-decoration:none;border:1px solid #cdebea}
.extended-catalog-filter__action-clear:hover{background:#ecfaf9;color:#0a9ea4}
.extended-catalog-filter__action-clear svg{flex-shrink:0;width:24px;height:24px}
@media screen and (max-width:678px){.extended-catalog-filter__actions{align-items:stretch}.extended-catalog-filter__action-icon,.extended-catalog-filter__btn-apply,.extended-catalog-filter__action-clear{width:100%;justify-content:center}}.extended-catalog-filter__additional-params>.form-control,.extended-catalog-filter__additional-params>.form-select,.extended-catalog-filter__row>.form-control,.extended-catalog-filter__row>.form-select{width:100%}.extended-catalog-filter__additional-params{display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap;position:relative;z-index:10060;overflow:visible}.extended-catalog-filter__additional-params input[name=book]::placeholder{color:#000}@media screen and (max-width:678px){.extended-catalog-filter__row,.extended-catalog-filter__additional-params{display:flex;flex-direction:column;gap:.4rem}}.extended-catalog-filter h3{font-size:18px}.extended-catalog-filter .btn{background:#0a9ea4!important;border-color:#0a9ea4!important}.extended-catalog-filter .form-check-input:checked{background-color:#0a9ea4!important;border-color:#0a9ea4!important}.sort-dropdown{position:relative;display:inline-block;width:100%;max-width:320px}.sort-dropdown__toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #0a9ea4;border-radius:8px;padding:10px 14px;background:#fff;color:#0a9ea4;font-weight:600;cursor:pointer}.sort-dropdown__toggle svg{transition:transform .2s ease}.sort-dropdown__toggle[aria-expanded=true] svg{transform:rotate(180deg)}.sort-dropdown__menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:5;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:10px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.08);border:1px solid #cdebea}.sort-dropdown__option{display:flex;width:100%;justify-content:space-between;border:none;background:transparent;color:#0a9ea4;text-align:left;font-weight:500;cursor:pointer;padding:8px 6px;border-radius:6px;text-decoration:none}.sort-dropdown__option:hover{background:#ecfaf9}.sort-dropdown__option:focus{outline:1px solid #0a9ea4;outline-offset:2px}.sort-dropdown__option-active{color:#333;font-weight:700}
/* Выбранные фильтры — чипы */
.extended-catalog-filter__active-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;width:100%;margin-top:12px;padding-top:12px;border-top:1px solid rgba(10,158,164,.2)}
.extended-catalog-filter__active-chips-label{font-size:14px;font-weight:600;color:#333;flex-shrink:0}
.extended-catalog-filter__active-chips-list{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.extended-catalog-filter__chip{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:20px;background:#fff;border:1px solid #0a9ea4;color:#0a9ea4;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,color .15s}
.extended-catalog-filter__chip:hover{background:#ecfaf9;color:#0d8a8f}
.extended-catalog-filter__chip-remove{margin-left:2px;font-size:16px;line-height:1;opacity:.8}

.catalog-results-count{margin-top:16px;margin-bottom:8px;font-size:16px;font-weight:600;color:#2f3b45}
.catalog-section-description{margin:25px 0 24px;font-size:16px;line-height:1.5;color:#2f3b45}
/* Чтобы меню сортировки было поверх бейджей карточек («Эксклюзив» и т.п.) */
.sort-dropdown{z-index:30}
.sort-dropdown__menu{z-index:10050}

/* Сортировка каталога: чипы «пузырьки» — читаемо и явное активное состояние */
.extended-catalog-filter__sort-block {
    width: 100%;
}
.extended-catalog-filter__sort-label {
    font-size: 15px;
    font-weight: 600;
    color: #2f3b45;
    margin: 0 0 12px 0;
}
.catalog-sort-pills {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 14px;
    row-gap: 10px;
    align-items: center;
    width: 100%;
    max-width: 100%;
}
.catalog-sort-pills > li {
    margin: 0;
    padding: 0;
}
.catalog-sort-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    padding: 9px 16px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.35;
    text-decoration: none !important;
    color: #0a9ea4 !important;
    background: #fff;
    border: 1px solid rgba(10, 158, 164, 0.55);
    box-shadow: 0 1px 2px rgba(10, 158, 164, 0.06);
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    box-sizing: border-box;
    text-align: center;
}
.catalog-sort-pill:hover {
    background: #ecfaf9;
    border-color: #0a9ea4;
    color: #087a7e !important;
    box-shadow: 0 2px 6px rgba(10, 158, 164, 0.12);
}
.catalog-sort-pill:focus-visible {
    outline: 2px solid #0a9ea4;
    outline-offset: 2px;
}
.catalog-sort-pill--active {
    background: #0a9ea4 !important;
    color: #fff !important;
    border-color: #0a9ea4;
    font-weight: 600;
    box-shadow: 0 2px 10px rgba(10, 158, 164, 0.35);
}
.catalog-sort-pill--active:hover {
    background: #098d92 !important;
    color: #fff !important;
    border-color: #098d92;
}
.extended-catalog-filter-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: calc(96px + env(safe-area-inset-top, 0px));
    z-index: 1000;
    padding-top: 4px;
    padding-bottom: 10px;
    background: #fff;
    align-self: flex-start;
}
.extended-catalog-filter-sticky .extended-catalog-filter {
    z-index: 121;
}
.extended-catalog-filter-sticky--fixed {
    box-shadow: 0 8px 18px rgba(10, 158, 164, 0.12);
}
@media (max-width: 767px) {
    .extended-catalog-filter-sticky {
        top: calc(8px + env(safe-area-inset-top, 0px));
        max-height: calc(100dvh - 16px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
}

/* CAT-UI-01: компактная панель каталога без лишней пустоты над лентой книг. */
body.page-catalog .extended-catalog-filter-sticky {
    margin-bottom: 18px;
    padding-top: 0;
    padding-bottom: 0;
}
body.page-catalog .extended-catalog-filter__filter,
body.page-catalog .extended-catalog-filter__sort {
    gap: 14px;
    padding: 16px;
    border-radius: 12px;
}
body.page-catalog .extended-catalog-filter__row,
body.page-catalog .extended-catalog-filter__actions {
    align-items: center;
}
body.page-catalog .extended-catalog-filter__sort-block {
    margin-top: 14px;
}
body.page-catalog .catalog-sort-pills {
    gap: 8px 10px;
}
body.page-catalog .catalog-sort-pill {
    min-height: 38px;
    padding: 8px 14px;
}
body.page-catalog .catalog-section-description {
    margin: 14px 0 18px;
}
body.page-catalog .catalog-results-count {
    margin-top: 10px;
}

@media (min-width: 900px) {
    body.page-catalog .extended-catalog-filter__filter {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
    body.page-catalog .extended-catalog-filter__row {
        flex: 1 1 auto;
        min-width: 0;
    }
    body.page-catalog .extended-catalog-filter__sort-block {
        margin-top: 16px;
    }
}