/* =========================
   Base / tokens
========================= */
:root{
    --gap: 16px;
    --aside-w: 320px;
    --pad-big: 12px;
    --pad: 8px;
    --radius: 6px;
    --bd: #e6e6e6;
    --bd-soft: #efefef;
    --text: #111;
    --muted: #666;
    --brand: #8ac43d;
    --brand-hover: #7bb036;
    --thumb: 125px;
    --product-w: 275px;
}

*{ box-sizing: border-box; }

.pointer_events_none{ opacity: 1 !important; }

b{ font-weight:700; }

.muted{
    color: var(--muted);
    font-size: 12px;
}

input[type=checkbox]+span, input[type=radio]+label:before {
    background: unset !important;
}

#searchFiltersForm {
    display:grid;
    gap:10px;
}

.product_labels {
    z-index: 2 !important;
}

.product {
    height: auto !important;
    border: 0;
}

span.search-keyword {
    color: #76b128;
}

.delete_filters_button {
    padding: 5px 10px;
    margin-left: 10px;
}

.wishlisht_button input[type=checkbox]+label:before,
.compare_button input[type=checkbox]+label:before {
    background-color: transparent;
}

.product_buy_button.product_not_available {
    width: 100%;
}

    /* =========================
       Box
    ========================= */
.box{
    border: 1px solid var(--bd);
    background: #fff;
    /*border-radius: var(--radius);*/
    padding-bottom: 0;
    border-bottom: 0;
}

.box-h{
    padding: var(--pad-big);
    border-bottom: 1px solid var(--bd-soft);
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 15px 10px;
    background-color: #eee;
}

.box-h > :first-child{
    flex: 1 1 auto;
    min-width: 0;
}

.box-h > :nth-child(2){
    margin-left: auto;
}

.box-b{ padding: var(--pad); }

/* =========================
   Layout
========================= */
.srch-wrap{
    margin: 20px auto;
    padding: 0 30px;
}

.search-layout{
    display: grid;
    gap: var(--gap);
    align-items: start;
}

.search-layout .box {
    border: 0;
    margin: 0 -30px;
}

@media (max-width: 980px){
    .search-layout{ grid-template-columns: 1fr; }
}

.search-main-col{
    display: flex;
    flex-direction: column;
    gap: var(--gap);
    min-width: 0;
}
.search-main-col > main{ min-width: 0; }

/* =========================
   Inputs (radio, checkboxes)
========================= */

/* универсальный “ряд” опции */
.copt{
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 12px;
    /*border:1px solid #efefef;*/
    border-radius:5px;
    background:#fff;
    cursor:pointer;
    user-select:none;
}

.copt.is-top{
    border: 1px solid #76b128;
    border-radius: 3px;
}

.copt + .copt{ margin-top: 6px; } /* вертикальный список */

.copt__input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}

.copt__box{
    width:20px;
    height:20px;
    border:2px solid #cfcfcf;
    background:#fff;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 20px;
}

/* checkbox: квадрат + галочка */
.copt--check .copt__box{ border-radius:3px; }
.copt--check .copt__box::after{
    content:"";
    width:10px;
    height:6px;
    border-left:3px solid #fff;
    border-bottom:3px solid #fff;
    transform: rotate(-45deg);
    opacity:0;
}

/* radio: круг + точка */
.copt--radio .copt__box{ border-radius:999px; }
.copt--radio .copt__box::after{
    content:"";
    width:10px;
    height:10px;
    border-radius:999px;
    background:#fff;
    opacity:0;
    transform: scale(.7);
}

.copt__text{
    flex: 1 1 auto;
    min-width: 0;
    font-size: 14px;
    line-height: 1.2;
}

.copt__cnt{
    flex: 0 0 auto;
    margin-left:auto;
}

