/*
Theme Name: Kadence Child — Sew It Simple
Theme URI: https://sewitsimple.com
Description: Child theme of Kadence for pillowandblanket.com. Crochet & knit blanket blog: patterns, stitches, yarn. Pinterest-optimised, mobile-first. Design lives in Kadence Customizer; this child only adds palette variables + CTA/card styles. Monetisation logic lives in the pb-affiliate-core plugin.
Template: kadence
Version: 2026-10-15-a52ae1a7
Author: Pillow & Blanket
Text Domain: pillow-child
*/

/* ══════════════════════════════════════════
   ШКАЛЫ — одинаковы у всех сайтов кита.
   Цвет, шрифты и знак логотипа — в блоке PB:TOKENS ниже.
══════════════════════════════════════════ */
:root {
  /* Цвета и шрифты объявлены один раз в блоке PB:TOKENS ниже — он
     генерируется из site.json. Здесь только то, что одинаково у всех сайтов. */
  --pb-radius:      14px;
  --pb-shadow:      0 4px 18px rgba(58,50,56,.10);

  /* Шкала отступов. Новый компонент берёт значения отсюда и ниоткуда больше —
     иначе появляются 18/20/22/26px, между которыми нет разницы, кроме случайной. */
  --pb-space-1: 4px;
  --pb-space-2: 8px;
  --pb-space-3: 12px;
  --pb-space-4: 16px;
  --pb-space-5: 20px;
  --pb-space-6: 24px;
  --pb-space-7: 32px;   /* вертикальный зазор между блоками статьи */
  --pb-space-8: 48px;

  --pb-radius-sm:   10px;
  --pb-radius-pill: 999px;

  /* Кегль. Крупные три — заголовочным шрифтом, остальные — текстовым. */
  --pb-text-xs:   .82rem;   /* лейблы, дисклеймер */
  --pb-text-sm:   .93rem;   /* подписи, мета, био */
  --pb-text-base: 1.02rem;  /* кнопки, выноски */
  --pb-text-lg:   1.06rem;  /* тело статьи */
  --pb-text-xl:   1.2rem;   /* H3 */
  --pb-text-2xl:  1.35rem;  /* заголовок карточки-CTA */
  --pb-text-3xl:  clamp(1.5rem, 5.2vw, 2rem);  /* H2 — на 390px иначе уходит в 4 строки */

  --pb-measure: 68ch;       /* мера строки основного текста */
}

/* ══════════════════════════════════════════
   CTA BUTTONS  (rendered by [cta] shortcode)
══════════════════════════════════════════ */
.pb-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .4em;
  padding: 14px 26px;
  border-radius: var(--pb-radius);
  font-weight: 700;
  font-size: 1.02rem;
  line-height: 1.2;
  text-decoration: none;
  text-align: center;
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
  cursor: pointer;
}
.pb-btn:hover { transform: translateY(-1px); box-shadow: var(--pb-shadow); }
.pb-btn-primary   { background: var(--pb-accent);    color: var(--pb-on-accent, #fff); }
.pb-btn-primary:hover   { background: var(--pb-accent-deep); color: var(--pb-on-accent, #fff); }
.pb-btn-secondary { background: transparent; color: var(--pb-accent-deep); border: 2px solid var(--pb-accent); }
.pb-btn-secondary:hover { background: var(--pb-accent); color: #fff; }

/* ══════════════════════════════════════════
   MEGA CTA  (single.php hero block)
══════════════════════════════════════════ */
.pb-mega-cta {
  background: var(--pb-cream);
  border: 1px solid var(--pb-line);
  border-radius: var(--pb-radius);
  text-align: center;
}
/* .pb-mega-cta{padding;margin} — один класс, та же специфичность, что и
   .pbl *{padding:0;margin:0} в skin-mock.css; тот грузится позже style.css
   и стирал бы их. Скоуп через .entry-content/.article-body поднимает вес (31.08.2026). */
.entry-content .pb-mega-cta, .article-body .pb-mega-cta {
  padding: var(--pb-space-5) var(--pb-space-6);
  margin: var(--pb-space-7) 0;
}
.pb-mega-cta h3 { margin: 0 0 8px; font-size: 1.35rem; color: var(--pb-ink); }
.pb-mega-cta p  { margin: 0 0 18px; color: var(--pb-accent-deep); }

/* ══════════════════════════════════════════
   OFFER  (.pb-offer — врезка-воронка внутри статьи)
   Не голая ссылка: называет ограничение бесплатного ответа, чем оно
   закрывается и одной кнопкой ведёт на /go/<программа>/. Ставится
   offer_pick.py, разметка — rules/article-offer-block.md.
══════════════════════════════════════════ */
.pb-offer {
  background: var(--pb-cream);
  border: 1px solid var(--pb-line);
  border-left: 4px solid var(--pb-accent);
  border-radius: var(--pb-radius);
}
/* тот же тай-брейк по специфичности, что и у .pb-mega-cta выше */
.entry-content .pb-offer, .article-body .pb-offer {
  padding: var(--pb-space-5) var(--pb-space-6);
  margin: var(--pb-space-7) 0;
}
.pb-offer-eyebrow {
  margin: 0 0 var(--pb-space-2);
  font-size: var(--pb-text-xs);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--pb-accent-text, var(--pb-accent-deep));
}
.pb-offer h3 { margin: 0 0 var(--pb-space-3); font-size: var(--pb-text-2xl); color: var(--pb-ink); }
.pb-offer p  { margin: 0 0 var(--pb-space-4); }
.pb-offer-points { margin: 0 0 var(--pb-space-5); padding-left: 1.1em; }
.pb-offer-points li { margin: 0 0 var(--pb-space-2); }
.pb-offer-note {
  margin: var(--pb-space-3) 0 0;
  font-size: var(--pb-text-xs);
  color: var(--pb-accent-text, var(--pb-accent-deep));
}
/* .pb-offer--media — врезка партнёра: кадр слева, текст и кнопка справа.
   Колонки 2:3 (bootstrap horizontal card), кадр тянется на всю высоту карточки —
   при выравнивании по центру он «висел» в белом поле (Kate 24.09.2026).
   Два режима кадра: баннер сети с впечатанным текстом резать нельзя —
   он показывается целиком на кремовой панели; своё фото активности
   кадрируется и заполняет половину без остатка (модификатор --crop). */
.pb-offer--media {
  display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  gap: 0; align-items: stretch; min-height: 200px;
  background: #fff; border: 1px solid var(--pb-line); border-left: 4px solid var(--pb-accent);
  border-radius: 16px; box-shadow: var(--pb-shadow); color: var(--pb-ink);
  overflow: hidden; transition: box-shadow .15s ease, transform .15s ease;
}
/* карточка отзывается на курсор — иначе её читают как картинку, а не как кнопку */
.pb-offer--media:hover { box-shadow: 0 10px 28px rgba(0,0,0,.12); transform: translateY(-2px); }
/* кадр под край — своего отступа у карточки нет, отступ живёт в тексте */
.entry-content .pb-offer--media, .article-body .pb-offer--media {
  padding: 0; margin: var(--pb-space-6) 0;
}
.pb-offer--media .pb-offer-body {
  align-self: center; padding: var(--pb-space-4) var(--pb-space-5); max-width: 48ch;
}
.pb-offer--media h3 { margin: 0 0 var(--pb-space-2); font-size: var(--pb-text-lg); line-height: 1.3; }
.pb-offer--media p { margin: 0 0 var(--pb-space-3); font-size: var(--pb-text-base); line-height: 1.55; }
.pb-offer--media .pb-offer-note { font-size: var(--pb-text-xs); }
/* кнопка врезки — и с кадром, и без него: без .pb-offer в селекторе врезка без
   картинки теряла кнопку и рисовалась ссылкой (Kate 27.09.2026) */
.entry-content .pb-offer .pb-btn, .article-body .pb-offer .pb-btn {
  display: inline-flex; align-items: center; align-self: flex-start;
  padding: 10px 20px!important; border: 0; border-radius: var(--pb-radius-pill);
  /* !important: skin-learn/skin-mock грузится позже и обнуляет фон ссылок статьи */
  background: var(--pb-accent)!important; color: #fff!important;
  font-size: var(--pb-text-sm); font-weight: 600; text-decoration: none!important;
}
.pb-offer .pb-btn:hover { opacity: .85; }
.pb-offer .pb-btn:focus-visible { outline: 3px solid var(--pb-accent-deep); outline-offset: 3px; }
/* wpautop вставляет пустой <p> между картинкой и текстом — лишняя ячейка грида */
.pb-offer--media > p:empty { display: none; }
.pb-offer-media {
  display: flex; align-items: center; justify-content: center;
  align-self: stretch; padding: var(--pb-space-3); background: var(--pb-cream);
}
/* !important: тема и скин задают img { height: auto } позже по каскаду */
.pb-offer-media img {
  display: block; width: 100%; height: auto!important; max-height: 100%; margin: 0;
  object-fit: contain;
}
/* своё фото активности — кадрируется, занимает половину целиком */
.pb-offer-media--crop { padding: 0; background: none; }
.pb-offer-media--crop img { height: 100%!important; object-fit: cover; object-position: center; }
.pb-offer-body > :last-child { margin-bottom: 0; }
@media (max-width: 640px) {
  .pb-offer--media { grid-template-columns: 1fr; min-height: 0; }
  .pb-offer-media--crop img { height: auto!important; aspect-ratio: 16 / 9; }
}
}

/* ══════════════════════════════════════════
   STICKY BOTTOM CTA  (mobile-first, Pinterest traffic)
══════════════════════════════════════════ */
.pb-sticky-cta {
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 999;
  background: #fff;
  border-top: 1px solid var(--pb-line);
  box-shadow: 0 -4px 18px rgba(58,50,56,.10);
  padding: 10px 14px;
  display: flex;
  align-items: center;
  gap: 12px;
  transform: translateY(100%);
  transition: transform .25s ease;
}
.pb-sticky-cta.is-visible { transform: translateY(0); }
.pb-sticky-cta .pb-sticky-label { flex: 1; font-weight: 600; font-size: .95rem; color: var(--pb-ink); }
.pb-sticky-cta .pb-btn { padding: 11px 20px; font-size: .95rem; }
.pb-sticky-close {
  background: none; border: none; font-size: 1.4rem; line-height: 1;
  color: var(--pb-accent-deep); cursor: pointer; padding: 4px 8px;
}
@media (min-width: 900px) {
  .pb-sticky-cta { left: auto; right: 24px; bottom: 24px; max-width: 420px; border-radius: var(--pb-radius); border: 1px solid var(--pb-line); }
}

/* ══════════════════════════════════════════
   OFFER TABLE  ([offer_table] shortcode)
══════════════════════════════════════════ */
.pb-offer-table { width: 100%; border-collapse: collapse; margin: var(--pb-space-7) 0; font-size: .98rem; }
.pb-offer-table th, .pb-offer-table td { padding: 12px 14px; border-bottom: 1px solid var(--pb-line); text-align: left; vertical-align: top; }
.pb-offer-table thead th { background: var(--pb-cream); color: var(--pb-ink); font-weight: 700; }
.pb-offer-table tr:last-child td { border-bottom: none; }
.pb-offer-table .pb-btn { padding: 9px 16px; font-size: .9rem; }
.pb-offer-table-wrap { overflow-x: auto; }

/* ══════════════════════════════════════════
   POST CARD  (pb_post_card — archives / related)
══════════════════════════════════════════ */
.pb-card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid var(--pb-line);
  border-radius: var(--pb-radius);
  overflow: hidden;
  transition: box-shadow .15s ease, transform .15s ease;
}
.pb-card:hover { box-shadow: var(--pb-shadow); transform: translateY(-2px); }
.pb-card-img { display: block; aspect-ratio: 4 / 3; object-fit: cover; width: 100%; height: auto; }
.pb-card-body { padding: 14px 16px 18px; }
.pb-card-title { margin: 0 0 6px; font-size: 1.08rem; line-height: 1.3; }
.pb-card-title a { color: var(--pb-ink); text-decoration: none; }
.pb-card-title a:hover { color: var(--pb-accent); }
.pb-card-excerpt { margin: 0; color: var(--pb-accent-deep); font-size: .92rem; }

/* ══════════════════════════════════════════
   AUTHOR BOX  ([author_box] shortcode)
══════════════════════════════════════════ */
.pb-author-box {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  background: var(--pb-cream);
  border: 1px solid var(--pb-line);
  border-radius: var(--pb-radius);
  padding: var(--pb-space-5);
  margin: var(--pb-space-7) 0;
}
.pb-author-box img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
.pb-author-box .pb-author-name { margin: 0 0 4px; font-size: 1.05rem; color: var(--pb-ink); }
.pb-author-box .pb-author-bio  { margin: 0; color: var(--pb-accent-deep); font-size: .93rem; }

/* ══════════════════════════════════════════
   POST META  (visible "Last updated" — CSS["post_meta"])
══════════════════════════════════════════ */
.pb-post-meta { color: var(--pb-accent-deep); font-size: .88rem; margin: 6px 0 20px; }

/* ══════════════════════════════════════════
   TABLE OF CONTENTS  ([toc] shortcode / pb_render_toc())
══════════════════════════════════════════ */
.pb-toc {
  background: var(--pb-cream);
  border: 1px solid var(--pb-line);
  border-radius: var(--pb-radius);
  padding: var(--pb-space-5) var(--pb-space-6);
  margin: var(--pb-space-7) 0;
}
.pb-toc-label { margin: 0 0 10px; font-weight: 700; font-size: .82rem; letter-spacing: .04em; text-transform: uppercase; color: var(--pb-accent-deep); }
.pb-toc ul { margin: 0; padding: 0; list-style: none; }
.pb-toc li { margin: 0 0 8px; }
.pb-toc li:last-child { margin-bottom: 0; }
.pb-toc a { color: var(--pb-ink); text-decoration: none; font-size: .96rem; border-bottom: 1px solid transparent; }
.pb-toc a:hover { color: var(--pb-accent); border-bottom-color: var(--pb-accent); }

/* ══════════════════════════════════════════
   PRODUCT CARD  ([product_card] shortcode — image + hook + CTA)
══════════════════════════════════════════ */
.pb-product-card {
  background: #fff;
  border: 1px solid var(--pb-line);
  border-radius: var(--pb-radius);
  padding: var(--pb-space-5) var(--pb-space-6);
  margin: var(--pb-space-7) 0;
  text-align: center;
}
.pb-product-card h2, .pb-product-card h3 { margin: 0 0 8px; font-size: 1.15rem; color: var(--pb-ink); }
.pb-product-card p { margin: 0 0 16px; color: var(--pb-accent-deep); font-size: .96rem; }
.pb-product-card-img-link { display: block; margin: 0 auto 16px; }
.pb-product-card-img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  border-radius: var(--pb-radius-sm);
  margin: 0;
  object-fit: cover;
}

/* Minimum four product cards per row on wider screens ("минимум 4 в строчку, ровненько") */
.pb-product-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--pb-space-5);
  margin: var(--pb-space-7) 0;
  /* тёмная подложка блока, размеры сняты с референса Envato (Kate 03.09.2026):
     секция 20/30/30 и радиус 16, заголовок 24/36 600, ссылки в нём акцентом,
     кнопка-пилюля 14px на акценте. */
  padding: 20px 30px 30px;
  border-radius: 16px;
  background: #191919;
}
.pb-grid-head {
  grid-column: 1 / -1;
  /* фраза и кнопка обязаны стоять в одну строку: колонка статьи 581 px против
     800 px у референса, поэтому кегль меньше, чем у Envato (Kate 03.09.2026) */
  display: flex; align-items: center; justify-content: space-between;
  gap: 14px; flex-wrap: nowrap;
}
.pb-grid-sub {
  margin: 0; color: #fff; font-size: 20px; font-weight: 600; line-height: 1.5;
}
.pb-grid-a, .entry-content a.pb-grid-a, .article-body a.pb-grid-a {
  /* цвета жёсткие: подложка чёрная у всех сайтов, акцент темы на ней тонет */
  color: var(--pb-accent-on-dark, var(--pb-accent))!important; text-decoration: underline; text-underline-offset: 3px;
}
.pb-grid-btn, .entry-content a.pb-grid-btn, .article-body a.pb-grid-btn {
  flex: 0 0 auto; display: inline-flex; align-items: center;
  padding: 8px 18px; border: 0; border-radius: 50px;
  background: var(--pb-accent); color: var(--pb-on-accent, #111)!important;
  font-size: 14px; font-weight: 500; line-height: 1.5;
  text-decoration: none; white-space: nowrap;
}
.pb-grid-btn:hover { opacity: .85; }
/* общая кнопка в шапке заменила «See the bundle» под каждой карточкой
   (Kate 03.09.2026) */
.pb-product-grid .pb-product-card .pb-btn { display: none; }
/* подложка блока тёмная — текст карточки светлый, иначе он сливается с фоном
   (fontmaestro: h3-рекомендация и абзац были не видны, Kate 03.09.2026) */
.pb-product-grid .pb-product-card,
.pb-product-grid .pb-product-card h2,
.pb-product-grid .pb-product-card h3,
.pb-product-grid .pb-product-card h4,
.pb-product-grid .pb-product-card p,
.pb-product-grid .pb-product-card strong,
.pb-product-grid .pb-product-card h3 a { color: #fff; }
/* Название карточки товара — всегда кликабельная ссылка, видно, что это
   ссылка (акцент + подчёркивание), а не просто текст (Kate 05.09.2026) */
.pb-product-grid .pb-product-card-body > strong:first-child > a,
.pb-product-grid .pb-product-card h3 a {
  color: var(--pb-accent);
  text-decoration: underline;
  text-underline-offset: 3px;
}
/* бейдж лицензии повторялся у каждой карточки и вылезал над кадром */
.pb-product-grid .pb-badge { display: none; }
.pb-product-grid .pb-product-card br { display: none; }
.pb-product-grid .pb-product-card {
  margin: 0;
  /* row 1 = title, row 2 = body text (stretches to absorb length differences),
     remaining rows (image, button) auto — keeps images/buttons row-aligned
     across cards even when paragraph length varies ("ровненько"). */
  display: grid;
  grid-template-rows: auto 1fr auto;
}
.pb-product-grid .pb-product-card .pb-btn { width: 100%; }
.pb-product-grid .pb-product-card h2,
.pb-product-grid .pb-product-card h3 {
  /* fixed 2-line block regardless of title length — otherwise a 1-line
     title vs a 2-line title in the same row shifts where the image starts
     ("картинки прыгают вверх/вниз"), since "auto" sizes to actual content. */
  line-height: 1.3;
  min-height: 2.6em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* всегда три карточки в строку, никаких двоек и четвёрок (Kate 03.09.2026);
   одна колонка остаётся только на телефоне, где три не читаются */
@media (min-width: 560px) {
  .pb-product-grid { grid-template-columns: repeat(3, 1fr); }
}

/* Ряд пинов внутри статьи — три вертикальных кадра в строку (Kate 05.09.2026).
   Кадры пинов у статьи уже есть, они 9:16 и сняты под ту же боль, что текст;
   в статье они работают как галерея «как это выглядит», а не как ссылка наружу.
   Подпись необязательна; Pin It на них ставит тема, как на любой кадр контента. */
.pb-pin-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--pb-space-4);
  margin: var(--pb-space-7) 0;
}
.pb-pin-row figure { margin: 0; }
.pb-pin-row img {
  width: 100%;
  aspect-ratio: 9 / 16;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}
.pb-pin-row figcaption {
  margin-top: var(--pb-space-2);
  font-size: 0.85rem;
  line-height: 1.4;
  color: var(--pb-muted);
}

/* Jump-to-category pills — top (named) and bottom (numbered) nav on showcase pages */
.pb-category-nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--pb-space-3);
  margin: 0 0 var(--pb-space-7);
}
.pb-category-nav a {
  display: inline-block;
  padding: var(--pb-space-2) var(--pb-space-5);
  border: 1px solid var(--pb-accent);
  border-radius: 999px;
  color: var(--pb-accent-deep);
  font-weight: 600;
  font-size: var(--pb-text-sm);
  text-decoration: none;
}
.pb-category-nav a:hover { background: var(--pb-accent); color: #fff; }

/* "Related reading" links at the end of an article — same pill look as
   pb-category-nav so the links read as separate clickable chips instead of
   running together as one line of comma-joined text. */
.pb-related-reading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--pb-space-2) var(--pb-space-3);
  margin: var(--pb-space-7) 0;
}
.pb-related-reading-link {
  display: inline-block;
  line-height: 1.3;
  background: color-mix(in srgb, var(--pb-accent) 12%, transparent);
  border-radius: var(--pb-radius-sm);
  color: var(--pb-accent-deep);
  font-weight: 600;
  font-size: var(--pb-text-xs);
  text-decoration: none;
}
/* .pbl *{padding:0;margin:0} in skin-mock.css loads after this and matches
   with the same specificity — scope through .entry-content/.article-body
   to outweigh it, same fix as .pb-mega-cta above. */
