:root { color-scheme: dark; --bg:#111318; --panel:#191c23; --panel-2:#222630; --text:#e9edf5; --muted:#a9b0be; --accent:#ffb10a; --line:#303542; }
* { box-sizing:border-box; }
html { background:var(--bg); }
body { margin:0; min-width:320px; background:var(--bg); color:var(--text); font:15px/1.45 Arial, Helvetica, sans-serif; }
a { color:inherit; text-decoration:none; }
#wrapper { min-height:100vh; }
#sidebar_menu, #sidebar_menu_bg { display:none; }
.container { width:min(1180px, calc(100% - 40px)); margin:0 auto; }
#header { background:#171a21; border-bottom:1px solid var(--line); position:sticky; top:0; z-index:50; }
#header .container { align-items:center; display:grid; gap:24px; grid-template-columns:auto minmax(0,1fr) auto; min-height:64px; }
#logo { color:#fff; font-size:25px; font-weight:800; grid-column:1; letter-spacing:.2px; white-space:nowrap; }
#logo > img, .footer-logo > img { display:none; }
#logo span::first-letter { color:var(--accent); }
#header_menu { grid-column:2; }
.header_menu-list { align-items:center; display:flex; gap:4px; list-style:none; margin:0; padding:0; }
.header_menu-list > li > a { display:block; padding:22px 11px; color:#dce1e9; font-size:14px; font-weight:600; }
.header_menu-list > li > a:hover { color:var(--accent); }
.header_menu-sub { background:var(--panel); border:1px solid var(--line); box-shadow:0 14px 30px #0008; display:none !important; left:0; min-width:540px; padding:15px; position:absolute; top:100%; }
.header_menu-list > li { position:relative; }
.header_menu-list > li:hover .header_menu-sub { display:block !important; }
.header_menu-sub .sub-menu { columns:3; list-style:none; margin:0; padding:0; }
.header_menu-sub li { break-inside:avoid; }
.header_menu-sub a { color:var(--muted); display:block; padding:6px 9px; }
.header_menu-sub a:hover { color:var(--accent); }
#mobile_menu { color:#fff; cursor:pointer; display:none; font-size:22px; }
#header_right { grid-column:3; }.header-home-add { display:none; }
#header_right .search-form { align-items:center; display:flex; gap:7px; }.search-icon { color:var(--muted); cursor:pointer; }.search-input { background:#242933; border:1px solid #3b4351; color:#fff; height:35px; min-width:195px; }.search-input::placeholder { color:#a9b0be; }
.search-page-form { display:flex; gap:10px; margin:0 0 18px; max-width:620px; }.search-page-form .search-input { flex:1; min-width:0; }.search-submit { background:var(--accent); border:0; color:#171717; cursor:pointer; font:inherit; font-weight:700; padding:0 18px; }.search-results-summary { color:var(--muted); margin:0 0 22px; }.search-empty { color:var(--muted); grid-column:1/-1; margin:0; }
#main-wrapper, #main { padding:34px 0 60px; }
.text-home { color:var(--muted); margin-bottom:28px; }.text-home-main { max-height:108px; overflow:hidden; }.text-home-main.is-expanded { max-height:none; }.text-home a { color:var(--accent); }.btn-expand { display:inline-flex; margin-top:9px; }
.block_area { margin:0 0 38px; }
.block_area-header { align-items:center; border-bottom:1px solid var(--line); display:flex; gap:18px; margin-bottom:20px; padding-bottom:12px; }
.cat-heading, .block_area-header h1, .block_area-header h2 { color:#fff; font-size:23px; line-height:1.2; margin:0; }
.nav-tabs { border:0; gap:7px; }
.nav-tabs .nav-link { border:0; border-radius:4px; color:var(--muted); font-size:13px; padding:6px 10px; }
.nav-tabs .nav-link.active, .nav-tabs .nav-link:hover { background:var(--accent); color:#151515; }
.tab-pane { display:none; }.tab-pane.active { display:block; }
.film_list-wrap { display:grid; gap:22px 16px; grid-template-columns:repeat(6, minmax(0,1fr)); }
.flw-item { min-width:0; position:relative; }
.film-poster { aspect-ratio:5/8; background:#252a34; overflow:hidden; position:relative; }
.film-poster-img { display:block; height:100%; object-fit:cover; width:100%; }
.film-poster-quality { background:var(--accent); color:#161616; font-size:11px; font-weight:700; left:8px; padding:3px 6px; position:absolute; top:8px; z-index:1; }
.film-poster .fa-play { align-items:center; background:#0009; border-radius:50%; color:#fff; display:flex; height:42px; justify-content:center; left:50%; opacity:0; position:absolute; top:50%; transform:translate(-50%,-50%); transition:opacity .15s; width:42px; }
.film-poster:hover .fa-play { opacity:1; }
.film-detail { padding-top:9px; }.film-name { font-size:14px; font-weight:700; line-height:1.35; margin:0 0 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.film-name a:hover { color:var(--accent); }.fd-infor { color:var(--muted); font-size:12px; }.fd-infor .dot::before { content:"•"; margin:0 6px; }.fdi-type { float:right; }
.sidebar_menu { display:none; }
.pagination { gap:6px; justify-content:center; margin:35px 0; }.page-link { background:var(--panel); border-color:var(--line); color:var(--text); }.page-item.active .page-link { background:var(--accent); border-color:var(--accent); color:#111; }
.detail_page, .detail_page-infor, .film-detail-page, .profile-detail, .main-detail { color:var(--text); }
.slce-list .nav { display:grid; gap:0 24px; grid-template-columns:repeat(2,minmax(0,1fr)); list-style:none; margin:0; padding:0; }
.slce-list .nav-item { border-bottom:1px solid var(--line); line-height:1.45; min-width:0; padding:9px 0; }
.slce-list .nav-item .fa-play { color:var(--accent); margin-right:5px; }
#watch-iframe, .watching_player-control { display:none; }
.breadcrumb { background:transparent; color:var(--muted); padding:0 0 15px; }.breadcrumb a { color:var(--muted); }.breadcrumb a:hover { color:var(--accent); }
footer, #footer { border-top:1px solid var(--line); color:var(--muted); margin-top:50px; padding:30px 0; }
@media (max-width:900px) { .film_list-wrap { grid-template-columns:repeat(4,minmax(0,1fr)); } #header .container { gap:14px; } .header_menu-list > li > a { padding-left:7px; padding-right:7px; } }
@media (max-width:680px) { .container { width:min(100% - 24px, 520px); } #header .container { display:flex; justify-content:space-between; min-height:56px; } #mobile_menu { display:block; order:2; } #logo { font-size:21px; order:1; } #header_right,.header-home-add { display:none; } #header_menu { background:#171a21; display:none; left:0; position:absolute; right:0; top:56px; } #header_menu.is-open { display:block; } .header_menu-list { display:block; padding:7px 12px 14px; }.header_menu-list > li > a { padding:10px 4px; }.header_menu-sub { display:none !important; position:static; }.film_list-wrap { gap:18px 12px; grid-template-columns:repeat(3,minmax(0,1fr)); }.block_area-header { align-items:flex-start; flex-direction:column; gap:10px; }.cat-heading { font-size:21px; }.film-name { font-size:13px; }.fdi-duration,.dot { display:none; }.slce-list .nav { grid-template-columns:1fr; } }


img,svg,video,iframe,embed,object,table,pre{max-width:100%;height:auto}
table{display:block;overflow-x:auto}
body{overflow-x:hidden}
*{overflow-wrap:break-word;word-break:break-word}

.film-poster-img{width:100%!important;height:auto!important;aspect-ratio:5/8;object-fit:cover!important}


.nav-group { appearance:none; background:none; border:0; color:#dce1e9; cursor:pointer; font:600 14px Arial,Helvetica,sans-serif; padding:22px 11px; }
.header_menu-list > li.submenu-open .header_menu-sub, .header_menu-list > li:focus-within .header_menu-sub { display:block!important; }
.catalog-menu-state { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.catalog-menu-state:focus-visible ~ #mobile_menu { outline:2px solid var(--accent); }
#mobile_menu { min-width:44px; min-height:44px; align-items:center; justify-content:center; margin:0; }
.heading-name { font-size:2rem; line-height:1.2; margin:0 0 16px; }
.h2-heading { font-size:2rem; }
@media(max-width:680px) {
 #mobile_menu { display:flex; }
 #catalog-menu-state:checked ~ #header_menu { display:block; max-height:calc(100vh - 56px); overflow-y:auto; }
 .nav-group { padding:10px 4px; min-height:44px; }
 .header_menu-sub { min-width:0; width:100%; }
 .header_menu-sub .sub-menu { columns:2; }
 .header_menu-sub a { min-height:40px; }
 .header_menu-list > li:hover:not(.submenu-open) .header_menu-sub { display:none!important; }
}

.dp-i-content { display:grid; grid-template-columns:220px minmax(0,1fr); gap:28px; align-items:start; }
.dp-i-content > .clearfix { display:none; }
.dp-i-c-right .description { margin:18px 0; }
.dp-i-c-right .elements { margin-top:18px; }
#modaltrailer .modal-content { background:var(--panel); }
#modaltrailer .close { color:var(--text); min-width:44px; min-height:44px; }
#modaltrailer iframe { width:100%; aspect-ratio:16/9; height:auto; display:block; }
@media(max-width:680px) { .dp-i-content { grid-template-columns:minmax(0,1fr); gap:20px; } .dp-i-c-poster { width:min(220px,70%); margin:0 auto; } }

.mobile-search-link { display:none; }
@media(max-width:680px) { .mobile-search-link { display:block; } }

.dp-i-content:not(:has(.dp-i-c-poster img)) { grid-template-columns:minmax(0,1fr); }
.dp-i-c-poster:not(:has(img)) { display:none; }