/* =====================================================================
   PROBUSINESS — mobile layout (Figma «Probuisness», 420px)
   Область действия: только экраны ≤ 1085px. Десктоп не трогаем.
   Токены: см. _figma/01-ui-kit/tokens.css
   ===================================================================== */
@font-face{
    font-family:"MuseoSansCyrlBlack";
    src:url("../fonts/MuseoSansCyrl-900.woff") format("woff"),
        url("../fonts/MuseoSansCyrl-900.ttf") format("truetype");
    font-weight:900;font-style:normal;font-display:swap;
}
/* ------------------------------------------------------------------
   ШРИФТЫ Museo Sans Cyrl 100/300/500/700/900 — полный набор из макета.
   Файлы 100/300/500/700 взяты из старой темы сайта
   (templates/old/moneyhouse_new3/fonts/MuseoSans{Light,Regular,Medium,Bold}),
   900 — MuseoSansCyrl-900. Все с кириллицей и казахскими буквами.
   Семейство названо MuseoSansCyrlPB, чтобы новые начертания применялись ТОЛЬКО в мобильной
   вёрстке (через --pb-font) и не меняли типографику десктопа.
   ------------------------------------------------------------------ */
@font-face{ font-family:"MuseoSansCyrlPB";
    src:url("../fonts/MuseoSansCyrl-100.woff") format("woff"), url("../fonts/MuseoSansCyrl-100.ttf") format("truetype");
    font-weight:100; font-style:normal; font-display:swap; }
@font-face{ font-family:"MuseoSansCyrlPB";
    src:url("../fonts/MuseoSansCyrl-300.woff") format("woff"), url("../fonts/MuseoSansCyrl-300.ttf") format("truetype");
    font-weight:300; font-style:normal; font-display:swap; }
@font-face{ font-family:"MuseoSansCyrlPB";
    src:url("../fonts/MuseoSansCyrl-500.woff") format("woff"), url("../fonts/MuseoSansCyrl-500.ttf") format("truetype");
    font-weight:400 500; font-style:normal; font-display:swap; }
@font-face{ font-family:"MuseoSansCyrlPB";
    src:url("../fonts/MuseoSansCyrl-700.woff") format("woff"), url("../fonts/MuseoSansCyrl-700.ttf") format("truetype");
    font-weight:600 700; font-style:normal; font-display:swap; }
@font-face{ font-family:"MuseoSansCyrlPB";
    src:url("../fonts/MuseoSansCyrl-900.woff") format("woff"), url("../fonts/MuseoSansCyrl-900.ttf") format("truetype");
    font-weight:800 900; font-style:normal; font-display:swap; }
:root{
    --pb-accent:#08a5c5;
    --pb-navy:#00587a;
    --pb-orange:#f7901e;
    --pb-slate:#4b5563;
    --pb-green:#32bb5c;
    --pb-text:#1e1e1e;
    --pb-muted:#6b7280;
    --pb-border:#e5e7eb;
    --pb-light:#f5f7fa;
    --pb-cream:#fef6e7;
    --pb-footer:#26344a;
    --pb-font:"MuseoSansCyrlPB","MuseoSansCyrl",Arial,sans-serif;
    /* шапка, поиск и футер в макете импортированы с десктопа и набраны Arial — см. ink-замер в ITOG.md */
    --pb-font-import:Arial,Helvetica,sans-serif;
    --pb-font-black:"MuseoSansCyrlBlack","MuseoSansCyrlPB","MuseoSansCyrl",Arial,sans-serif;
    --pb-shadow-card:0 0 6px rgba(0,0,0,.15);
    --pb-shadow-island:0 0 12px rgba(0,0,0,.15);
}

/* Мобильные блоки выводятся в разметке всегда — вне мобильного брейкпоинта их не должно быть видно */
.pbm-topbar,.pbm-drawer,.pbm-overlay,.pbm-bottomnav,.pbm-pagehead{display:none;}
/* узлы, добавленные в PHP-шаблоны только ради мобильного макета (дата в компактной карточке,
   тип публикации, счётчик просмотров): вне мобилы их быть не должно */
.pbm-only{display:none!important;}

/* Планшет 461–1085px: в макете есть только мобильный экран 420, поэтому не растягиваем
   раскладку, а держим колонку 420 по центру — пропорции остаются ровно как в дизайне. */
@media (min-width:461px) and (max-width:1085px){
    body.pbm{max-width:420px;margin-left:auto;margin-right:auto;box-shadow:0 0 0 1px var(--pb-border);background:#fff;}
    html{background:var(--pb-light);}
    body.pbm .pbm-bottomnav{left:50%;transform:translateX(-50%);width:420px;}
    /* drawer живёт внутри центрированной колонки; в закрытом состоянии уводим его
       за левый край ЭКРАНА (иначе при смещённой колонке его край остаётся виден) */
    body.pbm .pbm-drawer{left:calc(50% - 210px);}
    body.pbm .pbm-drawer:not(.open){transform:translateX(calc(-100% - 50vw));}
    body.pbm #login-modal-form.modal{left:calc(50% - 210px);right:auto;width:420px;margin:0;}
}

@media (max-width:1085px){
html,body{overflow-x:hidden;}
.pbm-topbar{display:flex;}
.pbm-drawer{display:flex;}
.pbm-overlay{display:block;}
.pbm-bottomnav{display:grid;}
.pbm-pagehead{display:flex;}
body.pbm{
    font-family:var(--pb-font);
    color:var(--pb-text);
    background:#fff;
    padding-bottom:79px; /* нижняя панель КНОПКИ_mobile */
    min-width:0;
}
body.pbm *{box-sizing:border-box;}
body.pbm img{max-width:100%;}
body.pbm .container{width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;}

/* ---- прячем десктопный каркас ---- */
body.pbm header.header.custom,
body.pbm .sub-header .main-logo,
body.pbm .sub-header-center,
body.pbm .sub-header-right .language,
body.pbm .sub-header-right .user-box-top,
body.pbm .sub-header-right .dashed-link,
body.pbm .promo-block,
body.pbm .main-menu-backdrop,
body.pbm .sidebar,
body.pbm .tagspopular,
body.pbm .footer .footer__column4,
body.pbm .footer hr{display:none!important;}
body.pbm .sub-header{display:block;padding:0!important;margin:0!important;height:0;overflow:visible;border:0;}
body.pbm .sub-header-right{width:auto;max-width:none;margin:0;}

/* =====================================================================
   TOP BAR  (node 1:1010)
   ===================================================================== */
.pbm-topbar{
    display:flex;align-items:center;justify-content:space-between;
    padding:15px 16px;background:#fff;border-bottom:0;
    height:76px;position:relative;
}
/* разделитель шириной 388 при x=17 — как в макете (пиксельная проверка m-1-1123-novosti.png,
   y=75: серое ровно на x 17…404, по краям белое); во всю ширину линия НЕ идёт */
.pbm-topbar::after{
    content:"";position:absolute;left:17px;right:15px;bottom:0;height:1px;background:var(--pb-border);
}
.pbm-topbar__left{display:flex;align-items:center;gap:18px;}
/* иконка 24×24 как в макете, но зона нажатия расширена до 44×44 (padding не влияет на вид) */
.pbm-burger{width:44px;height:44px;margin:-10px;padding:10px;border:0;background:none;cursor:pointer;display:block;}
.pbm-burger img{width:24px;height:24px;display:block;}
.pbm-logo{display:block;width:82.2px;height:45px;}
.pbm-logo img{width:100%;height:100%;display:block;}
.pbm-topbar__right{display:flex;align-items:center;width:142px;justify-content:flex-end;}
.pbm-lang{position:relative;width:59.8px;height:25px;}
.pbm-lang__btn{
    display:flex;align-items:center;gap:6px;height:25px;padding:0;border:0;background:none;
    font-family:var(--pb-font);font-weight:700;font-size:21.371px;line-height:1;color:var(--pb-muted);cursor:pointer;
}
.pbm-lang__btn img{width:12.29px;height:6.83px;display:block;}
.pbm-lang__list{
    display:none;position:absolute;top:32px;left:0;z-index:60;background:#fff;
    border:1px solid var(--pb-border);border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.12);min-width:64px;overflow:hidden;
}
.pbm-lang.open .pbm-lang__list{display:block;}
.pbm-lang__list a{display:block;padding:8px 12px;font-size:15px;font-weight:700;color:var(--pb-text);text-decoration:none;}
.pbm-lang__list a.active{color:var(--pb-accent);}
.pbm-login{
    display:flex;align-items:center;justify-content:center;width:82.489px;height:36.978px;
    border-radius:22.756px;background:var(--pb-accent);color:#fff!important;text-decoration:none!important;
    font-family:var(--pb-font);font-weight:700;font-size:17.067px;line-height:1;
}
.pbm-login.pbm-login--user{width:auto;max-width:90px;padding:0 12px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;line-height:36.978px;}

/* =====================================================================
   DRAWER — МЕНЮ_mobile (node 1:3011)
   ===================================================================== */
.pbm-overlay{position:fixed;inset:0;background:rgba(20,25,35,.45);opacity:0;pointer-events:none;transition:opacity .28s ease;z-index:200;}
.pbm-overlay.open{opacity:1;pointer-events:auto;}
.pbm-drawer{
    position:fixed;top:0;left:0;height:100%;width:310px;max-width:86%;background:#fff;z-index:201;
    transform:translateX(-105%);transition:transform .32s cubic-bezier(.2,.8,.2,1);
    box-shadow:4px 0 12px rgba(0,0,0,.18);display:flex;flex-direction:column;overflow-y:auto;
}
.pbm-drawer.open{transform:translateX(0);}
.pbm-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--pb-border);}
.pbm-drawer__head img.pbm-drawer__logo{width:110px;height:60.31px;display:block;}
.pbm-drawer__close{width:36px;height:36px;border-radius:18px;border:0;background:var(--pb-light);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;}
.pbm-drawer__close img{width:18px;height:18px;display:block;}
.pbm-drawer__list{list-style:none;margin:0;padding:8px 0;}
.pbm-drawer__list li{margin:0;padding:0;border-bottom:1px solid var(--pb-border);}
.pbm-drawer__list a{
    display:flex;align-items:center;gap:14px;padding:16px 18px;
    font-family:var(--pb-font);font-weight:300;font-size:15px;line-height:normal;color:var(--pb-text);text-decoration:none;
}
.pbm-drawer__list a img{width:20px;height:20px;display:block;object-fit:contain;flex:none;}

