/* =====================================================================
   Cinenjoy UI (redesign 10/2026) - nạp SAU cinematimes-features.css.
   Mock đã duyệt: storage/app/ui-mockup/proto/r6-*.html (canvas "Vòng 6").
   Nguyên tắc: nền sáng, màu đến từ ảnh phim; coral chỉ cho nút chính và
   trạng thái chọn; chữ charcoal; viền mảnh trung tính; bo 6-12px.
   Lớp mới dùng tiền tố ui-; lớp cũ (.cn-*, .header__*) vẫn chạy.
   ===================================================================== */
:root{
  --ui-bg:#FFFFFF;--ui-bg2:#F5F6F7;--ui-bg3:#ECEEF1;
  --ui-line:#E4E6EA;--ui-line2:#D3D6DB;
  --ui-text:#1F2125;--ui-text2:#5B5F67;--ui-text3:#70747C;
  --ui-night:#121316;
  /* #FF5860 + chữ trắng chỉ 3:1 → nút chính dùng #D93842 (4,6:1, đạt AA) */
  --ui-coral:#FF5860;--ui-coral600:#D93842;--ui-coral700:#BF2F39;--ui-coral50:#FFF5F4;--ui-coral100:#FFE4E2;
  --ui-r-xs:4px;--ui-r-sm:6px;--ui-r:8px;--ui-r-lg:12px;
  --ui-font:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
}

/* ---------- Nền tảng ---------- */
body{font-family:var(--ui-font);color:var(--ui-text);background:var(--ui-bg);word-spacing:.06em;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--ui-font);word-spacing:.03em}
button,input,select,textarea{font-family:var(--ui-font)}
/* Vòng focus: theme cũ (main.min.css) đặt `:focus{outline:-webkit-focus-ring-color auto 0}` - kiểu `auto` làm trình duyệt
   BỎ QUA độ dày 0 và vẫn vẽ viền đen quanh mọi thứ vừa bấm chuột (ô rạp /lich-chieu, tab, thẻ...). Bấm chuột: không viền;
   dùng bàn phím (Tab): viền coral rõ. Ô nhập chữ tự có kiểu focus riêng (đổi màu viền) nên không thêm outline. */
:focus:not(:focus-visible){outline:none}
:focus-visible{outline:2px solid var(--ui-coral600);outline-offset:2px}
input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none}
.ui-i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.ui-i--s{width:16px;height:16px}
.ui-num{font-variant-numeric:tabular-nums}

