/* Вита-Стандарт — шрифты и ритм основной темы (14.11.2026).
   Роли — по DESIGN.md: заголовок страницы 800, 30 → 36 → 48 px; заголовок раздела 800, 30 → 36 px;
   заголовок карточки 700, 16 → 18 px. Читальные страницы (доставка, вопросы, контакты, блог): заголовок 30 → 36 px,
   текст 16–17 px. Подключается последним (inc/layout-fixes.php).
   Не трогаем: лендинги «Оптовикам» и «Ваш бренд» (своя шкала Manrope), каталог и карточку товара (утверждена 07.11). */

:root{--vs-sec:48px;--vs-head-gap:24px}
@media (min-width:768px){:root{--vs-sec:64px;--vs-head-gap:32px}}

/* ---------- Заголовки ---------- */
html :is(.home,.page-template-page-o-kompanii) main h1{
  font-size:30px;line-height:1.1;font-weight:800;letter-spacing:-.025em}
html :is(.home,.page-template-page-o-kompanii) main h2:is(.text-2xl,.text-3xl,.text-4xl,.text-5xl){
  font-size:30px;line-height:1.15;font-weight:800;letter-spacing:-.025em}
@media (min-width:768px){
  html :is(.home,.page-template-page-o-kompanii) main h1{font-size:36px}
  html :is(.home,.page-template-page-o-kompanii) main h2:is(.text-2xl,.text-3xl,.text-4xl,.text-5xl){font-size:36px;line-height:1.1}
}
@media (min-width:1024px){html :is(.home,.page-template-page-o-kompanii) main h1{font-size:48px;line-height:1.05}}

/* Читальные страницы */
html :is(.page-template-page-dostavka,.page-template-page-faq,.page-template-default:not(.home),.blog,.single-post) main h1{
  font-size:30px;line-height:1.15;font-weight:800;letter-spacing:-.025em}
html :is(.page-template-page-dostavka,.page-template-page-faq,.page-template-default:not(.home)) main h2,
html .single-post .prose h2{font-size:22px;line-height:1.25;font-weight:700;letter-spacing:-.01em}
html .single-post .prose h3{font-size:19px;line-height:1.3;font-weight:700}
@media (min-width:768px){
  html :is(.page-template-page-dostavka,.page-template-page-faq,.page-template-default:not(.home),.blog,.single-post) main h1{font-size:36px;line-height:1.1}
  html :is(.page-template-page-dostavka,.page-template-page-faq,.page-template-default:not(.home)) main h2,
  html .single-post .prose h2{font-size:24px}
  html .single-post .prose h3{font-size:20px}
}
html .single-post .prose h2{margin-top:1.8em;margin-bottom:.5em}

/* ---------- Текст для чтения: 16–17 px ---------- */
html .single-post .prose{font-size:16px;line-height:1.65}
@media (min-width:768px){html .single-post .prose{font-size:17px}}
html .single-post .prose :is(p,li){font-size:inherit;line-height:inherit}
html .page-template-page-faq .vs-faq-a,html .page-template-page-faq .vs-faq-a p{font-size:16px;line-height:1.6}
html .page-template-page-dostavka main p.text-sm{font-size:16px;line-height:1.6}
@media (max-width:639px){html .page-template-page-dostavka main .flex.gap-4.p-6{padding:20px 18px;gap:12px}}
html .page-template-default:not(.home) main dd.text-sm{font-size:16px;line-height:1.5}
html .page-template-default:not(.home) main .rounded-xl > div > p.text-xs{font-size:14px;line-height:1.45}

/* ---------- Мелкий текст: не меньше 12 px (карточки товаров на главной, в каталоге и подборках) ----------
   Поднимаем только то, что было меньше 12 px; крупная «Хит продаж» на флагманской карточке (14 px, решение 10.11) не трогается */
html .vs2-eyebrow{font-size:12px}
html .vs2-card:not(.vs2-card--feat) .vs2-pill--hit{font-size:12px}
/* «Хит продаж» в узкой карточке телефона был 9 px капслоком: 12 px обычным регистром занимает ту же ширину */
@media (max-width:640px){
  html .vs2-pill{font-size:12px}
  html .vs2-card:not(.vs2-card--feat) .vs2-pill--hit{text-transform:none;letter-spacing:0;padding:0 7px}
  /* рядом с «−40%» не помещается на телефоне 360 px — встаёт под ней */
  html .vs2-card:not(.vs2-card--feat) .vs2-pill--sale ~ .vs2-pill--hit{top:40px;left:10px;right:auto}
}

/* ================= Главная ================= */
/* Ритм: одинаковый отступ разделов (48 на телефоне, 64 на компьютере), первый экран — свой */
html .home main section:not(:first-of-type){padding-top:var(--vs-sec);padding-bottom:var(--vs-sec)}

/* Первый экран: строка над заголовком — обычным текстом, без плашки; левая колонка — по центру высоты фото и формы */
html .home main section:first-of-type span.inline-block.rounded-full{
  display:block;padding:0;background:none;border-radius:0;color:hsl(var(--muted-foreground)) !important;font-size:15px;font-weight:500;line-height:1.4}
@media (min-width:768px){html .home main section:first-of-type .grid > div:first-child{align-self:center}}
/* Подписи фактов под кнопками: 12 → 14 px */
html .home main section:first-of-type li span.text-xs{font-size:14px;line-height:1.35}

/* Плитки линеек: обычный регистр вместо капслока, подписи на телефоне 13 px */
html .home .vs-lineup-tile h3{text-transform:none;font-size:16px;line-height:1.25;font-weight:700;letter-spacing:-.01em}
html .home .vs-lineup-tile p{font-size:14px;line-height:1.35}
html .home .vs-lineup-tile > span{font-size:14px}
@media (max-width:767px){
  html .home .vs-lineup-tile h3{font-size:15px}
  html .home .vs-lineup-tile p,html .home .vs-lineup-tile > span{font-size:13px}
}

