/* Планшеты и раскрытый Galaxy Z Fold — полоса ширин между телефоном и
   компьютером (владелец 30.09.2026: «сайт плохо адаптирован под планшеты и
   телефоны типа Galaxy Z Fold 7; пожилые люди часто пользуются планшетами»).
   Подключается partials/header.html после header.css — действует на всех
   страницах. Здесь только правила для 641–1100 px: телефон (≤640) и
   компьютер (≥1101) не трогаем. Меню и сжатие шапки — в header.css.

   Что было (замер боя 30.09.2026, Playwright):
   · iPad 820 px: плитки разделов каталога — 2 в ряд во всю ширину (3 ряда +
     «Ещё 10 категорий» = 220 px под шапкой), карточки с подписями 9,5 px;
   · Fold 7 раскрытый (984 px): сайдбар 256 px и три карточки по 220 px —
     текст в них мельче телефонного;
   · большинство текста на странице каталога — 10–12 px (301 узел 10 px,
     219 узлов 11 px, 270 — 12 px). */

/* ── Каталог: плитки разделов — три в ряд, а не две во всю ширину ── */
@media (min-width: 641px) and (max-width: 980px) {
  body:not(.catalog-landing) .catalog-categories {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }
}

/* ── Каталог с сайдбаром (981–1100 px): две карточки в ряд вместо трёх ──
   При 984 px три колонки давали карточки по 220 px; две — по 330 px, как на
   компьютере при 1440. */
@media (min-width: 981px) and (max-width: 1100px) {
  .products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ── Карточка товара в сетке: крупнее подписи ──
   Базовые размеры (components.css) рассчитаны на 270-пиксельную плитку
   компьютера и мышь; на планшете плитка та же или шире, а читают с расстояния
   вытянутой руки. */
@media (min-width: 641px) and (max-width: 1100px) {
  .products-grid { gap: 1rem; }
  .products-grid .product-card__title { font-size: 15px; line-height: 1.3; }
  .products-grid .product-card__brand,
  .product-card__brand { font-size: 11px; }
  .product-card__avail,
  .product-card__tag,
  .product-card__rate { font-size: 11px; padding: 5px 8px; }
  .pc-spec dt { font-size: 10.5px; }
  .pc-spec dd { font-size: 13.5px; }
  .products-grid .product-card__footer .price { font-size: 1.15rem; }
  .products-grid .product-card__footer .price-old { font-size: 0.75rem; }
}

/* ── Главная: плитки разделов (inc/home-cats.js) — подпись и наличие ──
   Подпись «160 моделей · механика, электро» стояла 12 px, «в наличии» — 11. */
@media (min-width: 641px) and (max-width: 1100px) {
  .cat8__t > span { font-size: 13.5px; }
  .cat8__live { font-size: 12.5px; }
  .cat8__live b { font-size: 14px; }
}