/* --- Base & Header --- */
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#222;margin:0 auto;background:#fcfcfc;}
.site-container{max-width:820px;margin:0 auto;padding:0 12px}
.site-header,.search-form,.search-form button{display:flex;align-items:center}
.site-header{justify-content:space-between;padding-bottom:15px;margin:10px 0;border-bottom:2px solid #f0f0f0}
.logo{font:800 18px/1 sans-serif;color:#111;text-decoration:none}
.search-form{position:relative}
.search-form input{width:180px;padding:8px 36px 8px 14px;border:1px solid #e0e0e0;border-radius:20px;outline:0;font-size:14px;background:#fafafa;transition:.3s}
.search-form input:focus{width:220px;border-color:#ff8c00;background:#fff;box-shadow:0 0 0 3px rgba(255,140,0,.15)}
.search-form button{position:absolute;right:4px;width:28px;height:28px;justify-content:center;border:0;border-radius:50%;background:#ff8c00;cursor:pointer;transition:.2s}
.search-form button:hover{background:#e07b00;transform:scale(1.05)}
.search-form svg{width:14px;height:14px;fill:#fff}

.search-films-container{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:5px}
.search-film-card{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #eee;padding:8px 10px;border-radius:6px;text-decoration:none;color:inherit;transition:.2s}
.search-film-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}
.search-film-thumb{width:50px;height:65px;object-fit:cover;border-radius:3px;flex-shrink:0}
.search-film-info{flex-grow:1;min-width:0;overflow:hidden}
.search-film-title{font-size:14px;font-weight:600;margin-bottom:4px;color:#222;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.search-film-meta{font-size:12px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/*Sort*/
.xsort-area {font: normal 12px/32px Arial; -moz-user-select: none; -ms-user-select: none; user-select: none;
  -webkit-user-select: none;margin: -15px 0px 15px 0px;}
.xsort-area:after {content: ""; display: table; clear: both;}
.xsort-area>div {float: left; width: 50%;}
.xsort-div {font-size: 15px; height: 40px; line-height: 40px; background: #fff; position: relative; box-sizing: content-box; margin-bottom: 7px;}
.xsort-div:hover {}
.xsort-div span {font-size: 14px !important; border:0px !important; padding:0px !important; margin:0px !important; color:#000 !important; background: none !important;}
.xsort-active {}
.xsort-selected {cursor: pointer; position: relative; padding-left: 7px; background: #fff3cd; border: 5px solid #fff; color: #44413c;}
.xsort-selected:after {position: absolute; top: 50%; margin-top: -2px; right: 10px; border: 4px solid transparent;
    border-top-color: transparent; border-top-color: #979797; content: "";}
.xsort-div-filler {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAvklEQVR42o3KsUqCYRiA0RPVZg6Fg2NgU0ME7g0KTg0SLtHaFYQ0VjRFDUGjEAhBi1vQ1Fx2BVJ4Aa4FQWT6tn38llTnWR//t+7MjY6mgh9mXYjUi4ZvzoVnDUXL9r35VJWxaqxvEcCGkSczkmNhR1ZHKEuuhZKsPWFbcimsyToS6pJd4YRkTs9IUZIzMLQFmNcSbk2oeBfuHDrVF8KHugllj0IIQ23daQsrNtUsIe9BWqbLuxde/WLBlQN/+wLDfD9iwnIihwAAAABJRU5ErkJggg==);
	background-position: 50% 50%; width: 32px; padding: 0; background-repeat: no-repeat; cursor: pointer;}
.xsort-ul {display: none; background: #fff6ea; position: absolute; top: 100%; left: 7px; margin-top: 7px;
	padding: 0; max-height: 400px; overflow: auto; list-style: none; z-index: 999; border: 1px solid #fff;
	border-radius: 5px; box-shadow: 0 0 0 3px rgba(255, 127, 14, 0.1); box-sizing: content-box; min-width: 150px;}
.xsort-ul li {display: block; border-bottom: 1px solid #f6e5cc; padding: 0 20px 0 18px; line-height: 30px;
	white-space: nowrap; cursor: pointer; color: #666;}
.xsort-ul li:last-child {border: none;}
.xsort-ul li.current {color: #333; font-weight: bold; background: #fff; position: relative;}
.xsort-ul li.current:after{position: absolute; top:0; right: 5px; bottom: 0; width: 5px; content: ""; 
    display: block;	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAQAAAAnZu5uAAAAJUlEQVQY01XIMQEAIAwDsDivroGe6Sg3OQNxBGLVCldVzbfECA+g/g9v8ooTNAAAAABJRU5ErkJggg==) no-repeat 50% 50%}
.xsort-ul li:hover{background: #eee url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAHElEQVQImWP4+vUrEwMDA9P///+ZGBgY4JjGfAByHhgFbrteLwAAAABJRU5ErkJggg==) repeat-x 0 0;
	color: #000;}
.xsort-ul li.xdesc, .xsort-ul li.xasc {background-position: 6px 50%; background-repeat: no-repeat;}
.xsort-ul li.xdesc, .xdesc {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAICAQAAACfDS2NAAAAIElEQVQY02NgYGBgSPsPggwwQDQXwoRBFAHsekECEBoASUcnDSh9+RUAAAAASUVORK5CYII=);}
.xsort-ul li.xasc, .xasc{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAICAQAAACfDS2NAAAAHklEQVQYV2NgAIO0/xAaygFBFA5UAMGBq0BRTDwXAPWMJw0b8PLnAAAAAElFTkSuQmCC);}
span.xasc, span.xdesc {padding-left: 10px; background-position: 0 50%;	background-repeat: no-repeat;}
.xsort_empty {font-size:16px; margin-top: 15px;	background: #fffcf3; padding: 15px;text-align: center;	color: #444;}
.xsort-admin-area {padding: 0 0 0 210px;}
.xsort-admin-area:after{content: ""; display: block;clear: both;}
.xsort-admin-area ul {list-style: none; margin: 0 0 0 -210px; padding: 0; float: left;width: 200px; border-right: 1px solid #ddd;}
.xsort-admin-area ul.loading {background: url(data:image/GIF;base64,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) no-repeat 50% 50%;}
.xsort-admin-area ul li {display: block; color: #f43; cursor: pointer; padding: 1px 0;}
.xsort-admin-area ul li.current,
.xsort-admin-area ul li:hover{color: #000;}
.xsort-admin-area ul li.current {font-weight: bold;}
.xsort-admin-area p {margin: 0;	padding: 7px 0 0;}
.xsort-admin-area code {max-height: 400px; overflow: auto;}
.xsort-div-clearall {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAQAAACR313BAAAAKklEQVQoz2NgGATA4L/Bf3QWmrTBfwSNQwEOSWQT8EjiNRqnCQRcPgAAAG+mJxC7ICdhAAAAAElFTkSuQmCC);
	background-position: 50% 50%; width: 32px; padding: 0; background-repeat: no-repeat; cursor: pointer;}

/* --- Section Headers --- */
.section-header{display:flex;align-items:center;justify-content:space-between;margin:25px 0 15px;border-left:4px solid #ff8c00;padding-left:10px}
.section-title{font-size:18px;font-weight:700;margin:0}
.category-link{font-size:13px;color:#ff8c00;text-decoration:none;font-weight:600}
.category-link:hover{text-decoration:underline}
.page-title{font-size:1.4rem;color:#222;margin:0 0 20px 0;font-family:'Segoe UI',Roboto,sans-serif; font-weight: normal;}

/* --- Movies Grid --- */
.movies-grid{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:15px}
.movies-grid .movie-card{flex:0 0 calc(25% - 9px);box-sizing:border-box}
.movies-grid > .pagi-nav{flex:0 0 100%;width:100%;margin-top:15px}
.movie-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.04);transition:.2s;text-decoration:none;color:inherit;display:flex;flex-direction:column;border:1px solid #eee}
.movie-card:hover{transform:translateY(-3px);box-shadow:0 5px 14px rgba(0,0,0,.08)}
.movie-poster_ct{position:relative;width:100%;aspect-ratio:3/4;background:#eee;overflow:hidden}
.movie-poster_ct img,.list-card img{width:100%;height:100%;object-fit:cover;display:block}
.movie-info_ct{padding:8px 10px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}
.movie-title_ct{font-size:13px;font-weight:600;line-height:1.3;margin-bottom:6px}
.movie-tag{font-size:11px;color:#6a717e;align-self:flex-start}

/* --- Rate --- */
.movie-rating{position:absolute;top:8px;right:8px;padding:3px 7px;font-size:12px;font-weight:700;border-radius:4px;color:#fff;backdrop-filter:blur(4px);z-index:2}
.movie-rating.rt-green{background:rgba(39,186,46,0.8);}
.movie-rating.rt-yellow{background:rgba(237,108,2,.8)}
.movie-rating.rt-red{background:rgba(227,19,19,0.8);}

/* --- Lists Grid --- */
.lists-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:15px}
.list-card{position:relative;background:#222;border-radius:8px;overflow:hidden;text-decoration:none;color:#fff;transition:.2s;display:block;aspect-ratio:21/9}
.list-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}
.list-card:hover img{opacity:.9}
.list-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.2) 60%,transparent 100%);display:flex;align-items:flex-end;padding:12px;box-sizing:border-box}
.list-title{font-size:14px;font-weight:700;line-height:1.3;text-shadow:0 1px 2px rgba(0,0,0,.5)}

/* --- Mobile Buttons & SEO --- */
.mobile-btn{display:none;width:100%;padding:10px 0;margin-bottom:25px;background:#e1f0f6;color:#476069;text-align:center;text-decoration:none;font-size:13px;font-weight:600;border-radius:6px;box-sizing:border-box}
.desc-block{margin:20px 0;padding:5px;background:#fff;border:1px solid #eee;border-radius:8px;font-size:14px;line-height:1.5;color:#555}
.desc-block h1,.desc-block h2{font-size:16px;color:#111;margin:0 0 10px}
.desc-block p{margin:0 0 10px}.desc-block p:last-child{margin:0}
.desc-toggle-btn{display:none;background:0 0;border:0;color:#939393;font-size:13px;font-weight:600;padding:8px 0 0;cursor:pointer}
.site-footer{margin-top:30px;padding:20px 0;border-top:1px solid #eaeaea;font-size:13px;color:#777;text-align:center} 

/* --- Pagination --- */
.pagi-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:25px auto 5px;width:100%;max-width:100%;box-sizing:border-box;clear:both}
.pagi-pages{display:flex;justify-content:center;flex-wrap:wrap;width:100%;gap:6px}
.pagi-pages span.navigation{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:6px;background:0 0;border:none;padding:0}
.pagi-actions{display:flex;gap:8px;width:100%}
.pagi-prev{flex:0 0 calc(10% - 4px)}
.pagi-next{flex:0 0 calc(90% - 4px)}
.pagi-nav a,.pagi-pages span.navigation span{display:inline-flex;align-items:center;justify-content:center;height:42px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#222;text-decoration:none;font-size:14px;font-weight:600;box-sizing:border-box}
.pagi-pages span.navigation span,.pagi-pages span.navigation a{min-width:44px;padding:0 14px}
.pagi-actions a,.pagi-actions span{display:inline-flex;align-items:center;justify-content:center;height:44px;background:#ff8c00;border:1px solid #ff8c00;border-radius:8px;color:#fff;text-decoration:none;font-size:14px;width:100%;font-weight:700;box-sizing:border-box}
.pagi-pages span.navigation span{background:#ff8c00;border-color:#ff8c00;color:#fff}
.pagi-pages span.navigation span:nth-of-type(3){display:none}
.pagi-prev span,.pagi-next span{opacity:.4;background:#f5f5f5;border-color:#e0e0e0;color:#999}

/* --- Floating Mobile Bottom Nav --- */
.mobile-bottom-nav{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);width:calc(100% - 24px);max-width:796px;height:56px;background:rgba(255,255,255,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;justify-content:space-around;align-items:center;border:1px solid rgba(238,238,238,.8);border-radius:14px;z-index:1000;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 4px 20px rgba(0,0,0,.08);box-sizing:border-box}
.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#55809a;text-decoration:none;font-size:11px;font-weight:600;flex:1;height:100%;transition:.2s}
.mobile-bottom-nav svg{width:20px;height:20px;margin-bottom:2px;stroke:currentColor;fill:none;stroke-width:2}
.mobile-bottom-nav a:hover,.mobile-bottom-nav a.active{color:#ff8c00}
body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}

/* --- Рекомендации --- */
.recommendation-card:nth-child(n+4),.recommendations-container:not(.expanded) .recommendation-card:nth-child(n+4){display:none}
.recommendations-container.expanded .recommendation-card:nth-child(n+4){display:flex}
.recommendations-toggle-btn{display:block;width:100%;padding:10px 0;margin:5px 0 25px;background:#f9fdff;border:1px solid #eee;border-radius:6px;color:#55809a;text-align:center;font-size:13px;font-weight:600;cursor:pointer}
.recommendations-toggle-btn:hover{background:#fff;color:#222}

/* --- Pagination --- */
.pagi-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:25px auto 5px;width:100%;max-width:100%;box-sizing:border-box;clear:both}
.pagi-pages{display:flex;justify-content:center;flex-wrap:wrap;width:100%;gap:4px}
.pagi-pages span.navigation{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:4px;background:0 0;border:none;padding:0}
.pagi-actions{display:flex;gap:8px;width:100%}
.pagi-prev{flex:0 0 calc(10% - 4px)}
.pagi-next{flex:0 0 calc(90% - 4px)}
.pagi-nav a,.pagi-pages span.navigation span{display:inline-flex;align-items:center;justify-content:center;height:40px;background:#fff;border:1px solid #eee;border-radius:6px;color:#333;text-decoration:none;font-size:14px;box-sizing:border-box;transition:.2s}
.pagi-pages span.navigation span,.pagi-pages span.navigation a{min-width:50px;padding:0 17px}
.pagi-pages span.navigation span{background:#f5f5f5;border-color:#e6e6e6;color:#b4b4b4;font-weight:600}
.pagi-pages span.navigation span:nth-of-type(3){display:none}
.pagi-actions a,.pagi-actions span{display:block;width:100%;height:auto;background:#ff9b00;border:none;border-radius:5px;color:#FFF;text-decoration:none;font-size:16px;font-weight:700;text-align:center;line-height:25px;padding:3px 5px;margin-top:6px;margin-bottom:6px;box-sizing:border-box;text-shadow:-1px 0px 1px rgba(255,255,255,.1),1px 1px 1px rgba(17,17,17,.5)}
.pagi-prev span,.pagi-next span{opacity:.4;background:#ff9b00;cursor:not-allowed}

/* Постер и Инфо */
.movie-header{display:flex;gap:15px;margin:20px 0 15px}
.movie-poster{width:110px;height:165px;object-fit:cover;border-radius:6px;flex-shrink:0;box-shadow:0 4px 10px rgba(0,0,0,.15)}
.movie-info{display:flex;flex-direction:column;align-items:flex-start}
.movie-title{font-size:18px;font-weight:600;margin:0 0 4px;color:#111}
.movie-original-title{font-size:13px;color:#a0a0a0;margin-bottom:10px}

/* Чипы (Год, Страна, Жанры) */
.meta-chips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}
.chip{background:#f0f2f5;color:#47505a;font-size:13px;font-weight:500;padding:3px 6px;border-radius:4px}
.imdb-rating{display:inline-block;font-size:13px;padding:3px 8px;border-radius:5px;margin-top:2px}
.imdb-rating.rt-green{background:#e0f9e6;color:#155724}
.imdb-rating.rt-yellow{background:#fff4d2;color:#47505a}
.imdb-rating.rt-red{background:#fde8e8;color:#9b1c1c}

/* Описание (Десктоп по умолчанию) */
.movie-description{font-size:14px;line-height:1.5;color:#444}

/* Блок скачивания */
.dw-box{background:#f9f9f9;padding:5px;border-radius:6px;margin-bottom:20px;border:1px solid #eee}
.dw-title{font-size:13px;font-weight:700;color:#222;margin-bottom:4px}
.dw-subtitle{font-size:13px;color:#777;margin-bottom:8px;line-height:1.4}
.dw-item{display:flex;justify-content:space-between;align-items:center;background:#52be62;color:#fff;margin-bottom:8px;padding:8px 12px;border-radius:6px;text-decoration:none;font-size:14px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.35);box-shadow:0 2px 4px rgba(0,0,0,.08);transition:.2s}
.dw-item:hover{background:#46a755}
.dw-item:last-child{margin-bottom:0px !important}
.dw-info{display:flex;align-items:center;gap:8px}
.dw-icon{width:22px;height:22px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.2);flex-shrink:0}
.dw-icon svg{width:13px;height:13px;fill:#52be62}
.dwicn_pl svg{fill:#2196f3 !important}

/* Рекомендации и кнопка */
.recommendations-title{font-size: 13px;font-weight: 700;color: #777;text-transform: uppercase;letter-spacing: 0.5px;margin: 20px 0 8px 0px;background: #f9f9f9;padding: 5px 6px;border-radius: 5px;border: 1px solid #eee;}
.recommendation-card{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #eee;padding:8px 10px;border-radius:6px;margin-bottom:5px;text-decoration:none;color:inherit}
.recommendation-thumb{width:50px;height:65px;object-fit:cover;border-radius:3px}
.recommendation-info-title{font-size:15px;font-weight:600;margin-bottom:4px}
.recommendation-info-meta{font-size:13px;color:#888}
.catalog-btn{display:block;width:100%;background:#2196f3;color:#fff;padding:8px 12px;border-radius:6px;text-decoration:none;font-size:14px;font-weight:600;margin-bottom:30px;box-sizing:border-box}
.catalog-btn svg {width:20px;height:16px;fill:#fff}
.catalog-btn:hover {background:#0992ff}
.back-btn{display:flex;align-items:center;justify-content:center;width:100%;gap:8px;background:#256da5;color:#fff;text-decoration:none;padding:12px;box-sizing:border-box}
.back-btn svg{width:20px;height:20px;fill:currentColor}    
.site-footer{padding:15px 0;border-top:1px solid #eee;font-size:12px;color:#aaa}
    #onl_box iframe {width: 100%; height:329px !important; margin-bottom: -2px;}

/* --- Mobile Styles (Single Media Query) --- */
@media(max-width:580px){
    .logo{font-size:18px}
    .search-form input{width:110px;padding:10px 30px 10px 10px;font-size:13px}
    .search-form input:focus{width:130px}
    .search-form button{width:24px;height:24px;right:3px}
    .search-form svg{width:12px;height:12px}
    .movies-grid{grid-template-columns:repeat(2,1fr);gap:10px}
    .movies-grid .movie-card{flex:0 0 calc(50% - 9px)}
    .lists-grid{grid-template-columns:1fr}
    .mobile-btn{display:block}
    .category-link{display:none}
    .desc-content{position:relative;max-height:75px;overflow:hidden;transition:max-height .3s ease}
    .desc-content::after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to bottom,transparent, #fff);pointer-events:none}
    .desc-block.expanded .desc-content{max-height:1000px}
    .desc-block.expanded .desc-content::after{display:none}
    .desc-toggle-btn{display:inline-block}
    #onl_box iframe {width: 100%; height:311px !important; margin-bottom: -2px;}
} 
@media screen and (max-width: 470px) {#onl_box iframe {width: 100%; height:181px !important; margin-bottom: -2px;}}