/*
 ex-fs: вёрстка для телефонов. Включается классом .exm на <html> (скрипт в начале main.tpl ставит его
 и <meta viewport>, если короткая сторона экрана < 768px). ПК и планшеты этот файл не затрагивает.
 Вид прежний (цвета, шрифты, блоки шаблона) — меняются только размеры и расположение.
 iOS Safari: поля ввода не мельче 16px (иначе масштабирует страницу при фокусе); никаких появлений
 по :hover (первое касание «наводит», переход только со второго); text-size-adjust — без
 самовольного увеличения шрифта при повороте.
*/

html.exm{-webkit-text-size-adjust:100%;text-size-adjust:100%;}
.exm,.exm body{min-width:0;}
.exm body{overflow-x:hidden;}
.exm img,.exm iframe,.exm video,.exm embed,.exm object{max-width:100%;}
.exm input[type="text"],.exm input[type="password"],.exm input[type="email"],.exm input[type="search"],
.exm input[type="tel"],.exm input[type="url"],.exm input[type="number"],.exm input:not([type]),.exm select,.exm textarea{font-size:16px !important;max-width:100%;box-sizing:border-box;}
/* iOS шлёт click по «пустому месту» (закрытие фильтров, меню — обработчики на body) только если элемент
   считается кликабельным: cursor:pointer на body; подсветку касания оставляем лишь ссылкам и кнопкам */
.exm body{cursor:pointer;-webkit-tap-highlight-color:transparent;}
.exm a,.exm button,.exm [onclick],.exm label{-webkit-tap-highlight-color:rgba(0,0,0,0.1);}
/* без задержки и масштаба по двойному касанию на элементах управления (сам масштаб пальцами не запрещён) */
.exm a,.exm button,.exm input,.exm select,.exm textarea,.exm label,.exm [onclick]{touch-action:manipulation;}

/* --- каркас --- */
.exm #content{max-width:none;width:auto;margin-top:0;}
.exm .CenterBlockExForm,.exm .CenterBlock,.exm .catface-CenterBlock{width:auto;}
.exm .CenterBlock{padding:10px 6px 0;}

/* --- шапка --- */
/* у шапки класс bootstrap visible-desktop: на узком экране bootstrap её прячет */
.exm .navbar.visible-desktop{display:block !important;}
/* адаптивные правила bootstrap (max-width 767/979) раньше не срабатывали: убираем их сдвиги */
.exm .navbar-fixed-top{margin:0;}
.exm .navbar .container{width:auto;padding:0;}
.exm .navbar-fixed-top .navbar-inner{padding:0 8px;}
.exm .navbar-inner{padding:0 8px;min-height:0;}
.exm .navbar .container{display:flex;flex-wrap:wrap;align-items:center;}
.exm .navbar .brand{order:1;float:none;padding:10px 0;margin:0;font-size:22px;line-height:28px;}
.exm .navbar .loginbox,.exm .navbar .pos_rel,.exm .navbar .donate-now{order:2;margin-left:auto;}
.exm .navbar .pull-right:empty{display:none;}
.exm .navbar .nav.pt{order:3;float:none;flex:0 0 100%;display:flex;flex-wrap:wrap;margin:0 0 6px;position:relative;}
.exm .navbar .nav.pt > li{float:none;position:static;}
.exm .navbar .nav.pt > li > a{padding:8px 9px;font-size:14px;line-height:18px;}
.exm .SearchForm{order:4;position:relative;margin:0 0 8px;width:100%;flex:0 0 100%;}
.exm .SearchFormIn{width:100%;height:36px;padding:6px 36px 6px 8px;box-sizing:border-box;float:none;}
.exm .SearchFormButton{top:8px;right:8px;margin:0;}
/* подменю «Категории»/«Фильмы»: по касанию (exfs-mobile.js, класс .open), не по наведению */
.exm .nav li:hover > .submenu,.exm .nav li:hover .submenu:before{left:-9999px;}
.exm .nav li.open > .submenu{left:0;right:0;top:100%;width:auto;z-index:1040;}
.exm .nav li.open > .submenu:before{left:20px;}
.exm .submenu li,.exm #six li{width:50%;float:left;white-space:normal;padding:0;box-sizing:border-box;}
.exm .submenu a{font-size:14px;padding:8px 6px;margin:1px;}
.exm .profil{margin:0;max-width:170px;}
.exm .profil h4{max-width:120px;}
.exm .donate-now a{margin:0;padding:8px 12px;}

