/* =====================================================================================
   ТИПОГРАФИКА in-salon.ru (16.09.2026, выбор владельца: Cormorant Garamond + Jost)

   Cormorant Garamond 600 — то, что человек читает как название:
     заголовки страниц (H1), названия товаров в каталоге, заголовки в текстах описаний,
     контакты в шапке и подвале (раньше — системный Georgia из редактируемых блоков).
   Jost (вариативный, 400–600) — всё, чем человек пользуется:
     меню, кнопки, фильтры (раньше — неподключённый Circe-Light → Arial), цены,
     характеристики, тексты, хлебные крошки, подвал (раньше — Ubuntu с Google Fonts).

   Файлы шрифтов лежат в теме рядом с этим файлом (кириллица и латиница отдельно).
   font-display: swap — текст виден сразу, даже пока файл шрифта грузится.
   Метрики подобраны, чтобы вёрстка не сдвигалась:
     - Jost: size-adjust 104% — меню занимает ту же ширину, что с Ubuntu (проверено на
       1440–1024 px: те же 9/7 пунктов в строке); ascent/descent как у Ubuntu — те же
       высоты строк и центровка текста в кнопках;
     - «Jost Fallback» / «Cormorant Fallback» — Arial и Georgia, подогнанные по ширине и
       высоте, чтобы при подмене запасного шрифта на настоящий текст не прыгал.
   ===================================================================================== */


@font-face {
  font-family: "Jost"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url(jost-cyrillic.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  size-adjust: 104%; ascent-override: 88.5%; descent-override: 22.1%; line-gap-override: 0%;
}
@font-face {
  font-family: "Jost"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url(jost-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  size-adjust: 104%; ascent-override: 88.5%; descent-override: 22.1%; line-gap-override: 0%;
}
@font-face {
  font-family: "Cormorant Garamond"; font-style: normal; font-weight: 600; font-display: swap;
  src: url(cormorant-garamond-600-cyrillic.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  ascent-override: 92%; descent-override: 24%; line-gap-override: 0%;
}
@font-face {
  font-family: "Cormorant Garamond"; font-style: normal; font-weight: 600; font-display: swap;
  src: url(cormorant-garamond-600-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  ascent-override: 92%; descent-override: 24%; line-gap-override: 0%;
}
/* запасные шрифты с метриками Jost и Cormorant — на время загрузки */
@font-face {
  font-family: "Jost Fallback";
  src: local("Arial"), local("ArialMT"), local("Helvetica"), local("Liberation Sans");
  size-adjust: 99.2%; ascent-override: 92.7%; descent-override: 23.2%; line-gap-override: 0%;
}
@font-face {
  font-family: "Cormorant Fallback";
  src: local("Georgia");
  size-adjust: 88.6%; ascent-override: 103.8%; descent-override: 27.1%; line-gap-override: 0%;
}

:root {
  --font-ui: "Jost", "Jost Fallback", Arial, sans-serif;
  --font-display: "Cormorant Garamond", "Cormorant Fallback", Georgia, "Times New Roman", serif;
}

/* ---------- интерфейс и текст: Jost ---------- */
body, button, input, select, textarea { font-family: var(--font-ui); }

/* Georgia, вставленный в редактируемые блоки (преимущества, «Официальная продукция», тексты) */
[style*="georgia" i] { font-family: var(--font-ui) !important; }

/* ---------- названия и акценты: Cormorant Garamond ---------- */
/* контакты в шапке и подвале */
.contacts [style*="georgia" i] {
  font-family: var(--font-display) !important;
  font-weight: 600; font-variant-numeric: lining-nums;
  /* у Cormorant маленькие строчные: выравниваем их высоту с прежним Georgia, размеры в блоке не трогаем */
  font-size-adjust: 0.44;
}
/* подписи заглавными из редактируемых блоков («Официальная продукция», преимущества) — лёгкая разрядка */
[style*="georgia" i] strong, strong [style*="georgia" i] { letter-spacing: 0.04em; }

/* заголовки страниц: товар, категория, SEO-фильтр, главная, страницы, поиск, корзина */
h1.content-title {
  font-family: var(--font-display) !important;
  font-weight: 600 !important; text-transform: none !important; letter-spacing: 0 !important;
  font-variant-numeric: lining-nums; line-height: 1.2 !important; font-size: 30px !important;
}
h1.product-title { font-size: 26px !important; }

/* названия товаров в карточках каталога */
.product_preview-title .product_preview-link {
  font-family: var(--font-display);
  font-weight: 600; font-size: 18px; line-height: 1.3; font-variant-numeric: lining-nums;
}

/* заголовки внутри текстов описаний категорий, фильтров, страниц и товаров */
.collection-seo_description :is(h2, h3, h4),
.collection-description :is(h2, h3, h4),
.page-content :is(h2, h3, h4),
.product-description :is(h2, h3, h4),
.editor :is(h2, h3, h4) {
  font-family: var(--font-display) !important;
  font-weight: 600; text-transform: none !important; letter-spacing: 0;
  font-variant-numeric: lining-nums; line-height: 1.25;
}
.collection-seo_description h2, .collection-description h2, .page-content h2, .product-description h2, .editor h2 { font-size: 28px; }
.collection-seo_description h3, .collection-description h3, .page-content h3, .product-description h3, .editor h3 { font-size: 23px; }
.collection-seo_description h4, .collection-description h4, .page-content h4, .product-description h4, .editor h4 { font-size: 19px; }

@media (max-width: 767px) {
  h1.content-title { font-size: 26px !important; }
  h1.product-title { font-size: 24px !important; }
  .product_preview-title .product_preview-link { font-size: 17px; }
  .collection-seo_description h2, .collection-description h2, .page-content h2, .product-description h2, .editor h2 { font-size: 24px; }
  .collection-seo_description h3, .collection-description h3, .page-content h3, .product-description h3, .editor h3 { font-size: 21px; }
}