/* =====================================================================
   Категорийные кнопки  (node 1:999) — .header-buttons
   ===================================================================== */
body.pbm .header-buttons.custom{
    position:relative;display:flex!important;gap:12px;padding:14px 16px 14px!important;margin:9px 0 0!important;
    overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;background:#fff;
    height:76px;align-items:flex-start;float:none;width:auto;
}
body.pbm .header-buttons.custom::-webkit-scrollbar{display:none;}
body.pbm .header-buttons.custom a{
    flex:none;display:flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:8px;
    font-family:var(--pb-font);font-weight:700;font-size:12px;line-height:normal;letter-spacing:.3px;
    text-transform:uppercase;color:#fff!important;text-decoration:none!important;background:var(--pb-navy);
    margin:0!important;width:auto!important;height:auto!important;float:none!important;white-space:nowrap;border:0;
}
body.pbm .header-buttons.custom a:nth-child(2){background:var(--pb-orange);}
body.pbm .header-buttons.custom a:nth-child(3){background:var(--pb-slate);}
body.pbm .header-buttons.custom a:nth-child(4){background:var(--pb-navy);}

/* =====================================================================
   Ряд иконок  (node 1:939) — ul.menu-icons
   ===================================================================== */
body.pbm ul.menu-icons{
    position:relative;display:flex!important;gap:12px;padding:0 16px!important;margin:0!important;
    height:73px;border-bottom:1px solid var(--pb-border);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;
    list-style:none;background:#fff;width:auto;
}
body.pbm ul.menu-icons::-webkit-scrollbar{display:none;}
body.pbm ul.menu-icons li{flex:none;width:70px;margin:0!important;padding:0!important;float:none;}
body.pbm ul.menu-icons li a{
    display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 0 14px;height:72px;justify-content:flex-start;
    text-decoration:none!important;color:var(--pb-text)!important;background:none!important;
}
body.pbm ul.menu-icons li a img{display:none!important;}
body.pbm ul.menu-icons li a::before{content:"";display:block;width:26px;height:26px;background:no-repeat center/contain;}
body.pbm ul.menu-icons li:nth-child(1) a::before{background-image:url(../images/m/q-invest.svg);}
body.pbm ul.menu-icons li:nth-child(2) a::before{background-image:url(../images/m/q-credit.svg);}
body.pbm ul.menu-icons li:nth-child(3) a::before{background-image:url(../images/m/q-tender.svg);}
body.pbm ul.menu-icons li:nth-child(4) a::before{background-image:url(../images/m/q-torgi.svg);}
body.pbm ul.menu-icons li:nth-child(5) a::before{background-image:url(../images/m/q-sell.svg);}
body.pbm ul.menu-icons li a .image-title{
    display:block;font-family:var(--pb-font);font-weight:500;font-size:10px;line-height:12px;color:var(--pb-text);
    text-align:center;white-space:normal;padding:0 4px;margin:0;
}

/* =====================================================================
   Контейнер контента
   ===================================================================== */
body.pbm .main-page.container{display:block!important;padding:0 16px!important;width:auto!important;float:none;}
body.pbm .main-page > .content_block,
/* .content_block.column-left в template.css несёт border-right (десктопный разделитель колонок) —
   на мобиле он съедал 1px ширины контента (387 вместо 388 по макету) */
body.pbm .content_block.column-left{width:100%!important;float:none!important;margin:0!important;padding:0!important;max-width:none!important;border:0!important;}
body.pbm .main-page > .content_block{display:flex;flex-direction:column;gap:0;}
body.pbm .main-page > .content_block > .content_block{display:contents;}
body.pbm .header-buttons.custom::before,body.pbm .header-buttons.custom::after,
body.pbm .main-page.clearfix::before,body.pbm .main-page.clearfix::after,
body.pbm footer.footer.clearfix::after,body.pbm .content_block::before,body.pbm .content_block::after{display:none!important;content:none!important;}
body.pbm .content_block pre{display:none!important;}
body.pbm .main-page.container.clearfix::after{display:none;}

/* порядок блоков главной как в макете: 1 карточка → сетка → карусель → список → одиночная */
body.pbm.pbm-home .main-page .content_block > .news-home-page{order:1;}
body.pbm.pbm-home .main-page .content_block > .mod-news-grid{order:2;}
body.pbm.pbm-home .main-page .content_block > .mod-news-slider{order:3;}
body.pbm.pbm-home .main-page .content_block > .mod-news-list{order:4;}
body.pbm.pbm-home .main-page .content_block > .home-news-single{order:5;}
body.pbm.pbm-home .main-page .content_block > #system-message-container{order:6;}
body.pbm.pbm-home .main-page .content_block > .blog-featured{order:7;}

/* =====================================================================
   Поиск (node 1:929) + табы-папки (node 1:913)
   ===================================================================== */