.entry-content .pb-related-reading-link, .article-body .pb-related-reading-link {
  padding: var(--pb-space-1) var(--pb-space-3);
}
.pb-related-reading-link:hover { background: var(--pb-accent); color: #fff; }

/* Bottom numbered nav — visually matches the site's own archive pagination
   (.pagination__link, functions.php pb_skin_category()): square pill, no
   border, dark-fill hover instead of the accent-outline top nav. */
.pb-category-nav--numbers {
  justify-content: center;
}
.pb-category-nav--numbers a {
  display: grid;
  place-items: center;
  min-width: 2.4em;
  width: 2.4em;
  height: 2.4em;
  padding: 0;
  border: none;
  border-radius: 3px;
  color: var(--pb-ink);
  background: transparent;
}
.pb-category-nav--numbers a:hover { background: rgba(25, 25, 25, .08); color: var(--pb-ink); }
.pb-product-section-title { margin: var(--pb-space-8) 0 var(--pb-space-4); scroll-margin-top: 90px; }

/* ══════════════════════════════════════════
   QUICK ANSWER  (.quick-answer — первый блок статьи)
══════════════════════════════════════════ */
.quick-answer {
  background: #fff;
  border: 1px solid var(--pb-accent);
  border-left-width: 5px;
  border-radius: var(--pb-radius);
  padding: var(--pb-space-5) var(--pb-space-6);
  margin: 0 0 var(--pb-space-7);
}
.quick-answer p { margin: 0; color: var(--pb-ink); }
.quick-answer strong { color: var(--pb-accent-deep); }

/* ══════════════════════════════════════════
   CHECKLIST  (.pb-checklist — «перед публикацией проверь» внутри статьи)
   Шаблонный блок на всех сайтах: заголовок-строка + список. Отступы держит
   кит, в разметку статьи стили не пишутся. Разметка — article-layout-standard.md.
══════════════════════════════════════════ */
.pb-checklist {
  background: var(--pb-cream);
  border: 1px solid var(--pb-line);
  border-left: 4px solid var(--pb-accent);
  border-radius: var(--pb-radius);
}
.entry-content .pb-checklist, .article-body .pb-checklist {
  padding: var(--pb-space-5) var(--pb-space-6);
  margin: var(--pb-space-7) 0;
}
.pb-checklist-title { margin: 0 0 var(--pb-space-2); font-weight: 700; color: var(--pb-ink); }
.entry-content .pb-checklist ul, .article-body .pb-checklist ul { margin: 0; padding-left: 1.25em; }
.entry-content .pb-checklist li, .article-body .pb-checklist li { margin: 0 0 var(--pb-space-1); }
.pb-checklist li:last-child { margin-bottom: 0; }
.pb-checklist > p:last-child { margin-bottom: 0; }

/* ══════════════════════════════════════════
   KEY INSIGHT  (.key-insight — выноска внутри текста)
══════════════════════════════════════════ */
.key-insight {
  background: none;
  border: 0;
  border-left: 3px solid var(--pb-secondary);
  border-radius: 0;
  padding: var(--pb-space-1) 0 var(--pb-space-1) var(--pb-space-6);
  margin: var(--pb-space-7) 0;
  max-width: 62ch;
  font-style: italic;
  font-size: var(--pb-text-base);
}
.key-insight p { margin: 0; color: var(--pb-ink); }

/* ══════════════════════════════════════════
   LAST UPDATED  (.last-updated — freshness signal)
══════════════════════════════════════════ */
.last-updated { color: var(--pb-accent-deep); font-size: var(--pb-text-sm); margin-top: var(--pb-space-7); }

/* ══════════════════════════════════════════
   ARTICLE TABLES  (обычные таблицы в контенте — размеры, гейдж)
══════════════════════════════════════════ */
.entry-content table { width: 100%; border-collapse: collapse; margin: var(--pb-space-7) 0; font-size: .98rem; }
.entry-content table th,
.entry-content table td { padding: 11px 14px; border-bottom: 1px solid var(--pb-line); text-align: left; vertical-align: top; }
.entry-content table thead th { background: var(--pb-cream); color: var(--pb-ink); font-weight: 700; }

/* ══════════════════════════════════════════
   FOOTER DISCLOSURE  (wp_footer, все страницы)
══════════════════════════════════════════ */
.pb-footer-disclosure {
  max-width: 900px;
  text-align: center;
  font-size: .82rem;
  color: var(--pb-accent-text, var(--pb-accent-deep));
}
/* .pbl .X — тот же тай-брейк с .pbl *{padding:0;margin:0}, что и у .pb-mega-cta:
   единственный класс той же специфичности проигрывает по порядку загрузки.
   .pbl — гарантированный предок любого элемента страницы (31.08.2026). */
.pbl .pb-footer-disclosure { margin: 0 auto; padding: 18px 20px 26px; }
.pb-footer-disclosure a { color: var(--pb-accent); }

/* ══════════════════════════════════════════
   SHARE ROW  (.pb-share — два блока: над телом статьи и под ним)
   Pinterest первый и в фирменном красном: он — источник трафика сайта.
══════════════════════════════════════════ */
.pb-share {
  margin: var(--pb-space-7) 0 var(--pb-space-2);
  padding: var(--pb-space-5) var(--pb-space-6);
  background: var(--pb-cream);
  border: 1px solid var(--pb-line);
  border-radius: var(--pb-radius);
}
.pb-share-label {
  display: block;
  margin-bottom: 12px;
  font-size: .82rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--pb-accent-deep);
}
.pb-share .pb-share-list {
  display: flex; flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.pb-share-list li { margin: 0; }
.pb-share-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 15px;
  border: 1px solid var(--pb-line);
  border-radius: var(--pb-radius-pill);
  background: #fff;
  color: var(--pb-ink);
  font-size: .9rem;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.pb-share-btn svg { width: 17px; height: 17px; fill: currentColor; flex-shrink: 0; }
.pb-share-btn:hover,
.pb-share-btn:focus-visible { background: var(--pb-ink); border-color: var(--pb-ink); color: #fff; }

/* Все сети — фирменным цветом, одинаковый размер (Kate 18.09.2026: не выделять
   Pinterest одну, остальные не оставлять белыми). Email без бренд-цвета —
   у него его нет, оставлен нейтральным. */
.pb-share-pinterest { background: #E60023; border-color: #E60023; color: #fff; }
.pb-share-pinterest:hover,
.pb-share-pinterest:focus-visible { background: #AD001A; border-color: #AD001A; }
.pb-share-facebook { background: #1877F2; border-color: #1877F2; color: #fff; }
.pb-share-facebook:hover,
.pb-share-facebook:focus-visible { background: #145DBF; border-color: #145DBF; }
.pb-share-x { background: #000; border-color: #000; color: #fff; }
.pb-share-x:hover,
.pb-share-x:focus-visible { background: #333; border-color: #333; }
.pb-share-whatsapp { background: #25D366; border-color: #25D366; color: #fff; }
.pb-share-whatsapp:hover,
.pb-share-whatsapp:focus-visible { background: #1DA851; border-color: #1DA851; }

@media (max-width: 480px) {
  .pb-share-btn span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .pb-share-btn { padding: 11px 13px; }
}

/* ══════════════════════════════════════════
   ОБЛИК САЙТА  (777/rules/site-design-standard.md)

   Палитра Kadence (--global-palette1..9) объявлена родителем на :root
   инлайном в <head>. Переопределяем на body: у переменной, объявленной ниже
   по дереву, приоритет выше независимо от порядка подключения стилей.
══════════════════════════════════════════ */
/* PB:TOKENS START — генерируется build_site.py из site.json, руками не править */
body {
  --global-palette1: #2A5D62;   /* акцент: ссылки, рубрика, кнопки */
  --global-palette2: #1C4145;   /* акцент hover */
  --global-palette3: #1F2426;   /* заголовки */
  --global-palette4: #28302F;
  --global-palette5: #454C4E;   /* текст */
  --global-palette6: #79817F;
  --global-palette7: #EDE8DF;   /* подложки */
  --global-palette8: #FAF7F2;   /* фон блоков */
  --global-palette9: #ffffff;
  --global-palette-highlight: #2A5D62;
  --global-palette-highlight-alt: #1C4145;
  --global-palette-btn-bg: #2A5D62;
  --global-palette-btn-bg-hover: #1C4145;

  --global-heading-font-family: 'Bricolage Grotesque', 'Hanken Grotesk', Georgia, serif;
  --global-body-font-family: 'Hanken Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;

  --pb-accent:      #2A5D62;
  --pb-accent-deep: #1C4145;
  --pb-secondary:   #8A6E52;
  --pb-cream:       #FAF7F2;
  --pb-ink:         #1F2426;
  --pb-line:        #DAD5CB;

  --pb-mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='%232A5D62' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M24 5 12 22'/%3E%3Cellipse cx='23' cy='7' rx='1.6' ry='2.6' transform='rotate%2835 23 7%29'/%3E%3Cpath d='M11 23c-3 1-5 3-5 5'/%3E%3Cpath d='M6 28c3-1 6-1 9 1'/%3E%3C/g%3E%3C/svg%3E");
}
/* PB:TOKENS END */

.entry-title,
h1, h2, h3, .site-title {
  font-family: var(--global-heading-font-family);
  letter-spacing: -.01em;
}
h2 { font-weight: 600; }

/* ── Логотип: вордмарк заголовочным шрифтом + знак-клубок ────────────── */
.site-title {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
}
.site-title::before {
  content: "";
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  background: var(--pb-mark) center/contain no-repeat;
}

/* ── Сайдбар ─────────────────────────────────────────────────────────── */
.primary-sidebar .widget {
  margin-bottom: var(--pb-space-6);
  padding: var(--pb-space-5);
  background: var(--pb-cream);
  border: 1px solid var(--pb-line);
  border-radius: var(--pb-radius);
}
.primary-sidebar .widget-title,
.primary-sidebar .widgettitle {
  margin: 0 0 12px;
  font-family: var(--global-heading-font-family);
  font-size: 1.02rem;
  letter-spacing: .02em;
}
.primary-sidebar ul { margin: 0; padding: 0; list-style: none; }
.primary-sidebar li + li { margin-top: 9px; }
.primary-sidebar a { color: var(--pb-ink); text-decoration: none; }
.primary-sidebar a:hover { color: var(--pb-accent); text-decoration: underline; }
.primary-sidebar .search-field { width: 100%; }

.pb-side-author { text-align: center; }
.pb-side-author img {
  width: 108px;
  height: 108px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 auto 12px;
  display: block;
}
.pb-side-author p { font-size: .93rem; line-height: 1.55; margin: 0 0 12px; }
.pb-side-author a { color: var(--pb-accent); font-weight: 600; }

/* «Начните отсюда»: маршрут из трёх шагов, поэтому номер и строка пользы —
   без них блок читается как «свежие записи» под чужим заголовком. */
.pb-start-sub {
  margin: -4px 0 14px;
  font-size: .88rem;
  line-height: 1.5;
  color: var(--pb-ink-soft);
}
.pb-start-list { margin: 0; padding: 0; list-style: none; counter-reset: none; }
.pb-start-list li + li {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--pb-line);
}
.pb-start-list a {
  display: flex;
  gap: 10px;
  align-items: baseline;
  font-weight: 600;
  line-height: 1.35;
}
.pb-start-n {
  flex: 0 0 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--pb-accent);
  color: #fff;
  font-size: .78rem;
  font-weight: 700;
  text-align: center;
  line-height: 22px;
}
.pb-start-note {
  display: block;
  margin: 5px 0 0 32px;
  font-size: .85rem;
  line-height: 1.5;
  color: var(--pb-ink-soft);
}

.primary-sidebar .widget.pb-side-pin,
.pb-side-pin {
  background: var(--pb-accent-deep, var(--pb-ink));
  border-color: var(--pb-accent-deep, var(--pb-ink));
  color: #fff;
  text-align: center;
}
.primary-sidebar .widget.pb-side-pin .widget-title,
.primary-sidebar .widget.pb-side-pin p { color: #fff; }
.pb-side-pin a {
  display: inline-block;
  margin-top: 10px;
  padding: 10px 18px;
  border-radius: var(--pb-radius-pill);
  background: #fff;
  color: var(--pb-accent-deep, var(--pb-ink));
  font-weight: 700;
}

/* Рубрика над заголовком — оставалась дефолтной синей Kadence. */
.entry-taxonomies a,
.entry-taxonomies .category-style-normal a { color: var(--pb-accent); }
.entry-taxonomies a:hover { color: var(--pb-accent-deep); }

/* Восемь пунктов меню + вордмарк не влезали в строку. */
.header-navigation .header-menu-container > ul > li > a { font-size: .95rem; }

/* Портрет на About растягивался во всю колонку. */
.page .entry-content > figure.wp-block-image:first-of-type img {
  max-width: 300px;
  border-radius: 50%;
  aspect-ratio: 1;
  object-fit: cover;
  margin-inline: auto;
  display: block;
}

/* ══════════════════════════════════════════
   ВЁРСТКА СТАТЬИ — разбор 16.08.2026
   Четыре дефекта: правая треть пустеет после сайдбара, мера строки 88 знаков,
   H2 и H3 неразличимы, спецблоки — четыре оттенка одного крема.
══════════════════════════════════════════ */

/* 1. Текст и картинки — одна ширина, во всю колонку entry-content, как
   картинка-обложка вверху статьи. Раньше текст держали на 68ch, а картинки
   пускали во всю колонку — на широком экране текст казался «обрезанным»
   рядом с широкой картинкой (Kate 31.08.2026). */
.entry-content {
  font-size: var(--pb-text-lg);
  line-height: 1.72;
  font-variant-numeric: tabular-nums;
}
.entry-content > p { margin-bottom: 1.35em; }

/* 2. Иерархия. H2 — раздел со своей чертой, H3 — шаг внутри него.
   Было 28 против 24 в одном начертании, читалось как один уровень. */
.entry-content h2 {
  font-size: var(--pb-text-3xl);
  line-height: 1.18;
  margin: 3.2rem 0 1rem;
  padding-top: 1.4rem;
  border-top: 2px solid var(--pb-accent);
}
.entry-content h2:first-child { border-top: 0; padding-top: 0; margin-top: 0; }
.entry-content h3 {
  font-size: var(--pb-text-xl);
  font-weight: 600;
  line-height: 1.3;
  margin: 2.1rem 0 .5rem;
  color: var(--pb-accent-deep);
}

/* 4. Оглавление — в две колонки, чтобы не быть стеной из девяти строк. */
.pb-toc ul {
  list-style: none;
  columns: 2;
  column-gap: 32px;
}
@media (max-width: 700px) { .pb-toc ul { columns: 1; } }
.pb-toc li {
  break-inside: avoid;
  line-height: 1.4;
}

/* 5. Сайдбар: заголовки виджетов Kadence шли мимо наших карточек,
   а белый текст на красном тонул. */
.primary-sidebar .widget > h2,
.primary-sidebar .widget > .widget-title {
  font-family: var(--global-heading-font-family);
  font-size: 1rem;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.primary-sidebar .widget.pb-side-pin p { color: #fff; opacity: 1; font-weight: 500; }

/* 6. Подписи под картинками — по левому краю, единообразно. */
.entry-content figcaption {
  text-align: left;
  font-size: .86rem;
  color: var(--pb-muted, #8C8375);
  margin-top: 8px;
}

/* ══════════════════════════════════════════
   7. ГЛАВНАЯ, АРХИВЫ, ПОДВАЛ — 16.08.2026
   Голая архивная лента Kadence читалась как дефолт темы:
   трёхколоночная сетка с крупными заголовками, пустая ячейка
   справа внизу и никакого входа в сайт сверху.
   ══════════════════════════════════════════ */

/* 7.1 Первый экран главной. */
.pb-hero {
  background: var(--pb-cream);
  border-bottom: 1px solid var(--pb-line);
  padding: var(--pb-space-8) var(--pb-space-6);
  margin-bottom: var(--pb-space-8);
}
.pb-hero-inner { max-width: 780px; margin: 0 auto; text-align: center; }
.pb-hero-eyebrow {
  margin: 0 0 var(--pb-space-3);
  font-size: var(--pb-text-xs);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--pb-accent);
  font-weight: 700;
}
.pb-hero-title {
  font-family: var(--global-heading-font-family);
  font-size: clamp(2rem, 6vw, 3rem);
  line-height: 1.12;
  margin: 0 0 var(--pb-space-5);
  color: var(--pb-ink);
}
.pb-hero-sub {
  margin: 0 auto;
  max-width: 56ch;
  font-size: var(--pb-text-lg);
  line-height: 1.6;
  color: var(--pb-ink);
}
.pb-hero-label {
  margin: var(--pb-space-7) 0 var(--pb-space-3);
  font-size: var(--pb-text-xs);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--pb-accent-deep);
  font-weight: 700;
}
.pb-hero-links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--pb-space-3) var(--pb-space-5);
}
.pb-hero-links a {
  color: var(--pb-ink);
  text-decoration: none;
  border-bottom: 2px solid var(--pb-accent);
  padding-bottom: 2px;
  font-size: var(--pb-text-base);
}
.pb-hero-links a:hover { color: var(--pb-accent); }

@media (max-width: 767px) {
  .pb-hero { padding: var(--pb-space-7) var(--pb-space-5); margin-bottom: var(--pb-space-7); }
  .pb-hero-links { flex-direction: column; align-items: center; gap: var(--pb-space-3); }
}

/* 7.2 Карточки архива: две колонки вместо трёх, заголовок в размер
   карточки, одинаковая высота, анонс в три строки. */
.post-archive.grid-lg-col-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.post-archive .entry.loop-entry {
  height: 100%;
  border: 1px solid var(--pb-line);
  border-radius: var(--pb-radius);
  overflow: hidden;
  background: #fff;
  transition: box-shadow .18s ease, transform .18s ease;
}
.post-archive .entry.loop-entry:hover { box-shadow: var(--pb-shadow); transform: translateY(-2px); }
.post-archive .entry-content-wrap { padding: var(--pb-space-5) var(--pb-space-6) var(--pb-space-6); }
.post-archive .entry-title {
  font-size: var(--pb-text-xl);
  line-height: 1.25;
  margin: 0 0 var(--pb-space-3);
}
.post-archive .entry-title a { color: var(--pb-ink); text-decoration: none; }
.post-archive .entry-title a:hover { color: var(--pb-accent); }
.post-archive .entry-taxonomies {
  font-size: var(--pb-text-xs);
  letter-spacing: .08em;
  text-transform: uppercase;
}
.post-archive .entry-summary {
  font-size: var(--pb-text-sm);
  line-height: 1.55;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.post-archive .more-link-wrap a {
  font-size: var(--pb-text-sm);
  font-weight: 600;
  color: var(--pb-accent);
  text-decoration: none;
}

@media (max-width: 719px) {
  .post-archive.grid-lg-col-3 { grid-template-columns: minmax(0, 1fr); }
}

/* 7.3 «Читать дальше» — три карточки в конце статьи. */
.pb-related {
  margin: var(--pb-space-8) 0 0;
  padding-top: var(--pb-space-7);
  border-top: 1px solid var(--pb-line);
}
.pb-related > h2 {
  font-family: var(--global-heading-font-family);
  font-size: var(--pb-text-2xl);
  margin: 0 0 var(--pb-space-6);
  border: 0;
  padding: 0;
}
.pb-related-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--pb-space-6);
}
.pb-related .pb-card-title { font-size: var(--pb-text-base); }
@media (max-width: 719px) {
  .pb-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--pb-space-5); }
}
@media (max-width: 479px) {
  .pb-related-grid { grid-template-columns: minmax(0, 1fr); }
}

/* 7.4 Подвал: свои ссылки вместо «WordPress Theme by Kadence WP». */
.pb-footer-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--pb-space-3) var(--pb-space-5);
  font-size: var(--pb-text-sm);
}
.pbl .pb-footer-nav { margin: 0 0 var(--pb-space-4); }
.pb-footer-nav a { text-decoration: none; }
.pb-footer-nav a:hover { color: var(--pb-accent); text-decoration: underline; }
.pb-footer-copy {
  margin: 0;
  text-align: center;
  font-size: var(--pb-text-xs);
  opacity: .8;
}

/* 7.5 Поиск в сайдбаре. */
.pb-side-search form { display: flex; gap: var(--pb-space-2); }
.pb-side-search .search-field,
.pb-side-search input[type="search"] {
  flex: 1 1 auto;
  min-width: 0;
  border: 1px solid var(--pb-line);
  border-radius: var(--pb-radius-sm);
  padding: var(--pb-space-3) var(--pb-space-4);
  font-size: var(--pb-text-sm);
}
.pb-side-search .search-submit {
  background: var(--pb-accent);
  color: #fff;
  border: 0;
  border-radius: var(--pb-radius-sm);
  padding: var(--pb-space-3) var(--pb-space-4);
  font-size: var(--pb-text-sm);
  cursor: pointer;
}

/* 7.6 Счётчики шеров. Считается клик по нашей кнопке — публичных счётчиков
   у Facebook и Pinterest больше нет. До пяти число скрыто. */
.pb-share-total {
  display: block;
  margin: -6px 0 var(--pb-space-4);
  font-size: var(--pb-text-sm);
  color: var(--pb-accent-deep);
}
.pb-share-total b { font-variant-numeric: tabular-nums; }
/* `display` у обоих элементов перебивает браузерное [hidden]{display:none},
   и скрытый счётчик всё равно рисовался как «0 shares». */
.pb-share-total[hidden],
.pb-share-count[hidden] { display: none; }

/* Верхний блок — строка, а не карточка: он стоит до первого абзаца и не должен
   отодвигать текст вниз. Карточкой остаётся только нижний. */
.pb-share--top {
  margin: var(--pb-space-4) 0;
  padding: 0;
  background: none;
  border: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px var(--pb-space-4);
}
.pb-share--top .pb-share-list { flex: 1 0 auto; }
.pb-share--top .pb-share-label { margin: 0; }
.pb-share--top .pb-share-total { margin: 0; }
.pb-share--top .pb-share-btn { padding: 7px 11px; font-size: var(--pb-text-xs); }
.pb-share--top .pb-share-btn svg { width: 15px; height: 15px; }
@media (max-width: 640px) {
  .pb-share--top .pb-share-label { flex-basis: 100%; }
}
.pb-share-count {
  margin-left: var(--pb-space-2);
  font-style: normal;
  font-size: var(--pb-text-xs);
  font-variant-numeric: tabular-nums;
  opacity: .75;
}

/* ══════════════════════════════════════════════════════════════════════
   8. СТРАНИЦА ABOUT — 16.08.2026

   Было: колонка текста прижата влево в тысячепиксельном белом поле, портрет
   одиноким кругом по центру между абзацами. Читается как страница без автора.
   Стало: портрет рядом с текстом, три проверяемых числа строкой, абзац «на чём
   сайт зарабатывает» отдельным блоком.
══════════════════════════════════════════════════════════════════════ */

/* 8.1 Колонка страницы центрируется целиком, а не поэлементно: у заголовка
   мера 68ch считается его собственным кеглем и даёт полторы тысячи пикселей,
   поэтому центрирование каждого блока по отдельности разъезжает — заголовок
   уходит левее текста. */
.page .entry-content {
  max-width: calc(var(--pb-measure) + 220px + var(--pb-space-7));
  margin-left: auto;
  margin-right: auto;
}

/* 8.2 Вступление: портрет и текст рядом. */
.pb-about-intro {
  display: grid;
  gap: var(--pb-space-7);
  align-items: start;
  max-width: var(--pb-measure);
  margin: 0 auto var(--pb-space-8);
}
.pb-about-intro img {
  width: 100%;
  border-radius: var(--pb-radius);
  border: 1px solid var(--pb-line);
  display: block;
}
/* wpautop оставляет пустой <p> после картинки — как элемент грида он занимает
   вторую колонку и сбрасывает текст на строку ниже. */
.pb-about-intro > p:empty,
.pb-about-facts > p:empty,
.pb-about-cta > p:empty { display: none; }
.pb-about-intro p { margin: 0 0 1.1em; }
.pb-about-intro p:last-child { margin-bottom: 0; }
.pb-about-lede {
  font-family: var(--global-heading-font-family);
  font-size: var(--pb-text-2xl);
  line-height: 1.35;
  color: var(--pb-accent);
}
@media (min-width: 720px) {
  .pb-about-intro {
    grid-template-columns: 220px 1fr;
    max-width: calc(var(--pb-measure) + 220px + var(--pb-space-7));
  }
}

/* 8.3 Три числа строкой. Только проверяемое: срок, счёт готовых пледов,
   привычка. Ни одного придуманного показателя. */
.pb-about-facts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--pb-space-6);
  max-width: calc(var(--pb-measure) + 220px + var(--pb-space-7));
  margin: 0 auto var(--pb-space-8);
  padding: var(--pb-space-6) 0;
  border-top: 1px solid var(--pb-line);
  border-bottom: 1px solid var(--pb-line);
  text-align: center;
}
.pb-about-fact b {
  display: block;
  font-family: var(--global-heading-font-family);
  font-size: var(--pb-text-3xl);
  line-height: 1.1;
  color: var(--pb-accent);
  font-variant-numeric: tabular-nums;
}
.pb-about-fact span {
  display: block;
  margin-top: var(--pb-space-2);
  font-size: var(--pb-text-sm);
  color: var(--pb-accent-deep);
}
@media (max-width: 599px) {
  .pb-about-facts { grid-template-columns: 1fr; gap: var(--pb-space-5); }
}

/* 8.4 «На чём сайт зарабатывает» — единственный блок страницы с подложкой:
   это то место, где читатель ищет подвох. */
.pb-about-money {
  max-width: var(--pb-measure);
  margin: 0 0 var(--pb-space-8);
  padding: var(--pb-space-5) var(--pb-space-6);
  background: var(--pb-cream);
  border: 1px solid var(--pb-line);
  border-radius: var(--pb-radius);
}
.pb-about-money h2 { margin-top: 0 !important; }
.pb-about-money p:last-child { margin-bottom: 0; }

/* 8.5 Финальный переход. */
.pb-about-cta {
  margin: 0;
  padding-top: var(--pb-space-6);
  border-top: 1px solid var(--pb-line);
  display: flex;
  flex-wrap: wrap;
  gap: var(--pb-space-4);
  align-items: center;
}
.pb-about-cta p { margin: 0; flex: 1 1 100%; font-size: var(--pb-text-sm); max-width: var(--pb-measure); }

/* 8.6 Ссылки в тексте страницы. Без этого Kadence красит их своим синим —
   единственное синее пятно на всём сайте. */
.page .entry-content a:not(.pb-btn),
.article-body a:not(.pb-btn) { color: var(--pb-accent); }
.page .entry-content a:not(.pb-btn):hover,
.article-body a:not(.pb-btn):hover { color: var(--pb-accent-deep); }

/* ══════════════════════════════════════════
   PRODUCT CARD — вариант с картинкой навылет (сетка подборки)
   .pb-product-card > .pb-product-media + .pb-product-card-body
══════════════════════════════════════════ */
.pb-product-card:has(.pb-product-card-body) {
  padding: 0;
  text-align: left;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.pb-product-media { position: relative; display: block; line-height: 0; }
.pb-product-media img {
  width: 100%; height: auto; aspect-ratio: 3 / 2;
  object-fit: cover; display: block;
}
.pb-product-grid--vertical .pb-product-media img { aspect-ratio: 2 / 3; }
.pb-product-card-body { padding: var(--pb-space-5); display: flex; flex-direction: column; flex: 1; }
.pb-product-card-body h2,
.pb-product-card-body h3 { margin: 0 0 var(--pb-space-3); font-size: var(--pb-text-xl); }
.pb-product-card-body p { font-size: var(--pb-text-sm); margin: 0 0 var(--pb-space-4); }
.pb-product-card-body p:last-child { margin: auto 0 0; }
/* Кнопка растягивается на всю ширину карточки — без этого ширина кнопки
   зависела от длины текста ("Get X on All Access" vs "Download Y Free"),
   и в одной сетке кнопки выходили визуально разного размера. Kate 24.08.2026. */
.pb-product-card-body .pb-btn { width: 100%; }

/* ══════════════════════════════════════════
   BADGE  (.pb-badge — метка поверх картинки: лицензия, «free», «bestseller»)
══════════════════════════════════════════ */
/* Метка не лежит поверх кадра: она перекрывала слова на самой картинке, а
   длинная строка в одну линию обрезалась по обоим краям (Kate 02.09.2026).
   Теперь это чип в потоке над названием — переносится, не режется, не спорит
   с надписями на кадре. */
.pb-badge {
  display: inline-block; margin: 0 0 var(--pb-space-2);
  background: var(--pb-accent); color: #fff;
  padding: var(--pb-space-1) var(--pb-space-3);
  border-radius: var(--pb-radius-sm);
  font-size: var(--pb-text-xs); font-weight: 600;
  text-transform: uppercase; letter-spacing: .08em;
  line-height: 1.4;
  max-width: 100%;
}

/* ══════════════════════════════════════════
   POST TAGS  (.pb-post-tags — теги под текстом статьи)
══════════════════════════════════════════ */
/* Чипы: заливка и вес, а не бледная рамка — прежние теги читались как
   служебная сноска и на кремовом фоне почти сливались (Kate 03.09.2026). */
.pb-post-tags {
  display: flex; flex-wrap: wrap; align-items: center; gap: var(--pb-space-2);
  margin: var(--pb-space-6) 0 0;
}
.pb-post-tags .pb-post-tag {
  display: inline-flex; align-items: center;
  background: color-mix(in srgb, var(--pb-accent) 9%, #fff);
  border: 1px solid color-mix(in srgb, var(--pb-accent) 22%, #fff);
  border-radius: var(--pb-radius-pill);
  padding: 7px 16px;
  font-size: var(--pb-text-sm); font-weight: 600; line-height: 1.15;
  color: var(--pb-accent-text, var(--pb-accent-deep)); text-decoration: none;
  transition: background .14s ease, border-color .14s ease, color .14s ease;
}
.pb-post-tags .pb-post-tag:hover {
  background: var(--pb-accent); border-color: var(--pb-accent); color: #fff;
}

/* ══════════════════════════════════════════
   FAQ  (#faq / .pb-faq — блок вопросов, размечается FAQPage;
   пишется плоско: h3+p — .pb-faq-item в аккордеон оборачивает JS в футере
   (functions.php), разметку статей мигрировать не нужно)
══════════════════════════════════════════ */
#faq, .pb-faq { margin: var(--pb-space-7) 0; }
/* Заголовок FAQ — не рядовой H2 статьи: без верхней линии-акцента и меньше,
   иначе блок читается как ещё один большой раздел, а не компактный виджет. */
#faq > h2, .pb-faq > h2, #faq > h3, .pb-faq > h3 {
  font-size: var(--pb-text-2xl);
  border-top: 0;
  padding-top: 0;
  margin: 0 0 var(--pb-space-4);
}
@media (min-width: 700px) {
  #faq, .pb-faq { column-count: 2; column-gap: var(--pb-space-7); }
  #faq > h2, .pb-faq > h2, #faq > h3, .pb-faq > h3 { column-span: all; }
}
.pb-faq-item { border-bottom: 1px solid var(--pb-line); padding: var(--pb-space-4) 0; break-inside: avoid; }
.pb-faq-item summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--pb-space-4);
  cursor: pointer;
  list-style: none;
}
.pb-faq-item summary::-webkit-details-marker { display: none; }
.pb-faq-item summary h3 { margin: 0 !important; font-size: var(--pb-text-lg) !important; line-height: 1.4 !important; color: var(--pb-ink) !important; }
.pb-faq-item summary::after {
  content: "";
  flex-shrink: 0;
  width: 10px; height: 10px;
  border-right: 2px solid var(--pb-ink);
  border-bottom: 2px solid var(--pb-ink);
  transform: rotate(45deg);
  transition: transform .15s ease;
}
.pb-faq-item[open] summary::after { transform: rotate(-135deg); }
.pb-faq-item p { margin: var(--pb-space-3) 0 0; }

/* ══════════════════════════════════════════
   POPULAR  (.pb-popular — короткий список ссылок внутри текста)
══════════════════════════════════════════ */
.pb-popular {
  border: 1px solid var(--pb-line);
  border-radius: var(--pb-radius);
  padding: var(--pb-space-4) var(--pb-space-5);
  margin: var(--pb-space-7) 0;
  background: var(--pb-cream);
}
.pb-popular h2 { font-size: var(--pb-text-2xl); margin: 0 0 var(--pb-space-3) !important; }
.pb-popular ul { margin: 0; padding-left: var(--pb-space-4); }
.pb-popular li { font-size: var(--pb-text-sm); margin-bottom: var(--pb-space-2); }
.pb-popular a { color: var(--pb-ink); text-decoration: none; }
.pb-popular a:hover { color: var(--pb-accent); }
.pb-popular:not(:has(ul)) { border: 0; background: none; padding: 0; margin: 0; }

/* ══════════════════════════════════════════
   STEP  (.pb-step — нумерованный шаг инструкции;
   заголовок — обычный h3 с номером в тексте: "1. Заголовок", без кружков)
══════════════════════════════════════════ */
.pb-step { scroll-margin-top: 90px; margin-top: var(--pb-space-8); }
.pb-step:first-child { margin-top: 0; }
.pb-step h3 { margin: 0 0 var(--pb-space-4) !important; font-size: var(--pb-text-xl) !important; line-height: 1.3 !important; }
.pb-step p { margin: 0 0 var(--pb-space-5); }
.pb-step-img { border-radius: var(--pb-radius); overflow: hidden; margin: var(--pb-space-5) 0; }
.pb-step-img img { display: block; width: 100%; height: auto; border-radius: inherit; }

/* Галерея наших пинов после выводов: 9:16 целиком, без обрезки — их сохраняют.
   Правило: rules/article-layout-standard.md → «Наши пины внутри статьи». */
.pb-pin-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: var(--pb-space-3, 1rem);
  margin: var(--pb-space-5, 2rem) 0;
}
.pb-pin-gallery img {
  width: 100%;
  height: auto;
  border-radius: var(--pb-radius, 6px);
}

