/* ==========================================================================
   Serikov Coffee 2026 — ГЛАВНАЯ НА ТЕЛЕФОНЕ В ПОРТРЕТЕ: поля и лента
   по макету Figma 52:4469 «iPhone 17 - 3» (17.09.2026)

   Макет 52:4469 — это вся мобильная главная (390 × 2049): шапка, баннер,
   четыре карточки-входа, бегущая строка, «Хиты» и кнопка «Весь каталог».
   Блоки разнесены по своим файлам слоя, как и раньше:
     баннер          — mobile/hero.css и mobile/hero.js (конец файлов);
     карточки-входы  — mobile/entries.css (конец файла);
     «Хиты», кнопка «Весь каталог», карточка товара — mobile/products.css.
   Здесь — то, что относится к странице целиком.

   Условие — телефон в портрете, как у разделов «по макету» в соседних
   файлах; телефон набок живёт по mobile/landscape.css и не меняется.
   Файлы слоя подключаются по алфавиту (header.php, glob), этот — после
   hero.css и до products.css; веса ниже написаны так, что порядок им не
   важен.
   ========================================================================== */
@media (max-width:767px) and (min-height:521px){

  /* ---- поля страницы: 14, как в макете ----------------------------------
     Всё содержимое макета стоит в 14 от краёв экрана (баннер и карточки
     362 при ширине 390). Поля главной даёт .container темы — 40 · --d,
     на телефоне 27,2 (site.css, «Коробку задаёт один слой»); .mac внутри
     поля не добавляет. Обёртка .sc2026-page стоит не только на главной
     (корзина, «О компании», «Для бизнеса», карточка товара, оформление),
     поэтому к селектору site.css добавлено «внутри есть баннер главной»
     (#hero есть только в public/index.sc2026.php) — другие страницы
     остаются со своими полями. Вес (1,3,2) против (0,3,2).
     Шапку и подвал это не трогает: они вне .container. Ленты (бегущая
     строка) выходят за поля вычислением calc(50% − 50vw) и подстраиваются
     сами. */
  body main.page-wrapper > .container:has(> .sc2026-page #hero){
    padding-left:14px;
    padding-right:14px}

  /* ---- бегущая строка (узел 52:5358) -------------------------------------
     Лента 60 толщиной, текст Gotham Pro Black 18 белым, звёздочки жёлтые
     (цвет уже в site.css), наклон тот же (−0,975° в site.css, в макете
     ≈0,9°). Было при ≤700: 56 и 16 (site.css, (0,1,0) и (0,1,1)).
     Расстояния по макету: от низа четвёртой карточки до ленты 39
     (y 1152 → 1191), от ленты до заголовка «Хитов» 42 (1250 → 1292).
     Отступ ленты — поле плюс внутренний отступ обёртки (site.css:
     margin-top 44, padding 16 0): 23 + 10 = 33, и ещё 6 — коробка
     четвёртой карточки выходит за кадр макета на 6 (mobile/entries.css,
     «ВЫНОС НА 6»), итого 39 от кадра. Внутренний отступ нужен:
     обёртка режет всё, что вылезло (overflow:hidden), а наклонённая лента
     шириной ≈540 поднимает края на ±4,6 и рваную кромку ещё на 3–4.
     Нижний отступ до заголовка — 10 здесь и padding-top секции «Хитов»
     31 (mobile/products.css): 10 + 62 + 10 + 31 = 113 — от верха ленты
     до заголовка 1181 → 1294; видимые буквы «ХИТЫ» при этом на y 1299
     (в макете 1298), до них от нижней кромки ленты 47 (в макете 48).
     Коробка ленты 62, а не 60: рваная кромка wavy.js (amp 4) заходит
     внутрь, и видимая толщина при 60 выходила 55–58 против 59–60 в
     макете (замер по снимкам в 10 точках по ширине).
     Веса (0,2,0) и (0,2,1) выше site.css. */
  .sc2026-page .ticker-wrap{margin-top:23px;padding:10px 0}
  .ticker-wrap .ticker{height:62px}
  .ticker-wrap .ticker-t span{font-size:18px;line-height:1.3}
}