/* ==========================================================================
   Serikov Coffee 2026 — общая основа мобильной версии (≤767px)

   Файл подключается первым из mobile/*.css (glob по алфавиту), поэтому
   здесь только то, что относится ко всей странице, а не к блоку.
   ========================================================================== */
/* Телефонный слой: узкий экран ИЛИ телефон, повёрнутый набок
   (ширина до планшетной, высота меньше 520px — у планшета в альбоме
   высота 768 и больше, он сюда не попадает). Условие одно и то же
   во всех файлах mobile/ и в их скриптах — менять только всё сразу. */
@media (max-width:767px), (max-width:1023px) and (max-height:520px){

  /* Ленты баннеров и плиток выходят за поля страницы формулой
     calc(50% - 50vw). В 100vw входит ширина классической полосы прокрутки,
     и в десктопном браузере, суженном до телефонной ширины, лента вылезала
     бы за экран на ширину полосы. На самих телефонах полосы наложенные, и
     разницы нет. overflow-x:clip обрезает этот выступ и, в отличие от
     hidden, НЕ делает элемент прокручиваемым — липкая шапка внутри
     остаётся липкой. */
  html{overflow-x:clip}
  body{overflow-x:clip}

  /* Внутри горизонтальных лент карточки появляются по мере прокрутки самой
     ленты: наблюдатель .rv следит за окном, а третья и четвёртая плитки
     стоят за правым краем и до прокрутки остаются прозрачными. В ленте
     эффект появления не нужен — он для вертикальной прокрутки. */
  .entries .rv,
  .hero-track .rv{opacity:1;transform:none}

  /* Кнопка «Фильтр» в разделах каталога — бутстраповская .fixed-bottom из
     темы: прижата к низу и лежит выше нижней панели по z-index. Поднимаем
     её над панелью, иначе она перекрывает «Главная» и «Каталог».
     Высоту панели держим той же, что в mobile/nav.css. */
  .btn.fixed-bottom{bottom:calc(60px + env(safe-area-inset-bottom,0px))}
}