/* ── Кадры внутри статьи ────────────────────────────────
   pb-inline-img — обычный кадр, во всю колонку entry-content — та же
   ширина, что у картинки-обложки вверху статьи и у текста (Kate 31.08.2026).
   Высота у всех одинаковая через aspect-ratio + object-fit, а не «как
   получится» из исходника — иначе кадры в одной статье визуально разного
   размера.
   pb-pin-img — вертикальный пин-постер 9:16: целиком, без обрезки,
   но не во всю ширину, иначе он вытесняет текст.
──────────────────────────────────────────────────────── */
.entry-content .pb-inline-img,
.pb-inline-img {
  display: block;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  height: auto;
  margin: 2rem 0;
  border-radius: 8px;
}
/* Разметка бывает двух видов: <img class="pb-inline-img"> и обёртка
   <figure class="pb-inline-img"><img>. Во втором случае aspect-ratio 3/2
   висел на figure, а кадр внутри имел свою пропорцию — коробка схлопывалась
   при загрузке и вёрстка прыгала (CLS 0.119, статья vintageteestudio,
   01.09.2026). Пропорцию держит сам кадр. */
figure.pb-inline-img {
  aspect-ratio: auto;
  object-fit: initial;
}
figure.pb-inline-img > img {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  height: auto;
  margin: 0;
  border-radius: 8px;
}
.entry-content .pb-pin-img,
.pb-pin-img {
  display: block;
  width: 100%;
  max-width: 420px;
  height: auto;
  margin: 2rem 0;
  border-radius: 8px;
}

/* Подписи колонок подвала: тег h2 (иерархия заголовков без прыжка H2→H4),
   вид прежний — размер задаётся классом, а не тегом. */
.footer__heading{font-size:1rem;line-height:1.5;margin-bottom:15px;font-weight:600}

/* «Pin it» на наших кадрах — кнопка внутри обёртки картинки, а не плавающая:
   при прокрутке она остаётся на кадре и не наезжает на липкую шапку
   (z-index 2 против 9–10 у шапки). Kate 02.09.2026. */
.pb-pinnable{position:relative;display:block}
.pb-pinnable>img{display:block;width:100%;height:auto}
.pb-pin-btn,
.entry-content a.pb-pin-btn,
.article-body a.pb-pin-btn{position:absolute;top:12px;left:12px;z-index:2;display:inline-flex;
  align-items:center;gap:6px;height:auto;padding:9px 16px;border:0;border-radius:24px;
  background:#e60023;color:#fff!important;font-size:.875rem;font-weight:700;line-height:1;letter-spacing:0;
  text-decoration:none;box-shadow:0 1px 6px rgba(0,0,0,.25)}
