/* =====================================================================
   YPONTON.RU — редизайн страницы записи блога (single post).
   Всё scoped под body.single-post. Токены — локальные (не зависим от темы).
   Инъекции (eyebrow/meta/CTA) — из inc/yp-blog.php через хуки темы.
   TOC / прогресс / «наверх» / лайтбокс — assets/yp/blog.js.
   ===================================================================== */

body.single-post{
  --navy:#11233f;
  --navy-deep:#0d1c33;
  --orange:#f78e1f;
  --orange-hover:#e07e12;
  --text:#3a4658;
  --muted:#6b7688;
  --faint:#98a2b3;
  --border:#e6eaf0;
  --line:#eef1f6;
  --bg-soft:#f6f8fb;
  --read:820px;      /* колонка чтения (= ширине контента темы) */
  --wide:900px;      /* обложка/медиа шире текста */
  --font-ui:'Onest', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body:'Manrope', 'Onest', system-ui, -apple-system, sans-serif;
}

/* ---- нейтрализация обёртки темы (только single-post) ---- */
body.single-post .site-content-inner{ padding-top:0; padding-bottom:0; }
body.single-post #primary.content-area,
body.single-post #main.article-card{ width:100% !important; max-width:none !important; float:none !important; }
body.single-post .article-card{ background:#fff; }

/* центрируем ключевые блоки статьи в колонку чтения */
/* крошки + eyebrow «Блог» — слева, от линии начала шапки (лого/меню, ~45px) */
body.single-post .article-meta,
body.single-post .yp-eyebrow{
  max-width:var(--read);
  margin-left:0;
  margin-right:auto;
  text-align:left;
}
/* заголовок, мета, лид, тело, теги, шаринг — колонка по ЦЕНТРУ страницы */
body.single-post .entry-title,
body.single-post .yp-postmeta,
body.single-post .entry-excerpt,
body.single-post .entry-content,
body.single-post .entry-tags,
body.single-post .entry-social{
  max-width:var(--read);
  margin-left:auto;
  margin-right:auto;
}
/* обложка чуть шире текста, по центру */
body.single-post .article-post > .entry-image{
  max-width:var(--wide);
  margin:26px auto 6px;
}

/* =========================================================
   ШАПКА СТАТЬИ
   ========================================================= */
/* .entry-content — колонка по центру (текст внутри слева для читаемости) */
body.single-post .entry-content{ margin-left:auto !important; margin-right:auto !important; text-align:left; }
/* хлебные крошки — тонкие, приглушённые, строго от левого края */
body.single-post .article-meta{ font-family:var(--font-ui); margin-bottom:20px; }
body.single-post .article-meta .breadcrumb{ font-size:13px; color:var(--faint); line-height:1.5; padding-left:0; margin-left:0; }
body.single-post .article-meta .breadcrumb > *:first-child{ margin-left:0; padding-left:0; }
body.single-post .article-meta .breadcrumb a{ color:var(--muted); text-decoration:none; transition:color .15s; }
body.single-post .article-meta .breadcrumb a:hover{ color:var(--orange); }
/* прячем «сырые» инлайновые мета из темы — свои выводим отдельно */
body.single-post .article-meta .entry-category,
body.single-post .article-meta .entry-views,
body.single-post .article-meta .entry-date,
body.single-post .article-meta .entry-author{ display:none !important; }

/* eyebrow */
body.single-post .yp-eyebrow{ display:flex; align-items:center; justify-content:flex-start; gap:9px; margin:0 0 14px; }
body.single-post .yp-eyebrow__sq{ width:9px; height:9px; background:var(--orange); flex:0 0 auto; }
body.single-post .yp-eyebrow__t{ font-family:var(--font-ui); font-size:12px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; color:var(--faint); }

/* заголовок H1 */
body.single-post .entry-title{
  font-family:var(--font-ui); font-weight:800; color:var(--navy);
  font-size:44px; line-height:1.12; letter-spacing:-.02em; margin:2em auto 18px; text-align:center;
}

/* строка меты под H1 — по центру */
body.single-post .yp-postmeta{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:10px 20px; margin:0 auto 6px;
  font-family:var(--font-ui); font-size:14px; color:var(--muted); }
body.single-post .yp-postmeta__i{ display:inline-flex; align-items:center; gap:7px; }
body.single-post .yp-postmeta__i svg{ width:16px; height:16px; color:var(--faint); }

/* excerpt (лид) — если у записи задан */
body.single-post .entry-excerpt{ font-family:var(--font-body); font-size:20px; line-height:1.6; color:var(--navy);
  font-weight:600; margin:14px auto 0; text-align:center; }

/* обложка */
body.single-post .article-post > .entry-image img{ display:block; width:100%; height:auto; border-radius:18px; }
body.single-post .article-post > .entry-image span[itemprop]{ display:block; }

/* =========================================================
   ТЕЛО СТАТЬИ — типографика
   ========================================================= */
body.single-post .entry-content{
  font-family:var(--font-body); font-size:19px; line-height:1.72; color:var(--text);
  margin-top:30px;
}
body.single-post .entry-content > *:first-child{ margin-top:0; }
body.single-post .entry-content p{ margin:0 0 24px; font-size:19px; }
body.single-post .entry-content a{ color:var(--orange-hover); text-decoration:underline; text-decoration-thickness:1.5px;
  text-underline-offset:3px; text-decoration-color:rgba(247,142,31,.45); transition:text-decoration-color .15s, color .15s; }
body.single-post .entry-content a:hover{ color:var(--orange); text-decoration-color:var(--orange); }

/* заголовки внутри контента */
body.single-post .entry-content h2,
body.single-post .entry-content h3,
body.single-post .entry-content h4{ font-family:var(--font-ui); color:var(--navy); letter-spacing:-.01em; scroll-margin-top:96px; }
body.single-post .entry-content h2{ font-size:31px; font-weight:800; line-height:1.2; margin:52px 0 16px; }
body.single-post .entry-content h3{ font-size:24px; font-weight:700; line-height:1.25; margin:40px 0 12px; }
body.single-post .entry-content h4{ font-size:20px; font-weight:700; margin:32px 0 10px; }

/* списки */
body.single-post .entry-content ul,
body.single-post .entry-content ol{ margin:0 0 24px; padding-left:2px; list-style:none; }
body.single-post .entry-content li{ position:relative; padding-left:30px; margin:0 0 12px; font-size:19px; }
body.single-post .entry-content ul > li::before{ content:""; position:absolute; left:6px; top:.62em; width:8px; height:8px;
  border-radius:2px; background:var(--orange); }
body.single-post .entry-content ol{ counter-reset:yp; }
body.single-post .entry-content ol > li{ counter-increment:yp; }
body.single-post .entry-content ol > li::before{ content:counter(yp); position:absolute; left:0; top:.05em;
  width:22px; height:22px; border-radius:7px; background:var(--bg-soft); color:var(--orange-hover);
  font-family:var(--font-ui); font-size:13px; font-weight:800; display:flex; align-items:center; justify-content:center; }
body.single-post .entry-content li > ul,
body.single-post .entry-content li > ol{ margin:12px 0 0; }

/* цитаты */
body.single-post .entry-content blockquote{ margin:32px 0; padding:6px 0 6px 26px; border-left:4px solid var(--orange);
  font-family:var(--font-ui); font-size:22px; line-height:1.5; font-weight:600; color:var(--navy); font-style:normal; }
body.single-post .entry-content blockquote p{ margin:0 0 10px; }
body.single-post .entry-content blockquote p:last-child{ margin:0; }

/* картинки / фигуры */
body.single-post .entry-content figure{ margin:32px 0; }
body.single-post .entry-content img{ max-width:100%; height:auto; border-radius:16px; display:block; }
body.single-post .entry-content figure a{ display:block; }
body.single-post .entry-content figcaption{ margin-top:10px; font-family:var(--font-ui); font-size:14px; color:var(--faint);
  text-align:center; }
/* кликабельная картинка (лайтбокс) */
body.single-post .entry-content a[href$=".jpg"] img,
body.single-post .entry-content a[href$=".jpeg"] img,
body.single-post .entry-content a[href$=".png"] img,
body.single-post .entry-content a[href$=".webp"] img{ cursor:zoom-in; }

/* галерея: подряд идущие фигуры/картинки → сетка (собирается в blog.js) */
body.single-post .yp-gallery{ display:grid; grid-template-columns:repeat(auto-fit, minmax(0,1fr)); gap:14px; margin:32px 0; }
body.single-post .yp-gallery figure{ margin:0; }
body.single-post .yp-gallery img{ width:100%; height:100%; object-fit:cover; aspect-ratio:4/3; border-radius:14px; }

/* таблицы */
body.single-post .entry-content table{ width:100%; border-collapse:collapse; margin:28px 0; font-family:var(--font-ui);
  font-size:16px; }
body.single-post .entry-content th,
body.single-post .entry-content td{ padding:12px 16px; border:1px solid var(--border); text-align:left; }
body.single-post .entry-content th{ background:var(--bg-soft); font-weight:700; color:var(--navy); }

body.single-post .entry-content hr{ border:0; border-top:1px solid var(--line); margin:44px 0; }
body.single-post .entry-content code{ font-size:.9em; background:var(--bg-soft); padding:.15em .45em; border-radius:6px; }

/* теги */
body.single-post .entry-tags{ display:flex; flex-wrap:wrap; gap:9px; margin:36px auto 0; }
body.single-post .entry-tags .entry-tag{ font-family:var(--font-ui); font-size:13px; font-weight:600; color:var(--muted);
  background:var(--bg-soft); padding:7px 13px; border-radius:20px; text-decoration:none; transition:.15s; }
body.single-post .entry-tags .entry-tag:hover{ color:var(--orange-hover); background:#fff; box-shadow:inset 0 0 0 1px var(--border); }

/* =========================================================
   ЛЕНТА РЕЛЕВАНТНЫХ ТОВАРОВ (слайдер)
   ========================================================= */
/* лента товаров — на всю ширину контента (шапка/футер), не в колонке чтения */
body.single-post .yp-relprods{ max-width:none; margin:56px 0 8px; }
body.single-post .yp-relprods__head{ position:relative; display:flex; align-items:center; justify-content:center; gap:20px; margin-bottom:24px; }
/* заголовок ленты — как штатный «Другие статьи блога» (Rubik 500) */
body.single-post .yp-relprods__ttl{ font-family:'Rubik', sans-serif; font-size:31px; font-weight:500; color:#111;
  line-height:1.2; letter-spacing:normal; margin:0; text-align:center; }
body.single-post .yp-relprods__nav{ position:absolute; right:0; top:50%; transform:translateY(-50%); display:flex; gap:10px; flex:0 0 auto; }
body.single-post .yp-relprods__arrow{ width:46px; height:46px; border-radius:50%; border:1px solid var(--border);
  background:#fff; color:var(--navy); cursor:pointer; display:inline-flex; align-items:center; justify-content:center;
  transition:.16s; }
body.single-post .yp-relprods__arrow svg{ width:20px; height:20px; }
body.single-post .yp-relprods__arrow--prev svg{ transform:rotate(180deg); }
body.single-post .yp-relprods__arrow:hover{ background:var(--navy); color:#fff; border-color:var(--navy); }
body.single-post .yp-relprods__arrow[disabled]{ opacity:.3; cursor:default; background:#fff; color:var(--navy);
  border-color:var(--border); }
body.single-post .yp-relprods__track{ display:flex; gap:18px; overflow-x:auto; scroll-snap-type:x mandatory;
  scroll-behavior:smooth; padding:4px 0 8px; -ms-overflow-style:none; scrollbar-width:none; }
body.single-post .yp-relprods__track::-webkit-scrollbar{ display:none; }
/* ширина карточки ленты = карточке статьи ниже (5 колонок, gap 18px) */
body.single-post .yp-relprods__cell{ flex:0 0 calc((100% - 72px) / 5); scroll-snap-align:start; }
body.single-post .yp-relprods__cell .shop-item{ width:100%; height:100%; margin:0; }

/* ---- инлайн-слайдер [yp_products] в теле статьи: ширина колонки чтения, ~3 карточки ---- */
body.single-post .yp-relprods--inline{ max-width:none; margin:34px 0; }
body.single-post .yp-relprods--inline .yp-relprods__head{ justify-content:flex-start; gap:14px; margin-bottom:18px; }
body.single-post .yp-relprods--inline .yp-relprods__ttl{
  font-family:var(--font-ui); font-weight:700; font-size:21px; line-height:1.3;
  color:var(--navy); letter-spacing:-.01em; text-align:left; }
body.single-post .yp-relprods--inline .yp-relprods__nav{ position:static; transform:none; margin-left:auto; flex:0 0 auto; }
body.single-post .yp-relprods--inline .yp-relprods__arrow{ width:40px; height:40px; }
body.single-post .yp-relprods--inline .yp-relprods__arrow svg{ width:18px; height:18px; }
body.single-post .yp-relprods--inline .yp-relprods__cell{ flex:0 0 calc((100% - 36px) / 3); }

/* =========================================================
   ШАРИНГ
   ========================================================= */
body.single-post .entry-social{ margin:44px auto 0; padding-top:30px; border-top:1px solid var(--line); }
body.single-post .entry-social .entry-bottom__header{ font-family:var(--font-ui); font-size:15px; font-weight:700;
  color:var(--navy); margin-bottom:14px; }
body.single-post .entry-social .social-buttons{ display:flex; flex-wrap:wrap; gap:10px; }
body.single-post .entry-social .social-button{ width:42px; height:42px; border-radius:12px; display:inline-flex;
  align-items:center; justify-content:center; background:var(--bg-soft); color:var(--muted); cursor:pointer;
  transition:.16s; }
body.single-post .entry-social .social-button:hover{ background:var(--navy); color:#fff; transform:translateY(-2px); }
body.single-post .entry-social .social-button [data-counter]{ display:none; }

/* =========================================================
   ОГЛАВЛЕНИЕ (TOC) — из blog.js
   ========================================================= */
body.single-post .yp-toc{ font-family:var(--font-ui); }
/* боковой (десктоп): фиксирован в левом поле */
body.single-post .yp-toc--side{ position:fixed; width:238px; max-height:74vh; overflow-y:auto; z-index:30;
  padding-right:8px; opacity:0; visibility:hidden; transform:translateY(6px); transition:opacity .25s, transform .25s; }
body.single-post .yp-toc--side.is-on{ opacity:1; visibility:visible; transform:none; }
body.single-post .yp-toc--side::-webkit-scrollbar{ width:5px; }
body.single-post .yp-toc--side::-webkit-scrollbar-thumb{ background:var(--border); border-radius:4px; }
body.single-post .yp-toc__ttl{ font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase;
  color:var(--faint); margin-bottom:14px; }
body.single-post .yp-toc__list{ list-style:none; margin:0; padding:0; border-left:2px solid var(--line); }
body.single-post .yp-toc__list li{ margin:0; }
body.single-post .yp-toc__list a{ display:block; padding:6px 0 6px 16px; margin-left:-2px; border-left:2px solid transparent;
  font-size:14px; line-height:1.4; color:var(--muted); text-decoration:none; transition:.15s; }
body.single-post .yp-toc__list a:hover{ color:var(--navy); }
body.single-post .yp-toc__list a.is-active{ color:var(--orange-hover); border-left-color:var(--orange); font-weight:600; }
body.single-post .yp-toc__list li.lvl-3 a{ padding-left:28px; font-size:13.5px; }

/* инлайновый (мобилка/планшет): сворачиваемый блок сверху */
body.single-post .yp-toc--inline{ max-width:var(--read); margin:0 auto 4px; border:1px solid var(--border);
  border-radius:16px; background:var(--bg-soft); overflow:hidden; }
body.single-post .yp-toc--inline .yp-toc__head{ display:flex; align-items:center; justify-content:space-between;
  width:100%; padding:15px 18px; background:none; border:0; cursor:pointer; font-family:var(--font-ui);
  font-size:15px; font-weight:700; color:var(--navy); }
body.single-post .yp-toc--inline .yp-toc__chev{ transition:transform .2s; color:var(--faint); }
body.single-post .yp-toc--inline.is-open .yp-toc__chev{ transform:rotate(180deg); }
body.single-post .yp-toc--inline .yp-toc__list{ border-left:0; padding:0 18px 16px; display:none; }
body.single-post .yp-toc--inline.is-open .yp-toc__list{ display:block; }
body.single-post .yp-toc--inline .yp-toc__list a{ padding:6px 0; border-left:0; }
body.single-post .yp-toc--inline .yp-toc__list li.lvl-3 a{ padding-left:16px; }

/* =========================================================
   ПОЛОСА ПРОГРЕССА + КНОПКА «НАВЕРХ»
   ========================================================= */
body.single-post .yp-progress{ position:fixed; top:0; left:0; height:3px; width:0; z-index:9999;
  background:linear-gradient(90deg,var(--orange),var(--orange-hover)); transition:width .08s linear; }
/* прячем штатную кнопку темы «наверх» (справа, рядом с чатом) — своя ниже слева */
body.single-post .scrolltop{ display:none !important; }
body.single-post .yp-top{ position:fixed; left:26px; bottom:26px; width:46px; height:46px; border-radius:50%;
  background:var(--navy); color:#fff; border:0; display:flex; align-items:center; justify-content:center; cursor:pointer;
  box-shadow:0 12px 30px rgba(13,28,51,.32); opacity:0; visibility:hidden; transform:translateY(10px); transition:.2s;
  z-index:40; }
body.single-post .yp-top.is-vis{ opacity:1; visibility:visible; transform:none; }
body.single-post .yp-top:hover{ background:var(--orange); }
body.single-post .yp-top svg{ width:20px; height:20px; }

/* =========================================================
   ЛАЙТБОКС
   ========================================================= */
.yp-lb{ position:fixed; inset:0; z-index:10000; background:rgba(8,15,28,.9); display:flex; align-items:center;
  justify-content:center; padding:32px; opacity:0; visibility:hidden; transition:opacity .2s; cursor:zoom-out; }
.yp-lb.is-open{ opacity:1; visibility:visible; }
.yp-lb img{ max-width:96vw; max-height:92vh; border-radius:10px; box-shadow:0 30px 80px rgba(0,0,0,.5); }
.yp-lb__x{ position:absolute; top:20px; right:24px; width:44px; height:44px; border:0; border-radius:50%;
  background:rgba(255,255,255,.12); color:#fff; font-size:24px; cursor:pointer; line-height:1; }
.yp-lb__x:hover{ background:rgba(255,255,255,.24); }

/* =========================================================
   «СМОТРИТЕ ТАКЖЕ» — related posts
   ========================================================= */
body.single-post .related-posts{ max-width:none; margin:120px 0 0; padding-top:44px; border-top:1px solid var(--line); }
/* заголовок «Другие статьи блога» — реальный элемент темы .related-posts__header (Rubik), вес 500 */
body.single-post .related-posts__header{ font-weight:500 !important; }
body.single-post .post-cards--related{ display:grid; grid-template-columns:repeat(5,1fr); gap:18px; justify-items:stretch; }
body.single-post .post-cards--related > .post-card--related{ width:100%; max-width:none; min-width:0; float:none; margin:0; }
body.single-post .post-card--related{ background:#fff; border:1px solid var(--border); border-radius:16px; padding:22px;
  transition:.18s; }
body.single-post .post-card--related:hover{ box-shadow:0 16px 40px rgba(17,35,63,.10); transform:translateY(-3px);
  border-color:transparent; }
body.single-post .post-card--related .post-card__title{ font-family:var(--font-ui); font-size:16.5px; font-weight:700;
  line-height:1.3; margin-bottom:10px; }
body.single-post .post-card--related .post-card__title a{ color:var(--navy); text-decoration:none; transition:color .15s; }
body.single-post .post-card--related:hover .post-card__title a{ color:var(--orange-hover); }
body.single-post .post-card--related .post-card__description{ font-family:var(--font-body); font-size:14px; line-height:1.55;
  color:var(--muted); }

/* =========================================================
   АДАПТИВ
   ========================================================= */
/* нет места для бокового TOC — прячем «side» вариант заранее, JS выберет inline */
@media (max-width:1200px){
  body.single-post .yp-toc--side{ display:none; }
}
@media (max-width:1024px){
  body.single-post .post-cards--related{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:768px){
  body.single-post .entry-title{ font-size:32px; }
  body.single-post .entry-content{ font-size:17.5px; }
  body.single-post .entry-content p,
  body.single-post .entry-content li{ font-size:17.5px; }
  body.single-post .entry-content h2{ font-size:25px; margin-top:40px; }
  body.single-post .entry-content h3{ font-size:20px; }
  body.single-post .entry-excerpt{ font-size:18px; }
  body.single-post .article-post > .entry-image img{ border-radius:14px; }
  body.single-post .yp-relprods__ttl{ font-size:20px; }
  body.single-post .yp-relprods__nav{ display:none; }
  body.single-post .yp-relprods__cell{ flex-basis:78%; }
  body.single-post .yp-relprods--inline .yp-relprods__ttl{ font-size:18px; }
  body.single-post .yp-relprods--inline .yp-relprods__cell{ flex-basis:80%; }
  body.single-post .yp-top{ left:16px; bottom:16px; }
}
@media (max-width:560px){
  body.single-post .post-cards--related{ grid-template-columns:1fr; }
  body.single-post .yp-gallery{ grid-template-columns:1fr 1fr; }
}


/* =====================================================================
   ЛИСТИНГ БЛОГА — /blog/  (архив категории «Блог», body.category-blog).
   Бренд-редизайн карточек + превью из первой картинки статьи
   (миниатюру отдаёт фильтр yp_blog_card_thumb_fallback в inc/yp-blog.php).
   Scoped под body.category-blog — не пересекается с single-post выше.
   ===================================================================== */
body.category-blog{
  --navy:#11233f;
  --navy-deep:#0d1c33;
  --orange:#f78e1f;
  --orange-hover:#e07e12;
  --text:#3a4658;
  --muted:#6b7688;
  --faint:#98a2b3;
  --border:#e6eaf0;
  --line:#eef1f6;
  --bg-soft:#f6f8fb;
  --font-ui:'Onest', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body:'Manrope', 'Onest', system-ui, -apple-system, sans-serif;
}

/* ---- заголовок страницы ---- */
body.category-blog .page-header{ margin-bottom:26px; }
body.category-blog .page-title{
  font-family:var(--font-ui);
  font-weight:800;
  color:var(--navy);
  font-size:clamp(28px,4vw,38px);
  line-height:1.1;
  letter-spacing:-.02em;
  margin:.2em 0 0;
}

/* ---- ширина контента = внутренней ширине шапки (.site-content-inner) ----
   Тема режет архив под несуществующий сайдбар (max-width:calc(100% - 300px)
   + padding-right + float). На листинге блога растягиваем на всю ширину,
   ровно до границ шапки, не выходя за них. */
body.category-blog #primary.content-area{
  flex:1 1 100% !important;   /* тема: flex:0 0 calc(100% - 300px) под сайдбар — снимаем резерв */
  width:100% !important;
  max-width:none !important;
  padding-right:0 !important;
  padding-left:0 !important;
  float:none !important;
}
body.category-blog #main.site-main{ width:100% !important; max-width:none !important; }

/* ---- сетка карточек: 3 в ряд (2 на планшете, 1 на мобиле) ---- */
body.category-blog .post-cards--standard{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:26px;
  align-items:stretch;
  margin:0 !important;
}
@media (max-width:1024px){
  body.category-blog .post-cards--standard{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:640px){
  body.category-blog .post-cards--standard{ grid-template-columns:1fr; gap:18px; }
}

/* ---- карточка ---- */
body.category-blog .post-card--standard{
  position:relative;
  display:flex;
  margin:0;
  padding:0;
  background:#fff;
  border:1px solid var(--border);
  border-radius:16px;
  overflow:hidden;
  transition:transform .28s cubic-bezier(.2,.7,.2,1), box-shadow .28s ease, border-color .28s ease;
}
body.category-blog .post-card--standard:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 40px -18px rgba(17,35,63,.28);
  border-color:#d3dae6;
}
body.category-blog .post-card__body{
  display:flex;
  flex-direction:column;
  width:100%;
  padding:0 0 22px;   /* боковые поля — на текстовых детях (ниже), чтобы превью было ровно во всю ширину */
}
/* боковые поля для текста; превью (.post-card__thumbnail) остаётся full-width */
body.category-blog .post-card__body > :not(.post-card__thumbnail),
body.category-blog .post-card__body::after{
  padding-left:22px;
  padding-right:22px;
}

/* ---- превью сверху, во всю ширину карточки ---- */
body.category-blog .post-card__thumbnail{
  order:-1;
  margin:0 0 18px;          /* превью во всю ширину карточки */
  position:relative;
  height:0;
  padding-top:56.25%;       /* точный ratio-box 16:9 (относительно ширины тела = ширине превью) */
  overflow:hidden;
  background:var(--bg-soft);
}
body.category-blog .post-card__thumbnail a{
  position:absolute;
  inset:0;
  display:block;
}
body.category-blog .post-card__thumbnail img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .5s cubic-bezier(.2,.7,.2,1);
}
body.category-blog .post-card--standard:hover .post-card__thumbnail img{ transform:scale(1.05); }

/* fallback: запись без картинки — брендовая полоска сверху */
body.category-blog .post-card--thumbnail-no .post-card__body{ padding-top:22px; }
body.category-blog .post-card--thumbnail-no::before{
  content:'';
  display:block;
  height:6px;
  background:linear-gradient(90deg,var(--orange),#ffb45e);
}

/* ---- заголовок (растянутая ссылка = кликается вся карточка) ---- */
body.category-blog .post-card__title{ margin:0 0 10px; }
body.category-blog .post-card__title a{
  font-family:var(--font-ui);
  font-weight:700;
  color:var(--navy);
  font-size:19px;
  line-height:1.32;
  letter-spacing:-.01em;
  text-decoration:none;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  transition:color .2s ease;
}
body.category-blog .post-card__title a::after{
  content:'';
  position:absolute;
  inset:0;
  z-index:2;                /* растягиваем клик на всю карточку */
}
body.category-blog .post-card--standard:hover .post-card__title a{ color:var(--orange); }

/* ---- мета: дата · просмотры (комментарии прячем) ---- */
body.category-blog .post-card__meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:14px;
  margin:0 0 12px;
  font-family:var(--font-body);
  font-size:13px;
  color:var(--faint);
}
body.category-blog .post-card__comments{ display:none; }
body.category-blog .post-card__date,
body.category-blog .post-card__views{
  display:inline-flex;
  align-items:center;
  gap:6px;
}
body.category-blog .post-card__date::before,
body.category-blog .post-card__views::before{
  content:'';
  width:15px;
  height:15px;
  flex:0 0 auto;
  background:currentColor;
  -webkit-mask:center / contain no-repeat;
  mask:center / contain no-repeat;
}
body.category-blog .post-card__date::before{
  -webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHJlY3QgeD0iMyIgeT0iNC41IiB3aWR0aD0iMTgiIGhlaWdodD0iMTYiIHJ4PSIyLjUiLz48cGF0aCBkPSJNMyA5aDE4TTggMi41djRNMTYgMi41djQiLz48L3N2Zz4=");
          mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHJlY3QgeD0iMyIgeT0iNC41IiB3aWR0aD0iMTgiIGhlaWdodD0iMTYiIHJ4PSIyLjUiLz48cGF0aCBkPSJNMyA5aDE4TTggMi41djRNMTYgMi41djQiLz48L3N2Zz4=");
}
body.category-blog .post-card__views::before{
  -webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTIgMTJzMy42LTcgMTAtNyAxMCA3IDEwIDctMy42IDctMTAgNy0xMC03LTEwLTdaIi8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMyIvPjwvc3ZnPg==");
          mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTIgMTJzMy42LTcgMTAtNyAxMCA3IDEwIDctMy42IDctMTAgNy0xMC03LTEwLTdaIi8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMyIvPjwvc3ZnPg==");
}

/* ---- анонс ---- */
body.category-blog .post-card__description{
  font-family:var(--font-body);
  font-size:14.5px;
  line-height:1.6;
  color:var(--muted);
  margin:0 0 16px;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* ---- «Читать статью» — подсказка внизу карточки ---- */
body.category-blog .post-card__body::after{
  content:'Читать статью →';
  margin-top:auto;
  font-family:var(--font-ui);
  font-weight:600;
  font-size:14px;
  color:var(--orange);
  transition:color .2s ease;
}
body.category-blog .post-card--standard:hover .post-card__body::after{ color:var(--orange-hover); }

/* ---- пагинация скрыта: все статьи на одной странице (posts_per_page=-1) ---- */
body.category-blog .pagination,
body.category-blog nav.navigation.pagination,
body.category-blog .navigation.pagination{ display:none !important; }