/* ============================================================
   FONTANVAZON / ELTAGO — правки читаемости (QA 2026-09)
   Только мобильные ширины; десктоп не затрагивается.
   ============================================================ */
@media (max-width: 860px) {

  /* Выключка по формату без переносов даёт «реки» пробелов
     на узком экране. Выравниваем по левому краю. */
  p, li, td, .text, #incen, #incen * {
    text-align: left !important;
    hyphens: auto !important;
    -webkit-hyphens: auto !important;
  }
  /* заголовки и намеренно центрированные блоки не трогаем */
  h1, h2, h3, h4, .center, [align="center"], .name_kategorii {
    text-align: inherit !important;
  }

  /* Комфортная длина строки и межстрочный интервал */
  p, li { line-height: 1.6 !important; }

  img { max-width: 100%; height: auto; }

  /* Видимый фокус для клавиатурной навигации */
  a:focus, button:focus, input:focus, select:focus, textarea:focus {
    outline: 2px solid #b08d4f !important; outline-offset: 2px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}

/* ── Мини-карточка растягивала фото по вертикали (20.09.2026) ──────────
   В my_fix.css у картинки стоят одновременно width:240px !important и
   min-height:250px. Кадр у нас квадратный (280×280), и браузер растягивал
   его до 240×250 — на 4,2% вверх. На чашах и стенах это незаметно, а шар
   читался как вытянутая вверх сфера.

   Снимаем принудительную высоту с КАРТИНКИ и переносим её на абзац-обёртку.
   Важно: обёртку нельзя делать flex — она лежит внутри <p> в ячейке
   таблицы, и флекс ломает расчёт высоты ячейки: рамка карточки схлопывается
   до заголовка, а фото и цена вываливаются наружу. Проверено на живой
   странице, поэтому здесь только блочная модель.                          */
.blocktov .mincart_block a > img {
    min-height: 0 !important;
    height: auto !important;
}
.blocktov .mincart_block td > p {
    min-height: 250px;
    margin: 0;
}

/* Цена металлического крыла: «по запросу» вместо числа (local.php, п. 11).
   Блок цены свёрстан под цифру и выравнивание по правому краю, поэтому
   текстовой замене нужен свой размер — иначе длинная строка ломает плитку. */
.price .price_req { font-weight: 700; white-space: nowrap; }
.price .price_req_note {
    display: block;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.3;
    opacity: .75;
    margin-top: 2px;
}
.mintov_price.price_req {
    font-size: 15px !important;
    font-weight: 600;
    white-space: nowrap;
}