/* =====================================================================
   PROBUSINESS — mobile: /news — список новостей (Figma НОВОСТИ_mobile 1:1123)
   Скоуп: body.pbm.pbm-page-news. Базовые токены и блоки — css/mobile.css.
   Порядок макета: поиск → чипы → табы → горизонтальные карточки →
   большая (featured) → пост с автором (.card) → сетка → карусель →
   список → пост без картинки.
   ===================================================================== */
@media (max-width:1085px){

/* =====================================================================
   Каркас страницы
   ===================================================================== */
/* на /news в макете нет ряда категорийных кнопок, шапка сразу под TOP BAR */
body.pbm.pbm-page-news .header-buttons.custom{display:none!important;}
body.pbm.pbm-page-news .pbm-pagehead{margin-top:-1px;}

/* заголовок категории дублирует .pbm-pagehead */
body.pbm.pbm-page-news .main-page .content_block > .blog > h2.mainheading{display:none!important;}
body.pbm.pbm-page-news #system-message-container{margin:0;}

body.pbm.pbm-page-news .main-page .content_block > .blog{
    display:flex;flex-direction:column;align-items:stretch;margin:0;padding:0;width:auto;float:none;
}
body.pbm.pbm-page-news .main-page .content_block.column-left{border-right:0!important;}
body.pbm.pbm-page-news .main-page .content_block > .blog > *{margin:0 0 20px!important;float:none;width:auto;}
body.pbm.pbm-page-news .main-page .content_block > .blog > .news-vkladki-custom.serch{margin:0!important;}
body.pbm.pbm-page-news .main-page .content_block > .blog > .pbm-chips{margin:-9px -16px 0 -14px!important;}
body.pbm.pbm-page-news .main-page .content_block > .blog > .pbm-news-feed{margin:17px 0 20px!important;}
body.pbm.pbm-page-news .main-page .content_block > .blog > .news-home-page:has(.container-vkladki){margin:17px 0 20px!important;}
body.pbm.pbm-page-news .main-page .content_block > .blog > .home-news-single{margin:0 0 40px!important;}

/* порядок блоков (JS расставляет классы; :has() — подстраховка) */
body.pbm.pbm-page-news .blog > .news-vkladki-custom.serch{order:1;}
body.pbm.pbm-page-news .blog > .pbm-chips{order:2;}
body.pbm.pbm-page-news .blog > .pbm-news-feed,
body.pbm.pbm-page-news .blog > .news-home-page:has(.container-vkladki){order:3;}
body.pbm.pbm-page-news .blog > .pbm-news-post,
body.pbm.pbm-page-news .blog > .news-home-page:has(> .tabs__content[data-tab="best"]){order:4;}
body.pbm.pbm-page-news .blog > .mod-news-grid{order:5;}
body.pbm.pbm-page-news .blog > .mod-news-slider{order:6;}
body.pbm.pbm-page-news .blog > .mod-news-list{order:7;}
body.pbm.pbm-page-news .blog > .home-news-single{order:8;}

/* =====================================================================
   3. SEARCH BEFORE FEED (node 1:1350) — .news-vkladki-custom.serch
   JS переносит блок из .container-vkladki в начало .blog
   ===================================================================== */
body.pbm.pbm-page-news .news-vkladki-custom.serch{
    display:block!important;width:100%!important;margin:0!important;padding:16px 0!important;
    float:none;border:0;background:none;
}
body.pbm.pbm-page-news .news-vkladki-custom.serch .custom-smart-search-wrapper{width:100%;margin:0;padding:0;}
body.pbm.pbm-page-news .news-vkladki-custom.serch .mod-finder.form-search{width:100%!important;height:56px;}
/* лупа: базовый label.finder::before на этой странице перекрывается инпутом — рисуем на самой форме */
body.pbm.pbm-page-news .custom-smart-search-wrapper .mod-finder.form-search{position:relative;}
body.pbm.pbm-page-news .custom-smart-search-wrapper .mod-finder.form-search::before{
    content:"";position:absolute;left:16px;top:50%;margin-top:-9px;width:18px;height:18px;z-index:3;pointer-events:none;
    background:url(/templates/moneyhouse_new/images/m/search.svg) no-repeat center/contain;
}
body.pbm.pbm-page-news .mod-finder.form-search label.finder::before{content:none!important;}
body.pbm.pbm-page-news .custom-smart-search-wrapper .mod-finder.form-search label.finder{left:44px;gap:0;font-weight:400;}

/* =====================================================================
   4. Лента чипов-категорий (node 1:1386) — .news-cat-slider в обёртке .pbm-chips
   ===================================================================== */
body.pbm.pbm-page-news .pbm-chips{
    position:relative;margin:-9px -16px 0 -14px;padding:0;height:39px;overflow:hidden;
}
body.pbm.pbm-page-news .pbm-chips .news-cat-slider{
    display:flex!important;align-items:center!important;gap:10px;height:39px;margin:0!important;padding:0 34px 0 0;
    overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;
}
body.pbm.pbm-page-news .pbm-chips .news-cat-slider::-webkit-scrollbar{display:none;width:0;height:0;}
body.pbm.pbm-page-news .pbm-chips .col4x{
    flex:none;display:block;width:auto;min-width:0;max-width:none;margin:0;padding:0;float:none;text-align:left;
}
body.pbm.pbm-page-news .pbm-chips .col4x h3.page-header{
    margin:0;padding:0;border:0;background:none;font:inherit;line-height:normal;text-align:left;
}
body.pbm.pbm-page-news .pbm-chips .col4x h3.page-header a{
    display:block;margin:0;padding:10px 20px;border:0;border-radius:10px;background:rgba(225,229,234,0);
    font-family:var(--pb-font);font-weight:700;font-size:16px;line-height:19px;color:var(--pb-text)!important;
    text-decoration:none!important;white-space:nowrap;text-transform:none;
}
body.pbm.pbm-page-news .pbm-chips__arrow{
    position:absolute;top:50%;margin-top:-10px;width:20px;height:20px;padding:0;border:0;cursor:pointer;z-index:3;
    border-radius:50%;background:#fff url(/templates/moneyhouse_new/images/m/chips-arrow.svg) no-repeat center/6.3px 11px;
    box-shadow:0 0 12px 2px rgba(0,0,0,.15);
}
body.pbm.pbm-page-news .pbm-chips__arrow--right{right:21px;}
body.pbm.pbm-page-news .pbm-chips__arrow--left{left:4px;transform:rotate(180deg);}
body.pbm.pbm-page-news .pbm-chips.at-start .pbm-chips__arrow--left{display:none;}
body.pbm.pbm-page-news .pbm-chips.at-end .pbm-chips__arrow--right{display:none;}

/* =====================================================================
   5. Табы-«закладки» (node 1:1334) — .container-vkladki.news-page
   На сайте 2 таба вместо 3 → ширины поделены пропорционально (57 / 43)
   ===================================================================== */
body.pbm.pbm-page-news .news-home-page.custom.news{padding:0;}
body.pbm.pbm-page-news .container-vkladki.news-page{
    display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;
    margin:0!important;padding:0;border:0!important;
}
body.pbm.pbm-page-news .news-vkladki-custom.blog{order:2;width:100%;margin:0;padding:0;float:none;display:block;}
body.pbm.pbm-page-news .news-home-page.custom ul.tabs__nav{height:56px;}
body.pbm.pbm-page-news .news-home-page.custom ul.tabs__nav li{width:auto;}
body.pbm.pbm-page-news .news-home-page.custom ul.tabs__nav li:nth-child(1),
body.pbm.pbm-page-news .news-home-page.custom ul.tabs__nav li:not(.active){width:43%;}
body.pbm.pbm-page-news .news-home-page.custom ul.tabs__nav li.active{width:57%;}
body.pbm.pbm-page-news .news-home-page.custom ul.tabs__nav li:last-child{margin-right:0;}

/* панель ленты под линией */
body.pbm.pbm-page-news .news-home-page.custom.news .tabs__content.news{
    border-radius:0;box-shadow:none;background:transparent;border:0;margin:0;padding:0;
}
body.pbm.pbm-page-news .news-home-page.custom.news .tabs__content.news.active{padding:11px 0 0;border-radius:0;}
body.pbm.pbm-page-news .vkladka-news-new{margin:0;padding:0;}
body.pbm.pbm-page-news .news-small-list{display:none!important;}

/* =====================================================================
   6.1 «8 новостей» — горизонтальные карточки (node 1:1128) — .news-medium
   6.2 Большая карточка — .news-featured (порядок: мелкие → большая)
   ===================================================================== */
body.pbm.pbm-page-news .news-grid{display:flex;flex-direction:column;gap:20px;margin:0;padding:0;}
body.pbm.pbm-page-news .news-medium-list{
    order:1;flex:none;display:flex;flex-direction:column;gap:23.815px;margin:0;padding:0;width:auto;
}
body.pbm.pbm-page-news .news-medium{
    display:flex;flex-direction:row;align-items:stretch;gap:17.862px;width:100%;height:161.55px;margin:0;padding:0;
    background:var(--pb-cream)!important;border:0;border-radius:11.908px;box-shadow:0 0 7.145px rgba(0,0,0,.15);overflow:hidden;
}
body.pbm.pbm-page-news .news-medium > a{flex:none;display:block;width:142.892px;height:100%;margin:0;padding:0;overflow:hidden;}
body.pbm.pbm-page-news .news-medium > a img{
    display:block;width:100%;height:100%;max-width:none;min-height:0;object-fit:cover;
    border-radius:11.908px 0 0 11.908px;background:#d9d9d9;
}
body.pbm.pbm-page-news .news-medium .text{
    flex:1;min-width:0;display:block;margin:0;padding:11.908px 6px 11.908px 0;overflow:hidden;
}
body.pbm.pbm-page-news .news-medium .text .news-meta{
    margin:0 0 5.954px;padding:0;font-family:var(--pb-font);font-weight:500;font-size:12px;line-height:14px;color:var(--pb-muted);
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
body.pbm.pbm-page-news .news-medium .text .news-meta a{color:var(--pb-muted)!important;text-decoration:none!important;font:inherit;}
body.pbm.pbm-page-news .news-medium .text h4{
    margin:0;padding:0;overflow:hidden;
    font-family:var(--pb-font);font-weight:700;font-size:18px;line-height:22.5px;color:var(--pb-text);
    display:-webkit-box!important;-webkit-line-clamp:5;-webkit-box-orient:vertical;
}
body.pbm.pbm-page-news .news-medium .text h4 a{color:var(--pb-text)!important;text-decoration:none!important;font:inherit;}

/* большая карточка ленты: мета → заголовок → картинка 230 → реакции */
body.pbm.pbm-page-news .news-featured{
    order:2;flex:none;position:relative;display:flex;flex-direction:column;gap:15px;
    width:100%;max-width:none;min-width:0;margin:0;padding:0 0 20px;
    background:var(--pb-cream);border:1px solid var(--pb-cream);border-radius:10px;box-shadow:var(--pb-shadow-card);overflow:visible;
}
body.pbm.pbm-page-news .news-featured > .item__label{display:none!important;}
body.pbm.pbm-page-news .news-featured::before{display:none!important;content:none!important;}
body.pbm.pbm-page-news .news-featured > a{order:3;display:block;width:100%;height:230px;margin:0;padding:0;overflow:hidden;}
body.pbm.pbm-page-news .news-featured > a img.img-fut{
    display:block;width:100%;height:100%;min-height:0;max-width:none;object-fit:cover;border-radius:0;
}
body.pbm.pbm-page-news .news-featured .futered-content{display:contents;}
body.pbm.pbm-page-news .news-featured .news-meta{
    order:1;margin:0;padding:21px 20px 0;
    font-family:var(--pb-font);font-weight:500;font-size:12px;line-height:14px;color:var(--pb-muted);
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
body.pbm.pbm-page-news .news-featured .news-meta a{color:var(--pb-muted)!important;text-decoration:none!important;font:inherit;}
body.pbm.pbm-page-news .news-featured h3{
    order:2;margin:0;padding:0 20px;min-height:0;max-height:none;
    font-family:var(--pb-font);font-weight:700;font-size:18px;line-height:normal;color:var(--pb-text);
}
body.pbm.pbm-page-news .news-featured h3 a{color:var(--pb-text)!important;text-decoration:none!important;font:inherit;}
body.pbm.pbm-page-news .news-featured .actions{
    order:4;display:flex;align-items:flex-start;justify-content:space-between;gap:0;margin:0;padding:0 20px;
}
/* внутри .news-featured .actions иконки лежат на уровень глубже — базовые ::before гасим */
body.pbm.pbm-page-news .news-featured .actions > *::before{content:none!important;display:none!important;}

/* ряд реакций «1» внутри .main-action (node 1:602) */
body.pbm.pbm-page-news .main-action{display:flex;align-items:center;gap:18px;margin:0;padding:0 1px;}
body.pbm.pbm-page-news .main-action > *{
    display:flex;align-items:center;gap:1px;margin:0!important;padding:0;border:0;background:none;
    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.pbm-page-news .main-action img{display:none!important;}
body.pbm.pbm-page-news .main-action > *::before{content:"";display:block;flex:none;background:no-repeat center/contain;}
body.pbm.pbm-page-news .main-action > .btn-like::before{width:14.5px;height:14px;background-image:url(/templates/moneyhouse_new/images/m/ic-like.svg);}
body.pbm.pbm-page-news .main-action > .btn-comm::before{width:20px;height:15px;background-image:url(/templates/moneyhouse_new/images/m/ic-comment.svg);}
body.pbm.pbm-page-news .main-action > .btn-fav::before{width:13px;height:17px;background-image:url(/templates/moneyhouse_new/images/m/ic-bookmark.svg);}
body.pbm.pbm-page-news .main-action > * > span{min-width:23px;text-align:center;display:inline-block;}
body.pbm.pbm-page-news .news-featured .repost{display:flex;align-items:center;margin:0;padding:0;}

/* =====================================================================
   6.2 Пост с автором (node 1:1193) — .card во втором .news-home-page
   ===================================================================== */
body.pbm.pbm-page-news .news-home-page.custom.news.pbm-news-post{margin:0 0 20px!important;}
body.pbm.pbm-page-news .news-home-page.custom.news .tabs__content[data-tab="best"]{
    margin:0;padding:0;border-radius:0;box-shadow:none;background:transparent;border:0;
}
body.pbm.pbm-page-news .news-home-page.custom .tabs__content > .card{margin:0!important;}
body.pbm.pbm-page-news .news-home-page.custom .card{min-height:0!important;max-height:none!important;overflow:visible;}
body.pbm.pbm-page-news .news-home-page.custom .card__meta img.arrow-custom{
    width:12px!important;height:10px!important;min-height:0;max-width:none;border-radius:0!important;object-fit:contain;flex:none;
}
body.pbm.pbm-page-news .news-home-page.custom .card__meta > a{
    display:block;margin:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    color:var(--pb-muted)!important;text-decoration:none!important;font:inherit;
}
body.pbm.pbm-page-news .news-home-page.custom .card__title{padding:0 20px;}

/* =====================================================================
   6.3 Сетка 2×2 — .mod-news-grid.news (на /news модуль пуст → прячем)
   ===================================================================== */
body.pbm.pbm-page-news .mod-news-grid.news{margin:0 0 20px!important;padding:0;}
body.pbm.pbm-page-news .mod-news-grid.news.pbm-hidden,
body.pbm.pbm-page-news .mod-news-grid.news:not(:has(.mns-grid)){display:none!important;}

/* =====================================================================
   6.4 Карусель «Бизнес-лента» (node 1:1209) — .mod-news-slider.news
   ===================================================================== */
body.pbm.pbm-page-news .mod-news-slider.news{margin:0 0 20px!important;padding:10px 7px 14px;}
body.pbm.pbm-page-news .mod-news-slider.news > p{
    margin:0 0 6px!important;padding:0!important;border:0!important;
    font-family:var(--pb-font);font-weight:100;font-size:12px;line-height:14px;color:var(--pb-muted);
}
body.pbm.pbm-page-news .mod-news-slider.news > hr{
    display:block;width:366px;max-width:100%;height:0;margin:0!important;padding:0;border:0;border-top:1px solid var(--pb-border);background:none;
}
body.pbm.pbm-page-news .mod-news-slider.news > h3{
    margin:4px 0 0!important;padding:0!important;border:0!important;
    font-family:var(--pb-font);font-weight:700;font-size:18px;line-height:22px;color:var(--pb-text);
}
body.pbm.pbm-page-news .mod-news-slider.news .mns-slider{margin:9px -7px 0;padding:0 7px;}

/* =====================================================================
   6.5 Список текстовых новостей (node 1:1219) — .mod-news-list.news-item
   ===================================================================== */
body.pbm.pbm-page-news .mod-news-list.news-item{margin:0 0 20px!important;padding:10px 0;}
body.pbm.pbm-page-news .mod-news-list.news-item .mns-list{
    margin:0!important;padding:0!important;background:transparent!important;border:0;border-radius:0;box-shadow:none;
}
body.pbm.pbm-page-news .mod-news-list.news-item hr.list-hr{display:none!important;}
body.pbm.pbm-page-news .mod-news-list.news-item .mns-card-list-custom{padding:0 5px;}
body.pbm.pbm-page-news .mod-news-list.news-item .mns-lsit-title{max-width:none;padding:5.4px 0;}
body.pbm.pbm-page-news .mod-news-list.news-item .mns-lsit-title a{
    font-family:var(--pb-font);font-weight:100;font-size:14px;line-height:normal;color:var(--pb-text)!important;
}
body.pbm.pbm-page-news .mod-news-list.news-item .list-date{gap:0;}
body.pbm.pbm-page-news .mod-news-list.news-item .mns-footer{margin:0;padding:0;display:flex;}

/* =====================================================================
   6.6 Пост без картинки (node 1:1284) — .home-news-single
   ===================================================================== */
body.pbm.pbm-page-news .home-news-single{margin:0 0 40px!important;}
body.pbm.pbm-page-news .home-news-single .pred-title-head hr{display:none!important;}
body.pbm.pbm-page-news .home-news-single .pred-title-head p{margin:0;padding:0;font:inherit;color:inherit;}
body.pbm.pbm-page-news .home-news-single__conteiner_left{flex-wrap:wrap;gap:5px 6px;}
body.pbm.pbm-page-news .home-news-single__company{
    display:inline-flex;align-items:center;gap:2.3px;max-width:100%;min-width:0;margin:0;padding:1.72px 5.74px;
    background:#fff;border:.574px solid var(--pb-border);border-radius:50px;
    font-family:var(--pb-font);font-weight:500;font-size:12px;line-height:14px;color:var(--pb-text);overflow:hidden;
}
body.pbm.pbm-page-news .home-news-single__company a{
    display:flex;align-items:center;min-width:0;margin:0;padding:0;font:inherit;
    color:var(--pb-text)!important;text-decoration:none!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
body.pbm.pbm-page-news .home-news-single__company-icon{
    display:block;width:20px!important;height:20px!important;max-width:20px!important;min-height:0!important;
    flex:none;border-radius:50%!important;object-fit:cover;
}
body.pbm.pbm-page-news .home-news-single__intro{
    max-height:72px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;
    font-family:var(--pb-font);font-weight:100;font-size:14px;line-height:18px;color:var(--pb-text);
}
body.pbm.pbm-page-news .home-news-single__intro *{
    font:inherit!important;color:inherit!important;margin:0!important;padding:0!important;
    background:none!important;border:0!important;list-style:none!important;display:inline!important;
}
body.pbm.pbm-page-news .home-news-single__intro br{display:none!important;}


/* =====================================================================
   Правки по инструментальной сверке с макетом (2026-09-07)
   ===================================================================== */
/* 6.5 spec 1:1219 — 4 разделителя на 5 строк: под последней строкой линии нет.
   :last-child не срабатывает — после строк в #news-list лежит скрытый hr.list-hr */
body.pbm.pbm-page-news .mod-news-list.news-item .mns-card-list-custom:last-of-type{border-bottom:0!important;}

/* 6.6 spec 1:1284 — «Бизнес-лента» на 11.484 от верха карточки (было 17.2:
   сверху добавлялся ещё padding-top самого __header) */
body.pbm.pbm-page-news .home-news-single__header{padding-top:0;}
body.pbm.pbm-page-news .home-news-single .pred-title-head{font-weight:100;}
/* spec 1:1284 gap 5: Заголовок → анонс; spec 1:1303 gap 15: анонс → иконки */
body.pbm.pbm-page-news .home-news-single__intro{margin-top:0;}
body.pbm.pbm-page-news .home-news-single__footer{margin-top:10px;}

/* панель реакций spec 1:602 — цифра в боксе 23px у всех трёх счётчиков.
   like/boolmark получают его из .actions > * > span, а у comment число —
   текстовый узел, поэтому ширину задаём самому счётчику: 20 + 1 + 23 */
body.pbm.pbm-page-news .actions > span{min-width:44px;}


/* ---------------------------------------------------------------------
   Закладки списка (спека novosti 1:1336 / biznes-lenta 1:1757):
   порядок «Популярное · Новое(активный) · Все», активный 175×52 на x=140,
   неактивный 132×32 по тексту (padding 19). На сайте табов два, поэтому
   правая часть ряда остаётся пустой — растягивать их на всю ширину нельзя,
   иначе активный уезжает на x=16 и получает 221px вместо 175.
   --------------------------------------------------------------------- */
body.pbm{}
body.pbm.pbm-page-news .container-vkladki ul.tabs__nav li{flex:0 0 auto!important;width:auto!important;}
body.pbm.pbm-page-news .container-vkladki ul.tabs__nav li[data-tab="popular"]{order:1;margin-right:-8px!important;width:132px!important;justify-content:center;}
body.pbm.pbm-page-news .container-vkladki ul.tabs__nav li[data-tab="new"]{order:2;}
body.pbm.pbm-page-news .container-vkladki ul.tabs__nav li.active{width:175px!important;justify-content:center;}
} /* /media */