/* окно входа (reveal-modal) */
.exm .reveal-modal{left:10px;right:10px;margin-left:0;width:auto;padding:30px 16px 24px;box-sizing:border-box;}
.exm .reveal-modal input.form-control{width:100% !important;max-width:280px;margin:0 auto 8px;height:40px;}

/* --- карусель вверху --- */
.exm .SliderFormBlock .Slider{padding:8px 0;}
.exm .owl-carousel{width:auto;}
.exm .MiniPostAllFormSl{width:auto;height:auto;}
.exm .MiniPostAllFormDopSl{float:none;margin:0 4px;}
.exm .MiniPostSl .MiniPostPosterSl img{width:100%;height:auto;aspect-ratio:162/228;object-fit:cover;}

/* --- постеры (главная, категории): 3 в ряд, в горизонтальном положении 5 --- */
.exm .MiniPostAllForm.MiniPostAllFormDop{width:calc(33.333% - 6px);height:auto;margin:0 3px 10px;}
.exm .MiniPost .MiniPostPoster img{width:100%;height:auto;aspect-ratio:152/220;object-fit:cover;}
.exm .MiniPostName a{font-size:12px;}
.exm .MiniPostAllForm:hover .customInfo,.exm .MiniPostAllForm:hover .custom-480,.exm .MiniPostAllForm:hover .custom-720,
.exm .MiniPostAllForm:hover .custom-1080,.exm .MiniPostAllForm:hover .ModalWindowsClickForm,
.exm .MiniPostAllForm:hover .MiniPostDopInfo,.exm .MiniPostAllForm:hover .FavDel{display:none;}
@media (min-width:600px){
 .exm .MiniPostAllForm.MiniPostAllFormDop{width:calc(20% - 6px);}
}

/* --- окно сообщений DLE --- */
.exm .Info{width:auto;}

/* --- подвал --- */
.exm .Footer{height:auto;}
.exm .FooterForm{width:auto;display:flex;flex-wrap:wrap;}
.exm .FooterOn{float:none;padding:8px 10px;}
.exm .FooterRight{float:none;margin-left:auto;}

/* --- страница фильма / сериала (fullstory.tpl, fullstory_playlist.tpl): колонки друг под другом --- */
/* «Сообщить об ошибке в видео»: exfs-mobile.js ставит блок над плеером; кнопка во всю ширину */
.exm .wkino{position:static;-webkit-transform:none;transform:none;padding:0 0 6px;}
.exm .wkino .btn-wkino{display:block;text-align:center;height:auto;padding:9px 6px;font-size:15px;line-height:20px;border-radius:3px;}
.exm .contain{padding:10px 8px;}
.exm .view-caption{font-size:21px;line-height:26px;}
.exm .view-caption2{font-size:14px;}
.exm .view-favorite,.exm .view-group{position:static;margin:8px 0 0;}
.exm .FullstoryForm,.exm .FullstoryFormCol{width:auto;padding:0 8px;}
.exm .FullstoryFormLeft{float:none;width:auto;height:auto;margin:0 0 10px;}
.exm .FullstoryFormLeft img{display:block;width:220px;max-width:70%;height:auto;aspect-ratio:300/423;object-fit:cover;margin:0 auto;}
.exm #OnlinePlayTwo,.exm #OnlinePlayTwo:hover .OnlinePlayTwoImg{width:100%;height:100%;}
.exm .FullstoryFormRight,.exm .FullstoryFormRightAct{float:none;width:auto;margin:0;}
.exm .FullstoryFormRight iframe,.exm #kodik-player iframe,.exm .tab-content iframe{width:100% !important;height:auto !important;aspect-ratio:680/423;}
.exm .FullstorytableOne .FullstorytableOneTd{min-width:0;font-size:18px;line-height:24px;}
.exm .RelatedFormTitle{float:none;width:auto;margin:10px 8px;}
/* похожие: обтекание по 3 в ряд; подпись — ровно две строки, иначе ряды съезжают */
.exm .MiniPostAllFormRelated{float:left;width:calc(33.333% - 8px);height:auto;margin:0 4px 10px;}
.exm .MiniPostAllFormRelated > a{display:block;height:36px;overflow:hidden;line-height:18px;margin-top:3px;}
.exm .MiniPostRelated .MiniPostPosterRelated img{width:100%;height:auto;aspect-ratio:140/198;object-fit:cover;}
.exm .great_btn{width:100%;height:auto;white-space:normal;font-size:15px;line-height:20px;padding:8px;}
/* кадры: на ПК один ряд 126x100 (лишнее срезано высотой блока) — на телефоне по 3 в ряд, все */
.exm .FullstoryKadrForm{height:auto;}
.exm .FullstoryKadrFormImg a{width:calc(33.333% - 6px);height:auto;margin:0 3px 6px;}
.exm .FullstoryKadrFormImg img{width:100%;height:auto;aspect-ratio:126/100;object-fit:cover;}