body.pbm .news-home-page{margin:0;padding:0;}
body.pbm .news-home-page .container-vkladki{display:flex;flex-direction:column;margin:0;padding:0;border:0;}
body.pbm .news-home-page .vkladki-custom.serch{order:1;width:100%!important;margin:0;padding:16px 0;float:none;display:block!important;justify-content:flex-start;}
body.pbm .news-home-page .vkladki-custom.blog{order:2;width:100%;margin:0;padding:0;float:none;}
body.pbm .news-home-page .vkladki-custom.lenta{display:none!important;}
body.pbm .news-home-page .vkladki-custom h2{display:none!important;}
body.pbm .custom-smart-search-wrapper{margin:0;padding:0;width:100%;}
body.pbm .custom-smart-search-wrapper .awesomplete{display:block;width:100%;}
body.pbm .custom-smart-search-wrapper .mod-finder.form-search{
    position:relative;display:flex!important;align-items:center;width:100%!important;height:55px;margin:0!important;padding:11px 16px!important;
    border:1px solid var(--pb-border)!important;border-radius:20px;background:#fff!important;
}
body.pbm .custom-smart-search-wrapper .mod-finder.form-search label.finder{
    display:flex!important;position:absolute;left:16px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:10px;margin: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 .mod-finder.form-search label.finder::before{content:"";width:18px;height:18px;background:url(../images/m/search.svg) no-repeat center/contain;}
body.pbm .custom-smart-search-wrapper .mod-finder.form-search input.form-control{
    flex:1;height:31px!important;line-height:31px;border:0!important;border-radius:0;background:transparent;padding:0 40px 0 28px!important;margin:0;box-shadow:none;outline:0;
    font-family:var(--pb-font);font-size:13px;font-weight:500;color:var(--pb-text);width:100%!important;
}
body.pbm .mod-finder.form-search input.form-control::placeholder{color:transparent!important;}
body.pbm .custom-smart-search-wrapper .mod-finder.form-search.has-value label.finder{display:none!important;}
body.pbm .mod-finder.form-search .pbm-search-clear{
    position:absolute;right:16px;top:50%;transform:translateY(-50%);width:31px;height:31px;border:0;background:none;padding:0;cursor:pointer;
}
body.pbm .mod-finder.form-search .pbm-search-clear::before,
body.pbm .mod-finder.form-search .pbm-search-clear::after{
    content:"";position:absolute;left:50%;top:50%;width:20px;height:1.5px;background:var(--pb-muted);transform:translate(-50%,-50%) rotate(45deg);
}
body.pbm .mod-finder.form-search .pbm-search-clear::after{transform:translate(-50%,-50%) rotate(-45deg);}

/* табы-папки */
body.pbm .news-home-page.custom ul.tabs__nav{
    display:flex;flex-wrap:nowrap;align-items:flex-end;height:61px;margin:0;padding:0;list-style:none;position:relative;
    overflow:visible;border:0;border-radius:0;background:none;
}
body.pbm .news-home-page.custom ul.tabs__nav li{
    position:relative;display:flex;align-items:center;justify-content:center;height:32px;min-height:0;padding:5px 19px;margin:0 -8px 0 0;
    background:var(--pb-cream);border-radius:8px 8px 0 0;box-shadow:4px 2px 2px rgba(0,0,0,.53);
    font-family:var(--pb-font);font-weight:500;font-size:14px;line-height:normal;color:rgba(30,30,30,.5);
    cursor:pointer;white-space:nowrap;float:none;border:0;flex:none;top:0!important;transition:none;
}
body.pbm .news-home-page.custom ul.tabs__nav li:nth-child(1){width:34.02%;z-index:3;margin-left:0;}
body.pbm .news-home-page.custom ul.tabs__nav li:nth-child(2){width:45.1%;z-index:2;}
body.pbm .news-home-page.custom ul.tabs__nav li:nth-child(3){width:23.71%;z-index:1;margin-right:0;}
body.pbm .news-home-page.custom ul.tabs__nav li.active{height:52px;font-size:18px;color:var(--pb-text);z-index:4;background:var(--pb-cream);top:0!important;}
body.pbm .news-home-page.custom ul.tabs__nav li:hover{background:var(--pb-cream);top:0!important;}
body.pbm .news-home-page .container-vkladki::after{
    content:"";order:3;display:block;height:1px;margin:0 -16px 5px;background:var(--pb-border);
    box-shadow:0 3px 4px -2px rgba(0,0,0,.18);
}
body.pbm .news-home-page.custom .tabs__content{display:none;margin:0;padding:0;box-shadow:none;border-radius:0;background:transparent;border:0;}
body.pbm .news-home-page.custom .tabs__content.active{display:block;}
body.pbm .news-home-page .tabs__content.lenta{display:none!important;}
body.pbm .news-home-page .tabs__content > .card{margin-top:17px;}

/* =====================================================================
   Карточка новости (node 1:591) — .card
   ===================================================================== */
body.pbm .news-home-page.custom .card{
    display:flex;flex-direction:column;gap:15px;padding:0 0 20px;margin:0 0 20px;overflow:visible;min-height:0;height:auto;
    background:var(--pb-cream);border:1px solid var(--pb-cream);border-radius:10px;box-shadow:var(--pb-shadow-card);
    width:auto;float:none;
}
body.pbm .news-home-page.custom .card__header{display:flex;flex-direction:column;gap:15px;padding:0;margin:0;background:transparent;}
body.pbm .news-home-page.custom .card__meta{
    display:flex;align-items:center;gap:10px;padding:21px 10px 0 20px;margin:0;
    font-family:var(--pb-font);font-weight:500;font-size:12px;line-height:normal;color:var(--pb-muted);flex-wrap:nowrap;overflow:hidden;
}
body.pbm .news-home-page.custom .card__meta img{width:20px;height:20px;border-radius:50%;object-fit:cover;flex:none;margin:0;}
body.pbm .card__meta .author-name-custom{font-size:16px;color:var(--pb-text);white-space:nowrap;}
body.pbm .card__meta span{margin:0;padding:0;white-space:nowrap;}
body.pbm .card__meta span:nth-of-type(3){display:flex;align-items:center;gap:10px;overflow:hidden;text-overflow:ellipsis;}
body.pbm .card__meta span:nth-of-type(3)::before{content:"";flex:none;width:12px;height:10px;background:url(../images/m/ic-cat-arrow.svg) no-repeat center/contain;}
body.pbm .news-home-page.custom .card__title{margin:0;padding:0 20px;font-family:var(--pb-font);font-weight:700;font-size:18px;line-height:normal;color:var(--pb-text);}
body.pbm .news-home-page.custom .card__title a{color:var(--pb-text)!important;text-decoration:none!important;font-size:18px;font-weight:700;line-height:normal;}
body.pbm .news-home-page.custom .card__image{margin:0;padding:0;height:230px;overflow:hidden;width:100%;}
body.pbm .news-home-page.custom .card__image a{display:block;height:100%;}
body.pbm .news-home-page.custom .card__image img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0;}
body.pbm .news-home-page.custom .card__footer{display:flex;align-items:flex-start;justify-content:space-between;padding:0 20px;margin:0;background:transparent;font-size:12px;}
body.pbm .news-home-page.custom .card__footer .actions{gap:18px;}
body.pbm .news-home-page.custom .card__footer .actions span{gap:1px;}
body.pbm .news-home-page.custom .card__footer .views{gap:20px;}
body.pbm .news-home-page.custom .card__footer .views-div{gap:1px;}

/* общий ряд иконок like/comment/bookmark + eye/share */
body.pbm .actions,body.pbm .mns-footer .actions{display:flex;align-items:center;gap:18px;margin:0;padding:0 1px;}
body.pbm .views{display:flex;align-items:center;gap:20px;margin:0;padding:0;}
body.pbm .actions > *,body.pbm .views > .views-div{
    display:flex;align-items:center;gap:1px;margin:0!important;padding:0;
    font-family:var(--pb-font);font-weight:500;font-size:12px;line-height:14px;color:var(--pb-muted)!important;text-decoration:none!important;
}
body.pbm .actions img,body.pbm .views-div img,body.pbm .share-button-front{display:none!important;}
body.pbm .actions > *::before,body.pbm .views-div::before,body.pbm .share-wrapper::before{content:"";display:block;flex:none;background:no-repeat center/contain;}
body.pbm .actions > .btn-like::before,body.pbm .actions > a[class*="like"]::before{width:14.5px;height:14px;background-image:url(../images/m/ic-like.svg);}
body.pbm .actions > span::before,body.pbm .actions > .btn-comm::before,body.pbm .actions > .comms-count-custom::before{width:20px;height:15px;background-image:url(../images/m/ic-comment.svg);}
body.pbm .actions > .btn-fav::before,body.pbm .actions > a[class*="fav"]::before{width:13px;height:17px;background-image:url(../images/m/ic-bookmark.svg);}
body.pbm .actions > * > span{min-width:23px;text-align:center;display:inline-block;}
body.pbm .views-div::before{width:24px;height:14px;background-image:url(../images/m/ic-eye.svg);}
/* число просмотров: в макете (1:618) бокс фиксированный w35, как у like/comment (w23) —
   ширина не зависит от того, «213» там или «0» */
