@import url('pezaro-v162.css');

/* v163: лайтбокс товара (.ty-owl-previewer, диалог jQuery UI + Owl Carousel) на телефоне —
   пагинация (точки) и стрелки листания уходили ЗА пределы экрана, их вообще не было видно
   и невозможно было нажать.

   Причина — рассинхрон между базовым (некастомным, скомпилированным из стоковых less)
   правилом `.ty-owl-previewer.ui-dialog-content{height:calc(100% - 48px)!important}`
   (предполагает, что заголовок диалога — 48px) и нашим же более старым правилом v88
   `.ty-owl-previewer__dialog .ui-dialog-titlebar{height:54px}` — но это content-box высота
   БЕЗ учёта padding (13px сверху + 10px снизу, стоковые от jQuery UI, никогда не обнулялись)
   и border-bottom 1px, поэтому реальная высота заголовка — 78px, а не 48px и не 54px.
   На мобильном, где диалог теперь на весь экран (100vh, тоже стоковое правило), эта разница
   в 30px means .ui-dialog-content (calc(100% - 48px), т.е. на 30px выше, чем должен) выходит
   за нижнюю границу экрана — а вместе с ним и абсолютно спозиционированные внутри него
   .owl-pagination (bottom:0) и .owl-buttons, целиком пропадая из видимой области.

   Правим только фактическое число (48 -> 78), сам заголовок не трогаем — он используется
   и на десктопе, где эффект той же ошибки менее заметен, но по той же причине лучше
   починить её универсально, а не только в мобильной media query. */
.ty-owl-previewer.ui-dialog-content {
    height: calc(100% - 78px) !important;
}