/* ==========================================================================
   МОБИЛЬНАЯ ВЕРСИЯ — страница товара: кегли мелкого текста (телефон)

   Зачем файл. Своих телефонных правил у страницы товара не было: она жила
   на десктопных, а там размеры считаны в единицах макета. На телефоне они
   стоят на пороге (--u 0,70px, --mp 0,819px), и мелкий текст выходил
   9,8–13px. 15.09.2026 заказчик просил сделать строку обработки под
   названием и всё остальное крупнее (таблица для десктопа — у .pdp-sub в
   site.css). Здесь те же места в пикселях. Сетку, ширины и фигуры кнопок
   не трогаем — только кегль. Одно исключение — ширина ячеек во вкладке
   «Способы приготовления» (правило с пояснением ниже).

   Замер на 375×812, было → стало:
     описание                    15   → 16
     подписи шкал                13,3 → 16
     подписи способов             9,8 → 12
     «Вес пачки», «Помол»        15   → 16
     чипы «200 г / 1 кг»         11,5 → 15
     поле помола                 11,5 → 16
     счётчик                     14,7 → 16
     «В корзину»                 13,1 → 15
     сноски под кнопкой          11   → 13
     вкладки                     11,2 → 14
     характеристики              10,5 → 15
     текст «Описание»            11,2 → 15
   Без правил здесь, прямо из site.css и taste-pack.css: обработка под
   названием 19,7 → 26,2 и «за 200 г» 12 → 14.

   Почему именно так:
   • поле помола и счётчик — 16px, а не 15: ниже 16 iOS при нажатии на поле
     приближает страницу;
   • подписи способов — 12px: плитка 42,6px, зазор между плитками 21, и
     «кофеварка» уже при 12px выходит за плитку в зазор; крупнее — подписи
     соседних плиток сойдутся;
   • чипы — 15px: коробка чипа 29,5 × 73px нарисована SVG-фигурой
     (pdp-chip-off.svg / pdp-chip-on.svg), «200 г» при 15px занимает около
     40px и в фигуру входит.

   Вес. Конкуренты в site.css: .pdp-desc, .buy-cap, .pdp-fulltext (0,1,0);
   .pdp-scales .nm (0,2,0); .buy-note li, .pdp-tabs button, .pdp-specs dt/dd
   (0,1,1); .sc2026-page .pdp-info .pdp-brew span (0,3,1); чипы и поле
   помола (0,3,1);
   кнопка (0,3,0), она же с :hover и счётчик (0,4,0). Здесь те же
   селекторы, файл подключается позже site.css (glob mobile/*.css в
   header.php) — при равном весе выигрывает он.
   Планшет в портрете сюда не попадает: у него своё в mobile/tablet.css, §6.
   ========================================================================== */

@media (max-width:767px), (max-width:1023px) and (max-height:520px){
  .pdp-desc{font-size:16px}
  .pdp-scales .nm{font-size:16px}
  /* Только верхний блок: во вкладке «Способы приготовления» семь плиток
     с узким зазором, и при 12px подписи соседних плиток там слипались
     («ропресскружкакапельная» на 375). Во вкладке остаётся кегль
     из site.css. */
  .sc2026-page .pdp-info .pdp-brew span{font-size:12px}
  /* Вкладка «Способы приготовления»: первую подпись («аэропресс», 54px на
     плитке 42,6) край страницы срезал на 5,8px — читалось «эропресс». Так
     было и до 15.09.2026, нашлось при проверке. Ячейка теперь не уже своей
     подписи (min-content — по самому длинному слову) и не уже плитки: край
     не режет, между подписями 12,6–14,7px. Плитки в рядах: 320 — 4 + 3,
     375 — 5 + 2, 414 — 6 + 1, в альбомной — все 7 (замер 16.09.2026). */
  .sc2026-page .pdp-panel .pdp-brew span{width:min-content;flex:0 0 auto;min-width:calc(52 * var(--mp))}

  .buy-cap{font-size:16px}
  .sc2026-page .pdp-buy .buy-chips button{font-size:15px}
  .sc2026-page .pdp-buy .buy-select select{font-size:16px}
  .sc2026-page .pdp-buy .buy-qty .quantity-input{font-size:16px}
  /* :hover — отдельным селектором: в site.css он записан вместе с кнопкой
     и весит (0,4,0); на телефоне «наведение» залипает после касания, и без
     него надпись после нажатия сжималась бы обратно до 13px. */
  .sc2026-page .pdp-buy .buy-cta,
  .sc2026-page .pdp-buy .buy-cta:hover{font-size:15px}
  .buy-note li{font-size:13px}

  /* Вкладки — 14, а не 15: при 15 на экране 320 «Характеристики» и
     «Описание» перестают вставать в одну строку, и три вкладки встают
     столбиком в три ряда. При 14 — два ряда, как было. */
  .pdp-tabs button{font-size:14px}
  .pdp-specs dt,
  .pdp-specs dd{font-size:15px}
  .pdp-fulltext{font-size:15px}
}