body.pbm .views-div{min-width:0;}
body.pbm .views-div{display:grid!important;grid-template-columns:24px 35px;column-gap:1px;align-items:center;
    width:60px;justify-content:start;}
body.pbm .views-div > span,body.pbm .views-div .views-count{width:35px;text-align:center;display:inline-block;}
body.pbm .share-wrapper{position:relative;display:block;width:15px;height:16px;cursor:pointer;}
body.pbm .share-wrapper::before{width:15px;height:16px;background-image:url(../images/m/ic-share.svg);}
body.pbm .share-container{position:absolute;right:0;top:22px;z-index:20;}

/* =====================================================================
   Сетка малых карточек (node 1:629) — .mod-news-grid
   ===================================================================== */
body.pbm .mod-news-grid{margin:0 0 20px;padding:0;}
body.pbm .mod-news-grid > p,body.pbm .mod-news-grid > h3{display:none;}
body.pbm .mns-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;}
body.pbm .mod-news-grid .mns-grid .mns-card-custom{
    display:flex;flex-direction:column;gap:4px;height:197px;margin:0;padding:0;width:auto;max-width:none;float:none;min-width:0;
    background:var(--pb-cream);border-radius:10px;box-shadow:var(--pb-shadow-card);overflow:hidden;
}
body.pbm .mns-card-custom .mns-img{display:block;height:112px;flex:none;border-radius:10px 10px 0 0;overflow:hidden;background:#d9d9d9;margin:0;}
body.pbm .mns-card-custom .mns-img img{width:100%;height:100%;object-fit:cover;display:block;}
body.pbm .home-news-grid-date{
    display:flex;align-items:center;gap:5px;padding:0 10px;margin:0;
    font-family:var(--pb-font);font-weight:500;font-size:12px;line-height:normal;color:var(--pb-muted);white-space:nowrap;overflow:hidden;
}
body.pbm .home-news-grid-date .home-news-single__category{color:var(--pb-muted)!important;text-decoration:none!important;overflow:hidden;text-overflow:ellipsis;font:inherit;margin:0;padding:0;}
body.pbm .home-news-grid-date .home-news-single__category::after{content:"•";margin-left:5px;font-size:10px;}
body.pbm .home-news-grid-date .home-news-single__date{margin:0;padding:0;font:inherit;color:inherit;}
body.pbm .mod-news-grid .mns-card-custom .mns-title{
    margin:0!important;padding:0 10px;height:55px;overflow:hidden;
    font-family:var(--pb-font);font-weight:700;font-size:14px;line-height:normal;color:var(--pb-text);
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;
}
body.pbm .mns-card-custom .mns-title a{color:var(--pb-text)!important;text-decoration:none!important;font:inherit;}
body.pbm .mns-card-custom .mns-footer{display:none!important;}

/* =====================================================================
   Карусель (node 1:641) — .mod-news-slider
   ===================================================================== */
body.pbm .mod-news-slider{
    position:relative;margin:0 0 20px;padding:24px 7px 14px;background:#fff;border:1px solid #fff;border-radius:10px;
    box-shadow:var(--pb-shadow-island);overflow:hidden;
}
body.pbm .mod-news-slider > h3,body.pbm .mod-news-slider > p{
    margin:0!important;padding:5px 0 0;font-family:var(--pb-font);font-weight:700;font-size:18px;line-height:22px;color:var(--pb-text);
    border-top:1px solid var(--pb-border);
}
body.pbm .mns-slider{display:flex;gap:10px;margin:21px -7px 0;padding:0 7px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;}
body.pbm .mns-slider::-webkit-scrollbar{display:none;}
body.pbm .mns-slider .slick-list{overflow:visible;width:auto;margin:0;padding:0;display:contents;}
body.pbm .mns-slider .slick-track{display:contents;transform:none!important;width:auto!important;}
body.pbm .mns-slider .slick-cloned{display:none!important;}
body.pbm .mod-news-slider .mns-slider .slick-slide{padding:0!important;}
body.pbm .mns-card{
    flex:0 0 210px!important;display:flex!important;flex-direction:column;gap:13px;width:210px!important;height:180px;margin:0!important;padding:0!important;overflow:visible;
    background:#fff;border-radius:10px;scroll-snap-align:start;float:none;
}
body.pbm .mns-card .mns-img{display:block;height:87px;border-radius:10px;overflow:hidden;background:#d9d9d9;margin:0;flex:none;}
body.pbm .mns-card .mns-img img{width:100%;height:100%;object-fit:cover;display:block;}
body.pbm .mns-card .mns-title{
    margin:0;padding:0 5px;height:34px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
    font-family:var(--pb-font);font-weight:700;font-size:14px;line-height:normal;color:var(--pb-text);
}
body.pbm .mns-card .mns-title a{color:var(--pb-text)!important;text-decoration:none!important;font:inherit;}
body.pbm .mns-card .mns-footer{padding:0 9px;margin:0;display:flex;}
body.pbm .mns-slider .slick-arrow,body.pbm .mns-slider .slick-dots{display:none!important;}

/* =====================================================================
   Список без картинок (node 1:670) — .mod-news-list
   ===================================================================== */
body.pbm .mod-news-list{margin:0 0 20px;padding:10px 0;background:var(--pb-cream);border-radius:10px;box-shadow:var(--pb-shadow-card);}
body.pbm .mod-news-list > h3,body.pbm .mod-news-list > p{display:none;}
body.pbm .mns-list{margin:0;padding:0;display:block;}
body.pbm .mns-card-list-custom{
    display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 5px;margin:0;
    border-bottom:1px solid var(--pb-border);float:none;width:auto;
}
body.pbm .mns-card-list-custom:last-child{border-bottom:0;}
body.pbm .mns-card-list-custom .mns-lsit-title{
    flex:1;margin:0;padding:6px 0;font-family:var(--pb-font);font-weight:100;font-size:14px;line-height:normal;color:var(--pb-text);
}
body.pbm .mns-card-list-custom .mns-lsit-title a{color:var(--pb-text)!important;text-decoration:none!important;font:inherit;}
body.pbm .mns-card-list-custom .list-date{display:flex;align-items:center;margin:0;padding:0;flex:none;}
body.pbm .mns-card-list-custom .home-news-list-date{display:none!important;}
body.pbm .mns-card-list-custom .btn-comm::before{width:22px;height:15px;}

/* =====================================================================
   Карточка без картинки / бизнес-лента (node 1:735) — .home-news-single
   ===================================================================== */
body.pbm .home-news-single{
    display:flex;flex-direction:column;gap:5px;margin:0 0 20px;padding:0 0 11.5px;
    background:#fff;border:.574px solid #fff;border-radius:5.742px;box-shadow:0 0 3.445px rgba(0,0,0,.15);
}
body.pbm .home-news-single__header{
    display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap;gap:5px;padding:5.742px 5.742px 5.742px 13.2px;margin:0;border-top:0;
}
body.pbm .home-news-single .pred-title-head{
    order:-1;margin:0 0 5px -13.2px;padding:11.484px 0 5px 10px;width:calc(100% + 19px);
    font-family:var(--pb-font);font-weight:300;font-size:12px;line-height:normal;color:var(--pb-muted);border-bottom:.574px solid var(--pb-border);
}
body.pbm .home-news-single__conteiner_left{display:flex;align-items:center;flex-wrap:nowrap;gap:5px;margin:0;padding:0;justify-content:flex-start;}
body.pbm .home-news-single__avatar{width:20px;height:20px;border-radius:50%;overflow:hidden;flex:none;margin:0;}
body.pbm .home-news-single__avatar img{width:100%;height:100%;object-fit:cover;display:block;}
body.pbm .home-news-single__author{font-family:var(--pb-font);font-weight:500;font-size:16px;line-height:normal;color:var(--pb-text);margin:0;padding:0;}
body.pbm .home-news-single__conteiner_rigth{display:flex;align-items:center;gap:6px;margin:0;padding:0;font-family:var(--pb-font);font-weight:500;font-size:12px;color:var(--pb-muted);}
body.pbm .home-news-single__conteiner_rigth img{width:6.89px;height:5.74px;margin:0;display:block;}
body.pbm .home-news-single__date{margin:0;padding:0;font:inherit;color:inherit;}
body.pbm .home-news-single__category{margin:0;padding:0;font:inherit;color:var(--pb-muted)!important;text-decoration:none!important;}
body.pbm .home-news-single__title{
    margin:0;padding:0 11.484px 0 12.058px;font-family:var(--pb-font);font-weight:700;font-size:18px;line-height:normal;color:var(--pb-text);
}
body.pbm .home-news-single__title a{color:var(--pb-text)!important;text-decoration:none!important;font:inherit;}
body.pbm .home-news-single__intro{
    margin:10px 0 0;padding:0 11.484px 0 12.632px;font-family:var(--pb-font);font-weight:100;font-size:14px;line-height:normal;color:var(--pb-text);
}
body.pbm .home-news-single__intro p,body.pbm .home-news-single__intro span{font:inherit!important;color:inherit!important;margin:0;}
body.pbm .home-news-single__footer{display:flex;align-items:flex-start;justify-content:space-between;padding:0 12px;margin:15px 0 0;}
body.pbm .home-news-single > a{display:block;margin:0;padding:0 12px;}
body.pbm .home-news-single > a img{width:100%;height:auto;display:block;border-radius:5px;}

/* =====================================================================
   О проекте (node 1:785) — .block-about-info
   ===================================================================== */
body.pbm .main-page.front-page{padding:0 16px!important;}
body.pbm .block-about-info{margin:0;padding:10px 0;background:#fff;border-radius:10px;}
body.pbm .block-about-info .module-block__header{margin:0 0 30px;padding:0;border:0;background:none;}
body.pbm .block-about-info .module-block__header h3{
    margin:0;padding:0;font-family:var(--pb-font);font-weight:700;font-size:40px;line-height:42px;color:var(--pb-text);text-transform:none;border:0;
}
body.pbm .block-about-info__body{margin:0;padding:0;font-family:var(--pb-font);font-weight:500;font-size:14.842px;line-height:normal;color:#000;}
body.pbm .block-about-info__body p{margin:0 0 18px;font:inherit;color:inherit;}
body.pbm .block-about-info__body p:first-child{margin:0 0 30px;}
body.pbm .block-about-info__body p:first-child img{width:124px;height:68px;display:block;}
body.pbm .block-about-info__body h2{margin:0 0 4px;padding:0;font-family:var(--pb-font);font-weight:700;font-size:18.553px;line-height:normal;color:#000;}

/* =====================================================================
   Qazaq product (node 1:803) — .mns-list.custom
   ===================================================================== */
body.pbm .mns-list.custom{
    display:flex;flex-direction:column;align-items:center;gap:11.564px;margin:30px 0 40px;padding:11.564px 11px;
    background:#fff;border-radius:3.855px;box-shadow:0 0 2.313px rgba(0,0,0,.15);
}
body.pbm .mns-list.custom > h3{
    margin:0;padding:0;width:100%;font-family:var(--pb-font);font-weight:700;font-size:14px;line-height:normal;color:var(--pb-text);text-align:left;
}
body.pbm .qazaq-prodcut-div{display:flex;flex-direction:column;gap:17px;align-items:center;width:100%;margin:0;padding:0;}
body.pbm .qazaq-product-button{display:flex;flex-direction:column;gap:5px;align-items:center;width:100%;margin:0;padding:0;}
body.pbm .qazaq-product-button img{width:100%;max-width:340px;height:auto;display:block;margin:0 auto;}
body.pbm .qazaq-product-button a{
    display:flex;align-items:center;justify-content:center;width:96.3%;height:51px;margin:0;padding:3.9px 13px;
    background:var(--pb-green);border:1.308px solid var(--pb-border);border-radius:13.082px;
    font-family:var(--pb-font);font-weight:700;font-size:31.398px;line-height:normal;color:#fff!important;text-decoration:none!important;text-transform:uppercase;
}
body.pbm .qazaq-product-text{margin:0;padding:0;width:100%;}
body.pbm .qazaq-product-text p{margin:0;font-family:var(--pb-font);font-weight:500;font-size:15px;line-height:normal;color:var(--pb-text);}
body.pbm .qazaq-product-list{width:100%;margin:0;padding:9px 4.5px;border:.452px solid var(--pb-border);border-radius:4.52px;}
body.pbm .qazaq-product-list ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:13.5px;}
body.pbm .qazaq-product-list li{display:flex;align-items:center;gap:4.5px;margin:0;padding:0;font-family:var(--pb-font);font-weight:100;font-size:14px;line-height:normal;color:var(--pb-text);}
body.pbm .qazaq-product-list li img{width:16.3px;height:16.3px;flex:none;margin:0;}

/* =====================================================================
   Футер (node 1:845)
   ===================================================================== */
body.pbm footer.footer.new{padding:24px 16px 30px;margin:0;background:var(--pb-footer);color:#a6afc7;display:block;}
body.pbm footer.footer.new .footer-container{width:auto!important;max-width:none!important;padding:0!important;margin:0!important;display:block;}
/* лого футера (у футера есть класс .clearfix, поэтому !important — иначе его гасят
   правила вида «.clearfix::before{display:none}» из партиалов страниц) */
body.pbm footer.footer.new::before{content:""!important;display:block!important;width:130px;height:71.28px;background:url(../images/m/logo.svg) no-repeat center/contain;}
body.pbm footer.footer.new .social-icons{display:flex!important;gap:14px;padding:18px 0 20px!important;justify-content:flex-start;}
body.pbm footer.footer.new .social-icons a{
    display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:18px;
    background:rgba(55,73,102,.33) no-repeat center/18px 18px;margin:0;padding:0;
}
body.pbm footer.footer.new .social-icons a img{display:none!important;}
body.pbm footer.footer.new .social-icons a:nth-child(1){background-image:url(../images/m/soc-instagram.svg);}
body.pbm footer.footer.new .social-icons a:nth-child(2){background-image:url(../images/m/soc-youtube.svg);}
body.pbm footer.footer.new .social-icons a:nth-child(3){background-image:url(../images/m/soc-telegram.svg);}
body.pbm footer.footer.new .social-icons a:nth-child(4){background-image:url(../images/m/soc-facebook.svg);}
body.pbm footer.footer.new .social-icons a:nth-child(5){background-image:url(../images/m/soc-tiktok.svg);}
body.pbm footer.footer.new [class^="footer__column"]{width:100%!important;float:none!important;margin:0!important;padding:0!important;border-top:1px solid rgba(55,73,102,.6);}
body.pbm footer.footer.new [class^="footer__column"] h3{
    position:relative;display:flex;align-items:center;justify-content:space-between;margin:0;padding:14px 0;cursor:pointer;
    font-family:var(--pb-font);font-weight:700;font-size:13.5px;line-height:16px;color:#fff;text-transform:none;
}
body.pbm footer.footer.new [class^="footer__column"] h3::after{
    content:"";width:16px;height:16px;background:url(../images/m/chevron.svg) no-repeat center/contain;transition:transform .3s ease;flex:none;
}
body.pbm footer.footer.new [class^="footer__column"].open h3::after{transform:rotate(180deg);}
body.pbm footer.footer.new [class^="footer__column"] ul{display:none;list-style:none;margin:0;padding:0 0 14px;flex-direction:column;gap:10px;}
body.pbm footer.footer.new [class^="footer__column"].open ul{display:flex;}
body.pbm footer.footer.new [class^="footer__column"] li{margin:0;padding:0;}
body.pbm footer.footer.new [class^="footer__column"] li a{font-family:var(--pb-font);font-weight:400;font-size:12.5px;line-height:14px;color:#a6afc7!important;text-decoration:none!important;}
body.pbm footer.footer.new .footer-container:last-child{padding-top:17.4px!important;}
body.pbm footer.footer.new .prava-footer,body.pbm footer.footer.new .prava-footer-2{
    display:block;margin:0;padding:0;font-family:var(--pb-font);font-weight:400;font-size:10.5px;line-height:16.8px;color:#7d87a8!important;text-decoration:none!important;
}

/* =====================================================================
   Нижняя панель КНОПКИ_mobile (node 1:1037)
   ===================================================================== */
.pbm-bottomnav{
    position:fixed;left:0;right:0;bottom:0;z-index:150;height:79px;
    display:grid;grid-template-columns:repeat(5,1fr);gap:10px;background:#f6f6f6;box-shadow:0 -6px 16px rgba(0,0,0,.28);
}
.pbm-bottomnav a{
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:5px 0;
    font-family:var(--pb-font);font-weight:300;font-size:8px;line-height:normal;color:var(--pb-muted);text-decoration:none!important;
}
.pbm-bottomnav a.active{color:var(--pb-accent);}
.pbm-bottomnav a img{display:block;height:30px;width:auto;}
.pbm-bottomnav a:nth-child(1) img{width:26.67px;height:29.33px;}
.pbm-bottomnav a:nth-child(3){gap:6px;}

/* =====================================================================
   Шапка внутренней страницы: назад + заголовок (node 1:1344)
   ===================================================================== */
/* макет 1:1344: строка «назад + заголовок» идёт через 4px после TOP BAR, высота 61 (бордер только снизу) */
.pbm-pagehead{display:flex;align-items:center;gap:19px;margin-top:4px;padding:10px 16px;border-top:0;border-bottom:0;background:#fff;position:relative;min-height:61px;box-sizing:border-box;}
/* нижняя линия NEWS — тоже 388 при x=17 (тот же замер, y=136) */
.pbm-pagehead::after{content:"";position:absolute;left:17px;right:15px;bottom:0;height:1px;background:var(--pb-border);}
.pbm-pagehead__back{width:40px;height:40px;flex:none;display:block;}
.pbm-pagehead__back img{width:40px;height:40px;display:block;}
.pbm-pagehead__title{font-family:var(--pb-font-black);font-weight:900;font-size:20px;line-height:normal;color:var(--pb-text);text-transform:uppercase;}

/* =====================================================================
   Модалка входа (node 1:3084) — #login-modal-form
   ===================================================================== */
body.pbm #login-modal-form.modal{position:fixed;top:0;left:0;right:0;bottom:0;width:auto!important;margin:0!important;padding:60px 16px 0;overflow-y:auto;background:rgba(20,25,35,.45);}
body.pbm #login-modal-form.modal.fade.in{box-shadow:none;}
body.pbm #login-modal-form .modal-dialog{width:auto!important;max-width:385px;margin:0 auto;}
body.pbm #login-modal-form .modal-content{
    display:flex;flex-direction:column;gap:15px;padding:15px;border-radius:27px;background:#fff;border:0;box-shadow:0 4px 30px rgba(0,0,0,.2);
}
body.pbm #login-modal-form .modal-header{
    position:relative;display:flex;align-items:center;padding:10px;margin:0;border:0;min-height:0;
    font-family:var(--pb-font-black);font-weight:900;font-size:20px;line-height:normal;color:var(--pb-accent);
}
body.pbm #login-modal-form .modal-header .close{position:absolute;right:0;top:0;width:36px;height:36px;border-radius:18px;background:var(--pb-light);opacity:1;font-size:24px;line-height:36px;color:var(--pb-text);margin:0;padding:0;border:0;text-shadow:none;}
body.pbm #login-modal-form .modal-body{padding:0;margin:0;display:flex;flex-direction:column;gap:15px;}
body.pbm #login-modal-form form#login-form{display:flex;flex-direction:column;gap:15px;margin:0;}
body.pbm #login-modal-form #form-login-username,body.pbm #login-modal-form #form-login-password{margin:0;padding:0;position:relative;}
body.pbm #login-modal-form #form-login-username{margin-bottom:-5px;}
body.pbm #login-modal-form input.inputbox,
body.pbm .jlslogin #modlgn-passwd.inputbox,
body.pbm .jlslogin #modlgn-username.inputbox{
    width:100%!important;height:36px!important;margin:0;padding:10px;border:1px solid var(--pb-border)!important;border-radius:8px!important;background:#fff;box-shadow:none;
    font-family:var(--pb-font);font-weight:300;font-size:13px;line-height:normal;color:var(--pb-text);
}
body.pbm #login-modal-form input.inputbox::placeholder{color:var(--pb-muted);}
body.pbm #login-modal-form #form-login-username,body.pbm #login-modal-form #form-login-password{position:relative;}
body.pbm #login-modal-form #form-login-username::after,body.pbm #login-modal-form #form-login-password::after{
    content:"";position:absolute;right:10px;top:50%;width:20px;height:12.5px;transform:translateY(-50%);background:url(../images/m/eye.svg) no-repeat center/contain;pointer-events:none;
}
body.pbm #login-modal-form input.inputbox{padding-right:40px;}
body.pbm #login-modal-form .modal-header .close{display:none;}
body.pbm #login-modal-form #slogin-buttons{display:flex!important;flex-direction:row;gap:12px;overflow:visible;}
body.pbm #login-modal-form #slogin-buttons a{display:block;width:34px!important;height:34px!important;margin:0!important;padding:0;float:none!important;}
body.pbm #login-modal-form #slogin-buttons a[title="Google"]{order:1;}
body.pbm #login-modal-form #slogin-buttons a[title="Facebook"]{order:2;}
body.pbm #login-modal-form #slogin-buttons a[title="Twitter"]{order:3;}
body.pbm #login-modal-form #slogin-buttons a[title="Одноклассники"]{display:none!important;}
body.pbm #login-modal-form.modal.in{background:rgba(20,25,35,.45)!important;top:0!important;left:0!important;height:100%!important;}
body.pbm #login-modal-form #slogin-buttons span{display:block;width:34px!important;height:34px!important;background:no-repeat center/contain!important;}
body.pbm #login-modal-form #slogin-buttons .googleslogin{background-image:url(../images/m/soc-login-google.png)!important;}
body.pbm #login-modal-form #slogin-buttons .facebookslogin{background-image:url(../images/m/soc-login-facebook.png)!important;}
body.pbm #login-modal-form #slogin-buttons .twitterslogin{background-image:url(../images/m/soc-login-x.png)!important;}
body.pbm #login-modal-form .link-forgot-password{
    display:block;width:100%;text-align:left!important;justify-content:flex-start;
    font-family:var(--pb-font);font-weight:300;font-size:13px;color:var(--pb-muted)!important;text-decoration:underline!important;margin:0;
}
body.pbm #login-modal-form input.btn-login{
    width:100%;height:auto;margin:0;padding:8px 20px;border:0;border-radius:8px;background:var(--pb-accent);
    font-family:var(--pb-font);font-weight:700;font-size:17.067px;line-height:normal;color:#fff;cursor:pointer;
}
body.pbm #login-modal-form .pbm-register-btn{
    display:flex;align-items:center;justify-content:center;width:100%;padding:8px 20px;border:1px solid var(--pb-accent);border-radius:8px;
    font-family:var(--pb-font);font-weight:700;font-size:17.067px;line-height:normal;color:var(--pb-accent)!important;text-decoration:none!important;background:#fff;
}
body.pbm #login-modal-form .sing-social-title{margin:0;padding:0;font-family:var(--pb-font);font-weight:300;font-size:13px;color:var(--pb-text);}
body.pbm #login-modal-form #slogin-buttons{display:flex;gap:10px;margin:0;padding:0;}
body.pbm #login-modal-form #slogin-buttons a{margin:0;}
body.pbm #login-modal-form #slogin-buttons span{display:block;width:34px;height:34px;}

