@import url('pezaro-v167.css'); /* v168: лайтбокс всё ещё "не фиксируется по размеру экрана" на реальном телефоне (после v167 — фикс высоты через --pz-vh100 не решил проблему целиком). */ /* ---------- Лайтбокс: диалог был position:absolute, а не position:fixed ---------- */ /* Найдено прямой проверкой вживую (CDP, computed style элемента `.ty-owl-previewer__dialog` после реального клика по фото на карточке товара): стоковое правило в теме (`styles.less`) объявляет `position: fixed;` — БЕЗ `!important`. jQuery UI Dialog при открытии сам проставляет инлайновый `position: absolute` через JS (это его штатное поведение) — и этот инлайн-стиль, раз стоковое правило не `!important`, выигрывает. Итог — диалог был `position:absolute`, а не `fixed`, все эти сессии. `top/left/width/ height` при этом ПРАВИЛЬНО прибиты в 0/0/100vw/(var(--pz-vh100)) через !important (стоковые + v167) — визуально на первый взгляд похоже на полноэкранный оверлей, только пока страница не прокручена. С `position:absolute` диалог позиционируется не относительно вьюпорта, а относительно документа/ближайшего спозиционированного предка — если страница продолжает скроллиться (см. ниже), оверлей "уезжает" вместе с документом, а не остаётся прибитым к экрану. Это и есть буквально "не фиксируется" из формулировки пользователя. Отдельно: `data/js/tygh/previewers/owl.previewer.js` при открытии лайтбокса ставит на `` `overflow:hidden; max-height:100vh` (со статичным `vh`, не `dvh`) — на реальном мобильном Safari адресная строка может быть свёрнута (динамическая высота больше статичного `100vh`), и `position:absolute`-элемент подчиняется clipping-контексту body (может обрезаться по статичной высоте); `position:fixed` из этого контекста выходит полностью (fixed-позиционирование клипается только трансформированными предками, которых тут нет) — ещё одна причина, по которой смена на `fixed` актуальна именно на реальном устройстве, а не только у клипа `html{overflow:scroll}` (страница технически ещё может немного скроллиться, `body{overflow:hidden}` не блокирует прокрутку `html` отдельно). Проверено вживую (CDP): до фикса `getComputedStyle(...).position === "absolute"`, после — `"fixed"`; width/height/top/left не пострадали (по-прежнему 100vw/var(--pz-vh100)/ 0/0 — same-origin `!important`-цепочка не переприсваивается позицией). */ .ty-owl-previewer__dialog { position: fixed !important; }