/* ============================================================================
   Контент товара — ПРИНУДИТЕЛЬНАЯ типографика (enforced, не «default»).

   Значения взяты из старого редактора www-old/static/js/adm_product.js →
   action_ckeditor(), где оформление жёстко диктовалось по типу блока:
     • .base_style  (обычный текст)         — color: black;  font-size: 18px; normal
     • .pr_inf .base_style (вступление)     — color: #00939D; font-size: 20px
     • .name_info   (описание карточки кат.) — color: #00939D; font-size: 18px

   В новой панели CKEditor НЕТ кнопок цвета/шрифта/размера (см. ckConfig в
   static/js/edit_product.js), поэтому вид задаётся ТОЛЬКО здесь — и одинаково
   виден и в редакторе (/edit/), и на странице товара. Файл подключается в обоих
   местах: edit/index.php и dynamic/php/productView.php.

   !important нужен, чтобы перебить глобальные «* { font-family: bold;
   font-synthesis: none }» и «.index .base_style … { font-family: unset;
   font-weight: 300 }» из style-0.0.0.1.css — тот же приём, что для статей
   (.document … в static/css/article.css).
   ========================================================================= */

/* 1. Базовый текст товара: Inter, 18px, normal, чёрный.
      :not(.name_info) — не трогаем описание карточки каталога.
      Вступление сюда тоже попадает и получает family/weight/synthesis. */
.index .base_style:not(.name_info),
.index .base_style:not(.name_info) * {
  font-family: "Inter", Arial, Helvetica, sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  color: #000000 !important;
  font-synthesis: auto !important;
}

/* 2. Вступление: фирменный цвет и 20px. .pr_inf — на странице товара,
      #ep_intro_area — то же поле в редакторе. */
.index .pr_inf .base_style,
.index .pr_inf .base_style *,
.index #ep_intro_area .base_style,
.index #ep_intro_area .base_style * {
  color: #00939d !important;
  font-size: 20px !important;
}

/* 3. Начертания. Селекторы специфичнее правила «*» выше, иначе font-weight: 400
      из п.1 перебил бы жирный. */
.index .base_style:not(.name_info) strong,
.index .base_style:not(.name_info) b,
.index .pr_inf .base_style strong,
.index .pr_inf .base_style b,
.index #ep_intro_area .base_style strong,
.index #ep_intro_area .base_style b {
  font-weight: 700 !important;
}
.index .base_style:not(.name_info) em,
.index .base_style:not(.name_info) i,
.index .pr_inf .base_style em,
.index .pr_inf .base_style i,
.index #ep_intro_area .base_style em,
.index #ep_intro_area .base_style i {
  font-style: italic !important;
  font-weight: inherit !important; /* жирный внутри <strong> сохраняется */
}

/* 4. Ссылки — фирменный цвет, как акценты в тексте товара. */
.index .base_style:not(.name_info) a,
.index .pr_inf .base_style a,
.index #ep_intro_area .base_style a {
  color: #00939d !important;
  text-decoration: underline !important;
}

/* 5. Списки (CKEditor отдаёт <ul>/<ol>) — как в старом редакторе. */
.index .base_style:not(.name_info) ul,
.index .pr_inf .base_style ul,
.index #ep_intro_area .base_style ul {
  list-style: disc !important;
  padding-left: 22px !important;
}
.index .base_style:not(.name_info) ol,
.index .pr_inf .base_style ol,
.index #ep_intro_area .base_style ol {
  list-style: decimal !important;
  padding-left: 22px !important;
}
.index .base_style:not(.name_info) li,
.index .pr_inf .base_style li,
.index #ep_intro_area .base_style li {
  display: list-item !important;
}

/* 6. Заголовки разделов (h2). На странице товара — h1.pr_h2 > .head_style,
      в редакторе — поле .ep_h2title. Одинаково в обоих местах: Inter, 25px,
      bold, фирменный цвет (раньше был «font-family: bold», 14px в редакторе
      против 25px на странице). */
.index .product .prod_other > h1.pr_h2 .head_style,
.index .product .prod_other > h1.pr_h2 .head_style *,
.index .ep_h2title {
  font-family: "Inter", Arial, Helvetica, sans-serif !important;
  font-size: 25px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: #00939d !important;
  font-synthesis: auto !important;
}

/* Поле заголовка в редакторе — как настоящий инпут, а не голая строка. */
.index .ep_h2title {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 6px 10px;
  border: 1px solid #dbe3e6;
  border-radius: 6px;
  background: #fff;
}

/* ── технические характеристики ───────────────────────────────────────────
   Блок живёт в .prod_other (как остальные секции), чтобы совпадать по отступам
   с остальным контентом страницы. Внутренние padding'и темы сбрасываем:
   grid-0.0.0.1.css задаёт .prod_other > div > div { padding:16px 20px } и
   .prod_other > div > div > div { padding:20px; min-height:100% }. */
.index .product .prod_other.prod_chars { display: block; }
.index .product .prod_other.prod_chars > div { display: block; padding: 0; min-height: 0; }
/* .prod_char_col оставляем с padding: 16px 20px от темы (.prod_other > div > div) —
   именно это выравнивает контент с остальными секциями страницы. */
.index .product .prod_other.prod_chars .prod_chars_table { display: grid; grid-template-columns: 1fr 1fr; gap: 0 56px; }
.index .product .prod_other.prod_chars .prod_char_col { display: flex; flex-direction: column; min-width: 0; }
.index .product .prod_other.prod_chars .prod_char_row { display: grid; grid-template-columns: minmax(150px, 47%) 1fr; gap: 12px; padding: 7px 0; min-height: 0; border-bottom: 1px solid #e9efef; font-size: 14px; font-weight: 400; line-height: 1.35; }
.index .product .prod_other.prod_chars .prod_char_name { color: #6b7c7c; font-weight: 400; }
.index .product .prod_other.prod_chars .prod_char_val { color: #17323a; font-weight: 400; overflow-wrap: anywhere; }
@media (max-width: 760px) { .index .product .prod_other.prod_chars .prod_chars_table { grid-template-columns: 1fr; gap: 0; } }