/* hover/focus */
.copt:hover{ background:#fafafa; }

.copt:has(.copt__input:focus) .copt__box{
    box-shadow: 0 0 0 3px rgba(106,164,0,.25);
}

/* checked (общая подсветка строки) */
.copt:has(.copt__input:checked){
    background:#f3f8e9;
    border-color:#e6f0d3;
}

/* checked (сам контрол) */
.copt:has(.copt__input:checked) .copt__box{
    background:#6aa400 !important;
    border-color:#6aa400;
}
.copt:has(.copt__input:checked) .copt__box::after{
    opacity:1;
}


/* =========================
   Search row
========================= */
.row{
    display:flex;
    gap:8px;
    align-items:center;
}

.row input[type="text"]{
    flex: 1 1 auto;
    min-width: 0;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: var(--radius);
}

.row button{
    flex: 0 0 auto;
    white-space: nowrap;
    padding: 10px 14px;
    border: 0;
    border-radius: var(--radius);
    background: var(--brand);
    color: #fff;
    cursor: pointer;
}

/* =========================
   Aside
========================= */

.search-aside .box-b{
    max-height: calc(100vh - 240px);
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    scrollbar-width: thin;
    scrollbar-color: rgba(0,0,0,.35) transparent;
}

.has-submenu .sidebar.left_content aside#searchAside {
    #overflow-y: auto;
    #overflow-x: hidden;
    height: calc(100% - 30px) !important;
}

/* =========================
   Facets (default list)
========================= */
.facet-group--top {
    border: 1px solid #ff8115;
    border-radius: 5px;
    padding: 8px;
    margin: 0 6px 12px;
}
.facet-group__title {
    padding: 0 10px;
    font-weight: 600;
    text-align: center;
    border: 0;
    width: auto;
    font-size: 13px;
    margin: 0;
}
.facet-group{
    max-height: 240px;
    overflow: auto;
    border: 1px solid var(--bd-soft);
    border-radius: var(--radius);
    padding: 8px;
}

.facet-group label {
    display:flex;
    justify-content:space-between;
    gap:10px;
    padding:4px 0;
}

.facet-block__wrapper {
    margin-top:12px;
    border-bottom: 1px solid #eee;
}

.facet-block, .faset-list {
    margin-top:10px;
    border-bottom: 1px solid #eee;
}

.facet-block__title {
    font-weight:600;
    padding: 10px 0 5px;
}

.facet-block__content {
    max-height: 240px;
    overflow: auto;
    /*border: 1px solid #efefef;*/
    /*border-radius: 6px;*/
    /*padding: 8px;*/
    padding: 5px 0;
    scrollbar-width: thin;
    scrollbar-color: rgba(0,0,0,.35) transparent;
}

.facet-block__content label {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    /*padding: 4px 0;*/
    padding: 5px 10px 5px 5px;
    font-weight: normal;
}

/* =========================
   Tags
========================= */
.tags{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin: 6px 0 18px;
}

.tag{
    display:inline-flex;
    align-items:center;
    gap:6px;
    border:1px solid var(--brand);
    border-radius:999px;
    padding: 5px 15px;
    font-size:12px;
    background: var(--brand);
}

.tag:hover{
    background: var(--brand-hover);
}

.tag a:not(.delete_filters_button){
    color: #fff;
    text-decoration:none;
}

.tag img{
    width: 20px;
    opacity: .25;
    margin-left: 5px;
}

/* =========================
   Pagination
========================= */
.pag{
    display:flex;
    gap:8px;
    justify-content:center;
    padding:14px 0;
}

.pag a, .pag span{
    padding:8px 10px;
    border:1px solid var(--bd);
    border-radius: var(--radius);
    text-decoration:none;
    color: var(--text);
}

/* =========================
   Results header / view toggle
========================= */
.meili-results-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:8px 10px;
    border-bottom:1px solid var(--bd-soft);
}
.meili-results-title{
    font-weight:700;
    font-size: 20px;
}

.meili-results-finded {
    font-weight: normal;
}

.meili-view-toggle{ display:flex; gap:6px; }

.meili-view-btn{
    width:36px;
    height:32px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--bd);
    background:#fff;
    border-radius: var(--radius);
    cursor:pointer;
}

.meili-view-btn[aria-pressed="true"]{
    border-color: var(--brand);
    color: var(--brand);
    font-weight:600;
}