/* Модалка «А зачем регистрироваться» */
body.pbm #login-modal-info .modal-dialog{width:auto;margin:60px 16px;}
body.pbm #login-modal-info .modal-content{border-radius:27px;padding:15px;}

/* =====================================================================
   Служебное
   ===================================================================== */
body.pbm #system-message-container{margin:0 0 10px;}
body.pbm .pbm-hidden{display:none!important;}
/* Кнопка «Показать ещё» (макет 1:1480 / 1:1877): в blog_news.php она уже реализована
   (#show-more с AJAX-догрузкой) и выводится, когда материалов в категории больше лимита.
   Сейчас записей мало, поэтому её нет в DOM — стили готовы к моменту появления. */
body.pbm .pagination{display:flex;justify-content:center;margin:19px 0 0;padding:0;background:none;border:0;}
body.pbm #show-more,body.pbm .pagination button{
    display:flex;align-items:center;justify-content:center;width:180px;height:39px;margin:0;padding:10px;
    background:#fff;border:0;border-radius:10px;box-shadow:var(--pb-shadow-card);cursor:pointer;
    font-family:var(--pb-font);font-weight:500;font-size:16px;line-height:normal;color:var(--pb-text);text-align:center;
}
body.pbm #show-more:active,body.pbm .pagination button:active{background:var(--pb-light);}
/* Debug-бар Joomla (плагин «Отладка» включён в проде) фиксирован снизу с z-index 10000
   и перекрывает нижнюю панель. На мобиле убираем; правильное решение — выключить плагин. */