/* --- комментарии (comments.tpl, последние комментарии) --- */
.exm .comment{width:auto;}
.exm .comment-right{width:calc(100% - 72px);font-size:14px;line-height:20px;box-sizing:border-box;}
.exm .CommentsTitle{margin:0 0 4px;font-size:16px;}
/* панель «Спам»/выбор комментария появлялась по наведению: на iPhone это давало переход только со второго касания */
.exm .comment-title-hover{display:block;position:static;width:auto;height:auto;}
.exm .commentss .comms-ad-del{display:block;}

/* --- постраничная навигация: переносится на несколько строк, кнопки под палец --- */
.exm .navigations{float:none;height:auto;width:auto;margin:10px 0;text-align:center;}
.exm .navigations a:link,.exm .navigations a:visited,.exm .navigations span{display:inline-block;margin:3px 1px;padding:7px 12px;}

/* --- профиль пользователя, закладки, правка профиля --- */
.exm .UserInfoAvatar{float:none;width:auto;margin:10px 0;text-align:center;}
.exm .UserInfoAvatar img{width:120px;}
.exm .UserInfoAvatar a{width:auto;max-width:240px;margin:5px auto 0;}
.exm .UserInfoAll{float:none;width:auto;margin:5px 0 0;}
.exm .UserInfoAll ul li .grey,.exm .EditUserIinfo ul li .grey{display:block;width:auto;}
.exm .EditUserIinfo{width:auto;}
.exm .EditUserIinfo ul li .f_input,.exm .EditUserIinfo ul li textarea{width:100% !important;}
/* вкладки (плееры, «Информация/Отзывы/График», профиль): на ПК плавающие ссылки впритык — на телефоне
   кнопки одинаковой ширины по 2 в ряд с зазором; активная — с полосой цвета сайта */
