/* ============================================================================
   Эффорт Групп — ШКАЛА КЕГЛЯ И СКРУГЛЕНИЙ внутренних.  Этап 3, 12.09.2026
   ----------------------------------------------------------------------------
   Только шаблон `effort` (каталог, раздел, карточка). Подключать ПОСЛЕ lang.css.
   Откат: снять одну строку подключения.

   ЗАЧЕМ — замер живого раздела 12.09.2026 (до правки):
     различных кеглей на странице             14   (9, 11, 12, 13, 14, 15, 16, 17, 18, 20, 21, 23, 29, 30)
     узлов мельче 12 px                       66   (подписи ползунка 9 px, чипы 11 px)
     различных скруглений на экране           15   (2, 4, 5, 7, 8, 10, 12, 18, 20, 40, 50, 999, 50 %…)
     h1 раздела                               23 px  — мельче цены товара (24 px)
     крошки                                   16 px  — крупнее навигации по подкатегориям (15 px)
     медиана font-size в effort-design.css    13 px  против 19 px на главной

   ПОСЛЕ (замерено вкладыванием этого стиля в живой DOM 12.09.2026):
     различных кеглей                    14 → 12
     узлов мельче 12 px                  66 → 0
     узлов вне шкалы 8/14/20/pill       138 → 20      (кнопки 10 px и круги 50 % не считаем)
     узлов на 4 px                       89 → 1
     h1  23 → 28 px     крошки 16 → 14 px     чип 11 → 13 px     строка 12 → 14 px
     кнопки:  радиус 10 px и кегль 13 px — БЕЗ ИЗМЕНЕНИЙ, как решено 10.09

   ОСТАТОК (20 узлов, лечится отдельно, если владелец захочет):
     2 px ×6 — ссылки пагинации вне `.tp-pagination`; 12 px ×5 — `.product-widget.mb-30`
     в левой колонке; 5 px ×3 — список `.nice-select`; по одному 3, 4, 18, 40, 50 px
     и асимметричный `10px 0 0 10px` у `.product_card_basket`.
     Эти правила перебивают селекторы сильнее — добирать пришлось бы `!important`,
     а он здесь не оправдан: 20 узлов из 158.

   ЧТО НЕ ТРОГАЕМ. Решением владельца от 10.09.2026 у ЗАЛИВНЫХ кнопок размеры,
   кегль и радиус зафиксированы (#E85326, hover rgba(232,83,38,.8), радиус 10 px,
   13 px/600) — ни один селектор ниже их не касается. Не трогаем также
   «таблетку» шапки (40 px) и круглые иконки (50 %).

   ВАЖНО: селекторы подобраны по ВЫИГРЫВАЮЩИМ правилам живой страницы
   (`#js-nouislider …`, `.eg-page .left_block_filter .pt-title`,
   `html main:has(…) .single-item-pd`), иначе тема перебивает. Первая версия
   этого файла не сработала именно потому, что селекторы были слабее.
   ========================================================================== */

:root {
  /* шесть ступеней вместо четырнадцати */
  --eg-t-note: 12px;   /* дно шкалы: подписи шкал, сноски */
  --eg-t-small: 13px;  /* чипы, мелкие подписи */
  --eg-t-body: 15px;   /* основной текст, навигация */
  --eg-t-lead: 17px;   /* имя товара */
  --eg-t-sub: 20px;    /* подзаголовок блока */
  --eg-t-h1: 28px;     /* заголовок страницы */

  /* четыре скругления вместо пятнадцати */
  --eg-r-sm: 8px;
  --eg-r-md: 14px;
  --eg-r-lg: 20px;
  --eg-r-pill: 999px;
}

/* --- 1. Дно шкалы: 9 px и 11 px читать нельзя ----------------------------- */

/* подписи шкалы цены. Выигрывает правило по id: #js-nouislider .noUi-value-large */
#js-nouislider .noUi-value,
#js-nouislider .noUi-value-sub,
#js-nouislider .noUi-value-large,
.bx-filter .noUi-value {
  font-size: var(--eg-t-note);
  line-height: 1.4;
}

#js-nouislider .noUi-tooltip,
.noUi-tooltip {
  font-size: var(--eg-t-note);
  line-height: 1.4;
  border-radius: var(--eg-r-sm);
}

/* чипы характеристик в строке товара: 52 узла на 11 px.
   Выигрывает `.eg-page .eg-chips span` из effort-design.css */
.eg-page .eg-chips span,
.eg-catalog-list .eg-chips span,
.eg-catalog-list .eg-chips .blockSectionProperties__properties__item,
.blockSectionProperties .blockSectionProperties__properties__item {
  font-size: var(--eg-t-small);
  line-height: 1.45;
}

.single-item-pd .favorite_button,
.single-item-pd .favorite_button span {
  font-size: var(--eg-t-small);
}

/* --- 2. Заголовок страницы крупнее цены товара --------------------------- */
/* H1 раздела живёт заголовком левого блока: `.eg-page .left_block_filter .pt-title` */
.eg-page .left_block_filter .pt-title,
.eg-page h1 {
  font-size: var(--eg-t-h1);
  line-height: 1.2;
}

@media (max-width: 767px) {
  .eg-page .left_block_filter .pt-title,
  .eg-page h1 { font-size: 23px; }
}

/* --- 3. Крошки — второстепенное, не крупнее навигации -------------------- */
.breadcrumb__area .breadcrumb,
.breadcrumb__area .breadcrumb li,
.breadcrumb__area .breadcrumb a,
.breadcrumb__area .breadcrumb span,
.breadcrumb-two ul li,
.breadcrumb-two ul li a {
  font-size: 14px;
  line-height: 1.5;
}

/* --- 4. Скругления: 15 значений → четыре -------------------------------- */

/* мелкие: было 2, 4, 5, 7 px */
.eg-page .eg-chips span,
.eg-catalog-list .eg-chips span,
.blockSectionProperties__properties__item,
.blockSectionProperties__properties__item span,
.eg-catalog-list .eg-chips .blockSectionProperties__properties__item,
.tp-pagination a,
.tp-pagination li a,
.nice-select .list,
.stock-btn__cnt-cont .stock-btn__minus,
.stock-btn__cnt-cont .stock-btn__plus,
.stikers .new,
.stikers .hit,
input.btn,
.btn.btn-themes,
.btn.btn-link {
  border-radius: var(--eg-r-sm);
}

/* средние: было 12 px */
html main:has(.shop-area .list_section) .shop-area .single-item-pd,
.eg-catalog-list .eg-catalog-item,
.left_block_filter .product-widget,
.left_block_filter .product-widget.mb-30,
.product-widget,
.product-widget.js-filter-content,
.product-widget.product-widget-BT {
  border-radius: var(--eg-r-md);
}

/* крупное: карточка cookie, было 18 px */
.nca-cookiesaccept-line .nca-bar,
.nca-bar {
  border-radius: var(--eg-r-lg);
}

/* пилюли: ползунок цены и полоса возврата наверх, было 50 px */
.progress-wrap,
#js-nouislider.noUi-target,
.noUi-target.noUi-ltr,
.noUi-horizontal .noUi-connect,
.noUi-horizontal .noUi-base {
  border-radius: var(--eg-r-pill);
}