.pb-pin-btn svg,.pb-pin-btn svg path{flex:0 0 auto;width:16px;height:16px;fill:#fff!important}
.entry-content a.pb-pin-btn:hover,.article-body a.pb-pin-btn:hover,
.pb-pin-btn:hover,.pb-pin-btn:focus-visible{background:#ad081b;color:#fff!important;text-decoration:none}

/* Блок «Related reading» каруселью по образцу Envato (Kate 02.09.2026):
   шапка с одной кнопкой View all, лента карточек с обложкой статьи, название
   на тёмной подложке, стрелки прокрутки по бокам ленты. */
/* Светлый блок в облике сайта: чёрный Kate сняла 03.09.2026 — на кремовой
   странице он читался как чужая вставка. Тёмным остаётся только товарный
   грид, там подложка работает на кадры товаров. */
/* селектор с .article-body/.entry-content: скины статьи обнуляют отступы
   секций, и padding блока до них не доезжал (Kate 03.09.2026) */
.pb-related,
.article-body .pb-related,
.entry-content .pb-related {
  margin: var(--pb-space-7) 0; padding: var(--pb-space-5);
  border-radius: var(--pb-radius-md, 12px);
  background: #fff; border: 1px solid var(--pb-line);
  color: var(--pb-ink);
}
.pb-related-head {
  display: flex; align-items: center; justify-content: space-between;
  gap: var(--pb-space-3); flex-wrap: wrap; margin-bottom: var(--pb-space-4);
}
.pb-related-title { margin: 0; color: var(--pb-ink); font-size: var(--pb-text-lg); line-height: 1.3; }
.pb-related-sub {
  margin: 4px 0 0; color: var(--pb-secondary); font-size: var(--pb-text-sm);
  line-height: 1.4;
}
.pb-related-actions { display: flex; align-items: center; gap: var(--pb-space-3); flex: 0 0 auto; }
.pb-related-more, .entry-content a.pb-related-more, .article-body a.pb-related-more {
  color: var(--pb-secondary); font-size: var(--pb-text-xs); font-weight: 600;
  text-decoration: none; white-space: nowrap;
}
.pb-related-more:hover { color: var(--pb-ink); text-decoration: underline; }
.pb-related-all,
.article-body a.pb-related-all,
.entry-content a.pb-related-all {
  flex: 0 0 auto; padding: var(--pb-space-2) var(--pb-space-5);
  border: 0; border-radius: 50px; background: var(--pb-accent);
  color: #fff; font-size: var(--pb-text-xs); font-weight: 700;
  text-decoration: none; white-space: nowrap;
}
.pb-related-all { color: #fff; }
.pb-related-all:hover { background: var(--pb-accent-deep); color: #fff; }
.pb-related-wrap { position: relative; }
.pb-related-track {
  display: flex; gap: var(--pb-space-3); overflow-x: auto;
  scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 2px;
}
.pb-related-track::-webkit-scrollbar { display: none; }
.pb-related-card {
  flex: 0 0 clamp(180px, 42%, 260px); scroll-snap-align: start;
}
.pb-related-link {
  position: relative; display: block; overflow: hidden;
  border-radius: var(--pb-radius-md, 12px); text-decoration: none;
  background: var(--pb-cream); aspect-ratio: 4 / 3;
}
.pb-related-img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pb-related-meta {
  position: absolute; left: 0; right: 0; bottom: 0; padding: 28px 12px 12px;
  background: linear-gradient(to top, rgba(0,0,0,.85), rgba(0,0,0,0));
}
.pb-related-name {
  color: #fff; font-size: var(--pb-text-xs); font-weight: 600; line-height: 1.35;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.pb-related-btn {
  position: absolute; left: 12px; top: 12px; padding: 6px 14px; border-radius: 50px;
  background: #fff; color: #191919; font-size: var(--pb-text-xs); font-weight: 600;
  opacity: 0; transition: opacity .15s;
}
.pb-related-link:hover .pb-related-btn { opacity: 1; }
@media (hover: none) { .pb-related-btn { opacity: 1; } }
.pb-related-nav {
  position: absolute; top: 50%; transform: translateY(-50%); z-index: 2;
  width: 36px; height: 36px; border: 1px solid var(--pb-line); border-radius: 50%;
  background: #fff; color: var(--pb-ink); font-size: 20px; line-height: 1;
  cursor: pointer; box-shadow: 0 2px 8px rgba(0,0,0,.12);
}
.pb-related-prev { left: 6px; }
.pb-related-next { right: 6px; }
.pb-related-nav:hover { background: var(--pb-ink); color: #fff; }

/* Заголовки в статье занимают всю колонку: text-wrap:balance в скинах ломал
   строку раньше края и H2 выглядел обрезанным (Kate 03.09.2026). pretty
   убирает только висячее слово, ширину не режет. */
body .entry-content :is(h2, h3, h4),
body .article-body :is(h2, h3, h4) { text-wrap: pretty; }

/* WooCommerce (li-lu): родные крошки Kadence живут в узкой правой колонке
   сетки товара и вылезали под sticky-шапку. Вместо починки на месте — гасим
   их совсем, а на woocommerce_before_single_product печатаются свои, во всю
   ширину и в стиле блога (functions.php, pb_skin_render_breadcrumbs). Kate 04.09.2026. */
.single-product .kadence-breadcrumbs { display: none; }
/* `main.site-main` у Kadence — display:contents (прозрачная обёртка), поэтому
   наш блок крошек становится обычным грид-элементом сетки товара
   (801px/450px) и садится в правую колонку узкой полосой. Растягиваем на всю
   сетку явно и ставим первой строкой (Kate 04.09.2026). */
.single-product .pb-wc-breadcrumb-shell {
  grid-column: 1 / -1;
  grid-row: 1;
  width: 100%;
}
/* `.pbl .shell{margin:0 auto}` — та же специфичность (0,2,0), но грузится
   позже и перебивает margin-bottom по цепочке каскада. Добьём специфичность
   вторым классом на этом же элементе (Kate 04.09.2026). */
.single-product .pb-wc-breadcrumb-shell.shell {
  margin-bottom: var(--pb-space-7);
}
/* Заголовок товара наследует общий h1 блога (clamp до 48px) — для длинных
   названий карточек товара это слишком крупно. Уже своя ветка h1, глобальный
   не трогаем (Kate 04.09.2026). */
.single-product .product_title {
  font-size: clamp(22px, 3.2vw, 32px);
}
@media (max-width: 1280px) {
  .pb-share-rail {
    display: none;
  }
}

/* ══════════════════════════════════════════════════════════════════════
   Каталог товаров (catalog.php) без скина. Подключается только на страницах
   каталога (functions.php, условие — query var pb_cat). Правила cat-* взяты
   из skin-learn.css как есть; ниже — то, без чего не встают: переменные
   (у скина они только под body.pb-skin-learn), сетка .shell и поля телефона.
   Шрифты — те же, что у сайта (pillow-fonts), не скиновые.
════════════════════════════════════════════════════════════════════════ */
:root {
  --bg: #fdf4ec; --ink: #191919; --grey: #707070; --grey-2: #8c8c8c;
  --lime: #7fe046; --lime-h: #64c72d; --plum: #b037a6; --white: #fff;
  --line: #e8dcd2; --wide: 1376px;
  --s25: 25px; --s30: 30px; --s45: 45px; --s65: 65px;
  --font: 'Source Sans 3', Arial, sans-serif;
  --font-head: 'Young Serif', Georgia, serif;
}
.pbl *, .pbl *::before, .pbl *::after { box-sizing: border-box; margin: 0; padding: 0; }
.pbl a { color: inherit; }
.pbl img { max-width: 100%; display: block; }
.pbl h1, .pbl h2, .pbl h3, .pbl .h3 { font-family: var(--font-head); font-weight: 400; line-height: 1.1; text-wrap: balance; }
.pbl .shell { max-width: calc(var(--wide) + 64px); margin: 0 auto; padding: 0 32px; width: 100%; }
.pbl { font-family: var(--font); color: var(--ink); overflow-x: hidden; }
@media (max-width: 760px) { .pbl .shell { padding: 0 16px; } }

/* ── хлебные крошки (тот же вид, что на статьях) ── */
.breadcrumbs { margin-top: var(--s45); }
.breadcrumbs ul { display: flex; gap: 10px; list-style: none; font-size: .875rem; letter-spacing: .02em; flex-wrap: wrap; }
.breadcrumbs li { display: flex; align-items: center; gap: 8px; }
.breadcrumbs li + li:before { content: "»"; color: var(--plum); }
.breadcrumbs a { color: var(--grey); text-decoration: none; }
.breadcrumbs li:last-child { color: var(--ink); }

/* ── каталог товаров партнёрки (theme/catalog.php) ────────────────
   Свои классы, не статейная сетка: у неё тёмная подложка, заголовок
   поверх кадра и спрятанная кнопка. Здесь всё ровно по рядам —
   кадр одной пропорции, заголовок под ним, кнопка прижата вниз. */
.cat-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 24px;
  margin:0 0 var(--s45);align-items:stretch}
.cat-card{display:flex;flex-direction:column;background:none;border:0;padding:0}
.cat-card__img{display:block;margin:0 0 14px;border-radius:14px;overflow:hidden;background:var(--line)}
.cat-card__img img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;
  border-radius:14px;transition:transform .25s ease}
.cat-card__img:hover img{transform:scale(1.03)}
.cat-card__title{font-size:17px;line-height:1.35;margin:0 0 8px;font-weight:700}
.cat-card__title a{color:var(--ink);text-decoration:none}
.cat-card__title a:hover{text-decoration:underline}
.cat-card__note{font-size:14px;line-height:1.5;color:var(--ink);opacity:.72;margin:0 0 14px}
.cat-card__cta{margin-top:auto;align-self:start;display:inline-block;
  font-size:13px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;
  color:var(--ink);text-decoration:none;padding:9px 16px;border:1px solid var(--ink);border-radius:999px}
.cat-card__cta:hover{background:var(--ink);color:var(--white)}
.cat-cards--sections .cat-card__title{font-size:20px}
.cat-more{margin:var(--s45) 0 var(--s25)}

/* шапка каталога: воздух под заголовком и до сортировки */
.cat-head .cat-title{margin:0 0 12px}
.cat-head+.cat-toolbar{margin-top:var(--s25)}
.cat-toolbar{border-bottom:1px solid var(--line);padding-bottom:12px}

@media(max-width:1024px){.cat-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.cat-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}
  .cat-card__title{font-size:16px}.cat-cards--sections .cat-card__title{font-size:18px}}
@media(max-width:420px){.cat-cards{grid-template-columns:1fr}}


/* ── левая колонка каталога: сортировки и группы, видны на первом экране ── */
.cat-layout{display:grid;grid-template-columns:232px minmax(0,1fr);gap:40px;
  align-items:start;margin-top:var(--s25)}
/* Колонка едет вместе со страницей и никогда не обрезается. Залипшая версия
   была выше экрана (1054 px против 790), и «Show» с «Rating» уходили за край —
   их доставала только своя прокрутка, которой никто не находил. Фасеты важнее
   залипания: всё видно сразу, вопрос «куда пропала панель» больше не
   возникает (Kate 03.10.2026, третья жалоба на эту колонку). */
.cat-side{display:flex;flex-direction:column;gap:26px;padding-right:6px}
.cat-facet h2{font-size:13px;text-transform:uppercase;letter-spacing:.08em;
  margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid var(--line);opacity:.65}
.cat-facet ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.cat-facet__link{display:flex;justify-content:space-between;gap:10px;align-items:baseline;
  padding:6px 10px;border-radius:8px;font-size:14px;line-height:1.35;
  color:var(--ink);text-decoration:none}
.cat-facet__link span{font-size:12px;opacity:.5;flex:none}
.cat-facet__link:hover{background:var(--line)}
.cat-facet__link.is-on{background:var(--lime);font-weight:700}
.cat-facet__link.is-on span{opacity:.7}
.cat-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:baseline;
  font-size:14px;opacity:.7}
.cat-toolbar__sort{font-size:13px}
.cat-card__meta{font-size:13px;opacity:.75;margin:0 0 14px}
.cat-empty{opacity:.6}
.cat-layout .cat-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.cat-pager{display:flex;flex-wrap:wrap;gap:8px}
.cat-pager a,.cat-pager__cur{padding:6px 11px;border-radius:8px;font-size:14px;text-decoration:none}
.cat-pager a{color:var(--ink);border:1px solid var(--line)}
.cat-pager__cur{background:var(--ink);color:var(--white)}
@media(max-width:1024px){
  .cat-layout{grid-template-columns:1fr;gap:28px}
  .cat-side{flex-direction:row;flex-wrap:wrap;gap:20px 32px}
  .cat-facet{flex:1 1 200px}
  .cat-layout .cat-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){.cat-layout .cat-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.cat-layout .cat-cards{grid-template-columns:1fr}}

/* Главная картинка товара каталога: коробка одного размера на всех страницах.
   Высоту задаёт не картинка (у партнёрки они и квадратные, и вытянутые), а
   фиксированное 3:2 — иначе каждая страница товара открывается по-своему. */
.cat-hero{margin:0 0 var(--s25);border-radius:16px;overflow:hidden;background:var(--line);
  border:1px solid var(--line);aspect-ratio:3/2;display:flex;align-items:center;
  justify-content:center}
.cat-hero img{display:block;width:100%;height:100%;object-fit:contain}
.cat-layout .cat-more{margin-top:var(--s30)}


/* Страница товара каталога: контент слева, справа содержание + сортировки */
.cat-layout--item{grid-template-columns:232px minmax(0,1fr) 264px;gap:32px}
.cat-toc{position:sticky;top:90px;max-height:calc(100vh - 110px);overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:14px;padding:16px 18px;background:var(--white)}
.cat-toc h2{font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px;
  padding-bottom:8px;border-bottom:1px solid var(--line);opacity:.65}
.cat-toc ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.cat-toc a{font-size:14px;color:var(--ink);text-decoration:none;line-height:1.35}
.cat-toc a:hover{text-decoration:underline}
.cat-meta{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;margin:10px 0 0;padding:0;
  font-size:14px;opacity:.7}
.cat-meta li+li{position:relative;padding-left:18px}
.cat-meta li+li:before{content:"·";position:absolute;left:5px}
.cat-specs{width:100%;border-collapse:collapse;margin:0 0 var(--s25);font-size:15px}
.cat-specs th,.cat-specs td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);
  vertical-align:top}
.cat-specs th{width:38%;font-weight:600;opacity:.7}
.cat-steps li,.cat-details li{margin-bottom:8px}
.cat-tags{display:flex;flex-wrap:wrap;gap:8px;margin:var(--s25) 0 0}
.cat-tags span{font-size:13px;padding:5px 11px;border:1px solid var(--line);border-radius:999px;
  opacity:.75}
@media(max-width:1200px){.cat-layout--item{grid-template-columns:232px minmax(0,1fr)}
  .cat-toc{grid-column:2;position:static}}
@media(max-width:1024px){.cat-layout--item{grid-template-columns:1fr}
  .cat-toc{grid-column:auto}}

/* Кнопка скачивания на товаре: главное действие страницы — видно без прокрутки */
.cat-get{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0 0 var(--s25);
  padding:22px 20px;border:1px solid var(--line);border-radius:16px;background:#faf7f4;text-align:center}
.cat-get__btn{display:block;width:100%;max-width:420px;padding:18px 26px;border-radius:999px;
  background:var(--lime);color:var(--ink);font-size:19px;font-weight:800;letter-spacing:.01em;
  text-decoration:none;box-shadow:0 6px 0 rgba(0,0,0,.16);transition:transform .12s,box-shadow .12s}
.cat-get__btn:hover{transform:translateY(-2px);box-shadow:0 8px 0 rgba(0,0,0,.2);color:var(--ink)}
.cat-get__btn:active{transform:translateY(2px);box-shadow:0 2px 0 rgba(0,0,0,.2)}
.cat-get__note{font-size:13px;opacity:.6}

/* поиск по каталогу — первая группа левой колонки */
.cat-search form{display:flex;gap:6px}
.cat-search input[type=search]{flex:1;min-width:0;padding:9px 11px;font:inherit;font-size:14px;
  border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink)}
.cat-search input[type=search]:focus{outline:2px solid var(--lime);outline-offset:1px;border-color:var(--ink)}
.cat-search button{flex:none;padding:9px 12px;font:inherit;font-size:13px;font-weight:700;
  border:1px solid var(--ink);border-radius:8px;background:var(--lime);color:var(--ink);cursor:pointer}
.cat-search button:hover{background:var(--ink);color:var(--white)}
.cat-search__clear{display:inline-block;margin-top:8px;font-size:12px;opacity:.7}
@media (max-width:760px){.cat-side{flex-direction:column}.cat-facet{flex:none;width:100%}}

