/* ============================================================================
   MODERN.CSS v4 "PREMIUM" — phong cách HiAnime: navy sâu, hồng nhạt, Poppins,
   card 2:3 gọn, chữ rõ, khoảng trắng thoáng. Tải SAU main.css, đè bằng !important
   ============================================================================ */
:root{
  --bg:#0f1622; --bg2:#0a0f18; --surface:#182234; --surface2:#1f2b40; --line:rgba(255,255,255,.08);
  --text:#f3f6fb; --muted:#9aa7bb; --accent:#ffa020; --accent-2:#ffc247; --accent-ink:#1a1200; --grad:linear-gradient(135deg,#f0803c 0%,#ffb340 100%); --lime:#b5e745; --gold:#e6c46a;
  --r:8px; --r-lg:14px; --shadow:0 10px 30px rgba(0,0,0,.35);
}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--bg)!important;color:var(--text)!important;font-family:Poppins,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:var(--text);transition:color .15s}a:hover{color:var(--accent);text-decoration:none}
img{max-width:100%;height:auto}
.container{max-width:1300px!important}
::selection{background:var(--accent);color:var(--accent-ink)}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#2b3a52;border-radius:10px}::-webkit-scrollbar-track{background:var(--bg2)}

/* ---------- Dọn rác: ô trắng, quảng cáo rỗng, khung banner hỏng ---------- */
#top_ads,#footer_fixed_ads,.myui-topbg,#fb-root:empty,.fb-like-box,.fb-comments{display:none!important}
.myui-topbg{background:none!important}
img[src=""],img:not([src]),img[src$="undefined"]{display:none!important}

/* ---------- Header: kính mờ, mảnh, sticky ---------- */
#header-top,.myui-header,.navbar,.myui-header__top{position:sticky;top:0;z-index:1000;
  background:rgba(15,22,34,.88)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line)!important;box-shadow:none!important;min-height:64px}
.myui-header__logo img,.logo img{max-height:38px;width:auto}
.myui-header__menu{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.myui-header__menu>li>a,.nav-menu>li>a,.menu-block>li>a{color:var(--text)!important;font-weight:500!important;font-size:14px!important;
  text-transform:none!important;letter-spacing:0;padding:8px 14px!important;border-radius:999px;background:transparent!important;line-height:1.4!important}
.myui-header__menu>li>a:hover,.nav-menu>li>a:hover,.menu-block>li>a:hover,.myui-header__menu>li.active>a{color:var(--accent)!important;background:rgba(255,160,32,.08)!important}
.color-orange{color:var(--accent)!important}
.nav-menu>li .sub,.myui-header__menu .sub,.sub{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:12px!important;
  box-shadow:var(--shadow)!important;padding:8px!important;min-width:200px}
.sub li a{color:var(--text)!important;padding:8px 12px!important;border-radius:8px;font-size:13.5px!important;display:block}
.sub li a:hover{background:rgba(255,255,255,.06)!important;color:var(--accent)!important}

/* ---------- Tìm kiếm ---------- */
.search-box{position:relative}
.search-box input,.search_wd,.mod-search{height:42px!important;border-radius:999px!important;padding:0 48px 0 18px!important;font-size:14px!important;
  background:rgba(255,255,255,.06)!important;border:1px solid var(--line)!important;color:var(--text)!important;outline:0;box-shadow:none!important;font-family:inherit!important}
.search-box input:focus,.mod-search:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px rgba(255,160,32,.18)!important}
.search-box input::placeholder{color:var(--muted)}
.search-box .search_submit,.search-box .submit,#searchbutton{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;
  background:var(--accent)!important;color:var(--accent-ink)!important;border:0!important;display:flex;align-items:center;justify-content:center}
#resultLiveSearch{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:12px;box-shadow:var(--shadow);max-height:70vh;overflow:auto}
#resultLiveSearch a,#resultLiveSearch li{color:var(--text)!important}#resultLiveSearch li:hover{background:rgba(255,255,255,.05)}

/* ---------- Tiêu đề khối: chữ hồng, gọn, có "Xem thêm" ---------- */
.myui-panel,.myui-panel-bg,.myui-panel-box,.myui-panel_hd,.myui-block-header{background:transparent!important;border:0!important;box-shadow:none!important}
.myui-panel-box{margin-bottom:34px!important}
.myui-panel__head,.myui-block-header{display:flex;align-items:center;gap:14px;padding:0 0 12px!important;margin:0 0 14px!important;border:0!important;border-bottom:1px solid var(--line)!important}
.myui-panel__head .title,.myui-panel__head h2,.myui-panel__head h3,.myui-block-title,.myui-block-title-regions,.myui-panel__head h1{
  color:var(--accent)!important;font-size:20px!important;font-weight:600!important;margin:0!important;line-height:1.3!important;text-transform:none!important;padding:0!important;border:0!important}
.myui-panel__head .title::before,.myui-panel__head h2::before,.myui-panel__head h3::before{content:none!important}
.myui-panel__head .more,.myui-block-header .more,.myui-panel__head a[href]:last-child,.myui-block-header a[href]:last-child{
  margin-left:auto;font-size:13px;color:var(--muted)!important;font-weight:500}
.myui-panel__head .more:hover,.myui-block-header a:last-child:hover{color:var(--accent)!important}
.myui-panel__head .nav-tabs{margin-left:auto;border:0;display:flex;gap:6px}

/* ---------- Card phim 2:3, gọn, badge nhỏ ---------- */
.myui-vodlist{display:flex;flex-wrap:wrap;margin:0 -8px}
.myui-vodlist>li{padding:0 8px 22px!important;float:none;margin:0!important}
.myui-vodlist__box,.mod-card .myui-vodlist__box{position:relative;background:var(--surface)!important;border-radius:var(--r);padding-top:150%;overflow:visible;
  box-shadow:none!important;margin:0!important;transition:transform .22s ease}
.mod-card .myui-vodlist__box::before{content:"";position:absolute;inset:0;border-radius:var(--r);background:linear-gradient(100deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.06) 50%,rgba(255,255,255,0) 60%) var(--surface);background-size:200% 100%;animation:shine 1.4s infinite;z-index:0}
.mod-card .myui-vodlist__box:has(img.is-loaded)::before{animation:none;background:var(--surface)}
@keyframes shine{to{background-position:-200% 0}}
.myui-vodlist__thumb,.mod-thumb{position:absolute;top:0;left:0;width:100%;height:100%;display:block;border-radius:var(--r);overflow:hidden;background-color:var(--surface)!important;z-index:1}
.myui-vodlist__thumb img,.mod-thumb img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .3s,transform .4s}
.mod-thumb img.is-loaded{opacity:1}.myui-vodlist__thumb img:not(.is-loaded){opacity:1}
.myui-vodlist__thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.55) 0%,rgba(0,0,0,0) 45%);pointer-events:none}
@media(hover:hover){.myui-vodlist__box:hover img{transform:scale(1.05)}.myui-vodlist__box:hover{transform:translateY(-3px)}.myui-vodlist__box:hover .play{opacity:1}}
.myui-vodlist__thumb .play{opacity:0;transition:opacity .2s;background:rgba(255,160,32,.92)!important;width:46px;height:46px;border-radius:50%;left:50%;top:50%;margin:-23px 0 0 -23px;position:absolute;z-index:2;
  display:flex;align-items:center;justify-content:center}
.myui-vodlist__thumb .play::before{content:"";border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent var(--accent-ink);margin-left:3px}
/* badge: tập (trắng viền), ngôn ngữ (hồng) — góc dưới trái như HiAnime */
.pic-tag,.mod-tag,.pic-text{position:absolute!important;top:auto!important;bottom:8px!important;left:8px!important;right:auto!important;width:auto!important;
  padding:2px 7px!important;border-radius:5px!important;font-size:11px!important;font-weight:600!important;line-height:1.5!important;
  background:var(--lime)!important;color:#0f1622!important;border:0!important;text-align:left!important;z-index:3;white-space:nowrap;
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.mod-lang{position:absolute;right:8px;bottom:8px;left:auto;padding:2px 7px;border-radius:5px;font-size:11px;font-weight:600;line-height:1.5;background:var(--accent);color:var(--accent-ink);z-index:3}
.myui-vodlist__detail,.mod-detail{padding:0 2px!important;background:transparent!important}
.myui-vodlist__detail .title,.mod-title{margin:10px 0 3px!important;font-size:14px!important;font-weight:500!important;line-height:1.4;height:auto!important;
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-align:left!important}
.myui-vodlist__detail .title a,.mod-title a{color:var(--text)!important}.mod-title a:hover{color:var(--accent)!important}
.myui-vodlist__detail p,.mod-sub{margin:0;font-size:12px;color:var(--muted)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left!important}

/* ---------- Sidebar: Top phim dạng danh sách gọn ---------- */
.myui-sidebar .myui-panel_bd,.myui-sidebar .myui-top-movies,.regions-list-film{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--r-lg)!important;padding:8px 14px!important}
.myui-sidebar .myui-top-movies li,.myui-sidebar ol li{border-bottom:1px solid var(--line)!important;padding:11px 0!important;display:flex;align-items:center;gap:12px;background:transparent!important}
.myui-sidebar .myui-top-movies li:last-child,.myui-sidebar ol li:last-child{border-bottom:0!important}
.myui-sidebar .myui-top-movies li a,.myui-sidebar ol li a{color:var(--text)!important;font-size:13.5px;font-weight:500;line-height:1.4}
.myui-sidebar .myui-top-movies li a:hover{color:var(--accent)!important}
.myui-sidebar .myui-top-movies .rank,.myui-sidebar .myui-top-movies li>span:first-child,.myui-sidebar .myui-top-movies li>b,.myui-sidebar .myui-top-movies li>i{font-size:22px;font-weight:700;color:var(--muted);min-width:34px;font-style:normal;background:none!important;border:0!important;
  -webkit-text-stroke:0}
.myui-sidebar .myui-top-movies li:nth-child(-n+3)>span:first-child{color:var(--accent)}
.myui-sidebar .myui-top-movies ol img,.myui-sidebar .myui-top-movies ul li img{display:none}

/* ---------- Trang phim: banner mờ nền, poster sạch, info gọn ---------- */
.TPostBg,.TPostBg *{filter:none!important}
.TPostBg{position:relative;border-radius:var(--r-lg);overflow:hidden;margin-bottom:22px}
.TPostBg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,22,34,.95) 0,rgba(15,22,34,.7) 45%,rgba(15,22,34,.35) 100%)}
.TPostBg>*{position:relative;z-index:1}
.Objf{border-radius:var(--r-lg);overflow:hidden}
h1.Title,.Title,.myui-content__detail .title{color:var(--text)!important;font-size:26px!important;font-weight:700!important;line-height:1.25!important;margin:0 0 6px!important;background:none!important;text-shadow:none!important;-webkit-text-fill-color:var(--text)!important}
h2.SubTitle,.SubTitle{color:var(--muted)!important;font-size:14px!important;font-weight:400!important;margin:0 0 14px!important}
.MvTbCn,.myui-content__detail,.myui-content__list,.myui-panel_bd,.InfoList,.myui-content__thumb+*{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--r-lg)!important;padding:18px 20px!important;color:var(--text)!important}
.InfoList li,.myui-content__detail p{color:var(--muted)!important;font-size:13.5px;margin:0 0 8px}
.InfoList li strong,.myui-content__detail p strong,.InfoList b{color:var(--text)!important;font-weight:600}
.InfoList a,.myui-content__detail a{color:var(--accent)!important}
/* nút tab: Thông tin / Diễn viên / Trailer / Hình ảnh → pill hồng viền */
.TPlayerTb,.nav-tabs{border:0!important;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px!important;padding:0!important}
.TPlayerTb li,.nav-tabs>li{float:none;margin:0!important}
.TPlayerTb li a,.MvTbCn .nav-tabs a,.nav-tabs>li>a{border-radius:999px!important;border:1px solid var(--line)!important;padding:8px 18px!important;font-size:13.5px!important;font-weight:500!important;
  color:var(--text)!important;background:var(--surface)!important;margin:0!important;line-height:1.4!important;text-shadow:none!important}
.TPlayerTb li.Current a,.TPlayerTb li.active a,.nav-tabs>li.active>a,.TPlayerTb li a:hover,.nav-tabs>li>a:hover{background:var(--grad)!important;color:var(--accent-ink)!important;border-color:var(--accent)!important}
.TPlayerTb li a i,.TPlayerTb li a .far,.TPlayerTb li a .fas{margin-right:6px}
/* nút xem phim */
.watch_button_more,.btn-watch,a[href*="tap-"]:not(.myui-vodlist__thumb).btn,.myui-content__detail .btn,#btn-watch,.btn-primary,.btn.btn-warm,.btn-orange{
  background:var(--accent)!important;color:var(--accent-ink)!important;border:0!important;border-radius:999px!important;font-weight:600!important;font-size:14px!important;padding:11px 24px!important;text-shadow:none!important;box-shadow:none!important;letter-spacing:.2px}
.watch_button_more:hover,.btn-primary:hover{filter:brightness(1.06)}
/* danh sách tập */
#servers-container li a,.tab-content .btn-default,.tab-content .btn,.episode-list a,.myui-content__list a{background:var(--surface2)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:6px!important;
  padding:7px 12px!important;font-size:13px!important;font-weight:500!important;margin:0 6px 8px 0!important;min-width:48px;text-align:center;display:inline-block;text-shadow:none!important;box-shadow:none!important}
#servers-container li a:hover,.tab-content .btn:hover,.episode-list a:hover{background:var(--accent)!important;color:var(--accent-ink)!important;border-color:var(--accent)!important}
#servers-container li.active a,.tab-content .btn.active,.episode-list a.active,.btn-sv.current{background:var(--accent)!important;color:var(--accent-ink)!important;border-color:var(--accent)!important}
.tag-list a,#tags a,.keywords a{display:inline-block;background:var(--surface)!important;border:1px solid var(--line)!important;color:var(--muted)!important;border-radius:999px;padding:5px 12px;font-size:12.5px;margin:0 6px 6px 0}
.tag-list a:hover,#tags a:hover{color:var(--accent)!important;border-color:var(--accent)!important}

/* ---------- Trang xem: player 16:9, khung tối ---------- */
#main-player,#jwplayer,#fake_jwplayer,.video-p-first,#player-loaded{border-radius:var(--r-lg);overflow:hidden;background:#000!important;box-shadow:var(--shadow)}
#main-player iframe,.video-p-first iframe,#player-loaded iframe{width:100%!important;aspect-ratio:16/9;height:auto!important;min-height:220px;border:0;display:block}
.video-footer{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--r-lg);padding:14px 18px!important;margin-top:14px}
#ploption{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;margin:14px 0}
#ploption .btn-sv{background:var(--surface2)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:999px!important;padding:7px 16px!important;font-size:13px!important}
#ploption .btn-sv.current,#ploption .btn-sv:hover{background:var(--accent)!important;color:var(--accent-ink)!important;border-color:var(--accent)!important}

/* ---------- Phân trang ---------- */
.myui-page,.pagination{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:20px 0}
.myui-page a,.pagination a,.pagination span,.myui-page li a{min-width:38px;height:38px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px!important;
  background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--line)!important;font-size:13.5px;font-weight:500;float:none!important;margin:0!important}
.myui-page .active a,.pagination .active span,.pagination .active a,.myui-page a:hover,.pagination a:hover{background:var(--accent)!important;color:var(--accent-ink)!important;border-color:var(--accent)!important}

/* ---------- Footer gọn ---------- */
footer,.myui-foot,.footer,.mod-footer{background:var(--bg2)!important;border-top:1px solid var(--line)!important;color:var(--muted)!important;padding:34px 0!important;margin-top:44px;font-size:13px}
footer a,.footer a{color:var(--muted)!important}footer a:hover,.footer a:hover{color:var(--accent)!important}
#back-to-top-btn,#mod-top{background:var(--accent)!important;color:var(--accent-ink)!important;border-radius:50%;box-shadow:var(--shadow)}

/* ---------- Mobile ---------- */
@media(max-width:767px){
  body{font-size:13.5px}
  .container{padding:0 12px}
  .myui-vodlist{margin:0 -5px}.myui-vodlist>li{padding:0 5px 16px!important}
  .myui-panel__head .title,.myui-panel__head h2,.myui-block-title{font-size:17px!important}
  .mod-title{font-size:13px!important}.mod-sub{font-size:11.5px}
  h1.Title{font-size:20px!important}
  .MvTbCn,.myui-content__detail,.InfoList{padding:14px!important}
  .TPlayerTb li a{padding:7px 13px!important;font-size:12.5px!important}
  .m-nav{background:var(--bg)!important;border-right:1px solid var(--line)}
  .m-nav ul li a{color:var(--text)!important;padding:12px 16px!important;font-size:14px!important;border-bottom:1px solid var(--line)}
}
/* ---------- Bỏ hiệu ứng thừa của theme cũ ---------- */
*{text-shadow:none!important}
.myui-panel,.myui-panel_bd{content-visibility:auto;contain-intrinsic-size:1px 600px}

/* ============================================================================
   v4.1 — DỌN CHI TIẾT NHỎ (đánh giá như người dùng thật)
   ============================================================================ */
/* 1. Khung trắng đầu trang = ảnh logo imgur đã chết → bỏ, giữ chữ thương hiệu */
.myui-header__logo .logo,.logo-container .logo{display:none!important;background:none!important}
.brand-logo{display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:700;color:var(--text)!important;letter-spacing:-.2px;text-decoration:none!important}
.brand-logo img{height:34px;width:auto}
.brand-logo::after{content:none!important}
.myui-header__logo{padding:0!important;height:auto!important}
.myui-header__logo hr,.myui-header__logo .line,.myui-header__logo span:empty{display:none!important}
/* 2. Thanh sao vàng mờ nhoè → ẩn widget sao, giữ điểm số gọn */
#TPVotes,#star,.box-rating .raty,.box-rating img,.post-ratings img{display:none!important}
.post-ratings,.box-rating,#div_average{display:inline-flex!important;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:13px;color:var(--muted)!important;filter:none!important;margin:0!important;line-height:1.4!important}
#average,.average{color:var(--accent)!important;font-weight:700;font-size:15px}
.TPMvCn,.TPlayerCn,.TPost .Description,.TPostBg .Description{color:var(--muted)!important;font-size:14px;line-height:1.7}
/* 3. Vòng tròn % + ngày + lượt xem: xếp thành 1 hàng badge gọn */
.MvTbCn .row>div>span,.InfoList~.row span,.TPostBg span.Qlty,.Qlty,.Time,.Date,.Views,.view-count{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:12.5px;color:var(--muted)!important;margin:0 8px 8px 0}
/* 4. Icon play thừa (khối "Có thể bạn sẽ thích" dùng markup cũ) → chỉ hiện khi hover trong thumb */
.play{opacity:0!important;pointer-events:none}
.myui-vodlist__thumb:hover .play,.myui-vodlist__box:hover .play{opacity:1!important}
.myui-vodlist__box{overflow:hidden!important;border-radius:var(--r)}
.myui-vodlist__box .myui-vodlist__detail{position:relative;z-index:2;background:var(--bg)!important}
/* 5. Ô "Tập mới 26 25 24", HD, Vietsub → badge thống nhất */
.latest_eps a,.InfoList .btn,.InfoList span.label,.InfoList .badge,.AAIco-adjust a.btn{display:inline-block;background:var(--surface2)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:6px!important;padding:3px 10px!important;font-size:12.5px!important;font-weight:600!important;margin:0 4px 4px 0!important;line-height:1.5!important}
.latest_eps a:hover{background:var(--accent)!important;color:var(--accent-ink)!important;border-color:var(--accent)!important}
.InfoList li{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 0;border-bottom:1px dashed var(--line)}
.InfoList li:last-child{border-bottom:0}
.InfoList li strong{min-width:110px;color:var(--muted)!important;font-weight:500;font-size:13px}
.InfoList li strong i{color:var(--accent);margin-right:4px}
.InfoList li:has(> strong:only-child){display:none}
/* 6. "Tập sắp chiếu" + "Keywords" trôi nổi ngoài khung → gom vào thẻ, ẩn khi rỗng */
.MvTbCn div[style*="text-align: justify"],.MvTbCn .text-collapse{background:transparent!important;color:var(--muted)!important;font-size:14px;line-height:1.75}
.MvTbCn div[style*="text-align: justify"]>div{margin:10px 0 0;padding:10px 14px;background:var(--surface);border:1px solid var(--line);border-radius:10px;font-size:13px}
#tags{margin:14px 0 0;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:10px}
#tags label{display:block;color:var(--muted)!important;font-size:12px;font-weight:500;margin:0 0 8px;text-transform:uppercase;letter-spacing:.4px}
#tags:not(:has(a)){display:none!important}
#tags a{display:inline-block;background:var(--surface2)!important;border:1px solid var(--line)!important;color:var(--text)!important;border-radius:999px;padding:5px 12px;font-size:12.5px;margin:0 6px 6px 0}
/* 7. Nút tab: bỏ mũi tên tam giác xanh dưới tab đang chọn */
.TPlayerTb li a::after,.TPlayerTb li.Current a::after,.nav-tabs>li.active>a::after,.nav-tabs>li>a::before{display:none!important;content:none!important}
/* 8. Sidebar Trending: bỏ icon mũi tên xanh lá + tab Ngày/Tuần/Tháng gọn */
.myui-panel__head img,.myui-block-header img,.myui-panel__head svg[width],.trending-icon{display:none!important}
.myui-sidebar .myui-top-movies .nav-tabs,.myui-sidebar .nav-tabs{display:flex;gap:4px;background:var(--bg2);padding:4px;border-radius:999px;border:1px solid var(--line);margin:0 0 10px!important}
.myui-sidebar .myui-top-movies .nav-tabs>li{flex:1}.myui-sidebar .myui-top-movies .nav-tabs>li>a{display:block;text-align:center;padding:7px 10px!important;border:0!important;background:transparent!important;font-size:13px!important;font-weight:500!important;color:var(--muted)!important}
.myui-sidebar .myui-top-movies .nav-tabs>li.active>a{background:var(--accent)!important;color:var(--accent-ink)!important}
.myui-sidebar .myui-top-movies li .rank-num,.myui-sidebar .myui-top-movies li .num,.myui-sidebar .myui-top-movies li em,.myui-sidebar .myui-top-movies li .icon-fire,.myui-sidebar .myui-top-movies li .view{font-style:normal!important;background:none!important;border:0!important;color:var(--muted);font-size:12px;font-weight:600;min-width:34px;text-align:center}
.myui-sidebar .myui-top-movies li a::before,.myui-sidebar .myui-top-movies li:before{content:none!important}
/* 9. Đường viền/ngăn cách thừa, khung rỗng */
hr{border-color:var(--line)!important;opacity:1}
.myui-panel_bd:empty,.myui-panel-box:empty,.myui-block-header+div:empty,.row:empty,.col-md-wide-3:empty{display:none!important}
.container>.row>[class*="col-"]>div:empty{display:none!important}
/* 10. Poster trang phim: bo góc, nhãn "Hoàn thành" nhỏ gọn, nút Xem phim rõ */
.Objf img,.myui-content__thumb img,.TPost .Image img{border-radius:12px;box-shadow:var(--shadow)}
.Objf .pic-tag,.myui-content__thumb .pic-tag,.Objf .pic-text{top:10px!important;left:10px!important;bottom:auto!important;background:var(--accent)!important;color:var(--accent-ink)!important;border:0!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.3px}
.watch_button_more{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);white-space:nowrap;display:inline-flex;align-items:center;gap:8px;z-index:3}
.watch_button_more::before{content:"";border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent var(--accent-ink)}

/* ============================================================================
   v4.2 — HEADER 1 HÀNG + VÁ SAU TỰ AUDIT
   ============================================================================ */
/* Header: logo | menu | search trên 1 hàng (desktop) */
#header-top .myui_custom_header{display:flex;align-items:center;gap:18px;min-height:64px;flex-wrap:nowrap}
#header-top .myui-header__logo{flex:0 0 auto;margin:0!important;float:none!important}
#header-top .menu-block{flex:1 1 auto;float:none!important;margin:0!important;padding:0!important}
#header-top .myui-header__menu{display:flex;flex-wrap:nowrap;align-items:center;gap:2px;margin:0;padding:0;list-style:none;float:none!important;white-space:nowrap}
#header-top .myui-header__menu>li{float:none!important;position:relative;margin:0!important}
#header-top .myui-header__search{flex:0 0 auto;margin-left:auto;float:none!important}
#header-top .myui-header__search .container,#header-top .myui-header__search .row{padding:0!important;margin:0!important;width:auto!important}
#header-top .myui-header__search ul{margin:0;padding:0;list-style:none}
#header-top .search-box{width:300px;max-width:32vw}
.brand-logo{border:0!important;box-shadow:none!important;padding:0!important}
.brand-logo::before,.brand-logo::after,.logo-container::after,.myui-header__logo::after{content:none!important;display:none!important}
.logo-container{border:0!important}
@media(max-width:991px){#header-top .myui_custom_header{flex-wrap:wrap;gap:10px}#header-top .myui-header__menu{flex-wrap:wrap;white-space:normal}#header-top .search-box{width:100%;max-width:none}}
/* Poster wrapper phải relative để nút "Xem phim" nằm trong poster */
.Objf,.TPost .Image,.myui-content__thumb,.TPostBg .Image{position:relative!important;display:block}
/* Vòng 80% + lượt xem + năm: một hàng gọn, bỏ khung đen lớn */
.TPMvCn .Info,.MvTbCn .Info,.TPostBg .Info,.post-ratings-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:transparent!important;padding:0!important}
.MvTbCn>.row>.col-md-wide-7>div:has(> #TPVotes),.TPost .Vote{background:transparent!important;border:0!important;padding:0!important}
.Vote,.vote-wrap{display:none!important}
/* Ảnh mờ (blur) nền thuộc theme cũ */
.TPostBg .Image img,.TPostBg>img,.bg-blur,.blur-bg{filter:none!important}

/* ============================================================================
   v4.3 — MÀU GỐC VUIPHIM (navy đen + vàng-cam thương hiệu + xanh chanh nhãn tập)
   ============================================================================ */
.brand-logo{background:linear-gradient(81deg,#c5a14b -26%,#ebd989 88%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#ebd989!important}
.myui-header__menu>li>a:hover,.myui-header__menu>li.active>a{color:var(--accent-2)!important;background:rgba(255,160,32,.10)!important}
.myui-panel__head .title,.myui-panel__head h2,.myui-panel__head h3,.myui-block-title,.myui-block-title-regions{color:var(--text)!important;padding-left:14px!important;position:relative}
.myui-panel__head .title::before,.myui-panel__head h2::before,.myui-panel__head h3::before,.myui-block-title::before,.myui-block-title-regions::before{content:""!important;position:absolute;left:0;top:4px;bottom:4px;width:4px;border-radius:4px;background:var(--grad)}
.myui-sidebar .myui-top-movies li:nth-child(-n+3)>span:first-child,#average,.average{color:var(--accent-2)!important}
.myui-sidebar .myui-top-movies .nav-tabs>li.active>a,#ploption .btn-sv.current,#ploption .btn-sv:hover,.myui-page .active a,.pagination .active span,.pagination .active a{background:var(--grad)!important;color:var(--accent-ink)!important;border-color:transparent!important}
.search-box .search_submit,.search-box .submit,#searchbutton{background:var(--grad)!important}
.myui-vodlist__thumb .play{background:var(--accent-2)!important}
.Objf .pic-tag,.myui-content__thumb .pic-tag,.Objf .pic-text{background:var(--grad)!important;color:var(--accent-ink)!important}
::selection{background:var(--accent);color:var(--accent-ink)}

/* ============================================================================
   v4.4 — VÁ SAU KIỂM THỬ RENDER (đo bằng trình duyệt thật)
   ============================================================================ */
/* Card: thumb là khối 2:3 tự nhiên, phần chữ nằm DƯỚI, không đè lên poster */
.myui-vodlist__box,.mod-card .myui-vodlist__box{padding-top:0!important;height:auto!important;overflow:visible!important;background:transparent!important}
.mod-card .myui-vodlist__box::before{content:none!important}
.myui-vodlist__thumb,.mod-thumb{position:relative!important;top:auto!important;left:auto!important;width:100%!important;height:auto!important;padding-top:150%!important;display:block;border-radius:var(--r);overflow:hidden;background-color:var(--surface)!important;z-index:1}
.mod-thumb::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.06) 50%,rgba(255,255,255,0) 60%) var(--surface);background-size:200% 100%;animation:shine 1.4s infinite;z-index:0}
.mod-thumb:has(img.is-loaded)::before{animation:none;background:var(--surface)}
.myui-vodlist__thumb img,.mod-thumb img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;z-index:1}
.myui-vodlist__thumb::after{z-index:2}
.pic-tag,.mod-tag,.pic-text,.mod-lang{z-index:3}
.myui-vodlist__box .myui-vodlist__detail,.mod-detail{position:static!important;z-index:auto!important;background:transparent!important;padding:0 2px!important}
/* Tab: bỏ dấu chấm list-style rơi ra do ul thành flex */
.TPlayerTb li,.nav-tabs>li,.myui-header__menu>li,#ploption li,.myui-top-movies .nav-tabs>li{list-style:none!important}
.TPlayerTb li::marker,.nav-tabs>li::marker{content:""}
/* Bỏ rule ẩn nhầm dòng có chữ thường (CSS không thấy text node) → thay bằng ẩn strong rỗng phía sau */
.InfoList li:has(> strong:only-child){display:flex!important}
.InfoList li:has(> strong:only-child):not(:has(a,span,em,b,i,p)):empty{display:none!important}

/* ============================================================================
   v5 — HỌC BỐ CỤC PHIMMOICHILL (hero, chip chủ đề, hàng cuộn ngang, nhãn PĐ/TM)
   ============================================================================ */
/* ---- HERO ---- */
.ph-hero{position:relative;border-radius:var(--r-lg);overflow:hidden;margin:18px 0 22px;background:var(--surface);min-height:360px;isolation:isolate}
.ph-hero__bg{position:absolute;inset:-40px;background-size:cover;background-position:center 20%;filter:blur(22px) brightness(.45) saturate(1.1);transform:scale(1.1);z-index:0}
.ph-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,22,34,.92) 0%,rgba(15,22,34,.72) 50%,rgba(15,22,34,.35) 100%),linear-gradient(0deg,var(--bg) 0%,rgba(15,22,34,0) 40%);z-index:1}
.ph-hero__inner{position:relative;z-index:2;display:flex;gap:28px;padding:30px 30px 18px;align-items:flex-start}
.ph-hero__poster{flex:0 0 200px;border-radius:12px;overflow:hidden;box-shadow:var(--shadow);aspect-ratio:2/3;background:var(--surface2)}
.ph-hero__poster img{width:100%;height:100%;object-fit:cover;display:block}
.ph-hero__body{flex:1;min-width:0;padding-top:6px}
.ph-hero__kicker{display:inline-block;font-size:12px;font-weight:600;color:var(--accent-2);letter-spacing:.4px;text-transform:uppercase;margin-bottom:8px}
.ph-hero__title{margin:0 0 4px;font-size:34px;font-weight:700;line-height:1.15;letter-spacing:-.3px}
.ph-hero__title a{color:var(--text)}.ph-hero__title a:hover{color:var(--accent-2)}
.ph-hero__sub{margin:0 0 12px;color:var(--muted);font-size:15px}
.ph-hero__meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.ph-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:6px;font-size:12px;font-weight:600;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);color:var(--text)}
.ph-badge--hd{background:var(--grad);color:var(--accent-ink);border:0}
.ph-badge--lang{background:var(--lime);color:#0f1622;border:0}
.ph-badge--link:hover{border-color:var(--accent);color:var(--accent-2)}
.ph-hero__desc{color:#c9d2df;font-size:14px;line-height:1.7;margin:0 0 18px;max-width:720px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ph-hero__actions{display:flex;gap:10px;flex-wrap:wrap}
.ph-btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:8px;padding:12px 26px;border-radius:999px;font-weight:600;font-size:14.5px;line-height:1;transition:transform .15s,filter .15s}
.ph-btn:hover{transform:translateY(-1px);filter:brightness(1.07)}
.ph-btn--primary{background:var(--grad);color:var(--accent-ink)!important;box-shadow:0 8px 24px rgba(255,160,32,.28)}
.ph-btn__play{width:0;height:0;border-style:solid;border-width:7px 0 7px 12px;border-color:transparent transparent transparent currentColor}
.ph-btn--ghost{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:var(--text)!important}
.ph-btn--ghost:hover{border-color:var(--accent);color:var(--accent-2)!important}
.ph-hero__strip{position:relative;z-index:2;display:flex;gap:10px;padding:0 30px 24px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}
.ph-hero__strip::-webkit-scrollbar{display:none}
.ph-hero__thumb{flex:0 0 86px;aspect-ratio:2/3;border-radius:8px;overflow:hidden;position:relative;opacity:.78;transition:opacity .2s,transform .2s;scroll-snap-align:start;background:var(--surface2)}
.ph-hero__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ph-hero__thumb:hover{opacity:1;transform:translateY(-3px)}
.ph-hero__thumb-tag{position:absolute;left:0;right:0;bottom:0;font-size:10px;font-weight:600;text-align:center;padding:3px 4px;background:rgba(15,22,34,.85);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* ---- CHIP CHỦ ĐỀ ---- */
.ph-chips{display:flex;gap:10px;overflow-x:auto;padding:2px 0 14px;margin:0 0 10px;scrollbar-width:none}
.ph-chips::-webkit-scrollbar{display:none}
.ph-chip{flex:0 0 auto;padding:12px 22px;border-radius:12px;font-weight:600;font-size:14px;color:#fff!important;position:relative;overflow:hidden;min-width:130px;text-align:center;transition:transform .15s,filter .15s;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.ph-chip::after{content:"→";position:absolute;right:10px;top:50%;transform:translateY(-50%);opacity:.6;font-size:13px}
.ph-chip:hover{transform:translateY(-2px);filter:brightness(1.1)}
.ph-chip--1{background:linear-gradient(135deg,#f0803c,#ffb340);color:#1a1200!important}.ph-chip--2{background:linear-gradient(135deg,#2b5876,#4e4376)}
.ph-chip--3{background:linear-gradient(135deg,#1e3c72,#2a5298)}.ph-chip--4{background:linear-gradient(135deg,#8e2de2,#4a00e0)}
.ph-chip--5{background:linear-gradient(135deg,#134e5e,#71b280)}.ph-chip--6{background:linear-gradient(135deg,#c94b4b,#4b134f)}
.ph-chip--7{background:linear-gradient(135deg,#5f2c82,#49a09d)}.ph-chip--8{background:linear-gradient(135deg,#232526,#414345)}
/* ---- NHÃN PĐ/TM trên card: một nhóm góc dưới trái ---- */
.mod-badges{position:absolute;left:8px;bottom:8px;display:flex;gap:4px;z-index:3;max-width:calc(100% - 16px)}
.mod-badges .mod-tag,.mod-badges .mod-lang{position:static!important;flex:0 0 auto}
.mod-quality{position:absolute;top:8px;right:8px;z-index:3;padding:2px 7px;border-radius:5px;font-size:10.5px;font-weight:700;background:var(--grad);color:var(--accent-ink);letter-spacing:.3px}
/* ---- HÀNG PHIM CUỘN NGANG trên mobile (như app), lưới trên desktop ---- */
@media(max-width:767px){
  .myui-top-movies>.myui-vodlist,.myui-panel_bd>.myui-vodlist{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:10px;margin:0!important;padding:0 0 6px!important;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .myui-top-movies>.myui-vodlist::-webkit-scrollbar{display:none}
  .myui-top-movies>.myui-vodlist>li{flex:0 0 42vw!important;max-width:170px;width:auto!important;padding:0!important;scroll-snap-align:start}
  .ph-hero{margin:10px 0 16px;min-height:0;border-radius:12px}
  .ph-hero__inner{padding:16px 14px 10px;gap:14px}
  .ph-hero__poster{flex:0 0 108px;border-radius:8px}
  .ph-hero__title{font-size:20px}.ph-hero__sub{font-size:13px;margin-bottom:8px}
  .ph-hero__desc{display:none}
  .ph-hero__meta{gap:4px}.ph-badge{padding:2px 8px;font-size:11px}
  .ph-btn{padding:10px 18px;font-size:13.5px}
  .ph-hero__strip{padding:0 14px 16px;gap:8px}.ph-hero__thumb{flex:0 0 64px}
  .ph-chip{min-width:110px;padding:10px 16px;font-size:13px}
}
/* ---- Tối ưu mượt: giảm chi phí vẽ ---- */
.ph-hero__bg{will-change:transform}
.myui-vodlist__box{contain:layout paint}
img{content-visibility:auto}

/* ============================================================================
   v6 — TRANG CON SÂU: chi tiết phim · xem phim · danh sách (học phimmoichill)
   ============================================================================ */
/* ---- Trang phim: backdrop mờ toàn khối, poster trái, thông tin phải ---- */
.TPost.Single,.MovieInfo{background:transparent!important}
article.TPost.Single .TPostBg,article.TPost.Single img.TPostBg{position:absolute!important;inset:-30px!important;width:auto!important;height:auto!important;object-fit:cover;filter:blur(26px) brightness(.4);z-index:0;border-radius:0;transform:scale(1.15);pointer-events:none}
article.TPost.Single{position:relative;overflow:hidden;border-radius:var(--r-lg);isolation:isolate;padding:26px 26px 20px!important;margin:16px 0 18px!important;background:var(--surface)!important;border:1px solid var(--line)}
article.TPost.Single::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(15,22,34,.94) 0%,rgba(15,22,34,.78) 55%,rgba(15,22,34,.5) 100%)}
article.TPost.Single>*{position:relative;z-index:2}
.TPost.Single .Image,.TPost.Single .Objf{flex:0 0 220px;width:220px!important;border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}
.TPost.Single .Image img,.TPost.Single .Objf img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;display:block;filter:none!important;position:static!important;transform:none!important}
.TPost.Single .Description{color:#c9d2df!important;font-size:14px;line-height:1.75}
.TPost.Single h1.Title{font-size:30px!important;margin-bottom:4px!important}
/* nút xem phim: to, gradient, có icon; nút phụ viền */
.watch_button_more,a.watch_button_more{position:static!important;transform:none!important;display:inline-flex!important;align-items:center;gap:8px;padding:12px 26px!important;font-size:15px!important;margin:8px 10px 8px 0}
.TPost.Single .Objf .watch_button_more{position:absolute!important;left:50%!important;bottom:14px!important;transform:translateX(-50%)!important;padding:10px 20px!important;font-size:13.5px!important;margin:0}
/* Danh sách tập đầy đủ (partial mới) */
.ph-eps{margin:18px 0 22px;padding:18px 20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}
.ph-eps__head{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-bottom:12px}
.ph-eps__title{margin:0;font-size:18px;font-weight:700;color:var(--text)}.ph-eps__title span{color:var(--muted);font-weight:500;font-size:14px}
.ph-eps__latest{margin-left:auto;font-size:13px;font-weight:600;color:var(--accent-2)!important;background:rgba(255,160,32,.1);border:1px solid rgba(255,160,32,.3);padding:6px 12px;border-radius:999px}
.ph-eps__servers,.ph-eps__ranges{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.ph-eps__server,.ph-eps__range{background:var(--surface2);border:1px solid var(--line);color:var(--text);border-radius:999px;padding:6px 14px;font:inherit;font-size:13px;font-weight:500;cursor:pointer}
.ph-eps__server em{font-style:normal;color:var(--muted);margin-left:4px;font-size:12px}
.ph-eps__server.is-on,.ph-eps__range.is-on{background:var(--grad);color:var(--accent-ink);border-color:transparent}.ph-eps__server.is-on em{color:var(--accent-ink)}
.ph-eps__panel,.ph-eps__grid{display:none}.ph-eps__panel.is-on,.ph-eps__grid.is-on{display:block}
.ph-eps__grid.is-on{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}
.ph-ep{display:block;text-align:center;padding:9px 6px;border-radius:8px;background:var(--surface2);border:1px solid var(--line);color:var(--text)!important;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .15s,color .15s,transform .15s}
.ph-ep:hover{background:var(--grad);color:var(--accent-ink)!important;border-color:transparent;transform:translateY(-1px)}
/* Tab Thông tin/Diễn viên/Trailer/Hình ảnh của theme (.MovieTabNav .Lnk) */
.MovieTabNav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;border:0!important}
.MovieTabNav .Lnk{cursor:pointer;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--text);padding:8px 18px;font-size:13.5px;font-weight:500}
.MovieTabNav .Lnk.on,.MovieTabNav .Lnk:hover{background:var(--grad);color:var(--accent-ink);border-color:transparent}
.MovieTabNav .Lnk i{margin-right:6px}
/* ---- Trang XEM PHIM: player full-width, danh sách tập ngay dưới, info gọn ---- */
#main-player{margin:12px 0 0;aspect-ratio:16/9;min-height:240px;background:#000!important;border-radius:12px;overflow:hidden;position:relative}
#main-player iframe,#main-player video,#main-player>div{position:absolute;inset:0;width:100%!important;height:100%!important}
.video-footer{border-radius:0 0 12px 12px!important;margin-top:0!important;border-top:0!important;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:12px 16px!important}
.video-footer .title,.video-footer h1,.video-footer h2{margin:0!important;font-size:16px!important;font-weight:600!important;color:var(--text)!important}
.video-footer .title a{color:var(--accent-2)!important}
#ploption{justify-content:flex-start}
#servers-container{margin-top:16px!important}
#servers-container .myui-panel__head{padding:0 0 10px!important}
#servers-container .nav-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0!important;border:0!important}
#servers-container .nav-tabs>li>a{border-radius:999px!important;padding:6px 14px!important;font-size:13px!important}
#servers-container .tab-content{padding:14px 0 0!important;background:transparent!important;border:0!important}
#servers-container .tab-pane ul,#servers-container .myui-content__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;margin:0;padding:0;list-style:none}
#servers-container .tab-pane li{width:auto!important;padding:0!important;float:none!important;margin:0!important}
#servers-container .tab-pane li a,#servers-container .tab-pane .btn{display:block;width:100%;margin:0!important;padding:9px 6px!important;border-radius:8px!important;font-size:13px!important;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#servers-container .tab-pane li.active a,#servers-container .tab-pane a.active,#servers-container .tab-pane a.btn-warm{background:var(--grad)!important;color:var(--accent-ink)!important;border-color:transparent!important}
.search-input-wrapper{margin:0 0 12px}.search-input-wrapper .search_wd,#search-input{width:100%;max-width:340px;height:38px!important;border-radius:10px!important}
/* thanh chọn server (.streaming-server) */
.streaming-server{cursor:pointer}
/* ---- Trang DANH SÁCH: thanh lọc + lưới + phân trang ---- */
.myui-page{margin:26px 0 10px}
.catalog_filter,.filter-box,form[action*="loc"],.myui-screen__list{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--r-lg)!important;padding:12px 14px!important;margin:0 0 16px!important}
.myui-screen__list li a,.filter-box a,.catalog_filter a{display:inline-block;border-radius:999px!important;padding:5px 12px!important;font-size:13px!important;color:var(--text)!important;background:var(--surface2)!important;border:1px solid var(--line)!important;margin:0 6px 6px 0!important}
.myui-screen__list li.active a,.myui-screen__list li a:hover,.filter-box a.active,.catalog_filter a.active{background:var(--grad)!important;color:var(--accent-ink)!important;border-color:transparent!important}
.myui-screen__list select,.filter-box select,.catalog_filter select{background:var(--surface2)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:10px!important;padding:8px 12px!important;font:inherit;margin:0 8px 8px 0}
.catalog_filter .btn,.filter-box .btn,form[action*="loc"] .btn{background:var(--grad)!important;color:var(--accent-ink)!important;border:0!important;border-radius:10px!important;padding:8px 18px!important;font-weight:600!important}
/* Breadcrumb */
.breadcrumb,.myui-page__breadcrumb,ol[itemtype*="BreadcrumbList"]{background:transparent!important;padding:10px 0!important;margin:0 0 6px!important;font-size:13px;color:var(--muted)!important}
.breadcrumb a,ol[itemtype*="BreadcrumbList"] a{color:var(--muted)!important}.breadcrumb a:hover{color:var(--accent-2)!important}
.breadcrumb>li+li:before{color:var(--muted)!important;padding:0 6px!important}
/* Sidebar Top phim đồng bộ */
.myui-sidebar .myui-panel-box{margin-bottom:22px!important}
/* ---- Mobile cho trang con ---- */
@media(max-width:767px){
  article.TPost.Single{padding:14px!important;margin:8px 0 14px!important}
  .TPost.Single .Image,.TPost.Single .Objf{flex:0 0 120px;width:120px!important;border-radius:8px}
  .TPost.Single h1.Title{font-size:20px!important}
  .ph-eps{padding:12px}.ph-eps__grid.is-on{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px}.ph-ep{padding:8px 4px;font-size:12px}
  .ph-eps__latest{margin-left:0;width:100%;text-align:center}
  #main-player{border-radius:0;margin:0 -12px}.video-footer{border-radius:0!important;margin:0 -12px!important}
  #servers-container .tab-pane ul{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px}
  .MovieTabNav .Lnk{padding:7px 12px;font-size:12.5px}
}
/* ---- Trang phim: bố cục grid poster trái / thông tin phải (DOM: Title, SubTitle, Qlty, Image, Description) ---- */
article.TPost.Single{display:grid!important;grid-template-columns:220px minmax(0,1fr);grid-template-areas:"img title" "img sub" "img qlty" "img desc";column-gap:26px;row-gap:4px;align-items:start}
article.TPost.Single>h1.Title{grid-area:title}article.TPost.Single>h2.SubTitle{grid-area:sub}article.TPost.Single>.Qlty{grid-area:qlty;justify-self:start}
article.TPost.Single>.Image{grid-area:img;width:220px!important;float:none!important;margin:0!important}
article.TPost.Single>.Description{grid-area:desc;margin-top:6px}
article.TPost.Single>*:not(.Title):not(.SubTitle):not(.Qlty):not(.Image):not(.Description):not(.TPostBg){grid-column:1/-1}
.status__18,.Image .status,.Objf .status__18{position:absolute;top:10px;left:10px;z-index:3;background:var(--grad);color:var(--accent-ink);font-size:11px;font-weight:700;padding:4px 9px;border-radius:6px;text-transform:uppercase;letter-spacing:.3px}
.TPost.Single .Objf{position:relative!important}
@media(max-width:767px){article.TPost.Single{grid-template-columns:120px minmax(0,1fr);column-gap:12px;grid-template-areas:"img title" "img sub" "img qlty" "desc desc"}article.TPost.Single>.Image{width:120px!important}}

/* ============================================================================
   v8 — SỬA THEO ẢNH THẬT: trang phim (grid lên <header>), trang chủ bỏ khối trùng,
        trang danh sách (tiêu đề/lọc/6 phim mỗi hàng), dọn "Tập sắp chiếu" rác
   ============================================================================ */
/* ---- Trang phim: DOM thật article > header > (Title, SubTitle, Image, Description) ---- */
article.TPost.Single{display:block!important;padding:0!important;background:transparent!important;border:0!important}
article.TPost.Single>header{position:relative;display:grid;grid-template-columns:220px minmax(0,1fr);grid-template-areas:"img title" "img sub" "img desc";column-gap:28px;row-gap:4px;align-items:start;padding:26px 26px 22px;border-radius:var(--r-lg);overflow:hidden;isolation:isolate;background:var(--surface);border:1px solid var(--line)}
article.TPost.Single>header::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(15,22,34,.95) 0%,rgba(15,22,34,.8) 55%,rgba(15,22,34,.55) 100%)}
article.TPost.Single>header>*{position:relative;z-index:2}
article.TPost.Single>header>h1.Title{grid-area:title;margin:0!important}
article.TPost.Single>header>h2.SubTitle{grid-area:sub;margin:0 0 10px!important}
article.TPost.Single>header>.Image{grid-area:img;width:220px!important;margin:0!important;float:none!important}
article.TPost.Single>header>.Description{grid-area:desc;margin:0}
article.TPost.Single>header>.Qlty{grid-area:sub;justify-self:end;align-self:start}
article.TPost.Single>header>*:not(.Title):not(.SubTitle):not(.Image):not(.Description):not(.Qlty):not(.TPostBg){grid-column:1/-1}
article.TPost.Single>header img.TPostBg,article.TPost.Single img.TPostBg{position:absolute!important;inset:-40px!important;width:auto!important;height:auto!important;min-width:120%;min-height:120%;object-fit:cover;filter:blur(28px) brightness(.45);z-index:0!important;transform:none!important;pointer-events:none;border-radius:0}
.TPost.Single .Description{max-width:none}
.TPost.Single .Description>div,.TPost.Single .Description p{color:#c9d2df!important}
/* điểm/ngày/lượt xem: hàng ngang gọn, bỏ khung đen to */
.TPost.Single .Description .post-ratings,.TPost.Single .Description .box-rating{margin:0 8px 8px 0!important}
.TPost.Single .Description>div[class=""],.TPost.Single .Description>div:not([class]){background:transparent!important}
/* "Tập sắp chiếu ... tập 0" — dữ liệu rác của theme cũ */
.MvTbCn div[style*="text-align: justify"]>div{display:none!important}
/* ---- Trang chủ: tiêu đề khối 'Xem phim' + tab quốc gia (2 inline-block) → 1 hàng, 1 gạch ---- */
.myui-top-movies>.myui-block-header[style*="inline-block"]{display:inline-flex!important;align-items:center;border:0!important;margin:0 18px 0 0!important;padding:0!important;vertical-align:middle}
.myui-top-movies>.myui-block-header[style*="inline-block"] a{display:inline-block;padding:6px 12px;border-radius:999px;font-size:13px;color:var(--muted)!important;background:var(--surface);border:1px solid var(--line);margin:0 4px 4px 0}
.myui-top-movies>.myui-block-header[style*="inline-block"] a:hover,.myui-top-movies>.myui-block-header[style*="inline-block"] a.active{background:var(--grad)!important;color:var(--accent-ink)!important;border-color:transparent}
.myui-top-movies{margin-bottom:30px}
.myui-top-movies>.myui-block-header+.myui-block-header{padding-left:0!important}
.myui-top-movies>.myui-block-header:first-of-type{padding-bottom:0!important}
.myui-top-movies>.myui-vodlist,.myui-top-movies>.show-regions-list-film{margin-top:14px!important;padding-top:14px!important;border-top:1px solid var(--line)}
/* ---- Trang danh sách ---- */
.myui-panel-list,.myui-panel-list .myui-panel-box,.myui-panel-list .myui-panel_bd{background:transparent!important;border:0!important;padding:0!important}
.myui-panel_hd_customize{margin:0 0 14px}
.myui-panel_hd_customize .myui-panel__head{border-bottom:1px solid var(--line)!important;padding:0 0 12px!important;margin:0 0 14px!important;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
h1.search-title{font-size:24px!important;font-weight:700!important;color:var(--text)!important;margin:0!important;padding-left:14px;position:relative}
h1.search-title::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:4px;border-radius:4px;background:var(--grad)}
.custom-container{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 6px}
.custom-sub-menu{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.custom-sub-menu li a{display:inline-block;padding:6px 12px;border-radius:999px;font-size:13px;background:var(--surface);border:1px solid var(--line);color:var(--muted)!important}
.custom-sub-menu li a:hover,.custom-sub-menu li.active a{background:var(--grad)!important;color:var(--accent-ink)!important;border-color:transparent}
.myui-panel-list h2[style*="border-left"]{border-left:4px solid var(--accent)!important;border-radius:2px;padding:2px 0 2px 12px;font-size:16px!important;font-weight:600;color:var(--text);margin:14px 0 16px}
#form-filter{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px}
#form-filter .form-control,#form-filter select,select.input.form-control{height:42px!important;background:var(--surface2)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:10px!important;padding:0 12px!important;font:inherit;font-size:14px!important;box-shadow:none!important;width:100%!important;margin:0!important}
#form-filter option{background:#182234;color:#f3f6fb}
#form-filter .btn-submit,input.btn-submit{height:42px;background:var(--grad)!important;color:var(--accent-ink)!important;border:0!important;border-radius:10px!important;font-weight:700!important;font-size:14px!important;padding:0 20px!important;cursor:pointer;width:auto!important;min-width:140px}
.film-list,#myui-vodlist{display:flex;flex-wrap:wrap;margin:0 -8px}
/* 6 phim/hàng desktop, 5 laptop, 4 tablet (card catalog + trang chủ) */
@media(min-width:1200px){.myui-vodlist>li,.film-list>li,.film-list .mod-card{width:16.666%!important;flex:0 0 16.666%!important}}
@media(min-width:992px) and (max-width:1199px){.myui-vodlist>li,.film-list>li{width:20%!important;flex:0 0 20%!important}}
@media(min-width:768px) and (max-width:991px){.myui-vodlist>li,.film-list>li{width:25%!important;flex:0 0 25%!important}}
/* pagination căn giữa */
.d-flex.justify-content-center{display:flex;justify-content:center}
/* ---- Dropdown menu đầu trang: cột gọn, hover rõ ---- */
.myui-header__menu .sub{columns:auto;display:grid!important;grid-template-columns:repeat(4,minmax(150px,1fr));gap:2px 10px;padding:12px!important;min-width:0;width:max-content;max-width:min(92vw,760px)}
.myui-header__menu>li:hover>.sub{display:grid!important}
.myui-header__menu .sub li a{font-size:13.5px!important;padding:7px 10px!important}
@media(max-width:991px){.myui-header__menu .sub{grid-template-columns:repeat(2,1fr)}}
/* ---- Mobile trang phim ---- */
@media(max-width:767px){
  article.TPost.Single>header{grid-template-columns:120px minmax(0,1fr);grid-template-areas:"img title" "img sub" "desc desc";column-gap:12px;padding:14px}
  article.TPost.Single>header>.Image{width:120px!important}
  article.TPost.Single>header>.Qlty{justify-self:start}
  #form-filter{grid-template-columns:1fr 1fr}
}
article.TPost.Single>header{grid-template-rows:auto auto 1fr}

/* ============================================================================
   v9 — VÁ: dropdown menu mở đồng loạt (lỗi v8) + poster trang phim
   ============================================================================ */
.myui-header__menu .sub,.nav-menu>li .sub{display:none!important;position:absolute;left:0;top:100%;z-index:1200;margin-top:6px}
.myui-header__menu>li:hover>.sub,.myui-header__menu>li:focus-within>.sub,.nav-menu>li:hover>.sub,.myui-header__menu>li.open>.sub{display:grid!important}
.myui-header__menu>li{position:relative}
.myui-header__menu>li>a::after{content:"";display:none}
article.TPost.Single>header>.Image{align-self:start;margin:0!important;padding:0!important;position:relative!important;top:auto!important}
article.TPost.Single>header>.Image .Objf{margin:0!important}
article.TPost.Single>header>.Description>*:first-child{margin-top:0}

/* ============================================================================
   v10 FINAL — thanh điều hướng tập, footer chuyên nghiệp, hoàn thiện chi tiết
   ============================================================================ */
.ph-epnav{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 0;padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:12px}
.ph-epnav__btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:999px;background:var(--surface2);border:1px solid var(--line);color:var(--text)!important;font-size:13.5px;font-weight:600;white-space:nowrap}
.ph-epnav__btn:hover{background:var(--grad);color:var(--accent-ink)!important;border-color:transparent}
.ph-epnav__btn--next{background:var(--grad);color:var(--accent-ink)!important;border-color:transparent;margin-left:auto}
.ph-epnav__btn.is-off{opacity:.35;pointer-events:none}
.ph-epnav__now{color:var(--muted);font-size:13px;margin-left:6px}.ph-epnav__now b{color:var(--accent-2)}
@media(max-width:767px){.ph-epnav{margin:8px -12px 0;border-radius:0;padding:8px 10px}.ph-epnav__now{width:100%;order:-1;margin:0 0 4px}.ph-epnav__btn{padding:8px 12px;font-size:12.5px}.ph-epnav__btn--next{margin-left:auto}}
/* footer */
.ph-footer{background:var(--bg2);border-top:1px solid var(--line);margin-top:48px;padding:40px 0 26px;color:var(--muted);font-size:13.5px}
.ph-footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px;margin-bottom:24px}
.ph-footer__brand p{margin:12px 0 0;line-height:1.7;max-width:440px}
.ph-footer h4{color:var(--text);font-size:14px;font-weight:600;margin:0 0 10px;text-transform:uppercase;letter-spacing:.4px}
.ph-footer__grid a:not(.brand-logo){display:block;color:var(--muted)!important;padding:4px 0;font-size:13.5px}.ph-footer__grid a:not(.brand-logo):hover{color:var(--accent-2)!important}
.ph-footer__note{border-top:1px solid var(--line);padding-top:16px;margin:0 0 8px;font-size:12.5px;line-height:1.7;opacity:.85}
.ph-footer__copy{margin:0;font-size:12.5px}
@media(max-width:767px){.ph-footer__grid{grid-template-columns:1fr 1fr;gap:18px}.ph-footer__brand{grid-column:1/-1}}
/* trợ năng + chi tiết nhỏ */
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.myui-vodlist__box:focus-within{transform:translateY(-3px)}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ============================================================================
   v13 — SỬA THEO 7 ẢNH: poster rớt đáy, mô tả cuộn, dải mờ/vạch dọc, chữ đỏ, tags rỗng
   ============================================================================ */
.TPost.Single .Objf,article.TPost.Single>header>.Image .Objf{position:relative!important;display:block;height:0!important;padding:0 0 150%!important;margin:0!important;overflow:hidden;border-radius:12px;background:var(--surface2)}
.TPost.Single .Objf img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover;aspect-ratio:auto!important;margin:0!important}
.TPost.Single .Objf .status__18{z-index:3}
.TPost.Single .Objf .watch_button_more{position:absolute!important;left:50%!important;bottom:14px!important;transform:translateX(-50%)!important;z-index:3;white-space:nowrap}
.TPost.Single .Image{height:auto!important;min-height:0!important}
img.TPostBg,.TPostBg img,article.TPost.Single>img{display:none!important}
.TPost.Single .Description,.TPost.Single .Description>*{max-height:none!important;height:auto!important;overflow:visible!important}
.TPost.Single .Description::-webkit-scrollbar{display:none}
article.TPost.Single>*:not(header){background:transparent!important;border:0!important;padding:10px 0 0!important;margin:0!important;box-shadow:none!important}
article.TPost.Single>*:not(header) [class*="col-"],article.TPost.Single>*:not(header)>div{border:0!important;background:transparent!important;padding:0!important}
article.TPost.Single .post-ratings{margin:0 8px 8px 0!important}
[style*="color: red"],[style*="color:red"],.text-danger{color:var(--muted)!important;font-weight:400!important;font-size:12.5px!important;line-height:1.6}
.tag-list:not(:has(a)),.tags:not(:has(a)),#tags:not(:has(a)),.tag-list label:only-child{display:none!important}
.tag-list{margin:14px 0 0}.tag-list label{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px}
/* footer gốc của theme: đồng bộ tông màu */
#footer,.footer,.myui-foot,footer:not(.ph-footer){background:var(--bg2)!important;border-top:1px solid var(--line)!important;color:var(--muted)!important}
#footer a,.footer a,footer:not(.ph-footer) a{color:var(--muted)!important}#footer a:hover,footer:not(.ph-footer) a:hover{color:var(--accent-2)!important}
footer:not(.ph-footer) h3,footer:not(.ph-footer) h4,footer:not(.ph-footer) strong{color:var(--text)!important}

/* ============================================================================
   v14 — DESKTOP: tiêu đề danh mục 1 gạch, live-search rộng · MOBILE: thiết kế riêng kiểu app
   ============================================================================ */
/* ---- Desktop: tiêu đề trang danh mục (bỏ mọi vạch con) ---- */
.myui-panel_hd_customize,.myui-panel_hd_customize *{border-bottom:0!important;border-top:0!important}
.myui-panel_hd_customize{border-bottom:1px solid var(--line)!important;padding:0 0 12px!important;margin:0 0 16px!important;display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.myui-panel_hd_customize .myui-panel__head{padding:0!important;margin:0!important;display:flex;align-items:center}
.myui-panel_hd_customize .custom-container,.myui-panel_hd_customize .column{margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.myui-panel_hd_customize::before,.myui-panel_hd_customize::after,.myui-panel_hd_customize .column::before,.myui-panel_hd_customize .column::after,h1.search-title::after{content:none!important;display:none!important}
h1.search-title::before{content:""!important;display:block!important}
/* ---- Desktop: live search gọn, rộng, poster rõ ---- */
#resultLiveSearch{width:440px!important;max-width:min(92vw,440px);right:0;left:auto;padding:6px!important;margin-top:8px}
#resultLiveSearch a,#resultLiveSearch li>a,#resultLiveSearch .item{display:flex!important;align-items:center;gap:12px;padding:8px 10px!important;border-radius:10px;color:var(--text)!important;text-transform:none!important}
#resultLiveSearch li,#resultLiveSearch>div{list-style:none;margin:0;padding:0;border:0!important;background:transparent!important}
#resultLiveSearch img{width:44px!important;height:64px!important;min-width:44px;object-fit:cover;border-radius:6px;margin:0!important;float:none!important}
#resultLiveSearch b,#resultLiveSearch strong,#resultLiveSearch .title{display:block;font-size:13.5px;font-weight:600;line-height:1.35;text-transform:none!important;letter-spacing:0;color:var(--text)!important;white-space:normal}
#resultLiveSearch span,#resultLiveSearch p,#resultLiveSearch small,#resultLiveSearch .sub{display:block;font-size:12px;color:var(--muted)!important;white-space:normal}
#resultLiveSearch a:hover,#resultLiveSearch li>a:hover{background:rgba(255,255,255,.06)}
#resultLiveSearch>a:last-child,#resultLiveSearch .more,#resultLiveSearch .search-all,#resultLiveSearch .btn{display:block!important;text-align:center;margin:6px 4px 2px!important;padding:11px!important;border-radius:999px!important;background:var(--grad)!important;color:var(--accent-ink)!important;font-weight:700!important;font-size:12.5px!important;text-transform:uppercase;letter-spacing:.3px}
/* ---- Bottom nav + sheet: ẩn trên desktop ---- */
.ph-bnav,.ph-sheet,.ph-sheet__bg{display:none}
/* ================================ MOBILE (≤767px) ================================ */
@media(max-width:767px){
  body{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px));font-size:14px}
  .container{padding:0 12px!important}
  /* Header: chỉ logo (gọn), ẩn menu PC + ô tìm kiếm PC + nút cũ của theme */
  #header-top .myui_custom_header{min-height:52px;gap:10px;flex-wrap:nowrap;justify-content:center}
  #header-top .menu-block,#header-top .myui-header__search,#header-top .mobile-control,.m-nav,.nav__content{display:none!important}
  .brand-logo{font-size:20px}
  #header-top,.myui-header{min-height:52px}
  /* Bottom nav */
  .ph-bnav{position:fixed;left:0;right:0;bottom:0;z-index:1500;display:grid;grid-template-columns:repeat(5,1fr);background:rgba(10,15,24,.96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:6px 0 calc(6px + env(safe-area-inset-bottom,0px))}
  .ph-bnav__i{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;background:none;border:0;color:var(--muted)!important;font:inherit;font-size:10.5px;font-weight:500;cursor:pointer;text-decoration:none}
  .ph-bnav__i svg{width:22px;height:22px;fill:currentColor}
  .ph-bnav__i.is-on,.ph-bnav__i:active{color:var(--accent-2)!important}
  /* Sheet */
  .ph-sheet__bg{display:block;position:fixed;inset:0;z-index:1600;background:rgba(0,0,0,.55)}
  .ph-sheet__bg[hidden]{display:none}
  .ph-sheet{display:block;position:fixed;left:0;right:0;bottom:0;z-index:1700;background:var(--bg);border-radius:18px 18px 0 0;padding:14px 16px calc(20px + env(safe-area-inset-bottom,0px));max-height:82vh;overflow-y:auto;box-shadow:0 -10px 40px rgba(0,0,0,.5)}
  .ph-sheet[hidden]{display:none}
  body.ph-lock{overflow:hidden}
  .ph-sheet__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ph-sheet__head b{font-size:16px}
  .ph-sheet__x{background:var(--surface2);border:1px solid var(--line);color:var(--text);width:32px;height:32px;border-radius:50%;font-size:14px}
  .ph-sheet__form{display:flex;gap:8px}.ph-sheet__form input{flex:1;height:46px;border-radius:12px;border:1px solid var(--line);background:var(--surface2);color:var(--text);padding:0 14px;font:inherit;font-size:16px}
  .ph-sheet__form button{height:46px;padding:0 18px;border:0;border-radius:12px;background:var(--grad);color:var(--accent-ink);font:inherit;font-weight:700}
  .ph-sheet__hint{margin:12px 0 0;font-size:13px;color:var(--muted)}.ph-sheet__hint a{color:var(--accent-2)}
  .ph-sheet h4{margin:16px 0 8px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}
  .ph-sheet__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ph-sheet__grid--3{grid-template-columns:repeat(3,1fr)}
  .ph-sheet__grid a{display:block;text-align:center;padding:11px 8px;border-radius:10px;background:var(--surface);border:1px solid var(--line);color:var(--text)!important;font-size:13.5px;font-weight:500}
  /* Trang chủ */
  .ph-hero{margin:10px 0 14px}.ph-hero__strip{padding:0 12px 14px}.ph-chips{padding:0 0 12px}
  .myui-panel__head .title,.myui-panel__head h2,.myui-block-title{font-size:16px!important}
  .myui-panel-box,.myui-top-movies{margin-bottom:22px!important}
  /* Card mobile: 2.4 phim/màn, chữ vừa */
  .myui-top-movies>.myui-vodlist>li{flex:0 0 40vw!important;max-width:160px}
  .mod-title{font-size:13px!important;-webkit-line-clamp:2}.mod-sub{display:none}
  .mod-badges .mod-tag,.mod-badges .mod-lang,.mod-quality{font-size:10px!important;padding:2px 6px!important}
  /* Sidebar (Trending/Top) xuống dưới, gọn */
  .myui-sidebar{margin-top:8px}
  /* Trang danh sách: lưới 2 cột, bộ lọc 2 cột */
  .film-list>li,.myui-vodlist>li{width:50%!important;flex:0 0 50%!important}
  .myui-panel-list .myui-vodlist{display:flex!important;flex-wrap:wrap!important;overflow:visible!important}
  h1.search-title{font-size:19px!important}
  #form-filter{padding:10px;gap:8px}#form-filter .btn-submit{grid-column:1/-1}
  /* Trang phim */
  article.TPost.Single>header{padding:12px}
  .ph-eps{padding:12px 10px}.ph-eps__title{font-size:16px}
  .MovieTabNav{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding-bottom:2px}.MovieTabNav::-webkit-scrollbar{display:none}.MovieTabNav .Lnk{white-space:nowrap;flex:0 0 auto}
  .MvTbCn,.InfoList{padding:12px!important}.InfoList li strong{min-width:88px;font-size:12.5px}
  /* Trang xem: player tràn viền, điều hướng tập ngay dưới, lưới tập 4 cột */
  #main-player{margin:0 -12px;border-radius:0}
  .ph-epnav{position:sticky;top:52px;z-index:900;margin:0 -12px;border-radius:0;background:rgba(15,22,34,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
  .ph-epnav__now{display:none}.ph-epnav__btn{flex:1;justify-content:center;padding:9px 6px;font-size:12.5px}.ph-epnav__btn--next{margin-left:0}
  #servers-container .tab-pane ul{grid-template-columns:repeat(4,1fr)}
  /* Footer gọn */
  footer:not(.ph-footer){padding:20px 0!important;font-size:12.5px}
  footer:not(.ph-footer) ul{padding:0}
}
/* Tablet (768–991): 3–4 cột */
@media(min-width:768px) and (max-width:991px){.film-list>li,.myui-vodlist>li{width:25%!important}.ph-hero__poster{flex:0 0 150px}}
.ph-sheet a,.ph-bnav a,.ph-sheet__grid a{text-decoration:none!important}

/* ============================================================================
   v15 — MOBILE SÂU (≤767px): hero Netflix-style, CTA dính đáy, player dính, sidebar cuộn ngang
   ============================================================================ */
@media(max-width:767px){
  /* --- Hero: poster dọc tràn khung, chữ đè lên gradient --- */
  .ph-hero{border-radius:16px;overflow:hidden;background:var(--surface);min-height:0}
  .ph-hero__bg,.ph-hero::after{display:none!important}
  .ph-hero__inner{display:block;padding:0;position:relative}
  .ph-hero__poster{display:block;width:100%;aspect-ratio:3/4;max-height:64vh;border-radius:0;box-shadow:none;background:var(--surface2)}
  .ph-hero__poster img{width:100%;height:100%;object-fit:cover;object-position:center top}
  .ph-hero__body{position:absolute;left:0;right:0;bottom:0;padding:70px 14px 14px;background:linear-gradient(to top,var(--bg) 0%,rgba(15,22,34,.92) 38%,rgba(15,22,34,.55) 70%,rgba(15,22,34,0) 100%)}
  .ph-hero__kicker{font-size:11px;margin-bottom:6px}
  .ph-hero__title{font-size:23px;line-height:1.15;margin:0 0 4px;text-shadow:0 2px 12px rgba(0,0,0,.6)}
  .ph-hero__sub{font-size:13px;margin:0 0 10px;color:#c9d2df}
  .ph-hero__meta{gap:5px;margin-bottom:12px}.ph-badge{padding:3px 8px;font-size:11px}
  .ph-hero__desc{display:none}
  .ph-hero__actions{display:flex;gap:8px}.ph-btn{padding:12px 16px;font-size:14px}.ph-btn--primary{flex:1;justify-content:center}.ph-btn--ghost{flex:0 0 auto}
  .ph-hero__strip{padding:10px 12px 12px;gap:8px;background:var(--bg)}.ph-hero__thumb{flex:0 0 66px}
  /* --- Chip chủ đề: 2 hàng cuộn ngang gọn --- */
  .ph-chips{gap:8px;padding:2px 0 14px}.ph-chip{min-width:104px;padding:10px 14px;font-size:13px;border-radius:10px;box-shadow:none}
  .ph-chip::after{display:none}
  /* --- Tiêu đề khối + Xem thêm --- */
  .myui-panel__head,.myui-block-header{padding:0 0 8px!important;margin:0 0 10px!important}
  .myui-panel__head .title::before,.myui-panel__head h2::before,.myui-block-title::before{width:3px;top:3px;bottom:3px}
  .myui-panel__head .more,.myui-block-header .more,.myui-panel__head a[href]:last-child{font-size:12.5px;padding:4px 10px;border:1px solid var(--line);border-radius:999px}
  /* --- Card hàng cuộn: bo 10px, badge gọn --- */
  .myui-vodlist__thumb,.mod-thumb{border-radius:10px}
  .myui-top-movies>.myui-vodlist{padding:0 0 4px!important;scroll-padding:0 12px}
  .myui-top-movies>.myui-vodlist>li{flex:0 0 38vw!important;max-width:150px}
  /* --- Sidebar (Top phim lẻ / xếp hạng poster): thành hàng cuộn ngang, Trending giữ danh sách --- */
  .myui-sidebar{margin-top:6px}
  .myui-sidebar .myui-panel-box{margin-bottom:18px!important}
  .myui-sidebar .myui-panel_bd:has(.pack_yk_pack){display:flex!important;gap:10px;overflow-x:auto;padding:0 0 6px!important;background:transparent!important;border:0!important;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .myui-sidebar .myui-panel_bd:has(.pack_yk_pack)::-webkit-scrollbar{display:none}
  .myui-sidebar .myui-panel_bd:has(.pack_yk_pack)>*{flex:0 0 38vw;max-width:150px}
  .pack_pack_cover{border-radius:10px;overflow:hidden;aspect-ratio:2/3}.pack_pack_cover img{width:100%;height:100%;object-fit:cover}
  .pack_title a{font-size:13px!important;font-weight:500!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}
  .pack_subtitle{display:none}.pack_pack_tag{font-size:10px!important}
  .leaderboard-card-entry{padding:9px 0!important}.leaderboard-card-desc,.leaderboard-card-detail a{font-size:13.5px!important}
  /* --- Trang phim: header xếp dọc gọn, CTA dính đáy trên thanh nav --- */
  article.TPost.Single>header{grid-template-columns:118px minmax(0,1fr);column-gap:12px;padding:12px;border-radius:14px}
  article.TPost.Single>header>h1.Title{font-size:19px!important;line-height:1.25!important}
  article.TPost.Single>header>h2.SubTitle{font-size:12.5px!important;margin:0 0 6px!important}
  .TPost.Single .Objf .watch_button_more{position:fixed!important;left:12px!important;right:12px!important;bottom:calc(70px + env(safe-area-inset-bottom,0px))!important;transform:none!important;z-index:1450;justify-content:center;padding:14px!important;font-size:15px!important;box-shadow:0 8px 24px rgba(255,160,32,.35)}
  .ph-eps__grid.is-on{grid-template-columns:repeat(4,1fr);gap:6px}.ph-ep{padding:9px 4px;font-size:12.5px}
  .ph-eps__servers,.ph-eps__ranges{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.ph-eps__server,.ph-eps__range{flex:0 0 auto;font-size:12.5px}
  /* --- Trang xem: player + điều hướng dính khi cuộn danh sách tập --- */
  #main-player{position:sticky;top:52px;z-index:950}
  .ph-epnav{top:calc(52px + 56.25vw)}
  .video-footer{margin:0 -12px!important;padding:10px 12px!important}.video-footer .title{font-size:14px!important}
  #ploption{margin:10px 0;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}#ploption .btn-sv{flex:0 0 auto}
  #servers-container .nav-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}#servers-container .nav-tabs>li{flex:0 0 auto}
  /* --- Danh sách: 2 cột thoáng, phân trang lớn --- */
  .film-list>li,.myui-vodlist>li{padding:0 6px 18px!important}
  .myui-page a,.pagination a,.pagination span{min-width:42px;height:42px;font-size:14px}
  /* --- Chi tiết nhỏ --- */
  .myui-vodlist__detail .title,.mod-title{margin:8px 0 2px!important}
  .InfoList li{padding:7px 0}
  .breadcrumb{font-size:12px;white-space:nowrap;overflow-x:auto;scrollbar-width:none}
  footer:not(.ph-footer){padding-bottom:24px!important}
}
@media(max-width:380px){.ph-hero__title{font-size:20px}.myui-top-movies>.myui-vodlist>li{flex:0 0 42vw!important}}

/* ============================================================================
   v16 — SỬA THEO 7 ẢNH MOBILE THẬT: hết tràn ngang, cột xếp dọc, lọc gọn, dọn rác
   ============================================================================ */
@media(max-width:767px){
  /* 1. Hết tràn ngang: khoá bề rộng mọi khung lưới của theme */
  html,body{overflow-x:hidden!important;max-width:100vw}
  .row{margin-left:0!important;margin-right:0!important}
  .detail-bl,.myui-panel.col-pd,[class*="col-md-wide-"],[class*="col-xs-"],.col-md-12,.myui-sidebar{width:100%!important;max-width:100%!important;min-width:0!important;float:none!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box}
  .detail-bl{padding:0!important}
  article.TPost.Single>header,.ph-eps,.MvTbCn,.MovieInfo,#servers-container,.video-footer,.myui-panel-list{max-width:100%;box-sizing:border-box}
  article.TPost.Single>header>h1.Title,article.TPost.Single>header>h2.SubTitle,article.TPost.Single>header>.Description{min-width:0;overflow-wrap:anywhere}
  /* 2. Bảng thông tin: 2 cột → 1 cột */
  .MvTbCn .mvici-left,.MvTbCn .mvici-right,.MvTbCn [class*="mvici"],.MvTbCn>.row>div{width:100%!important;float:none!important;padding:0!important;margin:0 0 6px!important}
  .MvTbCn{padding:10px 12px!important}.InfoList li{padding:6px 0}
  .InfoList li strong{min-width:0;margin-right:6px}
  /* 3. Nút hamburger cũ của theme: bỏ (đã có thanh đáy) — header chỉ còn logo */
  .m-nav-open,.m-nav-close,button.m-nav-open{display:none!important}
  /* 4. Nút Xem phim trong poster (không dùng dính đáy nữa): nằm gọn dưới poster, đúng bề rộng cột */
  .TPost.Single .Objf .watch_button_more{position:absolute!important;left:8px!important;right:8px!important;bottom:8px!important;transform:none!important;padding:9px 6px!important;font-size:12.5px!important;box-shadow:none;justify-content:center;border-radius:10px!important}
  article.TPost.Single>header{grid-template-columns:118px minmax(0,1fr);row-gap:2px}
  article.TPost.Single>header>h1.Title{font-size:18px!important}
  /* 5. Card poster chết: nền có biểu tượng thay vì ô xám trống */
  .myui-vodlist__thumb,.mod-thumb,.pack_pack_cover{background-color:var(--surface2)!important;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233b4a63'><path d='M4 4h16v16H4zm2 2v12h12V6zm3 3l6 3-6 3z'/></svg>");background-position:center;background-size:34%;background-repeat:no-repeat}
  /* 6. Trang danh sách: bộ lọc full-width, 1 khung, ô chọn đọc được; tiêu đề không đè vạch */
  .myui-panel-list .myui-panel_hd,.myui-panel-list .myui-panel__head,.myui-panel_hd_customize{background:transparent!important;padding:0!important}
  h1.search-title{padding-left:16px!important;font-size:19px!important}h1.search-title::before{left:2px}
  #form-filter{grid-template-columns:1fr 1fr;gap:8px;padding:10px;width:100%!important;max-width:100%!important;border-radius:12px}
  #form-filter *{min-width:0}
  #form-filter .form-control,#form-filter select{height:40px!important;font-size:13.5px!important;padding:0 8px!important}
  #form-filter .btn-submit{grid-column:1/-1;height:42px;min-width:0;width:100%!important}
  form#form-filter{margin:0 0 12px!important}
  .catalog_filter,.filter-box,form[action*="loc"]{background:transparent!important;border:0!important;padding:0!important;margin:0!important}
  [class*="col-"]:has(> #form-filter),div:has(> form#form-filter){width:100%!important;padding:0!important;margin:0 0 12px!important}
  .myui-panel-list h2[style*="border-left"]{margin:6px 0 12px;font-size:15px!important}
  .film-list,.myui-panel-list .myui-vodlist{margin:0 -4px!important}.film-list>li,.myui-panel-list .myui-vodlist>li{padding:0 4px 16px!important}
  /* 7. Trang xem: bỏ thông báo rác, khoảng trống gọn */
  .cc-warning,.myui-player__notice{display:none!important}
  .video-p-first.mt-3{margin-top:0!important}
  #servers-container{margin-top:10px!important}#servers-container .myui-panel-box{margin-bottom:12px!important}
  #servers-container .myui-panel__head{margin:0 0 8px!important}
  .search-input-wrapper{margin:0 0 10px}.search-input-wrapper .search_wd,#search-input{max-width:none;width:100%}
  #ploption{margin:8px 0}.btn-toggle-error,#btn-toggle-error{font-size:12px;padding:6px 10px}
  /* 8. Footer gốc: chữ 13px, cột thoáng, bỏ bo tròn kỳ lạ */
  footer:not(.ph-footer),footer:not(.ph-footer)>div{border-radius:0!important}
  footer:not(.ph-footer) *{font-size:13px!important;line-height:1.55!important}
  footer:not(.ph-footer) [class*="col-"]{width:50%!important;float:left;padding:0 8px!important}
  footer:not(.ph-footer) [class*="col-"]:first-child{width:100%!important;margin-bottom:10px}
  footer:not(.ph-footer) h3,footer:not(.ph-footer) h4,footer:not(.ph-footer) strong{font-size:14px!important}
  footer:not(.ph-footer) p{font-size:12.5px!important}
  /* 9. Khoảng cách chung gọn hơn */
  .myui-panel-box{margin-bottom:18px!important}.myui-panel__head,.myui-block-header{margin-bottom:8px!important}
  .ph-eps{margin:12px 0 14px}.MovieInfo{margin-top:4px}
}

/* ============================================================================
   v17 — ĐO TRÊN DOM THẬT: hết tràn ngang (flex .detail-bl), cuộn tài liệu chuẩn, lưới không phình
   ============================================================================ */
@media(max-width:767px){
  html,body{overflow-x:clip!important;overflow-y:visible!important;height:auto!important;min-height:100%;max-width:none}
  html.h-100,body.h-100{height:auto!important}
  .detail-bl,.myui-panel.col-pd,.myui-panel-list{display:block!important}
  .detail-bl>.row,.row,.myui-panel_bd>.row{min-width:0!important;width:100%!important;flex:1 1 100%!important;display:block}
  [class*="col-md-wide-"],[class*="col-md-"],[class*="col-xs-"],[class*="col-sm-"]{min-width:0!important;width:100%!important;max-width:100%!important;flex:none!important}
  .ph-eps__grid.is-on{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  #servers-container .tab-pane ul,#servers-container .myui-content__list{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .ph-ep,#servers-container .tab-pane li a{min-width:0!important}
  .TPostBg.Objf,.TPost .TPostBg.Objf,.myui-content__thumb{width:120px!important;max-width:120px!important;float:none!important;margin:0 auto 10px!important}
  .ph-hero__strip,.ph-chips,.myui-top-movies>.myui-vodlist,.MovieTabNav,.ph-eps__servers,.ph-eps__ranges,#ploption,#servers-container .nav-tabs{max-width:100%;contain:inline-size}
  img,video,iframe,table{max-width:100%}
}
/* --- v17b: các chi tiết đo được trên DOM thật --- */
div.TPostBg.Objf{display:none!important}
img[src*="i.imgur.com"],img[src*="imgur.com/EdgbKUd"]{display:none!important}
div[style*="color:red"],div[style*="color: red"]{display:none!important}
div[style*="text-align: justify"]>div:first-child,.MvTbCn div[style*="justify"]>div{display:none!important}
*:has(> span.caption):not(:has(a)),.tag-list:not(:has(a)){display:none!important}
#btn-toggle-error,.film-note{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--line);color:var(--muted)!important;border-radius:999px;padding:6px 12px;font-size:12px;cursor:pointer}
/* nút Xem phim: là anh em của figure.Objf, bên trong .Image */
.TPost.Single .Image{position:relative!important}
.TPost.Single .Image>a.watch_button_more,.TPost.Single .Image .watch_button_more{position:absolute!important;left:8px!important;right:8px!important;bottom:8px!important;transform:none!important;margin:0!important;padding:9px 6px!important;font-size:12px!important;border-radius:10px!important;justify-content:center;white-space:nowrap;z-index:3;box-shadow:none!important}
.TPost.Single .Image>a:not(.watch_button_more){position:absolute;inset:0;z-index:2}
.TpMvPlay,.AAIco-play_arrow{display:none!important}
/* trang xem: khối info không có poster → 1 cột */
article.TPost.Single>header:not(:has(.Image)){grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"title" "sub" "desc"!important}
@media(max-width:767px){
  article.TPost.Single>header{grid-template-rows:auto 1fr auto!important}
  article.TPost.Single>header>h1.Title{padding:0!important;margin:0 0 4px!important}
  article.TPost.Single>header>h2.SubTitle{margin:0!important}
  .TPost.Single .Image{width:120px!important;height:auto!important}
  .TPost.Single .Objf{padding-bottom:150%!important}
  .ph-eps__servers .ph-eps__server{width:auto;flex:0 0 auto}
}
@media(min-width:768px){.TPost.Single .Image>a.watch_button_more{left:50%!important;right:auto!important;transform:translateX(-50%)!important;bottom:14px!important;padding:10px 22px!important;font-size:13.5px!important;border-radius:999px!important}}
.TPost.Single .Objf{background:var(--surface2) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233b4a63'><path d='M4 4h16v16H4zm2 2v12h12V6zm3 3l6 3-6 3z'/></svg>") center/34% no-repeat!important}
.ph-eps__server,.ph-eps__range{width:auto!important;flex:0 0 auto!important}
/* live search: không chiếm chỗ trong luồng (gây cuộn ngang PC) */
.myui-header__search,.search-box{position:relative;overflow:visible}
#resultLiveSearch{position:absolute!important;top:calc(100% + 6px);right:0;left:auto;z-index:1300}
#resultLiveSearch:empty,.search-dropdown-hot:empty{display:none!important}
.search-dropdown-hot{position:absolute!important;top:calc(100% + 6px);right:0;z-index:1300;max-width:440px}

/* ============================================================================
   v18 — CHI TIẾT NHỎ ĐO TRÊN DOM THẬT (tiêu đề card, poster chết, khoảng trống, nút xem thêm…)
   ============================================================================ */
/* 1. Tiêu đề card: 2 dòng, không tràn, không nhảy dòng lạ (thắng specificity theme) */
.myui-vodlist__detail .title.mod-title,.myui-vodlist__detail .title,.mod-title{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;white-space:normal!important;height:auto!important;max-height:2.8em;line-height:1.4!important;font-size:13.5px!important;overflow-wrap:anywhere;word-break:break-word}
.myui-vodlist__detail .title a,.mod-title a{display:inline!important;white-space:normal!important;overflow-wrap:anywhere}
/* 2. Poster chết: không chữ alt, không shimmer vô tận, chỉ biểu tượng nền */
img{color:transparent}
.mod-thumb::before,.mod-card .myui-vodlist__box::before{content:none!important;animation:none!important}
.mod-thumb img,.myui-vodlist__thumb img{opacity:1!important;transform:none!important}
.ph-hero__thumb img,.ph-hero__poster img{color:transparent}
/* 3. Bỏ content-visibility (gây khoảng trống 600px + nhảy cuộn) */
.myui-panel,.myui-panel_bd,img{content-visibility:visible!important;contain-intrinsic-size:auto!important}
/* 4. Nút "xem thêm" mũi tên to → chữ gọn */
.myui-block-header .more svg,.myui-panel__head .more svg{display:none!important}
.myui-block-header .more,.myui-panel__head .more{font-size:13px!important;color:var(--muted)!important;border:1px solid var(--line);padding:5px 12px;border-radius:999px;width:auto!important;height:auto!important;line-height:1.4!important;display:inline-flex!important;align-items:center}
.myui-block-header .more::after,.myui-panel__head .more::after{content:"Xem thêm →"}
.myui-block-header .more:hover,.myui-panel__head .more:hover{color:var(--accent-2)!important;border-color:var(--accent)}
/* 5. Badge card không tràn */
.mod-badges{max-width:calc(100% - 16px);overflow:hidden}
.mod-badges .mod-tag,.mod-badges .mod-lang{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:767px){
  /* 6. Mọi hàng phim trên trang chủ (kể cả khối Xem phim theo quốc gia) cuộn ngang */
  .myui-top-movies .myui-vodlist,.show-regions-list-film.myui-vodlist{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:10px;margin:0!important;padding:0 0 6px!important;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .myui-top-movies .myui-vodlist::-webkit-scrollbar{display:none}
  .myui-top-movies .myui-vodlist>li,.show-regions-list-film.myui-vodlist>li{flex:0 0 38vw!important;max-width:150px;width:auto!important;padding:0!important;scroll-snap-align:start;float:none!important}
  /* 7. Tab quốc gia trong khối "Xem phim": cuộn ngang 1 hàng */
  .myui-top-movies>.myui-block-header[style*="inline-block"]{display:flex!important;flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:none;margin:0 0 6px!important}
  .myui-top-movies>.myui-block-header[style*="inline-block"]::-webkit-scrollbar{display:none}
  .myui-top-movies>.myui-block-header[style*="inline-block"] a{flex:0 0 auto;white-space:nowrap}
  .myui-top-movies>.myui-block-header:first-of-type{width:100%}
  /* 8. Trang danh sách/tìm kiếm: card 2 cột, tiêu đề 2 dòng */
  .myui-panel-list .myui-vodlist{display:flex!important;flex-wrap:wrap!important;overflow:visible!important}
  .myui-panel-list .myui-vodlist>li{flex:0 0 50%!important;max-width:50%!important;width:50%!important;padding:0 4px 16px!important}
  .mod-sub{display:none}
}

/* ============================================================================
   v19 — TRANG PHIM MOBILE GỌN: poster lớn, mô tả gập 4 dòng + Xem thêm, chip trạng thái nhỏ
   ============================================================================ */
@media(max-width:767px){
  article.TPost.Single>header{grid-template-columns:150px minmax(0,1fr)!important;column-gap:14px;padding:14px 12px 12px!important;row-gap:0!important}
  .TPost.Single .Image{width:150px!important}
  .TPost.Single .Objf{border-radius:12px}
  article.TPost.Single>header>h1.Title{font-size:20px!important;line-height:1.25!important;margin:0 0 6px!important}
  article.TPost.Single>header>h2.SubTitle{font-size:12.5px!important;line-height:1.5!important;color:var(--muted)!important}
  h2.SubTitle .Qlty,.TPost.Single .Qlty{display:inline-block;padding:2px 8px!important;font-size:10.5px!important;border-radius:6px;background:rgba(255,160,32,.15)!important;color:var(--accent-2)!important;border:1px solid rgba(255,160,32,.35)!important;text-transform:uppercase;letter-spacing:.3px;vertical-align:middle;margin-top:4px}
  .TPost.Single .Image>a.watch_button_more{padding:10px 6px!important;font-size:12.5px!important}
  /* mô tả: gập 4 dòng, có nút mở */
  .TPost.Single .Description{margin-top:12px!important;font-size:13.5px;line-height:1.65;color:#b9c3d1!important}
  .TPost.Single .Description.is-clamped{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden!important;position:relative}
  .TPost.Single .Description.is-clamped.is-open{display:block;-webkit-line-clamp:unset;overflow:visible!important}
  .ph-more{display:inline-block;margin:6px 0 0;padding:6px 14px;border-radius:999px;background:var(--surface2);border:1px solid var(--line);color:var(--accent-2);font:inherit;font-size:12.5px;font-weight:600;grid-column:1/-1;justify-self:start}
  /* khối điểm/lượt xem sát ngay dưới, không có khung đen to */
  article.TPost.Single>*:not(header){padding:8px 0 0!important}
  article.TPost.Single .post-ratings,article.TPost.Single .box-rating{padding:4px 10px;font-size:12px}
  article.TPost.Single .Qlty,article.TPost.Single .Time,article.TPost.Single .Date,article.TPost.Single .Views{padding:4px 10px;font-size:12px;margin:0 6px 6px 0}
}
@media(max-width:380px){article.TPost.Single>header{grid-template-columns:128px minmax(0,1fr)!important}.TPost.Single .Image{width:128px!important}}

/* ============================================================================
   v20 — MOBILE: poster to hơn (42% màn), nút XEM PHIM dính đáy trong tầm ngón cái
   ============================================================================ */
@media(max-width:767px){
  article.TPost.Single>header{grid-template-columns:minmax(150px,42%) minmax(0,1fr)!important;column-gap:14px}
  .TPost.Single .Image{width:100%!important;max-width:100%!important}
  .TPost.Single .Objf{border-radius:14px;box-shadow:0 10px 26px rgba(0,0,0,.45)}
  /* nút Xem phim: thanh CTA cố định ngay trên thanh điều hướng (vùng ngón cái) */
  body:has(.TPost.Single .Image>a.watch_button_more){padding-bottom:calc(64px + 68px + env(safe-area-inset-bottom,0px))}
  .TPost.Single .Image>a.watch_button_more{position:fixed!important;left:12px!important;right:12px!important;bottom:calc(64px + 10px + env(safe-area-inset-bottom,0px))!important;top:auto!important;transform:none!important;z-index:1480;display:flex!important;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 18px!important;font-size:16px!important;font-weight:700!important;letter-spacing:.2px;border-radius:14px!important;background:var(--grad)!important;color:var(--accent-ink)!important;box-shadow:0 10px 30px rgba(255,160,32,.4)!important;text-transform:uppercase}
  .TPost.Single .Image>a.watch_button_more::before{border-width:8px 0 8px 14px}
  /* poster không còn nút → ẩn lớp phủ link trong suốt để không chặn chạm */
  .TPost.Single .Image>a:not(.watch_button_more){pointer-events:auto}
  /* tiêu đề cạnh poster to: cỡ chữ vừa, 3 dòng */
  article.TPost.Single>header>h1.Title{font-size:21px!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  /* trang XEM (không có .Image) không bị thêm padding */
  body:has(#main-player){padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:767px){article.TPost.Single>header>.Image,article.TPost.Single>header>.Image .Objf{width:100%!important;max-width:100%!important}}

/* ============================================================================
   v21 — MOBILE TRANG PHIM theo mẫu: backdrop mờ + poster giữa + tên giữa + nút XEM NGAY to sáng
   ============================================================================ */
@media(max-width:767px){
  article.TPost.Single{position:relative;isolation:isolate;border-radius:16px;overflow:hidden;background:var(--surface)!important}
  /* backdrop: tái dụng div.TPostBg.Objf (ảnh poster) làm nền mờ */
  article.TPost.Single>div.TPostBg.Objf{display:block!important;position:absolute!important;top:0;left:0;right:0;height:330px;width:auto!important;max-width:none!important;padding:0!important;margin:0!important;border-radius:0;overflow:hidden;z-index:0;pointer-events:none;background:var(--surface)!important}
  article.TPost.Single>div.TPostBg.Objf img.TPostBg{display:block!important;position:absolute!important;inset:-24px!important;width:calc(100% + 48px)!important;height:calc(100% + 48px)!important;min-width:0!important;min-height:0!important;object-fit:cover;object-position:center 30%;filter:blur(22px) brightness(.5) saturate(1.1)!important;transform:none!important}
  article.TPost.Single>div.TPostBg.Objf::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(15,22,34,.25) 0%,rgba(15,22,34,.55) 55%,var(--surface) 100%)}
  /* header: xếp dọc, căn giữa: poster → tên → tên gốc → nút → mô tả */
  article.TPost.Single>header{position:relative;z-index:1;background:transparent!important;border:0!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"img" "title" "sub" "cta" "desc"!important;grid-template-rows:auto!important;justify-items:center;text-align:center;padding:18px 14px 12px!important;row-gap:4px!important;column-gap:0!important}
  article.TPost.Single>header>.Image{display:contents!important}
  .TPost.Single .Image .Objf{grid-area:img;width:172px!important;max-width:172px!important;margin:0 0 10px!important;box-shadow:0 16px 40px rgba(0,0,0,.65);border:1px solid rgba(255,255,255,.08)}
  .TPost.Single .Image>a:not(.watch_button_more){display:none!important}
  .TPost.Single .Objf .status__18{left:auto;right:8px;top:8px}
  article.TPost.Single>header>h1.Title{grid-area:title;font-size:22px!important;line-height:1.25!important;margin:2px 0 0!important;-webkit-line-clamp:3;text-align:center}
  article.TPost.Single>header>h2.SubTitle{grid-area:sub;justify-self:center;text-align:center;margin:0!important;font-size:13px!important;color:var(--muted)!important}
  h2.SubTitle .Qlty{display:block;width:max-content;margin:6px auto 0}
  /* nút XEM NGAY: to, sáng, ngay dưới tên phim (vị trí ngón cái sau khi cuộn nhẹ) */
  body:has(.TPost.Single .Image>a.watch_button_more){padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
  .TPost.Single .Image>a.watch_button_more{grid-area:cta;position:static!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%;max-width:400px;height:56px;margin:12px 0 6px!important;display:flex!important;align-items:center;justify-content:center;gap:10px;font-size:16px!important;font-weight:700!important;border-radius:999px!important;background:var(--grad)!important;color:var(--accent-ink)!important;box-shadow:0 0 0 1px rgba(255,180,64,.5),0 10px 34px rgba(255,160,32,.45)!important;text-transform:none!important;letter-spacing:.2px;transform:none!important}
  .TPost.Single .Image>a.watch_button_more::before{border-width:8px 0 8px 14px}
  article.TPost.Single>header>.Description{grid-area:desc;width:100%;text-align:left;margin-top:8px!important}
  article.TPost.Single>header>.ph-more{grid-column:1;justify-self:center;margin-top:4px}
  /* điểm + thông tin ngay dưới header, căn giữa */
  article.TPost.Single>*:not(header):not(.TPostBg){position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:4px 12px 14px!important}
}
@media(max-width:767px){
  article.TPost.Single>header>.Image .Objf,article.TPost.Single>header>.Image>figure.Objf{width:172px!important;max-width:172px!important;height:0!important;padding-bottom:258px!important;margin:0 0 10px!important}
  article.TPost.Single>header>.Image{width:auto!important;max-width:none!important}
}
@media(max-width:380px){article.TPost.Single>header>.Image .Objf{width:150px!important;max-width:150px!important;padding-bottom:225px!important}}

/* ============================================================================
   v22 — TRANG CHỦ MOBILE theo mẫu: poster giữa nổi trên nền mờ, tên giữa, 2 nút, badge, mô tả; ô chủ đề dạng thẻ lớn
   ============================================================================ */
@media(max-width:767px){
  .ph-hero{border-radius:0;margin:0 -12px 16px;background:var(--bg);overflow:hidden;position:relative;isolation:isolate}
  .ph-hero__bg{display:block!important;position:absolute;inset:-30px;z-index:0;background-size:cover;background-position:center 25%;filter:blur(20px) brightness(.45) saturate(1.15);transform:none}
  .ph-hero::after{content:""!important;display:block!important;position:absolute;inset:0;z-index:0;background:linear-gradient(to bottom,rgba(15,22,34,.2) 0%,rgba(15,22,34,.6) 45%,var(--bg) 100%)}
  .ph-hero__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding:18px 16px 6px;text-align:center}
  .ph-hero__poster{display:block;width:216px;max-width:62vw;aspect-ratio:2/3;max-height:none;border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.65);border:2px solid rgba(255,255,255,.12);background:var(--surface2);margin:0 0 14px}
  .ph-hero__poster img{object-position:center}
  .ph-hero__body{position:static;padding:0;background:none;width:100%}
  .ph-hero__kicker{margin-bottom:4px}
  .ph-hero__title{font-size:22px;line-height:1.25;margin:0 0 4px;text-shadow:0 2px 14px rgba(0,0,0,.7);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .ph-hero__sub{font-size:13.5px;margin:0 0 14px;color:#c9d2df}
  .ph-hero__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:400px;margin:0 auto 12px}
  .ph-btn{height:50px;padding:0 16px;font-size:15px;justify-content:center;border-radius:14px}
  .ph-btn--primary{box-shadow:0 8px 26px rgba(255,160,32,.4)}
  .ph-btn--ghost{background:rgba(255,255,255,.92);border:0;color:#101828!important}
  .ph-hero__meta{justify-content:center;gap:6px;margin-bottom:10px}
  .ph-badge{padding:3px 9px;font-size:11.5px}.ph-badge--link{display:none}
  .ph-hero__desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px;line-height:1.6;color:#c9d2df;text-align:center;margin:0 auto 4px;max-width:400px}
  .ph-hero__strip{position:relative;z-index:1;padding:8px 12px 14px;gap:8px;background:transparent}
  .ph-hero__thumb{flex:0 0 62px;border-radius:8px;opacity:.85}
  /* Ô chủ đề: tiêu đề + thẻ lớn 3 cột */
  .ph-chips{display:flex;flex-wrap:wrap;gap:10px;overflow:visible;padding:0 0 6px;margin:0 0 14px}
  .ph-chips::before{content:"Bạn đang quan tâm gì?";flex:0 0 100%;font-size:18px;font-weight:700;color:var(--text);margin:2px 0 4px}
  .ph-chip{flex:0 0 calc((100% - 20px)/3);min-width:0;height:74px;display:flex;align-items:flex-end;justify-content:flex-start;padding:10px 12px;border-radius:14px;font-size:14.5px;font-weight:700;text-align:left;box-shadow:0 8px 20px rgba(0,0,0,.3)}
  .ph-chip::after{display:none}
}
@media(max-width:767px){
  .ph-hero__poster{width:216px!important;height:324px!important;aspect-ratio:auto!important;max-width:none!important;flex:none!important}
  .ph-hero__poster img{width:100%!important;height:100%!important;object-fit:cover}
  .ph-hero__body{display:flex;flex-direction:column;align-items:center}
  .ph-hero__kicker{order:0}.ph-hero__title{order:1}.ph-hero__sub{order:2}.ph-hero__actions{order:3}.ph-hero__meta{order:4;margin:0 0 10px}.ph-hero__desc{order:5}
  .ph-hero__bg{filter:blur(20px) brightness(.6) saturate(1.2)}
}
@media(max-width:380px){.ph-hero__poster{width:184px!important;height:276px!important}}

/* ============================================================================
   v23 — MOBILE TRANG PHIM: poster sáng rõ (không phủ tối), nền sau = ảnh phim làm mờ rõ hơn
   ============================================================================ */
@media(max-width:767px){
  /* poster: bỏ mọi lớp phủ/độ mờ */
  article.TPost.Single>header>.Image .Objf img{filter:none!important;opacity:1!important;mix-blend-mode:normal}
  article.TPost.Single>header>.Image .Objf::before,article.TPost.Single>header>.Image .Objf::after,article.TPost.Single>header>.Image::before,article.TPost.Single>header>.Image::after{display:none!important;content:none!important}
  article.TPost.Single>header>.Image>a:not(.watch_button_more),.TpMvPlay,.AAIco-play_arrow{display:none!important}
  article.TPost.Single>header>.Image .Objf{background:var(--surface2)!important;box-shadow:0 18px 44px rgba(0,0,0,.7);border:2px solid rgba(255,255,255,.14)}
  /* nền sau: ảnh phim làm mờ, phủ toàn khối, sáng hơn, mờ dần xuống nền */
  article.TPost.Single>div.TPostBg.Objf{top:0;bottom:0;height:auto!important;inset:0!important}
  article.TPost.Single>div.TPostBg.Objf img.TPostBg{filter:blur(26px) brightness(.85) saturate(1.25)!important;object-position:center 35%}
  article.TPost.Single>div.TPostBg.Objf::after{background:linear-gradient(to bottom,rgba(15,22,34,.05) 0%,rgba(15,22,34,.35) 40%,rgba(15,22,34,.8) 75%,var(--surface) 100%)}
  article.TPost.Single{background:var(--surface)!important}
  /* chữ trên nền sáng hơn: thêm bóng nhẹ để luôn đọc được */
  article.TPost.Single>header>h1.Title,article.TPost.Single>header>h2.SubTitle{text-shadow:0 2px 12px rgba(0,0,0,.75)}
  article.TPost.Single>header>.Description{background:rgba(15,22,34,.55);border-radius:12px;padding:10px 12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
}
@media(max-width:767px){
  article.TPost.Single>div.TPostBg.Objf img.TPostBg{filter:blur(22px) brightness(1.05) saturate(1.45) contrast(1.05)!important;object-position:center 30%}
  article.TPost.Single>div.TPostBg.Objf::after{background:linear-gradient(to bottom,rgba(15,22,34,0) 0%,rgba(15,22,34,.15) 42%,rgba(15,22,34,.7) 78%,var(--surface) 100%)}
  article.TPost.Single>div.TPostBg.Objf{opacity:.95}
}
@media(max-width:767px){
  article.TPost.Single>div.TPostBg.Objf img.TPostBg{filter:blur(20px) brightness(1.35) saturate(1.6)!important}
  article.TPost.Single>div.TPostBg.Objf::after{background:linear-gradient(to bottom,rgba(15,22,34,0) 0%,rgba(15,22,34,.1) 45%,rgba(15,22,34,.72) 80%,var(--surface) 100%)}
  article.TPost.Single>header>.Image .Objf{box-shadow:0 0 0 1px rgba(255,255,255,.18),0 18px 44px rgba(0,0,0,.55)}
}
@media(max-width:767px){
  article.TPost.Single{margin:0 -12px 14px!important;border-radius:0!important;border:0!important}
  article.TPost.Single>div.TPostBg.Objf img.TPostBg{filter:blur(18px) brightness(2) saturate(1.7)!important}
  article.TPost.Single>div.TPostBg.Objf::after{background:linear-gradient(to bottom,rgba(15,22,34,.05) 0%,rgba(15,22,34,.18) 50%,rgba(15,22,34,.7) 82%,var(--surface) 100%)}
  article.TPost.Single>header{padding:22px 16px 12px!important}
}

/* ============================================================================
   v24 — SÁNG & SANG hơn (học phimmoichill): nền sáng hơn 1 tông, ảnh sáng hơn, nền sau rõ hơn,
          nút Xem phim trang phim nhỏ như trang chủ, poster kề bên hero (hiệu ứng 3D)
   ============================================================================ */
:root{--bg:#141b29;--bg2:#0f1521;--surface:#1c2637;--surface2:#243247;--line:rgba(255,255,255,.1);--muted:#a3afc2}
body{background:var(--bg)!important}
/* ảnh sáng hơn 1 chút toàn site (poster, card, hero) */
.ph-hero__poster img,article.TPost.Single>header>.Image .Objf img,.myui-vodlist__thumb img,.mod-thumb img,.pack_pack_cover img{filter:brightness(1.12) contrast(1.06) saturate(1.12)!important}
@media(max-width:767px){
  /* --- Trang phim: nút Xem phim nhỏ gọn như trang chủ, ảnh & nền sáng rõ --- */
  .TPost.Single .Image>a.watch_button_more{max-width:250px!important;height:50px!important;font-size:15px!important;margin:10px auto 6px!important}
  article.TPost.Single>header>.Image .Objf{box-shadow:0 0 0 2px rgba(255,255,255,.25),0 18px 44px rgba(0,0,0,.55)}
  article.TPost.Single>div.TPostBg.Objf img.TPostBg{filter:blur(12px) brightness(1.9) saturate(1.6)!important;object-position:center 25%}
  article.TPost.Single>div.TPostBg.Objf::after{background:linear-gradient(to bottom,rgba(20,27,41,0) 0%,rgba(20,27,41,.12) 45%,rgba(20,27,41,.62) 78%,var(--surface) 100%)}
  article.TPost.Single>header>.Description{background:rgba(20,27,41,.45)}
  /* --- Trang chủ: nền sau hero rõ hơn, 2 poster kề bên nghiêng 3D như mẫu --- */
  .ph-hero__bg{filter:blur(14px) brightness(.85) saturate(1.3)}
  .ph-hero::after{background:linear-gradient(to bottom,rgba(20,27,41,.05) 0%,rgba(20,27,41,.45) 50%,var(--bg) 100%)}
  .ph-hero{overflow:hidden}
  .ph-hero__strip{position:static}
  .ph-hero__poster{position:relative;z-index:2}
  .ph-hero__strip>a:nth-child(1),.ph-hero__strip>a:nth-child(2){position:absolute;top:34px;width:136px;height:204px;flex:none;opacity:.9;z-index:1;border-radius:14px;box-shadow:0 14px 34px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.12)}
  .ph-hero__strip>a:nth-child(1){left:-30px;transform:perspective(700px) rotateY(26deg)}
  .ph-hero__strip>a:nth-child(2){right:-30px;transform:perspective(700px) rotateY(-26deg)}
  .ph-hero__strip>a:nth-child(1) .ph-hero__thumb-tag,.ph-hero__strip>a:nth-child(2) .ph-hero__thumb-tag{display:none}
  .ph-hero__inner{padding-top:22px}
  /* thẻ chủ đề sáng hơn chút */
  .ph-chip{box-shadow:0 10px 22px rgba(0,0,0,.35);filter:saturate(1.1)}
}

/* ============================================================================
   v25 — (1) hero trang chủ sát mẫu hơn, (2) ô "Bạn đang quan tâm gì?" thẻ lớn cuộn ngang,
          (3) trang phim: poster & nền SÁNG RÕ thật sự
   ============================================================================ */
@media(max-width:767px){
  /* (1) HERO */
  .ph-hero__inner{padding-top:26px}
  .ph-hero__poster{width:222px!important;height:333px!important;border:2px solid rgba(255,255,255,.55);border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,.7)}
  .ph-hero__strip>a:nth-child(1),.ph-hero__strip>a:nth-child(2){top:42px;width:156px;height:234px;opacity:1;border:1.5px solid rgba(255,255,255,.35);border-radius:16px}
  .ph-hero__strip>a:nth-child(1){left:-44px;transform:perspective(650px) rotateY(30deg)}
  .ph-hero__strip>a:nth-child(2){right:-44px;transform:perspective(650px) rotateY(-30deg)}
  .ph-hero__strip>a:nth-child(1) img,.ph-hero__strip>a:nth-child(2) img{filter:brightness(.92)}
  .ph-hero__strip>a:nth-child(n+3){display:none}
  .ph-hero__strip{padding:0!important;height:0;margin:0;overflow:visible}
  .ph-hero__kicker{display:none}
  .ph-hero__title{font-size:25px;font-weight:700;margin:6px 0 4px}
  .ph-hero__sub{font-size:14px;margin-bottom:16px}
  .ph-hero__actions{max-width:380px;gap:12px;margin-bottom:14px}
  .ph-btn{height:52px;font-size:16px;border-radius:14px}
  .ph-btn--ghost{background:#fff;color:#0f1622!important;font-weight:700}
  .ph-btn--ghost::before{content:"ⓘ";font-size:15px;margin-right:2px}
  .ph-badge{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);color:#fff}
  .ph-badge--hd{background:var(--grad);border:0}.ph-badge--lang{background:var(--lime);border:0;color:#0f1622}
  .ph-hero__desc{margin-bottom:12px}
  .ph-hero{margin-bottom:6px}
  /* (2) Ô CHỦ ĐỀ: thẻ lớn, cuộn ngang 3 thẻ/màn, màu dịu, chữ to */
  .ph-chips{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:12px;padding:0 0 10px;margin:0 0 18px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .ph-chips::-webkit-scrollbar{display:none}
  .ph-chips::before{content:"Bạn đang quan tâm gì?";flex:0 0 100%;font-size:19px;font-weight:700;margin:4px 0 2px;position:sticky;left:0}
  .ph-chips{flex-wrap:wrap}
  .ph-chips>.ph-chip{flex:0 0 calc((100% - 24px)/3);height:104px;border-radius:16px;font-size:16px;font-weight:700;padding:12px;align-items:flex-end;scroll-snap-align:start;box-shadow:0 8px 22px rgba(0,0,0,.35);text-shadow:0 1px 6px rgba(0,0,0,.35)}
  .ph-chip--1{background:linear-gradient(160deg,#f5a04a,#f27a3d)!important;color:#fff!important}
  .ph-chip--2{background:linear-gradient(160deg,#6b6cf6,#5850d6)!important}
  .ph-chip--3{background:linear-gradient(160deg,#c68a5a,#a86a46)!important}
  .ph-chip--4{background:linear-gradient(160deg,#8f5ce9,#6b3fc4)!important}
  .ph-chip--5{background:linear-gradient(160deg,#5fa87c,#3f8a5e)!important}
  .ph-chip--6{background:linear-gradient(160deg,#d15a6a,#a63f55)!important}
  .ph-chip--7{background:linear-gradient(160deg,#4f9dd6,#3a78b0)!important}
  .ph-chip--8{background:linear-gradient(160deg,#5d6472,#3f4654)!important}
  /* (3) TRANG PHIM: poster & nền thật sự sáng */
  article.TPost.Single>header>.Image .Objf img{filter:brightness(1.3) contrast(1.08) saturate(1.15)!important}
  article.TPost.Single>header>.Image .Objf{border:2px solid rgba(255,255,255,.55);border-radius:18px;box-shadow:0 22px 56px rgba(0,0,0,.6)}
  article.TPost.Single>div.TPostBg.Objf img.TPostBg{filter:blur(9px) brightness(2.3) saturate(1.55)!important;object-position:center 22%}
  article.TPost.Single>div.TPostBg.Objf{opacity:1}
  article.TPost.Single>div.TPostBg.Objf::after{background:linear-gradient(to bottom,rgba(20,27,41,0) 0%,rgba(20,27,41,0) 58%,rgba(20,27,41,.55) 82%,var(--surface) 100%)}
  article.TPost.Single>header>h1.Title{font-size:24px!important;text-shadow:0 2px 14px rgba(0,0,0,.85)}
  article.TPost.Single>header>.Description{background:rgba(20,27,41,.6);border:1px solid rgba(255,255,255,.08)}
  .TPost.Single .Image>a.watch_button_more{max-width:230px!important;height:50px!important}
}

/* ============================================================================
   v26 — (1) Ô chủ đề LƯỚT NGANG được (3 thẻ/màn + nhìn thấy thẻ kế), (2) khối "Xem phim" gọn: tab quốc gia 1 dòng
   ============================================================================ */
@media(max-width:767px){
  .ph-chips{display:grid!important;grid-auto-flow:row;grid-template-columns:repeat(8,calc((100% - 24px)/3));column-gap:12px;row-gap:8px;overflow-x:auto!important;overflow-y:hidden;flex-wrap:nowrap!important;padding:0 0 10px;margin:0 0 16px;scroll-snap-type:x mandatory;scroll-padding-left:0;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .ph-chips::-webkit-scrollbar{display:none}
  .ph-chips::before{grid-column:1/-1;position:sticky;left:0;width:max-content;font-size:19px;font-weight:700;margin:2px 0 0}
  .ph-chips>.ph-chip{grid-row:2;width:auto;flex:none;height:104px;scroll-snap-align:start}
  /* khối Xem phim: tiêu đề nhỏ hơn, tab quốc gia là nút 1 dòng cuộn ngang */
  .myui-top-movies>.myui-block-header[style*="inline-block"]:first-of-type{margin:0 0 6px!important}
  .myui-block-title-regions{font-size:17px!important;padding-left:12px!important}
  .myui-top-movies>.myui-block-header[style*="inline-block"] button.regions-list-film{flex:0 0 auto;white-space:nowrap;padding:7px 14px;border-radius:999px;font:inherit;font-size:13px;font-weight:500;color:var(--muted);background:var(--surface);border:1px solid var(--line);margin:0;line-height:1.3;cursor:pointer}
  .myui-top-movies>.myui-block-header[style*="inline-block"] button.regions-list-film.active{background:var(--grad);color:var(--accent-ink);border-color:transparent}
  .myui-top-movies>.myui-block-header[style*="inline-block"]{gap:6px;padding:0 0 2px!important}
  .myui-top-movies>.myui-vodlist,.myui-top-movies>.show-regions-list-film{margin-top:8px!important;padding-top:8px!important}
}
@media(max-width:767px){.myui-top-movies>.myui-block-header[style*="inline-block"] button.regions-list-film.active{background:var(--grad)!important;color:var(--accent-ink)!important;border-color:transparent!important;font-weight:600}}

/* ============================================================================
   v27 — (2) TRANG PHIM: dùng POSTER DỌC chính thức (sáng, đúng tỉ lệ) thay vì ảnh ngang bị cắt;
          ảnh ngang thành nền mờ. (1) Trending kiểu bảng xếp hạng số lớn. (3) Trang xem gọn, dễ nhìn.
   ============================================================================ */
/* ---- (2) Poster = div.TPostBg.Objf (poster dọc); nền = figure (thumb ngang) ---- */
article.TPost.Single{position:relative!important}
article.TPost.Single>div.TPostBg.Objf{display:block!important;position:absolute!important;z-index:3!important;pointer-events:none;overflow:hidden;border-radius:16px;padding:0!important;margin:0!important;opacity:1!important;background:var(--surface2)!important;box-shadow:0 0 0 2px rgba(255,255,255,.35),0 18px 44px rgba(0,0,0,.55);inset:auto!important;height:auto!important;width:auto!important;max-width:none!important}
article.TPost.Single>div.TPostBg.Objf img.TPostBg{display:block!important;position:static!important;inset:auto!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;object-fit:cover;object-position:center;filter:brightness(1.06) saturate(1.1)!important;transform:none!important}
article.TPost.Single>div.TPostBg.Objf::after{content:none!important;display:none!important}
article.TPost.Single>header>.Image .Objf .status__18{display:none!important}
/* desktop: poster đè lên đúng vị trí figure (cột trái 220px) */
@media(min-width:768px){
  article.TPost.Single>div.TPostBg.Objf{top:26px;left:26px;width:220px!important;height:330px!important}
  article.TPost.Single>header>.Image .Objf img{opacity:0!important}
}
/* mobile: figure = nền mờ phủ header, poster dọc nổi giữa */
@media(max-width:767px){
  article.TPost.Single>header{padding-top:302px!important;position:relative;overflow:hidden}
  article.TPost.Single>header>.Image .Objf,article.TPost.Single>header>.Image>figure.Objf{position:absolute!important;inset:0!important;width:auto!important;max-width:none!important;height:auto!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;z-index:0;background:var(--surface)!important;overflow:hidden}
  article.TPost.Single>header>.Image .Objf img{position:absolute!important;inset:-20px!important;width:calc(100% + 40px)!important;height:calc(100% + 40px)!important;object-fit:cover;object-position:center 30%;filter:blur(14px) brightness(1.15) saturate(1.35)!important;opacity:1!important}
  article.TPost.Single>header>.Image .Objf::after{content:""!important;display:block!important;position:absolute;inset:0;background:linear-gradient(to bottom,rgba(20,27,41,.05) 0%,rgba(20,27,41,.35) 55%,rgba(20,27,41,.85) 100%)}
  article.TPost.Single>header>*{position:relative;z-index:1}
  article.TPost.Single>div.TPostBg.Objf{top:22px;left:50%;transform:translateX(-50%);width:176px!important;height:264px!important;border-radius:18px}
  article.TPost.Single>header>h1.Title{margin-top:0!important}
  .TPost.Single .Image>a.watch_button_more{position:relative;z-index:2}
}
@media(max-width:380px){article.TPost.Single>header{padding-top:270px!important}article.TPost.Single>div.TPostBg.Objf{width:156px!important;height:234px!important}}
/* ---- (1) TRENDING: số hạng lớn viền, hàng gọn ---- */
.leaderboard-rank{display:flex;align-items:center;justify-content:center;min-width:44px;width:44px;height:44px;margin:0!important;padding:0!important;background:none!important;clip-path:none!important;border:0!important}
.leaderboard-rank span{font-size:26px;font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:1.5px #cfd7e6;letter-spacing:-1px;background:none!important;border:0!important;padding:0!important}
.leaderboard-rank span::before{display:none}
.myui-sidebar .myui-top-movies ol li:nth-child(-n+3) .leaderboard-rank span,.leaderboard-card:nth-child(-n+3) .leaderboard-rank span,.leaderboard-rank.top span{-webkit-text-stroke:1.5px var(--accent-2);color:transparent}
.leaderboard-card-entry{display:flex!important;align-items:center;gap:10px;padding:10px 0!important;border-bottom:1px solid var(--line)}
.leaderboard-card-left{order:2;display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--muted)!important;background:var(--surface2);border:1px solid var(--line);border-radius:999px;padding:3px 9px;white-space:nowrap}
.leaderboard-card-left svg{width:14px;height:14px;fill:currentColor}
.leaderboard-card-entry>a,.leaderboard-card-detail,.leaderboard-card-desc{flex:1;min-width:0;font-size:14px!important;font-weight:600;color:var(--text)!important;line-height:1.35;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.leaderboard-card-entry>a:hover{color:var(--accent-2)!important}
.d-flex:has(>.leaderboard-rank){display:flex;align-items:center;gap:8px}
/* ---- (3) TRANG XEM: gọn, dễ nhìn ---- */
#btn-toggle-error,.film-note{float:right;margin:12px 0 0!important;font-size:12px;padding:6px 12px}
#btn-toggle-error img{width:14px;height:14px}
#ploption{margin:10px 0 0!important}
#servers-container{margin-top:4px!important}
#servers-container .myui-panel__head{padding:0 0 8px!important;margin:0 0 6px!important}
#servers-container .myui-panel__head .title,#servers-container .myui-panel__head h2,#servers-container .myui-panel__head h3{font-size:16px!important}
.search-input-wrapper{margin:0 0 10px!important}.search-input-wrapper .search_wd,#search-input{margin:0!important;height:40px!important;border-radius:10px!important;width:100%!important;max-width:none!important}
.search-input-wrapper .search-icon{display:none}
#servers-container .tab-pane ul.myui-content__list,#servers-container .myui-content__list{max-height:none!important;overflow:visible!important;justify-items:stretch;padding:0!important;background:transparent!important;border:0!important}
#servers-container .tab-pane li a{height:40px;display:flex!important;align-items:center;justify-content:center;font-weight:600!important}
#servers-container .tab-pane li.active a,#servers-container .tab-pane li a.active,#servers-container .tab-pane li a[class*="current"]{background:var(--grad)!important;color:var(--accent-ink)!important;border-color:transparent!important}
@media(max-width:767px){
  #btn-toggle-error,.film-note{margin:10px 0 0!important}
  #servers-container .tab-pane ul{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px}
  .video-footer{padding:8px 12px!important}.video-footer .title{font-size:13.5px!important}
}
@media(max-width:767px){
  article.TPost.Single>div.TPostBg.Objf{top:22px!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translateX(-50%)!important}
  article.TPost.Single>header>.ph-more{grid-row:6!important;grid-column:1!important;grid-area:auto!important}
}
@media(min-width:768px){article.TPost.Single>div.TPostBg.Objf{top:26px!important;left:26px!important;right:auto!important;bottom:auto!important;transform:none!important}}
@media(max-width:767px){
  article.TPost.Single>header>.Image>figure.Objf{grid-area:auto!important;grid-row:auto!important;grid-column:auto!important;top:0!important;left:0!important;right:0!important;bottom:0!important}
  article.TPost.Single>header>.ph-more{grid-area:auto!important;grid-row:6!important;grid-column:1!important}
  article.TPost.Single>header>.Image>figure.Objf img{inset:-20px!important}
}
@media(min-width:768px){
  article.TPost.Single>div.TPostBg.Objf{z-index:2!important}
  article.TPost.Single>header{z-index:auto}
  .TPost.Single .Image>a.watch_button_more{z-index:5!important}
  .TPost.Single .Image>a:not(.watch_button_more){z-index:4!important}
}
@media(min-width:768px){
  .TPost.Single .Image{z-index:3!important;pointer-events:auto!important;background:transparent!important}
  .TPost.Single .Image .Objf,article.TPost.Single>header>.Image .Objf{background:transparent!important;box-shadow:none!important;border:0!important}
  .TPost.Single .Image>a.watch_button_more{pointer-events:auto!important}
}
/* GỐC RỄ poster bị tối: lớp phủ gradient ::before (v8) phủ toàn khối → gỡ hẳn */
article.TPost.Single::before{content:none!important;display:none!important}
@media(min-width:768px){
  /* header không tạo stacking context → nút Xem phim (z5) nổi trên poster (z2) */
  article.TPost.Single>header{isolation:auto!important;z-index:auto!important}
}

/* ============================================================================
   v28 — TRENDING kiểu "Top phim tuần này": số hạng lớn viền · poster · tên · tên gốc · năm · lượt xem
   ============================================================================ */
ul.list-film.leaderboard{counter-reset:ph-rank;max-height:none!important;overflow:visible!important;padding:0!important;margin:0!important;list-style:none}
ul.list-film.leaderboard>li.leaderboard-card{counter-increment:ph-rank;display:grid!important;grid-template-columns:34px 74px minmax(0,1fr);grid-template-rows:auto auto auto;grid-template-areas:"rank img title" "rank img content" "rank img views";column-gap:12px;row-gap:3px;align-items:start;padding:8px 10px 8px 6px!important;margin:0 0 10px!important;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:14px;min-height:126px}
ul.list-film.leaderboard>li.leaderboard-card:hover{background:rgba(255,255,255,.06);border-color:rgba(255,160,32,.35)}
/* số hạng: đếm bằng CSS, viền, không nền */
.leaderboard-rank{grid-area:rank;align-self:center;justify-self:center;display:flex!important;align-items:center;justify-content:center;width:auto!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important;background:none!important;clip-path:none!important;border:0!important}
.leaderboard-rank span{font-size:0!important;line-height:0;color:transparent;-webkit-text-stroke:0;display:block}
.leaderboard-rank span::before{content:counter(ph-rank);display:block!important;font-size:34px;font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:1.6px #e6ecf5;letter-spacing:-1px;font-family:inherit}
ul.list-film.leaderboard>li.leaderboard-card:nth-child(-n+3) .leaderboard-rank span::before{-webkit-text-stroke:1.6px var(--accent-2)}
/* poster */
.leaderboard-card-detail{display:contents!important}
.leaderboard-card-detail>a{grid-area:img;display:block;width:74px;height:108px;border-radius:10px;overflow:hidden;background:var(--surface2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233a4a63'%3E%3Cpath d='M4 4h16v16H4z' fill='none' stroke='%233a4a63' stroke-width='1.5'/%3E%3Cpath d='M10 9l5 3-5 3z'/%3E%3C/svg%3E") center/26px no-repeat;align-self:start}
.leaderboard-card-detail>a img{width:100%!important;height:100%!important;object-fit:cover;display:block!important;filter:brightness(1.08) saturate(1.1)}
/* tên phim + lượt xem (entry tách thành grid item) */
.leaderboard-card-entry{display:contents!important}
a.leaderboard-card-title{grid-area:title;min-width:0;display:block;text-decoration:none}
a.leaderboard-card-title h3{font-size:14.5px!important;font-weight:700!important;line-height:1.3!important;margin:2px 0 0!important;color:var(--text)!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
a.leaderboard-card-title:hover h3{color:var(--accent-2)!important}
.leaderboard-card-left{grid-area:views;order:0;display:inline-flex!important;align-items:center;gap:4px;font-size:12px;color:var(--muted)!important;background:none!important;border:0!important;padding:0!important;margin:0!important;white-space:nowrap;justify-self:start}
.leaderboard-card-left svg{width:14px;height:14px;fill:currentColor}
.leaderboard-card-left span::after{content:" lượt xem"}
/* tên gốc + năm */
.leaderboard-card-content{grid-area:content;min-width:0;padding:0!important;margin:0!important}
.leaderboard-card-content h4{font-size:12.5px!important;font-weight:400!important;color:var(--muted)!important;margin:0!important;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.leaderboard-card-content .d-flex{display:flex;gap:8px;align-items:center;padding:0!important;margin:2px 0 0!important}
.leaderboard-card-content .d-flex i{font-style:normal;font-size:12px;color:var(--muted);padding:0!important;margin:0!important}
.leaderboard-card-content .d-flex i:not(:empty)::before{content:"📅 "}
.leaderboard-card-content button.card__add,.leaderboard-card-content .card__add{display:none!important}
/* khung trending: bỏ thanh cuộn lồng, tab gọn */
.myui-panel:has(ul.list-film.leaderboard) .myui-panel_bd,.top-trending-box,.leaderboard-box,#trending{max-height:none!important;overflow:visible!important}
.myui-panel:has(ul.list-film.leaderboard) .tab-list,.myui-panel:has(ul.list-film.leaderboard) .tabs{margin-bottom:10px}
@media(max-width:767px){
  ul.list-film.leaderboard>li.leaderboard-card{grid-template-columns:30px 70px minmax(0,1fr);column-gap:10px;padding:8px 8px 8px 4px!important}
  .leaderboard-card-detail>a{width:70px;height:102px}
  .leaderboard-rank span::before{font-size:30px}
}
.leaderboard-card-content>*:not(h4):not(.d-flex){display:none!important}
.leaderboard-card-left::after,.leaderboard-card-left::before{content:none!important;display:none!important}
.leaderboard-card-entry::after,.leaderboard-card-entry::before{content:none!important}
ul.list-film.leaderboard>li.leaderboard-card{min-height:0;row-gap:2px}
.leaderboard-card-detail>a img[style*="display: none"]+*{display:block}

/* ============================================================================
   v29 — MOBILE "Bạn đang quan tâm gì?": thẻ nhỏ gọn dẹt như PC (2 cột, thấp), không còn ô vuông to
   ============================================================================ */
@media(max-width:767px){
  .ph-chips{display:grid!important;grid-template-columns:1fr 1fr!important;grid-auto-flow:row;column-gap:10px;row-gap:10px;overflow:visible!important;flex-wrap:wrap!important;padding:0!important;margin:0 0 18px!important;scroll-snap-type:none}
  .ph-chips::before{grid-column:1/-1;position:static;width:auto;font-size:18px;font-weight:700;margin:0 0 2px!important}
  .ph-chips>.ph-chip{grid-row:auto!important;width:auto!important;flex:none!important;height:52px!important;min-height:0!important;border-radius:12px!important;font-size:14.5px!important;font-weight:700;padding:0 14px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;box-shadow:0 4px 12px rgba(0,0,0,.28);text-shadow:0 1px 4px rgba(0,0,0,.3)}
}
@media(max-width:380px){.ph-chips>.ph-chip{height:48px!important;font-size:13.5px!important;padding:0 12px!important}}

/* ============================================================================
   v30 — TRENDING: (1) số hạng 2 chữ số không bị cắt, đếm riêng từng tab Ngày/Tuần/Tháng; (2) hiện trên điện thoại
   ============================================================================ */
ul.list-film.leaderboard{counter-reset:ph-d ph-w ph-m}
ul.list-film.leaderboard>li.leaderboard-card{counter-increment:none}
ul.list-film.leaderboard>li.leaderboard-card.d{counter-increment:ph-d}
ul.list-film.leaderboard>li.leaderboard-card.w{counter-increment:ph-w}
ul.list-film.leaderboard>li.leaderboard-card.m{counter-increment:ph-m}
ul.list-film.leaderboard>li.leaderboard-card.d .leaderboard-rank span::before{content:counter(ph-d)}
ul.list-film.leaderboard>li.leaderboard-card.w .leaderboard-rank span::before{content:counter(ph-w)}
ul.list-film.leaderboard>li.leaderboard-card.m .leaderboard-rank span::before{content:counter(ph-m)}
ul.list-film.leaderboard>li.leaderboard-card{grid-template-columns:42px 74px minmax(0,1fr)!important;overflow:visible}
.leaderboard-rank{overflow:visible!important;width:42px!important;min-width:42px!important}
.leaderboard-rank span::before{font-size:28px;letter-spacing:-1px;text-align:center;white-space:nowrap}
/* top 3 của từng tab viền vàng */
ul.list-film.leaderboard>li.leaderboard-card:nth-child(-n+3) .leaderboard-rank span::before{-webkit-text-stroke:1.6px #e6ecf5}
ul.list-film.leaderboard>li.leaderboard-card.d:nth-of-type(-n+3) .leaderboard-rank span::before,
ul.list-film.leaderboard>li.leaderboard-card.w:nth-of-type(n+10):nth-of-type(-n+12) .leaderboard-rank span::before,
ul.list-film.leaderboard>li.leaderboard-card.m:nth-of-type(n+19):nth-of-type(-n+21) .leaderboard-rank span::before{-webkit-text-stroke:1.6px var(--accent-2)}
/* hiện cột Trending trên điện thoại (chỉ khối Trending, dưới nội dung chính) */
@media(max-width:767px){
  .col-md-wide-3.myui-sidebar,.col-md-wide-3.myui-sidebar.hidden-xs{display:block!important;width:100%!important;max-width:100%!important;float:none!important;padding:0!important;margin:14px 0 0!important;visibility:visible!important;height:auto!important}
  .col-md-wide-3.myui-sidebar>*:not(:has(ul.list-film.leaderboard)){display:none!important}
  .col-md-wide-3.myui-sidebar .myui-panel{margin:0 0 14px!important}
  ul.list-film.leaderboard>li.leaderboard-card{grid-template-columns:38px 70px minmax(0,1fr)!important}
  .leaderboard-rank{width:38px!important;min-width:38px!important}
  .leaderboard-rank span::before{font-size:26px}
}

/* ============================================================================
   v32 — HERO COVERFLOW 3D bằng Swiper (mượt như phimmoichill): poster xoay theo ngón tay, thông tin đổi theo phim giữa
   ============================================================================ */
.ph-hero--cf{position:relative;overflow:hidden;isolation:isolate;padding:0 0 4px;margin:0 -12px 8px;border-radius:0;background:var(--bg)}
.ph-hero--cf .ph-hero__bg{position:absolute;inset:-30px;z-index:0;background-size:cover;background-position:center 25%;filter:blur(22px) brightness(.55) saturate(1.25);transition:background-image .5s ease}
.ph-hero--cf::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(to bottom,rgba(20,27,41,.15) 0%,rgba(20,27,41,.45) 55%,var(--bg) 100%);pointer-events:none}
.ph-hero__tabs{position:relative;z-index:2;display:flex;gap:8px;padding:12px 14px 2px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.ph-hero__tabs::-webkit-scrollbar{display:none}
.ph-tab{flex:0 0 auto;padding:7px 15px;border-radius:999px;font-size:12.5px;font-weight:600;color:rgba(255,255,255,.9);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px);white-space:nowrap;text-decoration:none;transition:transform .15s}
.ph-tab:active{transform:scale(.95)}
.ph-tab.is-active{background:#fff;color:#0f1622;border-color:#fff}
.ph-cf{position:relative;z-index:1;width:100%;padding:16px 0 10px;overflow:visible}
.ph-cf .swiper-wrapper{align-items:center}
.ph-cf__slide{width:222px;height:333px;border-radius:20px;overflow:hidden;background:var(--surface2);box-shadow:0 22px 50px rgba(0,0,0,.6)}
.ph-cf__poster{display:block;width:100%;height:100%;position:relative}
.ph-cf__poster img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-drag:none;filter:brightness(1.08) saturate(1.1)}
.ph-cf__slide.swiper-slide-active .ph-cf__poster{outline:2px solid rgba(255,255,255,.65);outline-offset:-2px;border-radius:20px}
.ph-cf__tag{position:absolute;left:10px;bottom:10px;padding:4px 9px;border-radius:8px;font-size:11px;font-weight:700;background:rgba(15,22,34,.75);color:#fff;backdrop-filter:blur(6px)}
.ph-cf .swiper-slide-shadow-left,.ph-cf .swiper-slide-shadow-right{border-radius:20px;background-image:linear-gradient(to left,rgba(0,0,0,.6),rgba(0,0,0,0))}
.ph-cf .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.6),rgba(0,0,0,0))}
.ph-hero__info{position:relative;z-index:2;min-height:150px;padding:2px 16px 0;text-align:center}
.ph-hero--cf .ph-hero__body{display:none;position:static;padding:0;background:none;animation:ph-fade .35s ease}
.ph-hero--cf .ph-hero__body.is-active{display:flex;flex-direction:column;align-items:center}
@keyframes ph-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.ph-hero--cf .ph-hero__title{font-size:24px;line-height:1.25;margin:6px 0 4px;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 2px 14px rgba(0,0,0,.7)}
.ph-hero--cf .ph-hero__sub{font-size:14px;color:#c9d2df;margin:0 0 14px}
.ph-hero--cf .ph-hero__actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:380px;margin:0 auto 12px}
.ph-hero--cf .ph-hero__meta{justify-content:center;gap:6px;margin-bottom:10px}
.ph-hero--cf .ph-hero__desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px;line-height:1.6;color:#c9d2df;text-align:center;margin:0 auto;max-width:420px}
.ph-cf__dots{position:relative;z-index:2;padding:10px 0 12px;display:flex;justify-content:center}
.ph-cf__dots .swiper-pagination-bullet{background:rgba(255,255,255,.35);opacity:1;width:7px;height:7px;transition:all .25s}
.ph-cf__dots .swiper-pagination-bullet-active{background:var(--accent);width:24px;border-radius:999px}
.swiper-pagination.ph-cf__dots{position:static!important;transform:none!important;width:auto!important;margin:0 auto}
.swiper-pagination.ph-cf__dots.swiper-pagination-bullets-dynamic{left:auto!important;transform:none!important}
/* PC: poster to hơn, thấy 5 poster, thông tin căn giữa */
@media(min-width:768px){
  .ph-hero--cf{margin:0 0 18px;border-radius:18px}
  .ph-cf__slide{width:250px;height:375px}
  .ph-cf{padding:22px 0 12px}
  .ph-hero__info{min-height:170px}
  .ph-hero--cf .ph-hero__title{font-size:28px}
  .ph-hero--cf .ph-hero__actions{max-width:420px}
  .ph-hero--cf .ph-hero__desc{max-width:560px}
}
@media(max-width:380px){.ph-cf__slide{width:190px;height:285px}}
.ph-cf .swiper-slide.ph-cf__slide{width:222px!important;height:333px!important;flex:0 0 auto!important}
@media(min-width:768px){.ph-cf .swiper-slide.ph-cf__slide{width:250px!important;height:375px!important}}
@media(max-width:380px){.ph-cf .swiper-slide.ph-cf__slide{width:190px!important;height:285px!important}}

/* v33 — đổi chip trùng "Phim bộ/Phim lẻ" thành thể loại hay tìm; chỉnh màu 6 & 8 */
@media(max-width:767px){
  .ph-chip--6{background:linear-gradient(160deg,#e56a8e,#c74d72)!important}
  .ph-chip--8{background:linear-gradient(160deg,#7b4bd0,#2f2140)!important}
}

/* v34 — khoảng thở giữa tab "Đề xuất" và dải poster; poster giữa tách rõ 2 bên (như phimmoichill) */
.ph-hero__tabs{padding:14px 14px 0!important}
.ph-cf{padding:26px 0 14px!important}
.ph-hero__info{padding-top:8px!important}
.ph-cf .swiper-slide.ph-cf__slide:not(.swiper-slide-active) .ph-cf__poster img{filter:brightness(.72) saturate(.95)}
.ph-cf .swiper-slide.ph-cf__slide.swiper-slide-active{box-shadow:0 0 0 2px rgba(255,255,255,.7),0 26px 56px rgba(0,0,0,.65)}
@media(min-width:768px){.ph-cf{padding:30px 0 16px!important}.ph-hero__tabs{padding:18px 18px 0!important}}

/* ============================================================================
   v35 — (1) hero cân giữa lại; (2) bỏ thanh đáy, ☰ + 🔍 lên đầu; (3) tìm kiếm thông minh (gợi ý, gõ gần đúng)
   ============================================================================ */
.ph-bnav{display:none!important}
body{padding-bottom:0!important}
body:has(#main-player){padding-bottom:0!important}
/* thanh trên: 2 nút nổi 2 bên logo (mobile) */
.ph-topbar{display:none}
@media(max-width:767px){
  .ph-topbar{display:block;position:fixed;top:0;left:0;right:0;height:52px;z-index:1500;pointer-events:none}
  .ph-topbar__btn{pointer-events:auto;position:absolute;top:8px;width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);color:#e6ecf5;display:flex;align-items:center;justify-content:center;padding:0;-webkit-tap-highlight-color:transparent}
  .ph-topbar__btn:active{transform:scale(.94);background:rgba(255,255,255,.14)}
  .ph-topbar__btn svg{width:20px;height:20px;fill:currentColor}
  .ph-topbar__btn--l{left:10px}.ph-topbar__btn--r{right:10px}
  .myui-header .navbar-brand,.myui-header .brand-logo{pointer-events:auto}
  /* sheet tìm kiếm rơi từ đầu trang */
  .ph-sheet--top{top:0;bottom:auto!important;border-radius:0 0 18px 18px;padding:12px 14px 14px;max-height:88vh;overflow:auto}
  .ph-sheet--top .ph-sheet__form{display:flex;gap:8px;align-items:center}
  .ph-sheet--top .ph-sheet__form input{flex:1;min-width:0;height:46px;border-radius:12px;font-size:16px}
  .ph-sheet--top .ph-sheet__form button[type=submit]{height:46px;padding:0 16px;border-radius:12px;background:var(--grad);color:var(--accent-ink);font-weight:700;border:0}
  .ph-sheet--top .ph-sheet__x{position:static;width:38px;height:46px;border-radius:12px}
  /* menu: mở full màn, có mục Trang chủ */
  .ph-sheet__grid a{font-size:14px}
}
/* gợi ý tìm kiếm (mobile + PC) */
.ph-suggest{display:none;margin-top:8px}
.ph-suggest.is-on{display:block}
.ph-suggest__i{display:flex;align-items:center;gap:10px;padding:8px;border-radius:12px;text-decoration:none;color:var(--text)}
.ph-suggest__i:hover,.ph-suggest__i:active{background:rgba(255,255,255,.07)}
.ph-suggest__img{flex:0 0 42px;width:42px;height:60px;border-radius:8px;overflow:hidden;background:var(--surface2)}
.ph-suggest__img img{width:100%;height:100%;object-fit:cover;display:block}
.ph-suggest__t{min-width:0;display:flex;flex-direction:column;gap:2px}
.ph-suggest__t b{font-size:14px;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ph-suggest__t small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ph-suggest__all{display:block;text-align:center;padding:10px;margin-top:4px;border-radius:10px;font-size:13px;font-weight:600;color:var(--accent-2);background:rgba(255,160,32,.08);text-decoration:none}
.ph-suggest__empty{padding:12px 8px;font-size:13.5px;color:var(--muted)}
/* PC: dropdown dưới ô tìm kiếm header */
.ph-suggest--drop{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:1600;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:6px;box-shadow:0 18px 50px rgba(0,0,0,.55);max-height:70vh;overflow:auto;margin:0;min-width:340px}
@media(max-width:767px){#resultLiveSearch{display:none!important}}

/* ============================================================================
   v36 — (1) màu ô tìm kiếm hài hoà (mobile + PC); (2) trang danh sách chỉn chu: bộ lọc 2 cột, phân trang 1 hàng;
          (3) trang phim: nền sau rõ hơn (blur nhẹ như phimmoichill)
   ============================================================================ */
/* ---- (1) TÌM KIẾM ---- */
.ph-sheet--top .ph-sheet__form input,#ph-search-input{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.14)!important;color:var(--text)!important;box-shadow:none!important;outline:0!important}
.ph-sheet--top .ph-sheet__form input:focus,#ph-search-input:focus{border-color:rgba(255,160,32,.55)!important;box-shadow:0 0 0 3px rgba(255,160,32,.15)!important}
.ph-sheet--top .ph-sheet__form input::placeholder{color:rgba(230,236,245,.45)}
.ph-sheet--top .ph-sheet__form button[type=submit]{background:var(--grad)!important;color:var(--accent-ink)!important;box-shadow:0 6px 16px rgba(255,160,32,.25)}
.ph-sheet--top .ph-sheet__x{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.14)!important;color:var(--muted)!important;font-size:15px}
.ph-sheet--top{background:var(--surface)!important;border-bottom:1px solid var(--line)}
.ph-sheet__hint{color:var(--muted)}.ph-sheet__hint a{color:#dfe6f3;font-weight:500}
/* PC: ô tìm trên header nhẹ nhàng, chỉ nhấn cam ở icon */
@media(min-width:768px){
  .myui-header form,.myui-header .search-box,.myui-header .form-search{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:none!important}
  .myui-header form:focus-within{border-color:rgba(255,160,32,.5)!important;box-shadow:0 0 0 3px rgba(255,160,32,.12)!important}
  .myui-header input[name="search"]{background:transparent!important;color:var(--text)!important;box-shadow:none!important;border:0!important}
  .myui-header input[name="search"]::placeholder{color:rgba(230,236,245,.45)}
  .myui-header form button,.myui-header form .btn,.myui-header .search-btn{background:var(--grad)!important;color:var(--accent-ink)!important;border:0!important;box-shadow:none!important}
  .ph-suggest--drop{background:var(--surface)!important;border-color:rgba(255,255,255,.12)!important}
}
/* ---- (2) TRANG DANH SÁCH ---- */
#form-filter .filter-box{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:14px!important;padding:10px!important;margin:0 0 14px!important}
#form-filter .filter-box .row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0!important;width:auto!important}
#form-filter .filter-box .row>[class*="col-"]{width:auto!important;max-width:none!important;padding:0!important;float:none!important;margin:0!important;flex:none!important}
#form-filter select.form-control{width:100%!important;height:40px!important;border-radius:10px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;color:var(--text)!important;padding:0 32px 0 12px!important;font-size:13.5px!important;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23a3afc2'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 8px center!important;background-size:18px!important}
#form-filter select.form-control:focus{border-color:rgba(255,160,32,.5)!important;box-shadow:0 0 0 3px rgba(255,160,32,.12)!important;outline:0}
#form-filter .btn-submit{height:40px!important;border-radius:10px!important;background:var(--grad)!important;color:var(--accent-ink)!important;font-weight:700!important;border:0!important;width:100%!important;box-shadow:0 6px 16px rgba(255,160,32,.22)}
@media(max-width:767px){
  #form-filter .filter-box .row{grid-template-columns:1fr 1fr}
  #form-filter .filter-box .row>[class*="col-"]:last-child{grid-column:1/-1}
  .myui-panel-box>.myui-panel__head,.myui-block-header{margin-bottom:8px!important}
}
/* phân trang: 1 hàng lướt ngang, gọn */
.d-flex:has(#pagination){display:block!important;overflow-x:auto;scrollbar-width:none;padding:6px 0 10px;-webkit-overflow-scrolling:touch}
.d-flex:has(#pagination)::-webkit-scrollbar{display:none}
#pagination{display:flex!important;flex-wrap:nowrap!important;gap:6px;justify-content:flex-start;width:max-content;min-width:100%;margin:0 auto!important;padding:0 2px!important}
@media(min-width:768px){#pagination{justify-content:center;width:auto;min-width:0}}
#pagination>li{margin:0!important;flex:0 0 auto}
#pagination>li>.page-link,#pagination>.page-item>span{min-width:38px;height:38px;padding:0 10px!important;border-radius:10px!important;font-size:13.5px!important;font-weight:600;display:flex!important;align-items:center;justify-content:center;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;color:var(--text)!important;white-space:nowrap}
#pagination>li.active>.page-link,#pagination>.page-item.active>span,#pagination>li.active>span{background:var(--grad)!important;color:var(--accent-ink)!important;border-color:transparent!important;box-shadow:0 6px 16px rgba(255,160,32,.25)}
#pagination>li.disabled>.page-link,#pagination>li.disabled>span{opacity:.4}
/* ---- (3) TRANG PHIM: nền sau rõ hơn, kiểu phimmoichill ---- */
@media(max-width:767px){
  article.TPost.Single>header>.Image .Objf img{filter:blur(2.5px) brightness(.62) saturate(1.15)!important;object-position:center 20%}
  article.TPost.Single>header>.Image .Objf::after{background:linear-gradient(to bottom,rgba(20,27,41,.08) 0%,rgba(20,27,41,.2) 38%,rgba(20,27,41,.78) 70%,var(--surface) 100%)!important}
  article.TPost.Single>header{padding-top:318px!important}
  article.TPost.Single>div.TPostBg.Objf{top:30px!important;width:180px!important;height:270px!important;box-shadow:0 0 0 2px rgba(255,255,255,.5),0 24px 56px rgba(0,0,0,.7)}
  article.TPost.Single>header>h1.Title{font-size:25px!important;text-shadow:0 2px 16px rgba(0,0,0,.9)}
  article.TPost.Single>header>h2.SubTitle{text-shadow:0 1px 10px rgba(0,0,0,.9)}
}
@media(max-width:380px){article.TPost.Single>header{padding-top:290px!important}article.TPost.Single>div.TPostBg.Objf{width:160px!important;height:240px!important}}
#form-filter,#form-filter .filter-box,#form-filter .filter-box .row{display:block;width:100%!important;max-width:none!important;min-width:0!important;flex:none!important;box-sizing:border-box}
#form-filter .filter-box .row{display:grid!important}
#form-filter{margin:0 0 14px!important}
#form-filter .filter-box .row::before,#form-filter .filter-box .row::after,#form-filter .filter-box::before,#form-filter .filter-box::after{display:none!important;content:none!important}

/* ============================================================================
   v37 — MƯỢT & ĐỒNG ĐỀU TOÀN SITE: chuyển động thống nhất, bo góc thống nhất, hover/tap nhất quán,
          hero PC cân hai bên, tự lướt êm, giảm giật
   ============================================================================ */
:root{--r-sm:10px;--r-md:14px;--r-lg:18px;--ease:cubic-bezier(.22,.61,.36,1);--t:.22s}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
a,button,.ph-btn,.ph-chip,.ph-tab,.mod-card,.myui-vodlist__thumb,.leaderboard-card,#pagination .page-link,.ph-suggest__i,#servers-container .tab-pane li a{transition:background-color var(--t) var(--ease),color var(--t) var(--ease),border-color var(--t) var(--ease),box-shadow var(--t) var(--ease),transform var(--t) var(--ease),opacity var(--t) var(--ease)}
/* bo góc + viền thống nhất */
.myui-panel,.myui-panel-box,#form-filter .filter-box,.ph-sheet,.ph-suggest--drop,.myui-player__box,.video-footer,.ph-epnav{border-radius:var(--r-md)!important}
.mod-card .myui-vodlist__thumb,.myui-vodlist__thumb,.ph-cf__slide,.leaderboard-card-detail>a,.ph-suggest__img{border-radius:12px!important}
.ph-btn,.ph-chip,#form-filter select.form-control,#form-filter .btn-submit,.ph-topbar__btn,.ph-sheet__form input,.ph-sheet__form button{border-radius:12px!important}
/* hover/tap nhất quán: nổi nhẹ, không giật */
@media(hover:hover){
  .mod-card:hover .myui-vodlist__thumb,.myui-vodlist__thumb:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.45)}
  .ph-btn:hover,.ph-chip:hover,#pagination .page-link:hover,.ph-tab:hover{transform:translateY(-1px)}
  .ph-btn--primary:hover{box-shadow:0 10px 26px rgba(255,160,32,.4)}
}
.ph-btn:active,.ph-chip:active,.ph-tab:active,.ph-topbar__btn:active,#pagination .page-link:active{transform:scale(.97)}
/* khoảng cách khối thống nhất */
.myui-panel,.myui-top-movies,.ph-chips,.myui-panel-box{margin-bottom:18px!important}
.myui-block-header,.myui-panel__head{margin-bottom:12px!important}
/* hero PC: hai bên cân, poster lớn ở giữa, nút Thông tin trắng như mobile */
@media(min-width:768px){
  .ph-hero--cf{padding-bottom:8px}
  .ph-cf{padding:34px 0 14px!important}
  .ph-cf .swiper-slide.ph-cf__slide{width:256px!important;height:384px!important}
  .ph-cf .swiper-slide.ph-cf__slide:not(.swiper-slide-active) .ph-cf__poster img{filter:brightness(.62) saturate(.95)}
  .ph-hero--cf .ph-btn--ghost{background:#fff!important;color:#0f1622!important;border:0!important;font-weight:700}
  .ph-hero__info{min-height:190px}
  .ph-hero--cf .ph-hero__actions{max-width:440px;gap:14px}
  .ph-hero--cf .ph-btn{height:54px;font-size:16px}
  .ph-cf__dots{padding:6px 0 14px}
}
/* poster giữa: chuyển mượt khi đổi (không nhảy viền) */
.ph-cf .swiper-slide.ph-cf__slide{transition:box-shadow .5s var(--ease)!important}
.ph-cf__poster img{transition:filter .5s var(--ease)}
/* giảm giật: GPU cho các lớp chuyển động, blur nền không quá nặng */
.ph-hero__bg,.ph-cf .swiper-wrapper,.ph-hero__body{will-change:transform;backface-visibility:hidden}
.ph-hero--cf .ph-hero__bg{filter:blur(18px) brightness(.55) saturate(1.25)}
/* thanh cuộn ngang ẩn đẹp, snap êm */
.myui-top-movies .myui-vodlist,.ph-hero__tabs,.ph-chips,.d-flex:has(#pagination){scroll-behavior:smooth;overscroll-behavior-x:contain}
/* ảnh hiện dần khi tải, không nhảy layout */
.myui-vodlist__thumb img,.mod-thumb img{animation:ph-img .35s var(--ease) both}
@keyframes ph-img{from{opacity:.001}to{opacity:1}}
/* người dùng tắt chuyển động → tôn trọng */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ============================================================================
   v38 — BỐ CỤC GỌN, KHÔNG TRÙNG, CHUYÊN NGHIỆP (mobile + PC), thân thiện SEO/AI
   ============================================================================ */
/* --- Sidebar: bỏ "Bảng xếp hạng" (trùng Trending); Top phim lẻ/bộ thành danh sách gọn --- */
.myui-sidebar>.myui-panel:nth-child(4){display:none!important}
.myui-sidebar ul.myui-vodlist__media{display:flex;flex-direction:column;gap:8px;padding:0!important;margin:0!important}
.myui-sidebar ul.myui-vodlist__media>li{padding:0!important;margin:0!important;width:100%!important}
.myui-sidebar .pack_yk_pack{display:flex!important;gap:10px;align-items:center;padding:6px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid var(--line);transition:background-color var(--t) var(--ease),border-color var(--t) var(--ease)}
.myui-sidebar .pack_yk_pack:hover{background:rgba(255,255,255,.06);border-color:rgba(255,160,32,.35)}
.myui-sidebar .pack_pack_cover{flex:0 0 104px;width:104px!important;height:62px!important;border-radius:8px;overflow:hidden;position:relative;background:var(--surface2)}
.myui-sidebar .pack_pack_cover img{width:100%!important;height:100%!important;object-fit:cover;display:block}
.myui-sidebar .pack_pack_cover .pack_bg,.myui-sidebar .pack_p_rb{display:none!important}
.myui-sidebar .pack_p_rt{position:absolute;top:4px;left:4px;right:auto!important}
.myui-sidebar .pack_pack_tag{padding:2px 6px!important;border-radius:6px!important;background:rgba(15,22,34,.8)!important;color:#ffd166!important;font-size:9.5px!important;letter-spacing:.2px;line-height:1.3;max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.myui-sidebar .pack_pack_tag .pack_tagtext{font:inherit!important}
.myui-sidebar .pack_info_list{flex:1;min-width:0;padding:0!important}
.myui-sidebar .pack_title{max-height:none!important;line-height:1.35}
.myui-sidebar .pack_title a{font-size:13.5px!important;font-weight:600!important;color:var(--text)!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal!important}
.myui-sidebar .pack_title a:hover{color:var(--accent-2)!important}
.myui-sidebar .pack_desc{display:none}
.myui-sidebar .myui-panel__head .icon{display:none!important}
/* --- Trending: mặc định chỉ Ngày (JS đổi tab) --- */
ul.list-film.leaderboard:not(.ph-tabbed)>li.leaderboard-card.w,ul.list-film.leaderboard:not(.ph-tabbed)>li.leaderboard-card.m,ul.list-film.leaderboard>li.leaderboard-card.ph-hide{display:none!important}
.most-view .tabs,.myui-panel .tab-list{display:flex;gap:6px;padding:0 0 10px!important}
.most-view .tabs .tab,.myui-panel .tab-list .tab{flex:1;text-align:center;padding:8px 10px;border-radius:10px;font-size:13px;font-weight:600;color:var(--muted);background:rgba(255,255,255,.05);border:1px solid var(--line);cursor:pointer;transition:all var(--t) var(--ease)}
.most-view .tabs .tab.active,.myui-panel .tab-list .tab.active{background:var(--grad);color:var(--accent-ink);border-color:transparent}
/* --- Khối "Xem phim" theo quốc gia: tiêu đề rõ nghĩa, không mờ hồ --- */
.myui-block-title-regions{font-size:0!important;line-height:0}
.myui-block-title-regions::before{content:"Phim theo quốc gia";font-size:17px;line-height:1.3;font-weight:700;color:var(--text)}
/* --- Trạng thái trống (tìm kiếm không kết quả / danh mục rỗng) --- */
.myui-panel_bd ul.myui-vodlist:empty,.myui-panel-list ul.myui-vodlist:empty{display:block!important;min-height:0}
.myui-panel_bd ul.myui-vodlist:empty::before,.myui-panel-list ul.myui-vodlist:empty::before{content:"Chưa có kết quả phù hợp. Thử tên gốc tiếng Anh, bỏ dấu hoặc chọn thể loại bên trên.";display:block;padding:44px 16px;text-align:center;color:var(--muted);font-size:14px;border:1px dashed var(--line);border-radius:14px}
/* --- Footer gọn: 2 cột mobile, 4 cột PC; copyright nhỏ --- */
footer .container>.row,.myui-foot .row,#footer .row{display:grid;gap:18px 24px;grid-template-columns:1.4fr 1fr 1fr 1fr;width:auto!important;margin:0!important}
footer .container>.row>[class*="col-"],.myui-foot .row>[class*="col-"],#footer .row>[class*="col-"]{width:auto!important;padding:0!important;float:none!important;max-width:none!important}
footer .container>.row::before,footer .container>.row::after,.myui-foot .row::before,.myui-foot .row::after{display:none!important;content:none!important}
footer h4,footer h5,.myui-foot h4,.myui-foot h5{font-size:14px!important;margin:0 0 10px!important;letter-spacing:.2px}
footer ul li,.myui-foot ul li{margin:0 0 7px!important;font-size:13.5px}
footer p,.myui-foot p{font-size:13.5px;line-height:1.6;color:var(--muted)}
footer .copyright,.myui-foot .copyright,footer p.text-center{font-size:12.5px!important;opacity:.7;margin-top:14px!important}
footer .brand-logo,.myui-foot .brand-logo{font-size:28px!important} /* v98b: logo chân trang máy tính (trước 22px) */
footer .brand-logo .vp-logo,footer .brand-logo .vp-logo b,.myui-foot .brand-logo .vp-logo,.myui-foot .brand-logo .vp-logo b{font-size:inherit!important} /* v98b: luật chung "footer * {13px}" trên điện thoại làm chữ logo tí hon */
@media(max-width:767px){
  footer .container>.row,.myui-foot .row,#footer .row{grid-template-columns:1fr 1fr;gap:16px}
  footer .container>.row>[class*="col-"]:first-child,.myui-foot .row>[class*="col-"]:first-child,#footer .row>[class*="col-"]:first-child{grid-column:1/-1}
  footer .brand-logo,.myui-foot .brand-logo{font-size:24px!important} /* v98b: logo chân trang (trước 18px — quá nhỏ) */
  footer p,.myui-foot p{font-size:13px}
}
/* --- Khoảng cách/tiêu đề khối đồng nhất, bỏ icon trang trí thừa --- */
.myui-panel__head .title,.myui-block-header .title,.myui-panel__head h2,.myui-panel__head h3{font-size:17px!important;font-weight:700!important;letter-spacing:.1px}
.myui-panel__head .icon-cinema,.myui-block-header .icon{display:none!important}
/* --- PC: hero gọn hơn, sidebar dính khi cuộn, cột chính rộng --- */
@media(min-width:992px){
  .myui-sidebar{position:sticky;top:64px;align-self:flex-start}
  .ph-hero--cf .ph-hero__desc{-webkit-line-clamp:2}
  .ph-hero__info{min-height:172px}
}
/* --- Mobile: khối khối cách đều, không viền lồng nhau --- */
@media(max-width:767px){
  .myui-panel.right-content{padding:12px!important}
  .myui-panel>.myui-panel_hd{padding:0 0 8px!important}
  .container>.row>.col-md-wide-7,.container>.row>.col-md-wide-9{padding:0!important}
}
.myui-sidebar .pack_pack_cover{height:62px!important;min-height:0!important;max-height:62px!important;padding:0!important;margin:0!important}
.myui-sidebar .pack_pack_cover a{display:block;position:absolute;inset:0}
.myui-sidebar .pack_pack_cover img{position:absolute;inset:0;min-height:0!important}
.myui-sidebar .pack_yk_pack{align-items:center;min-height:74px}
.myui-sidebar .pack_title a{font-size:13.5px!important}

/* ============================================================================
   v39 — TÌM KIẾM CHUYÊN NGHIỆP: ô tìm (icon trái, xoá phải), dropdown "Danh sách phim" poster + tên + tên gốc + meta
   ============================================================================ */
/* ô tìm chung (mobile sheet) */
.ph-sf{position:relative;flex:1;min-width:0;display:flex;align-items:center}
.ph-sf__ico{position:absolute;left:13px;width:18px;height:18px;fill:rgba(230,236,245,.6);pointer-events:none}
.ph-sf input{width:100%;padding-left:40px!important;padding-right:38px!important}
.ph-sf__clear{position:absolute;right:6px;width:28px;height:28px;border-radius:8px;border:0;background:transparent;color:rgba(230,236,245,.55);font-size:13px;cursor:pointer;display:none;align-items:center;justify-content:center}
.ph-sf input:not(:placeholder-shown)~.ph-sf__clear{display:flex}
.ph-sf__clear:hover{background:rgba(255,255,255,.08);color:#fff}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;display:none}
/* dropdown gợi ý */
.ph-suggest{display:none}
.ph-suggest.is-on{display:block}
.ph-suggest__hd{padding:10px 12px 6px;font-size:12.5px;font-weight:600;color:var(--muted);letter-spacing:.2px}
.ph-suggest__list{display:flex;flex-direction:column;gap:2px;max-height:60vh;overflow:auto;padding:0 6px;scrollbar-width:thin}
.ph-suggest__i{display:flex;align-items:center;gap:12px;padding:8px;border-radius:12px;text-decoration:none;color:var(--text);transition:background-color var(--t) var(--ease)}
.ph-suggest__i:hover,.ph-suggest__i:focus{background:rgba(255,255,255,.07)}
.ph-suggest__img{flex:0 0 46px;width:46px;height:68px;border-radius:8px;overflow:hidden;background:var(--surface2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233a4a63'%3E%3Cpath d='M10 9l5 3-5 3z'/%3E%3C/svg%3E") center/22px no-repeat}
.ph-suggest__img img{width:100%;height:100%;object-fit:cover;display:block}
.ph-suggest__t{min-width:0;display:flex;flex-direction:column;gap:2px}
.ph-suggest__t b{font-size:14.5px;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ph-suggest__t em{font-style:normal;font-size:12.5px;color:#c9d2df;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ph-suggest__t small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ph-suggest__all{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;margin:6px 6px 6px;border-radius:10px;font-size:13.5px;font-weight:700;color:var(--accent-2);background:rgba(255,160,32,.08);text-decoration:none;border-top:1px solid var(--line)}
.ph-suggest__all:hover{background:rgba(255,160,32,.14)}
.ph-suggest__empty{padding:16px 12px;font-size:13.5px;color:var(--muted)}
/* PC: ô tìm header rộng, dropdown to như phimmoichill */
@media(min-width:768px){
  form#search,.myui-header form,.myui-header .search-box,.myui-header .form-search{position:relative;width:min(520px,38vw)!important;max-width:none!important;height:44px!important;border-radius:10px!important;background:rgba(255,255,255,.08)!important;border:1px solid transparent!important;transition:border-color var(--t) var(--ease),background-color var(--t) var(--ease)}
  form#search:focus-within,.myui-header form:focus-within{border-color:#fff!important;box-shadow:none!important}
  form#search input[name="search"],.myui-header input[name="search"]{height:44px!important;padding:0 44px 0 44px!important;font-size:15px!important;font-style:normal!important}
  form#search::before,.myui-header form::before{content:"";position:absolute;left:14px;top:50%;width:18px;height:18px;margin-top:-9px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c9d2df'%3E%3Cpath d='M10 3a7 7 0 0 1 5.6 11.2l5.1 5.1-1.4 1.4-5.1-5.1A7 7 0 1 1 10 3zm0 2a5 5 0 1 0 0 10 5 5 0 0 0 0-10z'/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none;z-index:1}
  form#search button,.myui-header form button,.myui-header form .btn,.myui-header .search-btn{position:absolute;right:4px;top:4px;width:36px;height:36px;border-radius:8px;background:var(--grad)!important;color:var(--accent-ink)!important}
  .ph-suggest--drop{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:1600;background:rgba(20,27,41,.96)!important;backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.1)!important;border-radius:12px;padding:0 0 4px;box-shadow:0 24px 60px rgba(0,0,0,.6);max-height:min(720px,80vh);overflow:hidden;min-width:0}
  .ph-suggest--drop .ph-suggest__list{max-height:min(560px,62vh);padding:0 8px}
  .ph-suggest--drop .ph-suggest__img{flex-basis:56px;width:56px;height:84px}
  .ph-suggest--drop .ph-suggest__t b{font-size:16px;white-space:normal;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
  .ph-suggest--drop .ph-suggest__t em{font-size:14px}
  .ph-suggest--drop .ph-suggest__t small{font-size:13px;white-space:normal}
}
@media(max-width:767px){
  .ph-sheet--top .ph-sheet__form{gap:8px}
  .ph-sheet--top .ph-sheet__form button[type=submit]{display:none}
  .ph-sheet--top .ph-suggest{margin-top:6px}
  .ph-suggest__list{max-height:calc(88vh - 140px)}
}
.ph-sf__clear{background:transparent!important;border:0!important;color:rgba(230,236,245,.6)!important;box-shadow:none!important;width:28px!important;height:28px!important;padding:0!important}

/* ============================================================================
   v40 — TRANG PHIM & TRANG XEM gọn, dễ nhìn: thông tin phim dạng bảng phẳng, keywords chip, server+báo lỗi 1 hàng,
          ô tìm tập rõ chữ, phim 1 tập ẩn phần thừa, khối "Các phần khác"
   ============================================================================ */
/* --- Thông tin phim: bảng phẳng 2 cột, không lồng khung --- */
.MovieInfo.TPost.Single{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:14px!important;padding:12px!important;margin:0 0 18px!important}
.MovieInfo .MovieTabNav{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:0 0 10px!important;margin:0 0 10px!important;border-bottom:1px solid var(--line)}
.MovieInfo .MovieTabNav::-webkit-scrollbar{display:none}
.MovieInfo .MovieTabNav .Lnk{flex:0 0 auto;padding:8px 14px!important;border-radius:999px!important;font-size:13px!important;font-weight:600;background:rgba(255,255,255,.05)!important;border:1px solid var(--line)!important;color:var(--muted)!important;cursor:pointer;white-space:nowrap;transition:all var(--t) var(--ease)}
.MovieInfo .MovieTabNav .Lnk i{display:none}
.MovieInfo .MovieTabNav .Lnk.on{background:var(--grad)!important;color:var(--accent-ink)!important;border-color:transparent!important}
.MovieInfo .MvTbCn{padding:0!important}
.MovieInfo .mvici-left,.MovieInfo .mvici-right{width:100%!important;float:none!important;padding:0!important;margin:0!important;border:0!important;background:none!important}
.MovieInfo ul.InfoList{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;margin:0!important;padding:0!important;list-style:none}
.MovieInfo ul.InfoList li{display:flex;gap:8px;align-items:baseline;padding:9px 0!important;margin:0!important;border-bottom:1px solid rgba(255,255,255,.06);font-size:13.5px;line-height:1.5;min-width:0;background:none!important}
.MovieInfo ul.InfoList li strong{flex:0 0 96px;color:var(--muted);font-weight:500;font-size:12.5px}
.MovieInfo ul.InfoList li strong i{display:none}
.MovieInfo ul.InfoList li a{color:var(--accent-2)!important;font-weight:500}
.MovieInfo ul.InfoList li.latest_eps a{display:inline-block;padding:2px 9px;margin:2px 4px 2px 0;border-radius:6px;background:rgba(255,160,32,.12);font-size:12.5px}
.MovieInfo ul.InfoList li span,.MovieInfo ul.InfoList li .Qlty,.MovieInfo ul.InfoList li .badge{padding:2px 8px;border-radius:6px;background:rgba(255,255,255,.08)!important;color:var(--text)!important;font-size:12px;border:0!important}
@media(max-width:767px){.MovieInfo ul.InfoList{grid-template-columns:1fr}.MovieInfo ul.InfoList li strong{flex-basis:88px}}
/* --- Keywords: chip nhỏ --- */
#tags{background:transparent!important;border:0!important;padding:0!important;margin:0 0 18px!important}
#tags label{display:block;font-size:12.5px;color:var(--muted);text-transform:none;letter-spacing:0;margin:0 0 6px!important;font-weight:600}
#tags .tag-list{display:flex;flex-wrap:wrap;gap:6px}
#tags .tag-list h3{margin:0!important;font-size:12.5px!important;font-weight:500!important;line-height:1}
#tags .tag-list a{display:inline-block;padding:6px 11px!important;border-radius:999px!important;background:rgba(255,255,255,.06)!important;border:1px solid var(--line)!important;color:#dfe6f3!important;font-weight:500!important;font-size:12.5px!important;text-transform:none!important}
#tags .tag-list a:hover{border-color:rgba(255,160,32,.4);color:var(--accent-2)!important}
/* --- Trang xem: Server + Báo lỗi cùng hàng, gọn --- */
#ploption{display:flex!important;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0 6px!important;text-align:left!important}
#ploption .streaming-server{margin:0!important;padding:8px 14px!important;border-radius:999px!important;font-size:13px!important;font-weight:600;background:rgba(255,255,255,.06)!important;border:1px solid var(--line)!important;color:var(--text)!important}
#ploption .streaming-server.current{background:var(--grad)!important;color:var(--accent-ink)!important;border-color:transparent!important}
#btn-toggle-error,.film-note{float:right;margin:12px 0 0!important;padding:6px 12px!important;border-radius:999px!important;font-size:12px!important;background:rgba(255,255,255,.05)!important;border:1px solid var(--line)!important;color:var(--muted)!important;cursor:pointer}
#btn-toggle-error img{width:14px;height:14px;vertical-align:-2px}
#servers-container{margin-top:6px!important;padding:12px!important}
#servers-container .myui-panel__head{padding:0 0 8px!important;margin:0 0 8px!important;border-bottom:1px solid var(--line)}
/* ô tìm tập: chữ rõ */
#search-input,.search_wd{color:var(--text)!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.16)!important;font-size:14.5px!important}
#search-input::placeholder,.search_wd::placeholder{color:rgba(230,236,245,.72)!important;opacity:1!important}
#search-input:focus,.search_wd:focus{border-color:rgba(255,160,32,.55)!important;box-shadow:0 0 0 3px rgba(255,160,32,.14)!important}
.search-input-wrapper{position:relative}
.search-input-wrapper::after{content:"Gõ số tập để tìm nhanh";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:11.5px;color:var(--muted);pointer-events:none}
@media(max-width:480px){.search-input-wrapper::after{display:none}}
/* phim 1 tập: nút Full gọn, không có danh sách trống */
ul.ph-single{display:flex!important;justify-content:flex-start;gap:8px}
ul.ph-single li a{min-width:120px}
.ph-ep__latest--single{font-size:15px!important}
/* --- Khối "Các phần khác & bản liên quan" --- */
.ph-related{margin:0 0 18px;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:14px}
.ph-related__hd{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 10px}
.ph-related__hd b{font-size:16px;font-weight:700}
.ph-related__hd small{font-size:12px;color:var(--muted)}
.ph-related__row{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;scroll-snap-type:x mandatory}
.ph-related__row::-webkit-scrollbar{display:none}
.ph-related__i{flex:0 0 118px;scroll-snap-align:start;text-decoration:none;color:var(--text);min-width:0}
.ph-related__img{display:block;width:118px;height:168px;border-radius:10px;overflow:hidden;background:var(--surface2);margin-bottom:6px;box-shadow:0 6px 16px rgba(0,0,0,.35)}
.ph-related__img img{width:100%;height:100%;object-fit:cover;display:block}
.ph-related__i b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;font-weight:600;line-height:1.3}
.ph-related__i small{display:block;font-size:11.5px;color:var(--muted);margin-top:2px}
@media(min-width:768px){.ph-related__i{flex-basis:140px}.ph-related__img{width:140px;height:200px}}
/* lưới tập: bỏ ô trống đầu hàng (clearfix ::before của Bootstrap) */
#servers-container ul.myui-content__list::before,#servers-container ul.myui-content__list::after,.ph-eplist ul::before,.ph-eplist ul::after{display:none!important;content:none!important}
#servers-container ul.myui-content__list{justify-items:stretch;justify-content:start}

/* ============================================================================
   v41 — Ô TÌM KIẾM PC: cân đối, nút nằm gọn trong ô, không viền chồng (chỉ CSS, không đụng logic)
   ============================================================================ */
@media(min-width:768px){
  form#search,.myui-header form#search{position:relative!important;display:flex!important;align-items:center!important;height:44px!important;padding:0!important;margin:0!important;border-radius:12px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:none!important;overflow:visible;transition:border-color var(--t) var(--ease),background-color var(--t) var(--ease)}
  form#search:focus-within{border-color:rgba(255,255,255,.55)!important;background:rgba(255,255,255,.1)!important;box-shadow:none!important}
  form#search input#keyword,form#search input.mod-search,form#search input[name="search"]{flex:1 1 auto!important;width:100%!important;height:44px!important;line-height:44px!important;margin:0!important;padding:0 50px 0 42px!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;border-radius:12px!important;font-size:15px!important;font-style:normal!important;color:var(--text)!important}
  form#search input::placeholder{color:rgba(230,236,245,.55)!important;font-style:normal!important}
  form#search::before{left:14px!important;top:50%!important;margin-top:-9px!important}
  form#search button#searchbutton,form#search button.search_submit,form#search .icon-btn{position:absolute!important;right:5px!important;top:50%!important;transform:translateY(-50%)!important;width:34px!important;height:34px!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:9px!important;background:var(--grad)!important;color:var(--accent-ink)!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:none!important;line-height:1!important}
  form#search button#searchbutton:hover{filter:brightness(1.06)}
  form#search button#searchbutton svg,form#search .search_submit svg{width:17px!important;height:17px!important;stroke-width:2.4!important}
  /* dropdown gợi ý bám đúng bề rộng ô */
  form#search .ph-suggest--drop{top:calc(100% + 8px)!important;left:0!important;right:0!important}
}
@media(min-width:768px){
  form#search,.myui-header form#search{width:clamp(240px,26vw,520px)!important;max-width:100%!important;flex:0 1 auto!important}
  .myui-header .search-box,.myui-header .myui-header__search,.myui-header__top .search{max-width:100%!important;overflow:visible!important;margin-left:auto}
}
@media(min-width:768px) and (max-width:1100px){form#search{width:clamp(200px,22vw,300px)!important}}
@media(min-width:1101px){
  .myui-header li.search-box,.myui-header li.search-box>ul,.myui-header .search-box .row{width:clamp(300px,26vw,520px)!important;max-width:none!important}
  form#search{width:100%!important}
}
@media(min-width:1101px){
  header li.search-box,.myui-header__top li.search-box,li.search-box.dropdown-hover{width:clamp(300px,26vw,520px)!important;max-width:none!important}
  li.search-box>ul,li.search-box .row{width:100%!important;max-width:none!important}
}
@media(min-width:768px) and (max-width:1100px){header li.search-box,li.search-box.dropdown-hover{width:clamp(200px,22vw,300px)!important}}

/* ============================================================
   v42 — SEO / AI / UI (audit 20-09-2026)
   ============================================================ */
/* v42 — H1 trang chủ HIỂN THỊ (thay h1.hidden bị Google bỏ qua): tagline gọn, không phá hero */
.ph-h1{margin:8px 14px 0;font-size:12.5px;font-weight:500;line-height:1.4;color:var(--muted);letter-spacing:.1px}
@media (min-width:768px){.ph-h1{margin:10px 0 2px;font-size:13px}}
/* v42 — badge trên thẻ phim: không đè/cắt nhau ("Hoàn Tất (16/16)" + "Vietsub") */
.mod-badges{display:flex!important;flex-wrap:wrap;gap:4px;max-width:calc(100% - 16px)!important;overflow:visible!important}
.mod-badges .mod-tag,.mod-badges .mod-lang{flex:0 1 auto!important;min-width:0;max-width:100%!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}
.mod-badges .mod-tag{max-width:calc(100% - 4px)!important}
/* v42 — bỏ dropdown live-search cũ của theme (trùng với gợi ý thông minh v39 → 2 hộp chồng nhau ở PC) */
#resultLiveSearch{display:none!important}
/* v42 — Tiếp tục xem (lịch sử ở máy khách, không cần đăng nhập) */
.ph-continue{margin:14px 12px 4px;padding:12px 12px 10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}
.ph-continue__hd{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}
.ph-continue__hd b{font-size:16px;font-weight:700;color:var(--text)}
.ph-continue__clear{background:none;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:4px 11px;font:inherit;font-size:12px;cursor:pointer;transition:color var(--t,.22s) var(--ease,ease),border-color var(--t,.22s) var(--ease,ease)}
.ph-continue__clear:hover{color:var(--accent);border-color:var(--accent)}
.ph-continue__row{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:none}
.ph-continue__row::-webkit-scrollbar{display:none}
.ph-continue__i{flex:0 0 46%;max-width:220px;scroll-snap-align:start;color:var(--text)!important;text-decoration:none!important;transition:transform var(--t,.22s) var(--ease,ease)}
.ph-continue__i:hover{transform:translateY(-3px)}
.ph-continue__img{display:block;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:var(--surface2);position:relative}
.ph-continue__img img{width:100%;height:100%;object-fit:cover;display:block}
.ph-continue__img::after{content:"";position:absolute;left:8%;right:8%;bottom:6px;height:3px;border-radius:2px;background:var(--grad)}
.ph-continue__i b{display:block;margin-top:6px;font-size:13px;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ph-continue__i small{display:block;font-size:12px;color:var(--muted)}
@media (min-width:768px){.ph-continue{margin:16px 0 6px}.ph-continue__i{flex-basis:200px}}
/* v42 — nút "Xem tiếp" trên trang phim (khi đã xem dở) */
.ph-resume{display:inline-flex;align-items:center;gap:6px;margin:0 0 4px auto;padding:7px 14px;border-radius:999px;background:rgba(255,160,32,.12);border:1px solid rgba(255,160,32,.35);color:var(--accent-2)!important;font-size:13px;font-weight:600;text-decoration:none!important;white-space:nowrap}
.ph-resume:hover{background:var(--grad);color:var(--accent-ink)!important;border-color:transparent}
/* v42 — phim 1 tập: giấu lưới tập thừa trên trang phim (khối .ph-eps thật, v40 trỏ nhầm .ph-eplist) */
.ph-eps.ph-single .ph-eps__grid,.ph-eps.ph-single .ph-eps__ranges,.ph-eps.ph-single .ph-eps__servers{display:none!important}
.ph-eps.ph-single .ph-eps__latest{margin-left:0;font-size:14px;padding:9px 16px}
/* v42 — khối "Các phần khác" đặt sau .ph-eps: khoảng cách đều */
.ph-eps+.ph-related{margin-top:14px}
/* v43 — không thay đổi giao diện; bump ?v=430 để trình duyệt nạp lại CSS sau khi sửa trang tĩnh */

/* ============================================================
   v46 — Mô tả phim: gập gọn 4 dòng + nút "Xem thêm" trên MỌI thiết bị
   (trước chỉ chạy ở mobile; PC hiện full nên bị "dư ra"). Làm ở tầng
   cấu trúc: JS bọc nội dung vào .ph-desc__body (cắt dòng), nút để ngoài.
   ============================================================ */
.TPost.Single .Description .ph-desc__body{display:block}
.TPost.Single .Description .ph-desc__body.is-clamped{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden!important;max-height:7em!important}  /* !important để thắng rule dòng ~549 ép overflow:visible cho .Description>* */
.TPost.Single .Description .ph-more{display:inline-flex;align-items:center;gap:6px;margin:10px 0 0;padding:6px 16px;border-radius:999px;background:var(--surface2);border:1px solid var(--line);color:var(--accent-2)!important;font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s var(--ease,ease),border-color .2s,color .2s;grid-column:auto!important}
.TPost.Single .Description .ph-more::after{content:"▾";font-size:10px;line-height:1}
.TPost.Single .Description .ph-more.is-open::after{content:"▴"}
.TPost.Single .Description .ph-more:hover{background:var(--grad);color:var(--accent-ink)!important;border-color:transparent}

/* v46 — FIX trang phim cao bất thường (~28.000px): panel tab ẩn (Diễn viên/Trailer/Hình ảnh)
   vẫn render chiếm chỗ → chỉ hiện panel .on (đang chọn). Cắt ~22.000px trống. */
.MovieInfo .MvTbCn:not(.on),article.TPost.Single .MvTbCn:not(.on),.MvTbList .MvTbCn:not(.on){display:none!important}

/* v46 — FIX "Có thể bạn sẽ thích" & mọi list .myui-vodlist__bd cao vọt:
   li.col-md-* không co lại trong layout mới → mỗi .myui-vodlist__box (padding-top:150%)
   = 150% của FULL WIDTH ≈ 1940px/item. Ép thành lưới poster gọn. */
.myui-vodlist__bd{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;gap:18px 12px!important;margin:0!important;padding:0!important;list-style:none}
.myui-vodlist__bd>li{width:auto!important;max-width:none!important;min-width:0!important;float:none!important;padding:0!important;margin:0!important}
.myui-vodlist__bd .myui-vodlist__thumb{background-size:cover!important;background-position:center!important}
@media(max-width:767px){.myui-vodlist__bd{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))!important;gap:12px 8px!important}}
/* ===== v46: LƯỚI AN TOÀN CHỐNG TRÀN NGANG (chỉ ràng buộc theo CHIỀU RỘNG, an toàn cho prod) =====
   KHÔNG đụng overflow-x của html/body ở PC (sẽ phá header position:sticky dòng 24).
   Ràng buộc trực tiếp các nguồn tràn: ảnh carousel/xếp-hạng, phân trang, ô nhập.
   Trên prod (đã có main.css) các rule này là vô hại (ảnh vốn đã ≤100% cột). */
.myui-vodlist__media img,.pack_pack_cover img,.leaderboard-card img,.list-film img,.most-view img,.pack_yk_pack img{max-width:100%!important}
/* phân trang không đẩy tràn: cho xuống dòng, bó trong khung */
.catalog__paginator-wrap,.pagination,.pagination-list{max-width:100%!important;flex-wrap:wrap!important}
/* ô nhập trong khung tìm dùng border-box để không vượt 100% khi có padding+border */
.search-box input,.search_wd,.mod-search,#search-input,#keyword,input.form-control{box-sizing:border-box!important}
/* ===== v49: TOP 10 THỊNH HÀNH THẾ GIỚI (TMDB) ===== */
.ph-top10{margin:20px 0 6px}
.ph-top10__title{font-size:18px;font-weight:800;margin:0 0 12px;color:var(--text);letter-spacing:.2px}
.ph-top10__row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(215px,240px);gap:12px;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.ph-top10__row::-webkit-scrollbar{display:none}
.ph-top10__item{display:flex;gap:10px;align-items:center;background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:14px;padding:9px 12px 9px 8px;scroll-snap-align:start;transition:transform .15s,border-color .15s}
.ph-top10__item:hover{transform:translateY(-2px);border-color:var(--accent)}
.ph-top10__rank{font-size:24px;font-weight:800;color:var(--accent);min-width:28px;text-align:center;font-style:italic}
.ph-top10__thumb{width:50px;height:72px;border-radius:8px;overflow:hidden;flex:0 0 auto;background:#1a2332}
.ph-top10__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ph-top10__meta{min-width:0}
.ph-top10__meta b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px;line-height:1.35;color:var(--text)}
.ph-top10__meta i{display:block;font-style:normal;font-size:11px;color:var(--accent-2);margin-top:3px}
@media(max-width:767px){.ph-top10__row{grid-auto-columns:minmax(200px,72vw)}.ph-top10__title{font-size:16px}}
.ph-world-badge{display:inline-block;margin-top:5px;font-size:10.5px;font-weight:600;padding:2px 9px;border-radius:999px;background:rgba(77,157,255,.14);color:#7db4ff;border:1px solid rgba(77,157,255,.32);line-height:1.5}

/* ===== v49: FOOTER gọn — brand + chip link + đoạn giới thiệu SEO + copyright ===== */
footer.border.bg-black,footer.bg-black{background:linear-gradient(180deg,#101725,#0c121d)!important;border:1px solid var(--line)!important;border-radius:18px!important;margin:28px auto 14px!important}
footer .flex.flex-col{display:flex!important;flex-direction:column!important;gap:14px!important;padding:24px 22px 4px!important}
footer [class~="lg:w-1/3"],footer [class~="lg:w-2/3"]{width:100%!important;max-width:none!important}
footer [class~="lg:w-1/3"] .pt-2 p{max-width:760px;font-size:13.5px!important;color:#aab6c5!important;line-height:1.65}
/* 3 cột link → 1 dải chip phẳng, ẩn 3 tiêu đề cột */
footer .grid{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
footer .grid>div{display:contents}
footer .grid>div>span{display:none!important}
footer .grid ul{display:contents}
footer .grid li{display:inline-flex!important;margin:0!important}
footer .grid a{display:inline-flex!important;align-items:center;padding:6px 13px!important;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--line);font-size:12.5px!important;color:#c9d2df!important;line-height:1.2;text-decoration:none}
footer .grid a:hover{border-color:var(--accent);color:var(--accent-2)!important}
.ph-f2__about{font-size:12.5px;line-height:1.75;color:#93a1b3;border-top:1px solid var(--line);margin:2px 22px 0;padding:14px 0 14px}
.ph-f2__about strong{color:#cbd6e3;font-weight:600}
@media(max-width:767px){footer .flex.flex-col{padding:20px 14px 2px!important}.ph-f2__about{margin:0 14px}}
/* v49 vá: thẻ Top10 không ăn style link mặc định của theme */
.ph-top10__item,.ph-top10__item *{text-decoration:none!important;box-shadow:none!important}
.ph-top10__item{background:rgba(255,255,255,.045)!important;color:var(--text)!important}
.ph-top10__item:hover{background:rgba(255,255,255,.07)!important}
.ph-top10__meta b{color:var(--text)!important}
.ph-top10__meta i{color:var(--accent-2)!important}
.ph-top10__thumb img[src=""],.ph-top10__thumb img:not([src]){display:none}
/* copyright trong footer: thẳng hàng padding, chữ nhỏ gọn */
footer .container>p{margin:6px 0 10px!important;padding:0 22px!important;font-size:12px!important;color:#8b97a7!important}
@media(max-width:767px){footer .container>p{padding:0 14px!important}}
/* ===== v50: PANEL NGUỒN PHÁT + đo tốc độ + ẩn nguồn lỗi ===== */
.ph-nguon{margin:14px 0;padding:14px 16px;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:14px}
.ph-nguon__hd{font-size:14.5px;font-weight:700;color:var(--text);margin-bottom:10px}
.ph-nguon__hd i{display:block;font-style:normal;font-weight:400;font-size:11.5px;color:var(--muted);margin-top:2px}
.ph-nguon__row{display:flex;align-items:flex-start;gap:10px;margin:8px 0}
.ph-nguon__dub{flex:0 0 auto;min-width:92px;padding:6px 0;font-size:12.5px;font-weight:700;color:var(--accent-2)}
.ph-nguon__list{display:flex;flex-wrap:wrap;gap:8px}
.ph-nguon__sv{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--line);font-size:12.5px;color:var(--text)!important;text-decoration:none!important;line-height:1.2;transition:border-color .15s,transform .15s}
.ph-nguon__sv:hover{border-color:var(--accent);transform:translateY(-1px)}
.ph-nguon__sv u{text-decoration:none;color:var(--muted);font-size:11px}
.ph-nguon__sv em{font-style:normal;font-size:10.5px;color:#ff7d7d}
.ph-nguon__sv.is-cur{background:var(--grad)!important;color:var(--accent-ink)!important;border-color:transparent}
.ph-nguon__sv.is-cur u{color:rgba(20,20,20,.65)}
.ph-nguon__sv.is-bad{opacity:.55;border-style:dashed}
.ph-nguon__dot{width:8px;height:8px;border-radius:50%;background:#5b6b80;flex:0 0 auto}
.ph-nguon__dot.is-fast{background:#38d996;box-shadow:0 0 6px rgba(56,217,150,.7)}
.ph-nguon__dot.is-mid{background:#f5c04a}
.ph-nguon__dot.is-slow{background:#ff7d7d}
.ph-fastest{font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;background:rgba(56,217,150,.16);color:#38d996;border:1px solid rgba(56,217,150,.35)}
.ph-nguon__sv.is-cur .ph-fastest{background:rgba(0,0,0,.18);color:#0a3;border-color:transparent}
.ph-nguon__warn{margin-top:10px;padding:9px 12px;border-radius:10px;background:rgba(255,125,125,.1);border:1px solid rgba(255,125,125,.3);color:#ffb3b3;font-size:12.5px}
@media(max-width:767px){.ph-nguon{padding:12px}.ph-nguon__row{flex-direction:column;gap:6px}.ph-nguon__dub{min-width:0;padding:0}}
/* v58 */ .ph-top10--vn .ph-top10__rank{color:#ff6b6b} .ph-top10--vn .ph-top10__item:hover{border-color:#ff6b6b}

/* ============================================================================
   v62 — UI TỔNG THỂ (20-09-2026): ảnh khối "Có thể bạn sẽ thích", ẩn H1, footer đồng bộ, số hạng đặc,
   filter 1 hàng, panel Nguồn phát v2 + Server 1/2/3, khối thông tin trang tập, badge tinh gọn, palette hài hoà,
   nav/dropdown cao cấp, "Xem thêm" nhỏ, tiêu đề sidebar, Keywords/Diễn viên/Trailer/Hình ảnh, phim Full gọn
   ============================================================================ */
/* ---- (1) ẢNH POSTER khối liên quan: rule cũ dùng shorthand background!important đè mất ảnh inline → chỉ đặt màu nền + ảnh chờ KHÔNG important */
.myui-vodlist__thumb,.mod-thumb,.pack_pack_cover{background-color:var(--surface2)!important;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233b4a63'><path d='M4 4h16v16H4zm2 2v12h12V6zm3 3l6 3-6 3z'/></svg>");background-position:center!important;background-size:34%;background-repeat:no-repeat!important}
.myui-vodlist__thumb[style*="background"],.mod-thumb[style*="background"],.pack_pack_cover[style*="background"]{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
/* ---- (2) H1 trang chủ: giữ cho Google, ẩn khỏi mắt (sr-only) ---- */
.ph-h1{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/* ---- (3) khung .video-footer trống ---- */
.video-footer:not(:has(*:not(script):not(style))){display:none!important}
/* ---- (4) TRENDING: số hạng đặc, to hơn ---- */
ul.list-film.leaderboard>li.leaderboard-card{grid-template-columns:46px 70px minmax(0,1fr)!important}
.leaderboard-rank{width:46px!important;min-width:46px!important}
.leaderboard-rank span::before{font-size:34px!important;font-weight:900!important;color:#e9eef7!important;-webkit-text-stroke:0!important;letter-spacing:-1.5px;text-shadow:0 2px 10px rgba(0,0,0,.45);font-style:italic}
ul.list-film.leaderboard>li.leaderboard-card:nth-child(-n+3) .leaderboard-rank span::before,
ul.list-film.leaderboard>li.leaderboard-card.d:nth-of-type(-n+3) .leaderboard-rank span::before,
ul.list-film.leaderboard>li.leaderboard-card.w:nth-of-type(n+10):nth-of-type(-n+12) .leaderboard-rank span::before,
ul.list-film.leaderboard>li.leaderboard-card.m:nth-of-type(n+19):nth-of-type(-n+21) .leaderboard-rank span::before{color:transparent!important;-webkit-text-stroke:0!important;background:linear-gradient(180deg,#ffd77a,#ff9a2e);-webkit-background-clip:text;background-clip:text;text-shadow:none;filter:drop-shadow(0 2px 8px rgba(255,160,32,.35))}
/* ---- (5) FOOTER: mọi thứ căn giữa & trong lề, đoạn SEO nằm trong khung ---- */
footer.bg-black,footer.border.bg-black{max-width:1170px;padding:0 0 4px!important}
footer [class~="lg:w-1/3"]{text-align:center}
footer [class~="lg:w-1/3"] .pt-2 p{margin:0 auto!important;text-align:center}
footer .flex.justify-center,footer a.flex{justify-content:center!important}
footer .grid{justify-content:center!important}
footer .py-3.text-center{font-size:12.5px!important;color:#8b97a7!important;padding:10px 14px!important;margin:6px 14px 0!important;border-top:1px solid var(--line)!important}
.ph-f2__about{max-width:980px;margin:0 auto!important;padding:12px 22px 16px!important;text-align:center;font-size:12.5px;line-height:1.75;color:#8f9db0;border-top:0!important}
.ph-f2__about strong{color:#c3ceda}
@media(max-width:767px){.ph-f2__about{padding:10px 14px 14px!important;font-size:12px}}
/* ---- (6) FILTER trang danh sách: PC 1 hàng (4 chọn + nút), select tuỳ biến ---- */
#form-filter .filter-box .row{grid-template-columns:repeat(4,minmax(0,1fr)) 150px!important;gap:10px!important;align-items:center}
#form-filter .filter-box{padding:12px!important;border-radius:16px!important;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02))!important;border:1px solid rgba(255,255,255,.1)!important}
#form-filter select.form-control{height:42px!important;border-radius:11px!important;background:rgba(255,255,255,.06) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ffc247' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") no-repeat right 12px center!important;border:1px solid rgba(255,255,255,.12)!important;font-weight:500;cursor:pointer}
#form-filter select.form-control:hover{border-color:rgba(255,194,71,.45)!important}
#form-filter .btn-submit{height:42px!important;border-radius:11px!important;box-shadow:0 8px 20px rgba(255,160,32,.25)!important;letter-spacing:.2px}
@media(max-width:991px){#form-filter .filter-box .row{grid-template-columns:repeat(2,minmax(0,1fr))!important}#form-filter .filter-box .row>[class*="col-"]:last-child{grid-column:1/-1}}
/* ---- (7) NGUỒN PHÁT v2: dễ đọc, nhãn Server N ---- */
.ph-nguon{margin:12px 0;padding:14px 16px 12px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);border-radius:16px}
.ph-nguon__hd{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:10px}
.ph-nguon__hd b{font-size:15px;font-weight:800;color:var(--text)}
.ph-nguon__hd i{display:inline;font-style:normal;font-size:11.5px;color:var(--muted);margin:0}
.ph-nguon__row{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:8px 12px;margin:0;padding:8px 0;border-top:1px dashed rgba(255,255,255,.07)}
.ph-nguon__row:first-of-type{border-top:0}
.ph-nguon__dub{min-width:0;padding:0;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--accent-2)}
.ph-nguon__list{display:flex;flex-wrap:wrap;gap:8px}
.ph-nguon__sv{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);font-size:13px;color:var(--text)!important;text-decoration:none!important;line-height:1.2;transition:border-color .15s,transform .15s,background .15s}
.ph-nguon__sv b{font-weight:700}
.ph-nguon__sv u{text-decoration:none;color:var(--muted);font-size:11.5px}
.ph-nguon__sv em{font-style:normal;font-size:10.5px;color:#ff8d8d}
.ph-nguon__sv em.ph-nguon__on{color:var(--accent-ink);background:rgba(0,0,0,.16);padding:2px 7px;border-radius:999px;font-weight:700}
.ph-nguon__sv:hover{border-color:rgba(255,194,71,.55);background:rgba(255,160,32,.08);transform:translateY(-1px)}
.ph-nguon__sv.is-cur{background:var(--grad)!important;color:var(--accent-ink)!important;border-color:transparent;box-shadow:0 8px 18px rgba(255,160,32,.25)}
.ph-nguon__sv.is-cur u{color:rgba(20,20,20,.7)}
.ph-nguon__sv.is-bad{opacity:.55;border-style:dashed}
.ph-nguon__sv.is-nosib{opacity:.8}
.ph-nguon__dot{width:8px;height:8px;border-radius:50%;background:#5b6b80;flex:0 0 auto;box-shadow:0 0 0 2px rgba(255,255,255,.06)}
.ph-nguon__dot.is-fast{background:#4ad48f;box-shadow:0 0 8px rgba(74,212,143,.7)}
.ph-nguon__dot.is-mid{background:#f5c04a}
.ph-nguon__dot.is-slow{background:#ff7d7d}
.ph-fastest{margin-left:2px;padding:2px 8px;border-radius:999px;font-size:10.5px;font-weight:700;background:rgba(74,212,143,.14);color:#4ad48f;border:1px solid rgba(74,212,143,.35)}
.ph-nguon__sv.is-cur .ph-fastest{background:rgba(0,0,0,.18);color:#0a5a2e;border-color:transparent}
@media(max-width:767px){.ph-nguon{padding:12px}.ph-nguon__row{grid-template-columns:1fr;gap:6px}.ph-nguon__dub{font-size:11px}.ph-nguon__sv{padding:8px 12px;font-size:12.5px}}
/* tiêu đề danh sách tập (theme ẩn tab tên nguồn) + gọn khoảng trống */
.ph-eps-hd{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin:2px 0 12px;padding:0 0 10px;border-bottom:1px solid var(--line)}
.ph-eps-hd b{font-size:16px;font-weight:800;color:var(--text)}
.ph-eps-hd span{font-size:13px;font-weight:600;color:var(--accent-2)}
.ph-eps-hd small{font-size:11.5px;color:var(--muted)}
#servers-container .myui-panel_hd:has(.myui-panel__head[style*="display: none"]),#servers-container .myui-panel_hd:not(:has(*:not([style*="display: none"]))){display:none!important}
#ploption{margin:12px 0 8px!important}
#ploption+div>br,#servers-container~br{display:none!important}
/* ---- (8) KHỐI THÔNG TIN dưới mô tả tập ---- */
.ph-epinfo{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);font-size:13px;line-height:1.6}
.ph-epinfo__chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.ph-epinfo__chips span{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);font-size:12px;color:#dfe6f3;white-space:nowrap}
.ph-epinfo__kv{display:flex;gap:8px;margin:4px 0;color:#c9d2df}
.ph-epinfo__kv b{flex:0 0 78px;color:var(--muted);font-weight:600}
.ph-epinfo__kv span{min-width:0}
.ph-epinfo__more{margin-top:8px}
.ph-epinfo__more summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--accent-2);font-size:13px;padding:4px 0}
.ph-epinfo__more summary::-webkit-details-marker{display:none}
.ph-epinfo__more summary::after{content:"▾";font-size:10px}
.ph-epinfo__more[open] summary::after{content:"▴"}
.ph-epinfo__more>div{margin-top:6px;color:#c9d2df;font-size:13.5px;line-height:1.75}
.TPost.Single .Description .ph-desc__body.is-clamped{-webkit-line-clamp:5!important;line-clamp:5!important;max-height:9em!important}
/* ---- (9) BADGE trên poster: nhỏ, kính tối + chữ vàng (trạng thái), hổ phách (ngôn ngữ), trắng mờ (chất lượng) ---- */
.pic-tag,.mod-tag,.pic-text{padding:2px 7px!important;border-radius:6px!important;font-size:10.5px!important;font-weight:700!important;line-height:1.5!important;background:rgba(9,13,22,.78)!important;color:#ffd58a!important;border:1px solid rgba(255,194,71,.28)!important;letter-spacing:.1px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis}
.mod-lang,.ph-badge--lang{padding:2px 7px!important;border-radius:6px!important;font-size:10.5px!important;font-weight:700!important;background:linear-gradient(135deg,#f0803c,#ffb340)!important;color:#1a1200!important;border:0!important;box-shadow:0 2px 8px rgba(0,0,0,.35)}
.Objf .pic-tag,.myui-content__thumb .pic-tag,.Objf .pic-text,.ph-badge--q,.status__18,.pic-tag-top+.pic-text{background:rgba(255,255,255,.88)!important;color:#12192a!important;border:0!important;font-size:10.5px!important;padding:2px 7px!important;border-radius:6px!important;text-transform:uppercase}
.myui-vodlist__thumb .pic-tag-top{top:auto!important;bottom:8px!important;left:8px!important}
.mod-quality{background:rgba(255,255,255,.9)!important;color:#12192a!important;font-size:10px!important;font-weight:800!important;padding:2px 6px!important;border-radius:6px!important;letter-spacing:.3px;box-shadow:0 2px 8px rgba(0,0,0,.35)}
.mod-badges{gap:4px!important}
.mod-badges .mod-tag{background:rgba(9,13,22,.78)!important;color:#ffd58a!important;border:1px solid rgba(255,194,71,.28)!important}
.mod-badges .mod-lang{background:linear-gradient(135deg,#f0803c,#ffb340)!important;color:#1a1200!important}
/* ---- (10) PALETTE hài hoà: bỏ xanh chanh, đồng bộ hổ phách/vàng/navy ---- */
:root{--lime:#ffcf6b}
.btn-primary,.btn.btn-primary,.ph-btn--primary,.btn-submit,#ploption .btn-sv.current{background:linear-gradient(135deg,#f0803c 0%,#ffb340 100%)!important;color:#1a1200!important}
/* ---- (11) "Xem thêm": nhỏ, nhẹ, không thanh dài ---- */
.TPost.Single .Description .ph-more,.ph-more{display:inline-flex!important;width:auto!important;max-width:none!important;align-self:flex-start;justify-self:start!important;padding:4px 12px!important;margin:8px 0 0!important;border-radius:999px!important;background:transparent!important;border:1px solid rgba(255,194,71,.35)!important;color:var(--accent-2)!important;font-size:12px!important;font-weight:600!important;line-height:1.4;box-shadow:none!important}
.TPost.Single .Description .ph-more:hover,.ph-more:hover{background:rgba(255,160,32,.12)!important;border-color:rgba(255,194,71,.6)!important}
.TPost.Single .Description .ph-more::after{margin-left:4px}
/* ---- (12) TIÊU ĐỀ SIDEBAR (Trending / Top phim lẻ / Top phim bộ): cao cấp ---- */
.myui-sidebar .myui-panel__head{padding:0 0 10px!important;margin:0 0 12px!important;border-bottom:1px solid transparent!important;border-image:linear-gradient(90deg,rgba(255,194,71,.55),rgba(255,194,71,.05)) 1!important}
.myui-sidebar .myui-panel__head .title,.myui-sidebar .myui-panel__head h3{font-size:15px!important;font-weight:800!important;letter-spacing:.6px;text-transform:uppercase;padding-left:16px!important;background:linear-gradient(90deg,#fff 0%,#ffd98a 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.myui-sidebar .myui-panel__head .title::before,.myui-sidebar .myui-panel__head h3::before{top:2px!important;bottom:2px!important;width:5px!important;border-radius:6px!important;box-shadow:0 0 10px rgba(255,160,32,.55)}
.myui-sidebar .myui-panel__head .title::after,.myui-sidebar .myui-panel__head h3::after{content:none!important}
.myui-sidebar .myui-panel__head [data-tippy-content]{display:none!important}
.ph-sb-note{display:block;margin:-6px 0 10px;font-size:11.5px;color:var(--muted)}
/* ---- (13) NAV + DROPDOWN cao cấp ---- */
.myui-header__menu>li>a,.nav-menu>li>a{font-weight:600!important;font-size:14.5px!important;padding:9px 15px!important;letter-spacing:.2px;border-radius:12px!important;transition:background .18s,color .18s}
.myui-header__menu>li>a svg{transition:transform .2s;opacity:.8;margin-left:2px}
.myui-header__menu>li:hover>a svg,.myui-header__menu>li.open>a svg{transform:rotate(180deg);opacity:1}
.myui-header__menu>li>a:hover,.myui-header__menu>li:hover>a,.myui-header__menu>li.active>a{color:var(--accent-2)!important;background:rgba(255,160,32,.12)!important}
.menu-block{position:relative}
.myui-header__menu>li{position:static!important}
.myui-header__menu .sub,.nav-menu>li .sub{left:0!important;right:auto;top:calc(100% + 6px)!important;padding:14px 14px 12px!important;border-radius:16px!important;background:rgba(22,30,45,.96)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,194,71,.16)!important;box-shadow:0 26px 60px rgba(0,0,0,.6),0 0 0 1px rgba(0,0,0,.35)!important;grid-template-columns:repeat(4,minmax(160px,1fr))!important;gap:4px 14px!important;max-width:min(94vw,820px)!important;z-index:1200}
.myui-header__menu .sub li a{display:flex!important;align-items:center;gap:8px;padding:8px 12px!important;border-radius:10px!important;font-size:13.5px!important;font-weight:500!important;color:#dbe3ee!important;transition:background .15s,color .15s,transform .15s}
.myui-header__menu .sub li a::before{content:"";width:6px;height:6px;border-radius:50%;background:rgba(255,194,71,.35);flex:0 0 auto;transition:background .15s}
.myui-header__menu .sub li a:hover{background:rgba(255,160,32,.12)!important;color:var(--accent-2)!important;transform:translateX(2px)}
.myui-header__menu .sub li a:hover::before{background:var(--accent-2)}
@media(max-width:991px){.myui-header__menu .sub{grid-template-columns:repeat(2,minmax(140px,1fr))!important}}
/* ---- (14) TRANG PHIM: Keywords / Diễn viên / Trailer / Hình ảnh ---- */
#tags{margin:18px 0 6px;padding:14px 16px;background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:14px}
#tags label{display:block;margin:0 0 8px!important;font-size:12px!important;font-weight:700!important;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)!important}
#tags .tag-list{gap:8px}
#tags .tag-list h3,#tags .tag-list strong{display:inline!important;border:0!important;padding:0!important;margin:0!important;background:none!important}
#tags .tag-list a{padding:6px 12px!important;border-radius:999px!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.1)!important;font-size:12.5px!important}
#tags .tag-list a::before{content:"#";color:var(--accent-2);margin-right:3px;font-weight:700}
.MovieInfo .MovieTabNav{gap:8px!important;padding:6px!important;background:rgba(255,255,255,.04)!important;border-radius:14px!important;border:1px solid var(--line)}
.MovieInfo .MovieTabNav .Lnk{padding:8px 16px!important;border-radius:10px!important;border:0!important;background:transparent!important;font-size:13.5px!important}
.MovieInfo .MovieTabNav .Lnk:hover{background:rgba(255,255,255,.06)!important;color:var(--text)!important}
.MovieInfo .MovieTabNav .Lnk.on{background:var(--grad)!important;color:var(--accent-ink)!important}
.MovieInfo .MovieTabNav .Lnk.on::after,.MovieInfo .MovieTabNav .Lnk::after{content:none!important;display:none!important}
.MvTbCn ul.ListCast{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:14px 12px;list-style:none;margin:0!important;padding:4px 0 0!important}
.MvTbCn ul.ListCast li{width:auto!important;float:none!important;margin:0!important;padding:0!important}
.MvTbCn ul.ListCast a{display:block;text-decoration:none!important;color:var(--text)!important;text-align:center}
.MvTbCn ul.ListCast figure{margin:0!important;padding:0!important}
.MvTbCn ul.ListCast .Objf{display:block;width:96px;height:96px;margin:0 auto 8px;border-radius:50%;overflow:hidden;background:var(--surface2);border:2px solid rgba(255,194,71,.25);box-shadow:0 10px 24px rgba(0,0,0,.45);transition:transform .2s,border-color .2s}
.MvTbCn ul.ListCast a:hover .Objf{transform:translateY(-3px);border-color:var(--accent-2)}
.MvTbCn ul.ListCast .Objf img{width:100%!important;height:100%!important;object-fit:cover;display:block;position:static!important}
.MvTbCn ul.ListCast .Objf img[src*="cast-image"]{object-fit:contain;padding:22px;opacity:.55;filter:grayscale(1)}
.MvTbCn ul.ListCast figcaption{font-size:12.5px;font-weight:600;line-height:1.3;color:#e6ecf5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.MvTbCn ul.ListCast figcaption::after{content:"Diễn viên";display:block;font-size:10.5px;font-weight:400;color:var(--muted);margin-top:2px}
#MvTb-Trailer .TPlayerCn,#MvTb-Trailer .EcBgA,#MvTb-Trailer .TPlayer{background:transparent!important;padding:0!important}
#MvTb-Trailer iframe{width:100%!important;aspect-ratio:16/9;height:auto!important;min-height:220px;border-radius:14px;border:1px solid var(--line);background:#000}
.ph-trailer-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;padding:26px 18px;border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px dashed rgba(255,194,71,.3);color:var(--muted);font-size:13.5px;text-align:center}
.ph-trailer-card a{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:var(--grad);color:var(--accent-ink)!important;font-weight:700;text-decoration:none!important;box-shadow:0 8px 20px rgba(255,160,32,.25)}
#MvTb-Image>div{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
#MvTb-Image .item{display:block!important;position:relative;border-radius:14px;overflow:hidden;background:var(--surface2);border:1px solid var(--line)}
#MvTb-Image .item center{display:block}
#MvTb-Image .item img{width:100%!important;height:auto!important;display:block;aspect-ratio:2/3;object-fit:cover;transition:transform .35s}
#MvTb-Image .item:hover img{transform:scale(1.03)}
#MvTb-Image .item .carousel-caption{position:absolute!important;left:0;right:0;bottom:0;padding:22px 12px 10px!important;background:linear-gradient(to top,rgba(0,0,0,.75),rgba(0,0,0,0))!important;color:#fff!important;font-size:12.5px!important;text-align:left!important;text-shadow:0 1px 4px rgba(0,0,0,.7)}
#MvTb-Image .item.ph-wide img{aspect-ratio:16/9}
/* ---- (15) PHIM 1 TẬP (Full): hàng server = nút phát, không lưới lẻ loi ---- */
.ph-eps.ph-full .ph-eps__panel,.ph-eps.ph-full .ph-eps__ranges,.ph-eps.ph-full .ph-eps__latest{display:none!important}
.ph-eps.ph-full .ph-eps__servers{display:flex!important;flex-wrap:wrap;gap:10px}
.ph-eps.ph-full .ph-eps__server.is-play{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:var(--text)!important;font-weight:700;font-size:13.5px;text-decoration:none!important}
.ph-eps.ph-full .ph-eps__server.is-play em{font-style:normal;font-weight:500;color:var(--muted);font-size:12px}
.ph-eps.ph-full .ph-eps__server.is-play:first-child{background:var(--grad);color:var(--accent-ink)!important;border-color:transparent;box-shadow:0 8px 20px rgba(255,160,32,.25)}
.ph-eps.ph-full .ph-eps__server.is-play:first-child em{color:rgba(20,20,20,.7)}
body.ph-watch-full #servers-container,body.ph-watch-full .ph-eps-hd{display:none!important}
/* ---- (16) số liệu thị trường (Wikipedia) trong sidebar ---- */
.ph-mkt{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:#ffd58a;white-space:nowrap}
.ph-mkt small{color:var(--muted);font-size:10.5px}
/* ---- (17) MOBILE: player tràn phải 37px do aspect-ratio + min-height 240 (240×16/9=427 > 390) → bỏ min-height, để tỉ lệ 16:9 tự tính ---- */
@media(max-width:767px){#main-player{min-height:0!important;max-width:calc(100% + 24px)!important}#main-player iframe,#main-player video,#main-player>div{min-height:0!important}}

.ph-eps-hd #btn-toggle-error.ph-in-hd{float:none!important;margin:0 0 0 auto!important;order:9}

/* lưới liên quan: bỏ ::before/::after của .clearfix (thành ô lưới trống) */
.myui-vodlist__bd::before,.myui-vodlist__bd::after{display:none!important;content:none!important}
/* #ploption chỉ 1 nút → không có gì để chọn → ẩn */
#ploption:has(> .btn-sv:only-of-type){display:none!important}
@media(max-width:767px){.ph-eps-hd{align-items:center}.ph-eps-hd #btn-toggle-error.ph-in-hd{flex:0 0 100%;margin:6px 0 0!important;justify-content:center}}

.leaderboard-card.ph-mkt-on .leaderboard-card-left{color:#ffd58a!important}
.leaderboard-card.ph-mkt-on.d .leaderboard-card-left span::after{content:" quan tâm/ngày"!important}
.leaderboard-card.ph-mkt-on.w .leaderboard-card-left span::after{content:" quan tâm/tuần"!important}
.leaderboard-card.ph-mkt-on.m .leaderboard-card-left span::after{content:" quan tâm/tháng"!important}
/* ===================== PHIMHAY123 v64 — SẮC XANH CHO "THUYẾT MINH" (trung hoà tông nóng, hài hoà với chip thể loại) =====================
   Hệ màu bản dịch: Vietsub = hổ phách (ấm) · Thuyết minh = xanh ngọc (mát) · Lồng tiếng = xanh dương. Áp dụng nhất quán:
   badge thẻ phim/hero, tab server, nút server, panel Nguồn phát, dòng "Đang xem", chip thông tin, nhãn "Hoàn tất … Thuyết Minh". */
:root{--tm-a:#1d8f80;--tm-b:#5cc39d;--tm-t:#7fe0c0;--tm-ink:#fff;--lt-a:#2f6fc4;--lt-b:#5ea6e8;--lt-t:#9cc9ff}
/* 1. badge đơn */
.mod-lang[data-dub="tm"],.pic-text[data-dub="tm"],.ph-badge--lang[data-dub="tm"],.mod-badges .mod-lang[data-dub="tm"]{background:linear-gradient(135deg,var(--tm-a),var(--tm-b))!important;color:var(--tm-ink)!important;text-shadow:0 1px 0 rgba(0,0,0,.15)}
.mod-lang[data-dub="lt"],.pic-text[data-dub="lt"],.ph-badge--lang[data-dub="lt"],.mod-badges .mod-lang[data-dub="lt"]{background:linear-gradient(135deg,var(--lt-a),var(--lt-b))!important;color:#fff!important;text-shadow:0 1px 0 rgba(0,0,0,.15)}
/* 2. badge ghép "Vietsub + TM": 2 khoang liền nhau, mỗi khoang 1 màu */
.mod-lang.ph-dub-mix,.pic-text.ph-dub-mix,.ph-badge--lang.ph-dub-mix,.mod-badges .mod-lang.ph-dub-mix{display:inline-flex!important;align-items:stretch;padding:0!important;background:transparent!important;border:0!important;overflow:hidden;gap:0;box-shadow:0 2px 8px rgba(0,0,0,.25);text-shadow:none}
.ph-dub-mix>i{font-style:normal;display:inline-flex;align-items:center;padding:2px 7px;line-height:1.5;font-weight:700;font-size:inherit}
.ph-dub-mix>i+i{border-left:1px solid rgba(255,255,255,.35)}
.ph-dub-mix>.ph-dub--vs{background:linear-gradient(135deg,#f0803c,#ffb340);color:#1a1200}
.ph-dub-mix>.ph-dub--tm{background:linear-gradient(135deg,var(--tm-a),var(--tm-b));color:#fff}
.ph-dub-mix>.ph-dub--lt{background:linear-gradient(135deg,var(--lt-a),var(--lt-b));color:#fff}
.ph-hero__meta .ph-badge--lang.ph-dub-mix>i{padding:3px 10px}
@media(max-width:767px){.ph-hero__meta .ph-badge--lang.ph-dub-mix>i,.mod-badges .mod-lang.ph-dub-mix>i{padding:2px 6px;font-size:10px}}
/* 3. chữ Thuyết minh / Lồng tiếng trong nhãn text → tô xanh; Vietsub giữ màu chữ hiện tại */
.ph-dubw{font-style:normal}
.ph-dubw--tm{color:var(--tm-t)}
.ph-dubw--lt{color:var(--lt-t)}
.pic-tag .ph-dubw--tm,.mod-tag .ph-dubw--tm{color:#8fe8cb}
.pic-tag .ph-dubw--lt,.mod-tag .ph-dubw--lt{color:#a8d2ff}
/* 4. tab server đang chọn: Thuyết minh → xanh ngọc (thay hổ phách); Lồng tiếng → xanh dương */
.nav-tabs>li.active>a.ph-tab--thuyetminh,.nav-tabs>li>a.ph-tab--thuyetminh:hover,.nav-tabs>li.ph-tab--thuyetminh.active>a{background:linear-gradient(135deg,var(--tm-a),var(--tm-b))!important;color:#fff!important;border-color:rgba(92,195,157,.7)!important}
.nav-tabs>li.active>a.ph-tab--longtieng,.nav-tabs>li>a.ph-tab--longtieng:hover,.nav-tabs>li.ph-tab--longtieng.active>a{background:linear-gradient(135deg,var(--lt-a),var(--lt-b))!important;color:#fff!important;border-color:rgba(94,166,232,.7)!important}
.nav-tabs>li.active>a.ph-tab--thuyetminh .ph-dubw,.nav-tabs>li.active>a.ph-tab--longtieng .ph-dubw,.nav-tabs>li>a.ph-tab--thuyetminh:hover .ph-dubw,.nav-tabs>li>a.ph-tab--longtieng:hover .ph-dubw{color:#fff}
.nav-tabs>li.active>a.ph-tab--vietsub .ph-dubw,.nav-tabs>li>a:hover .ph-dubw--vs{color:inherit}
/* 5. nút server trang phim (.ph-eps__server) */
.ph-eps__server.is-on.ph-sv--thuyetminh,.ph-eps__server.ph-sv--thuyetminh:hover{background:linear-gradient(135deg,var(--tm-a),var(--tm-b));color:#fff;border-color:transparent}
.ph-eps__server.is-on.ph-sv--longtieng,.ph-eps__server.ph-sv--longtieng:hover{background:linear-gradient(135deg,var(--lt-a),var(--lt-b));color:#fff;border-color:transparent}
.ph-eps__server.is-on.ph-sv--thuyetminh em,.ph-eps__server.is-on.ph-sv--longtieng em,.ph-eps__server.is-on .ph-dubw,.ph-eps__server:hover .ph-dubw{color:#fff}
.ph-eps__server.is-on.ph-sv--vietsub .ph-dubw,.ph-eps__server.ph-sv--vietsub:hover .ph-dubw{color:var(--accent-ink)}
.ph-eps.ph-full .ph-eps__server.is-play.ph-sv--thuyetminh:first-child{background:linear-gradient(135deg,var(--tm-a),var(--tm-b));color:#fff!important;box-shadow:0 8px 20px rgba(60,190,150,.28)}
.ph-eps.ph-full .ph-eps__server.is-play.ph-sv--longtieng:first-child{background:linear-gradient(135deg,var(--lt-a),var(--lt-b));color:#fff!important;box-shadow:0 8px 20px rgba(80,150,230,.28)}
.ph-eps.ph-full .ph-eps__server.is-play:first-child em,.ph-eps.ph-full .ph-eps__server.is-play:first-child .ph-dubw{color:inherit}
/* 6. panel Nguồn phát: hàng Thuyết minh/Lồng tiếng — tiêu đề hàng + server đang xem đổi sang tông mát */
.ph-nguon__row[data-dub="thuyetminh"] .ph-nguon__dub{color:var(--tm-t)}
.ph-nguon__row[data-dub="longtieng"] .ph-nguon__dub{color:var(--lt-t)}
.ph-nguon__row[data-dub="thuyetminh"] .ph-nguon__sv:hover{border-color:rgba(92,195,157,.6);background:rgba(60,190,150,.08)}
.ph-nguon__row[data-dub="longtieng"] .ph-nguon__sv:hover{border-color:rgba(94,166,232,.6);background:rgba(80,150,230,.08)}
.ph-nguon__row[data-dub="thuyetminh"] .ph-nguon__sv.is-cur{background:linear-gradient(135deg,var(--tm-a),var(--tm-b))!important;color:#fff!important;box-shadow:0 8px 18px rgba(60,190,150,.28)}
.ph-nguon__row[data-dub="longtieng"] .ph-nguon__sv.is-cur{background:linear-gradient(135deg,var(--lt-a),var(--lt-b))!important;color:#fff!important;box-shadow:0 8px 18px rgba(80,150,230,.28)}
.ph-nguon__row[data-dub="thuyetminh"] .ph-nguon__sv.is-cur u,.ph-nguon__row[data-dub="longtieng"] .ph-nguon__sv.is-cur u{color:rgba(255,255,255,.8)}
.ph-nguon__row[data-dub="thuyetminh"] .ph-nguon__sv.is-cur .ph-fastest,.ph-nguon__row[data-dub="longtieng"] .ph-nguon__sv.is-cur .ph-fastest{background:rgba(255,255,255,.2);color:#fff;border-color:transparent}
.ph-nguon__row[data-dub="thuyetminh"] .ph-nguon__sv.is-cur em.ph-nguon__on,.ph-nguon__row[data-dub="longtieng"] .ph-nguon__sv.is-cur em.ph-nguon__on{color:#fff;background:rgba(0,0,0,.22)}
/* 7. dòng "Đang xem" + tiêu đề danh sách tập + chip 🔊 */
.ph-epnav__now .ph-dubw--tm,.ph-eps-hd span .ph-dubw--tm,.ph-epinfo__chips span .ph-dubw--tm{color:var(--tm-t);font-weight:700}
.ph-epnav__now .ph-dubw--lt,.ph-eps-hd span .ph-dubw--lt,.ph-epinfo__chips span .ph-dubw--lt{color:var(--lt-t);font-weight:700}
/* 8. nút "Báo lỗi phim": theme ép height 24px + line-height 17px → icon và chữ tràn khỏi viên thuốc; bỏ chiều cao cứng, không xuống dòng */
#btn-toggle-error,.film-note{height:auto!important;line-height:1.25!important;white-space:nowrap;display:inline-flex!important;align-items:center;gap:6px;text-shadow:none!important;box-shadow:none!important}
#btn-toggle-error>span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
#btn-toggle-error img{width:14px;height:14px;max-width:14px!important;flex:0 0 auto;margin:0}
.ph-eps-hd #btn-toggle-error.ph-in-hd{flex:0 0 auto;align-self:center}
/* ===================== PHIMHAY123 v65 ===================== */
/* 1. NỀN CHỜ ẢNH = KIM LOẠI XƯỚC CHÉO (brushed metal): thay ô tối phẳng + icon; hiện khi ảnh chưa tải/hỏng; logo chữ nhỏ mờ ở giữa */
.myui-vodlist__thumb,.mod-thumb,.pack_pack_cover,.ph-top10__thumb,.ph-hero__poster,.TPost.Single .Objf,.ph-rel__thumb,.myui-sidebar .pack_pack_cover{
  background-color:#232c3b!important;
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 60'><text x='60' y='38' text-anchor='middle' font-family='Poppins,Arial,sans-serif' font-size='16' font-weight='700' fill='%23ffb340' fill-opacity='.38' letter-spacing='.5'>VuiPhim</text></svg>"),
    repeating-linear-gradient(135deg,rgba(255,255,255,.045) 0 1.5px,rgba(255,255,255,0) 1.5px 5px),
    repeating-linear-gradient(135deg,rgba(0,0,0,.16) 0 18px,rgba(0,0,0,0) 18px 42px),
    linear-gradient(135deg,#1a2231 0%,#2a3446 26%,#3d4a60 47%,#2b3547 64%,#1a2231 100%);
  background-size:52% auto,auto,auto,100% 100%;
  background-position:center,0 0,0 0,0 0;
  background-repeat:no-repeat,repeat,repeat,no-repeat;
}
.myui-vodlist__thumb::after,.mod-thumb::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.08) 50%,rgba(255,255,255,0) 65%)}
img.ph-img-broken{visibility:hidden}
.myui-vodlist__thumb.is-noimg,.mod-thumb.is-noimg{background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 60'><text x='60' y='38' text-anchor='middle' font-family='Poppins,Arial,sans-serif' font-size='16' font-weight='700' fill='%23ffb340' fill-opacity='.38' letter-spacing='.5'>VuiPhim</text></svg>"),
    repeating-linear-gradient(135deg,rgba(255,255,255,.045) 0 1.5px,rgba(255,255,255,0) 1.5px 5px),
    repeating-linear-gradient(135deg,rgba(0,0,0,.16) 0 18px,rgba(0,0,0,0) 18px 42px),
    linear-gradient(135deg,#1a2231 0%,#2a3446 26%,#3d4a60 47%,#2b3547 64%,#1a2231 100%)!important;background-size:52% auto,auto,auto,100% 100%!important;background-position:center,0 0,0 0,0 0!important;background-repeat:no-repeat,repeat,repeat,no-repeat!important}
/* 2. BADGE "Vietsub + TM": 1 viên thuốc tông mát (xanh ngọc), chữ trắng — không còn nửa cam nửa xanh */
.mod-lang.ph-dub-mix,.pic-text.ph-dub-mix,.ph-badge--lang.ph-dub-mix,.mod-badges .mod-lang.ph-dub-mix{display:inline-flex!important;align-items:center;gap:0;padding:2px 8px!important;background:linear-gradient(135deg,var(--tm-a),var(--tm-b))!important;color:#fff!important;border:0!important;text-shadow:0 1px 0 rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.25)}
.ph-dub-mix>i{background:transparent!important;color:#fff!important;padding:0!important;font-weight:700}
.ph-dub-mix>i+i{border-left:0!important}
.ph-dub-mix>i+i::before{content:"\00a0+\00a0";font-weight:600;opacity:.85}
.ph-hero__meta .ph-badge--lang.ph-dub-mix{padding:3px 10px!important}
@media(max-width:767px){.ph-hero__meta .ph-badge--lang.ph-dub-mix,.mod-badges .mod-lang.ph-dub-mix{padding:2px 6px!important;font-size:10px!important}}
/* 3. TRANG TẬP: ẩn hàng "Tập phim" + tab tên nguồn của theme (đã có Nguồn phát + tiêu đề Danh sách tập của mình) */
body.ph-nguon-on #servers-container>.myui-panel_hd,body.ph-nguon-on #servers-container .myui-panel__head .nav-tabs{display:none!important}
/* 4. LƯỢT XEM = SỐ THẬT THỊ TRƯỜNG: nhãn sidebar; số trên trang phim */
.leaderboard-card.ph-mkt-on.d .leaderboard-card-left span::after{content:" lượt xem/ngày"!important}
.leaderboard-card.ph-mkt-on.w .leaderboard-card-left span::after{content:" lượt xem/tuần"!important}
.leaderboard-card.ph-mkt-on.m .leaderboard-card-left span::after{content:" lượt xem/tháng"!important}
.ph-mkt-view{display:inline-flex!important;align-items:center;gap:6px;white-space:nowrap}
.ph-mkt-view small{font-weight:500;opacity:.7;font-size:11px}
/* 5. KHỐI THÔNG TIN PHIM: lưới thẻ 2 cột, nhãn nhỏ trên – giá trị đậm dưới, đều hàng */
#MvTb-Info{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;padding:14px!important}
#MvTb-Info .mvici-left,#MvTb-Info .mvici-right{display:contents!important;width:auto!important;float:none!important;padding:0!important;margin:0!important}
#MvTb-Info .InfoList{display:contents!important;background:transparent!important;border:0!important;padding:0!important;margin:0!important}
#MvTb-Info .clearfix{display:none!important}
#MvTb-Info .InfoList li{display:block!important;margin:0!important;padding:10px 14px!important;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)!important;border-radius:12px;min-height:66px;box-sizing:border-box;color:#e6ecf5!important;font-size:13.5px;line-height:1.55}
#MvTb-Info .InfoList li strong{display:block!important;min-width:0!important;margin:0 0 4px!important;font-size:10.5px!important;font-weight:700!important;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)!important}
#MvTb-Info .InfoList li strong i{color:var(--accent-2);margin-right:5px}
#MvTb-Info .InfoList li a{color:var(--accent-2)!important;font-weight:600}
#MvTb-Info .InfoList li.latest_eps{grid-column:1/-1}
#MvTb-Info .InfoList li.latest_eps a{margin:0 6px 4px 0}
#MvTb-Info .InfoList li .quality,#MvTb-Info .InfoList li .imdb,.MovieInfo #MvTb-Info ul.InfoList li .imdb{display:inline-block;padding:2px 9px!important;border-radius:6px;background:rgba(255,255,255,.9)!important;color:#12192a!important;font-weight:700;font-size:12px!important}
#MvTb-Info .InfoList li .imdb[data-dub="tm"],#MvTb-Info .InfoList li .imdb.ph-dub-mix,.MovieInfo #MvTb-Info ul.InfoList li .imdb.ph-dub-mix{background:linear-gradient(135deg,var(--tm-a),var(--tm-b))!important;color:#fff!important}
#MvTb-Info .InfoList li .imdb[data-dub="lt"],.MovieInfo #MvTb-Info ul.InfoList li .imdb[data-dub="lt"]{background:linear-gradient(135deg,var(--lt-a),var(--lt-b))!important;color:#fff!important}
#MvTb-Info .InfoList li .imdb[data-dub="vs"],.MovieInfo #MvTb-Info ul.InfoList li .imdb[data-dub="vs"]{background:linear-gradient(135deg,#f0803c,#ffb340)!important;color:#1a1200!important}
#MvTb-Info .InfoList li .imdb.ph-dub-mix>i{color:#fff!important}
#MvTb-Info .InfoList li:has(> strong:only-child):not(:has(a,span,em,b,p)):empty{display:none!important}
@media(max-width:520px){#MvTb-Info{grid-template-columns:1fr;gap:8px;padding:10px!important}#MvTb-Info .InfoList li{min-height:0;padding:9px 12px!important}}
/* 6. DIỄN VIÊN: tròn đúng (rule poster ép height:0/padding 150% làm méo), ảnh thật từ Wikipedia/TMDB, avatar chữ khi chưa có ảnh, thêm đạo diễn */
.TPost.Single .MvTbCn ul.ListCast{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:16px 12px;padding:6px 0 0!important;margin:0!important;list-style:none;overflow:visible!important;max-height:none!important}
.TPost.Single .MvTbCn ul.ListCast li{width:auto!important;float:none!important;margin:0!important;padding:0!important;height:auto!important}
.TPost.Single .MvTbCn ul.ListCast a{display:block!important;text-align:center;text-decoration:none!important;color:var(--text)!important}
.TPost.Single .MvTbCn ul.ListCast figure{margin:0!important;padding:0!important;width:auto!important}
.TPost.Single .MvTbCn ul.ListCast .Objf{display:block!important;position:relative!important;width:96px!important;height:96px!important;padding:0!important;margin:0 auto 9px!important;border-radius:50%!important;overflow:hidden;background:linear-gradient(135deg,#2a3446,#3d4a60)!important;border:2px solid rgba(255,194,71,.28);box-shadow:0 10px 24px rgba(0,0,0,.45);transition:transform .2s,border-color .2s}
.TPost.Single .MvTbCn ul.ListCast a:hover .Objf{transform:translateY(-3px);border-color:var(--accent-2)}
.TPost.Single .MvTbCn ul.ListCast .Objf img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover;object-position:50% 18%;border-radius:50%!important;padding:0!important;opacity:1!important;filter:none!important;display:block;aspect-ratio:auto!important;margin:0!important;box-shadow:none!important}
.TPost.Single .MvTbCn ul.ListCast .Objf img[src*="cast-image"],.TPost.Single .MvTbCn ul.ListCast .Objf img.ph-img-broken{opacity:0!important}
.TPost.Single .MvTbCn ul.ListCast .Objf .ph-avatar{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:30px;letter-spacing:1px;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.35);background:linear-gradient(135deg,var(--av-a,#f0803c),var(--av-b,#ffb340))}
.TPost.Single .MvTbCn ul.ListCast .Objf.has-img .ph-avatar{display:none}
.TPost.Single .MvTbCn ul.ListCast figcaption{font-size:12.5px!important;font-weight:600;line-height:1.3;color:#e6ecf5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;width:auto!important;padding:0!important}
.TPost.Single .MvTbCn ul.ListCast figcaption::after{content:"Diễn viên";display:block;font-size:10.5px;font-weight:400;color:var(--muted);margin-top:2px}
.TPost.Single .MvTbCn ul.ListCast li.ph-cast--dir figcaption::after{content:"Đạo diễn";color:var(--accent-2)}
.TPost.Single .MvTbCn ul.ListCast li.ph-cast--dir .Objf{border-color:rgba(95,191,154,.45)}
.TPost.Single .MvTbCn ul.ListCast .Objf.has-src small{position:absolute;right:4px;bottom:4px;font-size:8px;line-height:1;padding:2px 4px;border-radius:4px;background:rgba(0,0,0,.55);color:#fff;opacity:.75}
@media(max-width:520px){.TPost.Single .MvTbCn ul.ListCast{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:12px 8px}.TPost.Single .MvTbCn ul.ListCast .Objf{width:78px!important;height:78px!important}.TPost.Single .MvTbCn ul.ListCast .Objf .ph-avatar{font-size:24px}}
/* ===================== PHIMHAY123 v66 ===================== */
/* 1. không liên kết ra ngoài: chữ giữ nguyên; nút/thẻ mở bằng JS */
.ph-nolink{color:inherit;text-decoration:none}
.ph-out,[data-out]{cursor:pointer}
.ph-trailer-card button.ph-out{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:0;background:var(--grad);color:var(--accent-ink)!important;font-weight:700;font-size:13.5px;box-shadow:0 8px 20px rgba(255,160,32,.25);font-family:inherit}
.pg a.ph-out{color:var(--accent-2)}
/* 2. lượt xem thị trường: TỔNG (từ trước tới nay) + kỳ */
.leaderboard-card.ph-mkt-on.d .leaderboard-card-left span::after,.leaderboard-card.ph-mkt-on.w .leaderboard-card-left span::after,.leaderboard-card.ph-mkt-on.m .leaderboard-card-left span::after{content:" lượt xem"!important}
.leaderboard-card-left .ph-sb-per{font-size:11px;font-weight:500;color:var(--muted);margin-left:4px;white-space:nowrap}
.ph-mkt-view small{font-weight:500;opacity:.72;font-size:11px;white-space:nowrap}
@media(max-width:520px){.ph-mkt-view{flex-wrap:wrap}.ph-mkt-view small{flex:0 0 100%;margin-top:2px}}

/* ============================================================================
   PHIMHAY123 v74 — VuiPhim
   (1)  Logo canh giữa trên điện thoại      — gốc: theme cũ để margin-right:50px
   (6)  Số hạng top bị che                  — gốc: .leaderboard-rank bị position:absolute;left:-16px của theme → tràn ra ngoài thẻ
   (7)  Chân trang bị bó hẹp                — gốc: footer max-width 1170 < .container 1300
   (8)  Menu điều hướng bị khuất + mất khi rê chuột — bấm mới mở, chia cột, không tràn
   (9)  Lưới diễn viên khuyết ô đầu         — ép xếp lần lượt từ trái
   (10) Thanh lọc trang danh mục            — gọn gàng, chuyên nghiệp
   (12) Telegram để chữ thường, không liên kết ra ngoài
   ============================================================================ */

/* ---------- (1) LOGO CANH GIỮA TRÊN ĐIỆN THOẠI ---------- */
@media(max-width:767px){
  #header-top .myui_custom_header{justify-content:center!important}
  #header-top .myui-header__logo{flex:0 0 auto!important;margin:0 auto!important;padding:0!important;width:auto!important;text-align:center}
  #header-top .logo-container{display:flex!important;justify-content:center!important;align-items:center;margin:0!important;padding:0!important;width:auto!important}
  #header-top .brand-logo,#header-top .logo-container .brand-logo{margin:0!important;padding:0!important}
}

/* ---------- (6) SỐ HẠNG TOP HIỆN ĐẦY ĐỦ (không bị thẻ che) ---------- */
ul.list-film.leaderboard>li.leaderboard-card{grid-template-columns:42px 74px minmax(0,1fr)!important;padding:8px 10px 8px 8px!important;overflow:visible!important}
ul.list-film.leaderboard>li.leaderboard-card .leaderboard-rank{position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;overflow:visible!important;width:42px!important;min-width:42px!important;height:auto!important;justify-self:center;align-self:center;z-index:2}
ul.list-film.leaderboard>li.leaderboard-card .leaderboard-rank span{position:static!important;left:auto!important;top:auto!important;display:block!important;width:100%!important;text-align:center;font-size:0!important;line-height:0}
ul.list-film.leaderboard>li.leaderboard-card .leaderboard-rank span::before{content:counter(ph-rank);display:block!important;font-size:30px!important;font-weight:800;line-height:1.05;letter-spacing:0!important;color:transparent;-webkit-text-stroke:1.5px #e6ecf5;text-align:center}
ul.list-film.leaderboard>li.leaderboard-card:nth-child(-n+3) .leaderboard-rank span::before{-webkit-text-stroke:1.6px var(--accent-2)}
@media(max-width:767px){
  ul.list-film.leaderboard>li.leaderboard-card{grid-template-columns:36px 68px minmax(0,1fr)!important}
  ul.list-film.leaderboard>li.leaderboard-card .leaderboard-rank{width:36px!important;min-width:36px!important}
  ul.list-film.leaderboard>li.leaderboard-card .leaderboard-rank span::before{font-size:26px!important}
}

/* ---------- (7) CHÂN TRANG RỘNG BẰNG THÂN TRANG ---------- */
footer,.myui-foot,.ph-footer,.ph-f2{max-width:1300px!important;width:auto!important;margin-left:auto!important;margin-right:auto!important}
footer{margin-top:28px!important;margin-bottom:14px!important;padding-left:16px!important;padding-right:16px!important;box-sizing:border-box}
.ph-f2__about{max-width:none!important;margin-left:0!important;margin-right:0!important}
.ph-footer__grid{max-width:none!important}
@media(max-width:767px){
  footer,.myui-foot,.ph-footer,.ph-f2{max-width:none!important;margin-left:0!important;margin-right:0!important}
  footer{padding-left:12px!important;padding-right:12px!important}
}

/* ---------- (8) MENU ĐIỀU HƯỚNG: BẤM MỚI MỞ, CHIA CỘT, KHÔNG TRÀN ---------- */
/* tắt mở-bằng-rê-chuột của theme (đó là lý do menu biến mất khi đưa chuột xuống) */
.myui-header__menu>li:hover>ul.sub,.nav-menu>li:hover>ul.sub{display:none}
.myui-header__menu>li>ul.sub,.nav-menu>li>ul.sub{display:none}
.myui-header__menu>li.ph-open>ul.sub,.nav-menu>li.ph-open>ul.sub{
  display:grid!important;grid-template-columns:repeat(3,minmax(148px,1fr));gap:2px 6px;
  position:absolute;top:calc(100% + 6px);left:0;right:auto;z-index:2400;
  width:max-content!important;min-width:0!important;max-width:min(92vw,760px)!important;max-height:min(70vh,520px)!important;overflow:visible auto;overscroll-behavior:contain;
  background:#141c2b;border:1px solid var(--line);border-radius:14px;padding:10px;margin:0;
  box-shadow:0 18px 50px rgba(0,0,0,.55);list-style:none}
.myui-header__menu>li.ph-open.ph-sub--right>ul.sub,.nav-menu>li.ph-open.ph-sub--right>ul.sub{left:auto;right:0}
.myui-header__menu>li.ph-open>ul.sub>li,.nav-menu>li.ph-open>ul.sub>li{margin:0;padding:0;list-style:none;white-space:nowrap;float:none!important;width:auto!important}
.myui-header__menu>li.ph-open>ul.sub>li>a,.nav-menu>li.ph-open>ul.sub>li>a{display:block;padding:8px 10px;border-radius:9px;font-size:13.5px;font-weight:600;color:var(--text)!important;text-decoration:none!important;line-height:1.25;overflow:hidden;text-overflow:ellipsis}
.myui-header__menu>li.ph-open>ul.sub>li>a:hover,.nav-menu>li.ph-open>ul.sub>li>a:hover{background:rgba(255,255,255,.08);color:var(--accent-2)!important}
.myui-header__menu>li,.nav-menu>li{position:relative}  /* dự phòng cho trình duyệt cũ không hiểu :has() */
.myui-header__menu>li:has(>ul.sub),.nav-menu>li:has(>ul.sub){position:relative}
.myui-header__menu>li.ph-open>a,.nav-menu>li.ph-open>a{color:var(--accent-2)!important}
.myui-header__menu>li.ph-open>a::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:6px}  /* nhịp cầu: rê chuột xuống không bị hở */
/* đầu trang không được cắt menu */
#header-top,#header-top .container,.myui_custom_header,.menu-block,.myui-header__menu{overflow:visible!important}
@media(max-width:1200px){
  .myui-header__menu>li.ph-open>ul.sub,.nav-menu>li.ph-open>ul.sub{grid-template-columns:repeat(2,minmax(140px,1fr))}
}

/* ---------- (9) LƯỚI DIỄN VIÊN XẾP LẦN LƯỢT TỪ TRÁI (hết khuyết ô đầu) ---------- */
.ListCast{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(112px,1fr))!important;
  justify-content:start!important;justify-items:center!important;align-content:start!important;place-content:start!important;
  gap:18px 10px!important;margin:0!important;padding:8px 0 2px!important;list-style:none!important;text-align:center}
.ListCast>li{margin:0!important;padding:0!important;width:100%!important;max-width:142px;list-style:none!important;float:none!important;display:block!important}
.ListCast>li:empty{display:none!important}
.ListCast::before,.ListCast::after{content:none!important;display:none!important}
.ListCast>li>a,.ListCast>li>figure{display:block;width:100%}
@media(max-width:767px){
  .ListCast{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))!important;gap:14px 8px!important}
  .ListCast>li{max-width:118px}
}

/* ---------- (10) THANH LỌC TRANG DANH MỤC: GỌN + CHUYÊN NGHIỆP ---------- */
#form-filter{background:rgba(255,255,255,.035)!important;border:1px solid var(--line)!important;border-radius:14px!important;padding:10px 12px!important;margin:14px 0 18px!important;box-shadow:none!important}
#form-filter .filter-box,#form-filter .filter-box.mt-3{background:none!important;border:0!important;padding:0!important;margin:0!important;border-radius:0!important}
#form-filter .row{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(158px,1fr))!important;gap:10px!important;align-items:center!important;margin:0!important;width:auto!important}
#form-filter .row::before,#form-filter .row::after{content:none!important;display:none!important}
#form-filter .row>[class*="col-"]{width:auto!important;max-width:none!important;min-width:0!important;flex:none!important;padding:0!important;margin:0!important;float:none!important}
#form-filter select,#form-filter select.form-control,#form-filter .input{
  height:42px!important;width:100%!important;min-width:0!important;box-sizing:border-box;
  background-color:rgba(255,255,255,.05)!important;border:1px solid var(--line)!important;border-radius:10px!important;
  color:var(--text)!important;font-size:13.5px!important;font-weight:600!important;line-height:40px!important;
  padding:0 34px 0 12px!important;margin:0!important;box-shadow:none!important;cursor:pointer;
  -webkit-appearance:none;-moz-appearance:none;appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a9b4c6' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:right 11px center!important;background-size:13px!important}
#form-filter select:hover{border-color:rgba(255,160,32,.45)!important}
#form-filter select:focus{outline:0!important;border-color:var(--accent-2)!important;box-shadow:0 0 0 3px rgba(255,160,32,.14)!important}
#form-filter select option{background:#141c2b;color:#e6ecf5}
#form-filter button,#form-filter .btn,#form-filter input[type=submit],#form-filter button[type=submit]{
  height:42px!important;width:100%!important;border:0!important;border-radius:10px!important;padding:0 18px!important;margin:0!important;
  background:var(--grad)!important;color:var(--accent-ink)!important;font-size:13.5px!important;font-weight:700!important;
  white-space:nowrap;cursor:pointer;box-shadow:none!important;text-transform:none!important;letter-spacing:.2px}
#form-filter button:active{transform:translateY(1px)}
@media(max-width:767px){
  #form-filter{padding:10px!important;margin:12px 0 14px!important}
  #form-filter .row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  #form-filter select,#form-filter button{height:40px!important;font-size:13px!important}
}

/* ---------- (12) TELEGRAM = CHỮ THƯỜNG, KHÔNG LIÊN KẾT RA NGOÀI ---------- */
.ph-tg{color:var(--accent-2)!important;font-weight:700;text-decoration:none!important;border:0!important;cursor:text;-webkit-user-select:all;user-select:all}
.ph-tg::after,.ph-tg::before{content:none!important}

/* ---------- khối "Phim đề xuất" tự động: nhãn nói rõ nguồn số liệu ---------- */
.ph-hero__auto{display:inline-flex;align-items:center;gap:6px;margin:6px 0 0;padding:3px 10px;border-radius:999px;
  background:rgba(255,255,255,.06);border:1px solid var(--line);color:var(--muted);font-size:11.5px;font-weight:600;letter-spacing:.2px}
@media(max-width:767px){.ph-hero__auto{font-size:10.5px;padding:2px 8px}}

/* ---------- bảng danh mục trên điện thoại: thêm hàng 4 cột (năm) ---------- */
.ph-sheet__grid--4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.ph-sheet__n{margin-left:8px;color:var(--muted);font-size:11.5px;font-weight:600}
.ph-sheet h4 small{margin-left:6px;color:var(--muted);font-size:11px;font-weight:600}

/* ============================================================================
   VUIPHIM v75 — ĐIỂM ĐÁNH GIÁ THẬT TRÊN THỊ TRƯỜNG (IMDb / TMDB / Rotten Tomatoes)
   ============================================================================ */
.ph-diem{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:13px;color:var(--text)!important;line-height:1.5}
.ph-diem .average{font-weight:800;font-size:15px;color:var(--accent-2)!important}
.ph-diem__src{display:inline-flex;align-items:center;padding:1px 7px;border-radius:999px;background:rgba(255,160,32,.14);
  border:1px solid rgba(255,160,32,.32);color:var(--accent-2)!important;font-size:11px;font-weight:700;letter-spacing:.2px;white-space:nowrap}
.ph-diem--web{color:var(--muted)!important;font-size:12px;font-style:normal}
#div_average .ph-diem{margin:0}
@media(max-width:767px){.ph-diem{font-size:12.5px}.ph-diem .average{font-size:14px}.ph-diem__src{font-size:10.5px}}
/* ============================================================================
   VUIPHIM v76 — SỬA LỖI DO NHÃN "Tự chọn" Ở v74 GÂY RA
   Đo thật: nhãn nằm CHUNG hàng tab, bị bóp còn 57px ngang nên chữ xuống ~10 dòng → cao 152px;
   hàng tab lại là flex với align-items mặc định (stretch) ⇒ 5 nút tab bị kéo cao 158px
   (thành mấy viên thuốc khổng lồ trên điện thoại). Nay: nhãn ra dòng riêng + tab không bị kéo.
   ============================================================================ */
.ph-hero__tabs{align-items:center!important}
.ph-hero__tabs>.ph-tab{flex:0 0 auto!important;align-self:center!important;height:auto!important}
/* bản cũ còn nhãn nằm trong hàng tab → không cho bóp, không cho xuống dòng, không kéo cao tab */
.ph-hero__tabs>.ph-hero__auto{flex:0 0 auto!important;align-self:center!important;white-space:nowrap!important;height:auto!important}
/* nhãn đã được đưa ra dòng riêng (bản v76) */
.ph-hero__note{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:4px 14px 0;position:relative;z-index:2}
.ph-hero__note .ph-hero__auto{white-space:nowrap;margin:0}
@media(min-width:768px){.ph-hero__note{padding:4px 18px 0}}
@media(max-width:767px){
  .ph-hero__note{padding:4px 12px 0;overflow-x:auto;scrollbar-width:none}
  .ph-hero__note::-webkit-scrollbar{display:none}
}
/* ============================================================================
   VUIPHIM v77 — 6 việc RUM báo qua ảnh
   (1) Số hạng hết "méo": theme + bản cũ của tôi đặt font-style:italic → chữ số bị nghiêng
   (2) Hàng Top 10 lướt được trên máy tính: thêm 2 nút mũi ‹ ›
   (3) BẤM CHUYỂN QUỐC GIA trên điện thoại: gốc là CSS của tôi ".show-regions-list-film
       .myui-vodlist{display:flex!important}" đè lệnh ẩn của theme ⇒ 4 danh sách luôn hiện,
       bấm đổi tab không thấy gì thay đổi. Nay ẩn bằng class riêng ph-rg-off.
   ============================================================================ */

/* ---------- (1) SỐ HẠNG THẲNG, KHÔNG NGHIÊNG ---------- */
.ph-top10__rank{font-style:normal!important;letter-spacing:0!important}
.leaderboard-rank span::before{font-style:normal!important;letter-spacing:-.5px!important}
.myui-top-movies ol li .number,.myui-top-movies .number{font-style:normal!important}

/* ---------- (2) HÀNG TOP 10: NÚT MŨI + KÉO CHUỘT ---------- */
.ph-top10__wrap{position:relative}
.ph-top10__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:34px;height:34px;
  display:flex;align-items:center;justify-content:center;padding:0;border-radius:50%;cursor:pointer;
  background:rgba(12,18,28,.86);border:1px solid var(--line);color:#e6ecf5;font-size:20px;line-height:1;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 6px 18px rgba(0,0,0,.45);
  transition:opacity .15s,transform .15s}
.ph-top10__nav:hover{background:rgba(255,160,32,.9);color:#12161f;border-color:transparent}
.ph-top10__nav:active{transform:translateY(-50%) scale(.92)}
.ph-top10__nav--l{left:-6px}
.ph-top10__nav--r{right:-6px}
.ph-top10__nav.is-off{opacity:0;pointer-events:none}
.ph-top10__wrap--none .ph-top10__nav{display:none}
.ph-top10__row.ph-keo{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}
.ph-top10__row.ph-keo *{pointer-events:none}
@media(max-width:767px){.ph-top10__nav{display:none}}   /* điện thoại vuốt tay, không cần nút */

/* ---------- (3) ĐỔI QUỐC GIA TRÊN ĐIỆN THOẠI ---------- */
ul.show-regions-list-film.ph-rg-off{display:none!important}
@media(max-width:767px){
  ul.show-regions-list-film.myui-vodlist.ph-rg-off{display:none!important}
  /* bản cũ của theme ẩn bằng inline style → cũng phải tôn trọng */
  ul.show-regions-list-film.myui-vodlist[style*="display:none"],
  ul.show-regions-list-film.myui-vodlist[style*="display: none"]{display:none!important}
  /* hàng nút quốc gia: cuộn ngang gọn, không tràn */
  .myui-top-movies>.myui-block-header[style*="inline-block"]{display:flex!important;gap:8px;overflow-x:auto;
    scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:0 0 4px!important;background:none!important;border:0!important}
  .myui-top-movies>.myui-block-header[style*="inline-block"]::-webkit-scrollbar{display:none}
}

/* ---------- (4) MENU CON ĐẦU TRANG: GOM VỀ 1 BỘ LUẬT DUY NHẤT ----------
   Gốc lỗi: từ v62 → v74 có 3 khối luật khác nhau cho .sub (dòng 492 · 1927 · 2172),
   khối sau ĐÈ khối trước bằng !important nên các mốc màn hình của v74 thành vô hiệu
   → menu tràn khỏi màn hình ở máy tính màn nhỏ. Từ đây chỉ còn 1 bộ luật này. */
.myui-header__menu>li.ph-open>ul.sub,.nav-menu>li.ph-open>ul.sub{
  grid-template-columns:repeat(4,minmax(150px,1fr))!important;gap:4px 12px!important;
  max-width:min(94vw,800px)!important;overflow-x:hidden!important;overflow-y:auto!important}
@media(max-width:1280px){
  .myui-header__menu>li.ph-open>ul.sub,.nav-menu>li.ph-open>ul.sub{
    grid-template-columns:repeat(3,minmax(144px,1fr))!important;max-width:min(94vw,620px)!important}
}
@media(max-width:1024px){
  .myui-header__menu>li.ph-open>ul.sub,.nav-menu>li.ph-open>ul.sub{
    grid-template-columns:repeat(2,minmax(140px,1fr))!important;max-width:min(94vw,430px)!important}
}
.myui-header__menu>li.ph-open>ul.sub.ph-sub--fit,.nav-menu>li.ph-open>ul.sub.ph-sub--fit{max-width:calc(100vw - 16px)!important}

/* ============================================================================
   VUIPHIM v78 — SỬA 2 LỖI DO CHÍNH TÔI GÂY RA
   (1) SỐ HẠNG 1..10 Ở CỘT TRENDING BỊ QUAY NGHIÊNG 45°
       Gốc lỗi: giao diện gốc làm số hạng thành DẢI RUY-BĂNG chéo ở góc thẻ —
         main.css:5632  .leaderboard-rank        { transform: rotate(-45deg) }   ← nghiêng cả dải
         main.css:5641  .leaderboard-rank > span { transform: rotate( 45deg) }   ← quay chữ số lại cho đứng
       v74 tôi bỏ dải ruy-băng bằng transform:none!important — NHƯNG chỉ đặt cho thẻ CHA,
       còn rotate(45deg) của thẻ CON vẫn nguyên ⇒ không còn cái gì triệt tiêu nó ⇒ số bị nghiêng 45°.
       (v77 tôi đoán sai là do font-style:italic nên sửa không ăn — nay sửa đúng chỗ.)
   (2) Chữ số để màu trong suốt + viền nét mảnh nên khó đọc → đổi sang số ĐẶC, thẳng, cân giữa.
   ============================================================================ */
ul.list-film.leaderboard>li.leaderboard-card .leaderboard-rank{
  border:0!important;background:none!important;border-radius:0!important;
  transform:none!important;-webkit-transform:none!important;
  display:flex!important;align-items:center!important;justify-content:center!important}
ul.list-film.leaderboard>li.leaderboard-card .leaderboard-rank>span{
  transform:none!important;-webkit-transform:none!important;
  position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  margin:0!important;padding:0!important;width:100%!important;height:auto!important;
  display:block!important;text-align:center!important;font-size:0!important;line-height:0!important}
ul.list-film.leaderboard>li.leaderboard-card .leaderboard-rank>span::before{
  display:block!important;transform:none!important;-webkit-transform:none!important;
  font-size:27px!important;font-weight:800!important;line-height:1!important;
  letter-spacing:0!important;font-style:normal!important;text-align:center!important;
  font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;
  color:#8fa3bf!important;-webkit-text-stroke:0!important;text-shadow:none!important}
/* 3 hạng đầu nổi bật bằng màu thương hiệu, vẫn thẳng */
ul.list-film.leaderboard>li.leaderboard-card:nth-child(-n+3) .leaderboard-rank>span::before{
  color:var(--accent-2)!important;font-weight:900!important}
@media(max-width:767px){
  ul.list-film.leaderboard>li.leaderboard-card .leaderboard-rank>span::before{font-size:24px!important}
}
/* hàng Top 10 ngang: chặn luôn mọi phép quay kế thừa */
.ph-top10__rank,.ph-top10__rank::before{transform:none!important;-webkit-transform:none!important;
  font-style:normal!important;letter-spacing:0!important;font-variant-numeric:tabular-nums}

/* ============================================================================
   VUIPHIM v82 — 3 LỖI HÌNH ẢNH RUM BÁO (đo trên DOM thật bằng trình duyệt)
   ----------------------------------------------------------------------------
   (A) MENU CON ĐẦU TRANG BỊ CẮT CỘT CUỐI / BỊ ĐÈ
       Gốc lỗi 1 — CẮT CHỮ: hộp menu là width:max-content nhưng bị max-width kẹp,
         mà cột lại khai báo minmax(150px,1fr) → cột KHÔNG co được dưới 150px,
         lưới rộng hơn hộp, cộng overflow-x:hidden → chữ cột cuối bị cắt giữa từ
         ("Phim…", "TV Sh…"). Sửa: minmax(0,1fr) → cột co vừa hộp, chữ dài thì
         rút gọn bằng dấu … (đã có text-overflow:ellipsis) chứ KHÔNG bị cắt ngang.
       Gốc lỗi 2 — ĐÈ LỚP: #header-top z-index:1000 mà khối băng chuyền phim
         (.ph-hero) nằm ngoài ngữ cảnh xếp lớp của header → tuỳ trạng thái Swiper
         thẻ phim có thể vẽ LÊN menu. Sửa: header lên 1200, .ph-hero ghim z-index:0
         + isolation:isolate (KHÔNG chạm z-index của từng thẻ .swiper-slide để
         không phá hiệu ứng 3D của băng chuyền).
   (B) KHUNG VIDEO TRANG XEM PHIM LỆCH PHẢI 24px TRÊN ĐIỆN THOẠI
       Gốc lỗi: #main-player tràn viền bằng margin:0 -12px, nhưng khối (17) của
         tôi ở dòng 1978 lại đặt max-width:100%!important → 100% = bề rộng khung
         cha (đã trừ padding 12px mỗi bên) nên hộp chỉ rộng bằng cha, lề âm kéo
         sang trái 12px → hở 24px ở BIÊN PHẢI. Sửa: max-width:calc(100% + 24px).
       (đã đo: 390/440/600/767px đều 0→đúng bề rộng màn hình, hết hở)
   (C) DẢI "CÁCH TÌM KIẾM PHIM" NỬA XANH NỬA ĐEN Ở MÁY TÍNH
       Gốc lỗi: giao diện gốc đặt .cc-warning{flex:0 0 50%;max-width:50%} vì tính
         có 2 ô (cảnh báo + thông báo đỏ). Trang chỉ còn 1 ô → 50% còn lại lộ nền
         đen của .video-p-first. Sửa: ô duy nhất thì chiếm 100%.
   ========================================================================= */

/* ---- (A1) cột menu co được → không bao giờ cắt chữ giữa từ ---- */
.myui-header__menu>li.ph-open>ul.sub,.nav-menu>li.ph-open>ul.sub{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  box-sizing:border-box!important;width:max-content!important;
  max-width:min(94vw,860px)!important}
@media(max-width:1280px){
  .myui-header__menu>li.ph-open>ul.sub,.nav-menu>li.ph-open>ul.sub{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:min(94vw,660px)!important}
}
@media(max-width:1024px){
  .myui-header__menu>li.ph-open>ul.sub,.nav-menu>li.ph-open>ul.sub{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:min(94vw,460px)!important}
}
/* chữ dài hơn cột thì rút gọn bằng … , không cắt ngang chữ */
.myui-header__menu>li.ph-open>ul.sub>li,.nav-menu>li.ph-open>ul.sub>li{min-width:0!important}
.myui-header__menu>li.ph-open>ul.sub>li>a,.nav-menu>li.ph-open>ul.sub>li>a{
  min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* ---- (A2) menu LUÔN nằm trên băng chuyền phim ---- */
#header-top{z-index:1200!important}
#header-top .container,.myui_custom_header,.menu-block,.myui-header__menu{overflow:visible!important}
.ph-hero,.ph-hero--cf{position:relative!important;z-index:0!important;isolation:isolate!important}
.myui-header__menu>li.ph-open>ul.sub,.nav-menu>li.ph-open>ul.sub{z-index:2400!important}

/* ---- (B) khung video hết lệch 24px ---- */
@media(max-width:767px){
  #main-player{max-width:calc(100% + 24px)!important;box-sizing:border-box!important}
  .video-footer{max-width:calc(100% + 24px)!important;box-sizing:border-box!important}
  .ph-epnav{max-width:calc(100% + 24px)!important;box-sizing:border-box!important}
}

/* ---- (C) dải cảnh báo chiếm đủ bề ngang khi chỉ có 1 ô ---- */
.video-p-first>*:only-child{flex:0 0 100%!important;max-width:100%!important;width:100%!important}

/* ============================================================================
   VUIPHIM v83 — 3 VIỆC ANH BÁO
   ----------------------------------------------------------------------------
   (A) THANH ĐIỀU HƯỚNG "GHI ĐÈ NHAU" — GỐC LỖI THẬT, ĐO ĐƯỢC:
       Menu con TỰ MỞ khi chỉ RÊ CHUỘT qua (không bấm) → nó bung ra đè lên băng
       chuyền phim. Đó chính là "ghi đè nhau" anh nói suốt từ v77.
       Vì sao v74→v82 của tôi không sửa được: tôi có đặt luật tắt rê-chuột ở
       modern.css dòng 2170 nhưng KHÔNG có !important, còn 2 luật bật rê-chuột ở
       dòng 493 và 509 lại CÓ !important → !important luôn thắng bất kể thứ tự.
       Đo bằng trình duyệt thật (1920px): chỉ rê chuột → menu mở 600×194 (bản CŨ,
       không có lớp ph-open nên mọi bản sửa v77–v82 của tôi KHÔNG áp vào nó, và
       hàm kẹp-vào-màn-hình cũng không chạy → đó là bản bị cắt cột cuối).
       SỬA: tắt rê-chuột bằng !important cho ĐỦ mọi biến thể (:hover, :focus-within,
       .open của giao diện gốc), chỉ lớp ph-open (do cú BẤM thêm vào) mới được mở.
   (B) LOGO TAB: /favicon.ico trên máy chủ là tệp RỖNG 0 byte → Chrome hiện quả đất.
       v83 ghi bộ logo thật (chữ V đen trên nền vàng cam — mẫu anh chọn) + khai báo
       lại ở middleware PhHint. Thêm dấu hiệu logo nhỏ cạnh chữ VuiPhim ở đầu trang.
   (C) TỰ CHUYỂN TẬP: lớp phủ đếm ngược + công tắc bật/tắt (xem khối JS trong blade).
   ========================================================================= */

/* ---- (A) MENU CON: CHỈ MỞ KHI BẤM ---- */
.myui-header__menu>li:hover>.sub,
.myui-header__menu>li:hover>ul.sub,
.myui-header__menu>li:focus-within>.sub,
.myui-header__menu>li:focus-within>ul.sub,
.myui-header__menu>li.open>.sub,
.myui-header__menu>li.open>ul.sub,
.nav-menu>li:hover>.sub,
.nav-menu>li:hover>ul.sub,
.nav-menu>li:focus-within>.sub,
.nav-menu>li:focus-within>ul.sub,
.nav-menu>li.open>.sub,
.nav-menu>li.open>ul.sub{display:none!important}
/* chỉ cú BẤM (lớp ph-open) mới mở — đặt SAU nên thắng khi cùng !important */
body .myui-header__menu>li.ph-open>ul.sub,
body .nav-menu>li.ph-open>ul.sub{display:grid!important}

/* ---- (B) dấu hiệu logo cạnh chữ VuiPhim ---- */
#header-top .brand-logo::before,.myui-foot .brand-logo::before,footer .brand-logo::before{
  content:""!important;display:inline-block!important;flex:0 0 auto;
  width:26px;height:26px;margin-right:2px;vertical-align:-5px;border-radius:7px;
  background-image:url("/favicon.svg?v83")!important;background-size:100% 100%;
  background-repeat:no-repeat;background-position:center;background-clip:border-box!important;
  -webkit-background-clip:border-box!important;-webkit-text-fill-color:initial!important;
  box-shadow:0 2px 8px rgba(0,0,0,.35)}
footer .brand-logo::before,.myui-foot .brand-logo::before{width:34px;height:34px;border-radius:9px} /* v98b: ô chữ V chân trang to theo chữ (trước 26px) */
@media(max-width:767px){
  #header-top .brand-logo::before{width:22px;height:22px;vertical-align:-4px;margin-right:1px}
  footer .brand-logo::before,.myui-foot .brand-logo::before{width:30px;height:30px;border-radius:8px}
}

/* ---- (C) lớp phủ TỰ CHUYỂN TẬP ---- */
/* CHÚ Ý: modern.css:387 có luật "#main-player>div{position:absolute;inset:0;width:100%!important;
   height:100%!important}" cho khung phát — lớp phủ này cũng là div con của #main-player nên bị
   luật đó kéo cao full khung. Phải ghi đè bằng !important (thử ở 1280/1440px mới thấy). */
#main-player>.ph-next{position:absolute!important;inset:auto 12px 12px auto!important;
  width:auto!important;height:auto!important;max-width:min(92%,340px)!important}
.ph-next{position:absolute;right:12px;bottom:12px;z-index:60;max-width:min(92%,340px);
  display:none;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;
  background:rgba(12,18,28,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border:1px solid rgba(255,194,71,.28);box-shadow:0 18px 44px rgba(0,0,0,.55);
  color:var(--text);font-size:13px;line-height:1.35}
.ph-next.is-on{display:flex}
.ph-next__t{flex:1 1 auto;min-width:0}
.ph-next__t b{color:var(--accent-2);font-weight:700}
.ph-next__t i{font-style:normal;color:var(--muted);display:block;font-size:11.5px;margin-top:2px}
.ph-next__go,.ph-next__no{flex:0 0 auto;border:0;cursor:pointer;border-radius:10px;
  padding:8px 11px;font-weight:700;font-size:12.5px;font-family:inherit}
.ph-next__go{background:var(--grad);color:var(--accent-ink)}
.ph-next__no{background:rgba(255,255,255,.08);color:var(--text)}
.ph-next__ring{position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:0 0 14px 14px;overflow:hidden;background:rgba(255,255,255,.08)}
.ph-next__ring>i{display:block;height:100%;background:var(--grad);width:100%;transform-origin:left center}
#main-player{position:relative}
/* công tắc trong hàng điều hướng tập */
.ph-auto{display:inline-flex;align-items:center;gap:7px;cursor:pointer;-webkit-user-select:none;user-select:none;
  padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.1);color:var(--muted);font-size:12.5px;font-weight:600;white-space:nowrap}
.ph-auto input{appearance:none;-webkit-appearance:none;width:32px;height:18px;margin:0;border-radius:999px;
  background:rgba(255,255,255,.16);position:relative;cursor:pointer;transition:background .18s;flex:0 0 auto}
.ph-auto input::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;
  background:#fff;transition:transform .18s}
.ph-auto input:checked{background:var(--accent)}
.ph-auto input:checked::after{transform:translateX(14px)}
.ph-auto.is-on{color:var(--text);border-color:rgba(255,194,71,.3)}
@media(max-width:767px){
  .ph-auto{padding:6px 9px;font-size:11.5px}
  #main-player>.ph-next{inset:auto 8px 8px 8px!important;max-width:none!important;width:auto!important;height:auto!important}
}


/* ═══════════════════════════════════════════════════════════════════════════
   VUIPHIM v85 — (W) KHUNG PHIM TRÔI THEO + (X) THANH LỌC PC + (Y) TIÊU ĐỀ
   ═══════════════════════════════════════════════════════════════════════════ */

/* ---------- (W1) ĐT: khung phim DÍNH THEO khi cuộn — SỬA LỖI DO CHÍNH v83 GÂY RA ----------
   Gốc lỗi: dòng 691 (@media max-width:767px) đặt #main-player{position:sticky;top:52px},
   nhưng v83 thêm dòng 2502 "#main-player{position:relative}" (để lớp phủ "tập sau" nằm trong
   khung) — CÙNG ĐỘ ƯU TIÊN mà ĐỨNG SAU nên position:relative ĐÈ MẤT sticky ⇒ khung phim
   trôi mất khi khách cuộn xuống. Đo thật: cuộn 1200px → top 8 → -824 (mất hẳn).
   Cách sửa: đặt lại sticky ở CUỐI tệp + !important. Đã thử: top 52 → 52 (đứng yên) ✅
   Vẫn giữ position:relative ở PC để lớp phủ "tập sau" không bị lệch. */
@media(max-width:767px){
  #main-player{position:sticky!important;top:52px!important;z-index:950!important}
}

/* ---------- (W2) PC/máy tính bảng: khung phim THU NHỎ trôi theo góc phải ----------
   Khách cuộn xuống đọc mô tả / chọn tập → khung phim co lại thành cửa sổ nhỏ ở góc,
   vẫn phát tiếp, không tải lại (chỉ đổi CSS, KHÔNG dời khung phát trong trang nên
   video không bị khởi động lại). Cuộn lên lại → khung to trở về chỗ cũ. */
@media(min-width:768px){
  #main-player.ph-mini{
    position:fixed!important; right:18px!important; bottom:18px!important; left:auto!important; top:auto!important;
    width:clamp(260px,23vw,380px)!important; height:auto!important; min-height:0!important; max-width:44vw!important;
    aspect-ratio:16/9!important; margin:0!important; z-index:1500!important;
    border-radius:12px!important; overflow:hidden!important;
    border:1px solid rgba(255,255,255,.16)!important;
    box-shadow:0 20px 48px rgba(0,0,0,.62),0 0 0 1px rgba(0,0,0,.4)!important;
    animation:phMiniVao .18s ease-out}
  @keyframes phMiniVao{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
  /* chỗ giữ vị trí để trang KHÔNG bị giật/nhảy khi khung phim rời khỏi dòng chảy */
  .ph-mini__giu{display:block;width:100%}
  #main-player.ph-mini:hover>.ph-mini__bar{opacity:1!important}
  /* lớp phủ "tập sau" thu gọn lại cho vừa khung nhỏ */
  #main-player.ph-mini>.ph-next{inset:auto 6px 6px 6px!important; max-width:none!important; font-size:11.5px!important; padding:7px 9px!important}
  #main-player.ph-mini>.ph-next b{font-size:12px!important}
}
@media(max-width:767px){ #main-player.ph-mini{position:sticky!important} .ph-mini__giu{display:none!important} }

/* ---------- (W3) nút BẬT TIẾNG khi trình duyệt chặn tự phát có tiếng ----------
   Chrome/Safari chỉ cho tự phát KHI ĐANG TẮT TIẾNG. Nên: phát ngay (tắt tiếng) rồi
   hiện nút này để khách bật tiếng bằng 1 lần bấm — thay vì bắt khách bấm nút play. */
#main-player>.ph-tieng{
  position:absolute!important; inset:auto auto 12px 12px!important; width:auto!important; height:auto!important;
  z-index:7; display:flex; align-items:center; gap:7px; cursor:pointer;
  padding:9px 14px; border-radius:999px; border:1px solid rgba(255,255,255,.2);
  background:rgba(12,18,28,.86); backdrop-filter:blur(8px);
  color:#fff; font-size:13.5px; font-weight:600; letter-spacing:.2px;
  box-shadow:0 10px 26px rgba(0,0,0,.45); animation:phTiengVao .2s ease-out}
@keyframes phTiengVao{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
#main-player>.ph-tieng:hover{background:rgba(240,128,60,.94); color:#1a1200; border-color:transparent}
@media(max-width:767px){#main-player>.ph-tieng{inset:auto auto 8px 8px!important; font-size:12.5px; padding:8px 12px}}

/* ---------- (X) THANH LỌC TRANG DANH SÁCH trên PC: gọn, không giãn hết chiều ngang ----------
   Trước: .row là grid repeat(auto-fit,minmax(158px,1fr)) ⇒ 5 cột mỗi cột 271px, kéo căng
   hết 1300px, trông trống trải. Nay: thanh công cụ xếp trái, ô chọn 188–204px, nút 126px. */
@media(min-width:992px){
  #form-filter{padding:10px 12px!important; margin:12px 0 18px!important; border-radius:14px!important}
  /* CHÚ Ý ĐỘ ƯU TIÊN: dòng 1843 dùng "#form-filter .filter-box .row" (1 id + 2 lớp) nên MẠNH HƠN
     "#form-filter .row" (1 id + 1 lớp) — viết ít lớp hơn là KHÔNG thắng, dù đứng sau và có !important.
     Đây đúng là loại lỗi đã làm thanh điều hướng hỏng suốt v74→v82, nên ghi lại cho lần sau. */
  #form-filter .filter-box .row,#form-filter .row{
    display:flex!important; flex-wrap:wrap!important; align-items:center!important;
    gap:10px!important; grid-template-columns:none!important; width:auto!important; margin:0!important}
  #form-filter .filter-box .row>[class*="col-"],#form-filter .row>[class*="col-"]{
    flex:0 0 auto!important; width:auto!important; max-width:none!important; padding:0!important; margin:0!important}
  /* min-width:140px của luật cũ CHẶN width nhỏ hơn (min-width luôn thắng width) → phải gỡ luôn */
  #form-filter select.form-control{width:188px!important; min-width:0!important; height:38px!important; font-size:13.5px!important; padding:0 32px 0 12px!important}
  #form-filter input.btn-submit,#form-filter .btn-submit{
    width:128px!important; min-width:0!important; max-width:128px!important; height:38px!important;
    font-size:13.5px!important; padding:0!important; margin-left:4px!important}
}
@media(min-width:1280px){ #form-filter select.form-control{width:204px!important} }

/* ---------- (Y) TIÊU ĐỀ: chữ KHÔNG đè vạch vàng, KHÔNG dính vạch ngang ----------
   Gốc lỗi 1: dòng 53 ".myui-panel__head h1{padding:0!important}" đè mất padding-left:14px
   của dòng 473 ⇒ vạch vàng ::before (left:0, rộng 4px) nằm ĐÈ LÊN chữ "P".
   Gốc lỗi 2: dòng 568 ".myui-panel_hd_customize .myui-panel__head{padding:0!important}" đè
   dòng 472 ⇒ khoảng cách xuống vạch gạch ngang = 0 ⇒ chữ dính sát vạch. */
h1.search-title{padding-left:19px!important; line-height:1.35!important}
h1.search-title::before{left:0!important; top:5px!important; bottom:5px!important; width:4px!important; border-radius:4px!important}
.myui-panel_hd_customize .myui-panel__head{padding:0 0 4px!important; margin:0!important}
.myui-panel_hd_customize{padding:0 0 14px!important; margin:0 0 20px!important}

/* Tiêu đề mục "Phim bộ | hay nhất năm": giao diện gốc chèn 1 vạch trắng 1px DÍNH SÁT chữ
   (thẻ span rỗng border-left, style ghi thẳng trong HTML nên phải ghi đè bằng CSS).
   Nay: bỏ vạch trắng, tách chữ ra, phần tên đậm sáng + phần còn lại mờ → nhìn chuyên nghiệp. */
.myui-panel_bd>h2[style*="border-left"]{
  padding:3px 0 3px 15px!important; margin:18px 0 14px!important;
  font-size:15.5px!important; font-weight:500!important; color:var(--muted)!important; letter-spacing:.1px}
.myui-panel_bd>h2[style*="border-left"]>span:first-child{
  margin-left:0!important; color:var(--text)!important; font-weight:700!important; font-size:17px!important}
/* vạch trắng 1px là VIỀN BÊN TRÁI của thẻ span rỗng → viền nằm ngay mép trái hộp,
   nên padding-left KHÔNG tạo được khoảng cách; phải dùng margin-left mới đẩy được ra. */
.myui-panel_bd>h2[style*="border-left"]>span[style*="border-left"]{
  border-left-color:transparent!important; padding:0!important; margin:0 0 0 11px!important}

/* ---------- (Z) v85: LỌC Ô TÌM TẬP + ĐÁNH DẤU TẬP ĐANG XEM + NÚT XEM TIẾP ---------- */
#servers-container .tab-pane li.ph-lo{display:none!important}
#servers-container .tab-pane li.ph-trung>a{
  background:var(--grad)!important; color:var(--accent-ink)!important; border-color:transparent!important;
  box-shadow:0 0 0 2px rgba(255,194,71,.35)!important; font-weight:700!important}
#servers-container .tab-pane li.ph-dangxem>a,a.ph-ep.ph-dangxem{
  border-color:var(--accent)!important; color:var(--accent)!important; position:relative}
#servers-container .tab-pane li.ph-dangxem>a::after,a.ph-ep.ph-dangxem::after{
  content:"đang xem"; position:absolute; left:50%; bottom:-15px; transform:translateX(-50%);
  font-size:9.5px; font-weight:600; color:var(--accent); white-space:nowrap; letter-spacing:.2px}
.ph-eps__grid,.ph-eps__panel{row-gap:22px!important}
a.watch_button_more.ph-tiep{background:var(--grad)!important; color:var(--accent-ink)!important}

/* ---------- (AA) v85: NÚT KÉO LÊN ĐẦU TRANG — trước đây CHỈ 7×15 pixel ----------
   Đo thật ở ĐT 440px: <button id="mod-top"> rộng 7px, cao 15px, position:static,
   cursor:default, nằm lọt ở góc dưới-trái cuối trang ⇒ khách không thể thấy để bấm.
   Nay: nút tròn 46px nổi ở góc dưới-phải, chỉ hiện khi đã cuộn xuống. */
#mod-top,#back-to-top-btn{
  position:fixed!important; right:14px!important; left:auto!important; top:auto!important;
  bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;
  width:46px!important; height:46px!important; min-width:46px!important; min-height:46px!important;
  max-width:46px!important; max-height:46px!important; padding:0!important; margin:0!important;
  display:flex!important; align-items:center!important; justify-content:center!important;
  font-size:22px!important; line-height:1!important; font-weight:700!important; text-indent:0!important;
  border:1px solid rgba(255,255,255,.2)!important; border-radius:50%!important; cursor:pointer!important;
  z-index:1400!important; box-shadow:0 10px 26px rgba(0,0,0,.5)!important;
  opacity:0; visibility:hidden; transform:translateY(12px);
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease}
body.ph-hienlen #mod-top,body.ph-hienlen #back-to-top-btn{opacity:1; visibility:visible; transform:none}
#mod-top:hover,#back-to-top-btn:hover{background:#ffce6a!important}
#mod-top:active,#back-to-top-btn:active{transform:scale(.92)!important}
@media(min-width:768px){ #mod-top,#back-to-top-btn{right:18px!important; bottom:18px!important; width:44px!important; height:44px!important; max-width:44px!important; max-height:44px!important} }
/* khung phim nhỏ cũng ở góc dưới-phải → đẩy nút kéo lên sang trái cho khỏi chồng nhau */
@media(min-width:768px){ body:has(#main-player.ph-mini) #mod-top{right:calc(18px + clamp(260px,23vw,380px) + 12px)!important} }

/* ---------- (AB) v85: HÀNG NGANG LƯỚT ĐƯỢC Ở PC ("Tiếp tục xem", "Các phần khác") ----------
   Trước: hàng chỉ có overflow-x:auto — trên ĐT vuốt tay được, nhưng ở PC không có
   nút mũi tên và kéo chuột cũng không được ⇒ khách PC không xem được các thẻ bị che. */
.ph-hrow{position:relative}
.ph-hrow--none .ph-top10__nav{display:none!important}
.ph-hrow .ph-top10__nav{top:calc(50% - 12px)}
.ph-continue__row.ph-keo,.ph-related__row.ph-keo{cursor:grabbing; scroll-snap-type:none!important}
.ph-continue__row.ph-keo *,.ph-related__row.ph-keo *{pointer-events:none}
@media(min-width:768px){
  .ph-continue__i{flex:0 0 200px!important; max-width:200px!important}
  .ph-continue__row,.ph-related__row{cursor:grab; scroll-snap-type:none}
}

/* ═══════════════════════════════════════════════════════════════════════════
   VUIPHIM v85d — SỬA LỖI VỆT TRẮNG TRÊN KHUNG PHIM (lỗi do chính tôi ở v85)
   ═══════════════════════════════════════════════════════════════════════════
   Anh báo: trên điện thoại có 2 vệt trắng chắn ngang khung phim, vệt dưới có dấu ✕.
   Đo thật bằng trình duyệt ở 440px, đúng thủ phạm:
       DIV.ph-mini__bar        440×248  (bị kéo phủ KÍN khung phim)
         BUTTON "⤢"  440×17   nền rgb(239,239,239)   ← vệt trắng 1
         BUTTON "✕"  440×16   nền rgb(239,239,239)   ← vệt trắng 2
   GỐC LỖI: v85 tôi đặt toàn bộ phần trang trí thanh nút NÀY bên trong
   @media(min-width:768px). Ở cỡ điện thoại nó không có luật nào, nên:
     · thẻ div bị luật modern.css:387 "#main-player>div{inset:0;height:100%!important}"
       kéo phủ kín khung phim;
     · 2 thẻ button trở về kiểu mặc định của Chrome = nền xám trắng #efefef.
   SỬA: thanh nút MẶC ĐỊNH LÀ ẨN ở mọi cỡ màn, và CHỈ hiện khi khung phim đang ở
   chế độ nhỏ (.ph-mini) trên máy tính. Trang trí viết NGOÀI media query để
   không bao giờ còn cảnh "thẻ trần bị luật khác kéo méo".                       */
#main-player>.ph-mini__bar{
  position:absolute!important; inset:6px 6px auto auto!important;
  width:auto!important; height:auto!important; min-height:0!important; max-height:none!important;
  display:none!important; gap:6px; z-index:6; margin:0!important; padding:0!important;
  background:none!important; opacity:0; transition:opacity .15s}
#main-player>.ph-mini__bar button{
  all:unset; box-sizing:border-box; cursor:pointer;
  width:26px!important; height:26px!important; min-width:26px!important; max-width:26px!important;
  line-height:26px; text-align:center; border-radius:8px; font-size:13px;
  color:#fff; background:rgba(12,18,28,.86); border:1px solid rgba(255,255,255,.18);
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px)}
#main-player>.ph-mini__bar button:hover{background:rgba(240,128,60,.92); color:#1a1200}
/* chỉ hiện khi ĐANG ở khung nhỏ, và chỉ trên máy tính (điện thoại không có khung nhỏ) */
@media(min-width:768px){
  #main-player.ph-mini>.ph-mini__bar{display:flex!important; opacity:.55}
  #main-player.ph-mini:hover>.ph-mini__bar{opacity:1}
}
/* chốt an toàn: điện thoại thì TUYỆT ĐỐI không có thanh nút này */
@media(max-width:767px){
  #main-player>.ph-mini__bar{display:none!important; visibility:hidden!important}
}

/* ═══════════ VUIPHIM v90 — Ô TÌM TẬP: MỘT Ô DỄ NHÌN ═══════════════════════════════
   Ô tìm tập của giao diện gốc bị chính mã v85 của tôi ẩn đi (chỉ cần một server có
   ≤1 tập). Đã sửa ở phần JS. Ở đây làm nó thành một ô rõ ràng: nhãn "🔎 Tìm tập",
   kính lúp trong ô, nút ✕ xoá, gợi ý "Enter để mở tập".
   Lưu ý độ ưu tiên: modern.css có sẵn #search-input{...!important} (0,1,0,0) nên
   phải viết .ph-tim__o #search-input (0,1,1,0) mới thắng được.                     */
#servers-container .search-bar{display:block}
#servers-container .search-input-wrapper{margin:0!important}
/* v85 dán sẵn dòng gợi ý bằng .search-input-wrapper::after — tắt đi vì .ph-tim đã có
   gợi ý riêng, không thì hiện hai dòng cạnh nhau. */
.search-input-wrapper.ph-tim-wrap::after{content:none!important;display:none!important}
.ph-tim{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:2px 0 14px}
.ph-tim__nhan{font-size:13px;font-weight:700;color:var(--text);white-space:nowrap}
.ph-tim__o{position:relative;display:flex;align-items:center;flex:0 1 360px;min-width:0}
.ph-tim__ico{position:absolute;left:12px;width:17px;height:17px;fill:rgba(230,236,245,.5);pointer-events:none;z-index:1}
.ph-tim__o input,.ph-tim__o #search-input,.ph-tim__o .search_wd,.search-input-wrapper .ph-tim__o .search_wd{
  width:100%!important;max-width:none!important;min-width:0!important;height:42px!important;
  margin:0!important;padding:0 40px 0 38px!important;border-radius:12px!important;
  font-size:14.5px!important;box-sizing:border-box!important;
  background:rgba(255,255,255,.07)!important;color:var(--text)!important;
  border:1px solid rgba(255,255,255,.18)!important;box-shadow:none!important;outline:0!important}
.ph-tim__o input::placeholder{color:rgba(230,236,245,.6)!important;opacity:1!important}
.ph-tim__o input:focus,.ph-tim__o #search-input:focus,.ph-tim__o .search_wd:focus{
  border-color:var(--accent)!important;background:rgba(255,255,255,.1)!important;
  box-shadow:0 0 0 3px rgba(255,160,32,.18)!important}
.ph-tim__x{position:absolute;right:6px;width:28px;height:28px;padding:0;border:0;border-radius:8px;
  cursor:pointer;background:rgba(255,255,255,.1);color:var(--text);font-size:12px;line-height:28px;
  text-align:center;display:none;z-index:2}
.ph-tim.is-co .ph-tim__x{display:block}
.ph-tim__x:hover{background:var(--accent);color:var(--accent-ink)}
.ph-tim__goi{font-size:11.5px;color:var(--muted);white-space:nowrap}
@media(max-width:767px){
  .ph-tim{gap:6px 10px;margin:2px 0 12px}
  .ph-tim__o{flex:1 1 100%;order:3}
  .ph-tim__goi{margin-left:auto}
  .ph-tim__o input,.ph-tim__o #search-input,.ph-tim__o .search_wd{height:44px!important;font-size:15px!important}
}

/* ═══════════ VUIPHIM v90 — DANH SÁCH TẬP GỌN TRONG MỘT KHUNG CÓ THANH TRƯỢT ═══════
   Phim nhiều tập (One Piece 1.191 tập) trước đây kéo dài xuống tuốt, khách phải kéo
   đi kéo lại. Gốc: chính v85 của tôi gỡ khung cuộn của giao diện gốc ở dòng 1139
   (max-height:none!important; overflow:visible!important).
   Nay: JS gắn .ph-eps-khung cho danh sách ≥40 tập → khung cao vừa tầm mắt, thanh
   trượt riêng, và JS tự trượt tới ĐÚNG TẬP ĐANG XEM.
   Độ ưu tiên: thêm .ph-eps-khung nên (1 id, 3 lớp, 1 thẻ) thắng dòng 1139
   (1 id, 2 lớp, 1 thẻ) bất kể thứ tự trong tệp.                                    */
#servers-container .tab-pane ul.myui-content__list.ph-eps-khung,
#servers-container ul.myui-content__list.ph-eps-khung{
  max-height:clamp(260px,44vh,560px)!important;
  overflow-y:auto!important; overflow-x:hidden!important;
  padding:10px!important;
  background:rgba(255,255,255,.028)!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  overscroll-behavior:contain;
  scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.28) transparent}
#servers-container ul.myui-content__list.ph-eps-khung::-webkit-scrollbar{width:10px}
#servers-container ul.myui-content__list.ph-eps-khung::-webkit-scrollbar-track{background:transparent}
#servers-container ul.myui-content__list.ph-eps-khung::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.22);border-radius:999px;border:3px solid transparent;background-clip:content-box}
#servers-container ul.myui-content__list.ph-eps-khung::-webkit-scrollbar-thumb:hover{
  background:rgba(255,160,32,.6);background-clip:content-box}
@media(max-width:767px){
  #servers-container .tab-pane ul.myui-content__list.ph-eps-khung,
  #servers-container ul.myui-content__list.ph-eps-khung{
    max-height:clamp(220px,46vh,460px)!important;padding:8px!important}
}

/* ═══════════ VUIPHIM v90 — TẬP ĐÃ XEM THÌ MỜ ĐI + DẤU ✓ ═══════════════════════════
   Lưu trong trình duyệt của khách theo từng phim. Tập đang xem KHÔNG bị mờ.
   Độ ưu tiên: modern.css dòng 124 có #servers-container li a{...!important} (1 id,
   0 lớp, 2 thẻ) nên phải viết .tab-pane li.ph-daxem>a (1 id, 2 lớp, 2 thẻ) mới thắng. */
#servers-container .tab-pane li.ph-daxem>a,
#servers-container li.ph-daxem>a,
a.ph-ep.ph-daxem{
  opacity:.45!important;
  color:var(--muted)!important;
  border-color:rgba(255,255,255,.08)!important;
  position:relative!important}
#servers-container .tab-pane li.ph-daxem>a::after,
#servers-container li.ph-daxem>a::after,
a.ph-ep.ph-daxem::after{
  content:"✓";position:absolute;top:2px;right:5px;font-size:9px;line-height:1;
  font-weight:700;color:var(--accent-2);opacity:.95}
#servers-container .tab-pane li.ph-daxem>a:hover,
#servers-container li.ph-daxem>a:hover,
a.ph-ep.ph-daxem:hover{opacity:1!important;color:var(--accent-ink)!important}

/* ═══════════ VUIPHIM v90 — NÚT "TẬP SAU" KHI PHẢI SANG SERVER KHÁC ════════════════
   v85 có hàm strip() xoá mọi thuộc tính title nên không dùng tooltip được — thay bằng
   một nhãn nhỏ ngay trên nút. Ẩn trên điện thoại cho khỏi chật. */
.ph-epnav a.ph-sau-khac{display:inline-flex!important;align-items:center;gap:8px;flex-wrap:nowrap}
.ph-sau-khac__n{font-size:10.5px;font-weight:600;line-height:1;padding:3px 7px;border-radius:999px;
  background:rgba(0,0,0,.24);color:inherit;opacity:.88;white-space:nowrap}
@media(max-width:767px){.ph-sau-khac__n{display:none}}

/* VUIPHIM v91 — gộp toàn bộ phần CSS của v90 (giữ nguyên) + không thêm kiểu mới:
   nút lên đầu trang dùng lại CSS #mod-top đã có của v85 (tròn 46px, góc dưới-phải). */

/* ═══════════════════════════════════════════════════════════════════════════════════════
   VUIPHIM v93 — TRÌNH PHÁT CỦA CHÍNH WEB TA + THANH TRẠNG THÁI
   Gộp toàn bộ CSS của v91 (giữ nguyên, không đổi một dòng nào), chỉ THÊM phần dưới.
   Vì sao cần: từ v93 khung phát có thể là <video> của chính web ta thay cho <iframe>
   của máy chủ ngoài. Phải cho nó đúng khổ 16:9 y như iframe, nếu không khung phim sẽ
   co lại bé tí (đo thật: <video> không CSS chỉ cao 150px).
   ═══════════════════════════════════════════════════════════════════════════════════════ */
#player-loaded video.ph-vid, #main-player video.ph-vid{
  width:100%!important; aspect-ratio:16/9; height:auto!important; min-height:220px;
  display:block; border:0; background:#000; outline:0}
#player-loaded video.ph-vid:focus{outline:0}

/* thanh trạng thái dưới hàng điều hướng — để anh và khách THẤY cơ chế đang bật */
.ph-tt{display:flex; flex-wrap:wrap; align-items:center; gap:6px 14px; margin:10px 0 0;
  padding:9px 13px; background:var(--surface); border:1px solid var(--line);
  border-radius:12px; color:var(--muted); font-size:12.5px; line-height:1.3}
.ph-tt__i{display:inline-flex; align-items:center; gap:5px; white-space:nowrap}
.ph-tt__i b{color:var(--text); font-weight:700}
.ph-tt__b{display:inline-flex; align-items:center; gap:6px; margin-left:auto;
  padding:7px 14px; border-radius:999px; background:var(--grad);
  color:var(--accent-ink)!important; font-weight:700; font-size:12.5px;
  white-space:nowrap; border:0; text-decoration:none}
.ph-tt__b:hover{filter:brightness(1.08); color:var(--accent-ink)!important}
@media(max-width:767px){
  .ph-tt{margin:8px -12px 0; border-radius:0; font-size:11.5px; padding:8px 10px; gap:5px 10px}
  .ph-tt__i{white-space:normal}
  .ph-tt__b{margin-left:0; width:100%; justify-content:center; margin-top:4px}
}

/* ═══════════════════════════════════════════════════════════════════════════════════════
   VUIPHIM v96 — CHẾ ĐỘ TỰ ĐỘNG: GỌN, KÍNH MỜ, KHÔNG CHIẾM CHỖ
   Gộp nguyên CSS v91 + v93 (không đổi dòng nào), chỉ THÊM phần dưới.
   GỐC LỖI thẻ "Tập sau" vỡ chữ: customize.css của giao diện đặt  button{width:100%}  cho
   MỌI nút ⇒ nút trong thẻ phình hết bề ngang, cột chữ còn 0px. Nay trả mọi nút của ta về
   đúng bề rộng nội dung.
   ═══════════════════════════════════════════════════════════════════════════════════════ */
.ph-next button,.ph-tt button,.ph-tt .ph-tt__b,.ph-autos button,#main-player>.ph-tieng,.ph-hong button{width:auto!important;margin:0}

/* ── 1. thẻ "Tập sau" — kính mờ, 1 hàng, vòng đếm ngược tròn ── */
#main-player>.ph-next{position:absolute!important;inset:auto 12px 58px auto!important;
  width:auto!important;height:auto!important;max-width:calc(100% - 24px)!important}
.ph-next{gap:10px;padding:7px 7px 7px 8px;border-radius:16px;font-size:13px;line-height:1.25;color:#f4f6fb;
  background:linear-gradient(135deg,rgba(26,33,48,.62),rgba(9,13,21,.46));
  -webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 14px 34px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.10)}
.ph-next.is-on{display:flex;animation:phNextVao .22s cubic-bezier(.22,.61,.36,1)}
@keyframes phNextVao{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
.ph-next__vong{position:relative;display:block;flex:0 0 34px;width:34px;height:34px}
.ph-next__vong svg{display:block;width:100%;height:100%;transform:rotate(-90deg)}
.ph-next__nen,.ph-next__chay{fill:none;stroke-width:3}
.ph-next__nen{stroke:rgba(255,255,255,.15)}
.ph-next__chay{stroke:#ffb340;stroke-linecap:round;stroke-dasharray:97.39;stroke-dashoffset:0;transition:stroke-dashoffset .95s linear}
.ph-next__vong em{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-style:normal;font-weight:800;font-size:13px;color:#fff;font-variant-numeric:tabular-nums}
.ph-next__t{flex:0 1 auto;min-width:0;white-space:nowrap}
.ph-next__t b{display:block;color:#fff;font-weight:700;font-size:13.5px;overflow:hidden;text-overflow:ellipsis}
.ph-next__t i{display:block;font-style:normal;color:rgba(232,238,247,.72);font-size:11.5px;margin-top:2px;overflow:hidden;text-overflow:ellipsis}
.ph-next__go{flex:0 0 auto;padding:8px 13px;border:0;border-radius:999px;cursor:pointer;white-space:nowrap;
  background:var(--grad);color:var(--accent-ink);font-weight:800;font-size:12.5px;line-height:1.1;
  box-shadow:0 6px 16px rgba(240,128,60,.32)}
.ph-next__go:hover{filter:brightness(1.07)}
.ph-next__no{flex:0 0 28px;width:28px!important;height:28px;padding:0;border:0;border-radius:50%;cursor:pointer;
  background:rgba(255,255,255,.10);color:#e8edf5;font-size:12px;line-height:28px;text-align:center}
.ph-next__no:hover{background:rgba(255,255,255,.2)}
.ph-next__ring{display:none!important}
/* khung nhỏ trôi theo ở PC: gọn hơn nữa */
#main-player.ph-mini>.ph-next{inset:auto 6px 42px auto!important;max-width:calc(100% - 12px)!important;padding:5px 5px 5px 6px!important;gap:7px!important;font-size:12px!important}
#main-player.ph-mini>.ph-next .ph-next__t i{display:none}
#main-player.ph-mini>.ph-next .ph-next__vong{flex-basis:26px;width:26px;height:26px}
#main-player.ph-mini>.ph-next .ph-next__vong em{font-size:11px}
#main-player.ph-mini>.ph-next .ph-next__go{padding:6px 10px;font-size:11.5px}
#main-player.ph-mini>.ph-next .ph-next__no{flex-basis:24px;width:24px!important;height:24px;line-height:24px}

/* ── 2. nút bật tiếng: viên kính nhỏ ở GÓC TRÊN (không đè thanh điều khiển của video),
        tự ẩn khi thẻ "Tập sau" hiện ── */
#main-player>.ph-tieng{inset:12px auto auto 12px!important;height:auto!important;gap:6px;
  padding:6px 12px 6px 10px!important;font-size:12.5px!important;font-weight:700!important;
  background:rgba(12,17,26,.52)!important;-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);
  border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 8px 22px rgba(0,0,0,.35)!important}
#main-player.ph-co-next>.ph-tieng{opacity:0;pointer-events:none}

/* ── 3. hai công tắc trong MỘT viên kính ── */
.ph-autos{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:999px;flex:0 0 auto;
  background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.ph-autos .ph-auto{gap:6px;padding:5px 10px 5px 6px;border:0;border-radius:999px;background:transparent;font-size:12px;line-height:1.1}
.ph-autos .ph-auto+.ph-auto{position:relative}
.ph-autos .ph-auto+.ph-auto::before{content:"";position:absolute;left:-2px;top:6px;bottom:6px;width:1px;background:rgba(255,255,255,.10)}
.ph-autos .ph-auto:hover{background:rgba(255,255,255,.06)}
.ph-autos .ph-auto.is-on{border-color:transparent;color:var(--text)}
.ph-autos .ph-auto input{width:26px;height:15px}
.ph-autos .ph-auto input::after{top:2px;left:2px;width:11px;height:11px}
.ph-autos .ph-auto input:checked::after{transform:translateX(11px)}
.ph-auto__m{display:none}

/* ── 4. thanh trạng thái: 1 dòng mảnh NẰM TRONG khung điều hướng ── */
.ph-epnav>.ph-tt{flex:1 1 100%;order:99;display:flex;flex-wrap:nowrap;align-items:center;gap:4px 14px;min-width:0;
  margin:2px 0 0;padding:7px 2px 0;background:transparent;border:0;border-top:1px solid rgba(255,255,255,.06);
  border-radius:0;color:var(--muted);font-size:12px;line-height:1.3;overflow:hidden}
.ph-epnav>.ph-tt .ph-tt__i{white-space:nowrap;flex:0 0 auto}
.ph-epnav>.ph-tt .ph-tt__ghi{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;color:#ffb86b}
.ph-tt__chips{display:inline-flex;align-items:center;gap:6px;margin-left:auto;flex:0 0 auto}
.ph-tt .ph-tt__b{display:inline-flex;align-items:center;gap:5px;margin:0!important;padding:4px 11px!important;
  border-radius:999px!important;border:1px solid rgba(255,255,255,.14)!important;
  background:rgba(255,255,255,.07)!important;color:var(--text)!important;font-size:12px!important;font-weight:700!important;
  line-height:1.25;white-space:nowrap;text-decoration:none;box-shadow:none;justify-content:center;cursor:pointer}
.ph-tt .ph-tt__b:hover{background:var(--grad)!important;color:var(--accent-ink)!important;border-color:transparent!important}

/* ── 5. hàng điều hướng tập (PC): nút gọn hơn một chút để "Tập sau" không rớt xuống dòng 2 ── */
@media(min-width:768px){
  .ph-epnav{gap:6px}
  .ph-epnav__btn{padding:8px 13px;font-size:13px}
  .ph-epnav__now{font-size:12.5px;margin-left:4px}
}

/* ── điện thoại ── */
@media(max-width:767px){
  #main-player>.ph-next{inset:auto 8px 50px auto!important;max-width:calc(100% - 16px)!important}
  .ph-next{gap:8px;padding:6px 6px 6px 7px;border-radius:14px}
  .ph-next__vong{flex-basis:30px;width:30px;height:30px}
  .ph-next__t b{font-size:13px}.ph-next__t i{font-size:11px}
  .ph-next__go{padding:7px 11px;font-size:12px}
  .ph-next__no{flex-basis:26px;width:26px!important;height:26px;line-height:26px}
  #main-player>.ph-tieng{inset:10px auto auto 10px!important;font-size:12px!important;padding:5px 10px 5px 9px!important}
  .ph-auto__d{display:none}.ph-auto__m{display:inline}
  .ph-autos{padding:2px}
  .ph-autos .ph-auto{padding:5px 8px 5px 5px;font-size:11.5px}
  .ph-epnav>.ph-tt{margin:0;padding:6px 0 0;font-size:11.5px;gap:4px 10px}
  .ph-epnav>.ph-tt .ph-tt__ng,.ph-epnav>.ph-tt .ph-tt__tg{display:none}
  .ph-epnav>.ph-tt:not(.co-chip):not(.co-ghi){display:none}
  .ph-tt .ph-tt__b{padding:4px 10px!important;font-size:11.5px!important}
}

/* ── 6. khung "hết nguồn": phủ kín khung phát, gọn trên điện thoại ── */
#player-loaded>.ph-hong{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
@media(max-width:767px){
  #player-loaded .ph-hong{gap:7px!important;padding:10px 12px!important;font-size:12.5px!important}
  #player-loaded .ph-hong__t{font-size:14.5px!important}
  #player-loaded .ph-hong__m{font-size:12px!important;line-height:1.4!important}
  #player-loaded .ph-hong__n a,#player-loaded .ph-hong__n button{padding:7px 12px!important;font-size:12px!important}
}

/* ═══════════════════════════════════════════════════════════════════════════════════════
   VUIPHIM v97 — KHUNG "PHIM ĐANG TẠM NGƯNG PHÁT" Ở TRANG PHIM (phim bị ẩn nút xem / chưa có tập)
   ═══════════════════════════════════════════════════════════════════════════════════════ */
.ph-ngung{grid-column:1/-1;display:flex;flex-direction:column;gap:4px;margin:12px 0;padding:12px 15px;border-radius:14px;
  background:linear-gradient(135deg,rgba(255,160,32,.13),rgba(255,255,255,.035));
  border:1px solid rgba(255,194,71,.30);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  color:var(--text);font-size:13.5px;line-height:1.5;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.ph-ngung b{color:var(--accent-2);font-size:15px;font-weight:800}
.ph-ngung span{color:var(--muted)}
@media(max-width:767px){.ph-ngung{margin:10px 0;padding:10px 12px;font-size:12.5px}.ph-ngung b{font-size:14px}}

/* ═══════════════════════════════════════════════════════════════════════════════════════
   VUIPHIM v98 — TRANG CHỦ GỌN · ĐẸP · ĐỒNG BỘ TỪNG KHỐI (giữ nguyên bố cục + SEO)
   ═══════════════════════════════════════════════════════════════════════════════════════ */

/* ── 1. KHỐI "PHIM THEO QUỐC GIA" ─────────────────────────────────────────────────────
   Gốc lỗi: 2 luật CSS cũ đè nhau — .myui-block-title-regions{font-size:0} (giấu chữ "Xem phim")
   + ::before{content:""!important} (thanh cam) ăn mất ::before{content:"Phim theo quốc gia"}
   ⇒ khối KHÔNG có tiêu đề. Nay: tiêu đề thật (bản vá đổi chữ trong giao diện) cỡ y như các mục khác.
   Bố cục chỉ áp cho khối có lớp .ph-qg98 (JS gắn đúng khối quốc gia) — lớp .even còn dùng cho
   "Phim bộ mới hay", "Phim hoạt hình"… nên KHÔNG được nhắm theo .even. */
.myui-top-movies>.myui-block-header .myui-block-title-regions{font-size:20px!important;line-height:26px!important;font-weight:600!important;margin:0!important;white-space:nowrap}
.myui-top-movies .myui-block-header button.regions-list-film{-webkit-appearance:none;appearance:none;background:transparent!important;border:1px solid var(--line)!important;border-radius:999px!important;padding:6px 14px!important;margin:0!important;color:var(--muted)!important;font-size:13px!important;font-weight:600!important;line-height:1.3!important;box-shadow:none!important;cursor:pointer;white-space:nowrap;transition:border-color .15s,color .15s,background .15s}
.myui-top-movies .myui-block-header button.regions-list-film:hover{border-color:rgba(255,160,32,.55)!important;color:var(--text)!important}
.myui-top-movies .myui-block-header button.regions-list-film.active{background:var(--grad)!important;color:var(--accent-ink)!important;border-color:transparent!important}
.myui-top-movies.ph-qg98 .ph-rg-more{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;padding:6px 12px;border-radius:999px;border:1px solid var(--line);color:var(--muted)!important;font-size:13px;font-weight:500;text-decoration:none!important;transition:border-color .15s,color .15s}
.myui-top-movies.ph-qg98 .ph-rg-more:hover{border-color:rgba(255,160,32,.55);color:var(--text)!important}
@media(min-width:768px){
  .myui-top-movies.ph-qg98{display:flex!important;flex-wrap:wrap;align-items:center;column-gap:14px}
  .myui-top-movies.ph-qg98>.myui-block-header{margin:0!important;padding:0!important;border:0!important}
  .myui-top-movies.ph-qg98>.myui-block-header:nth-of-type(1){flex:1 1 auto}
  .myui-top-movies.ph-qg98>.myui-block-header:nth-of-type(2){flex:0 1 auto;display:flex!important;flex-wrap:wrap;gap:6px;justify-content:flex-end;align-items:center}
  .myui-top-movies.ph-qg98>ul{flex:0 0 100%;max-width:100%}
}
@media(min-width:992px){
  /* 10 phim/quốc gia: lưới 5 cột = 2 hàng ĐỦ (trước: 6 + 4 lởm chởm) */
  .myui-top-movies ul.show-regions-list-film:not(.ph-rg-off):not([style*="none"]){display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))}
  .myui-top-movies ul.show-regions-list-film>li{width:auto!important;float:none!important;max-width:none!important}
  .myui-top-movies ul.show-regions-list-film::before,.myui-top-movies ul.show-regions-list-film::after{content:none!important;display:none!important}
}
@media(max-width:767px){
  .myui-top-movies>.myui-block-header .myui-block-title-regions{font-size:17px!important;line-height:24px!important}
  .myui-top-movies.ph-qg98>.myui-block-header:nth-of-type(1){display:block!important;border:0!important;margin:0 0 8px!important;padding:0!important}
  .myui-top-movies.ph-qg98>.myui-block-header:nth-of-type(2){display:flex!important;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0!important;padding:0 0 2px!important;border:0!important}
  .myui-top-movies.ph-qg98>.myui-block-header:nth-of-type(2)::-webkit-scrollbar{display:none}
  .myui-top-movies .myui-block-header button.regions-list-film{flex:0 0 auto;padding:7px 14px!important}
}

/* ── 2. HÀNG CHỦ ĐỀ NHANH (PC): 8 ô chia đều hết bề ngang, không hụt khoảng trống bên phải ── */
@media(min-width:992px){
  .ph-chips{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px!important}
  .ph-chips>.ph-chip{width:auto!important;min-width:0!important;margin:0!important;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

/* ── 3. CỘT PHẢI ─────────────────────────────────────────────────────────────────────── */
/* 3a. "Trending": dòng giải thích nằm GỌN dưới tiêu đề (trước: bị nhét bên cạnh, vỡ 3 dòng) */
.myui-sidebar .myui-panel_hd{display:block!important}
.myui-sidebar .myui-panel_hd>.ph-sb-note{display:block!important;max-width:none!important;width:auto!important;margin:-6px 0 12px!important;padding:0 2px!important;font-size:11.5px!important;line-height:1.5!important;color:var(--muted)!important;text-align:left!important}

/* 3b. "Top phim lẻ" / "Top phim bộ": thẻ đồng bộ với Trending — số hạng + poster dọc + tên + nhãn
   (trước: ảnh dọc bị cắt ngang 104×62 kèm chữ "FULL VIETSUB" đè lên ảnh) */
@media(min-width:768px){
  .myui-sidebar ul.myui-vodlist__media{counter-reset:ph98;margin:0!important;padding:0!important}
  .myui-sidebar ul.myui-vodlist__media>li{counter-increment:ph98;list-style:none;float:none!important;width:auto!important;padding:0!important;margin:0 0 8px!important}
  .myui-sidebar ul.myui-vodlist__media>li:last-child{margin-bottom:0!important}
  .myui-sidebar ul.myui-vodlist__media .g-box{margin:0!important;padding:0!important}
  .myui-sidebar ul.myui-vodlist__media .pack_yk_pack{position:relative!important;display:grid!important;grid-template-columns:30px 54px minmax(0,1fr);align-items:center;column-gap:12px;padding:8px 10px 8px 4px!important;margin:0!important;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.025);transition:border-color .15s,background .15s}
  .myui-sidebar ul.myui-vodlist__media .pack_yk_pack:hover{border-color:rgba(255,160,32,.45);background:rgba(255,160,32,.05)}
  .myui-sidebar ul.myui-vodlist__media .pack_yk_pack::before{content:counter(ph98);grid-column:1;grid-row:1;font-size:20px;font-weight:800;line-height:1;text-align:center;color:var(--muted)}
  .myui-sidebar ul.myui-vodlist__media>li:nth-child(-n+3) .pack_yk_pack::before{color:#ffb547}
  .myui-sidebar ul.myui-vodlist__media .pack_pack_cover{grid-column:2;grid-row:1;position:static!important;flex:none!important;width:54px!important;height:78px!important;min-height:78px!important;max-height:78px!important;min-width:0!important;aspect-ratio:auto!important;margin:0!important;padding:0!important;border-radius:8px!important;overflow:hidden!important;background-color:#111827!important}
  .myui-sidebar ul.myui-vodlist__media .pack_pack_cover>a{position:static!important;display:block!important;width:100%!important;height:100%!important}
  .myui-sidebar ul.myui-vodlist__media .pack_pack_cover img{position:static!important;inset:auto!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;border-radius:8px!important;display:block}
  .myui-sidebar ul.myui-vodlist__media .pack_pack_cover .pack_bg,.myui-sidebar ul.myui-vodlist__media .pack_pack_cover .pack_p_rb{display:none!important}
  .myui-sidebar ul.myui-vodlist__media .pack_pack_cover .pack_p_rt{position:absolute!important;left:112px!important;bottom:10px!important;top:auto!important;right:auto!important;margin:0!important;padding:0!important;background:none!important;z-index:1}
  .myui-sidebar ul.myui-vodlist__media .pack_pack_cover .pack_pack_tag{display:inline-block!important;background:none!important;padding:0!important;margin:0!important;border:0!important;height:auto!important;line-height:1!important;max-width:none!important;overflow:visible!important}
  .myui-sidebar ul.myui-vodlist__media .pack_pack_cover .pack_tagtext{display:inline-block!important;padding:3px 8px!important;border-radius:999px!important;background:rgba(255,160,32,.14)!important;color:#ffb547!important;font-size:10.5px!important;font-weight:700!important;line-height:1.2!important;text-transform:none!important;font-family:inherit!important;letter-spacing:0!important;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis;vertical-align:top}
  .myui-sidebar ul.myui-vodlist__media .pack_info_list{grid-column:3;grid-row:1;align-self:start;min-width:0;padding:4px 0 26px!important;margin:0!important;height:auto!important;max-height:none!important;overflow:visible!important}
  .myui-sidebar ul.myui-vodlist__media .pack_title{max-height:none!important;height:auto!important;margin:0!important;overflow:visible!important}
  .myui-sidebar ul.myui-vodlist__media .pack_title a{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal!important;height:auto!important;max-height:2.7em!important;font-size:14px!important;font-weight:700!important;line-height:1.35!important;color:var(--text)!important}
  .myui-sidebar ul.myui-vodlist__media .pack_yk_pack:hover .pack_title a{color:#ffce6a!important}
  .myui-sidebar ul.myui-vodlist__media .pack_desc{display:none!important}
  .myui-sidebar ul.myui-vodlist__media .ph-world-badge{margin-top:4px}
}

/* 3c. Khối "Khám phá" (thể loại · quốc gia · năm) cuối cột phải — BÁM THEO khi cuộn ở PC,
   hết khoảng trống ~1.000px bên phải nửa dưới trang */
.ph-khampha .myui-panel_bd{padding:12px 14px!important}
.ph-kp-nhom+.ph-kp-nhom{margin-top:12px}
.ph-kp-nhom>b{display:block;margin:0 0 7px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.ph-kp-chips{display:flex;flex-wrap:wrap;gap:6px}
.ph-kp-chips a{display:inline-block;padding:5px 11px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--text)!important;font-size:12.5px;line-height:1.3;text-decoration:none!important;transition:border-color .15s,background .15s,color .15s}
.ph-kp-chips a:hover{border-color:rgba(255,160,32,.55);background:rgba(255,160,32,.08);color:#ffce6a!important}
@media(min-width:992px){
  .ph-hang98{display:flex!important;align-items:stretch}
  /* luật cũ (v8x) đặt CẢ cột phải sticky + align-self:flex-start: cột cao 3.000px mà dính ở đỉnh thì nửa dưới
     (Top phim lẻ/bộ) không bao giờ lộ ra khi cuộn ⇒ trả về bình thường, chỉ khối "Khám phá" bám theo */
  .ph-hang98>.myui-sidebar{float:none!important;position:relative!important;top:auto!important;align-self:stretch!important}
  .ph-khampha{position:-webkit-sticky;position:sticky;top:106px;z-index:2}
}
@media(max-width:991px){.ph-khampha{display:none!important}}

/* 3d. Trending: ảnh bìa hỏng — luật cũ ép img{display:block!important} nên onerror="display:none" vô tác dụng
       ⇒ hiện biểu tượng ẢNH VỠ. Nay ẩn hẳn ảnh hỏng, chỉ còn khung nền (bộ làm giàu dữ liệu sẽ thay ảnh đúng). */
.leaderboard-card-detail img[style*="display: none"],.leaderboard-card-detail img[style*="display:none"]{visibility:hidden!important}
.ph-world-badge{white-space:nowrap}
@media(max-width:420px){.leaderboard-card .ph-sb-per{display:none!important}}

/* ── 4. NÚT LÊN ĐẦU TRANG — nút giả cho main.js của giao diện (hết lỗi JS mỗi lần cuộn) ── */
#back-to-top-btn[hidden]{display:none!important}

/* ── 5. LOGO VuiPhim 2 MÀU — GIỐNG HỆT TRANG ADMIN: "Vui" cam chuyển sắc + "Phim" trắng, nét đậm ──
   Máy chủ in sẵn <span class="vp-logo"><b>Vui</b>Phim</span> trong thẻ .brand-logo (chỗ nào chưa có thì JS v98
   đổi). Lớp .vp-lg chỉ gắn vào logo đã đổi ⇒ xoá nền chữ vàng cũ (v4.3) cho đúng thẻ đó; logo lạ không bị đụng.
   Giữ ô chữ "V" cam phía trước (v83) + cỡ chữ cũ từng chỗ (đầu trang 22px · điện thoại 20px · chân trang 18px).
   Phông chữ: ĐÚNG nét Source Sans Pro Black của trang admin — chỉ 7 chữ cái "VuiPhim" (2,9 KB nhúng sẵn, không tải thêm gì)
   · tập con của Source Sans Pro Black © Adobe, giấy phép SIL Open Font License 1.1, đổi tên "VP Logo" theo giấy phép. */
@font-face{font-family:"VP Logo";font-weight:900;font-style:normal;font-display:block;src:url(data:font/woff2;base64,AAEAAAAOAIAAAwBgQkFTRWUeXb0AAAoYAAAARkdERUYAEQAHAAAKYAAAABZHUE9TBofuJAAACngAAADuR1NVQpMVghYAAAtoAAAANk9TLzJdBVioAAABaAAAAGBjbWFwAOIBsQAAAewAAABUZ2x5Zi7iXnoAAAJUAAACHGhlYWQiNaDGAAAA7AAAADZoaGVhBtMBgAAAASQAAAAkaG10eBGKAUIAAAHIAAAAJGxvY2ECnAMoAAACQAAAABRtYXhwABMANAAAAUgAAAAgbmFtZZ/v/LkAAARwAAAFiHBvc3T/0QAyAAAJ+AAAACAAAQAAAAMBibw4yhlfDzz1AAMD6AAAAADZczGHAAAAAObZKgT/ov/0Ay4C3gAAAAMAAgAAAAAAAAABAAAEAP5wAAADZP+i/6IDLgABAAAAAAAAAAAAAAAAAAAACQABAAAACQAiAAUAEAACAAEAAAAAAAAAAAAAAAAAAgABAAMCOAOEAAUAAAKKAlgAAABLAooCWAAAAV4AMgEsAAACCwgDAwQDAgIEAAAAAQAAAAAAAAAAAAAAAEFEQk8AAABQAHUEAP5wAAAEAAGQAAAAAQAAAAAB9AKUAAAAIAADAsAATAJgAEgCPP/2AkYAOgEgADIDZAA6AkIANgEgADoAAP+iAAAAAgAAAAMAAAAUAAMAAQAAABQABABAAAAADAAIAAIABABQAFYAaQBtAHX//wAAAFAAVgBoAG0Adf///7H/rP+b/5j/kQABAAAAAAAAAAAAAAAAAAAALABOAGoAjACYAMoA7AD4AQ4ABQBMAAACdAKUAAMACQAPABIAFQAAMxEhESUzJycjBxMzNzcjFwM3JwERB0wCKP6sgBokBCQkBCgSeBJ6UlIBSFIClP1saDhgYAEIYCQk/qSoqP6wAVCoAAIASAAAAj4CigAMABUAADMRMzIWFhUUBgYjIxURMzI2NTQmIyNI7kd4SUl3REY+MzE2MjoCiiheUk9lMM4BVjErLCQAAf/2AAACRgKKAA0AADMDMxMWFhczNjY3EzMDsry2QAwXDQQOFQ1GsMQCiv7kNGU1NWU0ARz9dgABADoAAAIQArgAFAAAMxEzFQc2NjMyFhURIxE0JiMiBgcROqwIGkkzU0msGBoYIBQCuKJWFylvXf7MAR4wIBQS/rgA//8AMgAAAO4C3gImAAcAAAAHAAgAkAAAAAEAOgAAAy4CAAAhAAAzETMXMzY2MzIWFzY2MzIWFREjETQmIyIHESMRNCYjIgcROowMBB5FMzNDFB9IM1NLrBgaICasGBogJgH0PR0sKScgMG9d/swBHjAgJv64AR4wICb+uAABADb/9AIIAfQAFAAAFyImNREzERQWMzI2NxEzESMnIwYG0lJKrBkZGCAQrIwMBB5JDG9dATT+4jAgFBgBQv4MQiQqAAEAOgAAAOYB9AADAAAzETMROqwB9P4MAAH/ogIyAF4C3gALAAARIiY1NDYzMhYVFAYqNDQqKjQ0AjIvJycvLycnLwAAAAALAIoAAwABBAkAAADGAAAAAwABBAkAAQAOAMYAAwABBAkAAgAOANQAAwABBAkAAwAoAOIAAwABBAkABAAaAQoAAwABBAkABQBkASQAAwABBAkABgAYAYgAAwABBAkADQMgAaAAAwABBAkADgA0BMAAAwABBAkAEAAOAMYAAwABBAkAEQAKBPQAqQAgADIAMAAxADAAIAAtACAAMgAwADEAOQAgAEEAZABvAGIAZQAgAFMAeQBzAHQAZQBtAHMAIABJAG4AYwBvAHIAcABvAHIAYQB0AGUAZAAgACgAaAB0AHQAcAA6AC8ALwB3AHcAdwAuAGEAZABvAGIAZQAuAGMAbwBtAC8AKQAsACAAdwBpAHQAaAAgAFIAZQBzAGUAcgB2AGUAZAAgAEYAbwBuAHQAIABOAGEAbQBlACAgGABTAG8AdQByAGMAZSAZAC4AVgBQACAATABvAGcAbwBSAGUAZwB1AGwAYQByAFYAUAAgAEwAbwBnAG8AIABCAGwAYQBjAGsAOwBzAHUAYgBzAGUAdABWAFAAIABMAG8AZwBvACAAQgBsAGEAYwBrAFYAZQByAHMAaQBvAG4AIAAzAC4AMAAwADYAOwBoAG8AdABjAG8AbgB2ACAAMQAuADAALgAxADEAMQA7AG0AYQBrAGUAbwB0AGYAZQB4AGUAIAAyAC4ANQAuADYANQA1ADkANwBWAFAATABvAGcAbwAtAEIAbABhAGMAawBUAGgAaQBzACAARgBvAG4AdAAgAFMAbwBmAHQAdwBhAHIAZQAgAGkAcwAgAGwAaQBjAGUAbgBzAGUAZAAgAHUAbgBkAGUAcgAgAHQAaABlACAAUwBJAEwAIABPAHAAZQBuACAARgBvAG4AdAAgAEwAaQBjAGUAbgBzAGUALAAgAFYAZQByAHMAaQBvAG4AIAAxAC4AMQAuACAAVABoAGkAcwAgAGwAaQBjAGUAbgBzAGUAIABpAHMAIABhAHYAYQBpAGwAYQBiAGwAZQAgAHcAaQB0AGgAIABhACAARgBBAFEAIABhAHQAOgAgAGgAdAB0AHAAOgAvAC8AcwBjAHIAaQBwAHQAcwAuAHMAaQBsAC4AbwByAGcALwBPAEYATAAuACAAVABoAGkAcwAgAEYAbwBuAHQAIABTAG8AZgB0AHcAYQByAGUAIABpAHMAIABkAGkAcwB0AHIAaQBiAHUAdABlAGQAIABvAG4AIABhAG4AICAYAEEAUwAgAEkAUyAZACAAQgBBAFMASQBTACwAIABXAEkAVABIAE8AVQBUACAAVwBBAFIAUgBBAE4AVABJAEUAUwAgAE8AUgAgAEMATwBOAEQASQBUAEkATwBOAFMAIABPAEYAIABBAE4AWQAgAEsASQBOAEQALAAgAGUAaQB0AGgAZQByACAAZQB4AHAAcgBlAHMAcwAgAG8AcgAgAGkAbQBwAGwAaQBlAGQALgAgAFMAZQBlACAAdABoAGUAIABTAEkATAAgAE8AcABlAG4AIABGAG8AbgB0ACAATABpAGMAZQBuAHMAZQAgAGYAbwByACAAdABoAGUAIABzAHAAZQBjAGkAZgBpAGMAIABsAGEAbgBnAHUAYQBnAGUALAAgAHAAZQByAG0AaQBzAHMAaQBvAG4AcwAgAGEAbgBkACAAbABpAG0AaQB0AGEAdABpAG8AbgBzACAAZwBvAHYAZQByAG4AaQBuAGcAIAB5AG8AdQByACAAdQBzAGUAIABvAGYAIAB0AGgAaQBzACAARgBvAG4AdAAgAFMAbwBmAHQAdwBhAHIAZQAuAGgAdAB0AHAAOgAvAC8AcwBjAHIAaQBwAHQAcwAuAHMAaQBsAC4AbwByAGcALwBPAEYATABCAGwAYQBjAGsAAwAAAAAAAP/OADIAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAACAAAAAQADgACaWRlb3JvbW4ABERGTFQAGmN5cmwAGmdyZWsAGmxhdG4AGgAGAAAAAAABAAIACAAMAAH/VgABAAAAAAABAAAADAAAAAAAAAACAAEAAQAGAAEAAAABAAAACgAwAD4ABERGTFQAGmN5cmwAGmdyZWsAGmxhdG4AGgAEAAAAAP//AAEAAAABa2VybgAIAAAAAQAAAAEABAAJAAgAAgAKABIAAQACAAAAEAABAAIAAAAyAAIAEAAAAAAAFgAaAAEABQABAAEABAACAAAAAQACAAUAAQAAAAMABAACAAIAOAAEAAAARgBYAAQABQAAAAD/9gAAAAAAAAAAAAAAAAAAAAAAAP/sAAAAAAAA/+IACv/sAAAAAQAFAAEAAgADAAUABgABAAEABgABAAMAAAAAAAAAAgABAAIABQACAAAABAADAAEAAAABAAAACgAyADQABERGTFQAGmN5cmwAJGdyZWsAJGxhdG4AJAAEAAAAAP//AAAAAAAAAAAAAAAA) format("woff2")}
.brand-logo.vp-lg{background:none!important;-webkit-text-fill-color:#fff!important;color:#fff!important}
.brand-logo .vp-logo{font-family:"VP Logo","Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;font-weight:900;letter-spacing:-.02em;line-height:1;white-space:nowrap;color:#fff;-webkit-text-fill-color:#fff}
.brand-logo .vp-logo b{font-weight:900;background:linear-gradient(135deg,#ff9f1c,#ffc75f);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