.exm .nav-tabs{display:flex;flex-wrap:wrap;gap:6px;border-bottom:0;margin:0 0 8px;padding:0;}
.exm .nav-tabs:before,.exm .nav-tabs:after{display:none;}
.exm .nav-tabs > li{float:none;flex:1 1 calc(50% - 3px);min-width:0;}
.exm .nav-tabs > li > a{display:flex;align-items:center;justify-content:center;margin:0;padding:9px 6px;text-align:center;font-size:14px;line-height:18px;border-radius:4px;border-bottom:3px solid transparent;box-sizing:border-box;height:100%;min-height:42px;}
@media (max-width:359px){.exm .nav-tabs > li > a{font-size:13px;padding:8px 4px;}}
.exm .nav-tabs > .active > a,.exm .nav-tabs > .active > a:hover{border-bottom-color:#0093DE;}
/* в профиле вкладки — внутри .UserInfoAll, чьё правило для li (рамка снизу, отступы, фон при наведении) их задевало */
.exm .UserInfoAll .nav-tabs > li{border:0;padding:0;background:none;}
.exm .MiniPostAllFormFav{width:calc(33.333% - 8px);height:auto;}
.exm .MiniPostAllFormDopFav{margin:4px;}
.exm .MiniPostFav .MiniPostPosterFav img{width:100%;height:auto;aspect-ratio:125/178;object-fit:cover;}
.exm .OtherContent table tr .alldoppole_td1{width:auto;}
.exm .OtherContent table tr .alldoppole_td3{width:auto;}

/* --- формы: регистрация, восстановление пароля, обратная связь, личные сообщения --- */
.exm .NewRegistration,.exm .NewPm,.exm .PmTitle,.exm .PmCont{width:auto !important;}
.exm .NewRegistrationTitle,.exm .NewRegistrationXTitle{display:block;width:auto;margin:0 0 4px;}
.exm .NewRegistration input.form-control,.exm .NewRegistration .f_input,.exm .NewRegistration .f_textarea,
.exm .NewPm input.form-control,.exm .NewPm textarea,.exm .NewPm .f_input{width:100% !important;margin-left:0 !important;margin-right:0 !important;}
.exm .NewRegistration input[name*="sec_code"],.exm .NewPm input[name*="sec_code"],.exm input[name="sec_code"]{width:140px !important;}
.exm .reset{float:none;width:auto;}
/* обёртки форм и статических страниц с шириной прямо в разметке (feedback.tpl, static.tpl) */
.exm #dle-content div[style*="width:500px"],.exm #dle-content div[style*="width: 500px"]{float:none !important;width:auto !important;}

/* --- «Стол заказов» (images/orderdesc/style.css): таблица прокручивается внутри себя, формы по ширине экрана --- */
.exm #orderdesc-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.exm #orderdesc-actions{height:auto;overflow:hidden;}
.exm #orderdesc-search-area{float:none;clear:both;width:250px;max-width:100%;margin:10px 0 0;}
.exm #orderdesc-add-area input.orderdesc-inputclass,.exm .orderdesc-edit-area input.orderdesc-inputclass{width:100%;min-height:36px;}
.exm #orderdesc-add-area form,.exm .orderdesc-edit-area form{width:auto;}
.exm .orderdesc-add-input,.exm #orderdesc-add-area textarea,.exm .orderdesc-edit-area textarea,
.exm #orderdesc-add-area form select,.exm .orderdesc-edit-area form select{width:100%;height:auto;min-height:36px;}
.exm .orderdesc-edit-area{margin:10px 0 0;}
.exm .NewRegistration input.form-control,.exm .NewRegistration .f_input,.exm .NewPm input.form-control,.exm .NewPm .f_input,
.exm .EditUserIinfo ul li .f_input{height:auto !important;min-height:40px;padding:6px 10px !important;line-height:22px;}
.exm #orderdesc-table td:nth-child(2){min-width:150px;}

/* сериал: «Подписаться на обновления» стоял поверх заголовка (абсолютное положение) */
.exm .view-subscrip{position:static;margin:8px 0 0;display:inline-block;}
/* страница актёра (fullstory_actors.tpl): фото над сведениями */
.exm .FullstoryFormLeftAct{float:none;width:180px;height:auto;margin:0 auto 10px;}
.exm .FullstoryFormLeftAct img{width:100%;height:auto;}
.exm #dle-content input.form-control.input-lg{width:100% !important;height:auto !important;min-height:40px;}

/* --- форма комментария (addcomments.tpl), редактор ЛС --- */
.exm .AddCommentsFoto{float:none;}
.exm .AddComments textarea,.exm #addcform textarea{width:100% !important;box-sizing:border-box;}
.exm .addcomment,.exm .comments{width:auto;}
.exm .NewPm .editor #comments,.exm .f_textarea{width:calc(100% - 10px) !important;}
.exm .CommentsForm .editor{width:auto !important;}
/* рейтинг КП/IMDb (fullstory_inc/rating.tpl): на ПК значки стоят абсолютно со сдвигами 60/120px, числа — в блоках 150px
   со сдвигом и по центру; на телефоне — одна строка по центру: «Рейтинг  [КП] 6.2  [IMDb] 6.2» */
.exm .FormLeftRating{text-align:center;}
/* кнопки «нравится/не нравится»: блок 300px со сдвигом 10px — по центру экрана, как строка рейтинга под ними */
.exm .rating-mg{width:auto;}
.exm .rating-mg .btn-group{margin:10px 0 14px;}
.exm .FormLeftRating .FullstoryInfoTitle{display:inline-block;float:none;width:auto;padding:0 12px 0 0;vertical-align:middle;line-height:24px;}
.exm .kp_imdb_full{display:inline-flex;align-items:center;width:auto;height:auto;margin:6px 0;vertical-align:middle;}
.exm .in_kp_imdb{display:flex;align-items:center;float:none;width:auto;height:auto;margin:0 0 0 14px;}
.exm .in_kp_imdb:first-child{margin-left:0;}
.exm .in_nad,.exm .in_pod{position:static;margin:0;flex:0 0 auto;}
.exm .in_name_kp,.exm .in_name_imdb{width:auto;height:auto;margin:0 0 0 7px;line-height:24px;font-size:14px;}
/* заголовки «График выхода серий», плейлиста, торрентов: ширина и отступы прямо в разметке
   (soon-tv/main.tpl, soon-tv.js, tubbs_window_playlist.tpl, search-torrents/pravo_all.tpl) */
.exm div[style*="text-overflow:ellipsis"][style*="width:"]{float:none !important;width:auto !important;padding:5px 10px !important;white-space:normal !important;}
/* «В главных ролях» (700px, лишнее срезалось): один ряд, как на ПК, с прокруткой пальцем вбок — видны все */
.exm .FullstoryKadrFormAc{float:none;width:auto;}
/* имя — отдельная ссылка (вложенный <a> браузер разрывает), подтянута под фото отрицательными отступами ПК:
   раскладку не трогаем, ряд шириной по содержимому, блок прокручивается */
.exm .FullstoryKadrFormAc{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.exm .FullstoryKadrFormImgAc{width:max-content;}
.exm .FullstoryKadrFormAc li span{width:auto;}
.exm .FullstoryKadrFormAc li span:first-child{width:auto;margin-right:10px;}

/* таблица торрентов (Search Torrents, table.restable): узкие колонки — по содержимому, остальное — названию */
.exm .restable{width:100%;}
.exm .restable th,.exm .restable td{padding:6px 4px !important;font-size:12px;line-height:16px;}
.exm .restable th:not(:first-child),.exm .restable td:not(:first-child){width:1% !important;white-space:nowrap;}
.exm .restable th span{display:none;}
.exm .restable td b{font-weight:600;}
.exm .restable td img{width:24px;height:auto;}

/* описание раздела внизу главной и категорий (catface.tpl) — поля по краям, как у остального текста */
.exm .catface-CenterBlock{padding:0 8px 10px;}
.exm .catface-title{font-size:17px;line-height:22px;}
/* списки годов/стран/режиссёров (alldoppole.tpl): строки под палец */
.exm .OtherContent table td{padding:7px 4px;font-size:14px;line-height:18px;}

/* «Зачем регистрироваться» (static why-register): иконки — одна фоновая картинка 750px, подписи выровнены под неё
   отступами 120px и колонками 210px — на телефоне всё в тех же долях ширины */
.exm .page-why-register{margin-left:0;}
.exm .page-why-register .container{width:auto;padding:0 8px;}
.exm .page-why-register h3{margin:24px 0;font-size:26px;line-height:32px;}
.exm .page-why-register h3 small{font-size:16px;line-height:22px;}
.exm .page-why-register ul{width:100%;box-sizing:border-box;margin:24px 0;padding:16% 0 0 16%;background-size:100% auto;font-size:11px;line-height:14px;}
.exm .page-why-register ul li{width:28%;padding:0 1%;box-sizing:border-box;line-height:15px;}

/* статистика сайта (stats.tpl) */
.exm .StatsUl{width:auto;}
.exm .StatsUl li .grey{width:62%;box-sizing:border-box;padding-left:10px;}

/* облако тегов: длинный тег переносится, а не выходит за край */
/* теги выводятся без пробелов между собой (DLE) — на телефоне отступ между ними */
.exm [class^="clouds_"]{display:inline-block;margin:0 10px 6px 0;white-space:normal;overflow-wrap:anywhere;}
/* меню вошедшего пользователя в шапке (#logform): без сдвига -10px за край, пункты в одну строку */
.exm #logform{margin:0;right:0;}
.exm #logform li{float:none;}
.exm .loginenter a{white-space:nowrap;padding:10px 14px;}

/* страница актёра (fullstory_actors.tpl): знак зодиака — в правом верхнем углу (как на ПК), заголовок его не задевает */
.exm .view-favoriteAct{position:absolute;top:10px;right:8px;margin:0;}
.exm .view-favoriteAct .zodiac{float:none;margin:0;}
.exm .contain:has(.view-favoriteAct) .view-caption,.exm .contain:has(.view-favoriteAct) .view-caption2{padding-right:56px;}
/* фильмография актёра — по 3 в ряд, подпись в две строки; «Фото» — по 3 в ряд, как кадры */
.exm .MiniPostAllForm.MiniPostAllFormDopAct{float:left;width:calc(33.333% - 6px);height:auto;margin:0 3px 10px;}
.exm .MiniPostAct .MiniPostPosterAct img{width:100%;height:auto;aspect-ratio:152/220;object-fit:cover;}
.exm .MiniPostNameAct{height:32px;overflow:hidden;line-height:16px;}
.exm .FullstoryKadrFormAct{height:auto;}
.exm .FullstoryKadrFormImgAct a{width:calc(33.333% - 6px);height:auto;margin:0 3px 6px;}
.exm .FullstoryKadrFormImgAct img{width:100%;height:auto;aspect-ratio:126/100;object-fit:cover;}