.site-branding{max-height:inherit}.site-branding a.brand{display:flex;gap:1em;flex-direction:row;align-items:center;text-decoration:none;color:inherit;max-height:inherit}.site-branding a.brand img{display:block}.site-branding .site-title{margin:0}.site-branding .site-description{margin:.4375em 0 0;word-wrap:break-word}.site-branding.branding-layout-standard-reverse a.brand{flex-direction:row-reverse}.site-branding.branding-layout-vertical.site-title-top a.brand .site-title-wrap{order:-1}.site-branding.branding-layout-vertical.site-title-top a.brand .site-description{margin:0}.site-branding.branding-layout-vertical a.brand{flex-direction:column}.site-branding.branding-layout-vertical-reverse a.brand{flex-direction:column-reverse}.site-header-section-center .site-branding.branding-layout-vertical a.brand,.site-header-section-center .site-branding.branding-layout-vertical-reverse a.brand{text-align:center}.site-header-section-center .site-branding.branding-layout-vertical a.brand img,.site-header-section-center .site-branding.branding-layout-vertical-reverse a.brand img{margin-left:auto;margin-right:auto}@media screen and (max-width: 1024px){.site-branding.branding-tablet-layout-standard-reverse a.brand{flex-direction:row-reverse}.site-branding.branding-tablet-layout-vertical.site-title-top a.brand .site-title-wrap{order:-1}.site-branding.branding-tablet-layout-vertical a.brand{flex-direction:column}.site-branding.branding-tablet-layout-vertical-reverse a.brand{flex-direction:column-reverse}}@media screen and (max-width: 719px){.site-branding.branding-mobile-layout-standard:not(.site-brand-logo-only) a.brand{flex-direction:row}.site-branding.branding-mobile-layout-standard-reverse a.brand{flex-direction:row-reverse}.site-branding.branding-mobile-layout-vertical.site-title-top a.brand .site-title-wrap{order:-1}.site-branding.branding-mobile-layout-vertical a.brand{flex-direction:column}.site-branding.branding-mobile-layout-vertical-reverse a.brand{flex-direction:column-reverse}}.site-header-row-center-column .brand:not(.has-logo-image) .site-title-wrap{text-align:center}.logo-icon{display:flex}.logo-icon .kadence-svg-iconset svg{width:100%;height:auto}.header-navigation ul ul.sub-menu,.header-navigation ul ul.submenu{display:none;position:absolute;top:100%;flex-direction:column;background:#fff;margin-left:0;box-shadow:0 2px 13px rgba(0,0,0,.1);z-index:1000}.header-navigation ul ul.quadmenu-row{flex-direction:row}body:not(.hide-focus-outline) .header-navigation li.menu-item--has-toggle>a:focus .dropdown-nav-toggle{opacity:.2}.header-navigation ul ul.sub-menu>li:last-child,.header-navigation ul ul.submenu>li:last-child{border-bottom:0}.header-navigation ul ul.sub-menu.sub-menu-edge{left:auto;right:0}.header-navigation ul ul ul.sub-menu.sub-menu-edge{left:auto;right:100%}.header-navigation[class*=header-navigation-dropdown-animation-fade] ul ul.sub-menu,.header-navigation[class*=header-navigation-dropdown-animation-fade] ul ul.submenu{opacity:0;visibility:hidden;transform:translate3d(0, 0, 0);transition:all .2s ease;display:block;clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden}.header-navigation[class*=header-navigation-dropdown-animation-fade]:not(.click-to-open) ul li:hover>ul,.header-navigation[class*=header-navigation-dropdown-animation-fade]:not(.click-to-open) ul li.menu-item--toggled-on>ul,.header-navigation[class*=header-navigation-dropdown-animation-fade]:not(.click-to-open) ul li:not(.menu-item--has-toggle):focus>ul{opacity:1;visibility:visible;transform:translate3d(0, 0, 0);clip:auto;height:auto;overflow:visible}.header-navigation[class*=header-navigation-dropdown-animation-fade].click-to-open ul li>ul.opened,.header-navigation[class*=header-navigation-dropdown-animation-fade].click-to-open ul li.menu-item--toggled-on>ul,.header-navigation[class*=header-navigation-dropdown-animation-fade].click-to-open ul li:not(.menu-item--has-toggle):focus>ul{opacity:1;visibility:visible;transform:translate3d(0, 0, 0);clip:auto;height:auto;overflow:visible}.header-navigation.header-navigation-dropdown-animation-fade-up ul ul.sub-menu,.header-navigation.header-navigation-dropdown-animation-fade-up ul ul.submenu{transform:translate3d(0, 10px, 0)}.header-navigation.header-navigation-dropdown-animation-fade-down ul ul.sub-menu,.header-navigation.header-navigation-dropdown-animation-fade-down ul ul.submenu{transform:translate3d(0, -10px, 0)}.wp-site-blocks .nav--toggle-sub .dropdown-nav-special-toggle{position:absolute !important;overflow:hidden;padding:0 !important;margin:0 !important;margin-right:-0.1em !important;border:0 !important;width:.9em;top:0;bottom:0;height:auto;border-radius:0;box-shadow:none !important;background:rgba(0,0,0,0) !important;display:block;left:auto;right:.7em;pointer-events:none}.wp-site-blocks .nav--toggle-sub .sub-menu .dropdown-nav-special-toggle{width:2.6em;margin:0 !important;right:0}.nav--toggle-sub .dropdown-nav-special-toggle:focus{z-index:10}.nav--toggle-sub .dropdown-nav-toggle{display:block;background:rgba(0,0,0,0);position:absolute;right:0;top:50%;width:.7em;height:.7em;font-size:inherit;width:.9em;height:.9em;font-size:.9em;display:inline-flex;line-height:inherit;margin:0;padding:0;border:none;border-radius:0;transform:translateY(-50%);overflow:visible;transition:opacity .2s ease}.nav--toggle-sub ul ul .dropdown-nav-toggle{right:.2em}.nav--toggle-sub ul ul .dropdown-nav-toggle .kadence-svg-iconset{transform:rotate(-90deg)}.nav--toggle-sub li.menu-item-has-children{position:relative}.nav-drop-title-wrap{position:relative;padding-right:1em;display:block}.nav--toggle-sub:not(.click-to-open) li:hover>ul,.nav--toggle-sub li.menu-item--toggled-on>ul,.nav--toggle-sub li:not(.menu-item--has-toggle):focus>ul,.nav--toggle-sub.click-to-open li.menu-item--has-toggle>ul.opened{display:block}.nav--toggle-sub li:not(.menu-item--has-toggle):focus-within>ul{display:block}@media(hover: none){.wp-site-blocks .nav--toggle-sub .menu-item--has-toggle:not(.menu-item--toggled-on) .dropdown-nav-special-toggle{left:0;right:0 !important;margin-right:0 !important;width:100%;pointer-events:all}.wp-site-blocks .nav--toggle-sub .menu-item--has-toggle:not(.menu-item--toggled-on)>a{pointer-events:none}}.rtl .nav--toggle-sub .dropdown-nav-toggle{right:auto;left:0}.rtl .primary-menu-container>ul>li.menu-item .dropdown-nav-special-toggle{right:auto;left:.7em}.rtl .wp-site-blocks .nav--toggle-sub .sub-menu .dropdown-nav-special-toggle{left:0;right:auto}.rtl .nav--toggle-sub ul ul .dropdown-nav-toggle .kadence-svg-iconset{transform:rotate(-270deg)}.rtl .header-navigation ul ul ul.sub-menu,.rtl .header-navigation ul ul ul.submenu{right:100%;left:auto}.rtl .nav-drop-title-wrap{padding-left:1em;padding-right:0}.wp-site-blocks .nav--toggle-sub .kadence-menu-mega-enabled .sub-menu .dropdown-nav-special-toggle{display:none}.header-navigation-style-underline-fullheight,.header-navigation-style-fullheight{height:100%;align-items:center}.header-navigation-style-underline-fullheight .header-menu-container,.header-navigation-style-fullheight .header-menu-container{height:100%;align-items:center}.header-navigation-style-underline-fullheight .header-menu-container>ul,.header-navigation-style-fullheight .header-menu-container>ul{height:100%;align-items:center}.header-navigation-style-underline-fullheight .header-menu-container>ul>li,.header-navigation-style-fullheight .header-menu-container>ul>li{display:flex;height:100%;align-items:center}.header-navigation-style-underline-fullheight .header-menu-container>ul>li>a,.header-navigation-style-fullheight .header-menu-container>ul>li>a{display:flex;height:100%;align-items:center}.header-navigation[class*=header-navigation-style-underline] .header-menu-container>ul>li>a{position:relative}.header-navigation[class*=header-navigation-style-underline] .header-menu-container>ul>li>a:after{content:"";width:100%;position:absolute;bottom:0px;height:2px;right:50%;background:currentColor;transform:scale(0, 0) translate(-50%, 0);transition:transform .2s ease-in-out,color 0s ease-in-out}.header-navigation[class*=header-navigation-style-underline] .header-menu-container>ul>li>a:hover:after{transform:scale(1, 1) translate(50%, 0)}.header-navigation[class*=header-navigation-style-underline] .header-menu-container>ul>li.current-menu-item>a:after,.header-navigation[class*=header-navigation-style-underline] .header-menu-container>ul>li.current-page-item>a:after{transform:scale(1, 1) translate(50%, 0)}.header-navigation,.header-menu-container{display:flex}.header-navigation li.menu-item>a{display:block;width:100%;text-decoration:none;color:var(--global-palette4);transition:all .2s ease-in-out;transform:translate3d(0, 0, 0)}.header-navigation li.menu-item>a:hover,.header-navigation li.menu-item>a:focus{color:var(--global-palette-highlight)}.header-navigation ul.sub-menu,.header-navigation ul.submenu{display:block;list-style:none;margin:0;padding:0}.header-navigation ul li.menu-item>a{padding:.6em .5em}.header-navigation ul ul li.menu-item>a{padding:1em;outline-offset:-2px}.header-navigation ul ul li.menu-item>a{width:200px}.header-navigation ul ul ul.sub-menu,.header-navigation ul ul ul.submenu{top:0;left:100%;right:auto;min-height:100%}.header-navigation .menu{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;list-style:none;margin:0;padding:0}.menu-toggle-open{display:flex;background:rgba(0,0,0,0);align-items:center;box-shadow:none}.menu-toggle-open .menu-toggle-label{padding-right:5px}.menu-toggle-open .menu-toggle-icon{display:flex}.menu-toggle-open .menu-toggle-label:empty{padding-right:0px}.menu-toggle-open:hover,.menu-toggle-open:focus{border-color:currentColor;background:rgba(0,0,0,0);box-shadow:none}.menu-toggle-open.menu-toggle-style-default{border:0}.wp-site-blocks .menu-toggle-open{box-shadow:none}.mobile-navigation{width:100%}.mobile-navigation a{display:block;width:100%;text-decoration:none;padding:.6em .5em}.mobile-navigation ul{display:block;list-style:none;margin:0;padding:0}.drawer-nav-drop-wrap{display:flex;position:relative}.drawer-nav-drop-wrap a{color:inherit}.drawer-nav-drop-wrap .drawer-sub-toggle{background:rgba(0,0,0,0);color:inherit;padding:.5em .7em;display:flex;border:0;border-radius:0;box-shadow:none;line-height:normal}.drawer-nav-drop-wrap .drawer-sub-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.mobile-navigation.drawer-navigation-parent-toggle-true .drawer-nav-drop-wrap .drawer-sub-toggle{position:absolute;left:0;z-index:10;top:0;bottom:0;justify-content:flex-end;width:100%}.mobile-navigation ul ul{padding-left:1em;transition:all .2s ease-in-out}.mobile-navigation ul.has-collapse-sub-nav ul.sub-menu{display:none}body[class*=amp-mode-] .mobile-navigation ul ul{display:block}.mobile-navigation ul ul ul ul ul ul{padding-left:0}.mobile-navigation ul.has-collapse-sub-nav .sub-menu.show-drawer{display:block}.popup-drawer{position:fixed;display:none;top:0;bottom:0;left:-99999rem;right:99999rem;transition:opacity .25s ease-in,left 0s .25s,right 0s .25s;z-index:100000}.popup-drawer .drawer-overlay{background-color:rgba(0,0,0,.4);position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .2s ease-in-out}.popup-drawer .drawer-inner{width:100%;transform:translateX(100%);max-width:90%;right:0;top:0;overflow:auto;background:#090c10;color:#fff;bottom:0;opacity:0;position:fixed;box-shadow:0 0 2rem 0 rgba(0,0,0,.1);display:flex;flex-direction:column;transition:transform .3s cubic-bezier(0.77, 0.2, 0.05, 1),opacity .25s cubic-bezier(0.77, 0.2, 0.05, 1)}.popup-drawer .drawer-header{padding:0 1.5em;display:flex;justify-content:flex-end;min-height:calc(1.2em + 24px)}.popup-drawer .drawer-header .drawer-toggle{background:rgba(0,0,0,0);border:0;font-size:24px;line-height:1;padding:.6em .15em;color:inherit;display:flex;box-shadow:none;border-radius:0}.popup-drawer .drawer-header .drawer-toggle:hover{box-shadow:none}.popup-drawer .drawer-content{padding:0 1.5em 1.5em}.popup-drawer-layout-sidepanel.popup-drawer-side-left .drawer-inner{transform:translateX(-100%);right:auto;left:0}@media screen and (max-width: 1024px){.showing-popup-drawer-from-right.animate-body-popup #inner-wrap,.showing-popup-drawer-from-right.animate-body-popup #colophon,.showing-popup-drawer-from-right.animate-body-popup .site-header-row{transform:translateX(-200px)}.showing-popup-drawer-from-left.animate-body-popup #inner-wrap,.showing-popup-drawer-from-left.animate-body-popup #colophon,.showing-popup-drawer-from-left.animate-body-popup .site-header-row{transform:translateX(200px)}.animate-body-popup #inner-wrap,.animate-body-popup .site-header-row,.animate-body-popup #colophon{transform:none;transition:transform .3s cubic-bezier(0.77, 0.2, 0.05, 1)}}.popup-drawer-animation-scale.popup-drawer-layout-fullwidth .drawer-inner{transform:scale(0);transform-origin:top right;transition:transform .3s cubic-bezier(0.77, 0.2, 0.05, 1),opacity .3s cubic-bezier(0.77, 0.2, 0.05, 1)}.popup-drawer-animation-scale.popup-drawer-layout-fullwidth.popup-drawer-side-left .drawer-inner{transform-origin:top left}.popup-drawer-animation-scale.popup-drawer-layout-fullwidth.active .drawer-inner{transform:scale(1)}#mobile-drawer.popup-drawer-animation-slice.popup-drawer-layout-fullwidth .drawer-overlay,#mobile-drawer.popup-drawer-animation-slice.popup-drawer-layout-fullwidth .drawer-inner{background:rgba(0,0,0,0)}.popup-drawer .drawer-header .drawer-toggle{width:1em;position:relative;height:1em;box-sizing:content-box;font-size:24px}.drawer-toggle .toggle-close-bar{width:.75em;height:.08em;background:currentColor;transform-origin:center center;position:absolute;margin-top:-0.04em;opacity:0;border-radius:.08em;left:50%;margin-left:-0.375em;top:50%;transform:rotate(45deg) translateX(-50%);transition:transform .3s cubic-bezier(0.77, 0.2, 0.05, 1),opacity .3s cubic-bezier(0.77, 0.2, 0.05, 1);transition-delay:.2s}.drawer-toggle .toggle-close-bar:last-child{transform:rotate(-45deg) translateX(50%)}.popup-drawer.active .drawer-toggle .toggle-close-bar{transform:rotate(45deg);opacity:1}.popup-drawer.active .drawer-toggle .toggle-close-bar:last-child{transform:rotate(-45deg);opacity:1}.popup-drawer .drawer-content.content-valign-middle{min-height:calc(100% - (1.2em + 24px));display:flex;justify-content:safe center;flex-direction:column;padding-bottom:calc(1.2em + 24px);overflow:auto}.popup-drawer .drawer-content.content-valign-bottom{min-height:calc(100% - (1.2em + 24px));display:flex;justify-content:flex-end;flex-direction:column;padding-bottom:calc(1.2em + 24px);max-height:calc(100% - (1.2em + 24px));overflow:auto}.popup-drawer .drawer-content.content-valign-bottom .site-header-item-mobile-navigation{display:block;overflow:auto;max-height:calc(100% - (1.2em + 24px))}.popup-drawer .drawer-content.content-align-center{text-align:center}.popup-drawer .drawer-content.content-align-center .site-header-item{justify-content:center}.popup-drawer .drawer-content.content-align-right{text-align:right}.popup-drawer .drawer-content.content-align-right .site-header-item{justify-content:flex-end}.popup-drawer-layout-fullwidth.popup-drawer-animation-slice .drawer-inner{transform:none}.popup-drawer-layout-fullwidth.popup-drawer-animation-slice .pop-slice-background{transform-origin:center;transform:none;position:absolute;display:flex;flex-flow:column;align-items:stretch;top:0;left:0;right:0;bottom:0;z-index:-1}.popup-drawer-layout-fullwidth.popup-drawer-animation-slice .pop-portion-bg{flex:1 1 100%;background:rgba(9,12,16,.97);transform:translateX(-100%);transition:transform .3s cubic-bezier(0.77, 0.2, 0.05, 1)}.popup-drawer-layout-fullwidth.popup-drawer-animation-slice .pop-portion-bg:nth-child(odd){transform:translateX(100%)}.popup-drawer-layout-fullwidth.popup-drawer-animation-slice .drawer-content{transform:translateY(20px);opacity:0;transition:all .4s ease}.popup-drawer-layout-fullwidth.popup-drawer-animation-slice.active .pop-portion-bg{transform:translateX(0)}.popup-drawer-layout-fullwidth.popup-drawer-animation-slice.active .drawer-content{transform:translateY(0px);opacity:1;transition:all .4s ease;transition-delay:.2s}@media screen and (max-width: 1024px){.popup-drawer-layout-sidepanel.popup-mobile-drawer-side-right .drawer-inner{transform:translateX(100%);right:0;left:auto}.popup-drawer-layout-sidepanel.popup-mobile-drawer-side-left .drawer-inner{transform:translateX(-100%);right:auto;left:0}}body.admin-bar .popup-drawer{top:46px}body.admin-bar .popup-drawer .drawer-inner{top:46px}@media screen and (min-width: 783px){body.admin-bar .popup-drawer{top:32px}body.admin-bar .popup-drawer .drawer-inner{top:32px}}.popup-drawer.show-drawer{display:block}.popup-drawer.active{left:0;opacity:1;right:0;transition:opacity .25s ease-out}.popup-drawer.active .drawer-inner{opacity:1;transform:translateX(0%)}.popup-drawer.active .drawer-overlay{opacity:1;cursor:pointer}body[class*=showing-popup-drawer-]{overflow:hidden}.site .header-navigation .header-menu-container .menu-item.nav-button{margin:0 .25em}.site .header-navigation .header-menu-container .menu-item.nav-button>a{margin:0;padding:.8em 1.5em .8em 1.5em;background:var(--global-palette-btn-bg);color:var(--global-palette-btn);font-style:normal;font-size:16px;line-height:1.4;border-radius:12px}.site .header-navigation .header-menu-container .menu-item.nav-button>a:hover,.site .header-navigation .header-menu-container .menu-item.nav-button>a:focus{color:var(--global-palette-btn-hover);background:var(--global-palette-btn-bg-hover)}@media screen and (max-width: 1024px){.mobile-menu-container .menu-item.nav-button>a{width:100%;text-align:center;margin:0;padding:.8em 1.5em .8em 1.5em;background:var(--global-palette-btn-bg);color:var(--global-palette-btn);font-style:normal;font-size:16px;line-height:1.4;border-radius:12px}.mobile-menu-container .menu-item.nav-button>a:hover,.mobile-menu-container .menu-item.nav-button>a:focus{color:var(--global-palette-btn-hover);background:var(--global-palette-btn-bg-hover)}}#main-header{display:none}#masthead{position:relative;z-index:11}@media screen and (min-width: 1025px){#main-header{display:block}#mobile-header{display:none}}.header-html-inner img.alignnone{display:inline-block}.drawer-content .mobile-html,.drawer-content .mobile-html2{width:100%}.site-header-row{display:grid;grid-template-columns:auto auto}.site-header-row.site-header-row-center-column{grid-template-columns:1fr auto 1fr}.site-header-row.site-header-row-only-center-column{display:flex;justify-content:center}.site-header-row.site-header-row-only-center-column .site-header-section-center{flex-grow:1}.site-header-upper-inner-wrap.child-is-fixed{display:flex;align-items:flex-end}.site-header-upper-inner-wrap.child-is-fixed .site-main-header-wrap{width:100%}.site-header-row-layout-fullwidth>.site-header-row-container-inner>.site-container{max-width:none}.site-header-row-tablet-layout-contained{padding:0 1.5rem}@media screen and (max-width: 719px){.site-header-focus-item.site-header-row-mobile-layout-contained{padding:0 1.5rem}.site-header-focus-item.site-header-row-mobile-layout-fullwidth,.site-header-focus-item.site-header-row-mobile-layout-standard{padding:0}}.site-header-section{display:flex;max-height:inherit}.site-header-item{display:flex;align-items:center;margin-right:10px;max-height:inherit}.rtl .site-header-item{margin-left:10px;margin-right:0px}.site-header-section>.site-header-item:last-child{margin-right:0}.rtl .site-header-section>.site-header-item:last-child{margin-left:0px}.drawer-content .site-header-item{margin-right:0;margin-bottom:10px}.drawer-content .site-header-item:last-child{margin-bottom:0}.site-header-section-right{justify-content:flex-end}.site-header-section-center{justify-content:center}.site-header-section-left-center{flex-grow:1;justify-content:flex-end}.site-header-section-right-center{flex-grow:1;justify-content:flex-start}.header-navigation-layout-stretch-true{flex-grow:1}.header-navigation-layout-stretch-true .header-navigation{flex-grow:1}.header-navigation-layout-stretch-true .header-navigation .header-menu-container{flex-grow:1}.header-navigation-layout-stretch-true .header-navigation .header-menu-container .menu{flex-grow:1;justify-content:space-between}.header-navigation-layout-stretch-true.header-navigation-layout-fill-stretch-true .header-navigation .header-menu-container .menu{display:grid;grid-template-columns:repeat(auto-fit, minmax(60px, 1fr))}.header-navigation-layout-stretch-true.header-navigation-layout-fill-stretch-true .header-navigation .header-menu-container .menu>li{text-align:center}.header-html-inner p:first-child{margin-top:0}.header-html-inner p:last-child{margin-bottom:0}#main-header .header-button.button-style-outline{background:rgba(0,0,0,0) !important}.element-social-inner-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:.3em}a.social-button{width:2em;text-decoration:none;height:2em;display:inline-flex;justify-content:center;align-items:center;margin:0;color:var(--global-palette4);background:var(--global-palette7);border-radius:3px;transition:all .2s ease-in-out}a.social-button:hover{color:var(--global-palette-btn);background:var(--global-palette-btn-bg)}a.social-button .social-label{padding-left:6px}.social-show-label-true a.social-button{width:auto;padding:0 .4em}.social-style-outline .social-button{background:rgba(0,0,0,0) !important;border:2px solid var(--global-palette7)}.social-style-outline .social-button:hover{color:var(--global-palette-highlight);border-color:currentColor}.social-icon-custom-svg{display:inline-flex;align-self:center}.social-icon-custom-svg svg{fill:currentcolor;width:1em;height:1em}.social-icon-custom-svg svg *{fill:currentColor}.search-toggle-open{display:flex;background:rgba(0,0,0,0);align-items:center;padding:.5em;box-shadow:none}.search-toggle-open .search-toggle-label{padding-right:5px}.search-toggle-open .search-toggle-icon{display:flex}.search-toggle-open .search-toggle-icon svg.kadence-svg-icon{top:-0.05em;position:relative}.search-toggle-open .search-toggle-label:empty{padding-right:0px}.search-toggle-open:hover,.search-toggle-open:focus{border-color:currentColor;background:rgba(0,0,0,0);box-shadow:none}.search-toggle-open.search-toggle-style-default{border:0}.popup-drawer-layout-fullwidth .drawer-inner{max-width:none;background:rgba(9,12,16,.97);transition:transform 0s ease-in,opacity .2s ease-in}.popup-drawer-layout-fullwidth .drawer-inner .drawer-overlay{background-color:rgba(0,0,0,0)}#mobile-drawer.popup-drawer-layout-fullwidth.popup-drawer-animation-slice.pop-animated .drawer-inner{background:rgba(9,12,16,.97)}#search-drawer .drawer-inner .drawer-header{position:relative;z-index:100}#search-drawer .drawer-inner .drawer-content{display:flex;justify-content:center;align-items:center;position:absolute;top:0;bottom:0;left:0;right:0;padding:2em}#search-drawer .drawer-inner form{max-width:800px;width:100%;margin:0 auto;display:flex}#search-drawer .drawer-inner form label{flex-grow:2}#search-drawer .drawer-inner form ::-webkit-input-placeholder{color:currentColor;opacity:.5}#search-drawer .drawer-inner form ::-moz-placeholder{color:currentColor;opacity:.5}#search-drawer .drawer-inner form :-ms-input-placeholder{color:currentColor;opacity:.5}#search-drawer .drawer-inner form :-moz-placeholder{color:currentColor;opacity:.5}#search-drawer .drawer-inner input.search-field{width:100%;background:rgba(0,0,0,0);color:var(--global-palette6);padding:.8em 80px .8em .8em;font-size:20px;border:1px solid currentColor}#search-drawer .drawer-inner input.search-field:focus{color:#fff;box-shadow:5px 5px 0px 0px currentColor}#search-drawer .drawer-inner .search-submit[type=submit]{width:70px}#search-drawer .drawer-inner .kadence-search-icon-wrap{color:var(--global-palette6);width:70px}#search-drawer .drawer-inner .search-submit[type=submit]:hover~.kadence-search-icon-wrap{color:#fff}#search-drawer .drawer-inner button[type=submit]:hover~.kadence-search-icon-wrap{color:#fff}.site-header-upper-inner-wrap.child-is-fixed .site-top-header-wrap:not(.item-is-fixed){align-self:flex-start;flex-grow:1}.kadence-sticky-header{position:relative;z-index:1}.item-is-fixed{position:fixed;left:0;right:0;z-index:1200}.site-branding a.brand img.kadence-sticky-logo{display:none}.kadence-sticky-header.item-is-fixed:not(.item-at-start) .site-branding a.brand.has-sticky-logo img.kadence-sticky-logo{display:block}.kadence-sticky-header.item-is-fixed:not(.item-at-start) .site-branding a.brand.has-sticky-logo img{display:none}.kadence-sticky-header.item-is-fixed:not(.item-at-start) .site-branding a.brand img:not(.svg-logo-image){width:auto}.kadence-sticky-header.item-is-fixed:not(.item-at-start)[data-shrink=true] .site-branding a.brand picture img{max-height:inherit}#mobile-drawer{z-index:99999}#mobile-header .mobile-navigation>.mobile-menu-container.drawer-menu-container>ul.menu{display:flex;flex-wrap:wrap}#mobile-header .mobile-navigation.drawer-navigation-parent-toggle-true .drawer-nav-drop-wrap>a{padding-right:2em}#mobile-header .mobile-navigation:not(.drawer-navigation-parent-toggle-true) ul li.menu-item-has-children .drawer-nav-drop-wrap button{border:0}#mobile-header .mobile-navigation ul li.menu-item-has-children .drawer-nav-drop-wrap,#mobile-header .mobile-navigation ul li:not(.menu-item-has-children) a{border:0}
.has-drop-cap:not(:focus):first-letter{float:left;line-height:1;font-size:80px;font-weight:600;margin:0 .125em 0 0;text-transform:uppercase}.wp-block-image{margin-bottom:0}.wp-block-image.has-custom-border img{border-style:solid}figure.wp-block-image.aligncenter img{display:inline-block}.wp-block-pullquote{border-top:0;border-bottom:0;color:var(--global-palette4)}.wp-block-pullquote blockquote{border:0;margin:0 auto;padding:2em;position:relative}.wp-block-pullquote blockquote::before{font-size:200px;line-height:40px;font-family:sans-serif;color:var(--global-palette7);z-index:0;position:absolute;left:35px;content:open-quote;top:80px}.wp-block-pullquote blockquote p{font-size:1.15em;font-style:italic;position:relative;z-index:1}.wp-block-pullquote blockquote cite{text-transform:uppercase}.wp-block-pullquote.is-style-solid-color:not(.has-background){background:var(--global-palette7)}.wp-block-pullquote.is-style-solid-color blockquote{padding:0}.wp-block-pullquote.is-style-solid-color blockquote:before{color:var(--global-palette9);left:-20px;top:45px}.wp-block-pullquote.is-style-solid-color blockquote p{font-size:1.15em;font-style:italic}@media screen and (min-width: 767px){.wp-block-pullquote blockquote p,.wp-block-pullquote.is-style-solid-color blockquote p{font-size:1.3em}}.wp-block-quote.is-large,.wp-block-quote.is-style-large{margin:1.5em auto;padding:0 1em}.wp-block-quote.is-large,.wp-block-quote.is-style-large{border:none}.wp-block-quote.has-text-align-right{border-left:none;border-right:4px solid var(--global-palette4);padding-left:0;padding-right:1em}.wp-block-quote.has-text-align-center{border:none;padding-left:0}.single-content .wp-block-quote p{margin-bottom:var(--global-sm-spacing)}.single-content .wp-block-quote p:last-child{margin-bottom:0}.wp-block-cover{display:flex;align-items:center}.wp-block-table{border-collapse:collapse}.wp-block-table table{border-collapse:collapse}.wp-block-table thead{border-bottom:3px solid var(--global-palette6)}.wp-block-table tfoot{border-top:3px solid var(--global-palette6)}.wp-block-table td,.wp-block-table th{padding:.5em;border:1px solid var(--global-palette6);word-break:normal}.wp-block-table img{display:inline-block}.wp-block-table.is-style-stripes thead{border-bottom:0}.wp-block-table.is-style-stripes tfoot{border-top:0}.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{border:0}.blocks-gallery-caption figcaption,.wp-block-embed figcaption,.wp-block-image figcaption,.wp-block-table figcaption,.wp-block-audio figcaption,.wp-block-video figcaption{color:var(--global-palette5);font-size:80%;text-align:center}.wp-block-separator{margin-left:auto;margin-right:auto}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){max-width:160px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-dots):not(.is-style-wide){height:2px}.wp-block-separator.is-style-dots:before{font-size:30px}ul.wp-block-social-links:not(.specificity){padding-left:0;padding-right:0}.single-content .wp-block-columns{margin-bottom:var(--global-md-spacing);margin-top:0}.wp-block-latest-posts.wp-block-latest-posts__list.is-grid{display:grid;column-gap:2.5rem;row-gap:2.5rem;grid-template-columns:1fr;padding-left:0}.wp-block-latest-posts.wp-block-latest-posts__list.is-grid .wp-block-latest-posts__featured-image:not(.alignleft):not(.alignright){display:block;height:0;padding-bottom:66.67%;overflow:hidden;position:relative}.wp-block-latest-posts.wp-block-latest-posts__list.is-grid .wp-block-latest-posts__featured-image:not(.alignleft):not(.alignright) img{flex:1;height:100%;object-fit:cover;width:100%;position:absolute}.wp-block-latest-posts.wp-block-latest-posts__list.is-grid li{margin:0;width:100%}.wp-block-latest-posts.wp-block-latest-posts__list.is-grid li>a{margin:1em 0 0;color:var(--global-palette3);text-decoration:none;font-size:1.3em;display:block}@media screen and (min-width: 767px){.wp-block-latest-posts.wp-block-latest-posts__list.is-grid.columns-2{grid-template-columns:1fr 1fr}.wp-block-latest-posts.wp-block-latest-posts__list.is-grid.columns-3{grid-template-columns:1fr 1fr 1fr}.wp-block-latest-posts.wp-block-latest-posts__list.is-grid.columns-4{grid-template-columns:1fr 1fr 1fr 1fr}.wp-block-latest-posts.wp-block-latest-posts__list.is-grid.columns-5{grid-template-columns:1fr 1fr 1fr 1fr 1fr}}.wp-block-latest-posts.wp-block-latest-posts__list{padding-left:0}.wp-block-latest-posts__list li{margin-top:var(--global-sm-spacing)}.wp-block-latest-posts__list li:after{clear:both;display:table;content:""}.wp-block-latest-posts__post-author,.wp-block-latest-posts__post-date{color:var(--global-palette6)}@media screen and (max-width: 540px){.wp-block-latest-posts__featured-image.alignleft{float:none;margin-bottom:1em}}figure.wp-block-gallery ul{padding:0}.wp-block-media-text .wp-block-media-text__media img,.wp-block-media-text .wp-block-media-text__media video{max-width:unset;width:100%;vertical-align:middle}.wp-block-group.has-background{padding:20px 30px;margin-top:0;margin-bottom:0}.entry-content .wp-block-group.has-background{padding:20px 30px}.wp-block-navigation ul,.wp-block-navigation ul li{list-style:none}.wp-block-search .wp-block-search__button{border-color:var(--global-gray-400)}.wp-block-search .wp-block-search__button:not(.has-text-color){color:var(--global-palette4)}.wp-block-search .wp-block-search__button:not(.has-background){background:var(--global-palette9)}.wp-block-search .wp-block-search__input{border-color:var(--global-gray-400)}.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper{border-color:var(--global-gray-400);border-radius:3px;background:var(--global-palette9)}.wp-block-navigation ul.wp-block-navigation__container{padding:0}.has-child .wp-block-navigation__container{min-width:12em;display:flex;flex-direction:column}.wp-block-yoast-how-to-block .schema-how-to-steps li{margin-bottom:var(--global-md-spacing)}.wp-block-yoast-how-to-block .schema-how-to-steps li .schema-how-to-step-text{margin-top:0}.single-content .wp-block-post-template,.single-content .wp-block-query-loop{padding:0}.single-content .wp-block-query .wp-block-post-featured-image.alignwide,.single-content .wp-block-query .wp-block-post-featured-image.alignfull{margin-left:0;margin-right:0}.single-content .wp-block-query .wp-block-post-featured-image.alignfull{width:auto}.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}embed,iframe,object{max-width:100%}.wp-caption{margin-bottom:1.5em;max-width:100%}.wp-caption img[class*=wp-image-]{display:block;margin-left:auto;margin-right:auto}.wp-caption-text{text-align:center}.wp-caption .wp-caption-text{margin:.8075em 0}.gallery{margin-bottom:1.5em;display:grid;grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));grid-gap:.5em}.gallery .gallery-item{margin-top:0}.elementor-image-gallery .gallery{display:block}@media screen and (min-width: 40em){.gallery-columns-2{grid-template-columns:repeat(2, 1fr)}.gallery-columns-3{grid-template-columns:repeat(3, 1fr)}.gallery-columns-4{grid-template-columns:repeat(4, 1fr)}.gallery-columns-5{grid-template-columns:repeat(5, 1fr)}.gallery-columns-6{grid-template-columns:repeat(6, 1fr)}.gallery-columns-7{grid-template-columns:repeat(7, 1fr)}.gallery-columns-8{grid-template-columns:repeat(8, 1fr)}.gallery-columns-9{grid-template-columns:repeat(9, 1fr)}}.gallery-item{padding:.5em}.gallery-icon{display:flex;justify-content:center}.gallery-caption{font-size:80%}.gallery.entry{display:block}.pagination{margin:var(--global-lg-spacing) auto;overflow:hidden}.pagination .nav-links{justify-content:center;flex-wrap:wrap}.pagination .page-numbers{display:inline-block;margin-right:.5em;border:2px solid rgba(0,0,0,0);min-width:2.5em;line-height:2.25em;text-align:center;text-decoration:none;border-radius:.25rem;color:inherit}.pagination a:hover,.pagination a:focus,.pagination a:active{border-color:var(--global-palette-btn-bg)}.pagination .dots{min-width:auto;border:none}.pagination .current{border-color:var(--global-palette-btn-bg);background:var(--global-palette-btn-bg);color:var(--global-palette-btn)}.pagination .page-numbers:last-child{margin-right:0}.page-links{margin-top:var(--global-md-spacing);justify-content:center;flex-wrap:wrap;clear:both}.page-links .post-page-numbers{display:inline-block;margin-right:.2em;border:2px solid rgba(0,0,0,0);min-width:2.5em;line-height:2.25em;text-align:center;text-decoration:none;border-radius:.25rem;color:inherit}.page-links a:hover,.page-links a:focus,.page-links a:active{border-color:var(--global-palette-btn-bg)}.page-links .current{border-color:var(--global-palette-btn-bg);background:var(--global-palette-btn-bg);color:var(--global-palette-btn)}.page-links .post-page-numbers:first-child{margin-left:.5em}.page-links .post-page-numbers:last-child{margin-right:0}.comment-navigation,.post-navigation{margin:var(--global-lg-spacing) auto}.comment-navigation a,.post-navigation a{text-decoration:none;color:inherit;display:block}.comment-navigation a:hover,.post-navigation a:hover{color:var(--global-palette-highlight)}.comment-navigation .nav-links,.post-navigation .nav-links{display:grid;grid-template-columns:repeat(2, 1fr)}.comment-navigation .nav-previous,.post-navigation .nav-previous{position:relative}.comment-navigation .nav-previous .kadence-svg-iconset,.post-navigation .nav-previous .kadence-svg-iconset{padding-right:.5em}.comment-navigation .nav-previous a,.post-navigation .nav-previous a{padding-right:var(--global-xs-spacing)}.comment-navigation .nav-previous:after,.post-navigation .nav-previous:after{position:absolute;content:"";top:25%;right:0;width:1px;height:50%;background:var(--global-gray-500)}.comment-navigation .nav-next,.post-navigation .nav-next{grid-column-start:2;text-align:right}.comment-navigation .nav-next a,.post-navigation .nav-next a{padding-left:var(--global-xs-spacing)}.comment-navigation .nav-next .kadence-svg-iconset,.post-navigation .nav-next .kadence-svg-iconset{padding-left:.5em}.post-navigation-sub{margin-bottom:.5em}.post-navigation-sub small{text-transform:uppercase;display:inline-block;font-weight:bold;letter-spacing:.05em}.widget{margin-top:0;margin-bottom:1.5em}.widget-area .widget:last-child{margin-bottom:0}.widget-area .widget-title{font-size:20px;line-height:1.5;margin-bottom:.5em;text-transform:uppercase}.widget-area ul{padding-left:.5em}.widget-area a:where(:not(.button):not(.wp-block-button__link):not(.wp-element-button)){color:var(--global-palette3);text-decoration:none}.widget-area a:where(:not(.button):not(.wp-block-button__link):not(.wp-element-button)):hover{color:var(--global-palette-highlight);text-decoration:underline}.sidebar-link-style-underline.widget-area a:where(:not(.button):not(.wp-block-button__link):not(.wp-element-button)){text-decoration:underline}.sidebar-link-style-plain.widget-area a:where(:not(.button):not(.wp-block-button__link):not(.wp-element-button)){text-decoration:none}.sidebar-link-style-plain.widget-area a:where(:not(.button):not(.wp-block-button__link):not(.wp-element-button)):hover{text-decoration:none}.widget-area .widget{margin-left:0;margin-right:0}.widget li:not(.kb-table-of-content-list li){line-height:1.8}.widget_archive ul,.widget_categories ul,.widget_meta ul,.widget_nav_menu ul,.widget_recent_comments ul,.widget_pages ul,.widget_recent_entries ul,.widget_rss ul{margin:0;padding:0;list-style-type:none}.widget select{max-width:100%;text-overflow:ellipsis}.widget_archive li{color:var(--global-palette6)}.widget_categories .children{padding-top:0}.widget_pages .children,.widget_nav_menu .sub-menu{padding-top:0;padding-bottom:.5em}.widget_pages a,.widget_nav_menu a{display:block;padding:.1em 0;text-decoration:none}.widget_pages a:hover,.widget_pages a:focus,.widget_nav_menu a:hover,.widget_nav_menu a:focus{text-decoration:none}.widget_pages li,.widget_nav_menu li{padding:0}.widget_pages li ul,.widget_nav_menu li ul{margin-left:1em}.widget_meta li{padding:0}.widget_recent_comments li{line-height:1.3;padding-bottom:.5em}.widget_recent_comments a{font-weight:bold}.widget_recent_comments .comment-author-link a{font-weight:inherit}.widget_recent_comments a:hover,.widget_recent_comments a:focus{padding-left:0}.widget_recent_entries ul li{margin-bottom:.4em}.widget_recent_entries ul li .post-date{font-size:.8em;color:var(--global-palette6)}.widget_rss li{margin-bottom:1em;line-height:1.3}.widget li a.rsswidget{padding-right:.5em;font-size:1em;line-height:1.4}.rss-date,.widget_rss cite{color:#333;font-size:.8em}.rssSummary{padding:.5em 0;font-size:.9em;line-height:1.3}.widget_calendar{font-weight:400}.widget_calendar caption{padding:.5em 0;font-size:1em;font-weight:500;text-align:left}.widget_calendar thead{background:rgba(0,0,0,0);color:#333}.widget_calendar th{border:none;text-align:center}.widget_calendar thead th{border-bottom-width:2px}.widget_calendar td{padding:.2em;font-size:.8em;text-align:center;background:#fff;border:1px solid var(--global-gray-400)}.widget_calendar .pad{background:var(--global-palette7)}.widget_calendar .wp-calendar-nav .pad{background:rgba(0,0,0,0)}.widget_calendar a{font-weight:900;text-decoration:none}.collapse-sub-navigation ul.menu{display:block}.collapse-sub-navigation ul.menu li a{text-decoration:none;width:100%;padding-top:.5em;padding-bottom:.5em;border-bottom:1px solid var(--global-palette7)}.collapse-sub-navigation ul.menu li a:hover{text-decoration:none}.collapse-sub-navigation ul.menu ul{padding:0 0 0 1em;margin:0;display:none;transition:all .2s ease-in-out}.collapse-sub-navigation ul.menu .sub-menu.show-drawer{display:block}.collapse-sub-navigation ul.menu .drawer-nav-drop-wrap .drawer-sub-toggle{border-left:1px solid var(--global-palette7);border-bottom:1px solid var(--global-palette7)}.grid-cols{display:grid;grid-template-columns:minmax(0, 1fr);column-gap:2.5rem;row-gap:2.5rem}.wp-site-blocks .grid-cols:before{display:none}.grid-xs-col-1{grid-template-columns:minmax(0, 1fr)}.grid-xs-col-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-xs-col-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid-xs-col-4{grid-template-columns:repeat(4, minmax(0, 1fr))}@media screen and (min-width: 576px){.grid-sm-col-1{grid-template-columns:minmax(0, 1fr)}.grid-sm-col-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-sm-col-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid-sm-col-4{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media screen and (min-width: 768px){.grid-md-col-1{grid-template-columns:minmax(0, 1fr)}.grid-md-col-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-md-col-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid-md-col-4{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media screen and (min-width: 1025px){.grid-lg-col-1{grid-template-columns:minmax(0, 1fr)}.grid-lg-col-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-lg-col-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid-lg-col-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.grid-lg-col-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.grid-lg-col-6{grid-template-columns:repeat(6, minmax(0, 1fr))}}@media screen and (min-width: 1200px){.grid-xl-col-1{grid-template-columns:minmax(0, 1fr)}.grid-xl-col-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-xl-col-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid-xl-col-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.grid-xl-col-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.grid-xl-col-6{grid-template-columns:repeat(6, minmax(0, 1fr))}}article.sticky{font-size:inherit}.entry{box-shadow:0px 15px 25px -10px rgba(0,0,0,.05);border-radius:.25rem}.custom-archive-loop-item.entry{box-shadow:none;border-radius:0}.entry-loop{overflow:hidden}.content-wrap{position:relative}.site-main{min-width:0}ul.kadence-posts-list,.single-content ul.kadence-posts-list{padding:0;margin:0;list-style:none}ul.kt-testimonial-grid-wrap,.single-content ul.kt-testimonial-grid-wrap{padding:0;margin:0;list-style:none}.kadence-posts-list .entry-list-item{display:flex;flex-direction:column}.kadence-posts-list .entry-list-item article.entry{flex:1}.kadence-thumbnail-position-behind+.entry{z-index:1;position:relative}@media screen and (max-width: 719px){.content-style-boxed .content-bg:not(.loop-entry){margin-left:-1rem;margin-right:-1rem;width:auto}.content-width-fullwidth.content-style-boxed .content-bg:not(.loop-entry){margin-left:0;margin-right:0}.content-style-boxed .comments-area{padding-left:.5rem;padding-right:.5rem}.primary-sidebar{padding-left:0;padding-right:0}}@media screen and (min-width: 768px){.grid-lg-col-1.item-image-style-beside article.loop-entry.has-post-thumbnail:not(.kb-post-no-image){display:grid;grid-template-columns:1fr 2fr}.blog.content-style-unboxed .grid-lg-col-1.item-image-style-beside article.loop-entry,.archive.content-style-unboxed .grid-lg-col-1.item-image-style-beside article.loop-entry,.search-results.content-style-unboxed .grid-lg-col-1.item-image-style-beside article.loop-entry{grid-gap:2rem}.blog.content-style-unboxed .grid-lg-col-1.item-image-style-beside article.loop-entry .post-thumbnail,.archive.content-style-unboxed .grid-lg-col-1.item-image-style-beside article.loop-entry .post-thumbnail,.search-results.content-style-unboxed .grid-lg-col-1.item-image-style-beside article.loop-entry .post-thumbnail{margin-bottom:0}.kb-posts.kb-posts-style-unboxed.grid-lg-col-1.item-image-style-beside article.loop-entry{grid-gap:2rem}.kb-posts.kb-posts-style-unboxed.grid-lg-col-1.item-image-style-beside article.loop-entry .post-thumbnail{margin-bottom:0}}.archive.content-style-unboxed .entry-content-wrap,.blog.content-style-unboxed .entry-content-wrap,.post-type-archive.content-style-unboxed .entry-content-wrap,.search-results.content-style-unboxed .entry-content-wrap{padding:0}.archive.content-style-unboxed .entry,.blog.content-style-unboxed .entry,.post-type-archive.content-style-unboxed .entry,.search-results.content-style-unboxed .entry{box-shadow:none}.article-post-thumbnail-caption{font-size:90%;margin:0;padding-top:.5em;padding-bottom:.5em;text-align:center}.content-style-unboxed .kadence-thumbnail-position-above+.article-post-thumbnail-caption{margin-top:calc(0px - var(--global-md-spacing));margin-bottom:var(--global-md-spacing)}.single-content{margin:var(--global-md-spacing) 0 0}.single-content address,.single-content figure,.single-content hr,.single-content p,.single-content table,.single-content pre,.single-content form,.single-content .wp-block-buttons,.single-content .wp-block-button,.single-content .wc-block-grid,.single-content .wp-block-kadence-advancedbtn,.single-content .wp-block-media-text,.single-content .wp-block-cover,.single-content .entry-content-asset,.single-content .wp-block-kadence-form,.single-content .wp-block-group,.single-content .wp-block-yoast-faq-block,.single-content .wp-block-yoast-how-to-block,.single-content .schema-faq-section,.single-content .wp-block-kadence-tableofcontents,.single-content .enlighter-default,.single-content .wp-block-kadence-iconlist,.single-content [class*=__inner-content]{margin-top:0;margin-bottom:var(--global-md-spacing)}.single-content .wp-block-buttons .wp-block-button{margin-bottom:0}.single-content p>img{display:inline-block}.single-content p>img.aligncenter{display:block}.single-content li>img{display:inline-block}.single-content li>img.aligncenter{display:block}.single-content p:not(.wp-block-kadence-advancedheading)+.wp-block-kadence-spacer{margin-top:calc(0rem - var(--global-md-spacing))}.single-content .wp-block-yoast-faq-block .schema-faq-question{margin-bottom:.5em}.single-content .elementor-widget-container:first-child:not(style) h1,.single-content .elementor-widget-container:first-child:not(style) h2,.single-content .elementor-widget-container:first-child:not(style) h3,.single-content .elementor-widget-container:first-child:not(style) h4,.single-content .elementor-widget-container:first-child:not(style) h5,.single-content .elementor-widget-container:first-child:not(style) h6{margin-top:0}.single-content h1,.single-content h2,.single-content h3,.single-content h4,.single-content h5,.single-content h6{margin:1.5em 0 .5em}.single-content h1:first-child,.single-content h2:first-child,.single-content h3:first-child,.single-content h4:first-child,.single-content h5:first-child,.single-content h6:first-child{margin-top:0}.single-content h1+*,.single-content h2+*,.single-content h3+*,.single-content h4+*,.single-content h5+*,.single-content h6+*{margin-top:0}.single-content .wp-block-kadence-advancedgallery+p{margin-top:var(--global-md-spacing)}.single-content ul,.single-content ol{margin:0 0 var(--global-md-spacing);padding-left:2em}.single-content ul.aligncenter,.single-content ol.aligncenter{text-align:center;padding-left:0}.single-content .kad-slider ul{padding:0;margin:0}.single-content li>ol,.single-content li>ul{margin:0}.single-content>.more-link{display:block}.single-content address:last-child,.single-content figure:last-child,.single-content hr:last-child,.single-content p:last-child,.single-content table:last-child,.single-content pre:last-child,.single-content form:last-child,.single-content .wp-block-buttons:last-child,.single-content .wp-block-button:last-child,.single-content .wp-block-kadence-advancedbtn:last-child,.single-content .wp-block-media-text:last-child,.single-content .wp-block-cover:last-child,.single-content .entry-content-asset:last-child,.single-content .wp-block-kadence-form:last-child,.single-content .wp-block-group:last-child,.single-content .wp-block-yoast-faq-block:last-child,.single-content .wp-block-yoast-how-to-block:last-child,.single-content .schema-faq-section:last-child,.single-content .wp-block-kadence-tableofcontents:last-child,.single-content .enlighter-default:last-child,.single-content .wp-block-kadence-iconlist:last-child,.single-content h1:last-child,.single-content h2:last-child,.single-content h3:last-child,.single-content h4:last-child,.single-content h5:last-child,.single-content h6:last-child,.single-content ul:last-child,.single-content ol:last-child{margin-bottom:0}.single-content h1.elementor-heading-title,.single-content h2.elementor-heading-title,.single-content h3.elementor-heading-title,.single-content h4.elementor-heading-title,.single-content h5.elementor-heading-title,.single-content h6.elementor-heading-title{margin-bottom:.5em}.single-content .wp-block-image{margin-top:0;margin-bottom:0}.single-content .wp-block-image figure{margin-bottom:var(--global-md-spacing)}.single-content .wp-block-image:last-child figure{margin-bottom:0}.single-content figure.wp-block-image{margin-bottom:var(--global-md-spacing)}.single-content figure.wp-block-image:last-child{margin-bottom:0}.entry-content:after{display:table;clear:both;content:""}.content-title-style-hide .entry-content,.content-title-style-above .entry-content{margin:0}.content-title-style-above .entry-content-wrap .post-thumbnail+.single-content{margin:var(--global-md-spacing) 0 0}.wp-site-blocks .post-thumbnail{display:block;height:0;padding-bottom:66.67%;overflow:hidden;position:relative}.wp-site-blocks .post-thumbnail.kadence-thumbnail-ratio-1-2{padding-bottom:50%}.wp-site-blocks .post-thumbnail.kadence-thumbnail-ratio-9-16{padding-bottom:56.25%}.wp-site-blocks .post-thumbnail.kadence-thumbnail-ratio-1-1{padding-bottom:100%}.wp-site-blocks .post-thumbnail.kadence-thumbnail-ratio-3-4{padding-bottom:75%}.wp-site-blocks .post-thumbnail.kadence-thumbnail-ratio-5-4{padding-bottom:125%}.wp-site-blocks .post-thumbnail.kadence-thumbnail-ratio-4-3{padding-bottom:133%}.wp-site-blocks .post-thumbnail.kadence-thumbnail-ratio-3-2{padding-bottom:150%}.wp-site-blocks .post-thumbnail.kadence-thumbnail-ratio-inherit{padding-bottom:0;height:auto}.wp-site-blocks .post-thumbnail.kadence-thumbnail-ratio-inherit .post-thumbnail-inner{position:static}.wp-site-blocks .post-thumbnail.kadence-thumbnail-ratio-inherit img{margin-left:auto;margin-right:auto}.wp-site-blocks .post-thumbnail .post-thumbnail-inner{position:absolute;top:0;bottom:0;left:0;right:0}.wp-site-blocks .post-thumbnail img{flex:1;object-fit:cover}.wp-site-blocks .post-thumbnail:not(.kadence-thumbnail-ratio-inherit) img{height:100%;width:100%}.wp-block-newspack-blocks-homepage-articles .post-thumbnail:not(.kadence-thumbnail-ratio-inherit) img{height:auto;width:100%}.archive.content-style-unboxed .wp-site-blocks .post-thumbnail,.blog.content-style-unboxed .wp-site-blocks .post-thumbnail,.post-type-archive.content-style-unboxed .wp-site-blocks .post-thumbnail,.search-results.content-style-unboxed .wp-site-blocks .post-thumbnail{margin-bottom:1em}.content-style-unboxed .kadence-thumbnail-position-above{margin-bottom:var(--global-md-spacing)}.kadence-thumbnail-position-behind{margin-bottom:-4.3em;position:relative;z-index:0}.content-style-unboxed .kadence-thumbnail-position-behind:after{position:absolute;content:"";top:0;bottom:-1px;left:0;right:0;background:linear-gradient(0deg, var(--global-palette9) 5%, rgba(var(--global-palette9rgb), 0.35) 30%, rgba(255, 255, 255, 0) 50%)}.kadence-breadcrumbs{margin:1em 0;font-size:85%;color:var(--global-palette5)}.kadence-breadcrumbs a{color:inherit}.kadence-breadcrumbs p{margin:0}.entry-content-wrap .entry-header .kadence-breadcrumbs:first-child{margin-top:0}.entry-meta{font-size:80%;margin:1em 0;display:flex;flex-wrap:wrap}.entry-meta>*{display:inline-flex;align-items:center;flex-wrap:wrap}.entry-meta>* time{white-space:nowrap}.entry-meta a{color:inherit;text-decoration:none}.entry-meta .meta-label{margin-right:.2rem}.entry-meta .author-avatar{width:25px;height:25px;margin-right:.5rem;position:relative;display:inline-block}.entry-meta .author-avatar a.author-image{position:absolute;left:0;right:0;top:0;bottom:0}.entry-meta .author-avatar .image-size-ratio{padding-bottom:100%;display:block}.entry-meta .author-avatar img{position:absolute;left:0;top:0;bottom:0;right:0;border-radius:50%}.entry-meta>*:after{margin-left:.5rem;margin-right:.5rem;content:"";display:inline-block;background-color:currentColor;height:.25rem;width:.25rem;opacity:.8;border-radius:9999px;vertical-align:.1875em}.entry-meta.entry-meta-divider-slash>*:after{content:"/";height:auto;background:rgba(0,0,0,0)}.entry-meta.entry-meta-divider-dash>*:after{content:"-";height:auto;background:rgba(0,0,0,0)}.entry-meta.entry-meta-divider-vline>*:after{content:"|";height:auto;background:rgba(0,0,0,0)}.entry-meta>*:last-child:after{display:none}.entry-meta-divider-customicon.entry-meta>*>.kadence-svg-iconset{margin-right:.3em;margin-left:.8em}.entry-meta-divider-customicon.entry-meta>*:after{display:none}.entry-meta-divider-customicon.entry-meta .kt-reading-time-wrap{margin-left:.8em}.loop-entry .entry-header .entry-title{margin:0}.loop-entry .entry-summary p,.loop-entry .entry-header .entry-meta{margin:1em 0}.updated:not(.published){display:none}.updated-on .updated:not(.published){display:inline-block}.entry-summary{margin:var(--global-xs-spacing) 0 0}a.post-more-link{font-weight:bold;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;color:inherit;font-size:80%}a.post-more-link .kadence-svg-iconset{margin-left:.5em}a.post-more-link:hover{color:var(--global-palette-highlight)}.more-link-wrap{margin-top:var(--global-xs-spacing);margin-bottom:0}.entry-taxonomies{margin-bottom:.5em;letter-spacing:.05em;font-size:70%;text-transform:uppercase}.entry-taxonomies a{text-decoration:none;font-weight:bold}.entry-taxonomies .category-style-pill a{background:var(--global-palette-highlight);color:#fff;padding:.25rem;border-radius:.25rem;margin-right:.25rem;margin-bottom:.25rem;display:inline-block;line-height:1.2}.entry-taxonomies .category-style-pill a:last-child{margin-right:0}.entry-taxonomies .category-style-pill a:hover{color:#fff}.entry-taxonomies .category-style-underline a{text-decoration:underline}.loop-entry.type-post .entry-taxonomies .category-style-pill a{color:#fff}@media screen and (max-width: 719px){.loop-entry .entry-taxonomies{margin-bottom:1em}}.entry-tags{margin-top:var(--global-xs-spacing)}.entry-tags .tags-links{display:flex;flex-wrap:wrap}.entry-tags a.tag-link{margin-right:.5em;padding:.4em .6em;margin-top:.5em;font-size:80%;border:1px solid var(--global-gray-500);border-radius:.25rem;color:var(--global-palette5);text-decoration:none}.entry-tags a.tag-link:hover{background:var(--global-palette-highlight);color:var(--global-palette-btn);border-color:var(--global-palette-highlight)}.entry-tags a.tag-link:last-child{margin-right:0}.entry-hero-container-inner{background:var(--global-palette7)}.entry-hero-container-inner .entry-header{min-height:200px;display:flex;align-items:center;text-align:center;justify-content:center;flex-direction:column;margin-bottom:0}.entry-hero-container-inner .entry-header>div{width:100%}.entry-hero-layout-fullwidth>.entry-hero-container-inner>.site-container{max-width:none}.entry-hero{position:relative}.hero-section-overlay{position:absolute;left:0;right:0;top:0;bottom:0}.hero-container{position:relative}.title-align-left{text-align:left}.title-align-left .entry-meta{justify-content:flex-start}.title-align-center{text-align:center}.title-align-center .entry-meta{justify-content:center}.title-align-right{text-align:right}.title-align-right .entry-meta{justify-content:flex-end}.entry-hero .title-align-left{text-align:left;align-items:flex-start}.entry-hero .title-align-center{text-align:center;align-items:center}.entry-hero .title-align-right{text-align:right;align-items:flex-end}@media screen and (max-width: 1024px){.title-tablet-align-left{text-align:left}.title-tablet-align-left .entry-meta{justify-content:flex-start}.title-tablet-align-center{text-align:center}.title-tablet-align-center .entry-meta{justify-content:center}.title-tablet-align-right{text-align:right}.title-tablet-align-right .entry-meta{justify-content:flex-end}.entry-hero .title-tablet-align-left{text-align:left;align-items:flex-start}.entry-hero .title-tablet-align-center{text-align:center;align-items:center}.entry-hero .title-tablet-align-right{text-align:right;align-items:flex-end}}@media screen and (max-width: 719px){.title-mobile-align-left{text-align:left}.title-mobile-align-left .entry-meta{justify-content:flex-start}.title-mobile-align-center{text-align:center}.title-mobile-align-center .entry-meta{justify-content:center}.title-mobile-align-right{text-align:right}.title-mobile-align-right .entry-meta{justify-content:flex-end}.entry-hero .title-mobile-align-left{text-align:left;align-items:flex-start}.entry-hero .title-mobile-align-center{text-align:center;align-items:center}.entry-hero .title-mobile-align-right{text-align:right;align-items:flex-end}}.entry-header{margin-bottom:1em}.page-content{margin:2rem 0 0}.page-header{margin-bottom:var(--global-lg-spacing)}.hero-container .page-header{margin-bottom:0}.entry-footer{clear:both}.post-navigation-wrap.entry-content-wrap,.post-navigation-wrap .post-navigation,.entry-author.entry-content-wrap{margin-top:0;margin-bottom:0;border-radius:0}.comments-area.entry-content-wrap{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.single-entry.post.entry.post-footer-area-boxed{border-bottom-left-radius:0;border-bottom-right-radius:0}.post-footer-area-boxed~.entry-related{margin:0;width:auto;max-width:100%}.post-footer-area-boxed~.entry-related .entry-related-inner-content.alignwide{margin:0;width:auto;max-width:100%}.wp-block-image .alignleft{margin-right:var(--global-md-spacing)}.wp-block-image .alignright{margin-left:var(--global-md-spacing)}.alignfull,.alignwide,.entry-content .alignwide,.entry-content .alignfull{margin-left:calc(50% - var(--global-vw, 100vw)/2);margin-right:calc(50% - var(--global-vw, 100vw)/2);max-width:100vw;width:var(--global-vw, 100vw);padding-left:0;padding-right:0;clear:both}.wp-site-blocks .content-container .is-layout-constrained>.alignwide{max-width:var(--global-content-wide-width)}@media screen and (min-width: 1025px){.content-width-narrow .entry-content .alignwide,.content-width-narrow .content-area .alignwide{margin-left:-80px;margin-right:-80px;width:auto}}.content-width-fullwidth .wp-site-blocks .alignwide{margin-left:0;margin-right:0;width:unset;max-width:unset}.content-style-boxed .entry-content .alignwide{margin-left:-2rem;margin-right:-2rem;max-width:unset;width:unset}.content-style-boxed .wp-site-blocks .entry-content>.alignwide.is-layout-constrained{padding-left:var(--global-content-boxed-padding);padding-right:var(--global-content-boxed-padding)}.content-style-boxed .wp-site-blocks .entry-content .alignwide>* .alignwide{margin-left:unset;margin-right:unset}.has-small-font-size{font-size:var(--global-font-size-small)}.has-regular-font-size{font-size:var(--global-font-size-medium)}.has-large-font-size{font-size:var(--global-font-size-large)}.has-larger-font-size{font-size:var(--global-font-size-larger)}.has-xxlarge-font-size{font-size:var(--global-font-size-xxlarge)}.entry-content-asset.videofit{position:relative;padding-top:56.25%;overflow:hidden;max-width:100%;height:auto}.entry-content-asset.videofit iframe{position:absolute;top:0;left:0;width:100%;height:100%}body.elementor-template-full-width form.post-password-form,body.content-width-fullwidth form.post-password-form{text-align:center;margin:var(--global-xxl-spacing) auto}body.content-style-unboxed form.post-password-form{margin:var(--global-xxl-spacing) auto}.entry-title{word-wrap:break-word}.entry-hero-layout-contained>.entry-hero-container-inner{position:relative}body.content-style-boxed:not(.content-width-fullwidth) .wp-block-kadence-rowlayout.alignfull>.kt-row-layout-inner>.kb-theme-content-width{padding-left:calc(var(--global-content-edge-padding) + var(--global-boxed-spacing));padding-right:calc(var(--global-content-edge-padding) + var(--global-boxed-spacing))}.item-content-vertical-align-center .loop-entry .entry-content-wrap{display:flex;flex-direction:column;justify-content:center}.item-content-vertical-align-center .loop-entry .entry-content-wrap .entry-header{margin-bottom:0}.item-content-vertical-align-center .loop-entry .entry-content-wrap .entry-summary{margin-top:0}.item-content-vertical-align-center .loop-entry .entry-summary p,.item-content-vertical-align-center .loop-entry .entry-header .entry-meta{margin-bottom:0}
.primary-sidebar{padding-top:1.5rem;padding-bottom:1.5rem;margin-left:auto;margin-right:auto}@media screen and (min-width: 768px){.primary-sidebar{padding-left:0;padding-right:0}}@media screen and (min-width: 1025px){.primary-sidebar{padding:0;margin:0}.has-sticky-sidebar #wrapper,.has-sticky-sidebar-widget #wrapper{overflow:visible}.has-sticky-sidebar .sidebar-inner-wrap,.has-sticky-sidebar-widget .primary-sidebar .widget:last-child{position:sticky;top:20px;overflow-y:auto}.has-sticky-sidebar-widget .sidebar-inner-wrap{height:100%}}@media screen and (max-width: 1024px){.has-sticky-sidebar .sidebar-inner-wrap,.has-sticky-sidebar-widget .primary-sidebar .widget:last-child{max-height:none !important;overflow-y:auto}}
body.pb-skin-learn{
  --bg:#fdf4ec; --ink:#191919; --grey:#707070; --grey-2:#8c8c8c;
  --lime:#7fe046; --lime-h:#64c72d; --plum:#b037a6; --white:#fff;
  --line:#e8dcd2;
  --wide:1376px;
  --s25:25px; --s30:30px; --s45:45px; --s65:65px;
  --font:'Schibsted Grotesk', Arial, sans-serif;
}.pbl *{box-sizing:border-box;margin:0;padding:0}body.pb-skin-learn{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.5;min-width:320px;
  font-synthesis:none;-webkit-text-size-adjust:none;text-size-adjust:none}.pbl h1,.pbl h2,.pbl h3,.pbl h4,.pbl h5,.pbl h6,.pbl .h1,.pbl .h2,.pbl .h3{font-family:var(--font);font-weight:600;line-height:1;text-wrap:balance}.pbl h4,.pbl h5,.pbl h6{font-size:16px}.pbl h1{font-size:clamp(32px,5.2vw,48px);text-wrap:wrap}.pbl h2{font-size:24px}.pbl h3,.pbl .h3{font-size:18px}.pbl a{color:inherit}.pbl img{max-width:100%;display:block}.pbl .ph{background:linear-gradient(135deg,#e6d8cc 0%,#d9c7bb 45%,#cbb6ad 100%);border-radius:16px;position:relative}.pbl .ph:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.16) 0 10px,transparent 10px 20px);border-radius:inherit}.pbl .shell{max-width:calc(var(--wide) + 64px);margin:0 auto;padding:0 32px;width:100%}.pbl .header-alert{background:var(--lime);color:var(--on-lime,var(--ink));min-height:50px;display:flex;align-items:center;
  justify-content:center;text-align:center;font-size:1rem;font-weight:600;padding:8px 52px 8px 32px;position:relative}.pbl .header-alert a{color:var(--ink);text-decoration:underline}.pbl .header-alert__close{position:absolute;right:32px;top:50%;transform:translateY(-50%);width:12px;height:12px;
  background:none;border:none;cursor:pointer;color:inherit}.pbl .header-alert__close:before,.pbl .header-alert__close:after{content:"";position:absolute;left:0;top:5px;width:100%;height:2px;background:currentColor}.pbl .header-alert__close:before{transform:rotate(45deg)}.pbl .header-alert__close:after{transform:rotate(-45deg)}.pbl /* ── шапка: чёрная полоса ── */
.pbl-head{display:contents}.universal{background:var(--ink);font-size:.875rem;position:sticky;top:0;z-index:10}.pbl .universal__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;height:50px;padding:0 32px;max-width:none;width:100%}.pbl .universal a{color:#fff;text-decoration:none;letter-spacing:.02em}.pbl .universal ul{display:flex;gap:0;list-style:none;align-items:center}.pbl .universal li{padding:0 clamp(7px,.9vw,15px);white-space:nowrap}.pbl .universal a.btn{flex:0 0 auto}.pbl .universal li:last-child{padding-right:0}.pbl .universal ul:first-child li:first-child{padding-left:0}.pbl /* ── логотип ── */
.logo{display:inline-flex;align-items:center;gap:9px;text-decoration:none;white-space:nowrap}.pbl .logo__mark{width:28px;height:28px;flex:0 0 28px;border-radius:50%;display:grid;place-items:center;
  background:var(--lime);color:var(--on-lime,var(--ink));font-weight:600;font-size:12px;letter-spacing:.04em;line-height:1}.pbl .logo__text{font-weight:600;letter-spacing:.01em}.pbl .logo__text em{font-style:normal;color:var(--lime)}.pbl .universal .logo__text em{color:var(--lime)}.pbl .secondary__logo .logo__mark{width:34px;height:34px;flex:0 0 34px;font-size:14px}.pbl .secondary__logo .logo__text em{color:var(--plum)}.pbl .footer__brand .logo__mark{width:34px;height:34px;flex:0 0 34px;font-size:14px}.pbl .universal .brand{font-weight:600;letter-spacing:.01em}.pbl .universal a.btn{color:var(--on-lime,var(--ink))}.pbl .btn{display:inline-flex;align-items:center;justify-content:center;background:var(--lime);color:var(--on-lime,var(--ink));
  border:none;border-radius:50px;min-height:40px;padding:0 20px;font:600 .875rem var(--font);
  letter-spacing:.02em;cursor:pointer;text-decoration:none;transition:background .2s}.pbl .btn:hover{background:var(--lime-h)}.pbl .btn--sm{min-height:32px;padding:0 16px;font-size:.8rem}.pbl /* ── меню блога + поиск ── */
.secondary{background:var(--bg);border-bottom:1px solid #ccc;position:sticky;top:50px;z-index:9;font-size:.875rem}.pbl .secondary__inner{display:flex;align-items:center;gap:0;padding:8px 32px 15px;max-width:none;width:100%}.pbl .secondary__logo{display:flex;align-items:center;flex-shrink:0;height:48px;margin-right:20px;margin-top:-5px;font-weight:600;font-size:1.25rem;line-height:1;white-space:nowrap;text-decoration:none}.pbl .secondary__list{display:flex;align-items:center;gap:0;list-style:none;font-size:.875rem;white-space:nowrap;overflow:visible;scrollbar-width:none}.pbl .secondary__list li{padding:0 15px}.pbl .secondary__list li:first-child{padding-left:0}.pbl .secondary__list::-webkit-scrollbar{display:none}.pbl .secondary__list a{text-decoration:none;display:inline-block}.pbl .secondary__list a:hover{color:var(--plum)}.pbl .secondary__list li.has-dd{position:relative}.pbl .secondary__list li.has-dd>a:after{content:"";display:inline-block;vertical-align:middle;width:16px;height:16px;margin-left:6px;
  transition:transform .2s;background:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.2%22%20d%3D%22m4%206%204%204%204-4%22%2F%3E%3C%2Fsvg%3E") 50% no-repeat}.pbl .secondary__list li.has-dd:hover>a:after{transform:rotate(180deg)}.pbl .dd{position:absolute;left:0;top:100%;min-width:220px;background:var(--bg);border:1px solid #ccc;border-radius:12px;
  padding:12px;list-style:none;opacity:0;visibility:hidden;transition:opacity .18s,visibility .18s;z-index:20}.pbl .secondary__list li.has-dd:hover .dd,.pbl .secondary__list li.has-dd:focus-within .dd{opacity:1;visibility:visible}.pbl .dd li{padding:0}.pbl .dd a{display:block;padding:8px 12px 8px 0;white-space:nowrap}.pbl .dd a:hover{color:var(--plum)}.pbl .secondary__search{position:relative;display:flex;align-items:center;height:40px;margin-left:auto;width:100%;max-width:510px;min-width:180px}.pbl .secondary__search input{width:100%;min-width:0;height:40px;border:none;border-radius:100px;background:#fff;
  color:var(--grey);font:400 .875rem var(--font);padding:0 20px 0 40px;outline:none}.pbl .secondary__search input::placeholder{color:var(--grey)}.pbl .secondary__search svg{position:absolute;left:16px;top:11px;width:18px;height:18px;stroke:var(--grey);fill:none;stroke-width:2}.pbl .secondary__search input:focus-visible{box-shadow:0 0 0 2px var(--plum)}.pbl /* ── крошки ── */
.breadcrumbs{margin-top:var(--s45)}.pbl .breadcrumbs ul{display:flex;gap:10px;list-style:none;font-size:.875rem;letter-spacing:.02em;flex-wrap:wrap}.pbl .breadcrumbs li{display:flex;align-items:center;gap:8px}.pbl .breadcrumbs li+li:before{content:"»";color:var(--plum)}.pbl .breadcrumbs a{color:var(--grey);text-decoration:none}.pbl .breadcrumbs a:hover{color:var(--ink)}.pbl .breadcrumbs li:last-child{color:var(--ink)}.pbl /* ── шапка статьи ── */
.article-header{margin-top:24px;max-width:calc(100% - 575px)}.pbl .article-header__subtitle{font-family:var(--font);font-weight:600;font-size:1.125rem;line-height:1.5;margin-top:16px}.pbl .meta{display:flex;flex-wrap:wrap;color:var(--grey);font-size:.75rem;margin-top:10px}.pbl .meta>span:not(:last-child):after{content:"•";margin:0 7px}.pbl .meta a{color:var(--ink);text-decoration:none}.pbl .meta__author{white-space:nowrap}.pbl .card .meta,.pbl .card .meta a{color:var(--grey)}.pbl /* ── раскладка статьи ── */
.article-layout{display:grid;grid-template-columns:1fr 450px;gap:125px;margin:var(--s45) 0 var(--s30)}.pbl .article-layout__content{display:flex;flex-direction:column;gap:40px;min-width:0}.pbl .sidebar__section{display:flex;flex-direction:column;gap:0}.pbl .featured .ph{border-radius:16px;width:100%;aspect-ratio:2400/1350}.pbl .article-body h2{font-size:clamp(24px,3.4vw,36px);line-height:1;margin:var(--s30) 0 var(--s25)}.pbl .article-body h3{font-size:30px;line-height:1;margin:var(--s30) 0 var(--s25)}.pbl .article-body p{margin-bottom:var(--s25)}.pbl .article-body ul{list-style:none;margin:var(--s30) 0;padding-left:20px}.pbl .article-body ol{list-style:decimal;margin:var(--s30) 0;padding-left:28px}.pbl .article-body li{position:relative;padding-left:16px;margin-bottom:17px;line-height:1.5}.pbl .article-body ol li{padding-left:0}.pbl .article-body ol li:before{content:none}.pbl .article-body ul li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:var(--ink);display:block}.pbl /* ── сайдбар ── */
.sidebar{display:flex;flex-direction:column;gap:50px;align-self:start;position:static}.pbl .sidebar>:not(.toc){max-width:340px}.pbl .sidebar__section .h3{font-size:18px;line-height:1.5;margin-bottom:20px}.pbl .toc{display:flex;flex-direction:column;gap:20px}.pbl .toc .h3{margin-bottom:0}.pbl .toc ul{list-style:none;display:flex;flex-direction:column;gap:20px;margin-bottom:15px}.pbl .toc li{font-size:1rem;line-height:1.5}.pbl .toc a{color:var(--plum);text-decoration:underline}.pbl .toc a:hover{color:var(--plum)}.pbl .social{display:flex;gap:20px;align-items:center}.pbl .social a{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--white);
  display:grid;place-items:center;color:var(--ink);transition:background .2s,color .2s,border-color .2s}.pbl .social a:hover{background:var(--ink);border-color:var(--ink);color:var(--white)}.pbl .social svg{width:16px;height:16px;display:block;fill:currentColor}.pbl .cta-widget{background:var(--ink);color:#fff;border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:14px}.pbl .cta-widget h3{color:#fff;font-size:18px;line-height:1.5}.pbl .cta-widget p{color:var(--grey-2);font-size:.9rem}.pbl .cta-widget .btn{align-self:flex-start}.pbl .cta-widget__image{width:100%;height:160px;object-fit:cover;border-radius:10px}.pbl /* ── карточки ── */
.card{display:flex;flex-direction:column;gap:10px}.pbl .card__img .ph{border-radius:16px;height:223px;width:100%;object-fit:cover}.pbl .card__meta{display:flex;align-items:center;gap:10px;font-size:.875rem;letter-spacing:.02em}.pbl .card__cat{color:var(--plum);text-decoration:none;font-weight:600}.pbl .card__tag{background:var(--lime);border-radius:50px;padding:2px 8px;font-weight:600}.pbl .card__title{font-size:1.125rem;line-height:1.2}.pbl .card__title a{text-decoration:none}.pbl .card__title a:hover{color:var(--plum)}.pbl .card__desc{font-size:1rem;line-height:1.5}.pbl .sidebar .card__img .ph{height:223px}.pbl .grid-sidebar{display:flex;flex-direction:column;gap:30px}.pbl /* ── карусель товаров (elements-product-embed) ── */
.embed{background:var(--ink);border-radius:16px;padding:20px var(--s30) var(--s30);margin:var(--s45) 0;overflow:hidden;position:relative}.pbl .embed__info{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.pbl .embed__title{color:#fff;font-size:1.5rem;line-height:1.5;font-weight:600;margin:0}.pbl .embed__title a{color:var(--lime);text-decoration:underline}.pbl .embed__more{display:inline-flex;align-items:center;background:var(--lime);color:var(--on-lime,var(--ink));border-radius:50px;
  min-height:40px;padding:8px 20px;font-size:.875rem;font-weight:600;letter-spacing:.02em;text-decoration:none;
  white-space:nowrap;transition:background .2s}.pbl .embed__more:hover{background:var(--lime-h)}.pbl .embed__items{display:flex;gap:12px}.pbl .embed__item{position:relative;flex:0 0 calc(33.3333% - 8px)}.pbl .embed__item .ph{width:100%;height:163px;border-radius:13px}.pbl .embed__meta{position:absolute;top:12px;left:12px;max-width:calc(100% - 24px);display:flex;flex-direction:column;align-items:flex-start}.pbl .embed__meta span{background:rgba(25,25,25,.7);color:#fff;font-size:.875rem;line-height:1.5;padding:5px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.pbl .embed__meta span:first-child{border-radius:4px 4px 4px 0}.pbl .embed__meta span:last-child{border-radius:0 4px 4px 4px}.pbl .embed__controls{position:absolute;inset:0;pointer-events:none}.pbl .embed__controls button{position:absolute;top:calc(50% + 20px);transform:translateY(-50%);width:40px;height:40px;
  border-radius:50%;background:#fff;border:1px solid #ccc;box-shadow:0 2px 8px rgba(0,0,0,.08);
  display:grid;place-items:center;cursor:pointer;pointer-events:auto;font-size:1rem;line-height:1;transition:.2s}.pbl .embed__controls button:hover{background:var(--ink);color:#fff}.pbl .embed__controls .prev{left:12px}.pbl .embed__controls .next{right:12px}.pbl /* ── нижняя лента: шахматное смещение ── */
/* ── таблица (wp-block-table) ── */
.table-block{margin:calc(var(--s30)/2) 0 var(--s30);overflow-x:auto;scrollbar-width:none;width:100%}.pbl .table-block::-webkit-scrollbar{display:none}.pbl .table-block table{border-collapse:collapse;width:100%}.pbl .table-block th,.pbl .table-block td{border-color:#ccc;border-style:solid;border-width:1px 0;padding:15px 20px 15px 0;
  text-align:left;vertical-align:middle;min-width:150px;word-wrap:break-word}.pbl .table-block th,.pbl .table-block td strong{font-weight:600}.pbl /* ── аккордеон FAQ (toggle-section) ── */
.toggle-section{margin:var(--s30) 0;width:100%}.pbl .toggle-section__title{font-size:24px;line-height:1;margin:var(--s30) 0 var(--s25)}.pbl .toggle-section__items{display:flex;flex-direction:row;align-items:flex-start;gap:60px;margin-top:24px}.pbl .toggle-section__column{display:flex;flex-direction:column;flex:1 1 0;min-width:0;width:50%}.pbl .toggle-item{border-bottom:1px solid #ccc;margin-bottom:20px;padding:0 0 20px;width:100%}.pbl .toggle-item>summary{list-style:none;cursor:pointer;position:relative;padding:0 32px 0 0;
  font-family:var(--font);font-weight:600;font-size:16px;line-height:normal;text-align:left}.pbl .toggle-item>summary::-webkit-details-marker{display:none}.pbl .toggle-item>summary:after{content:"";position:absolute;right:5px;top:50%;width:12px;height:12px;
  transform:translateY(-50%);transition:transform .2s;
  background:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20stroke%3D%22%23191919%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m4%206%204%204%204-4%22%2F%3E%3C%2Fsvg%3E") 50% no-repeat}.pbl .toggle-item[open]>summary:after{transform:translateY(-50%) rotate(180deg)}.pbl .toggle-item__content{padding:20px 32px 0 0}.pbl .toggle-item__content p{margin:0}
@media(max-width:900px){.pbl .toggle-section__items{flex-direction:column;gap:0}.pbl .toggle-section__column{width:100%}}.pbl .section-grid{margin:var(--s45) 0}.pbl .section-grid h2{font-size:clamp(36px,4vw,48px);line-height:1;margin-bottom:var(--s30)}.pbl /* сетка Envato: карточки тянутся на высоту ряда,.pbl разброс даёт justify-content + padding */
.grid-default{display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch;gap:35px 16px}.pbl .grid-default .card{display:flex;flex-direction:column;height:100%;justify-content:flex-start}.pbl .grid-default .card:nth-child(odd){padding-top:50px}.pbl .grid-default .card:nth-child(n+5):nth-child(odd){padding-top:20px}.pbl /* ── подвал ── */
/* ── партнёрский баннер (чёрный,.pbl на всю ширину) ── */
.banner{background:var(--ink);color:#fff;border-radius:17px;display:flex;align-items:stretch;overflow:hidden;margin:var(--s45) 0 0}.pbl .banner__content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px;padding:40px;width:60%}.pbl .banner__title{font-size:clamp(24px,4vw,48px);line-height:1;margin:0;max-width:14ch}.pbl .banner__text{color:var(--grey-2);font-size:.95rem;max-width:44ch}.pbl .banner__image{width:40%}.pbl .banner__image .ph{width:100%;height:100%;min-height:260px;border-radius:0}.pbl .banner .btn{background:var(--lime);color:var(--on-lime,var(--ink))}.pbl /* ── футер ── */
.footer{background:var(--bg);color:var(--ink);margin-top:100px}.pbl .footer__inner{padding:0 32px;width:100%}.pbl .footer a{color:var(--ink);text-decoration:none;font-size:1rem}.pbl .footer a:hover{color:var(--plum);text-decoration:underline}.pbl .footer__top{display:flex;align-items:flex-start;gap:32px;padding:var(--s30) 0}.pbl .footer__brand{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-right:64px;min-width:200px;max-width:280px}.pbl .footer__brand .h3{font-size:1.05rem}.pbl .footer__brand p{color:var(--grey);font-size:.9rem}.pbl .footer__socials{display:flex;gap:14px;list-style:none}.pbl .footer__socials a{width:20px;height:20px;display:block;color:var(--ink)}.pbl .footer__socials a:hover{opacity:.65}.pbl .footer__socials svg{width:100%;height:100%;fill:currentColor;display:block}.pbl .footer__nav{display:grid;grid-template-columns:repeat(2,minmax(140px,240px));grid-template-rows:repeat(4,auto);flex:1 1 0;column-gap:48px;row-gap:0;justify-content:end;margin-left:auto;min-width:0}.pbl .footer__column{display:grid;grid-template-rows:subgrid;grid-row:span 4}.pbl .footer__heading{font-size:1rem;line-height:1.5;margin-bottom:15px}.pbl .footer__list{list-style:none}.pbl .footer__list li{margin-bottom:10px}.pbl .footer__list+.footer__heading{margin-top:40px}.pbl .footer__bottom{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px;
  border-top:1px solid #ccc;padding:20px 0 32px;font-size:.8125rem;text-align:left}.pbl .footer__copyright{color:var(--grey);text-align:left;max-width:none}.pbl .footer__links{order:-1;flex:0 0 auto;display:flex;flex-wrap:wrap;list-style:none;justify-content:flex-start;text-align:left}.pbl .footer__links li{display:flex;align-items:center;margin-bottom:4px;white-space:nowrap}.pbl .footer__links li:not(:last-child):after{content:"|";color:#ccc;margin:0 12px}


@media (max-width:1100px){.pbl .article-layout{grid-template-columns:1fr;gap:40px}.pbl .article-header{max-width:100%}.pbl .sidebar{position:static}.pbl .grid-default{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:700px){.pbl .shell{padding:0 20px}.pbl .universal__inner,.pbl .secondary__inner{padding-left:20px;padding-right:20px}.pbl .header-alert{padding:8px 40px 8px 20px}.pbl .universal ul:first-child li:not(:first-child){display:none}.pbl .banner{flex-direction:column}.pbl .banner__content{width:100%;padding:30px}.pbl .banner__image{width:100%}.pbl .banner__image .ph{min-height:180px}.pbl .footer__top{flex-direction:column;gap:32px}.pbl .footer__brand{margin-right:0;max-width:100%}.pbl .footer__nav{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,auto);column-gap:32px;row-gap:0;margin-left:0;width:100%}.pbl .footer__column{max-width:100%;display:grid;grid-template-rows:subgrid;grid-row:span 4}.pbl .footer__bottom{flex-direction:column;gap:20px}
  .pbl .sidebar{position:static}.pbl .secondary__inner{height:auto;flex-wrap:wrap;padding:12px 0;gap:12px}.pbl .secondary__search{order:2;max-width:100%}.pbl .secondary__list{order:3;width:100%}.pbl .embed{padding:20px}.pbl .embed__info{flex-direction:column;align-items:flex-start;gap:15px}.pbl .embed__items{flex-direction:column}.pbl .embed__item{flex:1 1 auto}.pbl .embed__item .ph{height:180px}.pbl .header-alert{font-size:.875rem;padding:8px 40px;text-align:left}.pbl .header-alert__close{right:20px}.pbl .grid-default{grid-template-columns:1fr}
}.pbl /* ── блок инструментов ── */
.tools{background:var(--ink);color:#fff;border-radius:16px;padding:40px 30px 45px;margin:var(--s45) 0 0}.pbl .tools__header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:35px;flex-wrap:wrap}.pbl .tools__title{font-size:clamp(20px,2.5vw,24px);line-height:1.2;margin:0}.pbl .tools__items{display:grid;grid-template-columns:repeat(5,1fr);align-items:start;gap:18px}.pbl .tools__item .ph{height:268px;border-radius:16px;width:100%;margin-bottom:14px}.pbl .tools__item h3{font-size:24px;line-height:1;margin-bottom:8px}.pbl .tools__item p{color:var(--grey-2);font-size:.9rem}
@media(max-width:1100px){.pbl .tools__items{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.pbl .tools__items{grid-template-columns:1fr}}.pbl /* ── низ страницы категории ── */
.cat-desc__rest{display:inline}.pbl .toggle-section--narrow{max-width:1126px;margin:90px auto}.pbl .categories-block{background:var(--ink);color:#fff;border-radius:16px;padding:40px 30px 45px;margin:var(--s65) 0}.pbl .categories-block__title{font-size:clamp(28px,4vw,48px);line-height:1;margin-bottom:20px;color:#fff}.pbl .categories-block__desc{font-size:16px;line-height:24px;color:#fff;margin-bottom:35px}.pbl .categories-block__tabs{display:flex;gap:30px;margin-bottom:35px}.pbl .cat-tab{background:none;border:none;border-bottom:2px solid transparent;padding:0 0 6px;font:400 16px var(--font);
  color:#fff;cursor:pointer}.pbl .cat-tab.is-active{border-bottom-color:#fff}.pbl .categories-block__list{display:flex;flex-wrap:wrap;gap:30px 25px}.pbl .categories-block__list[hidden]{display:none}.pbl .chip{display:inline-flex;align-items:center;height:40px;padding:0 20px;border:1px solid #949494;border-radius:48px;
  font-size:16px;text-decoration:none;transition:border-color .2s,background .2s}.pbl .chip:hover{border-color:#fff;background:rgba(255,255,255,.08)}.pbl .banner--wide{margin:var(--s65) 0 0;min-height:366px}.pbl .banner--wide .banner__image .ph{min-height:366px}.pbl .grid-default{margin:var(--s65) 0}.pbl /* ── страница категории ── */
.cat-head{padding-top:24px}.pbl .cat-title{font-size:clamp(32px,5vw,48px);line-height:1;margin-bottom:20px}.pbl .cat-desc{max-width:680px;color:var(--ink);font-size:16px;line-height:1.5}.pbl .cat-desc__more{font-weight:600;text-decoration:underline;cursor:pointer;background:none;border:none;font:inherit;color:var(--plum);padding:0}.pbl .cat-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin:20px 0 24px;font-size:14px;font-weight:600}.pbl .cat-toolbar select{font:inherit;font-weight:600;border:none;cursor:pointer;color:var(--ink);appearance:none;-webkit-appearance:none;padding-right:18px;background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23191919' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right center/10px 7px}.pbl .cat-grid{display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch;gap:35px 16px}.pbl .cat-grid .card{display:flex;flex-direction:column;height:100%;justify-content:flex-start}.pbl .cat-grid .card:nth-child(2){justify-content:flex-end}.pbl .cat-grid .card:nth-child(3),.pbl .cat-grid .card:nth-child(4),.pbl .cat-grid .card:nth-child(6){padding-top:50px}.pbl .cat-grid .card--wide{grid-column:span 2}.pbl .cat-grid .card--wide .card__img .ph{height:383px}.pbl .cat-grid .card--wide .card__title{font-size:24px;line-height:1.2}.pbl .pagination{display:flex;justify-content:center;gap:8px;margin:var(--s65) 0}.pbl .pagination__link{display:grid;place-items:center;width:40px;height:40px;border-radius:3px;
  font-size:14px;text-decoration:none;color:var(--ink)}.pbl .pagination__link:hover{background:rgba(25,25,25,.08)}.pbl .pagination__link.is-active{background:var(--ink);color:#fff}.pbl .pagination__link--next:after{content:"";width:12px;height:12px;
  background:url("data:image/svg+xml;utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'12\' height=\'12\' fill=\'none\' viewBox=\'0 0 12 12\'%3E%3Cpath stroke=\'%23191919\' stroke-linecap=\'round\' stroke-linejoin=\'round\' stroke-width=\'1.4\' d=\'m4 2 4 4-4 4\'/%3E%3C/svg%3E") 50%/contain no-repeat}.pbl .newsletter{background:var(--lime);border-radius:17px;display:flex;align-items:center;gap:40px;
  padding:40px;margin:var(--s45) 0 0;flex-wrap:wrap}.pbl .newsletter__title{font-size:clamp(20px,2.5vw,26px);line-height:1.2;flex:1 1 320px;margin:0}.pbl .newsletter__form{flex:1 1 420px;display:flex;flex-direction:column;gap:10px}.pbl .newsletter__row{display:flex;gap:12px}.pbl .newsletter__row input{flex:1 1 auto;height:48px;border:none;border-radius:8px;background:#fff;
  font:400 1rem var(--font);padding:0 16px;outline:none}.pbl .newsletter__row .btn{background:var(--ink);color:#fff;min-height:48px}.pbl .newsletter__row .btn:hover{background:#000}.pbl .newsletter__note{font-size:.8125rem;text-align:right}
@media(max-width:900px){.pbl .cat-grid{grid-template-columns:1fr}.pbl .cat-grid .card--wide{grid-column:auto}.pbl .newsletter{flex-direction:column;align-items:flex-start}}