body.pbm .phpdebugbar,body.pbm .phpdebugbar-openhandler{display:none!important;}
/* Прелоадер сайта скрывается скриптом. Если JS не отработал (отключён, ошибка, медленная сеть),
   на мобиле оставался пустой экран с крутилкой — страхуем чистым CSS. */
body.pbm #preloader{animation:pbmPreloaderOff 0s linear 4s forwards;}
@keyframes pbmPreloaderOff{to{opacity:0;visibility:hidden;}}
/* длинные названия/ссылки не должны рвать сетку */
body.pbm .companies-item_title_link,body.pbm .companies-item_title{white-space:normal!important;overflow-wrap:anywhere;word-break:break-word;}
/* Google Maps рисует абсолютные слои шире контейнера (на сайте карта не грузится: BillingNotEnabledMapError) */
body.pbm .gm-style,body.pbm [id*="map"]>.gm-style{overflow:hidden;max-width:100%;}
body.pbm .main-page .gm-style{max-width:100%;}

/* Системные сообщения Joomla (<joomla-alert>) на сайте не инициализируются и висят display:none —
   пользователь не видит ни ошибок валидации, ни «нет доступа». Фолбэк рисует их сам (см. mobile.js). */
body.pbm .pbm-alert{
    display:flex;gap:10px;align-items:flex-start;margin:0 0 14px;padding:12px 14px;border-radius:8px;
    border:1px solid var(--pb-border);background:var(--pb-light);
    font-family:var(--pb-font);font-weight:500;font-size:13px;line-height:1.4;color:var(--pb-text);
}
body.pbm .pbm-alert--danger{border-color:#f3c2c2;background:#fdecec;color:#8a1f1f;}
body.pbm .pbm-alert--success{border-color:#bfe3cd;background:#eaf7ef;color:#1c6b3a;}
body.pbm .pbm-alert--warning{border-color:#f3ddb5;background:#fdf5e6;color:#7a5310;}
body.pbm .pbm-alert__close{margin-left:auto;flex:none;width:20px;height:20px;border:0;background:none;font-size:18px;line-height:1;color:inherit;opacity:.6;cursor:pointer;}

/* =====================================================================
   Формы на страницах, которых нет в макете (Контакты, поиск, сброс пароля…)
   Стиль полей взят из макета РЕГИСТРАЦИЯ (1:2593). Страницы, у которых есть
   свой партиал mobile-<page>.css, исключены — там свои точные правила.
   ===================================================================== */
body.pbm:not(.pbm-page-registration):not(.pbm-page-login):not(.pbm-page-add-company):not(.pbm-page-add-post):not(.pbm-page-profile-edit):not(.pbm-page-companies):not(.pbm-page-blogs) .main-page input[type="text"],
body.pbm:not(.pbm-page-registration):not(.pbm-page-login):not(.pbm-page-add-company):not(.pbm-page-add-post):not(.pbm-page-profile-edit):not(.pbm-page-companies):not(.pbm-page-blogs) .main-page input[type="email"],
body.pbm:not(.pbm-page-registration):not(.pbm-page-login):not(.pbm-page-add-company):not(.pbm-page-add-post):not(.pbm-page-profile-edit):not(.pbm-page-companies):not(.pbm-page-blogs) .main-page input[type="tel"],
body.pbm:not(.pbm-page-registration):not(.pbm-page-login):not(.pbm-page-add-company):not(.pbm-page-add-post):not(.pbm-page-profile-edit):not(.pbm-page-companies):not(.pbm-page-blogs) .main-page input[type="password"],
body.pbm:not(.pbm-page-registration):not(.pbm-page-login):not(.pbm-page-add-company):not(.pbm-page-add-post):not(.pbm-page-profile-edit):not(.pbm-page-companies):not(.pbm-page-blogs) .main-page select,
body.pbm:not(.pbm-page-registration):not(.pbm-page-login):not(.pbm-page-add-company):not(.pbm-page-add-post):not(.pbm-page-profile-edit):not(.pbm-page-companies):not(.pbm-page-blogs) .main-page textarea{
    width:100%!important;max-width:100%!important;box-sizing:border-box;margin:0 0 10px;padding:10px;
    border:1px solid var(--pb-border);border-radius:8px;background:#fff;box-shadow:none;
    font-family:var(--pb-font);font-weight:500;font-size:13px;line-height:normal;color:var(--pb-text);
}
body.pbm:not(.pbm-page-registration):not(.pbm-page-login):not(.pbm-page-add-company):not(.pbm-page-add-post):not(.pbm-page-profile-edit):not(.pbm-page-companies):not(.pbm-page-blogs) .main-page input[type="text"],
body.pbm:not(.pbm-page-registration):not(.pbm-page-login):not(.pbm-page-add-company):not(.pbm-page-add-post):not(.pbm-page-profile-edit):not(.pbm-page-companies):not(.pbm-page-blogs) .main-page input[type="email"],
body.pbm:not(.pbm-page-registration):not(.pbm-page-login):not(.pbm-page-add-company):not(.pbm-page-add-post):not(.pbm-page-profile-edit):not(.pbm-page-companies):not(.pbm-page-blogs) .main-page select{height:40px;}
body.pbm:not(.pbm-page-registration):not(.pbm-page-login):not(.pbm-page-add-company):not(.pbm-page-add-post):not(.pbm-page-profile-edit):not(.pbm-page-companies):not(.pbm-page-blogs) .main-page textarea{min-height:120px;resize:vertical;}
body.pbm:not(.pbm-page-registration):not(.pbm-page-login):not(.pbm-page-add-company):not(.pbm-page-add-post):not(.pbm-page-profile-edit):not(.pbm-page-companies):not(.pbm-page-blogs) .main-page input::placeholder,
body.pbm:not(.pbm-page-registration):not(.pbm-page-login):not(.pbm-page-add-company):not(.pbm-page-add-post):not(.pbm-page-profile-edit):not(.pbm-page-companies):not(.pbm-page-blogs) .main-page textarea::placeholder{color:var(--pb-muted);}
body.pbm:not(.pbm-page-registration):not(.pbm-page-login):not(.pbm-page-add-company):not(.pbm-page-add-post):not(.pbm-page-profile-edit):not(.pbm-page-companies):not(.pbm-page-blogs) .main-page button[type="submit"],
body.pbm:not(.pbm-page-registration):not(.pbm-page-login):not(.pbm-page-add-company):not(.pbm-page-add-post):not(.pbm-page-profile-edit):not(.pbm-page-companies):not(.pbm-page-blogs) .main-page input[type="submit"],
body.pbm:not(.pbm-page-registration):not(.pbm-page-login):not(.pbm-page-add-company):not(.pbm-page-add-post):not(.pbm-page-profile-edit):not(.pbm-page-companies):not(.pbm-page-blogs) .main-page .btn-primary{
    display:block;width:100%;height:auto;margin:6px 0 0;padding:11px 20px;border:0;border-radius:8px;background:var(--pb-accent);
    font-family:var(--pb-font);font-weight:700;font-size:16px;line-height:normal;color:#fff;text-align:center;cursor:pointer;
}
/* типографика — только внутри контентных областей Joomla (не в модулях главной,
   у них свои точные правила выше по файлу) */
body.pbm .main-page .item-page,body.pbm .main-page .contact,body.pbm .main-page .categories-list,
body.pbm .main-page .search,body.pbm .main-page .reset,body.pbm .main-page .remind,
body.pbm .main-page .com-users-login,body.pbm .main-page .com-users-profile{
    font-family:var(--pb-font);font-size:14px;line-height:1.45;color:var(--pb-text);
}
body.pbm .main-page .item-page h1,body.pbm .main-page .contact h1,body.pbm .main-page .categories-list h1,
body.pbm .main-page .search h1,body.pbm .main-page .reset h1,body.pbm .main-page .remind h1{
    font-family:var(--pb-font);font-weight:700;font-size:20px;line-height:normal;color:var(--pb-text);margin:0 0 14px;
}
body.pbm .main-page .item-page h2,body.pbm .main-page .contact h2{
    font-family:var(--pb-font);font-weight:700;font-size:18px;line-height:normal;color:var(--pb-text);margin:0 0 10px;
}
/* поле поиска (мод. Smart Search) не должно попадать под общие стили форм:
   белый фон и рамка перекрывали лупу с надписью «ПОИСК» */
body.pbm .mod-finder.form-search input.form-control,
body.pbm .custom-smart-search-wrapper input.js-finder-search-query{
    background:transparent!important;border:0!important;height:31px!important;border-radius:0!important;padding:0 40px 0 28px!important;
}
body.pbm .mod-finder.form-search label.finder{z-index:2;}
body.pbm .main-page label{font-family:var(--pb-font);font-weight:500;font-size:12px;line-height:normal;color:var(--pb-muted);display:block;margin:0 0 6px;}
body.pbm .main-page .control-group{margin:0 0 12px;}
body.pbm .main-page .control-label{float:none;width:auto;}
body.pbm .main-page .controls{margin:0;}
body.pbm .main-page table{max-width:100%;display:block;overflow-x:auto;}
body.pbm .main-page img{max-width:100%;height:auto;}
body.pbm .main-page iframe{max-width:100%;}

/* ---------------------------------------------------------------------
   Узлы из PHP под макет: дата в компактной карточке (1:1491), тип публикации
   в шапке большой карточки (1:1557), счётчик просмотров в .repost (1:1597).
   --------------------------------------------------------------------- */
body.pbm .pbm-only{display:inline-flex!important;}
body.pbm p.pbm-only{display:block!important;}
body.pbm .news-meta-date{font-family:var(--pb-font);font-weight:500;font-size:12px;color:var(--pb-muted);white-space:nowrap;}
body.pbm .news-meta--type{margin:0;font-family:var(--pb-font);font-weight:100;font-size:12px;line-height:normal;color:var(--pb-muted);}
body.pbm .news-meta--type .news-type{font:inherit;color:inherit;}
body.pbm .lenta-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;}
body.pbm .repost{display:flex;align-items:center;gap:20px;}
body.pbm .repost .views-div{display:inline-flex!important;align-items:center;gap:1px;}
body.pbm .repost .views-div .views-icon{width:24px;height:14px;flex:none;display:block;}
body.pbm .repost .views-div .views-count{font-family:var(--pb-font);font-weight:500;font-size:12px;line-height:14px;color:var(--pb-muted);text-align:center;}

/* кикер «Бизнес-лента» над карточкой главной (1:736) + разделитель (1:738) */
body.pbm .home-news-single__kicker{
    display:block!important;padding:11.484px 0 0 10px;
    font-family:var(--pb-font);font-weight:100;font-size:12px;line-height:16.651px;color:var(--pb-muted);
}
body.pbm .home-news-single__kicker::after{
    content:"";display:block;width:385.852px;height:.58px;margin:10.5px 0 0 -10px;background:var(--pb-border);
}

/* карточка ленты: кикер-рубрика (1:1708) + разделитель (1:1710) + анонс (1:1727) */
body.pbm .card.lenta-card .card__kicker{
    display:block!important;padding:11.484px 0 0 10px;
    font-family:var(--pb-font);font-weight:100;font-size:12px;line-height:16.651px;color:var(--pb-muted);
}
body.pbm .card.lenta-card .card__kicker::after{
    content:"";display:block;width:385.852px;height:.58px;margin:10.5px 0 0 -10px;background:var(--pb-border);
}
body.pbm .card.lenta-card .card__intro{
    display:block!important;margin:5px 0 0;padding:0 11.484px 0 12.632px;
    font-family:var(--pb-font);font-weight:100;font-size:12px;line-height:14px;color:var(--pb-text);
}

/* ---------------------------------------------------------------------
   Блоки, импортированные в макет с десктопного сайта (TOP BAR, строка
   поиска, футер), набраны Arial — воспроизводим буквально.
   Проверка: ink-ширина пунктов футера в макете 158/141/141/162,
   Arial 400 даёт 159.2/141.5/140.9/161.7, Museo 400 — 163.5/146.3/146.4/169.7.
   --------------------------------------------------------------------- */
body.pbm .pbm-topbar__lang,body.pbm .pbm-topbar__lang *,
body.pbm .pbm-login,body.pbm .pbm-login *{font-family:var(--pb-font-import)!important;}
body.pbm .mod-finder.form-search label.finder,
body.pbm .mod-finder.form-search input.form-control{font-family:var(--pb-font-import)!important;}
body.pbm footer.footer.new,body.pbm footer.footer.new *{font-family:var(--pb-font-import)!important;}

/* Футер в макете — 418px при x=1 (чистый белый на x=0 и x=419, тёмный #26344a на x 1…418
   в каждой проверенной строке скрина m-1-1123-novosti.png). Воспроизведено буквально.
   Если заказчик сочтёт полоски по 1px погрешностью импорта — снимается этой одной строкой. */
body.pbm footer.footer.new{margin-left:1px!important;margin-right:1px!important;width:calc(100% - 2px)!important;}

/* =====================================================================
   Правки по второй волне сверки (экраны vhod, menyu, press-reliz, кабинет)
   ===================================================================== */

/* --- ВХОД (1:3084), модалка #login-modal-form ------------------------ */
body.pbm #login-modal-form .link-forgot-password{line-height:16px;}
body.pbm #login-modal-form .sing-social-title{text-align:left;line-height:16px;}
body.pbm #login-modal-form .sing-social-title:before{display:none;}
body.pbm #login-modal-form input.inputbox::placeholder,
body.pbm #login-modal-form input.inputbox::-webkit-input-placeholder{
    font-family:var(--pb-font);font-weight:300;font-size:13px;line-height:normal;color:var(--pb-muted);opacity:1;
}
body.pbm .jlslogin #login-modal-form input.inputbox{padding:10px 40px 10px 10px;}
body.pbm #login-modal-form #slogin-buttons{gap:12px;}
body.pbm #login-modal-form input.btn-login,
body.pbm #login-modal-form .pbm-register-btn{font-family:var(--pb-font-import);font-weight:700;}
body.pbm #login-modal-form input.btn-login{text-align:center;}
body.pbm #login-modal-form .pbm-register-btn{background:transparent;}
body.pbm #login-modal-form .modal-content{text-align:left;overflow:hidden;}

/* --- Переключатель языка «RU» (1:1907 / 1:3458 / 1:4209 / 1:4023) ----
   шапка импортирована с десктопа и набрана Arial целиком; мёртвый селектор
   .pbm-topbar__lang в разметке отсутствует, реальный — .pbm-lang */
body.pbm .pbm-lang,body.pbm .pbm-lang *{font-family:var(--pb-font-import)!important;}

/* --- МЕНЮ (1:3011) --------------------------------------------------- */
body.pbm .pbm-drawer__list a{font-weight:400;white-space:nowrap;}
body.pbm .pbm-drawer__list a img[src$="i-user.svg"]{padding:1.5px;}
body.pbm .pbm-drawer__list a img[src$="pq.png"]{padding:0 1px;}
/* разделители ровно как в макете (пиксельная проверка m-1-3011-menyu.png:
   линии на y 153.3/206.3/311.3/363.3/415.3 — под «Новости» разделителя нет,
   у двух последних пунктов линия нарисована внутрь и высоту не добавляет) */
body.pbm .pbm-drawer__list li:nth-child(3),
body.pbm .pbm-drawer__list li:nth-child(4),
body.pbm .pbm-drawer__list li:nth-child(5){border-bottom:0;}
body.pbm .pbm-drawer__list li:nth-child(5) a,
body.pbm .pbm-drawer__list li:nth-child(6) a{box-shadow:inset 0 1px 0 var(--pb-border);}
} /* /media */
