/* Дизайн-система «Досье» — уникальные стили страницы «Блог» (home.php, is_home()). Источник — makety-2026/blog-v10-dosie.html (.bh/.bh__grid/.chips/.cols/.bgrid/.bc/.side/.nwc/.ad). Подключается ВСЕГДА вместе с core.css (токены/плиты/.kick/.sec/h1.disp/h2.disp/.pill/.fin — там же, не дублируем). Логика данных (WP_Query/пагинация/чипы/сайдбар-новости/book-promo) — в home.php. Тумблеры рекламы: в макете это были body.no-ad-top/body.no-ad-side (демо-ссылки). На проде тумблеров нет — home.php решает через PHP-переменные $blog_ad_top/$blog_ad_side и вешает классы на .blog-wrap (обёртка внутри .dosie #page, НЕ на ). Поэтому все селекторы ниже — .blog-wrap.no-ad-top / .blog-wrap.no-ad-side вместо body.no-ad-*. Слоты рекламы при false не рендерятся вообще (см. home.php), поэтому .ad--hero/.ad--side с display:none тут не нужны — но оставлены как страховка на случай, если оркестратор позже включит рендер без соответствующего if. */ /* ---- обложка блога (шапка-плита .bh — темная навy, hero-грид) ---- */ .dosie .bh{padding-top:76px;padding-bottom:56px} /* НЕ шорткат — см. гочу hero (боковой отступ .wrap) */ .dosie h1.disp .g{color:var(--gold-l)} .dosie .bh__sub{font-size:17px;line-height:1.6;color:rgba(255,255,255,.72);max-width:56ch;margin-bottom:30px} /* ---- поиск ---- */ .dosie .srch{display:flex;align-items:center;gap:10px;max-width:520px;background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 8px 6px 22px;margin-bottom:26px} .dosie .srch svg{flex:0 0 auto;opacity:.6;color:#fff} .dosie .srch input{flex:1;background:none;border:0;outline:0;color:#fff;font-family:'Gilroy',sans-serif;font-size:15px;padding:10px 0} .dosie .srch input::placeholder{color:rgba(255,255,255,.45)} .dosie .srch button{background:var(--gold-l);color:var(--navy);border:0;border-radius:999px;font-weight:700;font-size:13.5px; padding:11px 22px;cursor:pointer;font-family:'Gilroy',sans-serif;box-shadow:0 3px 0 var(--gold-d)} /* ---- чипы рубрик ---- */ .dosie .chips{display:flex;flex-wrap:wrap;gap:10px} .dosie .chip{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.22);border-radius:999px; padding:9px 18px;font-size:13px;font-weight:600;color:rgba(255,255,255,.75);text-decoration:none; transition:border-color .2s,color .2s} .dosie .chip:hover{border-color:rgba(255,255,255,.5);color:#fff} .dosie .chip__n{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.5px;opacity:.55} .dosie .chip--on{background:var(--gold-l);border-color:var(--gold-l);color:var(--navy);box-shadow:0 3px 0 var(--gold-d)} .dosie .chip--on .chip__n{opacity:.7} /* ---- hero: контент слева + рекламное место справа (высота шапки: 513px с рекламой / 391px без — решение через padding+font-size .bh, не фиксированный height, ширина плиты неизменна 1420px) ---- */ .dosie .bh__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,480px);gap:22px 48px;align-items:stretch; grid-template-areas:"main ad" "chips ad"} .dosie .bh__grid>div:first-child{min-width:0;grid-area:main} .dosie .bh__grid .chips{grid-area:chips;max-width:640px;align-self:end} .dosie .bh__grid .ad--hero{grid-area:ad} .dosie .ad{border-radius:16px;display:grid;place-items:center;text-align:center;padding:24px;min-height:240px} .dosie .ad__in{border:1.5px dashed rgba(207,189,166,.55);border-radius:12px;padding:28px 22px;width:100%;height:100%; display:grid;place-content:center;gap:8px} .dosie .ad b{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-l)} .dosie .ad span{font-size:13px;line-height:1.5;color:rgba(255,255,255,.55)} .dosie .ad__img{width:100%;height:100%;object-fit:cover;border-radius:16px;display:block} .dosie .ad--hero{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12); box-shadow:inset 0 1px 0 rgba(255,255,255,.06);height:100%;min-height:340px} /* ---- независимые тумблеры рекламы: .blog-wrap.no-ad-top / .blog-wrap.no-ad-side ---- */ .dosie .blog-wrap.no-ad-top .bh__grid{grid-template-columns:minmax(0,1fr) minmax(340px,440px);grid-template-areas:"main chips"} .dosie .blog-wrap.no-ad-top .bh__grid .chips{align-self:center;justify-content:flex-start} .dosie .blog-wrap.no-ad-top .bh{padding-top:36px;padding-bottom:30px} .dosie .blog-wrap.no-ad-top h1.disp{font-size:clamp(34px,3.6vw,52px);margin-bottom:12px} .dosie .blog-wrap.no-ad-top .bh__sub{margin-bottom:18px;font-size:15.5px;max-width:70ch} .dosie .blog-wrap.no-ad-top .srch{margin-bottom:16px} .dosie .blog-wrap.no-ad-side .ad--side{display:none} @media(max-width:991px){ .dosie .blog-wrap .bh__grid,.dosie .blog-wrap.no-ad-top .bh__grid{grid-template-columns:1fr;gap:26px;grid-template-areas:"main" "chips" "ad"} } /* ---- статьи + сайдбар ---- */ .dosie .cols{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px;margin-top:40px;align-items:start} .dosie .side{display:flex;flex-direction:column;gap:18px;position:sticky;top:100px} .dosie .ad--side{background:radial-gradient(circle at 30% 15%,rgba(255,255,255,.07),transparent 60%),var(--navy); box-shadow:0 3px 0 rgba(4,12,34,.4),0 14px 30px rgba(23,42,85,.18)} /* ---- карточка «Новости» в сайдбаре ---- */ .dosie .nwc{background:linear-gradient(165deg,#FFFFFF,#FBFAF7);border:1px solid rgba(23,42,85,.06);border-radius:16px; padding:22px 22px 12px;box-shadow:0 3px 0 var(--line),0 14px 30px rgba(23,42,85,.09)} .dosie .nwc h3{font-family:'Inter',sans-serif;font-weight:800;font-size:13px;letter-spacing:.12em;text-transform:uppercase; color:var(--navy);margin-bottom:8px} .dosie .nwc a,.dosie .nwc span{display:block;padding:12px 0;border-top:1px solid var(--line);text-decoration:none} .dosie .nwc a:first-of-type,.dosie .nwc span:first-of-type{border-top:0} .dosie .nwc time{display:block;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.5px;color:var(--gold-d);margin-bottom:4px} .dosie .nwc b{font-size:13.5px;font-weight:600;color:var(--navy);line-height:1.45} .dosie .nwc a:hover b{color:var(--gold-d)} /* ---- карточки статей (сетка 2 колонки) ---- */ .dosie .bgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:0} .dosie .bc{background:linear-gradient(165deg,#FFFFFF,#FBFAF7);border:1px solid rgba(23,42,85,.06);border-radius:18px; padding:16px 16px 22px;display:flex;flex-direction:column;gap:14px; box-shadow:0 3px 0 var(--line),0 14px 30px rgba(23,42,85,.09);transition:transform .3s var(--ease),box-shadow .3s var(--ease)} .dosie .bc:hover{transform:translateY(-4px);box-shadow:0 3px 0 var(--line),0 22px 44px rgba(23,42,85,.13)} .dosie .bc__imgw{display:block;border-radius:12px;overflow:hidden;aspect-ratio:16/8.6;background:var(--paper)} .dosie .bc__imgw img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)} .dosie .bc:hover .bc__imgw img{transform:scale(1.035)} .dosie .bc__a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 6px} .dosie .bc__al{display:flex;align-items:center;gap:9px} .dosie .bc__al img{width:28px;height:28px;border-radius:50%;object-fit:cover;display:block} .dosie .bc__al span{font-size:12.5px;font-weight:600;color:var(--navy)} .dosie .bc__a time{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;color:var(--mut)} .dosie .bc h2{padding:0 6px;margin:0} .dosie .bc h2 a{font-family:'Inter',sans-serif;font-weight:800;font-size:19px;line-height:1.3;color:var(--navy); text-decoration:none;letter-spacing:-.01em} .dosie .bc h2 a:hover{color:var(--gold-d)} .dosie .bc p{padding:0 6px;font-size:14px;line-height:1.6;color:var(--body);flex:1;margin:0} .dosie .bc__m{display:flex;align-items:center;justify-content:space-between;padding:0 6px;gap:10px} .dosie .bc__tag{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.5px;letter-spacing:.08em; text-transform:uppercase;color:var(--gold-d);text-decoration:none} .dosie .bc__tag:hover{color:var(--navy)} .dosie .bc__v{font-size:12px;color:var(--mut);white-space:nowrap} /* карточка book-promo-dosie / рекламная карточка в ленте — растягивается на обе колонки .bgrid */ .dosie .bc-span2{grid-column:1 / -1} /* book-promo-dosie.php рендерит

— внутри узкой grid-ячейки гасим внешние отступы плиты, чтобы не было двойного зазора рядом с gap сетки */ .dosie .bc-span2--promo .plate{margin:0;max-width:none} .dosie .bc-span2--promo .plate.wrap{padding:0} /* мобильный баннер в ленте — по умолчанию скрыт, показывается только в мобильном брейкпоинте (см. ниже) */ .dosie .ad--feed{display:none} /* пустое состояние поиска */ .dosie .vb-empty{padding:40px 6px;text-align:center;color:var(--mut);font-size:15px} @media(max-width:991px){ .dosie .cols{grid-template-columns:1fr} .dosie .side{position:static} } @media(max-width:860px){ .dosie .bgrid{grid-template-columns:1fr} .dosie .bc-span2{grid-column:auto} } /* ---- мобильный (≤600px): сайдбар полностью уходит вниз под ленту (как .cols уже делает с 991px), мобильный баннер в ленте появляется, карточки — одна колонка ---- */ @media(max-width:600px){ .dosie .bh{padding-top:44px;padding-bottom:32px} .dosie .bh__sub{font-size:15.5px;margin-bottom:20px} .dosie .srch{margin-bottom:18px} .dosie .cols{margin-top:28px;gap:20px} .dosie .ad--feed{display:grid} .dosie .nwc{padding:18px 18px 8px} }