/* ---------- Nút ---------- */
.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 24px;border-radius:var(--ui-r);font-size:15px;font-weight:600;line-height:1;white-space:nowrap;border:1px solid transparent;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.ui-btn--p{background:var(--ui-coral600);color:#fff}
.ui-btn--p:hover,.ui-btn--p:focus-visible{background:var(--ui-coral700);color:#fff}
.ui-btn--s{background:#fff;border-color:var(--ui-line2);color:var(--ui-text);font-weight:500}
.ui-btn--s:hover{border-color:var(--ui-text);color:var(--ui-text)}
.ui-btn--ghost{background:transparent;border-color:rgba(255,255,255,.36);color:#fff;font-weight:500;padding:0 20px}
.ui-btn--ghost:hover{border-color:#fff;color:#fff}
.ui-btn--icon{width:48px;padding:0}
.ui-btn--sm{height:40px;padding:0 16px;font-size:14.5px}
.ui-btn--sm.ui-btn--icon{width:40px;padding:0}
.ui-btn--block{width:100%}

/* ---------- Link phụ trung tính ---------- */
.ui-more{display:inline-flex;align-items:center;gap:2px;font-size:15px;font-weight:500;color:var(--ui-text);white-space:nowrap;text-decoration:none}
.ui-more:hover{color:var(--ui-text);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.ui-qlink{color:var(--ui-text2);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--ui-line2);text-decoration-thickness:1px}
.ui-qlink:hover{color:var(--ui-text);text-decoration-color:var(--ui-text2)}

/* ---------- Nhãn tuổi ---------- */
.ui-age{display:inline-flex;align-items:center;justify-content:center;height:20px;min-width:24px;padding:0 5px;border-radius:var(--ui-r-xs);font-size:11.5px;font-weight:600;line-height:1;color:#fff;background:#4B5563;letter-spacing:.01em;word-spacing:0}
.ui-age--t18,.ui-age--c18{background:#C42B22}.ui-age--t16,.ui-age--c16{background:#C2410C}.ui-age--t13,.ui-age--c13{background:#9A6100}.ui-age--k{background:#1D4ED8}.ui-age--p{background:#15803D}

/* ---------- Tiêu đề mục ---------- */
.ui-sec{padding-top:64px}
.ui-sec-h{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
.ui-sec-h__l{display:flex;align-items:center;gap:36px;min-width:0}
.ui-sec-h h2{margin:0;font-size:26px;line-height:1.2;font-weight:600;letter-spacing:-.015em;color:var(--ui-text)}
.ui-sec-h p{margin:4px 0 0;font-size:14px;color:var(--ui-text2)}
.ui-sec-h__r{display:flex;align-items:center;gap:8px}

/* ---------- Tab chữ ---------- */
.ui-tabs{display:flex;gap:24px;margin:0;padding:0;list-style:none;border:0}
.ui-tabs button,.ui-tabs a{position:relative;padding:6px 0;background:none;border:0;font-size:15px;font-weight:500;color:var(--ui-text2);white-space:nowrap;text-decoration:none;cursor:pointer}
.ui-tabs button:hover,.ui-tabs a:hover{color:var(--ui-text)}
.ui-tabs .active,.ui-tabs [aria-selected="true"],.ui-tabs [aria-current]{color:var(--ui-text);font-weight:600}
.ui-tabs .active::after,.ui-tabs [aria-selected="true"]::after,.ui-tabs [aria-current]::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:1px;background:var(--ui-coral)}
.ui-tabs small{margin-left:4px;font-size:13px;font-weight:500;color:var(--ui-text3)}

/* ---------- Mũi tên cuộn ---------- */
.ui-arrow{width:40px;height:40px;border-radius:50%;border:1px solid var(--ui-line2);background:#fff;display:inline-flex;align-items:center;justify-content:center;color:var(--ui-text);cursor:pointer}
.ui-arrow:hover{border-color:var(--ui-text)}
.ui-arrow[disabled]{color:#B8BBC1;border-color:var(--ui-line);cursor:default}
.ui-arrow svg{width:18px;height:18px}

/* ---------- Ô quảng cáo (khung chờ) ---------- */
.ui-ad-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:var(--ui-bg2);border:1px dashed var(--ui-line2);border-radius:var(--ui-r);color:var(--ui-text3);font-size:12.5px}

/* =====================================================================
   HEADER - giữ lớp .header (fixed 70px) vì nhiều trang chừa padding-top theo nó
   ===================================================================== */
.header.ui-hd{background:#fff!important;box-shadow:none!important;border-bottom:1px solid var(--ui-line)}
.ui-hd__in{display:flex;align-items:center;gap:32px;height:70px}
.ui-hd__logo{flex:0 0 auto;display:block;line-height:0}
.ui-hd__logo img{height:32px;width:auto;display:block}
.ui-nav{display:flex;align-items:center;gap:2px;margin:0;padding:0;list-style:none}
.ui-nav>li{position:relative}
.ui-nav__a{position:relative;display:inline-flex;align-items:center;gap:4px;height:40px;padding:0 10px;border-radius:var(--ui-r-sm);background:none;border:0;font-size:15px;font-weight:500;color:var(--ui-text)!important;white-space:nowrap;text-decoration:none;cursor:pointer}
.ui-nav__a:hover,.ui-nav__a[aria-expanded="true"]{background:var(--ui-bg2);color:var(--ui-text)!important}
.ui-nav__a .ui-i{width:15px;height:15px;color:var(--ui-text2);transition:transform .15s}
.ui-nav__a[aria-expanded="true"] .ui-i{transform:rotate(180deg)}
.ui-nav__a.is-active{font-weight:600}
.ui-nav__a.is-active::after{content:"";position:absolute;left:10px;right:10px;bottom:-15px;height:2px;border-radius:1px;background:var(--ui-coral)}
.ui-hd .header__dropdown-menu{margin-top:8px!important;border:1px solid var(--ui-line)!important;border-radius:var(--ui-r-lg)!important;padding:6px!important;box-shadow:0 12px 32px rgba(17,19,24,.12)!important;min-width:220px!important;background:#fff!important}
.ui-hd .header__dropdown-menu a,.ui-hd .header__dropdown-menu button.header__logout{display:flex!important;align-items:center;gap:6px;border-radius:var(--ui-r-sm);padding:9px 12px!important;height:auto!important;font-size:14.5px!important;font-weight:500!important;color:var(--ui-text)!important;text-decoration:none}
.ui-hd .header__dropdown-menu a:hover,.ui-hd .header__dropdown-menu button.header__logout:hover{background:var(--ui-bg2)!important;color:var(--ui-text)!important}
.ui-hd__right{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0}
.ui-hd__search{position:relative;flex:1;max-width:420px;margin-right:8px}
.ui-hd__search form{position:relative;margin:0}
.ui-hd__search .ui-i{position:absolute;left:14px;top:11px;color:var(--ui-text2);pointer-events:none}
.ui-hd__search input#cn-search-input{width:100%!important;height:42px!important;padding:0 14px 0 44px!important;border:1px solid transparent!important;border-radius:var(--ui-r)!important;background:var(--ui-bg2)!important;font-size:14.5px!important;color:var(--ui-text)!important;box-shadow:none!important}
.ui-hd__search input#cn-search-input::placeholder{color:var(--ui-text3)}
.ui-hd__search input#cn-search-input:focus{background:#fff!important;border-color:var(--ui-line2)!important;box-shadow:none!important;outline:none!important}
.ui-hd__search button[type=submit]{position:absolute;left:4px;top:4px;width:36px;height:34px;opacity:0}
.ui-hd__region{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 10px;border-radius:var(--ui-r);background:none;border:0;font-size:15px;font-weight:500;color:var(--ui-text);white-space:nowrap;cursor:pointer}
.ui-hd__region .ui-chev{width:16px;height:16px;color:var(--ui-text2)}
.ui-hd__ib{position:relative;width:42px;height:42px;border-radius:var(--ui-r);display:inline-flex;align-items:center;justify-content:center;color:var(--ui-text)!important;background:none;border:0;text-decoration:none}
.ui-hd__region:hover,.ui-hd__ib:hover{background:var(--ui-bg2)}
.ui-hd__ib .header__icon-badge,.ui-hd__ib .header__noti-badge{position:absolute;top:4px;right:3px}
.ui-hd__login{display:inline-flex;align-items:center;height:40px;padding:0 16px;margin-left:4px;border:1px solid var(--ui-line2);border-radius:var(--ui-r);font-size:14.5px;font-weight:600;color:var(--ui-text)!important;white-space:nowrap;text-decoration:none;background:#fff}
.ui-hd__login:hover{border-color:var(--ui-text)}
.ui-hd .header__account,.ui-hd .header__noti{margin:0}
.ui-hd .header__account-toggle,.ui-hd .header__noti-toggle{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 8px;border-radius:var(--ui-r);color:var(--ui-text)!important;text-decoration:none}
.ui-hd .header__account-toggle:hover,.ui-hd .header__noti-toggle:hover{background:var(--ui-bg2)}
.ui-hd .header__avatar{box-shadow:none;background:var(--ui-text)}
/* Mobile: 1 hàng 56px giữ nguyên khung fixed của theme */
.ui-hd__m{display:none}
@media (max-width:1199.98px){
  .ui-hd__in{gap:6px;height:70px}
  .ui-nav,.ui-hd__search,.ui-hd__ib--desk,.ui-hd__acc-desk{display:none!important}
  .ui-hd__right{gap:2px}
  .ui-hd__logo img{height:28px}
  .ui-hd__region{height:40px;padding:0 6px;font-size:14.5px}
  .ui-hd__m{display:inline-flex;align-items:center;gap:2px}
  .ui-hd__m .header__m-login{display:inline-flex;align-items:center;height:36px;padding:0 12px;border:1px solid var(--ui-line2)!important;border-radius:var(--ui-r)!important;background:#fff!important;color:var(--ui-text)!important;font-size:14px;font-weight:600;box-shadow:none!important}
}

/* =====================================================================
   FOOTER
   ===================================================================== */
.ui-ft{margin-top:88px;border-top:1px solid var(--ui-line);background:#FAFAFB;font-size:14px;color:var(--ui-text2)}
.ui-ft__g{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:40px;padding:48px 0 40px}
.ui-ft__logo{height:28px;width:auto}
.ui-ft__g p{margin:14px 0 0;max-width:34ch;line-height:1.6}
.ui-ft h2{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--ui-text)}
.ui-ft ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ui-ft a{color:var(--ui-text2);text-decoration:none}
.ui-ft a:hover{color:var(--ui-text)}
.ui-ft__b{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0 28px;border-top:1px solid var(--ui-line);font-size:13px;color:var(--ui-text3)}
.ui-ft__s{display:flex;gap:6px}
.ui-ft__s a{width:36px;height:36px;border-radius:var(--ui-r);display:inline-flex;align-items:center;justify-content:center;color:var(--ui-text2)}
.ui-ft__s a:hover{background:var(--ui-bg3);color:var(--ui-text)}
.ui-ft__s svg{width:18px;height:18px;fill:currentColor}
@media (max-width:991.98px){.ui-ft__g{grid-template-columns:1fr 1fr;gap:28px 24px}.ui-ft__g>div:first-child{grid-column:1/-1}}
@media (max-width:1199.98px){.ui-ft{margin-top:48px;padding-bottom:64px}}

/* =====================================================================
   THANH ĐIỀU HƯỚNG DƯỚI (mobile) - restyle, giữ markup cũ
   ===================================================================== */
@media (max-width:1199.98px){
  .bottom-nav{background:#fff!important;border-top:1px solid var(--ui-line)!important;box-shadow:none!important}
  .bottom-nav__item{color:var(--ui-text2)!important}
  .bottom-nav__icon{width:22px!important;height:22px!important;stroke-width:1.75!important}
  .bottom-nav__label{font-size:11px!important;font-weight:500!important;color:inherit!important}
  .bottom-nav__item.is-active,.bottom-nav__item.is-active .bottom-nav__label,.bottom-nav__label.is-active-text{color:var(--ui-text)!important;font-weight:600!important}
  .bottom-nav__item.is-active .bottom-nav__icon{color:var(--ui-coral600)!important}
  .bottom-nav__item.is-active::before{background:var(--ui-coral)!important;height:2px!important}
}

/* =====================================================================
   THẺ PHIM (home/_movie_card) - dùng chung mọi trang
   ===================================================================== */
.ui-mc{display:block;min-width:0}
.ui-mc__p{position:relative;display:block;border-radius:var(--ui-r);overflow:hidden;background:var(--ui-bg3)}
.ui-mc__p img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;transition:filter .2s}
.ui-mc__p .ui-age{position:absolute;top:8px;left:8px}
.ui-mc__t{margin:12px 0 0;font-size:16px;line-height:1.35;font-weight:600;letter-spacing:-.005em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ui-mc__t a{color:var(--ui-text);text-decoration:none}
.ui-mc:hover .ui-mc__p img{filter:brightness(.92)}
.ui-mc:hover .ui-mc__t a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.ui-mc__m{margin-top:4px;font-size:13.5px;line-height:1.45;color:var(--ui-text2)}
.ui-sep{display:inline-block;margin:0 6px;color:var(--ui-text3)}
@media (max-width:767.98px){.ui-mc__t{font-size:15px;margin-top:10px}.ui-mc__m{font-size:13px}}

/* Hàng phim cuộn ngang: desktop 6 thẻ/khung, mobile ~2,5 thẻ */
.ui-row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 5*24px)/6);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}
.ui-row::-webkit-scrollbar{display:none}
.ui-row>.ui-mc{scroll-snap-align:start}
@media (max-width:1199.98px){.ui-row{grid-auto-columns:calc((100% - 3*16px)/4);gap:16px}}
@media (max-width:767.98px){.ui-row{grid-auto-columns:148px;gap:12px;margin:0 -12px;padding:0 12px;scroll-padding:0 12px}.ui-sec-h__r .ui-arrow{display:none}}
.ui-skel-row{display:contents}
.ui-skel-row i{display:block;aspect-ratio:2/3;border-radius:var(--ui-r);background:var(--ui-bg2)}

/* =====================================================================
   TRANG CHỦ
   ===================================================================== */
.ui-hero{position:relative;height:540px;background:var(--ui-night);color:#fff;overflow:hidden;margin-top:70px}
/* Crossfade không tối sầm: slide mới (z-index 1) hiện dần ĐÈ LÊN slide cũ; slide cũ giữ nguyên tới khi slide mới
   hiện xong mới ẩn (transition có delay). Trước đây cả hai cùng mờ một lúc → nền đen lộ ra giữa chừng. */
.ui-hero__slide{position:absolute;inset:0;z-index:0;opacity:0;visibility:hidden;transition:opacity 0s .7s,visibility 0s .7s}
.ui-hero__slide.is-active{z-index:1;opacity:1;visibility:visible;transition:opacity .7s ease}
.ui-hero.is-moved .ui-hero__slide.is-active .ui-hero__body{animation:uiHeroIn .6s ease .2s both}
/* Chữ slide cũ tắt nhanh (ảnh vẫn giữ tới khi ảnh mới hiện xong) → không thấy hai tên phim chồng lên nhau */
.ui-hero__slide:not(.is-active) .ui-hero__body{opacity:0;transition:opacity .2s}
@keyframes uiHeroIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
/* Ảnh ngang neo phải; mép trái tự hoà vào nền dù ảnh tỉ lệ nào (16:9 hẹp hơn 2.39:1 → trước đây lộ đường cắt) */
.ui-hero__bd{position:absolute;top:0;right:0;height:100%;width:auto;max-width:none;min-width:70%;object-fit:cover;filter:brightness(.8) contrast(1.06);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34%);mask-image:linear-gradient(90deg,transparent 0,#000 34%)}
.ui-hero__slide.has-bd::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--ui-night) 0,var(--ui-night) 10%,rgba(18,19,22,.86) 26%,rgba(18,19,22,.45) 44%,rgba(18,19,22,0) 62%)}
.ui-hero__slide.has-bd::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;z-index:1;background:linear-gradient(0deg,rgba(18,19,22,.55),rgba(18,19,22,0))}
.ui-hero__slide.is-poster{background:var(--ui-night)}
.ui-hero__poster{position:absolute;z-index:2;top:44px;right:calc((100% - 1320px)/2 + 200px);height:408px;width:auto;aspect-ratio:2/3;object-fit:cover;border-radius:var(--ui-r);box-shadow:0 12px 32px rgba(0,0,0,.35)}
@media (max-width:1399.98px){.ui-hero__poster{right:200px}}
/* Khối chữ neo ĐÁY (nút "Xem lịch chiếu" đứng yên một chỗ qua mọi slide); tên ≤2 dòng, mô tả ≤3 dòng */
.ui-hero__in{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:84px}
.ui-hero__body{max-width:540px}
.ui-hero__slide.is-poster .ui-hero__body{max-width:600px}
.ui-hero__k{font-size:14px;font-weight:500;color:#FF8A8F}
.ui-hero__t{margin:10px 0 0;font-size:48px;line-height:1.08;font-weight:600;letter-spacing:-.02em;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ui-hero__t a{color:#fff;text-decoration:none}
.ui-hero__meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-top:14px;font-size:15px;color:rgba(255,255,255,.8)}
/* Dấu chấm giữa gắn vào đầu mục sau → khi xuống dòng dấu đi cùng mục, không treo cuối dòng */
.ui-dot::before{content:"";display:inline-block;width:3px;height:3px;margin:0 10px 0 0;border-radius:50%;background:currentColor;opacity:.6;vertical-align:middle}
.ui-hero__d{margin:16px 0 0;font-size:16px;line-height:1.6;color:rgba(255,255,255,.84);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ui-hero__cta{display:flex;align-items:center;gap:12px;margin-top:28px}
.js-watchlist-toggle.is-active .ui-i{fill:currentColor}
.ui-hero__pager{position:absolute;right:max(40px,calc((100% - 1320px)/2 + 12px));bottom:28px;z-index:3;display:flex;align-items:center;gap:8px;font-size:13.5px;color:rgba(255,255,255,.8)}
.ui-hero__pager b{color:#fff;font-weight:600}
.ui-hero__pager>span{margin-right:8px}
.ui-hero__pager button{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.36);background:none;display:inline-flex;align-items:center;justify-content:center;color:#fff;cursor:pointer}
.ui-hero__pager button:hover{border-color:#fff}
.ui-hero__pager svg{width:18px;height:18px}
@media (prefers-reduced-motion:reduce){.ui-hero__slide,.ui-hero__slide.is-active{transition:none}.ui-hero.is-moved .ui-hero__slide.is-active .ui-hero__body{animation:none}}
@media (max-width:767.98px){
  /* Mọi slide chồng trong CÙNG một ô lưới → hero cao bằng slide cao nhất và KHÔNG đổi chiều cao khi chuyển
     (trước đây display:none/block → phần bên dưới giật lên xuống mỗi 7 giây, không có hiệu ứng chuyển). */
  .ui-hero{height:auto;min-height:0;display:grid}
  .ui-hero__slide{position:relative;inset:auto;grid-area:1/1;display:flex;flex-direction:column}
  /* Vùng ảnh cố định 240px cho cả slide ảnh ngang lẫn slide poster → chữ luôn bắt đầu cùng một chỗ */
  .ui-hero__bd{position:relative;display:block;flex:0 0 auto;width:100%;height:240px;min-width:0;object-position:55% 35%;-webkit-mask-image:none;mask-image:none}
  .ui-hero__slide.has-bd::before{display:none}
  .ui-hero__slide.has-bd::after{top:150px;bottom:auto;height:90px;background:linear-gradient(0deg,var(--ui-night),rgba(18,19,22,0))}
  .ui-hero__poster{position:relative;display:block;flex:0 0 auto;top:auto;right:auto;margin:16px auto 0;height:200px;box-shadow:none}
  .ui-hero__in{flex:1;height:auto;padding-top:0;padding-bottom:64px;justify-content:flex-start}
  .ui-hero__slide.has-bd .ui-hero__in{margin-top:-30px}
  .ui-hero__slide.is-poster .ui-hero__in{padding-top:24px}
  .ui-hero__body{flex:1;display:flex;flex-direction:column}
  .ui-hero__t{font-size:30px;line-height:1.12}
  .ui-hero__meta{font-size:14px;margin-top:10px}
  .ui-hero__d{font-size:14.5px;margin-top:10px;-webkit-line-clamp:2}
  /* Nút neo đáy slide: slide nào chữ ngắn hơn thì khoảng trống nằm TRÊN nút, nút không nhảy */
  .ui-hero__cta{margin-top:auto;padding-top:18px;gap:8px}
  .ui-hero__cta .ui-btn--p{flex:1}
  .ui-hero__cta .ui-btn--ghost{padding:0 16px}
  .ui-hero__cta .ui-btn--icon{padding:0}
  .ui-hero__pager{right:16px;bottom:16px}
  .ui-hero__pager button{width:36px;height:36px}
}

/* Thanh tìm suất chiếu (select gốc → dùng được bằng bàn phím, chạy cả khi không có JS) */
.ui-finder{margin-top:24px}
.ui-finder__box{display:grid;grid-template-columns:1.3fr 1fr auto;background:#fff;border:1px solid var(--ui-line2);border-radius:var(--ui-r-lg);padding:6px}
.ui-fld{position:relative;display:flex;align-items:center;gap:12px;margin:0;padding:8px 16px;border-radius:var(--ui-r);min-width:0;cursor:pointer}
.ui-fld:hover{background:var(--ui-bg2)}
.ui-fld+.ui-fld::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:1px;background:var(--ui-line)}
.ui-fld>.ui-i{color:var(--ui-text2)}
.ui-fld .ui-chev{width:16px;height:16px;color:var(--ui-text3)}
.ui-fld__b{flex:1;min-width:0;display:block}
.ui-fld__b small{display:block;font-size:12.5px;color:var(--ui-text2);line-height:1.3}
.ui-fld select{display:block;width:100%;margin:0;padding:0;border:0;background:transparent;font-size:15px;font-weight:600;line-height:1.4;color:var(--ui-text);-webkit-appearance:none;appearance:none;cursor:pointer;text-overflow:ellipsis}
.ui-fld select:focus{outline:none}
.ui-fld:focus-within{box-shadow:0 0 0 2px var(--ui-coral600) inset}
.ui-finder .ui-btn--p{height:56px;padding:0 28px;margin-left:6px}
@media (max-width:767.98px){
  .ui-finder{margin-top:20px}
  .ui-finder__box{grid-template-columns:1fr 1fr;padding:0;overflow:hidden}
  .ui-fld{padding:10px 12px;border-radius:0;border-bottom:1px solid var(--ui-line)}
  .ui-fld>.ui-i:first-child{display:none}
  .ui-finder .ui-btn--p{grid-column:1/-1;margin:8px;height:48px}
}

/* Lịch chiếu tại khu vực + ưu đãi */
.ui-split{display:grid;grid-template-columns:minmax(0,1fr) 384px;gap:56px}
.ui-split>*{min-width:0}
.ui-st__sub{margin:4px 0 0;font-size:14px;color:var(--ui-text2)}
.ui-st__note{margin:12px 0 0;padding:10px 12px;border-radius:var(--ui-r);background:var(--ui-bg2);font-size:14px;color:var(--ui-text)}
.ui-st__tabs{display:flex;gap:24px;margin-top:12px;border-bottom:1px solid var(--ui-line);overflow-x:auto;scrollbar-width:none}
.ui-st__tabs::-webkit-scrollbar{display:none}
.ui-st__tabs button{position:relative;flex:0 0 auto;padding:10px 0 12px;background:none;border:0;font-size:15px;font-weight:500;color:var(--ui-text2);cursor:pointer;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ui-st__tabs button:hover{color:var(--ui-text)}
.ui-st__tabs button[aria-selected="true"]{color:var(--ui-text);font-weight:600}
.ui-st__tabs button[aria-selected="true"]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ui-coral)}
.ui-st__picked{display:flex;align-items:center;gap:14px;padding:16px 0}
.ui-st__picked img{width:44px;height:66px;border-radius:var(--ui-r-sm);object-fit:cover;flex-shrink:0}
.ui-st__picked>div{flex:1;min-width:0}
.ui-st__picked b{display:block;font-size:16.5px;font-weight:600}
.ui-st__pm{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin-top:4px;font-size:13.5px;color:var(--ui-text2)}
.ui-st__pm .ui-sep{margin:0}
.ui-st__row{display:grid;grid-template-columns:36px 250px minmax(0,1fr);align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--ui-line)}
.ui-logo{width:36px;height:36px;border-radius:var(--ui-r-sm);border:1px solid var(--ui-line);background:#fff;object-fit:contain;flex-shrink:0}
.ui-st__th{min-width:0}
.ui-st__th a{display:block;font-size:15.5px;font-weight:600;line-height:1.35;color:var(--ui-text);text-decoration:none}
.ui-st__th a:hover{text-decoration:underline;text-underline-offset:3px}
.ui-st__th span{display:block;margin-top:1px;font-size:13px;color:var(--ui-text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ui-st__times{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ui-st__times .showtime-cell{margin:0}
.ui-st__plus{display:inline-flex;align-items:center;height:36px;padding:0 4px;font-size:13.5px;color:var(--ui-text2);text-decoration:none;white-space:nowrap}
.ui-st__plus:hover{color:var(--ui-text);text-decoration:underline}
.ui-st__plus-m{display:none}
.ui-st__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid var(--ui-line);font-size:14px;color:var(--ui-text2)}
.ui-st__empty{margin-top:16px;padding:24px;border:1px dashed var(--ui-line2);border-radius:var(--ui-r-lg);color:var(--ui-text2)}
.ui-st__empty p{margin:0 0 12px}
.ui-st__skel{display:grid;gap:12px;margin-top:20px}
.ui-st__skel i{display:block;height:56px;border-radius:var(--ui-r);background:var(--ui-bg2)}
.ui-st.is-loading .ui-st__body{opacity:.55;transition:opacity .15s}
.ui-deals__list{display:flex;flex-direction:column;gap:12px}
.ui-deal{display:block;padding:16px;border-radius:var(--ui-r-lg);background:var(--ui-coral50);border:1px solid var(--ui-coral100);color:var(--ui-text);text-decoration:none;transition:border-color .15s}
.ui-deal:hover{border-color:#F6C3C0;color:var(--ui-text)}
.ui-deal__top{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ui-text2)}
.ui-deal__v{display:block;margin-top:12px;font-size:18px;line-height:1.35;font-weight:600;letter-spacing:-.01em}
.ui-deal__c{margin-top:4px;font-size:13.5px;line-height:1.5;color:var(--ui-text2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ui-deal__f{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:13.5px}
.ui-deal__f>span{color:var(--ui-text2)}
.ui-deal__f>span.is-soon{color:var(--ui-coral600);font-weight:500}
.ui-deal__f b{display:inline-flex;align-items:center;gap:2px;font-weight:500}
@media (max-width:1199.98px){.ui-split{grid-template-columns:minmax(0,1fr);gap:40px}.ui-deals__list{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,1fr);overflow-x:auto;scrollbar-width:none}}
@media (max-width:767.98px){
  .ui-st__row{grid-template-columns:32px minmax(0,1fr);gap:4px 12px;padding:14px 0}
  .ui-st__row .ui-logo{width:32px;height:32px}
  .ui-st__times{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:8px}
  .ui-st__times .showtime-cell{width:auto;min-width:0}
  .ui-st__plus{justify-content:center;border-radius:var(--ui-r);background:var(--ui-bg2)}
  .ui-st__times.has-more .showtime-cell:nth-of-type(4){display:none}
  .ui-st__plus-d{display:none}.ui-st__plus-m{display:inline}
  .ui-st__picked .ui-btn{display:none}
  .ui-deals__list{grid-auto-columns:280px;margin:0 -12px;padding:0 12px}
}

/* Sắp ra rạp theo ngày */
.ui-rel{display:flex;gap:20px;overflow-x:auto;scrollbar-width:none}
.ui-rel::-webkit-scrollbar{display:none}
.ui-rel__g{flex:var(--n) 0 0;min-width:calc(var(--n) * 140px)}
.ui-rel__d{display:flex;align-items:baseline;gap:8px;margin:0 0 16px;padding-top:12px;border-top:1px solid var(--ui-line2);font-size:16px;font-weight:600}
.ui-rel__d span{font-size:13.5px;font-weight:400;color:var(--ui-text2)}
.ui-rel__l{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:20px}
.ui-rel .ui-mc__t{font-size:15px;margin-top:10px}
.ui-rel .ui-mc__m{font-size:13px}

/* Web Stories */
.ui-stories{display:grid;grid-auto-flow:column;grid-auto-columns:172px;gap:16px;overflow-x:auto;scrollbar-width:none}
.ui-stories::-webkit-scrollbar{display:none}
.ui-story{display:block;color:var(--ui-text);text-decoration:none}
.ui-story img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--ui-r)}
.ui-story span{margin-top:10px;font-size:14.5px;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ui-story:hover span{text-decoration:underline;text-underline-offset:3px}
@media (max-width:767.98px){.ui-stories{grid-auto-columns:136px;gap:12px}}

/* Review và tin */
.ui-read{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) 300px;gap:40px}
.ui-read__lead{display:block;color:var(--ui-text);text-decoration:none}
.ui-read__lead img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--ui-r-lg)}
.ui-kind{display:block;margin:16px 0 6px;font-size:13px;color:var(--ui-text2)}
.ui-kind b{font-weight:600;color:var(--ui-text)}
.ui-read__lead h3{margin:0;font-size:24px;line-height:1.3;font-weight:600;letter-spacing:-.015em}
.ui-read__lead p{margin:8px 0 0;font-size:15px;line-height:1.6;color:var(--ui-text2)}
.ui-read__lead:hover h3,.ui-read__list a:hover h4,.ui-read__more a:hover h4{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.ui-read__list a{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;padding:16px 0;border-top:1px solid var(--ui-line);color:var(--ui-text);text-decoration:none}
.ui-read__list a:first-child{padding-top:0;border-top:0}
.ui-read__list img{width:120px;height:80px;border-radius:var(--ui-r);object-fit:cover}
.ui-read__list h4{margin:0;font-size:15.5px;line-height:1.45;font-weight:600;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ui-read__list small{display:block;margin-top:6px;font-size:13px;color:var(--ui-text2)}
.ui-read__side .home-3,.ui-read__side .home-4{margin-bottom:24px}
.ui-read__sh{margin:0 0 4px;font-size:17px;font-weight:600}
.ui-read__sh a{color:var(--ui-text);text-decoration:none}
.ui-read__mini{list-style:none;margin:0 0 24px;padding:0}
.ui-read__mini li{padding:10px 0;border-bottom:1px solid var(--ui-line)}
.ui-read__mini a{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;align-items:start;font-size:14.5px;line-height:1.45;font-weight:500;color:var(--ui-text);text-decoration:none}
.ui-read__mini a:not(:has(img)){display:block}
.ui-read__mini img{width:80px;height:54px;border-radius:var(--ui-r-sm);object-fit:cover;background:var(--ui-bg2)}
.ui-read__mini span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ui-read__mini a:hover span{text-decoration:underline;text-underline-offset:3px}
.ui-read__more{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:32px;padding-top:32px;border-top:1px solid var(--ui-line)}
.ui-read__more a{display:block;color:var(--ui-text);text-decoration:none}
.ui-read__more img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--ui-r)}
.ui-read__more h4{margin:12px 0 0;font-size:15px;line-height:1.45;font-weight:600;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ui-read__more small{display:block;margin-top:6px;font-size:13px;color:var(--ui-text2)}
@media (max-width:1199.98px){.ui-read{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ui-read__side{grid-column:1/-1}.ui-read__more{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767.98px){.ui-read{grid-template-columns:1fr;gap:24px}.ui-read__lead h3{font-size:19px}.ui-read__list img{width:96px;height:64px}.ui-read__list a{grid-template-columns:96px minmax(0,1fr)}.ui-read__more{grid-template-columns:1fr 1fr;gap:16px}}

/* Hệ thống rạp */
.ui-chains{display:flex;flex-wrap:wrap;gap:8px}
.ui-chain{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 16px 0 8px;border:1px solid var(--ui-line);border-radius:var(--ui-r);font-size:14.5px;font-weight:500;color:var(--ui-text);text-decoration:none;background:#fff}
.ui-chain:hover{border-color:var(--ui-text);color:var(--ui-text)}
.ui-chain .ui-logo{width:32px;height:32px}

/* Mobile chung cho mục */
@media (max-width:767.98px){
  .ui-sec{padding-top:40px}
  .ui-sec-h{margin-bottom:12px}
  .ui-sec-h h2{font-size:22px}
  .ui-sec-h__l{flex-direction:column;align-items:flex-start;gap:4px}
}

/* =====================================================================
   Ô GIỜ CHIẾU dùng chung toàn site (layouts.partials._showtime_cell)
   Viền trung tính, chữ tối; chỉ hover mới chuyển coral.
   ===================================================================== */
/* Ô giờ dùng chung toàn site (18/10 thu gọn 44px → 36px, mobile 34px): đủ chạm nhưng không lấn poster/tên phim */
.showtime-cell{width:auto;min-width:3.75rem;height:36px;padding:0 .5rem;border-color:var(--ui-line2);border-radius:var(--ui-r-sm);color:var(--ui-text);font-variant-numeric:tabular-nums}
.showtime-cell__time{font-size:14px;font-weight:500}
.showtime-cell__room{font-size:10px}
@media (max-width:767.98px){.showtime-cell{height:34px}.showtime-cell__time{font-size:13.5px}}
.showtime-cell:not(.is-past):hover{border-color:var(--ui-coral600);color:var(--ui-coral600);background:#fff;box-shadow:none}

/* =====================================================================
   BREADCRUMB
   ===================================================================== */
.ui-bc{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:13.5px;color:var(--ui-text2)}
.ui-bc a{color:inherit;text-decoration:none}
.ui-bc a:hover{color:var(--ui-text);text-decoration:underline;text-underline-offset:3px}
.ui-bc .ui-i{width:14px;height:14px;color:var(--ui-text3)}
.ui-bc [aria-current]{color:var(--ui-text)}
.ui-bc--dark{color:rgba(255,255,255,.7)}
.ui-bc--dark a:hover,.ui-bc--dark [aria-current]{color:#fff}
.ui-bc--dark .ui-i{color:rgba(255,255,255,.45)}

/* =====================================================================
   TRANG PHIM
   ===================================================================== */
.ui-mh{position:relative;margin-top:70px;background:var(--ui-night);color:#fff;overflow:hidden}
.ui-mh__bd{position:absolute;top:0;right:0;height:100%;width:64%;object-fit:cover;object-position:46% 30%;filter:brightness(.78) contrast(1.05)}
.ui-mh.has-bd::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--ui-night) 0,var(--ui-night) 36%,rgba(18,19,22,.82) 48%,rgba(18,19,22,.3) 62%,rgba(18,19,22,0) 78%)}
.ui-mh__wrap{position:relative;z-index:2;padding-top:20px;padding-bottom:48px}
.ui-mh__in{display:grid;grid-template-columns:232px minmax(0,640px);gap:40px;margin-top:28px;align-items:start}
.ui-mh__poster img{display:block;width:232px;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:var(--ui-r);box-shadow:0 8px 24px rgba(0,0,0,.3)}
.ui-mh__k{font-size:14px;font-weight:500;color:#FF8A8F}
.ui-mh__t{margin:8px 0 0;font-size:44px;line-height:1.1;font-weight:600;letter-spacing:-.02em;color:#fff}
.ui-mh__o{margin:6px 0 0;font-size:15px;color:rgba(255,255,255,.66)}
.ui-mh__o a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.ui-mh__meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-top:16px;font-size:15px;color:rgba(255,255,255,.82)}
.ui-mh__meta a{color:inherit;text-decoration:none}
.ui-mh__meta a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.ui-mh__score{display:flex;align-items:center;gap:24px;margin-top:20px;padding:14px 0;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
.ui-mh__score>*+*{padding-left:24px;border-left:1px solid rgba(255,255,255,.12)}
.ui-mh__score>.d-none+*{padding-left:0;border-left:0}
.ui-mh__n{display:flex;align-items:baseline;gap:4px}
.ui-mh__n b{font-size:28px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}
.ui-mh__n span{font-size:14px;color:rgba(255,255,255,.66)}
.ui-mh__score small{display:block;margin-top:4px;font-size:13px;color:rgba(255,255,255,.66)}
.ui-mh__v{display:block;font-size:14px;line-height:1.5;color:rgba(255,255,255,.88);text-decoration:none}
.ui-mh__v:hover{color:#fff}
.ui-mh__v small{margin-top:2px}
.ui-mh__sum{margin-top:18px;font-size:15.5px;line-height:1.65;color:rgba(255,255,255,.84)}
.ui-mh__sum p{margin:0}
.ui-mh__more{margin-top:6px;padding:0;background:none;border:0;font-size:14px;font-weight:500;color:#fff;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.4);cursor:pointer}
.ui-mh__cred{display:grid;grid-template-columns:84px minmax(0,1fr);gap:6px 12px;margin:16px 0 0;font-size:14px}
.ui-mh__cred dt{font-weight:400;color:rgba(255,255,255,.6)}
.ui-mh__cred dd{margin:0;color:rgba(255,255,255,.9)}
.ui-mh__cred a{color:inherit;text-decoration:none}
.ui-mh__cred a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.ui-mh__cta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:28px}
@media (max-width:991.98px){
  .ui-mh__in{grid-template-columns:160px minmax(0,1fr);gap:24px}
  .ui-mh__poster img{width:160px}
  .ui-mh__t{font-size:34px}
}
@media (max-width:767.98px){
  .ui-mh__bd{position:relative;display:block;width:100%;height:210px;object-position:52% 32%}
  .ui-mh.has-bd::before{top:120px;bottom:auto;height:90px;background:linear-gradient(0deg,var(--ui-night),rgba(18,19,22,0))}
  .ui-mh__wrap{padding-top:14px;padding-bottom:24px}
  .ui-mh.has-bd .ui-bc{display:none}
  .ui-mh__in{grid-template-columns:100px minmax(0,1fr);gap:14px;margin-top:14px;align-items:end}
  .ui-mh.has-bd .ui-mh__in{margin-top:-64px}
  .ui-mh__poster img{width:100px}
  .ui-mh__t{font-size:25px;line-height:1.15}
  .ui-mh__k{font-size:12.5px}
  .ui-mh__o{font-size:13px}
  .ui-mh__meta,.ui-mh__score,.ui-mh__sum,.ui-mh__cred,.ui-mh__cta{grid-column:1/-1}
  .ui-mh__info{display:contents}
  .ui-mh__info>.ui-mh__k,.ui-mh__info>.ui-mh__t,.ui-mh__info>.ui-mh__o{grid-column:2}
  .ui-mh__meta{margin-top:4px;font-size:14px}
  .ui-mh__score{gap:16px;margin-top:4px}
  .ui-mh__score>*+*{padding-left:16px}
  .ui-mh__n b{font-size:22px}
  .ui-mh__sum{margin-top:0;font-size:14.5px}
  .ui-mh__cred{display:none}
  .ui-mh__cta{margin-top:4px;gap:8px}
  .ui-mh__cta .ui-btn--p{flex:1}
  .ui-mh__cta .ui-btn--ghost:not(.ui-btn--icon){padding:0 14px}
}

/* Thanh mục dính (tab Lịch chiếu / Đánh giá & bình luận) - dính ngay dưới header 70px */
.ui-mcontent{padding-top:0!important;margin-top:0!important}
.ui-mcontent .content__head{display:none}
.ui-pnav{position:sticky;top:70px;z-index:50;background:#fff;border-bottom:1px solid var(--ui-line);margin-bottom:32px}
.ui-pnav .ui-tabs{gap:32px;border:0!important;margin:0!important;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.ui-pnav .ui-tabs .nav-item{margin:0!important}
.ui-pnav .ui-tabs button{padding:18px 0 16px!important;margin:0!important;border:0!important;border-radius:0!important;background:none!important;font-size:15.5px!important;font-weight:500!important;color:var(--ui-text2)!important;height:auto!important}
.ui-pnav .ui-tabs button.active{color:var(--ui-text)!important;font-weight:600!important}
.ui-pnav .ui-tabs button.active::after{bottom:0;content:"";position:absolute;left:0;right:0;height:2px;background:var(--ui-coral)}
.ui-pnav .ui-tabs button::before{display:none!important}
.ui-pnav .cn-tabs__count{margin-left:4px;font-size:13px;font-weight:500;color:var(--ui-text3);background:none;padding:0}
.ui-mcontent__h{margin:0 0 20px;font-size:26px;line-height:1.2;font-weight:600;letter-spacing:-.015em}
@media (max-width:767.98px){.ui-pnav .ui-tabs{gap:24px}.ui-pnav .ui-tabs button{padding:14px 0 12px!important;font-size:15px!important}.ui-mcontent__h{font-size:20px;margin-bottom:14px}.ui-pnav{margin-bottom:20px}}

/* Bộ lọc (SlimSelect) */
.ui-mcontent .cn-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:0;background:none;border:0;box-shadow:none}
.ui-mcontent .cn-filter__field{display:flex;align-items:center;gap:6px;height:40px;padding:0 4px 0 12px;border-radius:var(--ui-r);background:var(--ui-bg2);min-width:0}
.ui-mcontent .cn-filter__label{margin:0;font-size:14px;font-weight:400;color:var(--ui-text2);white-space:nowrap;text-transform:none;letter-spacing:0}
.ui-mcontent .cn-filter__label svg{display:none}
.ui-mcontent .cn-filter .ss-main{min-width:140px;height:36px!important;border:0!important;background:transparent!important;box-shadow:none!important;font-weight:600!important;color:var(--ui-text)!important}
/* Dải ngày: ô viền xám, ngày đang chọn = khối coral có chữ */
.ui-mcontent .cn-dates-wrap{margin:0 0 8px}
.ui-mcontent .cn-dates{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:0;margin:0}
.ui-mcontent .cn-dates::-webkit-scrollbar{display:none}
.ui-mcontent .cn-date{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:84px;height:60px;padding:0 10px;border:1px solid var(--ui-line2)!important;border-radius:var(--ui-r)!important;background:#fff!important;color:var(--ui-text)!important;box-shadow:none!important;text-decoration:none;transform:none!important}
.ui-mcontent .cn-date:hover{border-color:var(--ui-text)!important}
.ui-mcontent .cn-date__day{font-size:12.5px;line-height:1.3;color:var(--ui-text2);font-weight:400;text-transform:none;letter-spacing:0}
.ui-mcontent .cn-date__num{font-size:16px;font-weight:600;line-height:1.35;font-variant-numeric:tabular-nums;color:inherit}
.ui-mcontent .cn-date.is-active,.ui-mcontent .cn-date.active{background:var(--ui-coral600)!important;border-color:var(--ui-coral600)!important;color:#fff!important}
.ui-mcontent .cn-date.is-active .cn-date__day,.ui-mcontent .cn-date.active .cn-date__day{color:rgba(255,255,255,.9);font-weight:500}
@media (max-width:767.98px){.ui-mcontent .cn-date{min-width:72px;height:56px}}
/* Lối vào danh sách ưu đãi (mobile; danh sách nằm xa phía dưới): một hàng nền coral rất nhạt, cả hàng bấm được.
   Đủ rõ là chỗ bấm, không thành banner lấn lịch chiếu - chữ thường, không in đậm/tô đỏ cả hàng. */
.ui-promo-strip{display:flex;align-items:center;gap:10px;min-height:46px;margin:0 0 14px;padding:0 14px;border-radius:var(--ui-r);background:var(--ui-coral50);font-size:14px;font-weight:500;line-height:1.35;color:var(--ui-text);text-decoration:none}
.ui-promo-strip:hover,.ui-promo-strip:active{background:var(--ui-coral100);color:var(--ui-text)}
.ui-promo-strip__i{flex:0 0 auto;width:18px;height:18px;color:var(--ui-coral600)}
.ui-promo-strip__t{flex:1;min-width:0}
.ui-promo-strip__go{flex:0 0 auto;display:inline-flex;align-items:center;gap:2px;font-size:14px;font-weight:500;color:var(--ui-coral700)}
.ui-promo-strip__go .ui-i{width:16px;height:16px}
@media (max-width:991.98px){body #cn-promo{scroll-margin-top:96px}}

/* Danh sách chuỗi rạp → rạp (accordion của bundle detail.movie.js) */
#list-showtime{margin-top:8px}
#list-showtimes.accordion{--bs-accordion-border-color:var(--ui-line);--bs-accordion-border-radius:0;--bs-accordion-inner-border-radius:0}
#list-showtimes .accordion-item{border:0;border-top:1px solid var(--ui-line);background:#fff;border-radius:0!important}
#list-showtimes .accordion-item:last-child{border-bottom:1px solid var(--ui-line)}
#list-showtimes .accordion-button{padding:16px 0!important;background:#fff!important;box-shadow:none!important;color:var(--ui-text)!important}
#list-showtimes .accordion-button .img-logo-small{width:40px;height:40px;padding:0;border:1px solid var(--ui-line);border-radius:var(--ui-r-sm)!important;object-fit:contain;background:#fff}
#list-showtimes .accordion-button span{font-size:16.5px;font-weight:600}
#list-showtimes .accordion-button small{font-size:13px;color:var(--ui-text2)}
#list-showtimes .list-group-item{padding:14px 0 14px 54px;border:0;border-top:1px solid var(--ui-line);border-radius:0;background:#fff;color:var(--ui-text);cursor:pointer}
#list-showtimes .list-group-item:hover{background:var(--ui-bg2)}
#list-showtimes .list-group-item .fw-bold{font-size:15.5px;font-weight:600!important}
#list-showtimes .theater-showtimes p.small{margin:4px 0 10px;font-size:13.5px;color:var(--ui-text2)}
#list-showtimes .theater-showtimes p.small a{color:var(--ui-text);text-decoration:underline;text-underline-offset:3px}
@media (max-width:767.98px){#list-showtimes .list-group-item{padding-left:0}}

/* Lịch chiếu trang phim (detail_movie/_showtime): chuỗi → rạp, giờ hiện sẵn; dòng rạp dùng .ui-srow */
/* Bước 1: khu vực + ngày (một hàng; mobile: khu vực trên, dải ngày dưới) */
.ui-mst__top{display:flex;align-items:center;gap:12px;margin:0 0 16px}
.ui-mcontent .ui-mst__top .cn-dates-wrap{flex:1;min-width:0;margin:0}
.ui-mcontent .ui-mst__rg{flex:0 0 auto;height:48px}
.ui-mcontent .ui-mst__rg .cn-filter__label{display:inline-flex;align-items:center;gap:6px}
.ui-mcontent .ui-mst__rg .cn-filter__label .ui-i{color:var(--ui-text2)}
/* Bước 2: tìm rạp + nút Bộ lọc */
.ui-mst__tools{display:flex;align-items:center;gap:8px;margin:4px 0 0}
.ui-mst__q{position:relative;display:block;flex:1;max-width:440px;margin:0}
.ui-mst__q .ui-i{position:absolute;left:14px;top:13px;color:var(--ui-text3);pointer-events:none}
.ui-mst__q input{width:100%;height:44px;padding:0 14px 0 42px;border:1px solid var(--ui-line2);border-radius:var(--ui-r);background:#fff;font-size:15px;color:var(--ui-text);outline:0}
.ui-mst__q input:focus{border-color:var(--ui-text)}
.ui-mst__q input::placeholder{color:var(--ui-text3)}
.ui-mst__q input::-webkit-search-cancel-button{cursor:pointer}
.ui-mst__fbtn{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px;border:1px solid var(--ui-line2);border-radius:var(--ui-r);background:#fff;font-size:15px;font-weight:500;color:var(--ui-text);cursor:pointer}
.ui-mst__fbtn:hover,.ui-mst__fbtn[aria-expanded="true"]{border-color:var(--ui-text)}
.ui-mst__fbtn .ui-i{color:var(--ui-text2)}
.ui-mst__fcount{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--ui-coral600);color:#fff;font-size:12px;font-weight:600}
.ui-mst__fcount[hidden]{display:none}
/* Bảng Bộ lọc (mở ngay dưới, đẩy danh sách xuống - không che) */
.ui-mst__panel{margin-top:8px;padding:12px 16px;border:1px solid var(--ui-line);border-radius:var(--ui-r-lg);background:#fff}
.ui-mst__panel[hidden]{display:none}
.ui-mst__panel .cn-stfilter{padding:4px 0!important;margin:0!important}
.ui-mst__panel .cn-stfilter__row{align-items:flex-start}
.ui-mst__panel .cn-stfilter__row+.cn-stfilter__row{margin-top:12px}
.ui-mst__panel .cn-stfilter__lbl{flex:0 0 108px;padding-top:7px}
.ui-mst__pfoot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--ui-line)}
.ui-mst__reset{border:0;background:none;padding:0;font-size:14px;cursor:pointer}
/* Bước 3: điều kiện đang lọc */
.ui-mst__pills{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}
.ui-mst__pills[hidden]{display:none}
.ui-mst__pills .ui-pill{border:0;background:var(--ui-coral50);color:var(--ui-coral700);cursor:pointer}
.ui-mst__pills .ui-pill:hover{background:var(--ui-coral100)}
.ui-mst__pills .ui-pill .ui-i{color:var(--ui-coral700);fill:none;stroke:currentColor;stroke-width:2}
.ui-mst__pills .ui-pills__clear{border:0;background:none;padding:0;cursor:pointer}
.ui-mst__none{margin:16px 0 0;padding:14px 16px;border:1px dashed var(--ui-line2);border-radius:var(--ui-r);font-size:14.5px;color:var(--ui-text2)}
.ui-mst__none[hidden]{display:none}
@media (max-width:767.98px){
  .ui-mst__top{flex-direction:column;align-items:stretch;gap:10px}
  .ui-mcontent .ui-mst__rg{height:44px}
  .ui-mcontent .ui-mst__rg .ui-dd__btn{flex:1}
  .ui-mst__q{max-width:none}
  .ui-mst__fbtn{padding:0 12px}
  .ui-mst__panel{padding:12px}
  .ui-mst__panel .cn-stfilter__row{flex-wrap:wrap}
  .ui-mst__panel .cn-stfilter__lbl{flex-basis:100%;padding:0 0 2px}
}
/* Chuỗi */
.ui-mst__chain{margin-top:20px;scroll-margin-top:136px}
.ui-mst__chain+.ui-mst__chain{margin-top:28px}
.ui-mst__ch{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--ui-text)}
.ui-mst__tg{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:12px 0;border:0;background:none;text-align:left;color:var(--ui-text);cursor:pointer}
.ui-mst__chn{flex:1;min-width:0;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.ui-mst__chname{font-size:17px;line-height:1.3;font-weight:600}
.ui-mst__chn small{font-size:13.5px;color:var(--ui-text2)}
.ui-mst__chev{flex:0 0 auto;color:var(--ui-text2);transition:transform .15s}
.ui-mst__tg[aria-expanded="false"] .ui-mst__chev{transform:rotate(-90deg)}
.ui-mst__tg:hover .ui-mst__chname{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.ui-mst__chain.is-collapsed .ui-mst__body{display:none}
.ui-mst__chain.is-collapsed .ui-mst__ch{border-bottom-color:var(--ui-line)}
.ui-mst__book{flex:0 0 auto;gap:4px;font-size:14px;color:var(--ui-text2)}
/* Rạp: logo + tên/địa chỉ | giờ */
.ui-mst .ui-srow{grid-template-columns:260px minmax(0,1fr)}
.ui-mst__th{display:flex;align-items:flex-start;gap:12px}
.ui-mst__th>div{min-width:0}
.ui-mst__th .ui-logo{width:40px;height:40px}
.ui-mst .ui-srow__th h4{margin:0;font-size:15.5px;line-height:1.4;font-weight:600}
.ui-mst .ui-srow__th p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ui-mst__chain:not(.is-open) .ui-mst__row.is-extra{display:none}
.ui-mst__more{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:44px;margin-top:12px;border:1px solid var(--ui-line2);border-radius:var(--ui-r);background:#fff;font-size:14.5px;font-weight:500;color:var(--ui-text);cursor:pointer}
.ui-mst__more:hover{border-color:var(--ui-text)}
.ui-mst__more[hidden]{display:none}
/* Đang tìm: mở hết phần gập/thu gọn, ẩn rạp không khớp và chuỗi không còn rạp nào */
.ui-mst.is-searching .ui-mst__chain .ui-mst__row.is-extra{display:grid}
.ui-mst.is-searching .ui-mst__chain.is-collapsed .ui-mst__body{display:block}
.ui-mst.is-searching .ui-mst__more{display:none}
.ui-mst .is-q-hidden,.ui-mst.is-searching .ui-mst__row.is-extra.is-q-hidden{display:none}
.ui-mst .ui-st__empty{margin-top:8px}
.ui-mst .is-st-hidden{display:none!important}
/* Ô giờ xếp lưới tự giãn (trang phim, trang rạp, /lich-chieu, trang SEO): đều cột, không chừa khoảng trống bên phải */
.ui-mst .cn-stgroup__times,.ui-tmv .cn-stgroup__times,.ui-srow__times .cn-stgroup__times{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px!important}
.ui-mst .cn-stgroup__times .showtime-cell,.ui-tmv .cn-stgroup__times .showtime-cell,.ui-srow__times .cn-stgroup__times .showtime-cell{width:auto;min-width:0}
@media (max-width:767.98px){.ui-mst .cn-stgroup__times,.ui-tmv .cn-stgroup__times,.ui-srow__times .cn-stgroup__times{grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:6px!important}}
@media (max-width:991.98px){.ui-mst .ui-srow{grid-template-columns:minmax(0,1fr);gap:10px}}
@media (max-width:767.98px){
  .ui-mst__ch{flex-wrap:wrap;row-gap:0}
  .ui-mst__book{width:100%;padding:0 0 10px 48px;font-size:13.5px}
  .ui-mst .ui-srow__th p{-webkit-line-clamp:1}
  .ui-mst__th .ui-logo{width:36px;height:36px}
}

/* Liên kết lịch chiếu theo khu vực */
#tab-showtime .mv-region-links{margin-top:8px;padding-top:20px;border-top:1px solid var(--ui-line)}
#tab-showtime .mv-region-links__label{font-size:14px;font-weight:500;color:var(--ui-text2)}
#tab-showtime .mv-region-links__chip{border-radius:var(--ui-r);border:1px solid var(--ui-line2);font-weight:500;font-size:13.5px;color:var(--ui-text);padding:6px 12px}
#tab-showtime .mv-region-links__chip:hover{border-color:var(--ui-text);color:var(--ui-text)}

/* Khối đánh giá: thay vòng tròn gradient + sao vàng bằng số lớn trên nền phẳng */
/* Tab "Đánh giá & bình luận": 3 mục phẳng (đánh giá / đáng xem / bình luận), ngăn bằng đường kẻ, không thẻ nổi.
   CSS khối đánh giá nằm inline trong detail_movie/index (.rating-block). */
#tab-comment .card{margin-top:24px!important;border:0;border-radius:0;box-shadow:none;background:none}
#tab-comment .card-header{padding:0 0 12px!important;background:none;border:0;border-radius:0!important}
#tab-comment .card-header .section__title{font-size:22px!important;font-weight:600!important;color:var(--ui-text)!important;text-transform:none!important;letter-spacing:-.01em}
#tab-comment .card-header .section__title::before,#tab-comment .card-header .section__title::after{display:none!important}
#tab-comment .card-body{padding:0!important}
#tab-comment .rating-block .form-label{font-size:15px;font-weight:600!important;color:var(--ui-text)}
#tab-comment .rating-block hr{border-color:var(--ui-line);opacity:1}

/* "Phim X có đáng xem không?" */
.cn-verdict--embed{margin:40px 0 0!important;padding:32px 0 0!important;border:0!important;border-top:1px solid var(--ui-line)!important;border-radius:0!important;background:none!important;box-shadow:none!important}
.cn-verdict .cn-section-title{font-size:22px!important;line-height:1.3;margin-bottom:6px!important}
.cn-verdict__lead{font-size:14.5px!important;color:var(--ui-text2)!important;margin-bottom:20px!important}
.cn-verdict__lead strong{font-weight:500!important;color:var(--ui-text2)!important}
.cn-verdict__headline{gap:10px!important;margin-bottom:10px!important}
.cn-verdict__pct{font-size:32px!important;font-weight:600!important;color:var(--ui-text)!important;letter-spacing:-.02em;background:none!important;-webkit-text-fill-color:currentColor!important}
.cn-verdict__headline-text{font-size:15px!important;color:var(--ui-text2)!important}
.cn-verdict__headline-text strong{color:var(--ui-text)!important;font-weight:600!important}
.cn-verdict__badge{display:none!important}
.cn-verdict__bar{height:8px!important;border-radius:4px!important;background:var(--ui-bg2)!important;gap:2px}
.cn-verdict__seg{background-image:none!important}
.cn-verdict__seg--worth,.cn-verdict__dot--worth{background:#2F8F5B!important}
.cn-verdict__seg--okay,.cn-verdict__dot--okay{background:#D9A23B!important}
.cn-verdict__seg--skip,.cn-verdict__dot--skip{background:#C2453F!important}
.cn-verdict__legend{font-size:14px!important;color:var(--ui-text2)!important;margin-top:10px!important}
.cn-verdict__legend-item b,.cn-verdict__legend-total b{color:var(--ui-text)!important;font-weight:600!important}
.cn-verdict__legend-total{color:var(--ui-text2)!important}
.cn-verdict__reasons-agg{border:0!important;padding:0!important;margin-top:12px!important}
.cn-verdict__reasons-label{color:var(--ui-text2)!important;font-weight:400!important}
.cn-verdict__reason-tag{border-radius:var(--ui-r-xs)!important;background:var(--ui-bg2)!important;color:var(--ui-text)!important;border:0!important;font-weight:400!important}
.cn-verdict__empty{border:0!important;background:var(--ui-bg2)!important;border-radius:var(--ui-r)!important;color:var(--ui-text2)!important}
.cn-verdict__vote{border-top:0!important;padding-top:0!important;margin-top:24px!important}
.cn-verdict__vote-label{font-size:15px!important;font-weight:600!important;color:var(--ui-text)!important}
.cn-verdict__choice{height:44px;padding:0 18px!important;border:1px solid var(--ui-line2)!important;border-radius:var(--ui-r)!important;background:#fff!important;color:var(--ui-text)!important;font-weight:500!important;box-shadow:none!important;transform:none!important}
.cn-verdict__choice:hover{border-color:var(--ui-text)!important}
.cn-verdict__choice .cn-verdict__choice-emoji{display:none!important}
.cn-verdict__choice.is-active{border-color:var(--ui-coral600)!important;background:var(--ui-coral50)!important;color:var(--ui-coral700)!important;font-weight:600!important}
.cn-verdict__reasons-hint{color:var(--ui-text2)!important;font-size:14px!important}
.cn-verdict__chip{border:1px solid var(--ui-line2)!important;border-radius:var(--ui-r-sm)!important;background:#fff!important;color:var(--ui-text)!important;font-weight:400!important;box-shadow:none!important}
.cn-verdict__chip:hover{border-color:var(--ui-text)!important}
.cn-verdict__chip.is-on{border-color:var(--ui-coral600)!important;background:var(--ui-coral50)!important;color:var(--ui-coral700)!important;font-weight:500!important}
.cn-review-h{display:block!important;width:100%;margin-top:40px!important;margin-bottom:0!important;padding-top:32px;border-top:1px solid var(--ui-line);font-size:22px!important}

/* Cột phải trang phim/rạp */
.ui-mside__h{margin:0 0 12px;font-size:17px;line-height:1.35;font-weight:600}
.ui-mside__deals{margin-bottom:32px}
.ui-mside__deals .ui-deal{padding:14px}
.ui-mside__deals .ui-deal__v{font-size:16px;margin-top:10px}
.ui-mside__more{margin-top:14px}
@media (max-width:1199.98px){.ui-mside__deals .ui-deals__list{grid-auto-columns:minmax(260px,1fr)}}

/* Sửa sau khi đối chiếu trang phim thật */
.ui-pnav .ui-tabs button{text-transform:none!important;letter-spacing:0!important}
.ui-mcontent .cn-filter__field{flex-direction:row!important;align-items:center;flex:0 1 auto!important;max-width:none!important;gap:6px!important}
.ui-mcontent .cn-filter .ss-main{min-width:120px!important;width:auto!important;padding-left:2px!important}
.ui-mh__sum .cn-movie__summary-body.collapsed{max-height:none!important;position:static}
.ui-mh__sum .cn-movie__summary-body.collapsed::after{display:none}
.ui-mh__sum .cn-movie__summary-body.collapsed p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}
.ui-mh__sum .cn-movie__summary-body:not(.collapsed) p{display:block}

.ui-mcontent>.container.p-0{padding-left:calc(var(--bs-gutter-x,1.5rem)*.5)!important;padding-right:calc(var(--bs-gutter-x,1.5rem)*.5)!important}
.ui-mcontent .cn-section-title{font-size:22px;font-weight:600;letter-spacing:-.01em}
.ui-mcontent .cn-section-title::after,.ui-mcontent .cn-section-title::before{display:none!important}

/* =====================================================================
   Chip lọc suất (layouts.partials._showtime_filter) + nhãn nhóm định dạng (_showtime_group)
   Dùng chung mọi trang lịch chiếu. Chip trung tính; chip đang chọn = nền charcoal + chữ trắng (không chỉ đổi màu viền).
   ===================================================================== */
.cn-stfilter{padding:12px 0!important;margin:0 0 4px!important;background:none!important;border:0!important;border-radius:0!important}
.cn-stfilter__row{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.cn-stfilter__row+.cn-stfilter__row{margin-top:8px}
.cn-stfilter__lbl{margin-right:6px;font-size:13.5px!important;font-weight:400!important;color:var(--ui-text2)!important;text-transform:none!important;letter-spacing:0!important}
.cn-stchip{height:32px;padding:0 12px!important;border:1px solid var(--ui-line2)!important;border-radius:var(--ui-r-sm)!important;background:#fff!important;color:var(--ui-text)!important;font-size:13.5px!important;font-weight:500!important;box-shadow:none!important}
.cn-stchip:hover{border-color:var(--ui-text)!important}
.cn-stchip.is-active,.cn-stchip.is-active:hover{background:var(--ui-coral50)!important;border-color:var(--ui-coral600)!important;color:var(--ui-coral700)!important}
.cn-stgroup__head{gap:6px!important}
.cn-stgroup__tech,.cn-stgroup__audio{display:inline-flex;align-items:center;height:22px;padding:0 7px!important;border:0!important;border-radius:var(--ui-r-xs)!important;background:var(--ui-bg2)!important;color:var(--ui-text)!important;font-size:12.5px!important;font-weight:500!important}
.cn-stgroup__tech{font-weight:600!important}
.cn-stgroup__audio.is-guess{color:var(--ui-text2)!important;background:#fff!important;border:1px dashed var(--ui-line2)!important}
.cn-stgroup__times{gap:8px!important}
.cn-stgroup__times .showtime-cell{margin:0!important}
#list-showtimes .accordion-button::after{filter:grayscale(1) brightness(.35)}
@media (max-width:767.98px){
  .ui-mh__in{grid-template-rows:1fr auto auto;row-gap:0}
  .ui-mh__poster{grid-row:1 / span 3;grid-column:1}
  .ui-mh__info>.ui-mh__k{grid-row:1;align-self:end}
  .ui-mh__info>.ui-mh__t{grid-row:2}
  .ui-mh__info>.ui-mh__o{grid-row:3}
  .ui-mh__meta{margin-top:14px}
  .ui-mh__score,.ui-mh__sum,.ui-mh__cta{margin-top:12px}
  .ui-mh__cta .js-share{display:none}
}

/* =====================================================================
   TRANG RẠP - trang tiện ích, nền sáng
   ===================================================================== */
.ui-th-head{margin-top:70px;background:var(--ui-bg2);border-bottom:1px solid var(--ui-line)}
.ui-th-head>.container{padding-top:20px;padding-bottom:40px}
.ui-th-head__g{display:grid;grid-template-columns:minmax(0,1fr);gap:56px;margin-top:24px;align-items:start}
.ui-th-head__g.has-price{grid-template-columns:minmax(0,1fr) 400px}
.ui-th-id{display:flex;align-items:center;gap:20px}
.ui-th-id .ui-logo{width:72px;height:72px;border-radius:var(--ui-r-lg)}
.ui-th-id small{display:block;font-size:14px;color:var(--ui-text2)}
.ui-th-id h1{margin:4px 0 0;font-size:36px;line-height:1.15;font-weight:600;letter-spacing:-.02em;color:var(--ui-text)}
.ui-th-addr{display:flex;align-items:flex-start;gap:10px;margin:20px 0 0;font-size:15px;color:var(--ui-text)}
.ui-th-addr .ui-i{margin-top:2px;color:var(--ui-text2)}
.ui-th-intro{margin-top:16px;max-width:64ch;font-size:15px;line-height:1.65;color:var(--ui-text2)}
.ui-th-intro__b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ui-th-intro__b p{margin:0 0 8px}
.ui-th-intro.is-open .ui-th-intro__b{display:block}
.ui-th-intro .js-clamp-toggle{margin-top:4px;padding:0;background:none;border:0;font-size:14px;cursor:pointer}
.ui-th-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.ui-th-head .cn-closed-note{margin:14px 0 0;padding:10px 14px;border-radius:var(--ui-r);background:#FFF4E5;color:#7A4A00;font-size:14px}
.ui-price{background:#fff;border:1px solid var(--ui-line);border-radius:var(--ui-r-lg);padding:20px 24px}
.ui-price__h{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.ui-price__h h2{margin:0;font-size:17px;font-weight:600}
.ui-price__h span{font-size:13px;color:var(--ui-text3);white-space:nowrap}
.ui-price__t{width:100%;margin-top:12px;border-collapse:collapse;font-size:14.5px}
.ui-price__t th,.ui-price__t td{padding:11px 0;border-top:1px solid var(--ui-line);font-weight:400;text-align:left;vertical-align:middle}
.ui-price__t td{text-align:right;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.ui-price__t tr.is-today th{font-weight:600}
.ui-tag{display:inline-flex;align-items:center;height:20px;padding:0 6px;margin-left:8px;border-radius:var(--ui-r-xs);background:var(--ui-coral50);color:var(--ui-coral700);font-size:11.5px;font-weight:600;vertical-align:1px}
.ui-price__n{margin:12px 0 0;padding-top:12px;border-top:1px solid var(--ui-line);font-size:13.5px;line-height:1.55;color:var(--ui-text2)}
.ui-price__f{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:13.5px}
.ui-price__f .ui-more{font-size:14.5px;background:none;border:0;padding:0;cursor:pointer}
@media (max-width:1199.98px){.ui-th-head__g.has-price{grid-template-columns:minmax(0,1fr) 360px;gap:32px}}
@media (max-width:991.98px){.ui-th-head__g.has-price{grid-template-columns:1fr;gap:24px}}
@media (max-width:767.98px){
  .ui-th-head>.container{padding-top:14px;padding-bottom:20px}
  .ui-th-head .ui-bc{display:none}
  .ui-th-head__g{margin-top:0}
  .ui-th-id{gap:14px}
  .ui-th-id .ui-logo{width:52px;height:52px}
  .ui-th-id h1{font-size:23px}
  .ui-th-addr{margin-top:14px;font-size:14px}
  .ui-th-acts{margin-top:16px}
  .ui-th-acts .map-btn{flex:1}
  .ui-price{padding:16px}
}

/* Khối lịch chiếu trang rạp */
.ui-tcontent{padding-top:40px!important;margin-top:0!important}
.ui-tcontent .content__head{padding:0;margin:0 0 20px;background:none;border:0}
.ui-tcontent .cn-showtime-head{padding:0;margin:0;background:none;border:0}
.ui-tcontent .cn-showtime-head__title{margin:0;font-size:26px;line-height:1.2;font-weight:600;letter-spacing:-.015em;color:var(--ui-text)}
.ui-tcontent .cn-showtime-head__title::after{display:none}
.ui-tcontent .cn-showtime-head__sub{margin:4px 0 0;font-size:14px;color:var(--ui-text2)}
.ui-tcontent .cn-dates{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:0;margin:0 0 8px}
.ui-tcontent .cn-dates::-webkit-scrollbar{display:none}
.ui-tcontent .cn-date{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:84px;height:60px;padding:0 10px;border:1px solid var(--ui-line2)!important;border-radius:var(--ui-r)!important;background:#fff!important;color:var(--ui-text)!important;box-shadow:none!important;text-decoration:none;transform:none!important}
.ui-tcontent .cn-date:hover{border-color:var(--ui-text)!important}
.ui-tcontent .cn-date__day{font-size:12.5px;line-height:1.3;color:var(--ui-text2);font-weight:400;text-transform:none;letter-spacing:0}
.ui-tcontent .cn-date__num{font-size:16px;font-weight:600;line-height:1.35;font-variant-numeric:tabular-nums;color:inherit}
.ui-tcontent .cn-date.active,.ui-tcontent .cn-date.is-active{background:var(--ui-coral600)!important;border-color:var(--ui-coral600)!important;color:#fff!important}
.ui-tcontent .cn-date.active .cn-date__day,.ui-tcontent .cn-date.is-active .cn-date__day{color:rgba(255,255,255,.9);font-weight:500}
.ui-tcontent #list-showtime{width:100%}
@media (max-width:767.98px){.ui-tcontent{padding-top:28px!important}.ui-tcontent .cn-showtime-head__title{font-size:20px}.ui-tcontent .cn-date{min-width:72px;height:56px}}

.ui-tmv{display:grid;grid-template-columns:96px minmax(0,1fr);gap:20px;padding:24px 0;border-top:1px solid var(--ui-line)}
.ui-tmv__p img{display:block;width:96px;height:144px;border-radius:var(--ui-r);object-fit:cover}
.ui-tmv__t{margin:0;font-size:18px;line-height:1.35;font-weight:600}
.ui-tmv__t a{color:var(--ui-text);text-decoration:none}
.ui-tmv__t a:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.ui-tmv__m{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin-top:6px;font-size:13.5px;color:var(--ui-text2)}
.ui-tmv .cn-stgroup{margin-top:14px}
/* Mobile: poster nhỏ + tên/thông tin bên cạnh, các nhóm giờ trải HẾT chiều ngang bên dưới (trước bị thụt theo cột poster, 3 ô/hàng) */
@media (max-width:767.98px){
  .ui-tmv{grid-template-columns:64px minmax(0,1fr);column-gap:14px;row-gap:0;padding:18px 0;align-items:start}
  .ui-tmv__b{display:contents}
  .ui-tmv__p{grid-row:1/span 2}
  .ui-tmv__p img{width:64px;height:96px}
  .ui-tmv__t{grid-column:2;font-size:16px}
  .ui-tmv__m{grid-column:2;align-self:start}
  .ui-tmv .cn-stgroup{grid-column:1/-1}
}

/* Rạp gần đây */
.ui-near{margin-bottom:32px}
.ui-near a{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--ui-line);color:var(--ui-text);text-decoration:none}
.ui-near a:last-child{border-bottom:1px solid var(--ui-line)}
.ui-near b{display:block;font-size:14.5px;font-weight:600;line-height:1.35}
.ui-near a:hover b{text-decoration:underline;text-underline-offset:3px}
.ui-near small{display:block;font-size:13px;color:var(--ui-text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ui-mside .cn-suggest__title{font-size:17px;font-weight:600}
.ui-mside .cn-suggest__title::after{display:none}
.ui-tcontent .content__head,.ui-tcontent .content__head .container{box-shadow:none!important;background:none!important;border:0!important}
.ui-tcontent .content__head::before,.ui-tcontent .content__head::after{display:none!important}

/* =====================================================================
   DANH SÁCH PHIM (list_movie/index) - đầu trang sáng + lưới thẻ phim
   ===================================================================== */
.ui-lh{margin-top:70px;border-bottom:1px solid var(--ui-line)}
.ui-lh>.container{padding-top:20px}
.ui-lh__t{margin:14px 0 0;font-size:34px;line-height:1.15;font-weight:600;letter-spacing:-.02em;color:var(--ui-text)}
.ui-lh__tabs{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:20px}
.ui-lh__tabs .ui-tabs{gap:32px;overflow-x:auto;scrollbar-width:none}
.ui-lh__tabs .ui-tabs::-webkit-scrollbar{display:none}
.ui-lh__tabs .ui-tabs a{padding:12px 0 14px;font-size:15.5px}
.ui-lh__tabs .ui-tabs a[aria-current]::after{bottom:0}
.ui-lh__adv{font-size:14.5px}
.ui-lm__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0}
.ui-lm__count{margin:0;font-size:15px;color:var(--ui-text2)}
.ui-lm__count b{font-weight:600;color:var(--ui-text)}
.ui-lm__ctl{display:flex;align-items:center;gap:8px;min-width:0}
.ui-sel{position:relative;display:inline-flex;align-items:center;gap:6px;height:40px;margin:0;padding:0 32px 0 12px;border-radius:var(--ui-r);background:var(--ui-bg2);font-size:14px;color:var(--ui-text2);min-width:0;cursor:pointer}
.ui-sel:hover{background:var(--ui-bg3)}
.ui-sel:focus-within{box-shadow:0 0 0 2px var(--ui-coral600) inset}
.ui-sel>span{white-space:nowrap}
.ui-sel select{min-width:0;max-width:220px;margin:0;padding:0;border:0;background:transparent;font-size:14.5px;font-weight:600;color:var(--ui-text);-webkit-appearance:none;appearance:none;text-overflow:ellipsis;cursor:pointer}
.ui-sel select:focus{outline:none}
.ui-sel>.ui-i{position:absolute;right:10px;top:12px;color:var(--ui-text2);pointer-events:none}
/* Lưới thẻ phim dùng chung (danh sách, lọc phim, phim đã lưu, hồ sơ) */
.ui-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:32px 24px}
.ui-grid>*{min-width:0}
.ui-lm__gh{grid-column:1/-1;margin:16px 0 -8px;padding-top:20px;border-top:1px solid var(--ui-line);font-size:19px;line-height:1.3;font-weight:600;letter-spacing:-.01em;color:var(--ui-text)}
.ui-lm__grid>.ui-lm__gh:first-child{margin-top:0;padding-top:0;border-top:0}
.ui-lm .js-lm-empty{margin-top:0}
@media (max-width:1199.98px){.ui-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 16px}}
@media (max-width:767.98px){
  .ui-lh>.container{padding-top:14px}
  .ui-lh .ui-bc{display:none}
  .ui-lh__t{margin-top:0;font-size:25px}
  .ui-lh__tabs{margin-top:8px}
  .ui-lh__tabs .ui-tabs{gap:24px}
  .ui-lh__tabs .ui-tabs a{font-size:15px}
  .ui-lh__adv{display:none}
  .ui-lm__bar{flex-wrap:wrap;margin:16px 0 20px;gap:10px}
  .ui-lm__count{flex:0 0 100%;font-size:14px}
  .ui-lm__ctl{flex:1;width:100%}
  .ui-lm__ctl .ui-sel{flex:1 1 0}
  .ui-sel select{max-width:none;width:100%}
  .ui-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 12px}
  .ui-grid .ui-mc__t{font-size:14px;line-height:1.35;margin-top:8px}
  .ui-grid .ui-mc__m{font-size:12.5px}
  .ui-lm__gh{font-size:17px;margin-top:8px;padding-top:16px}
}
.ui-lm__ctl .ui-sel select{max-width:190px}
@media (max-width:767.98px){.ui-lm__ctl .ui-sel select{max-width:none}.ui-grid .ui-mc__m{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media (max-width:767.98px){.ui-grid .ui-mc__g:has(.ui-sep){display:none}}
@media (max-width:767.98px){.ui-sel__l{display:none}}

/* Lọc phim /loc-phim: cột bộ lọc + kết quả */
.ui-flt{display:grid;grid-template-columns:260px minmax(0,1fr);gap:48px;align-items:start}
.ui-flt__side{position:sticky;top:94px;padding-top:24px}
.ui-flt__toggle{display:none}
.ui-fs{margin:0}
.ui-fs__g{margin:0 0 20px;padding:0 0 20px;border:0;border-bottom:1px solid var(--ui-line);min-width:0}
.ui-fs__g legend,.ui-fs__lbl{display:block;float:none;width:auto;margin:0 0 10px;padding:0;font-size:14.5px;font-weight:600;line-height:1.4;color:var(--ui-text)}
.ui-fs__opts{display:flex;flex-direction:column;gap:2px}
.ui-fs__opts--2{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px}
.ui-chk{display:flex;align-items:center;gap:8px;min-height:32px;margin:0;font-size:14px;color:var(--ui-text);cursor:pointer}
.ui-chk input{flex:0 0 auto;width:16px;height:16px;margin:0;accent-color:var(--ui-coral600);cursor:pointer;position:static;opacity:1;appearance:auto;-webkit-appearance:auto}
.ui-chk span{min-width:0;line-height:1.35}
.ui-chk:hover span{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--ui-line2)}
.ui-sel--block{display:flex;width:100%}
.ui-sel--block select{flex:1;max-width:none;width:100%}
.ui-fs__acts{display:flex;gap:8px}
.ui-fs__acts .ui-btn{flex:1}
.ui-pills{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:-8px 0 24px}
.ui-pill{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 8px 0 12px;border-radius:var(--ui-r-sm);background:var(--ui-bg2);font-size:13.5px;font-weight:500;color:var(--ui-text);text-decoration:none}
.ui-pill:hover{background:var(--ui-bg3);color:var(--ui-text)}
.ui-pill .ui-i{width:14px;height:14px;color:var(--ui-text2)}
.ui-pills__clear{margin-left:4px;font-size:13.5px}
.ui-pager{margin-top:40px}
.ui-pager .paginations-simple{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.ui-pager .paginations-simple__item a,.ui-pager .paginations-simple__item span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 10px;border:1px solid var(--ui-line2);border-radius:var(--ui-r);background:#fff;font-size:14.5px;font-weight:500;color:var(--ui-text);text-decoration:none;box-shadow:none}
.ui-pager .paginations-simple__item a:hover{border-color:var(--ui-text);color:var(--ui-text);background:#fff}
.ui-pager .paginations-simple__item--active span{background:var(--ui-coral50);border-color:var(--ui-coral600);color:var(--ui-coral700);font-weight:600}
.ui-pager .paginations-simple__item--disabled span{border-color:transparent;background:none;color:var(--ui-text3)}
@media (max-width:991.98px){
  .ui-flt{grid-template-columns:minmax(0,1fr);gap:0}
  .ui-flt__side{position:static;padding-top:16px}
  .ui-flt.is-js .ui-flt__toggle{display:inline-flex}
  .ui-flt.is-js .ui-fs{display:none;margin-top:16px}
  .ui-flt.is-js.is-open .ui-fs{display:block}
  .ui-fs__opts--2{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:575.98px){.ui-fs__opts--2{grid-template-columns:1fr 1fr}}
.ui-grid .ui-mc__m{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* =====================================================================
   DẢI NGÀY dùng chung (ngày đang chọn = khối coral có chữ)
   ===================================================================== */
.ui-dates{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0;padding:0}
.ui-dates::-webkit-scrollbar{display:none}
.ui-date{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:84px;height:60px;padding:0 10px;border:1px solid var(--ui-line2);border-radius:var(--ui-r);background:#fff;color:var(--ui-text);text-decoration:none;cursor:pointer}
.ui-date:hover{border-color:var(--ui-text);color:var(--ui-text)}
.ui-date__d{font-size:12.5px;line-height:1.3;color:var(--ui-text2);white-space:nowrap}
.ui-date__n{font-size:16px;font-weight:600;line-height:1.35}
.ui-date.is-active,.ui-date.active{background:var(--ui-coral600);border-color:var(--ui-coral600);color:#fff}
.ui-date.is-active .ui-date__d,.ui-date.active .ui-date__d{color:rgba(255,255,255,.9);font-weight:500}
@media (max-width:767.98px){.ui-date{min-width:76px;height:56px}}

/* Ô tìm nhỏ trong cột (khu vực / rạp) */
.ui-find{position:relative;display:block;margin:0 0 12px}
.ui-find .ui-i{position:absolute;left:12px;top:12px;color:var(--ui-text2);pointer-events:none}
.ui-find input{width:100%;height:40px;padding:0 12px 0 36px;border:1px solid transparent;border-radius:var(--ui-r);background:var(--ui-bg2);font-size:14px;color:var(--ui-text)}
.ui-find input::placeholder{color:var(--ui-text3)}
.ui-find input:focus{outline:none;background:#fff;border-color:var(--ui-line2)}

/* Đầu trang không tab (lịch chiếu, SEO...) */
.ui-lh--flat>.container{padding-bottom:24px}
.ui-lh__row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.ui-lh__aside{gap:6px;font-size:14.5px;margin-bottom:6px}
@media (max-width:767.98px){.ui-lh--flat>.container{padding-bottom:16px}.ui-lh__aside{font-size:14px;margin:0}}

/* =====================================================================
   /lich-chieu - Khu vực › Rạp › Lịch chiếu
   ===================================================================== */
.ui-ltc{padding-top:32px}
.ui-ltc__grid{display:grid;grid-template-columns:220px 300px minmax(0,1fr);gap:40px;align-items:start}
.ui-ltc__col{min-width:0}
.ui-ltc__col--scroll{position:sticky;top:94px;max-height:calc(100vh - 110px);overflow-y:auto;scrollbar-width:thin;padding-right:4px}
.ui-ltc__h{margin:0 0 12px;font-size:17px;line-height:1.35;font-weight:600;color:var(--ui-text)}
.ui-ltc__rgs{display:flex;flex-direction:column}
.ui-ltc__rg{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;padding:0 10px;border-radius:var(--ui-r-sm);font-size:14.5px;color:var(--ui-text);text-decoration:none}
.ui-ltc__rg:hover{background:var(--ui-bg2);color:var(--ui-text)}
.ui-ltc__rg small{font-size:13px;color:var(--ui-text3)}
.ui-ltc__rg.is-active{background:var(--ui-bg2);font-weight:600}
.ui-ltc__rg.is-active::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;border-radius:1px;background:var(--ui-coral)}
.ui-ltc__chain{margin:0 0 16px}
.ui-ltc__ch{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:10px;padding:8px 0;background:#fff;font-size:14.5px;font-weight:600;color:var(--ui-text)}
.ui-ltc__ch .ui-logo{width:28px;height:28px}
.ui-ltc__ch span{flex:1;min-width:0}
.ui-ltc__ch small{font-size:13px;font-weight:400;color:var(--ui-text3)}
.ui-ltc .ui-ltc__th{position:relative;display:block;padding:9px 10px 9px 12px;border:0;border-radius:var(--ui-r-sm);background:none;box-shadow:none;cursor:pointer}
.ui-ltc .ui-ltc__th:hover{background:var(--ui-bg2);border:0}
.ui-ltc .ui-ltc__th:focus-visible{outline:2px solid var(--ui-coral600);outline-offset:-2px}
.ui-ltc .ui-ltc__th.is-active{background:var(--ui-bg2);box-shadow:none;border:0}
.ui-ltc .ui-ltc__th.is-active::before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:2px;border-radius:1px;background:var(--ui-coral)}
.ui-ltc .ui-ltc__th .ltc-theater__name{display:block;font-size:14.5px;font-weight:500;line-height:1.4;color:var(--ui-text)}
.ui-ltc .ui-ltc__th.is-active .ltc-theater__name{font-weight:600;color:var(--ui-text)}
.ui-ltc__th small{display:block;margin-top:1px;font-size:12.5px;color:var(--ui-text2)}
.ui-ltc__th small.is-zero{color:var(--ui-text3)}
.ui-ltc__main #list-showtimes{margin-top:24px}
.ui-ltc__head{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:16px;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--ui-line)}
.ui-ltc__head .ui-logo{width:48px;height:48px;border-radius:var(--ui-r)}
.ui-ltc__hb h2{margin:0;font-size:22px;line-height:1.3;font-weight:600;letter-spacing:-.01em}
.ui-ltc__hb h2 a{color:var(--ui-text);text-decoration:none}
.ui-ltc__hb h2 a:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.ui-ltc__hb p{margin:4px 0 0;font-size:14px;line-height:1.5;color:var(--ui-text2)}
.ui-ltc__ha{display:flex;gap:8px}
.ui-ltc__main .ui-tmv:first-of-type{border-top:0}
.ui-ltc__main .ui-st__empty,.ui-ltc__wiz .ui-st__empty{margin-top:20px}
.ui-ltc__ad{margin-top:40px}
.ui-ltc__ad:empty{display:none}
@media (max-width:1199.98px){.ui-ltc__grid{grid-template-columns:200px 260px minmax(0,1fr);gap:28px}.ui-ltc__head{grid-template-columns:48px minmax(0,1fr)}.ui-ltc__ha{grid-column:1/-1}}
@media (max-width:991.98px){.ui-ltc__grid{grid-template-columns:240px minmax(0,1fr)}.ui-ltc__grid>.ui-ltc__col:first-child{display:none}}
/* Mobile: 3 bước (bundle đổi bước bằng .ltc-step.is-active) */
.ui-ltc__wiz{display:none}
@media (max-width:767.98px){
  .ui-ltc{padding-top:16px}
  .ui-ltc__grid{display:none}
  .ui-ltc__wiz{display:block}
  .ui-ltc__wnav{display:flex;align-items:center;gap:10px;min-height:40px;margin:0 0 12px}
  .ui-ltc__back{display:inline-flex;align-items:center;gap:4px;height:36px;padding:0 12px 0 8px;border:1px solid var(--ui-line2);border-radius:var(--ui-r);background:#fff;font-size:14px;font-weight:500;color:var(--ui-text);cursor:pointer}
  .ui-ltc__crumb{flex:1;min-width:0;font-size:15px;font-weight:600;color:var(--ui-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ui-ltc__wiz #dates-m{margin:0 -12px;padding:0 12px}
  .ui-ltc__wiz #list-showtimes-m{margin-top:20px}
  .ui-ltc__wiz .ui-ltc__head{grid-template-columns:44px minmax(0,1fr)}
  .ui-ltc__wiz .ui-ltc__head .ui-logo{width:44px;height:44px}
  .ui-ltc__wiz .ui-ltc__hb h2{font-size:18px}
  .ui-ltc__wiz .ui-ltc__ha{grid-column:1/-1}
  .ui-ltc__wiz .ui-ltc__ha .ui-btn{flex:1}
  .ui-ltc__ch{top:70px}
}

/* =====================================================================
   TRANG SEO TỔ HỢP (phim × khu vực, chuỗi × khu vực) - dùng nền .ui-th-head
   ===================================================================== */
.ui-seo-head>.container{padding-bottom:32px}
.ui-seo-head__g{display:grid;grid-template-columns:128px minmax(0,1fr);gap:28px;margin-top:24px;align-items:start}
.ui-seo-head__p img{display:block;width:128px;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:var(--ui-r)}
.ui-seo-head__k{display:block;font-size:14px;color:var(--ui-text2)}
.ui-seo-head h1{margin:4px 0 0;font-size:32px;line-height:1.2;font-weight:600;letter-spacing:-.02em;color:var(--ui-text)}
.ui-seo-head__m{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-top:12px;font-size:14.5px;color:var(--ui-text2)}
.ui-seo-head__f{margin:14px 0 0;font-size:15px;line-height:1.55;color:var(--ui-text)}
.ui-seo-head__f b{font-weight:600}
.ui-seo-head__cta{margin-top:18px}
.ui-seo-head__id{margin-top:24px}
.ui-seo-head__id h1{margin-top:4px}
.ui-tag--soft{background:var(--ui-bg3);color:var(--ui-text)}
.ui-seo{padding-top:28px}
.ui-chiprow{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.ui-chiprow__l{margin-right:6px;font-size:14px;color:var(--ui-text2)}
.ui-chip{display:inline-flex;align-items:center;height:32px;padding:0 12px;border:1px solid var(--ui-line2);border-radius:var(--ui-r-sm);background:#fff;font-size:13.5px;font-weight:500;color:var(--ui-text);text-decoration:none;white-space:nowrap}
.ui-chip:hover{border-color:var(--ui-text);color:var(--ui-text)}
.ui-chip.is-active,.ui-chip.is-active:hover{background:var(--ui-coral50);border-color:var(--ui-coral600);color:var(--ui-coral700);font-weight:600}
.ui-seo__h{margin:32px 0 4px;font-size:24px;line-height:1.25;font-weight:600;letter-spacing:-.015em;color:var(--ui-text)}
.ui-seo__days{min-width:0}
.ui-seo__faq{margin-top:48px}
/* Một ngày */
.ui-sday{margin-top:24px}
.ui-sday__h{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--ui-text);font-size:16px;color:var(--ui-text)}
.ui-sday__h b{font-weight:600}
.ui-sday__h .ui-tag{margin-left:0}
.ui-sday__h small{margin-left:auto;font-size:13.5px;color:var(--ui-text2)}
.ui-sday--lazy{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--ui-line)}
.ui-sday--lazy .ui-sday__h{flex:1;border:0;padding-bottom:0}
.ui-sday--lazy .ui-sday__h small{margin-left:0}
.ui-sday--lazy .ui-btn.is-loading{opacity:.6}
/* Một rạp trong ngày */
.ui-srow{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;padding:18px 0;border-bottom:1px solid var(--ui-line)}
.ui-srow__th h3,.ui-srow__th h4{margin:0;font-size:16px;line-height:1.4;font-weight:600}
.ui-srow__th h3 a,.ui-srow__th h4 a{color:var(--ui-text);text-decoration:none}
.ui-srow__th h3 a:hover,.ui-srow__th h4 a:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.ui-srow__th p{margin:4px 0 0;font-size:13.5px;line-height:1.5;color:var(--ui-text2)}
.ui-srow__book{margin-top:8px;gap:4px;font-size:14px}
.ui-srow__times .cn-stgroup:first-child{margin-top:0}
.ui-srow__times .cn-stgroup+.cn-stgroup{margin-top:12px}
/* Chuỗi × khu vực: mỗi phim một khối, ngày gập được */
.ui-cmv{padding:28px 0;border-top:1px solid var(--ui-line)}
.ui-cmv:first-of-type{border-top:0}
.ui-cmv__hd{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;align-items:center}
.ui-cmv__p img{display:block;width:72px;height:108px;border-radius:var(--ui-r);object-fit:cover}
.ui-cmv__more{display:inline-block;margin-top:8px;font-size:14px}
.ui-sday--fold{margin-top:16px}
.ui-sday--fold>summary{list-style:none;cursor:pointer;border-bottom-color:var(--ui-line2)}
.ui-sday--fold>summary::-webkit-details-marker{display:none}
.ui-sday--fold>summary:hover b{text-decoration:underline;text-underline-offset:3px}
.ui-sday--fold .ui-sday__chev{color:var(--ui-text2);transition:transform .15s}
.ui-sday--fold[open] .ui-sday__chev{transform:rotate(180deg)}
.ui-sday--fold[open]>summary{border-bottom-color:var(--ui-text)}
@media (max-width:991.98px){.ui-srow{grid-template-columns:minmax(0,1fr);gap:12px}}
@media (max-width:767.98px){
  .ui-seo-head>.container{padding-bottom:20px}
  .ui-seo-head .ui-bc{display:none}
  .ui-seo-head__g{grid-template-columns:84px minmax(0,1fr);gap:16px;margin-top:0}
  .ui-seo-head__p img{width:84px}
  .ui-seo-head h1{font-size:22px}
  .ui-seo-head__m{font-size:13.5px;margin-top:8px}
  .ui-seo-head__f,.ui-seo-head__cta{grid-column:1/-1}
  .ui-seo-head__b{display:contents}
  .ui-seo-head__b>.ui-seo-head__k,.ui-seo-head__b>h1,.ui-seo-head__b>.ui-seo-head__m{grid-column:2}
  .ui-seo-head__f{margin-top:4px;font-size:14px}
  .ui-seo-head__cta{margin-top:0}
  .ui-seo-head__id{margin-top:0}
  .ui-seo{padding-top:20px}
  .ui-chiprow{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -12px 12px;padding:0 12px}
  .ui-chiprow::-webkit-scrollbar{display:none}
  .ui-seo__h{font-size:20px;margin-top:24px}
  .ui-srow{padding:14px 0}
  .ui-cmv{padding:20px 0}
  .ui-cmv__hd{grid-template-columns:60px minmax(0,1fr)}
  .ui-cmv__p img{width:60px;height:90px}
}

/* =====================================================================
   FAQ dùng chung (layouts.partials._faq) - danh sách gạch mảnh, không thẻ nổi
   ===================================================================== */
.cn-faq{margin:40px 0 0;padding:0;background:none;border:0;box-shadow:none}
.cn-faq:first-child{margin-top:0}
.cn-faq__title{margin:0 0 8px!important;font-size:24px!important;line-height:1.25;font-weight:600!important;letter-spacing:-.015em;color:var(--ui-text)!important}
.cn-faq__title::before,.cn-faq__title::after{display:none!important}
.cn-faq__list{display:block;gap:0;border:0!important;border-top:1px solid var(--ui-line)!important;border-radius:0!important;background:none!important;overflow:visible!important}
.cn-faq__item+.cn-faq__item{border-top:0!important}
.cn-faq__q:hover{background:none!important;color:var(--ui-text)!important}
.cn-faq__q::-webkit-details-marker{display:none}
.cn-faq__item{margin:0!important;border:0!important;border-bottom:1px solid var(--ui-line)!important;border-radius:0!important;background:none!important;box-shadow:none!important}
.cn-faq__q{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0!important;font-size:15.5px!important;font-weight:600!important;line-height:1.45;color:var(--ui-text)!important;background:none!important;cursor:pointer}
.cn-faq__q:hover span:first-child{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.cn-faq__chev{color:var(--ui-text2)!important;background:none!important}
.cn-faq__a{padding:0 0 18px!important;font-size:15px!important;line-height:1.65;color:var(--ui-text2)!important;max-width:72ch}
@media (max-width:767.98px){.cn-faq__title{font-size:20px!important}.cn-faq__q{font-size:15px!important}}
.ui-chiprow__l{white-space:nowrap}
.ui-seo__more{margin-top:48px;padding-top:24px;border-top:1px solid var(--ui-line)}
.ui-seo__more h2{margin:0 0 14px;font-size:18px;font-weight:600}
@media (max-width:767.98px){
  .ui-seo-head__p{grid-row:1 / span 3;grid-column:1}
  .ui-seo-head__b>.ui-seo-head__k{grid-row:1;align-self:end}
  .ui-seo-head__b>h1{grid-row:2}
  .ui-seo-head__b>.ui-seo-head__m{grid-row:3;align-self:start}
  .ui-seo__more{margin-top:32px}
  .ui-seo__more .ui-chiprow{flex-wrap:wrap;overflow:visible;margin:0 0 12px;padding:0}
}
.ui-seo-head__id+.ui-seo-head__f{margin-top:14px!important}

/* =====================================================================
   TRANG BÀI VIẾT (detail_post) - cột chữ ~720px + cột phụ 300px
   ===================================================================== */
.ui-art{margin-top:70px;padding-top:24px}
.ui-art__g{display:grid;grid-template-columns:minmax(0,720px) 300px;justify-content:space-between;gap:56px;align-items:start}
.ui-art__main{min-width:0}
.ui-art__t{margin:16px 0 0;font-size:38px;line-height:1.2;font-weight:600;letter-spacing:-.02em;color:var(--ui-text)}
.ui-art__lead{margin:16px 0 0;font-size:19px;line-height:1.6;color:var(--ui-text2)}
.ui-art__meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-top:20px;padding:12px 0;border-top:1px solid var(--ui-line);border-bottom:1px solid var(--ui-line);font-size:14px;color:var(--ui-text2)}
.ui-art__acts{display:flex;align-items:center;gap:8px;margin-left:auto}
.ui-art__acts .js-bookmark.is-active{background:var(--ui-coral50);border-color:var(--ui-coral600);color:var(--ui-coral700)}
.ui-art__acts .js-bookmark.is-active .ui-i{fill:currentColor}
.ui-art__cover{margin:28px 0 0}
.ui-art__cover img{display:block;width:100%;height:auto;border-radius:var(--ui-r-lg);background:var(--ui-bg2)}
.ui-art__faq{margin-top:40px}
.ui-art__tags{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:32px;padding-top:20px;border-top:1px solid var(--ui-line)}
.ui-art__tags>span{margin-right:6px;font-size:14px;color:var(--ui-text2)}
.ui-art__side{display:flex;flex-direction:column;gap:32px;min-width:0}
.ui-art__mv{max-width:180px}
.ui-art__rel a{grid-template-columns:minmax(0,1fr) 96px;gap:14px;padding:14px 0}
.ui-art__rel img{width:96px;height:64px}
.ui-art__rel h4{font-size:14.5px;-webkit-line-clamp:3}
.ui-art__sticky{position:sticky;top:94px}

/* Thân bài: chữ lớn dễ đọc, tiêu đề 600, link gạch chân trung tính */
.ui-prose{max-width:none;margin-top:28px;font-size:17.5px;line-height:1.75;color:var(--ui-text)}
.ui-prose p{margin:0 0 1.1em}
.ui-prose h2{margin:1.9em 0 .6em;padding:0;font-size:25px;line-height:1.3;font-weight:600;letter-spacing:-.015em;color:var(--ui-text)}
.ui-prose h2::after{display:none}
.ui-prose h3{margin:1.6em 0 .5em;font-size:20px;line-height:1.35;font-weight:600;color:var(--ui-text)}
.ui-prose a{color:var(--ui-text);text-decoration:underline;text-decoration-color:var(--ui-coral);text-decoration-thickness:1.5px;text-underline-offset:3px}
.ui-prose a:hover{color:var(--ui-coral700)}
.ui-prose img{border-radius:var(--ui-r);margin:1.5em auto}
.ui-prose figure{margin:1.5em 0}
.ui-prose figcaption{margin-top:-.8em;font-size:14px;color:var(--ui-text2);text-align:center}
.ui-prose blockquote{margin:1.5em 0;padding:4px 0 4px 20px;border-left:3px solid var(--ui-coral);background:none;border-radius:0;font-style:normal;color:var(--ui-text2)}
.ui-prose ::marker{color:var(--ui-text3)}
.ui-prose ul,.ui-prose ol{padding-left:1.4em}
.ui-prose li{margin-bottom:.4em}
.ui-prose table{border:0;border-radius:0;font-size:15px}
.ui-prose thead{background:none}
.ui-prose th{padding:10px 12px 10px 0;border-bottom:1px solid var(--ui-text);font-size:14.5px;font-weight:600}
.ui-prose td{padding:10px 12px 10px 0;border-top:0;border-bottom:1px solid var(--ui-line);font-size:15px}
.ui-prose .cn-post-format-note{font-size:14.5px;color:var(--ui-text2)}

/* Khối "Lịch chiếu & vé" trong bài (detail_post._movie_box) */
.cn-pmbox{margin:1.75em 0;padding:16px;border:1px solid var(--ui-line);border-radius:var(--ui-r-lg);background:var(--ui-bg2);box-shadow:none;font-family:var(--ui-font)}
.cn-pmbox__poster img,.cn-prose .cn-pmbox__poster img{border-radius:var(--ui-r)!important}
.cn-pmbox__body{font-size:15px}
.cn-pmbox__eyebrow{font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--ui-text2)}
.cn-prose .cn-pmbox__title,.cn-pmbox__title{font-size:18px;font-weight:600;color:var(--ui-text)}
.cn-pmbox__title:hover{color:var(--ui-text);text-decoration:underline!important}
.cn-pmbox__meta{font-size:13.5px;color:var(--ui-text2)}
.cn-pmbox__live strong{font-weight:600}
.cn-prose .cn-pmbox__chip,.cn-pmbox__chip{border:1px solid var(--ui-line2)!important;border-radius:var(--ui-r-sm)!important;background:#fff!important;color:var(--ui-text)!important;font-size:13px!important;font-weight:500!important}
.cn-prose .cn-pmbox__chip--promo,.cn-pmbox__chip--promo{border-color:var(--ui-coral100)!important;background:var(--ui-coral50)!important}
.cn-pmbox__cta{margin-top:6px}
.cn-prose .cn-pmbox .ui-btn--p,.cn-pmbox .ui-btn--p{color:#fff;text-decoration:none}

/* Quảng cáo native trong bài: giữ khung phẳng */
.ui-prose .cn-ad{font-family:var(--ui-font)}

/* Bình chọn + cảm xúc */
.cn-poll{margin:40px 0 0;padding:20px;border:1px solid var(--ui-line);border-radius:var(--ui-r-lg);background:#fff;box-shadow:none}
.cn-poll__tag{background:none!important;color:var(--ui-text2)!important;padding:0!important;font-size:13px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important}
.cn-poll__q{font-size:18px!important;font-weight:600!important;color:var(--ui-text)!important}
.cn-poll__opt{border:1px solid var(--ui-line2)!important;border-radius:var(--ui-r)!important;background:#fff!important;box-shadow:none!important;color:var(--ui-text)!important}
.cn-poll__options:not(.is-results) .cn-poll__opt:hover{border-color:var(--ui-text)!important}
.cn-poll__bar{background:var(--ui-bg3)!important}
.cn-poll__opt.is-mine{border-color:var(--ui-coral600)!important}
.cn-poll__opt.is-mine .cn-poll__bar{background:var(--ui-coral100)!important}
.cn-poll__meta a{color:var(--ui-text)!important;text-decoration:underline}
.cn-react{margin:32px 0 0;padding:16px 0;border:0;border-top:1px solid var(--ui-line);border-bottom:1px solid var(--ui-line);border-radius:0;background:none;box-shadow:none}
.cn-react__label{font-size:15px!important;font-weight:500!important;color:var(--ui-text)!important}
.cn-react__btn{border:1px solid var(--ui-line2)!important;border-radius:var(--ui-r)!important;background:#fff!important;box-shadow:none!important;transform:none!important}
.cn-react__btn:hover{border-color:var(--ui-text)!important}
.cn-react__btn.is-active{border-color:var(--ui-coral600)!important;background:var(--ui-coral50)!important}
.cn-react__count{color:var(--ui-text)!important;font-weight:500!important}

/* Bình luận (bài viết + tab trên trang phim) */
.ui-art .cn-post-comments{margin-top:40px!important}
.ui-art .cn-post-comments .cn-section-title{font-size:24px;font-weight:600;letter-spacing:-.015em}
.ui-art .cn-post-comments .cn-section-title::after,.ui-art .cn-post-comments .cn-section-title::before{display:none!important}
.ui-art .cn-post-comments__count,#tab-comment .cn-post-comments__count{font-weight:400;color:var(--ui-text3)}
.ui-art .comments,#tab-comment .comments{margin:16px 0 0;padding:0;background:none;border:0}
.ui-art .sign__form--comments,#tab-comment .sign__form--comments{padding:0;background:none;border:0;box-shadow:none}
.ui-art .sign__textarea,.ui-art .sign__input,#tab-comment .sign__textarea,#tab-comment .sign__input{min-height:44px;border:1px solid var(--ui-line2)!important;border-radius:var(--ui-r)!important;background:#fff!important;color:var(--ui-text)!important;font-size:15px;box-shadow:none!important}
.ui-art .sign__textarea,#tab-comment .sign__textarea{min-height:110px;padding:12px 14px}
.ui-art .sign__textarea:focus,.ui-art .sign__input:focus,#tab-comment .sign__textarea:focus,#tab-comment .sign__input:focus{border-color:var(--ui-text)!important;outline:none}
.ui-art .sign__btn,#tab-comment .sign__btn{display:inline-flex;align-items:center;justify-content:center;width:auto;height:44px;padding:0 20px;border:0;border-radius:var(--ui-r)!important;background:var(--ui-coral600)!important;box-shadow:none!important;color:#fff!important;font-size:15px;font-weight:600;text-transform:none;letter-spacing:0}
.ui-art .sign__btn:hover,#tab-comment .sign__btn:hover{background:var(--ui-coral700)!important}
.ui-art .sign__btn span,#tab-comment .sign__btn span{color:#fff}
.ui-art .comment-guest-hint a,#tab-comment .comment-guest-hint a{color:var(--ui-text);text-decoration:underline}
.ui-art .comments__list,#tab-comment .comments__list{margin-top:24px}
.ui-art .comments__item,#tab-comment .comments__item{padding:16px 0 0;margin-top:0!important;border:0;border-top:1px solid var(--ui-line);border-radius:0;background:none!important;box-shadow:none}
.ui-art .comments__item--answer,#tab-comment .comments__item--answer{margin-left:48px;border-top:0;padding-top:8px}
.ui-art .comments__name,#tab-comment .comments__name{font-size:15px;font-weight:600;color:var(--ui-text)!important}
.ui-art .comments__time,#tab-comment .comments__time{font-size:13px;color:var(--ui-text3)!important}
.ui-art .comments__text,#tab-comment .comments__text{margin:6px 0 8px;padding:0!important;background:none!important;border:0!important;font-size:15px;line-height:1.6;color:var(--ui-text)!important}
.ui-art .comment-like,.ui-art .comment-reply-btn,.ui-art .comment-report-btn,#tab-comment .comment-like,#tab-comment .comment-reply-btn,#tab-comment .comment-report-btn{color:var(--ui-text2)!important;background:none!important;border:0!important;font-size:13.5px}
.ui-art .comment-like.is-liked,#tab-comment .comment-like.is-liked{color:var(--ui-coral600)!important}
.ui-art .comment-reply-input,.ui-art .comment-reply-name,#tab-comment .comment-reply-input,#tab-comment .comment-reply-name{border:1px solid var(--ui-line2)!important;border-radius:var(--ui-r)!important;background:#fff!important}

@media (max-width:1199.98px){.ui-art__g{grid-template-columns:minmax(0,1fr) 280px;gap:40px}}
@media (max-width:991.98px){.ui-art__g{grid-template-columns:minmax(0,1fr)}.ui-art__side{display:none}}
@media (max-width:767.98px){
  .ui-art{padding-top:14px}
  .ui-art__t{margin-top:10px;font-size:26px;line-height:1.25}
  .ui-art__lead{font-size:16.5px;margin-top:12px}
  .ui-art__meta{margin-top:14px;font-size:13.5px}
  .ui-art__acts{margin-left:0;width:100%}
  .ui-art__cover{margin:20px -12px 0}
  .ui-art__cover img{border-radius:0}
  .ui-prose{font-size:16.5px;margin-top:20px}
  .ui-prose h2{font-size:21px}
  .ui-prose h3{font-size:18px}
  .cn-pmbox{padding:12px}
  .ui-art .comments__item--answer,#tab-comment .comments__item--answer{margin-left:24px}
}

/* Quảng cáo native dùng chung: khung phẳng trung tính như thẻ nội dung (nhãn "Tài trợ" giữ nguyên) */
.cn-ad__native{border:1px solid var(--ui-line)!important;border-radius:var(--ui-r-lg)!important;background:var(--ui-bg2)!important;box-shadow:none!important;font-family:var(--ui-font)}
.cn-ad__native:hover{border-color:var(--ui-line2)!important;transform:none!important;box-shadow:none!important}
.cn-ad__native-title{font-weight:600!important;color:var(--ui-text)!important}
.cn-ad__native-sub{color:var(--ui-text2)!important}
.cn-ad__native-cta{border-radius:var(--ui-r-sm)!important;background:var(--ui-coral600)!important;box-shadow:none!important;color:#fff!important;font-weight:600!important}
.ui-art .sign__btn,#tab-comment .sign__btn{background-image:none!important;width:auto!important;margin-top:12px}
.ui-art .sign__btn:before,#tab-comment .sign__btn:before{display:none!important}
.ui-art .sign__btn span,#tab-comment .sign__btn span{font-family:var(--ui-font)!important;font-size:15px!important;text-transform:none!important;letter-spacing:0}
.ui-art .sign__form--comments,#tab-comment .sign__form--comments{margin-top:0!important;padding:0!important;border:0!important}
.ui-art .sign__textarea,.ui-art .sign__input,#tab-comment .sign__textarea,#tab-comment .sign__input{-webkit-appearance:none;appearance:none;font-family:var(--ui-font)!important;border-top-left-radius:8px!important;border-top-right-radius:8px!important;background-clip:padding-box}

/* =====================================================================
   DANH SÁCH BÀI (chuyên mục / tag) - bài mở đầu ảnh lớn + dòng chữ trái ảnh phải
   ===================================================================== */
.ui-lh__lead{margin:10px 0 0;max-width:72ch;font-size:16px;line-height:1.6;color:var(--ui-text2)}
.ui-plist{padding-top:32px}
.ui-plist__main{min-width:0}
.ui-plead{display:block;padding-bottom:28px;border-bottom:1px solid var(--ui-line);color:var(--ui-text);text-decoration:none}
.ui-plead img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--ui-r-lg);background:var(--ui-bg2)}
.ui-plead h2{margin:0;font-size:28px;line-height:1.28;font-weight:600;letter-spacing:-.015em}
.ui-plead p{margin:10px 0 0;font-size:16px;line-height:1.6;color:var(--ui-text2)}
.ui-plead:hover h2,.ui-prow:hover h3{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.ui-prow{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;align-items:start;padding:24px 0;border-bottom:1px solid var(--ui-line);color:var(--ui-text);text-decoration:none}
.ui-prow:hover{color:var(--ui-text)}
.ui-prow__k{display:block;font-size:13px;color:var(--ui-text2)}
.ui-prow h3{margin:6px 0 0;font-size:19px;line-height:1.38;font-weight:600;letter-spacing:-.01em}
.ui-prow__s{display:-webkit-box;margin-top:8px;font-size:15px;line-height:1.55;color:var(--ui-text2);-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ui-prow img{display:block;width:200px;height:133px;border-radius:var(--ui-r);object-fit:cover;background:var(--ui-bg2)}
.ui-plist__ad{padding:24px 0;border-bottom:1px solid var(--ui-line)}
.ui-plist__more{margin-top:28px;text-align:center}
.ui-plist__tags{display:flex;flex-wrap:wrap;gap:6px}
@media (max-width:767.98px){
  .ui-plist{padding-top:16px}
  .ui-plead{padding-bottom:20px}
  .ui-plead img{border-radius:var(--ui-r)}
  .ui-plead h2{font-size:21px}
  .ui-plead p{font-size:15px}
  .ui-prow{grid-template-columns:112px minmax(0,1fr);gap:14px;padding:16px 0}
  .ui-prow h3{font-size:16px;margin-top:4px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .ui-prow__s{display:none}
  .ui-prow img{width:112px;height:75px}
  .ui-plist__more .ui-btn{width:100%}
}
.ui-prow--noimg{grid-template-columns:minmax(0,1fr)}
.ui-art__box .ui-read__mini{margin-bottom:0}

/* =====================================================================
   TRANG NGHỆ SĨ
   ===================================================================== */
.ui-ah>.container{padding-bottom:36px}
.ui-ah__g{display:grid;grid-template-columns:160px minmax(0,1fr);gap:32px;margin-top:24px;align-items:start}
.ui-ah__g.is-noimg{grid-template-columns:minmax(0,1fr)}
.ui-ah__p img{display:block;width:160px;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:var(--ui-r-lg);background:var(--ui-bg3)}
.ui-ah h1{margin:4px 0 0;font-size:36px;line-height:1.15;font-weight:600;letter-spacing:-.02em;color:var(--ui-text)}
.ui-ah .ui-th-intro{max-width:72ch}
.ui-ah__h{margin-bottom:20px}
.ui-ah__more{margin-top:24px}
.ui-mside .cn-suggest .row{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px;margin:0}
.ui-mside .cn-suggest .row>[class*=col]{width:auto;max-width:none;padding:0!important;margin:0!important}
/* Mobile/tablet (cột phụ xuống dưới lịch chiếu): 3 thẻ mỗi hàng - poster nhỏ lại cho cân với mật độ phần lịch chiếu,
   6 phim chỉ 2 hàng. Tên 13px/500 tối đa 2 dòng, thông tin phụ 1 dòng (bỏ thể loại), thẻ không nền/viền/bóng. */
@media (max-width:991.98px){
  .ui-mside .cn-suggest .row{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 8px}
  .ui-mside .cn-suggest .ui-mc__t{margin-top:8px;font-size:13px;line-height:1.35;font-weight:500}
  .ui-mside .cn-suggest .ui-mc__m{margin-top:2px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ui-mside .cn-suggest .ui-mc__g{display:none}
}
@media (max-width:767.98px){
  .ui-ah>.container{padding-bottom:20px}
  .ui-ah .ui-bc{display:none}
  .ui-ah__g{grid-template-columns:96px minmax(0,1fr);gap:16px;margin-top:0}
  .ui-ah__p img{width:96px}
  .ui-ah h1{font-size:24px}
  .ui-ah .ui-th-intro{grid-column:1/-1}
  .ui-ah__b{display:contents}
  .ui-ah__b>small,.ui-ah__b>h1,.ui-ah__b>.ui-seo-head__f{grid-column:2}
  .ui-ah__p{grid-row:1 / span 3}
}
.ui-seo>.container>.ui-seo__h:first-child{margin-top:8px}
.ui-ah__more .ui-art__side{padding-top:40px}
@media (max-width:767.98px){.ui-ah__g.is-noimg .ui-ah__b{display:block}}

/* =====================================================================
   TÌM KIẾM + dòng rạp / nghệ sĩ dùng chung
   ===================================================================== */
.ui-sform{display:flex;gap:8px;max-width:640px;margin-top:20px}
.ui-sform__f{position:relative;flex:1;margin:0}
.ui-sform__f .ui-i{position:absolute;left:14px;top:14px;color:var(--ui-text2);pointer-events:none}
.ui-sform__f input{width:100%;height:48px;padding:0 14px 0 44px;border:1px solid var(--ui-line2);border-radius:var(--ui-r);background:#fff;font-size:15.5px;color:var(--ui-text)}
.ui-sform__f input:focus{outline:none;border-color:var(--ui-text)}
.ui-sform__n{margin:12px 0 0;font-size:14px;color:var(--ui-text2)}
.ui-sform__n b{font-weight:600;color:var(--ui-text)}
.ui-seo__h small{margin-left:6px;font-size:15px;font-weight:400;color:var(--ui-text3)}
.ui-thlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;border-top:1px solid var(--ui-line)}
.ui-throw{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--ui-line);color:var(--ui-text);text-decoration:none}
.ui-throw:hover{color:var(--ui-text)}
.ui-throw .ui-logo{width:40px;height:40px}
.ui-throw__b{min-width:0}
.ui-throw b{display:block;font-size:15.5px;font-weight:600;line-height:1.35}
.ui-throw:hover b{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.ui-throw small{display:block;margin-top:2px;font-size:13.5px;color:var(--ui-text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ui-throw small.ui-throw__closed{color:#9A4A00}
.ui-throw__go{color:var(--ui-text3)}
.ui-people{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:24px 16px}
.ui-person{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--ui-text);text-decoration:none;text-align:center}
.ui-person__a{display:flex;align-items:center;justify-content:center;width:88px;height:88px;border-radius:50%;overflow:hidden;background:var(--ui-bg3);font-size:28px;font-weight:600;color:var(--ui-text2)}
.ui-person__a img{width:100%;height:100%;object-fit:cover}
.ui-person__n{font-size:14.5px;font-weight:500;line-height:1.35}
.ui-person:hover .ui-person__n{text-decoration:underline;text-underline-offset:3px}
.ui-srch__posts{max-width:840px}
@media (max-width:767.98px){
  .ui-sform{margin-top:14px}
  .ui-thlist{grid-template-columns:minmax(0,1fr)}
  .ui-people{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px}
  .ui-person__a{width:72px;height:72px}
}

/* Danh sách rạp theo khu vực / chuỗi */
.ui-thl__bar{margin:8px 0 16px}
.ui-thl__bar .ui-seo__h{margin:0}
.ui-thlist--one{grid-template-columns:minmax(0,1fr)}
.ui-thgroup{margin-top:32px}
.ui-thgroup:first-child{margin-top:0}
.ui-thgroup__h{display:flex;align-items:baseline;gap:8px;margin:0 0 4px;font-size:19px;font-weight:600}
.ui-thgroup__h a{color:var(--ui-text);text-decoration:none}
.ui-thgroup__h a:hover{text-decoration:underline;text-underline-offset:3px}
.ui-thgroup__h small{font-size:13.5px;font-weight:400;color:var(--ui-text3)}
@media (max-width:767.98px){.ui-thl__bar{flex-wrap:nowrap}.ui-thl__bar .ui-lm__ctl{flex:0 1 auto;width:auto}.ui-thl__bar .ui-seo__h{font-size:19px}}
.ui-thl__bar .ui-seo__h{white-space:nowrap}@media (max-width:767.98px){.ui-thl__bar .ui-sel select{max-width:160px}}

/* Phim đã lưu: nút bỏ lưu dưới thẻ */
.ui-mc__act{margin-top:6px;padding:0;background:none;border:0;font-size:13.5px;font-weight:500;color:var(--ui-text2);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--ui-line2);cursor:pointer}
.ui-mc__act:hover{color:var(--ui-text)}
.ui-mc__act .ui-mc__act-off,.ui-mc__act.is-active .ui-mc__act-on{display:inline}
.ui-mc__act .ui-mc__act-on,.ui-mc__act.is-active .ui-mc__act-off{display:none}
.ui-wl__empty{max-width:560px}

/* =====================================================================
   LỚP CŨ DÙNG CHUNG → giao diện mới (áp cho mọi trang còn dùng chúng:
   ưu đãi, giá vé, thể loại, xem ở đâu, tài khoản, trang phụ, đoán phim, bình chọn...)
   ===================================================================== */
/* Banner tối cũ → đầu trang sáng */
.cn-page-hero{border-radius:0!important;padding:20px 0 24px!important;margin-bottom:24px!important;background:none!important;border-bottom:1px solid var(--ui-line);color:var(--ui-text)}
.cn-page-hero::after,.cn-page-hero::before{display:none!important}
.cn-page-hero .cn-bc{margin-bottom:14px;font-size:13.5px}
.cn-page-hero .cn-bc a,.cn-page-hero .cn-bc .sep{color:var(--ui-text2)!important}
.cn-page-hero .cn-bc a:hover{color:var(--ui-text)!important;text-decoration:underline;text-underline-offset:3px}
.cn-page-hero .cn-bc .cur{color:var(--ui-text)!important;font-weight:400}
.cn-page-hero__title{font-size:34px!important;font-weight:600!important;line-height:1.15!important;letter-spacing:-.02em!important;color:var(--ui-text)!important}
.cn-page-hero__title b,.cn-page-hero__lead b{color:var(--ui-text)!important}
.cn-page-hero__lead{margin-top:10px!important;font-size:16px!important;line-height:1.6!important;color:var(--ui-text2)!important}
.cn-page-hero__logo{width:72px!important;height:72px!important;border:1px solid var(--ui-line)!important;border-radius:var(--ui-r-lg)!important;background:#fff!important;box-shadow:none!important}
.cn-page-hero__stat{height:32px;padding:0 12px!important;border:1px solid var(--ui-line2)!important;border-radius:var(--ui-r-sm)!important;background:#fff!important;color:var(--ui-text)!important;font-size:13.5px!important;font-weight:500!important}
.cn-page-hero__stat:hover{border-color:var(--ui-text)!important;background:#fff!important;color:var(--ui-text)!important}
.cn-page-hero__stat b{color:var(--ui-text)!important;font-weight:600}
.cn-page-hero__stat svg{color:var(--ui-text2)!important}
@media (max-width:767.98px){.cn-page-hero{padding:8px 0 18px!important;margin-bottom:16px!important}.cn-page-hero .cn-bc{display:none}.cn-page-hero__title{font-size:25px!important}.cn-page-hero__lead{font-size:15px!important}}

/* Tiêu đề mục cũ: bỏ gạch coral dưới tiêu đề */
.cn-section-title{font-size:22px;font-weight:600;letter-spacing:-.01em;color:var(--ui-text)}
.cn-section-title::after,.cn-section-title::before{display:none!important}
@media (max-width:767.98px){.cn-section-title{font-size:19px}}

/* Nút cũ */
.cn-btn{border-radius:var(--ui-r)!important;box-shadow:none!important;font-family:var(--ui-font);font-weight:600;transform:none!important}
.cn-btn--primary{background:var(--ui-coral600)!important;border-color:var(--ui-coral600)!important;color:#fff!important}
.cn-btn--primary:hover{background:var(--ui-coral700)!important;border-color:var(--ui-coral700)!important;color:#fff!important}
.cn-btn--outline,.cn-btn--ghost{background:#fff!important;border:1px solid var(--ui-line2)!important;color:var(--ui-text)!important}
.cn-btn--outline:hover,.cn-btn--ghost:hover{border-color:var(--ui-text)!important;color:var(--ui-text)!important;background:#fff!important}

/* Chip/tag cũ */
.cn-post-tag{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px!important;border:1px solid var(--ui-line2)!important;border-radius:var(--ui-r-sm)!important;background:#fff!important;color:var(--ui-text)!important;font-size:13.5px!important;font-weight:500!important;box-shadow:none!important}
.cn-post-tag:hover{border-color:var(--ui-text)!important;color:var(--ui-text)!important;background:#fff!important}
.cn-post-tag--active,.cn-post-tag--active:hover{background:var(--ui-coral50)!important;border-color:var(--ui-coral600)!important;color:var(--ui-coral700)!important;font-weight:600!important}
.cn-tagrow__label{color:var(--ui-text2)!important;font-weight:400!important;text-transform:none!important;letter-spacing:0!important}
.cn-empty{border:1px dashed var(--ui-line2)!important;border-radius:var(--ui-r-lg)!important;background:#fff!important;box-shadow:none!important}
.cn-empty__icon{display:none!important}
.cn-fineprint{color:var(--ui-text2)!important}

/* ---------- Ưu đãi ---------- */
.cn-promo-group__ic{display:none!important}
.cn-promo-group__title{font-size:24px!important;font-weight:600!important;letter-spacing:-.015em;color:var(--ui-text)!important}
.cn-promo-group__title span,.cn-promo-group__title small{font-weight:400!important;color:var(--ui-text3)!important;background:none!important}
.cn-promo-group__sub{font-size:14px!important;color:var(--ui-text2)!important}
.cn-promo{border:1px solid var(--ui-line)!important;border-radius:var(--ui-r-lg)!important;background:#fff!important;box-shadow:none!important;transform:none!important}
.cn-promo:hover{border-color:var(--ui-line2)!important;box-shadow:none!important}
.cn-promo__benefit{background:var(--ui-bg2)!important;border-right:1px solid var(--ui-line)!important;border-image:none!important}
.cn-promo__benefit::before,.cn-promo__benefit::after{display:none!important}
.cn-promo__value{color:var(--ui-text)!important;font-weight:600!important}
.cn-promo__provider,.cn-promo__where,.cn-promo__cat{color:var(--ui-text2)!important}
.cn-promo__title{font-weight:600!important;color:var(--ui-text)!important}
.cn-promo__summary{color:var(--ui-text2)!important}
.cn-promo__chips span,.cn-promo__chips>*{border-radius:var(--ui-r-xs)!important;background:var(--ui-bg2)!important;color:var(--ui-text)!important;border:0!important}
.cn-promo__foot{border-top:1px solid var(--ui-line)!important}
.cn-promo__expiry{color:var(--ui-text2)!important}
.cn-promo__expiry.is-soon{color:var(--ui-coral600)!important;font-weight:500}
.cn-promo__more{color:var(--ui-text)!important;font-weight:500!important}
.cn-promo__more:hover{text-decoration:underline;text-underline-offset:3px}
.cn-promo__code{border:1px dashed var(--ui-line2)!important;border-radius:var(--ui-r-sm)!important;background:#fff!important;color:var(--ui-text)!important}
.cn-pchain__name{font-weight:600!important;color:var(--ui-text)!important}
.cn-pchain__all,.cn-promo-page__all{color:var(--ui-text)!important;font-weight:500!important;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--ui-line2)}
.cn-pmore{border:1px solid var(--ui-line2)!important;border-radius:var(--ui-r)!important;background:#fff!important;color:var(--ui-text)!important;font-weight:500!important;box-shadow:none!important}
.cn-pmore:hover{border-color:var(--ui-text)!important}
.cn-pw{border:1px solid var(--ui-line)!important;border-radius:var(--ui-r-lg)!important;box-shadow:none!important;background:#fff!important}
.cn-pw__day{border:1px solid var(--ui-line2)!important;border-radius:var(--ui-r)!important;background:#fff!important;box-shadow:none!important;color:var(--ui-text)!important}
.cn-pw__day.is-current,.cn-pw__day[aria-selected="true"]{background:var(--ui-coral600)!important;border-color:var(--ui-coral600)!important;color:#fff!important}
.cn-pw__day.is-current *,.cn-pw__day[aria-selected="true"] *{color:#fff!important}
.cn-pw__panel-title,.cn-pw__anytime{color:var(--ui-text2)!important;text-transform:none!important;letter-spacing:0!important;font-weight:500!important}
.cn-pw__value{color:var(--ui-text)!important;font-weight:600!important}
.cn-pw__title{color:var(--ui-text)!important;font-weight:500!important}
.cn-pw__note a,.cn-pw__empty a{color:var(--ui-text)!important;text-decoration:underline}

/* ---------- Giá vé ---------- */
.cn-price-chain{border:1px solid var(--ui-line)!important;border-radius:var(--ui-r-lg)!important;background:#fff!important;box-shadow:none!important;transform:none!important}
.cn-price-chain:hover{border-color:var(--ui-text)!important;box-shadow:none!important}
.cn-price-chain__logo{border:1px solid var(--ui-line)!important;border-radius:var(--ui-r)!important;box-shadow:none!important}
.cn-price-chain__name{font-weight:600!important;color:var(--ui-text)!important}
.cn-price-chain__from{color:var(--ui-text2)!important}
.cn-price-chain__from b,.cn-price-chain__from strong{color:var(--ui-text)!important;font-weight:600!important}
.cn-price-h2{font-size:22px!important;font-weight:600!important;color:var(--ui-text)!important}
.cn-price-h2::after,.cn-price-h2::before{display:none!important}
.cn-price-cta{border:1px solid var(--ui-line)!important;border-radius:var(--ui-r-lg)!important;background:#fff!important;box-shadow:none!important}
.cn-price-cta:hover{border-color:var(--ui-text)!important}
.cn-price-cta svg,.cn-price-cta [class*=icon]{color:var(--ui-text2)!important;background:var(--ui-bg2)!important}
.cn-price-badge{border-radius:var(--ui-r-xs)!important;background:var(--ui-bg2)!important;color:var(--ui-text)!important}
.cn-ptable{border:1px solid var(--ui-line)!important;border-radius:var(--ui-r-lg)!important;box-shadow:none!important}
.cn-ptable__table th{background:#fff!important;color:var(--ui-text)!important;font-weight:600!important;border-color:var(--ui-line)!important}
.cn-ptable__table td{border-color:var(--ui-line)!important;color:var(--ui-text)!important}
.cn-ptable__amount{font-weight:600!important;color:var(--ui-text)!important}
.cn-ptable__aud,.cn-ptable__note,.cn-ptable__foot{color:var(--ui-text2)!important}
.cn-price-cta{border:0!important;background:none!important;padding:0!important}
.cn-ptable__amount *{color:inherit!important}
.cn-ptable__corner,.cn-ptable__table th{text-transform:none!important;letter-spacing:0!important}
.cn-price-theaters a{border:1px solid var(--ui-line)!important;border-radius:var(--ui-r)!important;box-shadow:none!important}
.cn-price-theaters a:hover{border-color:var(--ui-text)!important}

/* Thẻ thể loại: nền phẳng sáng thay khối tối có quầng sáng */
.cn-gen-card{background:var(--ui-bg2)!important;border:1px solid var(--ui-line)!important;border-radius:var(--ui-r-lg)!important;box-shadow:none!important;color:var(--ui-text)!important;transform:none!important}
.cn-gen-card::before,.cn-gen-card::after{display:none!important}
.cn-gen-card:hover{border-color:var(--ui-text)!important;background:#fff!important}
.cn-gen-card__name{color:var(--ui-text)!important;font-weight:600!important}
.cn-gen-card__count{color:var(--ui-text2)!important;font-weight:400!important}
.cn-page-hero__sub{color:var(--ui-text2)!important;margin-top:10px;font-size:16px}
/* Rail ưu đãi cũ (trang tuần này, thể loại...) */
.cn-promo-rail__ic{display:none!important}
.cn-promo-rail__title{font-size:22px!important;font-weight:600!important;color:var(--ui-text)!important}
.cn-promo-rail__sub{color:var(--ui-text2)!important}
.cn-promo-rail__more{color:var(--ui-text)!important;font-weight:500!important}
.cn-promo-mini{border:1px solid var(--ui-coral100)!important;border-top-width:1px!important;border-radius:var(--ui-r-lg)!important;background:var(--ui-coral50)!important;box-shadow:none!important;transform:none!important}
.cn-promo-mini::before{display:none!important}
.cn-promo-mini:hover{border-color:#F6C3C0!important}
.cn-promo-mini__ic{display:none!important}
.cn-promo-mini__value{color:var(--ui-text)!important;font-weight:600!important}
.cn-promo-mini__title{color:var(--ui-text)!important}
.cn-promo-mini__meta,.cn-promo-mini__expiry{color:var(--ui-text2)!important}
/* Phim mới ra rạp tuần này */
.cn-week__list>*{border:1px solid var(--ui-line)!important;border-radius:var(--ui-r-lg)!important;box-shadow:none!important}

/* Chi tiết ưu đãi (trang + modal) */
.cn-pd-page__main{border:1px solid var(--ui-line)!important;border-radius:var(--ui-r-lg)!important;box-shadow:none!important}
.cn-pd__stub{border:1px solid var(--ui-coral100)!important;border-radius:var(--ui-r-lg)!important;background:var(--ui-coral50)!important;box-shadow:none!important}
.cn-pd__benefit{border-right:1px solid var(--ui-coral100)!important;border-image:none!important}
.cn-pd__value{color:var(--ui-text)!important;font-weight:600!important}
.cn-pd__title{font-weight:600!important;color:var(--ui-text)!important}
.cn-pd__summary{color:var(--ui-text2)!important}
.cn-pd__tag{border-radius:var(--ui-r-xs)!important;background:#fff!important;border:1px solid var(--ui-line2)!important;color:var(--ui-text)!important;font-weight:500!important}
.cn-pd__tag svg{display:none}
.cn-pd__facts{border:1px solid var(--ui-line)!important;border-radius:var(--ui-r-lg)!important}
.cn-pd__label{color:var(--ui-text2)!important;text-transform:none!important;letter-spacing:0!important}
.cn-pd__facts a{color:var(--ui-text)!important;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--ui-line2)}
.cn-pd__h{font-weight:600!important;color:var(--ui-text)!important}
.cn-pd__rules li::marker,.cn-pd__rules li::before{color:var(--ui-text3)!important;background:var(--ui-text3)!important}
.cn-pd__foot,.cn-pd__permalink{color:var(--ui-text2)!important}
.cn-pd__code{border:1px dashed var(--ui-line2)!important;border-radius:var(--ui-r)!important;background:#fff!important}
.cn-pd-tip{background:var(--ui-bg2)!important;color:var(--ui-text)!important;border:1px solid var(--ui-line)!important;border-radius:var(--ui-r-lg)!important;box-shadow:none!important}
.cn-pd-tip::before,.cn-pd-tip::after{display:none!important}
.cn-pd-tip *{color:var(--ui-text)!important}
.cn-pd-tip p,.cn-pd-tip span{color:var(--ui-text2)!important}
.cn-pd-tip a{color:var(--ui-text)!important;font-weight:600!important;text-decoration:underline;text-underline-offset:3px}
.cn-pd-tip__ic{display:none!important}
.cn-promo-page__all{color:var(--ui-text)!important}
.cn-bc--light,.cn-bc--light a,.cn-bc--light .sep{color:var(--ui-text2)!important}
.cn-bc--light .cur{color:var(--ui-text)!important}

/* Modal "Tìm rạp" */
#modal-theaters .modal-title svg,#modal-theaters .cn-theater-modal__title svg,#modal-theaters .cn-filter__label svg{display:none!important}
#modal-theaters .cn-filter__label{text-transform:none!important;letter-spacing:0!important;font-size:13.5px!important;font-weight:500!important;color:var(--ui-text2)!important}
#modal-theaters .modal-title,#modal-theaters .cn-theater-modal__title{font-size:19px!important;font-weight:600!important;color:var(--ui-text)!important}
#modal-theaters .modal-body,#modal-theaters #list_theater{background:#fff!important}
#modal-theaters .ss-main{border:1px solid var(--ui-line2)!important;border-radius:var(--ui-r)!important;box-shadow:none!important}


/* =====================================================================
   Trang cũ (chưa noContainer) tự bọc .container bên trong .container của
   master → nội dung thụt 12px so với logo header. Bỏ lề của lớp trong.
   ===================================================================== */
main.main>.container .container{max-width:none;padding-left:0;padding-right:0}

/* Breadcrumb cũ .cn-bc: dấu phân cách "/", "›" hoặc không có → chevron như .ui-bc */
.cn-bc{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:13.5px;color:var(--ui-text2)}
.cn-bc .sep{display:none!important}
.cn-bc>:not(.sep):not(:first-child)::before{content:"";display:inline-block;width:14px;height:14px;margin-right:6px;vertical-align:-2px;background:var(--ui-text3);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/14px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/14px no-repeat}
.cn-bc>span:last-child{color:var(--ui-text)}
.cn-bc a{color:var(--ui-text2)!important;text-decoration:none}
.cn-bc a:hover{color:var(--ui-text)!important;text-decoration:underline;text-underline-offset:3px}

/* Link nội dung còn màu xanh Bootstrap trong trang cũ */
.cn-empty a,.cn-page-hero__lead a{color:var(--ui-text)!important;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--ui-line2)}
.cn-empty a:hover{text-decoration-color:currentColor}

/* ---------- Đoán phim (.cn-puzzle*) ---------- */
.cn-puzzle{border:1px solid var(--ui-line)!important;border-radius:var(--ui-r-lg)!important;box-shadow:none!important;padding:24px!important}
@media (max-width:575.98px){.cn-puzzle{padding:16px!important;border-radius:var(--ui-r)!important}}
.cn-puzzle__eyebrow{font-size:13.5px!important;font-weight:500!important;color:var(--ui-text2)!important;letter-spacing:0!important}
.cn-puzzle__title{font-size:24px!important;font-weight:600!important;color:var(--ui-text)!important;letter-spacing:-.01em}
.cn-puzzle__sub{font-weight:600!important;color:var(--ui-text)!important}
.cn-puzzle__streak{background:#fff!important;border:1px solid var(--ui-line2)!important;border-radius:var(--ui-r-sm)!important;padding:5px 10px!important;color:var(--ui-text)}
.cn-puzzle__streak-flame{display:inline-flex;color:var(--ui-coral600)}
.cn-puzzle__streak-num{color:var(--ui-text)!important;font-weight:600!important}
.cn-puzzle__dot{height:4px!important;border-radius:2px!important;background:var(--ui-line)!important}
.cn-puzzle__dot.is-used{background:var(--ui-coral)!important}
.cn-puzzle__clues{gap:8px!important}
.cn-puzzle__clue{background:#fff!important;border:1px solid var(--ui-line)!important;border-radius:var(--ui-r)!important;padding:12px 14px!important}
.cn-puzzle__clue--locked{border-style:dashed!important;opacity:1!important}
.cn-puzzle__clue-num{flex-basis:24px!important;width:24px!important;height:24px!important;background:var(--ui-text)!important;font-size:13px!important;font-weight:600!important}
.cn-puzzle__clue--locked .cn-puzzle__clue-num{background:var(--ui-bg2)!important;color:var(--ui-text3)!important}
.cn-puzzle__clue-label{font-size:13px!important;font-weight:400!important;text-transform:none!important;letter-spacing:0!important;color:var(--ui-text2)!important}
.cn-puzzle__clue-text{font-size:16px!important;font-weight:500!important;color:var(--ui-text)!important}
.cn-puzzle__clue--locked .cn-puzzle__clue-text{color:var(--ui-text3)!important;font-weight:400!important}
.cn-puzzle__guess{border-radius:var(--ui-r)!important;font-weight:500!important}
.cn-puzzle__input{border:1px solid var(--ui-line2)!important;border-radius:var(--ui-r)!important;box-shadow:none!important;font-family:var(--ui-font)}
.cn-puzzle__input:focus{border-color:var(--ui-text)!important;box-shadow:0 0 0 3px rgba(31,33,37,.08)!important}
.cn-puzzle__ac{border:1px solid var(--ui-line)!important;border-radius:var(--ui-r)!important;box-shadow:0 12px 32px rgba(17,19,24,.12)!important}
.cn-puzzle__ac-item:hover,.cn-puzzle__ac-item.is-active{background:var(--ui-bg2)!important}
.cn-puzzle__hint{color:var(--ui-text2)!important}
.cn-puzzle__verdict{border-radius:var(--ui-r)!important;box-shadow:none!important}
.cn-puzzle__verdict-title{font-weight:600!important}
.cn-puzzle__answer{border:1px solid var(--ui-line)!important;border-radius:var(--ui-r)!important;box-shadow:none!important;background:#fff!important}
.cn-puzzle__answer:hover{border-color:var(--ui-text)!important}
.cn-puzzle__answer-label{text-transform:none!important;letter-spacing:0!important;color:var(--ui-text2)!important;font-weight:400!important}
.cn-puzzle__answer-name{font-weight:600!important;color:var(--ui-text)!important}
.cn-puzzle__answer-cta{color:var(--ui-text)!important;font-weight:500!important;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--ui-line2)}
.cn-puzzle__share-btn{display:inline-flex!important;align-items:center;gap:6px}
.cn-puzzle__guest-note{background:var(--ui-bg2)!important;border:0!important;border-radius:var(--ui-r)!important;color:var(--ui-text)!important}
.cn-puzzle__guest-note strong{font-weight:600}
.cn-puzzle__foot{border-top:1px solid var(--ui-line)!important}
.cn-puzzle__foot-link{display:inline-flex!important;align-items:center;gap:6px;color:var(--ui-text)!important;font-weight:500!important}
.cn-puzzle__foot-link .ui-i{color:var(--ui-text2)}
.cn-puzzle__foot-link:hover{text-decoration:underline;text-underline-offset:3px}
.cn-puzzle__stat{border:1px solid var(--ui-line)!important;border-radius:var(--ui-r)!important;background:#fff!important;box-shadow:none!important}
.cn-puzzle__stat-num{color:var(--ui-text)!important;font-weight:600!important}
.cn-puzzle__stat-label{text-transform:none!important;letter-spacing:0!important;color:var(--ui-text2)!important}
.cn-puzzle__dist-fill{background:var(--ui-text)!important}

/* ---------- Bảng xếp hạng: danh sách kẻ mảnh thay cho hộp từng dòng ---------- */
.cn-leaderboard{gap:0!important;border-top:1px solid var(--ui-line)}
.cn-leaderboard__row{border:0!important;border-bottom:1px solid var(--ui-line)!important;border-radius:0!important;background:none!important;padding:12px 4px!important;box-shadow:none!important}
.cn-leaderboard__row:hover{background:var(--ui-bg2)!important;box-shadow:none!important}
.cn-leaderboard__rank,.cn-leaderboard__row--top .cn-leaderboard__rank{min-width:36px!important;font-size:15px!important;font-weight:500!important;color:var(--ui-text2)!important;font-variant-numeric:tabular-nums}
.cn-leaderboard__row--top .cn-leaderboard__rank{color:var(--ui-text)!important;font-weight:700!important}
.cn-leaderboard__avatar{background:var(--ui-bg2)!important}
.cn-leaderboard__initial{color:var(--ui-text2)!important;font-weight:600!important}
.cn-leaderboard__name{font-size:15px!important;font-weight:600!important;color:var(--ui-text)!important}
.cn-leaderboard__handle{font-size:13px!important;color:var(--ui-text3)!important}
.cn-leaderboard__points{font-size:15px!important;font-weight:600!important;color:var(--ui-text)!important;min-width:80px!important;font-variant-numeric:tabular-nums}
.cn-leaderboard__badge{border-radius:var(--ui-r-xs)!important;font-size:12px!important;font-weight:500!important}
/* "Người mới" ở gần như mọi dòng không nói thêm gì → chỉ hiện từ cấp 2 trở lên */
.cn-leaderboard__row .cn-profile__badge--newbie{display:none}
.cn-points-help{border:1px solid var(--ui-line)!important;border-radius:var(--ui-r-lg)!important;padding:12px 16px!important;margin-bottom:24px!important}
.cn-points-help summary{font-weight:500!important;color:var(--ui-text)!important}
.cn-points-help summary:hover{color:var(--ui-text)!important;text-decoration:underline;text-underline-offset:3px}
.cn-points-help__body{color:var(--ui-text)!important;font-size:14.5px!important}
.cn-points-help__table th{text-transform:none!important;font-size:13px!important;font-weight:500;color:var(--ui-text2)!important}
.cn-points-help__table th,.cn-points-help__table td{border-color:var(--ui-line)!important}
.cn-points-help__pts{color:var(--ui-text)!important;font-weight:600!important}
.cn-points-help__note{color:var(--ui-text2)!important}

/* ---------- Trang phụ (giới thiệu, liên hệ, chính sách...): cột chữ như bài viết, bỏ khung ---------- */
.cn-doc{max-width:760px;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
.cn-doc .ui-prose{margin-top:0;font-size:16.5px}
.cn-doc .ui-prose h2{font-size:22px}
.cn-doc .ui-prose h2::before{display:none!important}
.cn-doc .ui-prose ul{list-style:disc}
.cn-doc .ui-prose ol{list-style:decimal}
.cn-contact{gap:12px!important;margin-bottom:24px!important}
.cn-contact__item{border:1px solid var(--ui-line)!important;border-radius:var(--ui-r-lg)!important;background:#fff!important;box-shadow:none!important;transform:none!important}
.cn-contact__item:hover{border-color:var(--ui-text)!important}
.cn-contact__ic{background:var(--ui-bg2)!important;color:var(--ui-text)!important;border-radius:var(--ui-r)!important}
.cn-contact__tx b{text-transform:none!important;letter-spacing:0!important;font-size:13.5px!important;font-weight:400!important;color:var(--ui-text2)!important}
.cn-contact__tx span{font-weight:600!important;color:var(--ui-text)!important}
@media (max-width:767.98px){.cn-doc .ui-prose{font-size:16px}.cn-doc .ui-prose h2{font-size:19px}}

/* ---------- Header khi đã đăng nhập: chỉ avatar + chevron, tên nằm đầu menu ---------- */
.ui-hd .header__account-name{display:none!important}
.ui-hd .header__account-toggle::after{display:none!important}
.ui-hd .header__account-toggle{gap:4px;padding:0 6px}
.ui-hd .header__avatar{width:32px!important;height:32px!important}
.ui-hd__who{display:flex;flex-direction:column;gap:1px;padding:8px 12px 10px;margin-bottom:6px;border-bottom:1px solid var(--ui-line);list-style:none}
.ui-hd__who b{font-size:15px;font-weight:600;color:var(--ui-text)}
.ui-hd__who span{font-size:13px;color:var(--ui-text3)}

/* ---------- Trang cá nhân + sửa hồ sơ ---------- */
.cn-profile{padding:24px 0!important;margin-top:8px;border:0!important;border-bottom:1px solid var(--ui-line)!important;border-radius:0!important;box-shadow:none!important;background:none!important}
.cn-profile__avatar,.cn-form__avatar-preview{background:var(--ui-bg2)!important;box-shadow:none!important}
.cn-profile__avatar{width:96px!important;height:96px!important}
.cn-profile__initial,.cn-form__avatar-initial{color:var(--ui-text2)!important;font-weight:600!important}
.cn-profile__name{font-size:28px!important;font-weight:600!important;letter-spacing:-.015em;color:var(--ui-text)!important}
.cn-profile__handle{color:var(--ui-text3)!important;font-size:14.5px!important}
.cn-profile__bio{color:var(--ui-text)!important}
.cn-profile__stat{color:var(--ui-text2)!important;font-size:14.5px!important}
.cn-profile__stat b{color:var(--ui-text)!important;font-weight:600!important}
.cn-profile__points{color:var(--ui-text2)!important}
.cn-profile__badge{border-radius:var(--ui-r-xs)!important;font-size:12px!important;font-weight:500!important;padding:2px 8px!important}
.cn-profile__badge--newbie{background:var(--ui-bg2)!important;color:var(--ui-text2)!important}
.cn-profile__badge--critic{background:#EAF5EE!important;color:#24734A!important;border:0!important}
.cn-profile__badge--expert{background:var(--ui-coral50)!important;color:var(--ui-coral700)!important;border:0!important}
.cn-profile__badge--legend{background:var(--ui-text)!important;color:#fff!important}
.ui-ptabs{margin:24px 0 20px;border-bottom:1px solid var(--ui-line)}
.ui-ptabs button{padding:10px 0}
.ui-ptabs .active::after{bottom:-1px}
.cn-form{border:1px solid var(--ui-line)!important;border-radius:var(--ui-r-lg)!important;box-shadow:none!important;padding:24px!important}
.cn-form__avatar{border-bottom-color:var(--ui-line)!important}
.cn-form__label{font-weight:500!important;color:var(--ui-text)!important;font-size:14.5px!important}
.cn-form__input,.cn-form__input-prefix{border:1px solid var(--ui-line2)!important;border-radius:var(--ui-r)!important}
.cn-form__input-prefix .cn-form__input{border:0!important;border-radius:0!important}
.cn-form__input:focus,.cn-form__input-prefix:focus-within{border-color:var(--ui-text)!important;box-shadow:0 0 0 3px rgba(31,33,37,.08)!important}
.cn-form__input-prefix span{background:var(--ui-bg2)!important;color:var(--ui-text2)!important;border-right:1px solid var(--ui-line2)!important}
.cn-form__hint{color:var(--ui-text2)!important}
.cn-form__actions{border-top-color:var(--ui-line)!important}
@media (max-width:575.98px){.cn-profile{padding:16px 0!important}.cn-profile__name{font-size:23px!important}.cn-form{padding:16px!important}}

/* Chevron menu tài khoản cùng cỡ chevron "khu vực" (12px trông như tam giác đặc) */
.ui-hd .header__account-toggle .ui-i--s{width:16px;height:16px;color:var(--ui-text2)}
/* Nút trong ô trống không bị gạch chân như link chữ */
.cn-empty a.cn-btn{text-decoration:none!important}
/* Tab hồ sơ: bỏ pill coral của .cn-tabs__btn cũ */
.ui-ptabs .cn-tabs__btn,.ui-ptabs .cn-tabs__btn.active{background:none!important;box-shadow:none!important;border-radius:0!important;padding:10px 0!important;color:var(--ui-text2)!important;font-size:15px!important}
.ui-ptabs .cn-tabs__btn.active{color:var(--ui-text)!important;font-weight:600!important}
@media (max-width:575.98px){.cn-profile__actions{justify-content:center}}

/* ---------- Điểm danh (dropdown tài khoản + sheet mobile) ---------- */
.header__account-menu .cn-checkin,.sheet .cn-checkin{background:#fff!important;border:1px solid var(--ui-line)!important;border-radius:var(--ui-r)!important}
.cn-checkin__flame{color:var(--ui-coral600)!important}
.cn-checkin.is-done .cn-checkin__flame{color:#24734A!important}
.cn-checkin__streak{font-size:14px!important;font-weight:500!important;color:var(--ui-text)!important}
.cn-checkin__streak b{color:var(--ui-text)!important;font-weight:700!important}
.cn-checkin__hint{font-size:12.5px!important;color:var(--ui-text2)!important}
.cn-checkin__btn{background:var(--ui-coral600)!important;border-radius:var(--ui-r-sm)!important;box-shadow:none!important;font-weight:600!important;font-size:13px!important;transform:none!important}
.cn-checkin__btn:hover{background:var(--ui-coral700)!important}

/* ---------- Sheet mobile (Phim / Giải trí / Thêm) ---------- */
.sheet{border-radius:12px 12px 0 0!important}
.sheet__title{font-size:17px!important;font-weight:600!important;color:var(--ui-text)!important}
.sheet__close{color:var(--ui-text2)!important}
.sheet__section-title{padding:16px 20px 6px!important;font-size:13px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;color:var(--ui-text3)!important}
.sheet__list .sheet__section-title:first-child{padding-top:6px!important}
.sheet__link{padding:12px 20px!important;color:var(--ui-text)!important;font-size:15.5px!important}
.sheet__link:hover,.sheet__link:focus-visible{background:var(--ui-bg2)!important;color:var(--ui-text)!important}
.sheet__link-icon{color:var(--ui-text2)!important}
.sheet__link:hover .sheet__link-icon,.sheet__link:focus-visible .sheet__link-icon{color:var(--ui-text)!important}
.sheet__user{padding:8px 20px 14px!important;border-bottom-color:var(--ui-line)!important}
.sheet__user-name{font-weight:600!important;color:var(--ui-text)!important}
.sheet__avatar,.header__m-avatar{background:var(--ui-text)!important;color:#fff!important;font-weight:600!important;box-shadow:none!important}
.header__m-avatar{width:32px!important;height:32px!important}
.sheet__badge,.sheet__badge--soft{min-width:0!important;height:auto!important;padding:0!important;background:none!important;color:var(--ui-text3)!important;font-size:13px!important;font-weight:500!important;border:0!important}
.sheet__link .cn-nav-badge{background:var(--ui-bg2)!important;color:var(--ui-text2)!important;border:0!important;border-radius:var(--ui-r-xs)!important;font-weight:500!important;letter-spacing:0!important;box-shadow:none!important}

/* ---------- Bình chọn cộng đồng (.cn-award*) ---------- */
.cn-award-card{border:1px solid var(--ui-line)!important;border-radius:var(--ui-r-lg)!important;box-shadow:none!important;transform:none!important}
.cn-award-card:hover{border-color:var(--ui-text)!important}
.cn-award-card__badge,.cn-award-chip{border-radius:var(--ui-r-xs)!important;font-size:12.5px!important;font-weight:500!important;padding:2px 8px!important}
.cn-award-card__badge,.cn-award-chip--open{background:#EAF5EE!important;color:#24734A!important}
.cn-award-card__badge--closed,.cn-award-chip--closed,.cn-award-chip--soon{background:var(--ui-bg2)!important;color:var(--ui-text2)!important}
.cn-award-card__title{font-size:18px!important;font-weight:600!important;color:var(--ui-text)!important}
.cn-award-card__desc{color:var(--ui-text2)!important}
.cn-award-card__meta{color:var(--ui-text3)!important;font-weight:400!important}
.cn-award-winner{background:#fff!important;border:1px solid var(--ui-line)!important;border-left:4px solid var(--ui-text)!important;border-radius:var(--ui-r)!important}
.cn-award-winner__crown{display:inline-flex;color:var(--ui-text)}
.cn-award-winner__label{text-transform:none!important;letter-spacing:0!important;font-size:13.5px!important;font-weight:400!important;color:var(--ui-text2)!important}
.cn-award-winner__name{font-size:22px!important;font-weight:600!important;color:var(--ui-text)!important}
.cn-award-meta{color:var(--ui-text2)!important}
.cn-award-meta b{color:var(--ui-text)!important}
.cn-award-meta__hint{color:var(--ui-text3)!important}
.cn-award-list{gap:0!important;border-top:1px solid var(--ui-line)}
.cn-award-nominee{border:0!important;border-bottom:1px solid var(--ui-line)!important;border-radius:0!important;padding:14px 4px!important;background:none!important;box-shadow:none!important}
.cn-award-nominee.is-mine{background:var(--ui-coral50)!important;box-shadow:none!important}
.cn-award-nominee__rank{color:var(--ui-text2)!important;font-weight:500!important;font-variant-numeric:tabular-nums}
.cn-award-nominee__poster{border-radius:var(--ui-r-sm)!important}
.cn-award-nominee__name{font-weight:600!important;color:var(--ui-text)!important}
.cn-award-nominee__name a:hover{color:var(--ui-text)!important;text-decoration:underline;text-underline-offset:3px}
.cn-award-nominee__leader{font-size:12px;font-weight:500;color:var(--ui-text2)!important;background:var(--ui-bg2);border-radius:var(--ui-r-xs);padding:1px 6px}
.cn-award-nominee__bar{height:6px!important;border-radius:3px!important;background:var(--ui-bg2)!important}
.cn-award-nominee__fill,.cn-award-nominee.is-leader .cn-award-nominee__fill{background:var(--ui-text3)!important;border-radius:3px!important}
.cn-award-nominee.is-leader .cn-award-nominee__fill{background:var(--ui-text)!important}
.cn-award-nominee.is-mine .cn-award-nominee__fill{background:var(--ui-coral)!important}
.cn-award-nominee__stat{color:var(--ui-text2)!important}
.cn-award-nominee__stat b{color:var(--ui-text)!important;font-weight:600}
.cn-award-vote{border:1px solid var(--ui-line2)!important;border-radius:var(--ui-r)!important;color:var(--ui-text)!important;background:#fff!important;font-weight:500!important}
.cn-award-vote:hover{border-color:var(--ui-text)!important;background:#fff!important}
.cn-award-vote.is-chosen{background:var(--ui-coral600)!important;border-color:var(--ui-coral600)!important;color:#fff!important;font-weight:600!important}
.cn-award-guest{justify-content:space-between!important;background:var(--ui-bg2)!important;border:0!important;border-radius:var(--ui-r)!important;color:var(--ui-text)!important}
.cn-award-guest strong{font-weight:600}

/* =====================================================================
   Ô chọn dùng chung (ui.js uiSelect) - thay danh sách option mặc định + SlimSelect
   ===================================================================== */
.ui-dd__native{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;border:0!important;opacity:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;pointer-events:none!important}
.ui-dd__btn{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;max-width:100%;height:40px;padding:0 12px;border:1px solid var(--ui-line2);border-radius:var(--ui-r);background:#fff;font-family:var(--ui-font);font-size:14.5px;font-weight:600;color:var(--ui-text);text-align:left;cursor:pointer;transition:border-color .15s}
.ui-dd__btn:hover{border-color:var(--ui-text)}
.ui-dd__btn:focus-visible{outline:2px solid var(--ui-coral600);outline-offset:1px}
.ui-dd__btn[aria-expanded="true"] .ui-dd__chev{transform:rotate(180deg)}
.ui-dd__v{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ui-dd__chev{flex:0 0 auto;color:var(--ui-text2);transition:transform .15s}
/* Trong khung có sẵn (thanh tìm suất, .ui-sel): nút chỉ là dòng chữ */
.ui-dd__btn--bare{display:flex;width:100%;height:auto;padding:0;border:0;background:transparent;font-size:inherit}
.ui-dd__btn--bare:focus-visible{outline:0}
.ui-fld .ui-dd__btn--bare{font-size:15px;line-height:1.4}
.ui-sel .ui-dd__btn--bare{width:auto;max-width:220px;font-size:14.5px}
.ui-sel--block .ui-dd__btn--bare{flex:1;max-width:none}
.ui-lm__ctl .ui-sel .ui-dd__btn--bare{max-width:190px}
.ui-sel:focus-within,.ui-fld:focus-within{box-shadow:none}
.ui-sel:has(.ui-dd__btn:focus-visible),.ui-fld:has(.ui-dd__btn:focus-visible){box-shadow:0 0 0 2px var(--ui-coral600) inset}
@media (max-width:767.98px){.ui-lm__ctl .ui-sel .ui-dd__btn--bare,.ui-sel .ui-dd__btn--bare{max-width:none;width:100%}}
/* Trang phim: ô lọc đã là khung nền xám */
.ui-mcontent .cn-filter__field .ui-dd__btn{height:36px;padding:0 8px 0 2px;border:0;background:transparent;min-width:120px}
.ui-mcontent .cn-filter__field{cursor:pointer}
/* Modal Tìm rạp: nút giãn hết ô */
.cn-theater-modal__filters .ui-dd__btn{width:100%;height:42px}

.ui-dd__pop{position:fixed;z-index:1090;display:flex;flex-direction:column;max-height:400px;background:#fff;border:1px solid var(--ui-line);border-radius:var(--ui-r-lg);box-shadow:0 12px 32px rgba(17,19,24,.14);overflow:hidden;font-family:var(--ui-font)}
.ui-dd__pop[hidden]{display:none}
.ui-dd__head{display:none}
.ui-dd__search{padding:8px;border-bottom:1px solid var(--ui-line)}
.ui-dd__search[hidden]{display:none}
.ui-dd__search input{width:100%;height:38px;padding:0 12px;border:1px solid var(--ui-line2);border-radius:var(--ui-r);font-size:14.5px;color:var(--ui-text);background:#fff;outline:0}
.ui-dd__search input:focus{border-color:var(--ui-text)}
.ui-dd__list{flex:1 1 auto;min-height:0;margin:0;padding:6px;list-style:none;overflow-y:auto;overscroll-behavior:contain}
.ui-dd__opt{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:var(--ui-r-sm);font-size:14.5px;line-height:1.35;color:var(--ui-text);cursor:pointer}
.ui-dd__opt[hidden]{display:none}
.ui-dd__opt.is-active{background:var(--ui-bg2)}
.ui-dd__opt[aria-selected="true"]{font-weight:600}
.ui-dd__opt[aria-disabled="true"]{color:var(--ui-text3);cursor:default}
.ui-dd__ck{flex:0 0 auto;color:var(--ui-coral600);visibility:hidden}
.ui-dd__opt[aria-selected="true"] .ui-dd__ck{visibility:visible}
.ui-dd__none{margin:0;padding:14px 16px;font-size:14px;color:var(--ui-text2)}
.ui-dd__none[hidden]{display:none}
.ui-dd__bd{position:fixed;inset:0;z-index:1089;background:rgba(17,19,24,.4)}
.ui-dd__bd[hidden]{display:none}
html.ui-dd-lock,html.ui-dd-lock body{overflow:hidden}
/* Màn nhỏ: bottom sheet */
.ui-dd__pop.is-sheet{left:0!important;right:0;bottom:0!important;top:auto!important;width:auto!important;max-height:72vh!important;border-radius:12px 12px 0 0;border:0;box-shadow:none;padding-bottom:env(safe-area-inset-bottom,0)}
.ui-dd__pop.is-sheet .ui-dd__head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid var(--ui-line)}
.ui-dd__title{font-size:16px;font-weight:600;color:var(--ui-text)}
.ui-dd__x{width:36px;height:36px;margin:-6px -8px -6px 0;border:0;background:none;font-size:26px;line-height:1;color:var(--ui-text2)}
.ui-dd__pop.is-sheet .ui-dd__search{padding:10px 16px}
.ui-dd__pop.is-sheet .ui-dd__list{padding:6px 8px 12px}
.ui-dd__pop.is-sheet .ui-dd__opt{padding:13px 12px;font-size:15.5px}
.ui-dd__search input::-webkit-search-cancel-button{display:none}

/* Form bình luận (trang phim + bài viết): form theme cũ bo 19px + overflow:hidden cắt góc trên ô nhập và góc dưới trái nút Gửi */
.sign__form--comments{border-radius:0!important;overflow:visible!important;padding:0!important;background:none!important;box-shadow:none!important}
.sign__form--comments::before,.sign__form--comments::after{display:none!important}
.sign__btn::before{display:none!important}
.sign__btn{box-shadow:none!important;background:var(--ui-coral600)!important}
.sign__btn:hover{background:var(--ui-coral700)!important}
.cn-verdict__choices{display:flex!important;flex-wrap:wrap;gap:8px!important;grid-template-columns:none!important}
.cn-verdict__choice{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto!important;width:auto!important;min-height:44px;height:auto!important;padding-top:0!important;padding-bottom:0!important;white-space:nowrap}
/* Trang phim: neo #cn-promo không bị header cố định che; mobile khối ưu đãi nằm giữa lịch chiếu và bài viết */
#cn-promo{scroll-margin-top:84px}
@media (max-width:991.98px){.js-promo-slot #cn-promo{margin:32px 0 8px;scroll-margin-top:132px}}

/* Trang phim: "Bài viết về phim" dùng dòng bài viết chung (ảnh trái) */
.cn-movie-posts{margin-top:40px}
.ui-mposts{border-top:1px solid var(--ui-line)}
.ui-mposts .ui-prow:last-child{border-bottom:0}
/* Nút là thẻ <a>: theme cũ tô xanh link khi :focus/:active (vd "Xem thêm bài viết" sau khi bấm) */
a.ui-btn--s,a.ui-btn--s:focus,a.ui-btn--s:active,a.ui-btn--s:visited{color:var(--ui-text)}
a.ui-btn--p,a.ui-btn--p:focus,a.ui-btn--p:active,a.ui-btn--p:visited{color:#fff}
.btn-load-more .loadingoverlay,.btn-load-more+.loadingoverlay{background:rgba(255,255,255,.7)!important;border-radius:var(--ui-r)}

/* ---------- Modal chọn khu vực (#modal-regions) ---------- */
#modal-regions .modal-dialog{max-width:480px}
#modal-regions .modal-content{max-width:none!important;border:0!important;border-radius:var(--ui-r-lg)!important;box-shadow:0 20px 48px rgba(17,19,24,.18)!important;overflow:hidden}
.ui-rgm__head{padding:18px 20px 14px;border-bottom:1px solid var(--ui-line)}
.ui-rgm__bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.ui-rgm__title{margin:0;font-size:19px;font-weight:600;color:var(--ui-text)}
#modal-regions .btn-close{width:36px;height:36px;margin:-8px -8px -8px 0;padding:0;border-radius:var(--ui-r);background-size:14px;opacity:.6;box-shadow:none!important}
#modal-regions .btn-close:hover{opacity:1;background-color:var(--ui-bg2)}
.ui-rgm__search{position:relative;display:block;margin:0}
.ui-rgm__search .ui-i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--ui-text3);pointer-events:none}
#modal-regions .search-regions{width:100%!important;height:44px!important;margin:0!important;padding:0 14px 0 40px!important;border:1px solid var(--ui-line2)!important;border-radius:var(--ui-r)!important;background:#fff!important;font-size:15px!important;color:var(--ui-text)!important;box-shadow:none!important;outline:0}
#modal-regions .search-regions:focus{border-color:var(--ui-text)!important}
#modal-regions .search-regions::-webkit-search-cancel-button{display:none}
#modal-regions .modal-body{padding:6px 8px 10px!important;background:#fff!important}
#modal-regions .list-group{border:0!important;border-radius:0!important;gap:0}
#modal-regions .list-group-item{padding:0!important;border:0!important;background:none!important}
#modal-regions .region-item-modal{display:flex!important;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px!important;border-radius:var(--ui-r-sm)!important;color:var(--ui-text)!important;text-decoration:none!important;background:none!important}
#modal-regions .region-item-modal:hover{background:var(--ui-bg2)!important}
#modal-regions .region-info{display:flex;align-items:baseline;gap:10px;min-width:0}
#modal-regions .region-item-modal .item__title{font-size:15.5px!important;font-weight:500!important;color:var(--ui-text)!important}
#modal-regions .region-item-modal .item__category{font-size:13.5px!important;color:var(--ui-text3)!important}
#modal-regions .region-item-modal.is-current .item__title{font-weight:600!important}
#modal-regions .ui-rgm__ck{flex:0 0 auto;color:var(--ui-coral600)!important;width:18px;height:18px}
#modal-regions .region-item-modal:not(.is-current) .ui-rgm__ck{visibility:hidden}
.ui-rgm__none{margin:0;padding:16px 12px;font-size:14.5px;color:var(--ui-text2)}
@media (max-width:575.98px){
  #modal-regions .modal-dialog{margin:0;max-width:none;height:100%;align-items:stretch}
  #modal-regions .modal-content{height:100%;border-radius:0!important}
}

/* ---------- Modal Tìm rạp: rộng hơn, danh sách 2 cột trên desktop ---------- */
#modal-theaters .modal-dialog{max-width:860px}
#modal-theaters .modal-content{max-width:none!important;border-radius:var(--ui-r-lg)!important}
#modal-theaters .cn-theater-modal__filters{display:grid!important;grid-template-columns:1fr 1fr;gap:12px}
@media (min-width:992px){
  #modal-theaters .ui-thlist--one{grid-template-columns:1fr 1fr!important;column-gap:24px}
}
@media (max-width:575.98px){
  #modal-theaters .modal-dialog{margin:0;max-width:none;height:100%;min-height:100%}
  #modal-theaters .modal-content{height:100%;border-radius:0!important}
}
#modal-regions .region-item-modal .item__category{display:inline!important;width:auto!important;white-space:nowrap;margin:0!important}
#modal-regions .region-item-modal .item__category::before,#modal-regions .region-item-modal .item__category::after{display:none!important}
.ui-rgm__search .ui-i{z-index:2}

/* ---------- Modal giờ chiếu (#voucherModal): giữ bố cục banner Shopee trên cùng, đổi sang giao diện mới ---------- */
#voucherModal .modal-dialog{max-width:520px}
#voucherModal .modal-content{max-width:none!important;border:0!important;border-radius:var(--ui-r-lg)!important;box-shadow:0 20px 48px rgba(17,19,24,.18)!important;overflow:hidden}
#voucherModal .modal-header{padding:16px 20px!important;border-bottom:1px solid var(--ui-line)!important;background:#fff!important;border-radius:0!important}
#voucherModal .modal-title,#voucherModal .modal-title a{font-size:18px!important;font-weight:600!important;color:var(--ui-text)!important;text-decoration:none!important}
#voucherModal .modal-title a:hover{text-decoration:underline!important;text-underline-offset:3px}
#voucherModal .btn-close{width:36px;height:36px;margin:-8px -8px -8px auto!important;padding:0;border-radius:var(--ui-r);background-size:14px;opacity:.6;box-shadow:none!important}
#voucherModal .btn-close:hover{opacity:1;background-color:var(--ui-bg2)}
#voucherModal .modal-body{padding:20px!important;background:#fff!important}
.ui-vm__top{text-align:left}
.ui-vm__img{display:block;margin-bottom:14px}
.ui-vm__img img{display:block;width:100%;height:auto;border-radius:var(--ui-r)!important;margin:0!important}
.ui-vm__h{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--ui-text)}
.ui-vm__p{margin:0 0 14px;font-size:14.5px;line-height:1.55;color:var(--ui-text2)}
#voucherModal .ui-btn .ui-i{width:16px;height:16px}
.ui-vm__skip{margin-top:10px;height:44px}
/* Ưu đãi khớp suất (nạp AJAX) */
.cn-vm-promos{margin-top:16px!important;padding:14px!important;border-radius:var(--ui-r)!important;background:var(--ui-bg2)!important}
.cn-vm-promos__title{font-size:14.5px!important;font-weight:600!important;color:var(--ui-text)!important}
.cn-vm-promos__title svg{color:var(--ui-text2)!important}
.cn-vm-promos__price,.cn-vm-promos__note,.cn-vm-promos__sub{color:var(--ui-text2)!important}
.cn-vm-row{border:1px solid var(--ui-line)!important;border-radius:var(--ui-r)!important;box-shadow:none!important;color:var(--ui-text)!important}
.cn-vm-row:hover{border-color:var(--ui-text)!important;box-shadow:none!important}
.cn-vm-row__val{border-radius:var(--ui-r-sm)!important;background:var(--ui-coral50)!important;color:var(--ui-coral700)!important;font-weight:700!important}
.cn-vm-row--check .cn-vm-row__val{background:var(--ui-bg2)!important;color:var(--ui-text2)!important}
.cn-vm-row__txt b{font-weight:600!important}
.cn-vm-row__txt small{color:var(--ui-text2)!important}
.cn-vm-promos__all{color:var(--ui-text)!important;font-weight:500!important;text-decoration:underline!important;text-underline-offset:3px;text-decoration-color:var(--ui-line2)!important}
@media (max-width:575.98px){#voucherModal .modal-dialog{margin:12px}}
.cn-vm-promos__sub{text-transform:none!important;letter-spacing:0!important;font-size:13.5px!important;font-weight:500!important}

/* Phân trang Laravel (pagination::bootstrap-5) ở trang public: trung tính thay xanh Bootstrap, ẩn dòng "Showing x to y" tiếng Anh */
main.main nav .small.text-muted{display:none!important}
main.main .pagination{gap:6px;margin:0;flex-wrap:wrap}
main.main .pagination .page-link{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0 12px;border:1px solid var(--ui-line2)!important;border-radius:var(--ui-r)!important;background:#fff!important;color:var(--ui-text)!important;font-size:14.5px;font-weight:500;box-shadow:none!important}
main.main .pagination .page-link:hover{border-color:var(--ui-text)!important}
main.main .pagination .page-item.active .page-link{background:var(--ui-coral50)!important;border-color:var(--ui-coral600)!important;color:var(--ui-coral700)!important;font-weight:600}
main.main .pagination .page-item.disabled .page-link{color:var(--ui-text3)!important;background:var(--ui-bg2)!important;border-color:var(--ui-line)!important}
.ui-tabs .ui-tabs__link{display:inline-flex;align-items:center;gap:2px}.ui-tabs .ui-tabs__link .ui-i{color:var(--ui-text3)}

/* =====================================================================
   Thẻ ưu đãi kiểu VÉ (user yêu cầu 17/10): cuống + đường đục lỗ nét đứt + 2 vết khuyết tròn ở chỗ xé.
   Vết khuyết = vòng tròn cùng màu nền trang, viền cùng màu viền thẻ, thẻ overflow:hidden cắt một nửa.
   Nền chỗ đặt thẻ khác trắng thì đặt --ui-notch-bg trên phần tử cha.
   ===================================================================== */
/* Trang /khuyen-mai-ve-xem-phim, giá vé, modal: cuống bên trái */
.cn-promo{--tk-line:var(--ui-line2);position:relative;overflow:hidden!important;border:1px solid var(--tk-line)!important;border-radius:var(--ui-r-lg)!important}
.cn-promo:hover{--tk-line:var(--ui-text3);border-color:var(--tk-line)!important}
.cn-promo__benefit{position:relative!important;overflow:visible!important;background:var(--ui-coral50)!important;border-right:1.5px dashed var(--ui-line2)!important;border-image:none!important}
.cn-promo--combo .cn-promo__benefit,.cn-promo--merch .cn-promo__benefit{background:var(--ui-bg2)!important}
.cn-promo__benefit::before,.cn-promo__benefit::after{content:""!important;display:block!important;position:absolute!important;right:-13px!important;left:auto!important;width:24px!important;height:24px!important;border-radius:50%!important;background:var(--ui-notch-bg,#fff)!important;border:1px solid var(--tk-line)!important;box-shadow:none!important;transform:none!important;z-index:2}
.cn-promo__benefit::before{top:-13px!important;bottom:auto!important}
.cn-promo__benefit::after{bottom:-13px!important;top:auto!important}
.cn-promo__value{color:var(--ui-coral700)!important}
.cn-promo--combo .cn-promo__value,.cn-promo--merch .cn-promo__value{color:var(--ui-text)!important}

/* Trang chủ, trang phim: thẻ dọc, đường xé ngang phía trên dòng hạn dùng */
.ui-deal{--tk-line:var(--ui-coral100);position:relative;overflow:hidden;border-color:var(--tk-line)}
.ui-deal:hover{--tk-line:#F2B8B4;border-color:var(--tk-line)}
.ui-deal__f{position:relative;margin:14px -16px 0;padding:12px 16px 0;border-top:1.5px dashed #F2C7C4}
.ui-deal__f::before,.ui-deal__f::after{content:"";position:absolute;top:-13px;width:24px;height:24px;border-radius:50%;background:var(--ui-notch-bg,#fff);border:1px solid var(--tk-line)}
.ui-deal__f::before{left:-13px}
.ui-deal__f::after{right:-13px}
.ui-mside__deals .ui-deal__f{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}

/* ---------- Modal đăng nhập / đăng ký (#authModal) ---------- */
#authModal .modal-content{max-width:none!important;border:0!important;border-radius:var(--ui-r-lg)!important;box-shadow:0 20px 48px rgba(17,19,24,.18)!important;overflow:hidden}
#authModal .cn-auth-modal__header{padding:16px 20px 0!important;border:0!important;background:#fff!important}
#authModal .cn-auth-modal__title{font-size:19px;font-weight:600;color:var(--ui-text);letter-spacing:-.01em}
#authModal .btn-close{width:36px;height:36px;margin:-6px -8px -6px 0;padding:0;border-radius:var(--ui-r);background-size:14px;opacity:.6;box-shadow:none!important}
#authModal .btn-close:hover{opacity:1;background-color:var(--ui-bg2)}
#authModal .cn-auth-modal__body{padding:12px 20px 20px!important;background:#fff!important}
#authModal .cn-auth-modal__seg{display:flex;gap:24px;margin:0 0 20px;padding:0;background:none;border:0;border-bottom:1px solid var(--ui-line);border-radius:0}
#authModal .cn-auth-modal__tab{position:relative;flex:0 0 auto;padding:10px 0;border:0;border-radius:0;background:none!important;box-shadow:none!important;font-size:15px;font-weight:500;color:var(--ui-text2)}
#authModal .cn-auth-modal__tab:hover{color:var(--ui-text)}
#authModal .cn-auth-modal__tab.active{color:var(--ui-text);font-weight:600}
#authModal .cn-auth-modal__tab.active::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:1px;background:var(--ui-coral)}
#authModal .cn-auth-modal__field{margin-bottom:12px}
#authModal .cn-auth-modal__label{margin-bottom:6px;font-size:14px;font-weight:500;color:var(--ui-text)}
#authModal .cn-auth-modal__input{height:44px;padding:0 14px;border:1px solid var(--ui-line2);border-radius:var(--ui-r);font-size:15px;color:var(--ui-text);background:#fff;box-shadow:none}
#authModal .cn-auth-modal__input::placeholder{color:var(--ui-text3)}
#authModal .cn-auth-modal__input:focus{border-color:var(--ui-text);box-shadow:none;outline:0}
#authModal .cn-auth-modal__input[aria-invalid="true"]{border-color:var(--ui-coral600)}
#authModal .cn-auth-modal__field-err{min-height:0;margin-top:4px;font-size:13px;font-weight:500;color:var(--ui-coral700)}
#authModal .cn-auth-modal__field-err:empty{display:none}
#authModal .cn-auth-modal__row{margin:4px 0 16px}
#authModal .cn-auth-modal__check{min-height:0;font-size:14px;color:var(--ui-text2)}
#authModal .cn-auth-modal__link{font-size:14px;font-weight:500;color:var(--ui-text2);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--ui-line2)}
#authModal .cn-auth-modal__link:hover{color:var(--ui-text);text-decoration-color:var(--ui-text2)}
#authModal .cn-auth-modal__err{margin-bottom:12px;padding:10px 12px;border:1px solid var(--ui-coral100);border-radius:var(--ui-r);background:var(--ui-coral50);color:var(--ui-coral700);font-size:14px;font-weight:500}
#authModal .cn-auth-modal__submit{height:48px;padding:0 24px;border-radius:var(--ui-r);background:var(--ui-coral600);box-shadow:none;font-size:15px;font-weight:600;transition:background .15s}
#authModal .cn-auth-modal__submit:hover{background:var(--ui-coral700);transform:none;box-shadow:none}
#authModal .cn-auth-modal__switch{margin:16px 0 0;padding:0;border:0;font-size:14px;color:var(--ui-text2)}
#authModal .cn-auth-modal__switch-btn{font-size:14px;font-weight:600;color:var(--ui-text);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--ui-line2)}
#authModal .cn-auth-modal__switch-btn:hover{text-decoration-color:var(--ui-text2)}
@media (max-width:575.98px){
  #authModal .modal-dialog{max-width:none!important;margin:0;min-height:100%;display:flex;align-items:flex-end}
  #authModal .modal-content{border-radius:var(--ui-r-lg) var(--ui-r-lg) 0 0!important;padding-bottom:env(safe-area-inset-bottom)}
  #authModal.fade .modal-dialog{transform:translateY(24px)}
  #authModal.show .modal-dialog{transform:none}
}

/* Ô chọn: option có ảnh (poster phim) / dòng phụ (số rạp, nhãn tuổi) - data-img / data-sub trên <option> */
.ui-dd__t{flex:1;min-width:0;display:flex;align-items:baseline;gap:8px}
.ui-dd__t>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.ui-dd__t small{flex:0 0 auto;font-size:13px;font-weight:400;color:var(--ui-text3)}
.ui-dd__img{flex:0 0 auto;width:28px;height:42px;border-radius:var(--ui-r-xs);object-fit:cover;background:var(--ui-bg3)}
.ui-dd__opt:has(.ui-dd__img){padding-top:6px;padding-bottom:6px}
.ui-dd__opt:has(.ui-dd__img) .ui-dd__t{flex-direction:column;align-items:flex-start;gap:1px}
.ui-dd__search input:focus{border-color:var(--ui-text2)}