/* =====================================================================
   PROBUSINESS — mobile: /companies — список компаний (Figma 1:2793)
   + шторка фильтра ФИЛЬТР_КОМПАНИЙ (Figma 1:2952)
   Скоуп: body.pbm.pbm-page-companies. Базовые стили — mobile.css.
   ===================================================================== */
@media (max-width:1085px){

/* ---- каркас страницы: без категорийных кнопок, шапка сразу под TOP BAR (y=80) ---- */
body.pbm.pbm-page-companies .header-buttons.custom{display:none!important;}
body.pbm.pbm-page-companies .pbm-pagehead{margin-top:4px;border-top:0;}
/* пустой контейнер системных сообщений даёт лишние 10px до контента */
body.pbm.pbm-page-companies #system-message-container:empty{display:none!important;}
/* десктопная колонка тянет border-right — из-за него контент 387, а не 388 */
body.pbm.pbm-page-companies .main-page .content_block.column-left{border:0!important;}
body.pbm.pbm-page-companies .companies-list{display:flex;flex-direction:column;margin:0;padding:0 0 55px;}
body.pbm.pbm-page-companies .companies-list > .page-header{display:none!important;}
/* форма фильтра до переноса в шторку (нет JS / до инициализации) не показывается */
body.pbm.pbm-page-companies .companies-list > .box-companies-filter{display:none!important;}

/* =====================================================================
   Поиск (node 1:2826) — .pbm-csearch (собирается JS из input[name=title])
   ===================================================================== */
body.pbm.pbm-page-companies .pbm-csearch{
    position:relative;display:flex;align-items:center;gap:10px;width:100%;height:55px;margin:17px 0 0;padding:11px 16px;
    border:1px solid var(--pb-border);border-radius:20px;background:#fff;
}
body.pbm.pbm-page-companies .pbm-csearch__ph{
    position:absolute;left:16px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:10px;margin:0;padding:0;
    font-family:var(--pb-font);font-weight:500;font-size:13px;line-height:1;color:var(--pb-muted);text-transform:uppercase;pointer-events:none;
}
body.pbm.pbm-page-companies .pbm-csearch__ph::before{content:"";display:block;width:18px;height:18px;background:url(/templates/moneyhouse_new/images/m/search.svg) no-repeat center/contain;}
body.pbm.pbm-page-companies .pbm-csearch.has-value .pbm-csearch__ph{display:none;}
body.pbm.pbm-page-companies .pbm-csearch__input{
    flex:1;min-width:0;width:auto;height:31px;margin:0;padding:0 0 0 28px;border:0;border-radius:0;background:transparent;box-shadow:none;outline:0;float:none;
    font-family:var(--pb-font);font-weight:500;font-size:13px;line-height:31px;color:var(--pb-text);
}
body.pbm.pbm-page-companies .pbm-csearch__input::placeholder{color:transparent;}
body.pbm.pbm-page-companies .pbm-csearch__filter{
    flex:none;width:22px;height:22px;margin:0;padding:0;border:0;cursor:pointer;
    background:url(/templates/moneyhouse_new/images/m/filter.svg) no-repeat center/22px 22px;
}
body.pbm.pbm-page-companies .pbm-csearch__clear{position:relative;flex:none;width:31px;height:31px;margin:0;padding:0;border:0;background:none;cursor:pointer;}
body.pbm.pbm-page-companies .pbm-csearch__clear::before,
body.pbm.pbm-page-companies .pbm-csearch__clear::after{
    content:"";position:absolute;left:50%;top:50%;width:21px;height:1.3px;background:var(--pb-muted);transform:translate(-50%,-50%) rotate(45deg);
}
body.pbm.pbm-page-companies .pbm-csearch__clear::after{transform:translate(-50%,-50%) rotate(-45deg);}

/* =====================================================================
   Счётчик (node 1:2836) + табы сортировки (node 1:2837 / 1:2839)
   ===================================================================== */
body.pbm.pbm-page-companies .companies-items{margin:0;padding:0;}
/* :not(.companies-item) — иначе правило ловит сами карточки (они .companies-item.clearfix) */
body.pbm.pbm-page-companies .companies-items > .clearfix:not(.companies-item){
    display:flex;flex-direction:column;align-items:flex-start;gap:9px;margin:17px 0 22.71px;padding:0;
}
body.pbm.pbm-page-companies .companies-items > .clearfix:not(.companies-item)::before,
body.pbm.pbm-page-companies .companies-items > .clearfix:not(.companies-item)::after{display:none!important;content:none!important;}
body.pbm.pbm-page-companies .box-companies_box-count-companies{
    float:none;margin:0;padding:0;white-space:nowrap;
    font-family:var(--pb-font);font-weight:700;font-size:18px;line-height:normal;color:var(--pb-text);
}
/* gap 12px = ширина трёх пробелов Museo 100/16, которыми табы разделены в макете
   (Frame 74 = 112.39 + 12 + 157.58 = 282 — сходится с макетными 282) */
body.pbm.pbm-page-companies .box-companies-sorting{display:flex;align-items:flex-start;gap:12px;float:none;margin:0;padding:0;line-height:normal;color:var(--pb-text);}
body.pbm.pbm-page-companies .box-companies-sorting input{display:none;}
/* подчёркивание — псевдоэлемент, а не border-bottom: Chrome округляет border-width
   до целых device-px (2.57 → 2), а высота блока держит дробное значение (Vector 4 = 2.57036) */
body.pbm.pbm-page-companies .box-companies-sorting label{
    position:relative;display:block;margin:0;padding:0 0 10.29px;border-bottom:0;cursor:pointer;white-space:nowrap;
    font-family:var(--pb-font);font-weight:100;font-size:16px;line-height:normal;color:var(--pb-text);
}
body.pbm.pbm-page-companies .box-companies-sorting label::before{content:"По ";}
body.pbm.pbm-page-companies .box-companies-sorting label::after{
    content:"";position:absolute;left:0;right:0;bottom:0;height:2.57px;border-radius:1.29px;background:transparent;
}
body.pbm.pbm-page-companies .box-companies-sorting input:checked + label{color:var(--pb-text);cursor:default;}
body.pbm.pbm-page-companies .box-companies-sorting input:checked + label::after{background:var(--pb-accent);}

/* =====================================================================
   Строка компании (node 1:2841…) — .companies-item
   ===================================================================== */
body.pbm.pbm-page-companies .companies-items > .companies-item{
    display:flex!important;flex-direction:row!important;align-items:center!important;gap:15px;width:100%;height:68px;
    margin:0!important;padding:0 15px;
    border:0;border-bottom:1px solid var(--pb-border);border-radius:0;background:#fff;box-shadow:none;overflow:hidden;cursor:pointer;
}
body.pbm.pbm-page-companies .companies-items > .companies-item::before,
body.pbm.pbm-page-companies .companies-items > .companies-item::after{display:none!important;content:none!important;}
body.pbm.pbm-page-companies .companies-item_logo{
    float:none;flex:none;width:50px;height:50px;min-height:0;margin:0;padding:0;border-radius:50%;overflow:hidden;background:#fff;text-align:center;
}
body.pbm.pbm-page-companies .companies-item_logo img{
    display:block;width:50px;height:50px;min-width:0;min-height:0;max-width:none;object-fit:cover;border-radius:50%;
}
body.pbm.pbm-page-companies .companies-item_box{display:flex;flex-direction:column;justify-content:center;gap:2px;flex:1;min-width:0;width:auto;margin:0;padding:0;text-align:left;}
/* в макете название — одна строка (nowrap, node 1:2844): при переносе карточка 68px
   обрезает телефон/категорию. Базовый mobile.css ставит white-space:normal!important
   (для страницы компании), поэтому здесь нужен !important со своей специфичностью. */
body.pbm.pbm-page-companies .companies-items > .companies-item .companies-item_title{
    margin:0;padding:0;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;text-decoration:none;
    font-family:var(--pb-font);font-weight:700;font-size:14px;line-height:normal;color:#000;
}
body.pbm.pbm-page-companies .companies-items > .companies-item .companies-item_title a,
body.pbm.pbm-page-companies .companies-items > .companies-item .companies-item_title_link{
    color:#000!important;text-decoration:none!important;font:inherit;white-space:nowrap!important;
}
body.pbm.pbm-page-companies .companies-item .list-item-buttons-custom{display:none!important;}
body.pbm.pbm-page-companies .companies-item_info{
    margin:0;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    font-family:var(--pb-font);font-weight:500;font-style:italic;font-size:12px;line-height:normal;color:var(--pb-accent);
}
body.pbm.pbm-page-companies .companies-item_info br{display:none;}
body.pbm.pbm-page-companies .companies-item_info b.companies-item_short-desc.custom{
    display:block;margin:2px 0 0;padding:0;max-height:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    font-family:var(--pb-font);font-weight:500;font-style:italic;font-size:12px;line-height:normal;color:var(--pb-muted);
}
body.pbm.pbm-page-companies .companies-item_box > .companies-item_short-desc{display:none!important;}
body.pbm.pbm-page-companies .companies-items > #mod-custom134{display:none!important;}
body.pbm.pbm-page-companies .companies-items_not-found{margin:17px 0 0;padding:0;font-family:var(--pb-font);font-weight:500;font-size:14px;line-height:normal;color:var(--pb-text);}

/* пагинация (в макете нет — на сайте есть при >20 компаний) */
body.pbm.pbm-page-companies .companies-items_pagination{margin:0;padding:0;}
body.pbm.pbm-page-companies .companies-items_pagination .pagination{
    display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;float:none;
}
body.pbm.pbm-page-companies .companies-items_pagination .pagination:has(a){padding:20px 0 0;}
body.pbm.pbm-page-companies .companies-items_pagination .pagination a,
body.pbm.pbm-page-companies .companies-items_pagination .pagination span{
    display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;border-radius:8px;
    font-family:var(--pb-font);font-weight:500;font-size:14px;line-height:normal;color:var(--pb-text)!important;text-decoration:none!important;
}
body.pbm.pbm-page-companies .companies-items_pagination .pagination .active span,
body.pbm.pbm-page-companies .companies-items_pagination .pagination a:hover{background:var(--pb-light);color:var(--pb-accent)!important;}

/* =====================================================================
   Шторка фильтра ФИЛЬТР_КОМПАНИЙ (node 1:2952) — .pbm-cfilter (собирает JS)
   ===================================================================== */
body.pbm.pbm-page-companies .pbm-cfilter-backdrop{
    position:fixed;inset:0;z-index:300;background:rgba(20,25,35,.45);opacity:0;pointer-events:none;transition:opacity .28s ease;
}
body.pbm.pbm-page-companies .pbm-cfilter-backdrop.open{opacity:1;pointer-events:auto;}
body.pbm.pbm-page-companies .pbm-cfilter{
    position:fixed;left:0;right:0;bottom:0;z-index:301;max-height:calc(100% - 40px);overflow-y:auto;-webkit-overflow-scrolling:touch;
    margin:0;padding:0 15px 15px;background:#fff;border-radius:27px 27px 0 0;box-shadow:0 -4px 30px rgba(0,0,0,.2);
    transform:translateY(105%);transition:transform .32s cubic-bezier(.2,.8,.2,1);
}
body.pbm.pbm-page-companies .pbm-cfilter.open{transform:none;}
body.pbm.pbm-page-companies .pbm-cfilter .box-companies-filter{display:block;margin:0;padding:0;}
body.pbm.pbm-page-companies .pbm-cfilter form#companies-filter{margin:0;padding:0;}

/* шапка шторки (1:2955) */
body.pbm.pbm-page-companies .pbm-cfilter__head{
    display:flex;align-items:center;justify-content:space-between;height:60px;margin:0;padding:10px 0 1px;border-bottom:1px solid var(--pb-border);
}
body.pbm.pbm-page-companies .pbm-cfilter__head-left{display:flex;align-items:center;gap:10px;}
body.pbm.pbm-page-companies .pbm-cfilter__close{position:relative;flex:none;width:32px;height:32px;margin:0;padding:0;border:0;background:none;cursor:pointer;}
body.pbm.pbm-page-companies .pbm-cfilter__close::before,
body.pbm.pbm-page-companies .pbm-cfilter__close::after{
    content:"";position:absolute;left:50%;top:50%;width:23px;height:1.6px;border-radius:1px;background:var(--pb-accent);transform:translate(-50%,-50%) rotate(45deg);
}
body.pbm.pbm-page-companies .pbm-cfilter__close::after{transform:translate(-50%,-50%) rotate(-45deg);}
body.pbm.pbm-page-companies .pbm-cfilter__title{font-family:var(--pb-font);font-weight:700;font-size:20px;line-height:normal;color:var(--pb-text);white-space:nowrap;}
body.pbm.pbm-page-companies .pbm-cfilter__reset{
    margin:0;padding:0;border:0;background:none;cursor:pointer;white-space:nowrap;
    font-family:var(--pb-font);font-weight:500;font-size:14px;line-height:normal;color:var(--pb-accent);
}

/* блок полей (1:2960): лейбл 12/500 muted → селект 36px, все промежутки 10px */
body.pbm.pbm-page-companies .pbm-cfilter__fields{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin:0;padding:10px 0 0;}
body.pbm.pbm-page-companies .pbm-cfilter__label{display:block;margin:0;padding:0;font-family:var(--pb-font);font-weight:500;font-size:12px;line-height:normal;color:var(--pb-muted);white-space:nowrap;}
body.pbm.pbm-page-companies .pbm-cfilter__field{float:none;width:100%;margin:0;padding:0;}
body.pbm.pbm-page-companies .pbm-cfilter select,
body.pbm.pbm-page-companies .pbm-cfilter input[type="text"]{
    -webkit-appearance:none;appearance:none;display:block;float:none;width:100%;height:36px;margin:0;padding:10px;
    border:1px solid var(--pb-border);border-radius:5px;background:#fff;box-shadow:none;outline:0;
    font-family:var(--pb-font);font-weight:700;font-size:14px;line-height:normal;color:var(--pb-text);
}
body.pbm.pbm-page-companies .pbm-cfilter select{
    padding-right:34px;background:#fff url(/templates/moneyhouse_new/images/m/select-chevron.svg) no-repeat right 8px center/14px 8.41px;
    text-overflow:ellipsis;white-space:nowrap;
}
body.pbm.pbm-page-companies .pbm-cfilter select option{font-weight:500;}
body.pbm.pbm-page-companies .pbm-cfilter input[type="text"]::placeholder{font-weight:500;color:var(--pb-muted);}
/* пустые ряды исходной формы (после переноса полей), служебные блоки и алфавит (в макете его нет) */
body.pbm.pbm-page-companies .pbm-cfilter form > .clearfix,
body.pbm.pbm-page-companies .pbm-cfilter .companies-filter_box-select,
body.pbm.pbm-page-companies .pbm-cfilter .alphavit-custom,
body.pbm.pbm-page-companies .pbm-cfilter .container-custom-button-list{display:none!important;}

/* чекбокс «только с представителями» (1:2982): 25×25 r8 #E1E5EA, текст 13/500, высота 32, отступ сверху 15 */
body.pbm.pbm-page-companies .pbm-cfilter .companies-filter_box-user{float:none;display:flex;align-items:flex-start;min-height:32px;margin:5px 0 0;padding:0;line-height:normal;}
body.pbm.pbm-page-companies .pbm-cfilter .companies-filter_box-user input{display:none;}
body.pbm.pbm-page-companies .pbm-cfilter .companies-filter_box-user label{
    position:relative;display:flex;align-items:center;gap:10px;margin:0;padding:0;cursor:pointer;
    font-family:var(--pb-font);font-weight:500;font-size:13px;line-height:normal;color:var(--pb-text);text-align:left;
}
body.pbm.pbm-page-companies .pbm-cfilter .companies-filter_box-user label::before{
    content:"";position:static;top:auto;left:auto;box-sizing:border-box;flex:none;display:block;width:25px;height:25px;
    border:1px solid #e1e5ea;border-radius:8px;background:#fff no-repeat center/25px 25px;
}
body.pbm.pbm-page-companies .pbm-cfilter .companies-filter_box-user input:checked + label::before{
    border-color:transparent;background-image:url(/templates/moneyhouse_new/images/m/check.svg);
}

/* кнопка-переключатель Qazaq Product (1:2983): 36px r8 #E1E5EA, лого 33×30 + текст 19.57 white */
body.pbm.pbm-page-companies .pbm-cfilter .companies-filter_qazaq-product{
    position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:36px;margin:5px 0 0;padding:3px 82px;
    border-radius:8px;background:#e1e5ea;cursor:pointer;transition:background .2s ease;
}
body.pbm.pbm-page-companies .pbm-cfilter .companies-filter_qazaq-product.checked{background:var(--pb-accent);}
body.pbm.pbm-page-companies .pbm-cfilter #qazaq_product{display:none!important;}
body.pbm.pbm-page-companies .pbm-cfilter .qazaq-product-img{display:block;margin:0;padding:0;cursor:pointer;}
body.pbm.pbm-page-companies .pbm-cfilter .qazaq-product-img a{
    display:flex;align-items:center;gap:9px;height:30px;margin:0;padding:0;color:#fff;text-decoration:none;pointer-events:none;
}
body.pbm.pbm-page-companies .pbm-cfilter .qazaq-product-img a::before{
    content:"";flex:none;width:33px;height:30px;
    background:url(/templates/moneyhouse_new/images/pq.png) no-repeat center/33px 30px;filter:brightness(0) invert(1);
}
body.pbm.pbm-page-companies .pbm-cfilter .qazaq-product-img img{display:none!important;}
body.pbm.pbm-page-companies .pbm-cfilter .qazaq-product-img p{
    margin:0;padding:0;white-space:nowrap;text-align:center;font-family:var(--pb-font);font-weight:700;font-size:19.57px;line-height:normal;color:#fff;
}

/* кнопки: «Подобрать» (1:2984) 36px r8 accent; «Сбросить» вынесен в шапку как «Очистить» */
body.pbm.pbm-page-companies .pbm-cfilter .div-btn{display:block;margin:5px 0 0;padding:0;}
body.pbm.pbm-page-companies .pbm-cfilter .custom-filter-sbros-button{display:none!important;}
body.pbm.pbm-page-companies .pbm-cfilter .companies-filter_field-submit{
    display:block;width:100%;height:36px;margin:0;padding:8px 20px;border:0;border-radius:8px;background:var(--pb-accent);cursor:pointer;
    font-family:var(--pb-font);font-weight:700;font-size:17.067px;line-height:normal;color:#fff;text-align:center;text-transform:none;transition:none;
}

/* модалка Qazaq Product (вынесена JS в body) поверх шторки */
body.pbm.pbm-page-companies #qazaqProductModal{z-index:320;}

} /* /media */