.meili-view-btn.is-disabled {
    pointer-events: none;
    opacity: .4;
    cursor: not-allowed;
}

.btn-filter{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    min-width: 40px;
    padding: 8px;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 12px;
    background: #fff;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

/* icons */
.ico{ width:18px; height:18px; display:inline-block; opacity:.85; }

.meili-view-btn .ico{ width:18px;height:18px; display:inline-block; position:relative; }

.meili-view-btn .ico-list{
    width: 24px;
    height: 18px;
    display: inline-block;
    --ico: #111;
    background:
        /* bullets */
            linear-gradient(var(--ico), var(--ico)) 0 2px  / 4px 4px no-repeat,
            linear-gradient(var(--ico), var(--ico)) 0 7px  / 4px 4px no-repeat,
            linear-gradient(var(--ico), var(--ico)) 0 12px / 4px 4px no-repeat,

                /* lines */
            linear-gradient(var(--ico), var(--ico)) 8px 3px  / 16px 3px no-repeat,
            linear-gradient(var(--ico), var(--ico)) 8px 8px  / 16px 3px no-repeat,
            linear-gradient(var(--ico), var(--ico)) 8px 13px / 16px 3px no-repeat;

    opacity: .75;
    border-radius: 2px;
}
.meili-view-btn .ico-grid{
    background:
            linear-gradient(#111,#111) 0 0/7px 7px no-repeat,
            linear-gradient(#111,#111) 11px 0/7px 7px no-repeat,
            linear-gradient(#111,#111) 0 11px/7px 7px no-repeat,
            linear-gradient(#111,#111) 11px 11px/7px 7px no-repeat;
    opacity:.75;
}
.meili-view-btn[aria-pressed="true"] .ico-grid,
.meili-view-btn[aria-pressed="true"] .ico-list{ opacity:1; }

/* =========================
   Result items (list)
========================= */
.meili-products{
    display: block;
    opacity: 0
}

.meili-item{
    border:1px solid var(--bd-soft);
}

#searchResults ul {
    padding: 0;
    margin: 0;
}

.meili-item.item-article{
    border-bottom:0;
    list-style: none;
}

.meili-link{
    display:flex;
    gap:20px;
    padding:15px;
    text-decoration:none;
    color: var(--text);
    align-items:center;
}

.meili-thumb{
    width: var(--thumb);
    height: var(--thumb);
    object-fit: contain;
    border-radius: var(--radius);
    flex: 0 0 var(--thumb);
    background:#fff;
}
.meili-thumb--empty{
    display:inline-block;
    background:#f3f3f3;
    min-height: 200px;
    min-width: 200px;
}

.meili-meta{
    min-width:0;
    flex:1;
    display:flex;
    flex-direction:column;
}

.meili-item.item-article .meili-meta{ display:block; }

.meili-link .t{
    display:block;
    opacity: .8;
    line-height: 1.43;
    min-height: 65px;
    font-weight: 400;
    font-size: 13px;
}
.meili-link .t b{ border-bottom:1px solid var(--brand); }

.meili-meta .muted{
    display:block;
    color:#777;
    font-size:12px;
    margin:5px 0;
}

.meili-meta .model{
    text-align: right;
}

.meili-meta .p{
    display:block;
    margin-top:6px;
    font-weight:600;
    font-size: 18px;
}

.meili-meta .p .d{
    color: #ccc;
    font-weight: 400;
    font-size: 12px;
}

.meili-meta .p .c{
    color: #ccc;
    font-size: 12px;
    font-weight:400;
    top: -.2em;
}

.meili-thumb img{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
}

/* =========================
   Grid view
========================= */
.meili-products.is-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(var(--product-w), 1fr));
    opacity: 1;
}

.meili-products.is-grid .meili-item{
    border:1px solid var(--bd-soft);
    border-left: 0;
    border-top: 0;
    overflow:hidden;
    background:#fff;
    position: relative;
}

.meili-products.is-grid .meili-item:hover{
    transform: scale(1.015);
    filter: drop-shadow(0 10px 10px rgba(0,0,0,.15));
}

.meili-products.is-grid .meili-link, .meili-products.is-grid .meili-meta{
    padding:10px;
    align-items:stretch;
    flex-direction:column;
}

.meili-products.is-grid .meili-product-thumb{
    width:100%;
    height:auto;
    border-radius:8px;
    margin-bottom:8px;
}

.meili-products.is-grid .meili-meta .p{
    margin-top:auto;
}

.meili-products.is-grid .cart_block{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    margin-block: 15px;
}

/* форма с кнопкой должна растягиваться */
.meili-products.is-grid .cart_block form{
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
}

/* контейнер кнопки на всю ширину формы */
.meili-products.is-grid .cart_block form .r_buy_button{
    display: block;
    width: 100%;
    min-width: 0;
}

/* сама кнопка — на всю ширину */
.meili-products.is-grid .cart_block form .product_buy_button{
    width: 100%;
}

/* =========================
   List view
========================= */
.meili-products.is-list{
    display:flex;
    flex-direction:column;
    gap:10px;
    width: 1200px;
    margin: 10px auto;
    opacity: 1;
}

.meili-products.is-list .meili-item{
    position:relative;
    background:#fff;
    overflow:hidden;
    display:grid;
    grid-template-columns:300px 1fr 260px;
    grid-template-rows: 50px auto;
    grid-template-areas:
    "thumb title meta"
    "thumb extra meta";
    gap:10px 14px;
    padding:12px;
}

.meili-products.is-list .meili-item:hover{
    transform: scale(1.015);
    filter: drop-shadow(0 0px 5px rgba(0, 0, 0, .15));
}

.meili-products.is-list .meili-item > .product_labels {
    grid-area: thumb;
    top: 0;
}
.meili-products.is-list .meili-item > .product_labels .rectangle {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.meili-products.is-list .meili-item > #stock-balances{
    grid-column:1 / -1;
    margin:0 0 6px 0;
    order:-1;
    grid-area: thumb;
}

/* 1-я ссылка meili-link — картинка */
.meili-products.is-list .meili-item > a.meili-link:first-of-type{
    grid-area:thumb;
    padding:0;
    display:block;
    align-self:start;
}

/* 2-я ссылка meili-link — заголовок */
.meili-products.is-list .meili-item > a.meili-link:nth-of-type(2){
    grid-area:title;
    padding:0;
    display:block;
    min-width:0; /* чтобы текст нормально обрезался */
}

/* thumb */
.meili-products.is-list .meili-product-thumb{
    width:300px;
    height:300px;
    border-radius:8px;
    display:block;
    object-fit:contain;
    background:#fff;
}

/* пустой thumb */
.meili-products.is-list .meili-product-thumb--empty{
    width:160px;
    height:160px;
    border-radius:8px;
    display:block;
}

/* заголовок */
.meili-products.is-list .meili-item > a.meili-link:nth-of-type(2) .t{
    display:block;
    line-height:1.25;
    font-size: 16px;
    min-height: unset;
    /* 2 строки и троеточие */
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}

/* meta справа */
.meili-products.is-list .meili-meta{
    grid-area:meta;
    padding:0;
    border-left: 1px dotted #ccc;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    justify-content:space-between;
    gap:8px;
}

/* цена */
.meili-products.is-list .meili-meta .p{
    margin:0;
    font-weight:700;
    font-size:20px; /* подберите под макет */
}

/* sku */
.meili-products.is-list .meili-meta .model{
    margin-top:auto;
    white-space:nowrap;
}

/* блок атрибутов/фильтров под заголовком */
.meili-products.is-list .product-meta-wrapper{
    grid-area:extra;
    min-width:0;
}
.meili-products.is-list .product-meta-wrapper .attributes div {
    padding: 5px 10px;
    border-radius: 15px
}
.meili-products.is-list .cart_block {
    padding-left: 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.meili-products.is-list .cart_block form {
    margin-block: 20px;
}
.meili-products.is-list .cart_block form .r_buy_button {
    display: block;
    min-width: 8rem;
    width: 100%;
}
.meili-products.is-list .cart_block .compare {
    text-align: right;
}
/* =========================
   Адаптив: на узких экранах
========================= */
@media (max-width: 1600px){
    .meili-products.is-list {
        width: 90%;
    }
    .meili-products.is-list .meili-item{
        grid-template-columns:200px 1fr 220px;
        grid-template-areas:
      "thumb title meta"
      "thumb extra meta"
    }

    .meili-products.is-list .meili-product-thumb,
    .meili-products.is-list .meili-product-thumb--empty{
        width:200px;
        height:200px;
    }
}

@media (max-width: 1280px){
    .meili-products.is-list {
        width: 90%;
    }
    .meili-products.is-list .meili-item{
        grid-template-columns:300px 1fr;
        grid-template-areas:
      "thumb title"
      "thumb extra"
      "dummy meta";
    }

    .meili-products.is-list .meili-product-thumb,
    .meili-products.is-list .meili-product-thumb--empty{
        width:300px;
        height:300px;
    }

    .meili-products.is-list .meili-meta{
        align-items:flex-start;
        border-left: 0;
    }
    .meili-products.is-list .cart_block {
        padding-left: 0;
        align-items: center;
    }
    .meili-products.is-list .cart_block form {
        width: 100%;
    }
}


/* =========================
   Animals and Brands (horizontal scroller)
========================= */
.facet-animal-list,
.facet-brand-list
{
    width:fit-content;
    max-width:100%;
    display:flex;
    flex-wrap:nowrap;
    gap:18px;
    cursor: grab;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;
}

.facet-animal,
.facet-brand
{
    flex:0 0 110px;
    scroll-snap-align:start;
}

.facet-animal__cb,
.facet-brand__cb{
    position:absolute;
    opacity:0;
    pointer-events:none;
}

.facet-animal__card,
.facet-brand__card{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
    cursor:pointer;
    user-select:none;
}

.facet-brand__imgwrap,
.facet-animal__imgwrap{
    width:100px;
    height:100px;
    border-radius:50%;
    overflow:hidden;
    background:#eee;
    box-shadow: inset 0 0 0 0 transparent;
}

.facet-brand__img,
.facet-animal__img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.facet-brand__name,
.facet-animal__name{
    font-size:14px;
    line-height:1.2;
    text-align:center;
    max-width:120px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.facet-animal__cnt{
    font-size:12px;
    margin-top:-4px;
    font-weight: 400;
}

.facet-brand__cb:checked + .facet-brand__card .facet-brand__imgwrap,
.facet-animal__cb:checked + .facet-animal__card .facet-animal__imgwrap{
    box-shadow: inset 0 0 0 2px var(--brand);
}

/* =========================
   Mobile off-canvas filters
========================= */
body.meili-lock{
    position:fixed;
    left:0;
    right:0;
    overflow:hidden;
}

#filtersOpenBtn, #filtersCloseBtn{ display:none; }

.meili-aside-backdrop{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.35);
    z-index:25;
    display:none;
}

/* ==========================
    Facet fast search
========================== */

.facet-filter{
    position: relative;
}

.facet-filter__input{
    width: 100%;
    margin: 5px 0;
    padding: 10px 64px 10px 12px; /* справа место под 2 иконки */
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 10px;
}

/* лупа: декоративная, клики пропускаем */
.facet-filter__search{
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(0,0,0,.55);
    pointer-events: none;
    line-height: 0;
}

/* крестик: кликабельный */
.facet-filter__clear{
    position: absolute;
    right: 40px; /* слева от лупы */
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    padding: 0;
    line-height: 0;
    cursor: pointer;
    color: rgba(0,0,0,.55);
}
.facet-filter__clear:hover{
    color: rgba(0,0,0,.85);
}

/* по умолчанию скрываем */
/* карточка */
.meili-products.is-grid .meili-item.product{
    position: relative;
    overflow: hidden;
}

/* сам выпадающий блок: по умолчанию скрыт */
.meili-products.is-grid .meili-item.product .product-meta-wrapper{
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: 0;
    background: #fff;
    padding: 10px 12px;
    z-index: 20;
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: opacity .1s ease, transform .1s ease, visibility .1s ease;
    max-height: 300px;
    overflow: auto;
}

/* показываем на hover (и поднимаем карточку поверх сетки) */
@media (hover:hover) and (pointer:fine){
    .meili-products.is-grid .meili-item.product:hover{
        overflow: visible;
        z-index: 25;
        border: 1px solid var(--bd-soft);
    }

    .meili-products.is-grid .meili-item.product:hover .product-meta-wrapper{
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
}

/* чтобы работало и с клавиатуры (и на тач-устройствах при фокусе) */
.meili-products.is-grid .meili-item.product:focus-within{
    overflow: visible;
    z-index: 50;
}
.meili-products.is-grid .meili-item.product:focus-within .product-meta-wrapper{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.meili-products.is-list .meili-item.product .product-meta-wrapper .attributes,
.meili-products.is-list .meili-item.product .product-meta-wrapper .filters-images,
.meili-products.is-grid .meili-item.product .product-meta-wrapper .attributes,
.meili-products.is-grid .meili-item.product .product-meta-wrapper .filters-images
{
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.product-meta-wrapper .attributes {
    margin-bottom: 10px;
}

.product-meta-wrapper .attributes div {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 1px 5px;
    font-size: 12px;
    font-weight: 400;
}

.product-meta-wrapper .filters-images img {
    background-color: #fff;
    border-radius: 5px;
    width: 40px;
    height: auto;
    object-fit: contain;
}

/* список фильтров товара */
.filters-values{
    margin: 10px 0 0 0 !important;
    padding: 0;
    list-style: none;
    --bg: #fff;                 /* фон блока */
    font-size: 12px;            /* меньше */
    line-height: 1.35;
    opacity: .85;               /* меньше акцент */
}

/* строка */
.filters-values > li{
    list-style: none;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin: 0 0 5px;
    position: relative;
    border-bottom: 1px dotted rgba(17,24,39,.22);
    padding-bottom: 0;
}

.filters-values > li:last-child{
    margin-bottom: 0;
}

/* divider из HTML не нужен (как в примере) */
.filters-values .divider{
    display: none;
}

/* key/value перекрывают линию фоном */
.filters-values .key,
.filters-values .value{
    display: inline-block;
    background: var(--bg);
    padding: 0 6px 0 0;
    margin-bottom: -1px;
}

/* ключ */
.filters-values .key{
    color: rgba(17,24,39,.55);
    text-align: left;
    max-width: 60%;
}

/* значение */
.filters-values .value{
    color: rgba(17,24,39,.85);
    text-align: right;
    max-width: 60%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* мобилка: sticky мешает, aside превращаем в панель */
@media (max-width: 768px){
    .search-layout{ grid-template-columns:1fr; }

    .search-layout .box {
        margin: 0 -10px;
    }

    .srch-wrap {
        padding: 0 10px;
    }

    .search-layout .search-aside{
        position: static;
    }

    /* показываем кнопку "Фильтры" */
    #filtersOpenBtn{ display:block; }

    /* панель фильтров */
    .search-aside .box-b{
        position:fixed;
        inset: 0px;
        top: 90px;
        background:#fff;
        z-index:9999;

        transform: translateX(110%);
        transition: transform .2s ease;

        overflow:auto;
        max-height: none;
        display:block;
    }

    .search-aside.is-open .box-b{
        transform: translateX(0);
    }

    .search-aside.is-open + .meili-aside-backdrop{
        display:block;
    }

    /* крестик */
    .search-aside.is-open #filtersCloseBtn{
        display:inline-flex;
        position:sticky;
        top:10px;
        left: calc(100% - 35px);
    }

    /* grid карточек на мобиле */
    .meili-products.is-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    .meili-meta .t{
        min-height: 85px;
    }

    .sr-empty-suggestions {
        padding: 0 10px !important;
    }

}

@media (max-width: 360px){
    .meili-products.is-grid{
        grid-template-columns:repeat(1, minmax(0, 1fr));
    }
}