/* Тач-поправки для мобилки (см. также swipe-lock.js).
   Стрелки у телефона и в колоде отзывов: зона нажатия шире кнопки на 16px со всех сторон —
   через ::after (::before занят галочкой), вид не меняется. touch-action: manipulation убирает
   зум по двойному тапу на кнопках и вокруг телефона. */
.deck__btn, .appx__arrow { touch-action: manipulation; }
.deck__btn::after, .appx__arrow::after {
  content: ''; position: absolute; inset: -16px; border-radius: 50%;
}
/* На телефоне стрелки у экранов приложения — зона по вертикали заметно больше (±48px), по бокам ±20px */
@media (max-width: 860px) {
  .appx__arrow::after { inset: -48px -20px; border-radius: 40px; }
}
.appx__stage, .appx__demo, .deck { touch-action: manipulation; }

/* Лайтбокс «Работы учениц»: стрелки и крестик — зона нажатия шире, вид тот же */
.lightbox__nav { position: relative; touch-action: manipulation; }   /* крестику position не трогаем — у него absolute */
.lightbox__nav::after { content: ''; position: absolute; inset: -24px; border-radius: 40px; transform: none; background: none; width: auto; height: auto; }
.lightbox__close { touch-action: manipulation; }
@media (max-width: 860px) {
  .lightbox__nav::after { inset: -60px -24px; }
}

/* Лайтбокс: вертикальный жест браузеру не отдаём — страница под ним не едет; пинч-зум оставлен */
.lightbox { touch-action: pan-x pinch-zoom; overscroll-behavior: contain; }