/* «Почему выбирают»: расстояние от заголовка до карточек как у остальных разделов;
   на телефоне — компактные строки (картинка слева, текст справа) вместо трёх высоких карточек */
html .home section.bg-muted\/30 > .container > h2.mb-12{margin-bottom:var(--vs-head-gap)}
@media (max-width:767px){
  html .home .grid > .text-center.p-8.rounded-xl{display:grid;grid-template-columns:64px 1fr;column-gap:16px;align-items:center;text-align:left;padding:16px}
  html .home .grid > .text-center.p-8.rounded-xl > div:first-child{width:64px;height:64px;margin:0;grid-row:1 / span 2}
  html .home .grid > .text-center.p-8.rounded-xl > h3{margin:0 0 2px;font-size:16px;line-height:1.3;align-self:end}
  html .home .grid > .text-center.p-8.rounded-xl > p{align-self:start}
  html .home section.bg-muted\/30 > .container > .grid.gap-8{gap:12px}
}

/* «Путь к чистым витаминам»: без ярлыка над заголовком; подписи карточек тише заголовков карточек;
   карточки по высоте содержимого */
html .home main section:not(:first-of-type) span.inline-block.rounded-full.bg-primary\/10{display:none}
html .home section:has(.vs-goal-tiles) .grid.md\:grid-cols-3 h3{font-weight:700}
html .home section:has(.vs-goal-tiles) .grid.md\:grid-cols-3 span.uppercase{font-size:14px;letter-spacing:.06em}
@media (min-width:768px){html .home section:has(.vs-goal-tiles) .grid.md\:grid-cols-3 .md\:min-h-\[320px\]{min-height:0}}

/* «Желаемый результат» относится к товарам: отделён от карточек «Пути» и придвинут к «Нашей продукции» */
html .home section:has(.vs-goal-tiles) .grid.md\:grid-cols-3.mb-6{margin-bottom:0}
html .home .vs-goal-tiles{margin-top:var(--vs-sec)}
html .home main section:has(.vs-goal-tiles){padding-bottom:0}
html .home main section:has(.vs2--home){padding-top:var(--vs-head-gap)}
html .home .vs-hp-head.mb-8{margin-bottom:var(--vs-head-gap)}

/* Награды: описание под названием 12 → 14 px */
html .home .vs-aw-grid p.text-xs{font-size:14px;line-height:1.35}

/* Партнёры: на телефоне по три логотипа в ряд и ниже плитки */
@media (max-width:639px){
  html .home section:has(> h2 + p + .flex-wrap) .flex-wrap{gap:10px}
  html .home section:has(> h2 + p + .flex-wrap) .flex-wrap > div{width:calc((100% - 20px) / 3);height:72px;padding:10px}
  html .home section:has(> h2 + p + .flex-wrap) p.mb-10{margin-bottom:var(--vs-head-gap)}
}

/* Отзывы: без ярлыка над заголовком и без рамки вокруг рамок; карточки по высоте текста */
html .home main section p.text-cta.mb-2{display:none}
html .home .rounded-2xl.border.bg-secondary\/40{border:0;background:none;padding:0}
html .home article.min-h-64{min-height:0}

/* Обложки статей: рамка 16:9 (в собранном app.css правила aspect-[16/9] нет — вертикальная картинка растягивала карточку);
   кадр по верхнему краю — у документов и схем там заголовок */
html .home article .aspect-\[16\/9\]{aspect-ratio:16/9}
html .home article .aspect-\[16\/9\] img{object-position:50% 0}

/* Призыв внизу: одна синяя плоскость вместо тёмной коробки на синем (#0156B8 — белый текст 6:1) */
html .home main section.bg-primary{background-color:#0156B8}
html .home main section.bg-primary .bg-primary-dark\/90{background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding-top:0;padding-bottom:0}

/* ================= О компании ================= */
/* Без мелких подписей над заголовками (решение Никиты 14.11.2026): плашки «С 2016 года», «Для кого работаем», «Факты о компании»,
   «Производство», «Ассортимент», «Преимущества», «Яндекс Карты» и капс-ярлыки над фактами. Нумерация 01/02/03 остаётся. */
html .page-template-page-o-kompanii main span.inline-flex.text-xs:has(+ :is(h1,h2)),
html .page-template-page-o-kompanii main p.uppercase:has(+ h3),
html .page-template-page-o-kompanii main p.text-cta.mb-2:has(+ h2){display:none !important}
/* Название в заголовке не разрываем по дефису («Вита-/Стандарт» на телефоне) */
html .page-template-page-o-kompanii main h1 > span{white-space:nowrap}

/* ================= Пальцем: зона нажатия 44 px (шлифовка 14.11) ================= */
/* Ссылки-строки у заголовков и в тексте («Все задачи →», «Все статьи →», «Смотреть на Яндекс Картах», «← Все статьи», «Читать →»):
   невидимое поле сверху и снизу компенсируется отрицательным отступом — вёрстка не сдвигается */
@media (pointer:coarse){
  html .vs2-more,html .vs-hp-head > a,html main a.text-primary.text-sm:not(p a){display:inline-block;padding-block:12px;margin-block:-12px}
  html main a.inline-flex.text-primary.text-sm{display:inline-flex}
  html main p > a.inline-flex.text-primary.text-sm:only-child{padding-block:12px;margin-block:-12px}
  /* Значки ВКонтакте и Telegram в подвале: 36 → 44 px */
  html footer a.w-9.h-9{width:44px;height:44px}
}