/* =========================================================
 * MOTCHILL MOBILE FINAL OVERRIDES  v1.4.78  (2026-04-10)
 * ---------------------------------------------------------
 * Purpose:
 *   Single source of truth for watch-page mobile/tablet.
 *
 * Scope:
 *   - @media (max-width: 743px) + nested ≤480
 *   - single-ophim related: ≤1024 / ≤640
 *   - tablet single: 744–1180
 *   - @media (max-width: 360px)
 *
 * Maintenance rules:
 *   1) Add new watch mobile rules HERE first.
 *   2) Do NOT duplicate same selector in responsive-v2.css.
 *   3) If selector moved here, remove old duplicate from legacy file.
 *   4) Chuẩn responsive: 480 | 743 | 744 | 1024 | 1180 - gộp media, tránh trùng.
 * ========================================================= */
/* [LEGACY-MOVED] migrated from motchill-responsive-v2.css */
@media (max-width: 743px) {

  /* ========== [MOBILE-FIX] Chống tràn, bố cục gọn đẹp cho trang thông tin + xem phim ========== */
  html,
  body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  html *,
  html *::before,
  html *::after {
    box-sizing: border-box !important;
  }

  #main,
  .main,
  .content-area,
  .site-content,
  .ophim-wrap {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Trang thông tin + xem phim: đồng bộ container */
  body.single-ophim #main,
  body.single-ophim .main,
  body.single-ophim .content-area,
  body.single-ophim .ophim-wrap {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  .container,
  .motchill-header .container,
  body .container,
  html body .container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
  }

  /* Bố cục theo demo: Logo trên cùng → 3 nút → Hamburger + Search */
  html body .motchill-header .motchill-top-bar {
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    grid-template-rows: auto auto auto !important;
    align-items: center !important;
    gap: 0 !important;
    row-gap: 10px !important;
    position: relative !important;
    padding: 12px 14px 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Hàng 1: Logo giữa, full width */
  html body .motchill-header .motchill-top-bar .motchill-logo {
    grid-row: 1 !important;
    grid-column: 1 / -1 !important;
    justify-self: center !important;
    display: flex !important;
    align-items: center !important;
  }

  html body .motchill-header .motchill-top-bar .motchill-logo a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  html body .motchill-header .motchill-top-bar .motchill-logo img {
    max-height: 38px !important;
    height: 38px !important;
    width: auto !important;
  }

  /* Hàng 3: Hamburger trái, Search phải */
  html body .motchill-header .motchill-top-bar .mobile-buttons {
    grid-row: 3 !important;
    grid-column: 1 !important;
    justify-self: start !important;
    display: flex !important;
    align-items: center !important;
  }

  html body .motchill-header .motchill-top-bar .mobile-search-button {
    grid-row: 3 !important;
    grid-column: 3 !important;
    justify-self: end !important;
    display: flex !important;
    align-items: center !important;
  }

  /* Hàng 2: Lịch sử - Yêu thích - Đăng nhập - căn giữa màn hình */
  html body .motchill-header .motchill-top-bar .motchill-user-actions {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    display: flex !important;
    visibility: visible !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
  }

  html body .motchill-header .motchill-top-bar .motchill-user-action {
    flex: 1 !important;
    min-width: 0 !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 3px !important;
    padding: 8px 6px !important;
    position: relative !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 8px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    transition: all 0.2s ease !important;
  }

  html body .motchill-header .motchill-top-bar .motchill-user-action i,
  html body .motchill-header .motchill-top-bar .motchill-user-action .motchill-user-avatar {
    font-size: 16px !important;
    color: inherit !important;
    opacity: 0.95 !important;
  }
  html body .motchill-header .motchill-top-bar .motchill-user-action .motchill-user-avatar {
    width: 24px !important;
    height: 24px !important;
    border-radius: 50%;
    object-fit: cover;
  }

  html body .motchill-header .motchill-top-bar .motchill-user-action span:not(.bookmark-count) {
    font-size: 10px !important;
    font-weight: 500 !important;
    opacity: 0.9 !important;
  }

  html body .motchill-header .motchill-top-bar .motchill-user-action .bookmark-count {
    position: absolute !important;
    top: 2px !important;
    right: 2px !important;
    font-size: 9px !important;
    background: #e91e63 !important;
  }

  html body .motchill-header .motchill-top-bar .motchill-user-action:hover {
    background: rgba(255, 255, 255, 0.12) !important;
  }

  /* Hàng 3: Hamburger & Search - hai đầu, gọn sạch */
  html body .motchill-header .motchill-top-bar .mobile-hamburger,
  html body .motchill-header .motchill-top-bar .mobile-search {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 8px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  html body .motchill-header .motchill-top-bar .mobile-hamburger .hamburger-lines span {
    background: rgba(255, 255, 255, 0.9) !important;
  }
  html body .motchill-header .motchill-top-bar .mobile-search i {
    font-size: 16px !important;
    color: inherit !important;
  }

  /* Header thu lại khi scroll: chỉ còn MENU-SEARCH - gọn nhưng thoáng 5-10px */
  html body .motchill-header.header-scrolled .motchill-top-bar {
    grid-template-rows: auto !important;
    row-gap: 0 !important;
    padding: 8px 12px !important;
    min-height: 0 !important;
    align-items: center !important;
    transition: padding 0.2s ease !important;
  }
  html body .motchill-header.header-scrolled .motchill-top-bar .container {
    padding: 0 !important;
    min-height: 0 !important;
  }
  html body .motchill-header.header-scrolled .motchill-logo,
  html body .motchill-header.header-scrolled .motchill-user-actions {
    display: none !important;
  }
  html body .motchill-header.header-scrolled .mobile-buttons {
    grid-row: 1 !important;
    grid-column: 1 !important;
  }
  html body .motchill-header.header-scrolled .mobile-search-button {
    grid-row: 1 !important;
    grid-column: 3 !important;
  }
  html body .motchill-header.header-scrolled .mobile-hamburger,
  html body .motchill-header.header-scrolled .mobile-search {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
  }
  html body .motchill-header.header-scrolled .mobile-hamburger .hamburger-lines span {
    height: 2px !important;
  }
  html body .motchill-header.header-scrolled .mobile-search i {
    font-size: 13px !important;
  }
  html body .motchill-header.header-scrolled {
    min-height: 48px !important;
    padding: 0 !important;
    transition: min-height 0.2s ease !important;
  }
  body.header-scrolled {
    padding-top: 48px !important;
    transition: padding-top 0.2s ease !important;
  }

  .motchill-search-section,
  .motchill-nav {
    display: none !important;
  }

  .mobile-nav {
    display: none !important;
  }

  .mobile-sidebar .mobile-nav {
    display: block !important;
  }

  .mobile-search-container {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Mobile: header 3 hàng - cân đối khoảng cách (giảm chút tránh dư trên) */
  :root {
    --header-height: 135px !important;
  }
  body {
    padding-top: 135px !important;
  }

  /* Trang chủ mobile: padding cho header, tránh menu che wg slide */
  body.home {
    padding-top: var(--header-height) !important;
  }

  /* Trang Lịch sử, Yêu thích & Tài khoản: body đã có padding-top, bỏ padding thừa */
  body.page-template-page-yeu-thich-php .favorite-page-container,
  body.page-template-page-lich-su-php .history-page-container,
  body.page-tai-khoan .motchill-account-container {
    padding-top: 20px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  /* Header + slide liền mạch - cùng nền #0a0a0a, không tách biệt */
  body.home .motchill-homepage,
  body.home .homepage-slider-full,
  body.home .homepage-one-slide {
    background: #0a0a0a !important;
  }

  /* Fix khoảng trống 2 bên mobile: bỏ padding trái phải */
  body.home .homepage-slider-full,
  body.home .homepage-one-slide,
  body.home .homepage-slider-full .container,
  body.home .homepage-container .container {
    padding: 0 !important;
  }
  body.home .homepage-main {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body.home .homepage-section {
    padding: 0 0 15px 0 !important;
  }
  body.home .motchill-slider-header,
  body.home .motchill-slider .motchill-slider-header,
  body.home .motchill-slider,
  body.home .motchill-slider .motchill-slider-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.home .motchill-slider-header,
  body.home .motchill-slider .motchill-slider-header {
    border-bottom: none !important;
    margin-top: 0 !important;
  }
  body.home .motchill-slider-title {
    border-bottom: none !important;
  }

  body.home .homepage-layout {
    padding: 0 !important;
  }

  body.home .homepage-container {
    padding: 30px 0 0 0 !important;
  }

  body.home .homepage-container .container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }

  body.home .container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }

  .mobile-buttons,
  .mobile-search-button {
    display: flex !important;
  }

  .mobile-search-container {
    display: block !important;
    position: relative !important;
    z-index: 2000 !important;
  }

  /* [J0] Single info page mobile — full width, compact poster, rating, trailer */
  html body.single-ophim .container {
    padding: 0 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  html body.single-ophim .content-wrapper,
  html body.single-ophim .left-content,
  html body.single-ophim .content-wrapper .right-content {
    display: block !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    width: 100% !important;
  }

  html body.single-ophim .movie-hero-section-motchill {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 12px !important;
    padding: 16px 12px 14px !important;
    margin-bottom: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  html body.single-ophim .movie-poster-motchill {
    width: min(280px, 85vw) !important;
    max-width: min(280px, 85vw) !important;
    flex: none !important;
    aspect-ratio: 1.9 / 1 !important;
    height: auto !important;
    margin: 0 !important;
    position: relative !important;
    align-self: center !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4) !important;
  }

  html body.single-ophim .movie-poster-motchill img,
  html body.single-ophim .movie-poster-motchill .movie-poster-desktop,
  html body.single-ophim .movie-poster-motchill .movie-poster-mobile {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1.9 / 1 !important;
    object-fit: cover !important;
    display: block !important;
  }

  html body.single-ophim .movie-poster-motchill .movie-poster-desktop {
    display: none !important;
  }

  html body.single-ophim .movie-poster-motchill .movie-poster-mobile {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
  }

  html body.single-ophim .movie-title-motchill {
    font-size: clamp(22px, 5.5vw, 28px) !important;
    font-weight: 700 !important;
    color: #fff !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    max-width: 100% !important;
  }

  html body.single-ophim .movie-subtitle-motchill {
    font-size: clamp(14px, 3.5vw, 18px) !important;
    opacity: 0.75 !important;
    color: #aaa !important;
  }

  body.single-ophim .poster-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: transparent !important;
    z-index: 4 !important;
    pointer-events: none !important;
  }

  body.single-ophim .rating-badge {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: #fff !important;
    font-weight: 700 !important;
    padding: 6px 12px !important;
    font-size: 12px !important;
    border-radius: 999px !important;
    box-shadow: 0 3px 10px rgba(102, 126, 234, 0.35) !important;
    z-index: 6 !important;
    pointer-events: auto !important;
  }

  body.single-ophim .rating-badge::before {
    content: "★" !important;
    color: #ffd54f !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-family: Arial, sans-serif !important;
    font-weight: 700 !important;
    display: inline-block !important;
    margin-right: 1px !important;
  }

  body.single-ophim .rating-star {
    display: none !important;
  }

  /* poster desktop/mobile — already in [J0] (html body), no duplicate */

  body.single-ophim .btn-trailer-poster {
    position: absolute !important;
    left: 14px !important;
    right: 14px !important;
    bottom: 14px !important;
    transform: none !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 10px 16px !important;
    font-size: 13px !important;
    border-radius: 12px !important;
    gap: 6px !important;
    justify-content: center !important;
    z-index: 5 !important;
    display: flex !important;
  }

  body.single-ophim .btn-trailer-poster i {
    font-size: 15px !important;
  }

  .homepage-main .list-films ul,
  .homepage-layout .homepage-main .list-films ul,
  body .homepage-main .list-films ul,
  .list-films ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: var(--gap-sm) !important;
  }

  .homepage-main .list-films .item,
  .homepage-layout .homepage-main .list-films .item,
  body .homepage-main .list-films .item,
  .list-films .item {
    float: none !important;
    width: calc((100% - var(--gap-sm)) / 2) !important;
    max-width: calc((100% - var(--gap-sm)) / 2) !important;
    box-sizing: border-box !important;
    position: relative !important;
  }

  body.tax-ophim_categories .list-films ul,
  body.tax-ophim_genres .list-films ul,
  body.tax-ophim_regions .list-films ul,
  body.tax-ophim_years .list-films ul,
  body.tax .list-films ul,
  body.archive .full-width-content .list-films ul,
  body.search .full-width-content .list-films ul,
  body.search .list-films ul,
  .full-width-content .list-films ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: var(--gap-sm) !important;
    justify-content: flex-start !important;
  }

  body.tax-ophim_categories .list-films ul li.item,
  body.tax-ophim_genres .list-films ul li.item,
  body.tax-ophim_regions .list-films ul li.item,
  body.tax-ophim_years .list-films ul li.item,
  body.tax .list-films ul li.item,
  body.archive .full-width-content .list-films ul li.item,
  body.search .full-width-content .list-films ul li.item {
    margin-right: 0 !important;
  }

  body.tax-ophim_categories .list-films ul li.item:nth-child(2n),
  body.tax-ophim_genres .list-films ul li.item:nth-child(2n),
  body.tax-ophim_regions .list-films ul li.item:nth-child(2n),
  body.tax-ophim_years .list-films ul li.item:nth-child(2n),
  body.tax .list-films ul li.item:nth-child(2n),
  body.archive .full-width-content .list-films ul li.item:nth-child(2n),
  body.search .full-width-content .list-films ul li.item:nth-child(2n) {
    margin-right: 0 !important;
  }

  body.tax-ophim_categories .list-films .item,
  body.tax-ophim_genres .list-films .item,
  body.tax-ophim_regions .list-films .item,
  body.tax-ophim_years .list-films .item,
  body.tax .list-films .item,
  body.archive .full-width-content .list-films .item,
  body.search .full-width-content .list-films .item,
  body.search .list-films .item,
  .full-width-content .list-films .item {
    width: calc((100% - var(--gap-sm)) / 2) !important;
    max-width: calc((100% - var(--gap-sm)) / 2) !important;
    flex: 0 0 calc((100% - var(--gap-sm)) / 2) !important;
    margin: 0 !important;
    margin-bottom: var(--gap-sm) !important;
    position: relative !important;
  }

  body.tax-ophim_categories .list-films.film-new .item,
  body.tax-ophim_genres .list-films.film-new .item,
  body.tax-ophim_regions .list-films.film-new .item,
  body.tax-ophim_years .list-films.film-new .item,
  body.tax .list-films.film-new .item,
  body.archive .full-width-content .list-films.film-new .item,
  body.search .list-films.film-new .item {
    margin: 0 !important;
    margin-bottom: var(--gap-sm) !important;
  }

  body.tax-ophim_categories .list-films .item img,
  body.tax-ophim_genres .list-films .item img,
  body.tax-ophim_regions .list-films .item img,
  body.tax-ophim_years .list-films .item img,
  body.tax .list-films .item img,
  body.archive .full-width-content .list-films .item img,
  body.search .list-films .item img,
  body.search .full-width-content .list-films .item img {
    width: 100% !important;
    aspect-ratio: 2 / 3 !important;
    height: auto !important;
  }

  .motchill-footer .footer-inner {
    padding: 30px 15px 15px;
  }

  .motchill-footer .vietnam-flag {
    padding: 6px 12px;
    font-size: 13px;
  }

  .motchill-footer .footer-socials {
    gap: 6px;
  }

  .motchill-footer .footer-social {
    width: 32px;
    height: 32px;
  }

  .motchill-footer .footer-social i {
    font-size: 14px;
  }

  .motchill-footer .footer-links {
    gap: 16px;
  }

  .motchill-footer .footer-desc {
    font-size: 13px;
    text-align: left;
  }

  html body.single-ophim .content-wrapper .right-content {
    display: block !important;
    flex: none !important;
    max-width: 100% !important;
    width: 100% !important;
    order: 3 !important;
    margin-top: 0 !important;
    padding: 0 15px !important;
  }

  .motchill-slider {
    margin: 8px 0 0 0 !important;
    padding-top: 50px !important;
    max-height: none !important;
    overflow: visible !important;
  }
  .motchill-slider-header,
  .motchill-slider .motchill-slider-header {
    margin-top: 0 !important;
    padding-top: 8px !important;
    padding-bottom: 12px !important;
    min-height: 44px !important;
    overflow: visible !important;
  }
  .motchill-slider-title,
  .motchill-slider .motchill-slider-title {
    line-height: 1.4 !important;
    overflow: visible !important;
  }

  /* Slide poster mobile: 2 item 1 lần - mỗi item ~50% viewport */
  .motchill-slider .motchill-slider-item {
    flex: 0 0 calc(50% - 8px) !important;
    width: calc(50% - 8px) !important;
    min-width: calc(50% - 8px) !important;
    max-width: calc(50% - 8px) !important;
  }
  .motchill-slider .motchill-slider-item .poster-container {
    min-height: 170px !important;
    max-height: 248px !important;
    aspect-ratio: 2 / 3 !important;
  }

  /* Số vàng to hơn trên mobile */
  .motchill-slider .motchill-slider-item .ranking-number-new {
    font-size: 44px !important;
    width: 50px !important;
    min-width: 50px !important;
  }
  .motchill-slider .motchill-slider-item .vietnamese-title {
    font-size: 13px !important;
    max-width: min(42vw, 120px) !important;
  }
  .motchill-slider .motchill-slider-item .english-title {
    font-size: 11px !important;
  }
  .motchill-slider .motchill-slider-item .current-episode {
    font-size: 11px !important;
  }
  .motchill-slider .motchill-slider-item .language-info {
    font-size: 10px !important;
  }
  .motchill-slider .motchill-slider-item .motchill-info {
    min-height: 58px !important;
    padding: 6px 4px !important;
  }
  .motchill-slider .motchill-slider-item .movie-details {
    gap: 4px !important;
  }

  /* [A1] Breadcrumb — vẫn thoáng trên mobile (base: motchill-breadcrumbs.css) */
  .motchill-breadcrumbs,
  html body.single-ophim .breadcrumbs,
  body.single-ophim .container:not(.motchill-watch-container) .breadcrumbs,
  .motchill-watch-container .breadcrumbs {
    padding: 12px 16px !important;
    margin-top: 28px !important;
    margin-bottom: 18px !important;
    font-size: 13px !important;
    gap: 4px 8px !important;
  }

  .motchill-breadcrumbs li:not(:last-child)::after,
  html body.single-ophim .breadcrumbs li:not(:last-child)::after {
    margin-left: 10px !important;
  }

  .motchill-breadcrumbs a,
  html body.single-ophim .breadcrumbs a {
    padding: 5px 6px !important;
    margin: -5px -6px !important;
  }

  .motchill-breadcrumbs li span,
  html body.single-ophim .breadcrumbs li span {
    display: inline-block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .motchill-breadcrumbs li:nth-last-child(2),
  html body.single-ophim .breadcrumbs li:nth-last-child(2) {
    max-width: min(44vw, 220px) !important;
  }

  .motchill-breadcrumbs li.active,
  html body.single-ophim .breadcrumbs li.active {
    max-width: fit-content !important;
    flex: 0 0 auto !important;
  }

  .motchill-breadcrumbs li .fa-home,
  html body.single-ophim .breadcrumbs li .fa-home {
    font-size: 11px !important;
  }

  /* Tập phim: Luôn hiển thị section chọn tập (1 Tập, 2 Tập, ...) */
  html body.single-ophim .combined-content-section,
  html body.single-ophim .episodes-section-motchill {
    display: block !important;
    visibility: visible !important;
  }

  html body.single-ophim .motchill-episodes-grid {
    display: grid !important;
  }

  /* Đồng bộ với desktop: cùng style nút tập trên trang xem phim */
  html body.single-ophim .motchill-episode-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 10px !important;
    min-height: 45px !important;
    background: rgba(255, 255, 255, 0.05) !important;
    color: #fff !important;
    border: 2px solid transparent !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
  }

  html body.single-ophim .motchill-episode-card:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(102, 126, 234, 0.5) !important;
  }

  html body.single-ophim .motchill-episode-card.current {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    border-color: transparent !important;
    box-shadow: 0 3px 14px rgba(102, 126, 234, 0.5) !important;
  }

  html body.single-ophim .episodes-section-motchill .episodes-header {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  /* Ẩn nút < > trong Tập phim trên mobile */
  html body.single-ophim .episodes-section-motchill .episode-controls {
    display: none !important;
  }

  /* episode-grid-motchill (info phim): 3 tập / hàng trên mobile (≤743) */
  html body.single-ophim .episode-grid-motchill {
    grid-template-columns: repeat(3, 1fr) !important;
    max-height: 480px !important;
    gap: 8px !important;
  }

  html body.single-ophim .episode-card-motchill {
    padding: 8px 10px !important;
    font-size: 12px !important;
  }

  @media (max-width: 480px) {
    html body.single-ophim .episode-grid-motchill {
      max-height: 420px !important;
    }
  }

  html body.single-ophim .motchill-episodes-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
    max-height: 990px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 5px;
  }

  html body.single-ophim .motchill-episodes-grid::-webkit-scrollbar {
    width: 6px;
  }

  html body.single-ophim .motchill-episodes-grid::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 3px;
  }

  html body.single-ophim .motchill-episodes-grid::-webkit-scrollbar-thumb {
    background: rgba(102, 126, 234, 0.5);
    border-radius: 3px;
  }

  html body.single-ophim .motchill-episodes-grid::-webkit-scrollbar-thumb:hover {
    background: rgba(102, 126, 234, 0.8);
  }

  /* Phân trang ophim_pagination — chỉ tinh chỉnh touch, không ép cột (đã có motchill-pagination-modern.css) */
  .ophim-pagination-modern {
    padding: 14px 12px;
    gap: 12px;
  }

  .pagination-btn {
    width: 40px;
    height: 40px;
  }

  .pagination-btn svg {
    width: 17px;
    height: 17px;
  }

  .pagination-number {
    min-width: 40px;
    height: 40px;
    padding: 0 10px;
    font-size: 14px;
  }

  .pagination-input,
  .pagination-jump-input {
    width: 72px;
    height: 40px;
    font-size: 14px;
  }

  .pagination-go-btn {
    height: 40px;
    padding: 0 18px;
    font-size: 14px;
  }

  .pagination-jump {
    gap: 10px;
  }

  .pagination-jump > span {
    font-size: 13px;
  }

  /* Single hero: đồng bộ gap/padding với [K] (≤743) */
  html body.single-ophim .movie-hero-section-motchill {
    flex-direction: column !important;
    gap: 12px !important;
    padding: 16px 12px 14px !important;
    margin-bottom: 14px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }

  html body.single-ophim .movie-meta-motchill-inline {
    justify-content: center !important;
  }

  html body.single-ophim .action-buttons-motchill {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
  }

  html body.single-ophim .btn-motchill-primary {
    width: 100% !important;
  }

  html body.single-ophim .movie-meta-motchill {
    display: none !important;
  }

  html body.single-ophim .hero-tag-motchill {
    font-size: 12px !important;
    padding: 6px 12px !important;
    background: #333 !important;
    color: #fff !important;
    border-radius: 20px !important;
    text-decoration: none !important;
  }

  html body.single-ophim .action-buttons-motchill {
    gap: 12px !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
  }

  html body.single-ophim .btn-watch-motchill {
    padding: 12px 24px !important;
    font-size: 16px !important;
    background: linear-gradient(135deg, #3a47d5, #00d2ff) !important;
    color: #fff !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
  }

  html body.single-ophim .btn-favorite-motchill,
  html body.single-ophim .btn-share-phimus,
  html body.single-ophim .btn-report-motchill {
    width: 44px !important;
    height: 44px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 8px !important;
    color: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
  }

  html body.single-ophim .btn-favorite-motchill:hover,
  html body.single-ophim .btn-share-phimus:hover,
  html body.single-ophim .btn-report-motchill:hover {
    background: #667eea !important;
    border-color: #667eea !important;
  }

  /* Mô tả / tags / typography single-ophim: motchill-single-fix.css; related breakpoint ≤1024/640 + episode-grid: file này */

  /* container/content full width — defined in [J0], no duplicate */
  html body.single-ophim .content-wrapper .right-content {
    order: 3 !important;
    margin-top: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    padding: 0 !important;
  }

  html body.single-ophim .right-content .widget-area h3,
  html body.single-ophim .right-content .homepage-section h3 {
    color: #fff !important;
    font-size: 18px !important;
    margin-bottom: 15px !important;
    font-weight: 600 !important;
  }

  html body.single-ophim .left-content {
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .movie-info-toggle,
  .movie-info-grid,
  .movie-info-section>.movie-info-toggle,
  .movie-info-section>.movie-info-grid {
    display: none !important;
  }

  html body .movie-meta-motchill-inline {
    gap: 4px !important;
    margin-top: 6px !important;
    font-size: 11px !important;
    justify-content: center !important;
  }

  html body .meta-item-inline {
    gap: 3px !important;
    padding: 4px 8px !important;
    font-size: 11px !important;
  }

  html body .meta-item-inline i {
    font-size: 9px !important;
  }

  html body .meta-separator {
    font-size: 11px !important;
  }

  html body .meta-tmdb {
    padding: 4px 8px !important;
    font-size: 11px !important;
  }

  html body .meta-tmdb .meta-tmdb-star {
    font-size: 10px !important;
  }

  html body .meta-tmdb .meta-tmdb-brand {
    font-size: 9px !important;
  }

  html body .tmdb-icon {
    width: 12px !important;
    height: 12px !important;
    margin-right: 3px !important;
  }

  html body.single-ophim .hero-tag-motchill {
    display: inline-block;
    padding: 3px 8px;
    background: #333;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 16px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 9px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.25s ease;
  }

  html body.single-ophim .hero-tag-motchill:hover {
    background: rgba(79, 172, 254, 0.2);
    border-color: rgba(79, 172, 254, 0.5);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(79, 172, 254, 0.3);
  }

  html body.single-ophim .hero-tags-motchill {
    gap: 3px;
    margin-top: 4px;
    margin-bottom: 4px !important;
  }

  .motchill-info-section {
    margin-top: 6px !important;
  }

  .motchill-info-toggle {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    padding: 7px 12px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.25s ease;
  }

  .motchill-info-toggle:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.2);
  }

  .motchill-info-toggle .toggle-icon {
    margin-left: auto;
    transition: transform 0.3s ease;
  }

  .motchill-info-toggle.active .toggle-icon {
    transform: rotate(180deg);
  }

  .motchill-info-content {
    margin-top: 6px;
    padding: 8px;
    background: rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    animation: slideDown 0.3s ease;
  }

  @keyframes slideDown {
    from {
      opacity: 0;
      transform: translateY(-6px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .motchill-info-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .motchill-info-item {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 6px;
  }

  .motchill-info-label {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.5);
    font-weight: 400;
    white-space: nowrap;
    flex-shrink: 0;
  }

  .motchill-info-value {
    font-size: 11px;
    color: #fff;
    font-weight: 500;
    line-height: 1.3;
  }

  .motchill-info-value a {
    color: #4fc3f7;
    text-decoration: none;
    transition: all 0.2s ease;
    border-bottom: 1px solid transparent;
  }

  .motchill-info-value a:hover {
    color: #81d4fa;
    border-bottom-color: #4fc3f7;
  }

  .action-buttons-motchill-text {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 4px;
  }

  .secondary-buttons-group {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }

  .btn-motchill-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 11px 22px;
    background: linear-gradient(to right, #fb0, #e43603, #ff6290, #ff5000);
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.25s ease;
    box-shadow: 0 4px 12px rgba(79, 172, 254, 0.3);
    width: 100%;
  }

  .btn-motchill-primary:hover {
    background: linear-gradient(to right, #ff5000, #ff6290, #e43603, #fb0);
    box-shadow: 0 6px 20px rgba(255, 98, 144, 0.5);
    transform: translateY(-2px);
  }

  .btn-motchill-primary i {
    font-size: 14px;
  }

  .btn-motchill-secondary:hover {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.25);
    transform: translateY(-1px);
  }

  .btn-motchill-secondary i {
    font-size: 11px;
  }

  html body .motchill-rating-bottom {
    margin-top: 6px !important;
    padding: 6px 8px !important;
    overflow: hidden !important;
  }

  html body .motchill-rating-bottom-content {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    overflow: hidden !important;
    max-width: 100% !important;
  }

  html body .motchill-rating-bottom-label {
    font-size: 13px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }

  html body .motchill-rating-bottom-stars {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    flex-shrink: 1 !important;
    min-width: 0 !important;
  }

  html body .motchill-rating-bottom-star {
    font-size: 16px !important;
  }

  html body .motchill-rating-bottom-score {
    font-size: 16px !important;
    margin-left: 0 !important;
    flex-shrink: 0 !important;
  }

  html body .motchill-rating-bottom-slash,
  html body .motchill-rating-bottom-max {
    font-size: 12px !important;
  }

  html body .motchill-rating-bottom-votes {
    font-size: 11px !important;
    white-space: nowrap !important;
    margin-left: 0 !important;
    flex-shrink: 2 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    min-width: 0 !important;
    max-width: 120px !important;
  }

  html body .motchill-rating-bottom-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 16px !important;
    font-size: 13px !important;
    background: linear-gradient(135deg, #2196f3 0%, #1976d2 100%) !important;
    border: none !important;
    border-radius: 8px !important;
    color: #fff !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 6px rgba(33, 150, 243, 0.3) !important;
    margin-left: auto !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }

  html body .motchill-rating-bottom-btn:hover {
    background: linear-gradient(135deg, #42a5f5 0%, #1e88e5 100%) !important;
    box-shadow: 0 3px 8px rgba(33, 150, 243, 0.5) !important;
    transform: translateY(-1px) !important;
  }

  .motchill-actors-section {
    margin-top: 15px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 12px;
  }

  .motchill-section-title {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 12px;
  }

  .motchill-actors-slider {
    position: relative;
    padding: 0;
    margin: 0;
  }

  .motchill-actors-track {
    overflow: visible;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
  }

  html body.single-ophim .motchill-actors-section .motchill-actors-grid:not(.motchill-actors-grid-watch) {
    display: flex !important;
    flex-wrap: nowrap !important;
    grid-template-columns: unset !important;
    gap: 12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-behavior: smooth;
    padding: 8px 16px !important;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
    width: auto !important;
  }

  .motchill-actors-grid::-webkit-scrollbar {
    height: 6px;
  }

  .motchill-actors-grid::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
  }

  .motchill-actors-grid::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 3px;
    transition: background 0.2s;
  }

  .motchill-actors-grid::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.5);
  }

  .motchill-actor-card {
    min-width: 75px;
    max-width: 75px;
    flex-shrink: 0;
    text-align: center;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  .motchill-actor-link {
    display: block;
    text-decoration: none;
    transition: transform 0.3s ease;
  }

  .motchill-actor-link:hover {
    transform: translateY(-2px);
  }

  .motchill-actor-avatar {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 6px auto;
    position: relative;
    flex-shrink: 0;
  }

  .motchill-actor-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: none;
    transition: opacity .2s ease;
  }

  .motchill-actor-icon {
    font-size: 28px;
    color: rgba(255, 255, 255, 0.3);
  }

  .motchill-actor-name {
    font-size: 10px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.9);
    margin: 0;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .actors-nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    background: rgba(0, 0, 0, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 50%;
    color: #fff;
    font-size: 11px;
    cursor: pointer;
    transition: background 0.3s ease, border-color 0.3s ease;
    z-index: 15;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
  }

  .actors-nav-btn:hover:not(:disabled) {
    background: linear-gradient(to right, #ff5000, #ff6290, #e43603, #fb0);
    border-color: rgba(255, 255, 255, 0.3);
    transform: translateY(-50%) scale(1.05);
  }

  .actors-nav-btn:disabled {
    opacity: 0.25;
    cursor: not-allowed;
  }

  .actors-nav-btn:active {
    transform: translateY(-50%) scale(0.95);
  }

  .actors-prev {
    left: 0;
  }

  .actors-next {
    right: 0;
  }

  /* font-size from [J0]; only margin/line-height here to not override */
  html body.single-ophim .movie-title-motchill {
    margin-bottom: 3px !important;
    line-height: 1.15 !important;
  }

  html body.single-ophim .movie-subtitle-motchill {
    margin-bottom: 4px !important;
    opacity: 0.75 !important;
    color: #aaa !important;
    font-weight: 400 !important;
  }

  html body.single-ophim .movie-header {
    margin-bottom: 0 !important;
  }

  html body.single-ophim .hero-content-motchill {
    padding: 4px 0 !important;
    gap: 3px !important;
    text-align: center !important;
  }

  /* [A] Watch layout skeleton — chọn nguồn + chọn phần liền nhau, ô tìm tập xuống dưới */
  .motchill-episodes-section {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    align-items: center !important;
    margin-bottom: 12px !important;
    padding: 12px 10px !important;
    border-radius: 8px !important;
  }

  .motchill-episodes-header {
    order: 1 !important;
    flex: 0 0 auto !important;
    display: flex !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
  }

  .motchill-season-nav.motchill-season-nav--desktop,
  .motchill-watch-season-strip--mobile {
    order: 2 !important;
  }

  .episode-pagination {
    order: 10 !important;
    flex: 1 1 100% !important;
    width: 100% !important;
    display: block !important;
    margin: 0 !important;
  }

  .episode-pagination .episode-search {
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 6px 8px !important;
    margin: 0 0 10px 0 !important;
  }

  .episode-pagination .episode-search input {
    flex: 0 0 auto !important;
    width: 88px !important;
    max-width: min(108px, 30vw) !important;
    min-width: 72px !important;
    min-height: 36px !important;
    padding: 6px 8px !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    box-sizing: border-box !important;
  }

  .episode-pagination .episode-search button,
  .episode-pagination .episode-search button:not(.motchill-toggle-btn) {
    flex: 0 0 auto !important;
    padding: 6px 12px !important;
    font-size: 12px !important;
    min-height: 36px !important;
    height: auto !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  /* single-ophim: single-fix.css có specificity cao — lặp lại để mobile vẫn ô tìm gọn */
  html body.single-ophim .episode-pagination .episode-search {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 6px 8px !important;
    margin: 0 0 10px 0 !important;
  }

  html body.single-ophim .episode-pagination .episode-search input {
    flex: 0 0 auto !important;
    width: 88px !important;
    max-width: min(108px, 30vw) !important;
    min-width: 72px !important;
    min-height: 36px !important;
    padding: 6px 8px !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    box-sizing: border-box !important;
  }

  html body.single-ophim .episode-pagination .episode-search button:not(.motchill-toggle-btn) {
    flex: 0 0 auto !important;
    padding: 6px 12px !important;
    font-size: 12px !important;
    min-height: 36px !important;
    height: auto !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  .episode-pagination .pagination-tabs,
  #episodePaginationTabs {
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    align-items: center !important;
  }

  .episode-pagination .pagination-tabs .pagination-tab-btn,
  #episodePaginationTabs .pagination-tab-btn {
    width: auto !important;
    min-width: 74px !important;
    padding: 6px 10px !important;
    font-size: 12px !important;
    border-radius: 6px !important;
    justify-content: center !important;
    text-align: center !important;
    line-height: 1.2 !important;
  }

  .motchill-episodes-grid {
    order: 11 !important;
    flex: 1 1 100% !important;
    width: 100% !important;
  }

  /* [H] Header mobile - liền mạch với content, không tách biệt */
  .motchill-header {
    display: flex !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    padding: 0 !important;
    min-height: 60px !important;
    height: auto !important;
    border-bottom: none !important;
    background: #0a0a0a !important;
    box-shadow: none !important;
  }

  .motchill-header .container {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .motchill-header .motchill-top-bar {
    flex: 1 !important;
  }

  .motchill-header .header-left,
  .motchill-header .header-right {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
  }

  .motchill-header .header-right {
    gap: 10px !important;
  }

  .motchill-header .header-center {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 !important;
  }

  .mobile-menu-btn {
    display: block !important;
    background: none !important;
    border: none !important;
    color: #fff !important;
    font-size: 20px !important;
    cursor: pointer !important;
    padding: 5px !important;
  }

  .motchill-logo {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #667eea !important;
    text-decoration: none !important;
  }

  .search-icon {
    color: #fff !important;
    font-size: 18px !important;
    cursor: pointer !important;
    padding: 5px !important;
  }

  .motchill-watch-container {
    padding: 10px !important;
    margin: 0 !important;
    padding-top: 40px !important; /* body đã có 90px, thêm 40px là đủ */
    width: 100% !important;
    max-width: 100vw !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  .motchill-main-layout,
  .motchill-left-content,
  .motchill-right-sidebar,
  .motchill-player-section,
  .motchill-movie-info,
  .motchill-actors-section,
  .motchill-comments-section,
  .motchill-tags-section,
  .motchill-recommended-section {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  .motchill-main-layout {
    display: grid !important;
    grid-template-columns: 1fr !important;
    flex-direction: column !important;
    gap: 20px !important;
    margin-top: 14px !important;
  }

  .motchill-left-content {
    width: 100% !important;
    grid-column: 1 / -1 !important;
    order: 1 !important;
  }

  .motchill-right-sidebar {
    width: 100% !important;
    grid-column: 1 / -1 !important;
    order: 2 !important;
    margin-top: 0 !important;
  }

  /* Watch-page poster: thu nhỏ trên mobile */
  .motchill-movie-poster {
    width: min(140px, 32vw) !important;
    max-width: min(140px, 32vw) !important;
    aspect-ratio: 2 / 3 !important;
    margin: 0 auto 12px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
  }

  .motchill-movie-poster img {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 2 / 3 !important;
    object-fit: cover !important;
  }

  .motchill-movie-title-section {
    text-align: center !important;
    margin: 12px 0 10px !important;
    padding: 6px 8px !important;
  }

  .motchill-player-title {
    font-size: 18px !important;
    line-height: 1.25 !important;
    margin-bottom: 0 !important;
  }

  .motchill-player-section {
    margin-bottom: 0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: #000 !important;
  }

  .motchill-video-container {
    position: relative !important;
    width: 100% !important;
    height: 0 !important;
    padding-bottom: 56.25% !important;
    background: #000 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
  }

  .motchill-video-player {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  /* [W-MOVED] Thungphim controls mobile tuning */
  .thungphim-controls {
    padding: 15px !important;
  }

  .thungphim-controls-bottom {
    gap: 10px !important;
  }

  .thungphim-controls-left,
  .thungphim-controls-right {
    gap: 8px !important;
  }

  .thungphim-volume-slider {
    width: 60px !important;
  }

  .thungphim-time-display {
    font-size: 12px !important;
  }

  .thungphim-btn {
    padding: 6px !important;
  }

  .thungphim-btn svg {
    width: 18px !important;
    height: 18px !important;
  }

  .motchill-player-controls-section {
    padding: 8px !important;
    gap: 6px !important;
  }

  .motchill-controls-rating-row {
    flex-direction: column !important;
    gap: 12px !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
  }

  .motchill-server-controls {
    order: 1 !important;
    justify-content: center !important;
    width: 100% !important;
  }

  .motchill-rating-bottom {
    order: 2 !important;
    justify-content: center !important;
    width: 100% !important;
  }

  /* Thanh player-control (≤743): chỉ icon — desktop vẫn icon + chữ trong motchill-watch.css */
  .player-control.text-center.default .motchill-control-btn {
    padding: 6px 2px !important;
    min-width: 0 !important;
    height: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  .player-control.text-center.default .motchill-control-btn span:not(.motchill-toggle) {
    display: none !important;
  }

  .player-control.text-center.default .motchill-control-btn .motchill-toggle {
    font-size: 9px !important;
    padding: 2px 4px !important;
    margin-left: 0 !important;
  }

  .player-control.text-center.default .motchill-control-btn i {
    font-size: 17px !important;
    width: auto !important;
    height: auto !important;
    color: #fff !important;
    opacity: 1 !important;
  }

  .player-control.text-center.default .motchill-control-btn i[class*="-o"] {
    -webkit-text-stroke: 0.4px rgba(255, 255, 255, 0.45) !important;
  }

  .player-control.text-center.default {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0 !important;
    padding: 10px 4px !important;
    background: #080808 !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  .player-control.text-center.default::-webkit-scrollbar {
    display: none !important;
  }

  .player-control.text-center.default button {
    flex: 1 1 0 !important;
    min-width: 36px !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    border-radius: 0 !important;
    padding: 8px 2px !important;
    font-size: 0 !important;
    line-height: 0 !important;
    letter-spacing: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: none !important;
    color: #fff !important;
  }

  .player-control.text-center.default .btn-prev-ep,
  .player-control.text-center.default .btn-next-ep {
    font-size: 0 !important;
  }

  .player-control.text-center.default .btn-prev-ep i,
  .player-control.text-center.default .btn-next-ep i {
    font-size: 17px !important;
    line-height: 1 !important;
  }

  .player-control.text-center.default button i,
  .player-control.text-center.default button i.fa,
  .player-control.text-center.default button i[class^="fa-"],
  .player-control.text-center.default button i[class*=" fa-"] {
    font-size: 17px !important;
    width: auto !important;
    height: auto !important;
    line-height: 1 !important;
    display: inline-block !important;
    flex-shrink: 0 !important;
    color: #fff !important;
    opacity: 1 !important;
  }

  .player-control.text-center.default button i[class*="-o"] {
    -webkit-text-stroke: 0.4px rgba(255, 255, 255, 0.45) !important;
  }

  .player-control.text-center.default button span:not(.motchill-toggle) {
    display: none !important;
  }

  .player-control.text-center.default .motchill-favorite-btn.active,
  .player-control.text-center.default .motchill-control-btn.motchill-favorite-btn.active {
    background: transparent !important;
    border: none !important;
    color: #fb7185 !important;
  }
  .player-control.text-center.default .motchill-favorite-btn.active i,
  .player-control.text-center.default .motchill-favorite-btn.active span {
    color: #fb7185 !important;
    -webkit-text-stroke: 0 !important;
  }

  /* [B] Hide noisy controls on small screens */
  .motchill-toggle-btn,
  button.motchill-toggle-btn,
  .episode-search .motchill-toggle-btn {
    display: none !important;
    visibility: hidden !important;
  }

  .motchill-episode-thumbnail {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
  }

  /* [C] Trang xem: chỉ dropdown nguồn — ẩn hàng nút (scoped để không bị block watch tuning sau ghi đè display:flex) */
  .motchill-watch-lang-strip .motchill-language-selector {
    display: none !important;
  }

  .motchill-watch-lang-strip,
  .motchill-watch-season-strip {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px 10px !important;
    width: 100% !important;
    margin: 0 0 4px !important;
  }

  .motchill-watch-season-strip {
    margin: 0 0 6px !important;
  }

  .motchill-watch-season-strip--mobile {
    display: flex !important;
  }

  /* Hai class: specificity cao hơn .motchill-season-nav { display:flex } ở [D] bên dưới — tránh nút phần hiện lại trên mobile */
  .motchill-season-nav.motchill-season-nav--desktop {
    display: none !important;
  }

  .motchill-watch-lang-strip .motchill-season-nav-label,
  .motchill-watch-season-strip .motchill-season-nav-label {
    justify-content: flex-start !important;
    width: auto !important;
    flex: 0 0 auto !important;
    margin-bottom: 0 !important;
    font-size: 13px !important;
  }

  /* Ô dropdown full phần còn lại của hàng — bề rộng cố định theo layout, không nhảy khi .active */
  .motchill-watch-lang-strip .motchill-language-dropdown {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    width: auto !important;
    justify-content: stretch !important;
    display: flex !important;
    visibility: visible !important;
    pointer-events: auto !important;
    height: auto !important;
    overflow: visible !important;
  }

  /* Chọn phần: ô ôm chữ — không flex-grow (nhãn ngắn hơn chọn nguồn nên trước đó bị kéo rất rộng) */
  .motchill-watch-season-strip .motchill-season-dropdown {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: flex-start !important;
  }

  .motchill-watch-lang-strip .motchill-language-dropdown-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 14px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    border-width: 1px !important;
    border-style: solid !important;
    transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
  }

  .motchill-watch-season-strip .motchill-season-dropdown-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: max-content !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 14px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    border-width: 1px !important;
    border-style: solid !important;
    transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
  }

  .motchill-watch-lang-strip .motchill-language-dropdown-toggle:not(.active),
  .motchill-watch-season-strip .motchill-season-dropdown-toggle:not(.active) {
    border-color: rgba(255, 255, 255, 0.2) !important;
  }

  .motchill-watch-lang-strip .motchill-language-dropdown-toggle.active,
  .motchill-watch-season-strip .motchill-season-dropdown-toggle.active {
    font-weight: 600 !important;
    box-shadow: 0 3px 12px rgba(102, 126, 234, 0.45) !important;
  }

  .motchill-watch-lang-strip .motchill-language-dropdown-text {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
  }

  .motchill-watch-season-strip .motchill-season-dropdown-text {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    max-width: min(100%, 72vw) !important;
    text-align: left !important;
  }

  /* [W-MOVED] Toast notification compact on mobile */
  .motchill-notification-toast {
    top: 10px !important;
    right: 10px !important;
    left: 10px !important;
    font-size: 14px !important;
  }

  /* [A2] Watch info-lite compact mode */
  .motchill-movie-info {
    gap: 12px !important;
    padding: 12px !important;
    border-radius: 10px !important;
    margin-top: 2px !important;
  }

  .motchill-movie-details {
    gap: 8px !important;
    min-height: 0 !important;
  }

  .motchill-movie-title {
    font-size: 16px !important;
    line-height: 1.3 !important;
    margin-bottom: 2px !important;
  }

  .motchill-movie-subtitle {
    font-size: 12px !important;
    margin-bottom: 4px !important;
    opacity: 0.75 !important;
  }

  .motchill-movie-meta {
    gap: 6px !important;
    margin: 4px 0 !important;
  }

  .motchill-meta-item {
    font-size: 11px !important;
    padding: 3px 8px !important;
    border-radius: 6px !important;
    gap: 4px !important;
  }

  /* Button tập: Hoàn Tất (X/X) / Đang chiếu - luôn hiển thị trên trang thông tin phim */
  html body.single-ophim .episode-status-motchill {
    display: block !important;
    visibility: visible !important;
    margin-top: 8px !important;
    width: 100% !important;
  }

  .episode-status-motchill .status-text {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 10px 12px !important;
    font-size: 13px !important;
    border-radius: 999px !important;
    box-sizing: border-box !important;
  }

  .motchill-movie-description {
    margin-top: 10px !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
  }

  .motchill-movie-description p {
    margin: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important;
    line-clamp: 4 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  .motchill-movie-more-link {
    margin-top: 6px !important;
    font-size: 12px !important;
  }

  .motchill-language-dropdown {
    position: relative !important;
    display: flex !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    flex-shrink: 1 !important;
    justify-content: flex-start !important;
    align-items: center !important;
  }

  .motchill-season-dropdown {
    position: relative !important;
    display: flex !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    justify-content: flex-start !important;
    align-items: center !important;
  }

  .motchill-language-dropdown-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 6px 12px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 6px !important;
    color: #fff !important;
    font-size: 11px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    min-height: 32px !important;
    height: auto !important;
    line-height: 1.4 !important;
    min-width: 0 !important;
    width: max-content !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    flex-shrink: 1 !important;
    box-sizing: border-box !important;
  }

  .motchill-season-dropdown-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 6px 12px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 6px !important;
    color: #fff !important;
    font-size: 11px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    min-height: 32px !important;
    height: auto !important;
    line-height: 1.4 !important;
    min-width: 0 !important;
    width: max-content !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    flex-shrink: 1 !important;
    box-sizing: border-box !important;
  }

  .motchill-language-dropdown-text {
    white-space: nowrap !important;
    flex: 0 1 auto !important;
    flex-shrink: 1 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: min(100%, 72vw) !important;
  }

  .motchill-season-dropdown-text {
    white-space: nowrap !important;
    flex: 0 1 auto !important;
    flex-shrink: 1 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: min(100%, 72vw) !important;
  }

  .motchill-language-dropdown-toggle.active,
  .motchill-season-dropdown-toggle.active {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    border-color: transparent !important;
    color: #fff !important;
    font-weight: 600 !important;
    box-shadow: 0 3px 12px rgba(102, 126, 234, 0.45) !important;
  }

  .motchill-language-dropdown-arrow,
  .motchill-season-dropdown-arrow {
    font-size: 10px !important;
    transition: transform 0.2s ease !important;
  }

  .motchill-language-dropdown-toggle.active .motchill-language-dropdown-arrow,
  .motchill-season-dropdown-toggle.active .motchill-season-dropdown-arrow {
    transform: rotate(180deg) !important;
  }

  .motchill-language-dropdown-menu {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: auto !important;
    min-width: 100% !important;
    width: max-content !important;
    max-width: min(100vw - 24px, 420px) !important;
    z-index: 1000 !important;
    display: none !important;
    flex-direction: column !important;
    gap: 4px !important;
    margin-top: 4px !important;
    padding: 8px !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 8px !important;
    background: rgba(20, 20, 20, 0.95) !important;
    backdrop-filter: blur(10px) !important;
    box-sizing: border-box !important;
  }

  .motchill-season-dropdown-menu {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: auto !important;
    min-width: 100% !important;
    width: max-content !important;
    max-width: min(100vw - 24px, 420px) !important;
    z-index: 1001 !important;
    display: none !important;
    flex-direction: column !important;
    gap: 4px !important;
    margin-top: 4px !important;
    padding: 8px !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 8px !important;
    background: rgba(20, 20, 20, 0.95) !important;
    backdrop-filter: blur(10px) !important;
    box-sizing: border-box !important;
  }

  .motchill-language-dropdown-menu.show,
  .motchill-season-dropdown-menu.show {
    display: flex !important;
  }

  .motchill-language-dropdown-item,
  .motchill-season-dropdown-item {
    padding: 8px 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, 0.05) !important;
    color: #fff !important;
    font-size: 12px !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
  }

  .motchill-language-dropdown-item.active,
  .motchill-season-dropdown-item.active {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    border-color: transparent !important;
    color: #fff !important;
    font-weight: 600 !important;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.35) !important;
  }

  /* [D] Season navigator — đồng bộ cỡ nút với chọn nguồn (lang-btn) */
  .motchill-season-nav {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px 10px !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    margin: 10px 0 12px !important;
    text-align: left !important;
  }

  .motchill-season-nav-label {
    display: inline-flex !important;
    width: auto !important;
    flex: 0 0 auto !important;
    justify-content: flex-start !important;
    margin-bottom: 0 !important;
    font-size: 13px !important;
    opacity: 0.95 !important;
  }

  .motchill-season-list {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    gap: 8px !important;
    overflow: visible !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .motchill-season-chip {
    flex: 0 0 auto !important;
    padding: 8px 16px !important;
    min-height: 40px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .motchill-season-nav .motchill-season-more {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 6px auto 0 !important;
  }

  .motchill-season-nav.season-collapsed .season-extra {
    display: none !important;
  }

  .motchill-season-nav.season-expanded .season-extra {
    display: inline-flex !important;
  }

  /* [E] Touch target — đồng bộ với nút phần / nguồn */
  .motchill-server-btn,
  .motchill-season-btn,
  .motchill-lang-btn,
  .motchill-season-chip,
  .motchill-toggle-btn {
    min-height: 40px !important;
  }

  .motchill-video-container {
    touch-action: manipulation !important;
  }

  .motchill-actors-grid-watch,
  .motchill-recommended-grid {
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: thin !important;
  }

  .motchill-actors-grid-watch .motchill-actor-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }

  .motchill-actors-grid-watch .motchill-actor-avatar {
    margin: 0 auto 10px auto !important;
    flex-shrink: 0 !important;
  }

  .motchill-actors-grid-watch::-webkit-scrollbar,
  .motchill-recommended-grid::-webkit-scrollbar {
    height: 4px !important;
  }

  .motchill-actors-grid-watch::-webkit-scrollbar-track,
  .motchill-recommended-grid::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 2px !important;
  }

  .motchill-actors-grid-watch::-webkit-scrollbar-thumb,
  .motchill-recommended-grid::-webkit-scrollbar-thumb {
    background: rgba(102, 126, 234, 0.6) !important;
    border-radius: 2px !important;
  }

  .motchill-movie-title,
  .motchill-section-title {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
  }

  .motchill-episode-number,
  .motchill-actor-name,
  .motchill-recommended-title {
    font-weight: 600 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  }

  .motchill-loading-spinner {
    width: 40px !important;
    height: 40px !important;
  }

  .motchill-episode-card:focus,
  .motchill-server-btn:focus,
  .motchill-season-btn:focus,
  .motchill-lang-btn:focus {
    outline: 2px solid #667eea !important;
    outline-offset: 2px !important;
  }

  input,
  textarea,
  select {
    font-size: 16px !important;
  }

  /* Listing 2 cols - gộp chung block 743 */
  body.tax-ophim_categories .full-width-content .list-films .item,
  body.tax-ophim_categories .list-films .item,
  body.tax-ophim_genres .full-width-content .list-films .item,
  body.tax-ophim_genres .list-films .item,
  body.tax-ophim_regions .full-width-content .list-films .item,
  body.tax-ophim_regions .list-films .item,
  body.tax-ophim_years .full-width-content .list-films .item,
  body.tax-ophim_years .list-films .item,
  body.archive .full-width-content .list-films .item,
  body.archive .left-content .list-films .item,
  body.post-type-archive .left-content .list-films .item,
  body.post-type-archive-ophim .list-films .item,
  body.page-template-taxonomy-vietsub-php .list-films .item,
  .left-content .list-films .item,
  body.search .list-films .item,
  body.search .full-width-content .list-films .item,
  body.search .left-content .list-films .item,
  body.page-template-page-phim-moi-cap-nhat-php .homepage-main .list-films .item,
  body.page-template-page-phim-moi-php .homepage-main .list-films .item,
  body.page-template-page-phim-hot-php .homepage-main .list-films .item,
  body.page-template-page-phim-trending-php .homepage-main .list-films .item,
  body.page-template-page-phim-dang-chieu-php .homepage-main .list-films .item,
  body.page-template-page-phim-hoan-thanh-php .homepage-main .list-films .item,
  body.page-template-page-phim-dang-xem-php .homepage-main .list-films .item {
    flex: 0 0 calc((100% - 15px) / 2) !important;
    max-width: calc((100% - 15px) / 2) !important;
    width: calc((100% - 15px) / 2) !important;
  }
}

/* [PAGINATION/FILTER-MOBILE] migrated from motchill-pagination-modern.css */
@media (max-width: 640px) {
  .ophim-pagination-modern {
    padding: 14px 12px;
    gap: 14px;
  }

  .pagination-controls {
    flex-basis: 100%;
    order: 2;
  }

  .pagination-info {
    order: 1;
    width: 100%;
    text-align: center;
  }

  .pagination-jump {
    order: 3;
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 400px) {
  .pagination-btn,
  .pagination-number {
    width: 34px;
    min-width: 34px;
    height: 34px;
    font-size: 12px;
  }

  .pagination-number {
    padding: 0 6px;
  }
}

@media (max-width: 600px) {
  .form-filter {
    padding: 14px 12px;
    gap: 10px;
  }

  .form-filter .filter-item {
    flex: 1 1 calc(50% - 6px);
    min-width: calc(50% - 6px);
  }

  .form-filter .filter-submit-btn,
  .form-filter input.filter-submit-btn {
    width: 100%;
    justify-content: center;
  }
}

/* ========================================
   LISTING PAGES GRID - Chuẩn responsive: 1024 | 743 | 480 | 400
   TAX: 5 → 4 (tablet) → 2 (mobile) | Page-template: 3 → 2 → 1
   ======================================== */
@media (max-width: 1024px) and (min-width: 744px) {
  body.page-template-page-phim-moi-cap-nhat-php .homepage-main .list-films .item,
  body.page-template-page-phim-moi-php .homepage-main .list-films .item,
  body.page-template-page-phim-hot-php .homepage-main .list-films .item,
  body.page-template-page-phim-trending-php .homepage-main .list-films .item,
  body.page-template-page-phim-dang-chieu-php .homepage-main .list-films .item,
  body.page-template-page-phim-hoan-thanh-php .homepage-main .list-films .item,
  body.page-template-page-phim-dang-xem-php .homepage-main .list-films .item {
    flex: 0 0 calc((100% - 30px) / 3) !important;
    max-width: calc((100% - 30px) / 3) !important;
    width: calc((100% - 30px) / 3) !important;
  }
  body.tax-ophim_categories .full-width-content .list-films .item,
  body.tax-ophim_categories .list-films .item,
  body.tax-ophim_genres .full-width-content .list-films .item,
  body.tax-ophim_genres .list-films .item,
  body.tax-ophim_regions .full-width-content .list-films .item,
  body.tax-ophim_regions .list-films .item,
  body.tax-ophim_years .full-width-content .list-films .item,
  body.tax-ophim_years .list-films .item,
  body.archive .full-width-content .list-films .item,
  body.archive .left-content .list-films .item,
  body.post-type-archive .left-content .list-films .item,
  body.post-type-archive-ophim .list-films .item,
  body.page-template-taxonomy-vietsub-php .list-films .item,
  .left-content .list-films .item,
  body.search .list-films .item,
  body.search .full-width-content .list-films .item,
  body.search .left-content .list-films .item {
    flex: 0 0 calc((100% - 45px) / 4) !important;
    max-width: calc((100% - 45px) / 4) !important;
    width: calc((100% - 45px) / 4) !important;
  }
}

@media (max-width: 400px) {
  body.page-template-page-phim-moi-cap-nhat-php .homepage-main .list-films .item,
  body.page-template-page-phim-moi-php .homepage-main .list-films .item,
  body.page-template-page-phim-hot-php .homepage-main .list-films .item,
  body.page-template-page-phim-trending-php .homepage-main .list-films .item,
  body.page-template-page-phim-dang-chieu-php .homepage-main .list-films .item,
  body.page-template-page-phim-hoan-thanh-php .homepage-main .list-films .item,
  body.page-template-page-phim-dang-xem-php .homepage-main .list-films .item {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  body.tax-ophim_categories .full-width-content .list-films .item,
  body.tax-ophim_categories .list-films .item,
  body.tax-ophim_genres .full-width-content .list-films .item,
  body.tax-ophim_genres .list-films .item,
  body.tax-ophim_regions .full-width-content .list-films .item,
  body.tax-ophim_regions .list-films .item,
  body.tax-ophim_years .full-width-content .list-films .item,
  body.tax-ophim_years .list-films .item,
  body.archive .full-width-content .list-films .item,
  body.archive .left-content .list-films .item,
  body.post-type-archive .left-content .list-films .item,
  body.post-type-archive-ophim .list-films .item,
  body.page-template-taxonomy-vietsub-php .list-films .item,
  .left-content .list-films .item,
  body.search .list-films .item,
  body.search .full-width-content .list-films .item,
  body.search .left-content .list-films .item {
    flex: 0 0 calc((100% - 15px) / 2) !important;
    max-width: calc((100% - 15px) / 2) !important;
    width: calc((100% - 15px) / 2) !important;
  }

  /* [F] ≤400: header tập — không ép dropdown nguồn full hàng (trùng layout watch) */
  .motchill-episodes-header {
    flex-direction: column !important;
    gap: 8px !important;
  }
}

/* [G] Small-phone (<=480): slider + watch + widget/trailer + movie/actors */
@media (max-width: 480px) {

  .motchill-slider {
    margin: 0 0 50px 0 !important;
  }

  .motchill-slider .motchill-slider-item {
    flex: 0 0 calc(50% - 8px) !important;
    width: calc(50% - 8px) !important;
    min-width: calc(50% - 8px) !important;
    max-width: calc(50% - 8px) !important;
  }

  .motchill-slider .motchill-slider-item .poster-container {
    min-height: 160px !important;
    max-height: 225px !important;
    aspect-ratio: 2 / 3 !important;
  }

  /* Số vàng to hơn - màn hình nhỏ (480px) */
  .motchill-slider .motchill-slider-item .ranking-number-new {
    font-size: 40px !important;
    width: 46px !important;
    min-width: 46px !important;
  }
  .motchill-slider .motchill-slider-item .vietnamese-title {
    font-size: 12px !important;
    max-width: min(46vw, 115px) !important;
  }
  .motchill-slider .motchill-slider-item .english-title {
    font-size: 11px !important;
  }
  .motchill-slider .motchill-slider-item .current-episode {
    font-size: 11px !important;
  }
  .motchill-slider .motchill-slider-item .language-info {
    font-size: 10px !important;
  }
  .motchill-slider .motchill-slider-item .motchill-info {
    min-height: 66px !important;
    padding: 6px 4px !important;
  }
  .motchill-slider-title {
    font-size: 18px !important;
  }

  /* Watch tweaks */
  .motchill-episodes-section.collapsed .motchill-episodes-grid {
    max-height: 400px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    background: transparent !important;
  }

  .motchill-watch-container {
    padding: 8px !important;
    width: 100% !important;
    max-width: 100vw !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  .motchill-episodes-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 6px !important;
  }

  .motchill-episode-card {
    padding: 0 8px !important;
    min-height: 45px !important;
  }

  .motchill-episode-number {
    font-size: 12px !important;
  }

  .motchill-recommended-card {
    flex: 0 0 100px !important;
  }

  .motchill-recommended-thumbnail {
    width: 70px !important;
    height: 105px !important;
  }

  .motchill-actor-card {
    flex: 0 0 50px !important;
  }

  .motchill-actor-avatar {
    width: 45px !important;
    height: 45px !important;
  }

  .motchill-server-buttons {
    gap: 6px !important;
  }

  .motchill-server-btn {
    padding: 6px 12px !important;
    font-size: 11px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }

  .motchill-season-selector {
    gap: 6px !important;
  }

  .motchill-season-btn {
    padding: 8px 12px !important;
    font-size: 12px !important;
    min-width: 80px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
  }

  .thungphim-share-content {
    padding: 20px !important;
    max-width: 320px !important;
  }

  .thungphim-share-buttons {
    gap: 8px !important;
  }

  .thungphim-share-btn {
    min-width: 60px !important;
    padding: 10px 6px !important;
  }

  .thungphim-share-btn svg {
    width: 14px !important;
    height: 14px !important;
  }

  .thungphim-share-btn span {
    font-size: 8px !important;
  }

  /* Widget/trailer */
  .wg-tmdb-title {
    font-size: 16px;
  }

  .wg-tmdb-item {
    gap: 8px;
    padding: 8px;
  }

  .wg-tmdb-poster {
    width: 50px;
    height: 70px;
  }

  .wg-tmdb-movie-title {
    font-size: 14px;
  }

  .wg-tmdb-rank {
    width: 28px;
    height: 28px;
    font-size: 12px;
  }

  .trailer-compact-title {
    font-size: 16px;
  }

  .trailer-list-item {
    gap: 10px;
    padding: 8px;
  }

  .trailer-thumb {
    flex: 0 0 80px;
    height: 115px;
  }

  .trailer-movie-title {
    font-size: 13px;
  }

  .trailer-original-title {
    font-size: 11px;
  }

  .meta-item {
    font-size: 10px;
  }

  .badge-small {
    font-size: 9px;
    padding: 3px 6px;
  }

  .trailer-popup-header {
    padding: 12px 15px;
  }

  .trailer-popup-title {
    font-size: 16px;
  }

  /* Movie/single page & actors */
  .movie-poster {
    max-width: 220px !important;
    width: 220px !important;
  }

  .movie-title {
    font-size: 20px !important;
    margin-bottom: 8px !important;
  }

  .movie-subtitle {
    font-size: 14px !important;
  }

  .movie-info-item {
    font-size: 13px !important;
    padding: 4px 0 !important;
  }

  .watch-button {
    padding: 10px 20px !important;
    font-size: 15px !important;
  }

  .related-movies .list-films .item .name-title {
    font-size: 13px !important;
  }

  .motchill-actors-section {
    padding: 15px !important;
    margin: 10px 0 !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 10px !important;
  }

  .motchill-actors-grid {
    grid-template-columns: repeat(auto-fit, minmax(60px, 1fr)) !important;
    gap: 12px !important;
  }

  .motchill-actor-avatar {
    width: 50px !important;
    height: 50px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
  }

  .motchill-actor-name {
    font-size: 9px !important;
    height: 20px !important;
  }

  .motchill-actor-icon {
    font-size: 22px !important;
    color: rgba(255, 255, 255, 0.4) !important;
  }
}


/* [M] Tablet / mobile-wide (≤1180px) — search mobile/tablet (moved from motchill-style.css) */
@media (max-width: 1180px) {
  .mobile-search-button {
    flex: 0 0 var(--icon-size);
    z-index: 1002;
  }

  .mobile-search {
    width: var(--icon-size);
    height: var(--icon-size);
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    font-size: 16px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    z-index: 1002;
  }

  .mobile-search:hover {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.2);
    transform: scale(1.03);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
  }

  .mobile-search:active {
    transform: scale(0.95);
  }

  .mobile-search-results {
    max-height: 300px;
    overflow-y: auto;
    margin-top: 10px;
  }

  .mobile-search-result-item {
    display: flex;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    cursor: pointer;
    transition: background 0.2s;
  }

  .mobile-search-result-item:hover {
    background: rgba(136, 140, 153, 0.1);
  }

  .mobile-search-result-item img {
    width: 40px;
    height: 56px;
    object-fit: cover;
    border-radius: 4px;
    margin-right: 10px;
    flex-shrink: 0;
  }

  .mobile-search-result-item .info {
    flex: 1;
    min-width: 0;
  }

  .mobile-search-result-item .title {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .mobile-search-result-item .original-title {
    color: rgba(255, 255, 255, 0.58);
    font-size: 11px;
    margin-bottom: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .mobile-search-result-item .meta {
    display: flex;
    gap: 6px;
    font-size: 10px;
    color: rgba(255, 255, 255, 0.38);
  }

  .mobile-search-result-item .year {
    background: rgba(136, 140, 153, 0.2);
    padding: 1px 4px;
    border-radius: 2px;
  }

  .mobile-search-result-item .quality {
    background: rgba(255, 255, 255, 0.06);
    padding: 1px 4px;
    border-radius: 2px;
    color: rgba(255, 255, 255, 0.58);
  }

  .mobile-search-container {
    margin-left: 0;
    position: relative;
    z-index: 2000;
    display: block !important;
  }

  .mobile-search-dropdown {
    position: fixed;
    left: 12px;
    right: 12px;
    top: 110px;
    z-index: 2000;
    display: none;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    background: rgba(26, 26, 26, 0.95);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(102, 126, 234, 0.3);
    border-radius: 12px;
    padding: 15px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
  }

  .mobile-search-dropdown.active {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: translateY(0);
  }

  .mobile-search-input {
    width: 100%;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    padding: 12px 16px;
    color: #fff;
    font-size: 16px;
    transition: all 0.3s ease;
  }

  .mobile-search-input:focus {
    outline: none;
    border-color: #667eea;
    background: rgba(255, 255, 255, 0.15);
    box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.2);
  }

  .mobile-search-input::placeholder {
    color: rgba(255, 255, 255, 0.6);
  }

  .mobile-search-form {
    position: relative;
  }

  .mobile-search-input-group {
    display: flex;
    gap: 8px;
    align-items: center;
  }

  .mobile-search-submit {
    background: linear-gradient(135deg, #667eea, #764ba2);
    border: none;
    color: #fff;
    padding: 12px 16px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 16px;
    min-width: 50px;
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .mobile-search-submit:hover {
    filter: brightness(1.08);
    transform: scale(1.05);
  }

  .mobile-search-submit:active {
    transform: scale(0.95);
  }

  .mobile-search-close {
    position: absolute;
    top: 8px;
    right: 8px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    transition: all 0.3s ease;
    z-index: 10;
    opacity: 0.8;
  }

  .mobile-search-close:hover {
    background: rgba(102, 126, 234, 0.8);
    border-color: #667eea;
    opacity: 1;
  }

  /* [N] Widgets/trailer mobile: merged into main 743 block */
  .wg-tmdb-title {
    font-size: 18px;
  }

  .wg-tmdb-item {
    gap: 10px;
    padding: 10px;
  }

  .wg-tmdb-rank {
    width: 32px;
    height: 32px;
    font-size: 14px;
  }

  .trailer-compact-title {
    font-size: 18px;
  }

  .coming-soon-badge {
    font-size: 9px;
    padding: 4px 10px;
  }

  .trailer-list-item {
    gap: 12px;
    padding: 10px;
  }

  .trailer-thumb {
    flex: 0 0 90px;
    height: 130px;
  }

  .trailer-movie-title {
    font-size: 14px;
  }

  .trailer-popup-container {
    width: 95% !important;
    max-width: 700px !important;
  }

  /* [O] Legacy single/actors mobile compatibility: merged into main 743 block */
  .movie-poster-section {
    flex-direction: column !important;
    align-items: center !important;
    gap: 20px !important;
  }

  .movie-poster {
    flex: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 18px 0 !important;
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
    position: relative !important;
  }

  .movie-details {
    text-align: center !important;
    width: 100% !important;
  }

  .movie-info-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .movie-info-item {
    padding: 6px 0 !important;
    font-size: 14px !important;
  }

  .movie-title {
    font-size: 24px !important;
  }

  .movie-subtitle {
    font-size: 16px !important;
  }

  .watch-button {
    padding: 12px 25px !important;
    font-size: 16px !important;
  }

  body.single-ophim .movie-hero-section-motchill {
    flex-direction: column !important;
    text-align: center !important;
    align-items: stretch !important;
  }

  /* Header + content liền mạch - cùng nền phẳng #0a0a0a */
  .homepage-slider-full,
  .homepage-one-slide,
  .motchill-homepage {
    background: #0a0a0a !important;
  }

  .homepage-slider-full {
    margin-top: 0 !important;
    margin-bottom: 30px !important;
    padding: 0 15px 25px 15px !important;
  }

  .homepage-one-slide {
    margin-top: 0 !important;
  }

  /* Section title: bỏ viền xanh, gọn sạch - đảm bảo title hiện đủ */
  .motchill-slider-header,
  .motchill-slider .motchill-slider-header {
    border-bottom: none !important;
    padding-top: 8px !important;
    padding-bottom: 12px !important;
    margin-bottom: 6px !important;
    min-height: 44px !important;
    overflow: visible !important;
  }
  .motchill-slider-title,
  .motchill-slider .motchill-slider-title {
    border-bottom: none !important;
    padding-bottom: 0 !important;
    line-height: 1.4 !important;
    min-height: 1.4em !important;
    overflow: visible !important;
    visibility: visible !important;
  }
  .motchill-slider {
    margin-top: 8px !important;
    padding-top: 50px !important;
    margin-bottom: 60px !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .motchill-actors-slider {
    padding-right: 48px !important;
  }

  /* Trang thông tin phim (.movie-info-wrapper): layout 3 avatar + nút cố định — motchill-single-fix.css */
  html body.single-ophim .movie-info-wrapper .motchill-actors-section:not(.motchill-actors-watch-page) .motchill-actors-slider {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .motchill-actors-track {
    padding-top: 6px !important;
  }

  .motchill-actors-section {
    padding: 15px !important;
    margin: 10px 0 !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 10px !important;
  }

  .motchill-actors-grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 16px !important;
    scroll-snap-type: x mandatory !important;
    padding: 8px 16px !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .motchill-actors-grid::-webkit-scrollbar {
    height: 4px !important;
  }

  .motchill-actors-grid::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2) !important;
    border-radius: 4px !important;
  }

  /* Trang single khác / hero: giữ 3 cột tương đối; khối trong .movie-info-wrapper do motchill-single-fix.css (độ ưu tiên cao hơn) */
  html body.single-ophim .motchill-actors-section .motchill-actor-card {
    flex: 0 0 calc(33.333% - 10px) !important;
    min-width: 90px !important;
    scroll-snap-align: start !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  .motchill-actor-avatar,
  html body.single-ophim .motchill-actor-avatar {
    width: 80px !important;
    height: 80px !important;
    border-radius: 50% !important;
    /* Make it fully round for better look */
    overflow: hidden !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 2px solid rgba(255, 255, 255, 0.1) !important;
    margin: 0 auto 8px auto !important;
  }

  html body.single-ophim .motchill-actor-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  html body.single-ophim .motchill-actor-name {
    font-size: 13px !important;
    text-align: center !important;
    word-break: break-word !important;
    white-space: normal !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  .motchill-actor-name {
    font-size: 10px !important;
    height: 24px !important;
  }

  .motchill-actor-icon {
    font-size: 24px !important;
    color: rgba(255, 255, 255, 0.4) !important;
  }

  /* [S] Mobile sidebar - gộp chung block 1180 */
  .mobile-sidebar {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 300px;
    background: linear-gradient(160deg, #1a1a1a 0%, #0d0d0d 50%, #000000 100%);
    border-right: 3px solid #667eea;
    transform: translateX(-100%);
    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 1900;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 10px 0 40px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(102, 126, 234, 0.3) inset;
    backdrop-filter: blur(20px);
  }

  .mobile-sidebar::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 200px;
    background: linear-gradient(180deg, rgba(102, 126, 234, 0.15) 0%, transparent 100%);
    pointer-events: none;
    z-index: 0;
  }

  .mobile-sidebar.active {
    transform: translateX(0);
  }

  .mobile-sidebar::-webkit-scrollbar {
    width: 6px;
  }

  .mobile-sidebar::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.3);
  }

  .mobile-sidebar::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #667eea 0%, #764ba2 100%);
    border-radius: 3px;
  }

  .mobile-sidebar::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #764ba2 0%, #667eea 100%);
  }

  .mobile-overlay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.85);
    display: none;
    z-index: 1850;
    backdrop-filter: blur(10px);
    transition: all 0.4s ease;
    opacity: 0;
  }

  .mobile-overlay.active {
    display: block;
    opacity: 1;
    animation: fadeInOverlay 0.4s ease;
  }

  @keyframes fadeInOverlay {
    from { opacity: 0; backdrop-filter: blur(0px); }
    to { opacity: 1; backdrop-filter: blur(10px); }
  }

  .mobile-menu-header {
    padding: 30px 20px 25px;
    border-bottom: 2px solid rgba(102, 126, 234, 0.4);
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.2) 0%, rgba(102, 126, 234, 0.05) 100%);
    position: relative;
    z-index: 1;
  }

  .mobile-menu-header::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, transparent 0%, #667eea 50%, transparent 100%);
  }

  .mobile-menu-title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 0 2px 10px rgba(102, 126, 234, 0.5);
  }

  .mobile-menu-item {
    display: flex;
    align-items: center;
    padding: 16px 20px;
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    font-size: 15px;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    z-index: 1;
  }

  .mobile-menu-item::before {
    content: '';
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent 0%, rgba(102, 126, 234, 0.25) 50%, transparent 100%);
    transition: left 0.5s ease;
    z-index: -1;
  }

  .mobile-menu-item:hover::before { left: 100%; }
  .mobile-menu-item::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background: linear-gradient(180deg, #667eea 0%, #764ba2 100%);
    transition: width 0.3s ease;
  }

  .mobile-menu-item:hover {
    background: rgba(102, 126, 234, 0.15);
    color: #fff;
    padding-left: 30px;
    letter-spacing: 0.5px;
    box-shadow: inset 0 0 20px rgba(102, 126, 234, 0.2);
  }

  .mobile-menu-item:hover::after { width: 4px; }

  .mobile-sidebar.active .mobile-menu-item {
    animation: slideInLeft 0.4s ease forwards;
    opacity: 0;
  }

  .mobile-sidebar.active .mobile-menu-item:nth-child(1) { animation-delay: 0.05s; }
  .mobile-sidebar.active .mobile-menu-item:nth-child(2) { animation-delay: 0.1s; }
  .mobile-sidebar.active .mobile-menu-item:nth-child(3) { animation-delay: 0.15s; }
  .mobile-sidebar.active .mobile-menu-item:nth-child(4) { animation-delay: 0.2s; }
  .mobile-sidebar.active .mobile-menu-item:nth-child(5) { animation-delay: 0.25s; }
  .mobile-sidebar.active .mobile-menu-item:nth-child(6) { animation-delay: 0.3s; }
  .mobile-sidebar.active .mobile-menu-item:nth-child(7) { animation-delay: 0.35s; }
  .mobile-sidebar.active .mobile-menu-item:nth-child(8) { animation-delay: 0.4s; }
  .mobile-sidebar.active .mobile-menu-item:nth-child(9) { animation-delay: 0.45s; }
  .mobile-sidebar.active .mobile-menu-item:nth-child(10) { animation-delay: 0.5s; }

  @keyframes slideInLeft {
    from { opacity: 0; transform: translateX(-30px); }
    to { opacity: 1; transform: translateX(0); }
  }

  .mobile-submenu {
    display: none;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.2) 100%);
    border-left: 3px solid rgba(102, 126, 234, 0.3);
    margin: 0;
    padding: 5px 0;
  }

  .mobile-submenu.active {
    display: block;
    animation: slideDown 0.3s ease;
  }

  @keyframes slideDown {
    from { opacity: 0; max-height: 0; }
    to { opacity: 1; max-height: 500px; }
  }

  .mobile-submenu-item {
    display: flex;
    align-items: center;
    padding: 12px 20px 12px 40px;
    color: rgba(255, 255, 255, 0.85);
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
    transition: all 0.3s ease;
    font-size: 14px;
    font-weight: 400;
    position: relative;
  }

  .mobile-submenu-item::before {
    content: '▸';
    position: absolute;
    left: 20px;
    color: #667eea;
    font-size: 12px;
    transition: all 0.3s ease;
  }

  .mobile-submenu-item:hover {
    background: rgba(102, 126, 234, 0.12);
    color: #fff;
    padding-left: 45px;
    border-left: 2px solid #667eea;
  }

  .mobile-submenu-item:hover::before {
    left: 25px;
    color: #764ba2;
  }
}

/* [P] 549px: homepage list-films + footer */
@media (max-width: 549px) {
  body .homepage-main .list-films {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: var(--gap-sm) !important;
  }

  body .homepage-main .list-films>.item {
    float: none;
    box-sizing: border-box;
    flex: 0 0 calc((100% - var(--gap-sm)) / 2) !important;
    max-width: calc((100% - var(--gap-sm)) / 2) !important;
  }

  #footer,
  .footer,
  .motchill-footer {
    overflow: hidden;
  }

  #footer img,
  #footer iframe,
  .footer img,
  .footer iframe,
  .motchill-footer img,
  .motchill-footer iframe {
    max-width: 100%;
    height: auto;
  }

  #footer .footer-content {
    display: flex;
    flex-direction: column;
    gap: var(--gap-sm);
  }
}

/* Desktop (≥744px): slider spacing — homepage siết trong motchill-style.css (load sau, override !important) */
@media (min-width: 744px) {
  .motchill-slider-header,
  .motchill-slider .motchill-slider-header {
    margin-top: 0 !important;
  }
  .motchill-slider {
    padding: 60px 0 30px 0 !important;
    margin-bottom: 200px !important;
  }
}

/* [R] Tablet header/layout compatibility: migrated from responsive-v2 */
@media (min-width: 744px) and (max-width: 1023px) {
  :root {
    --icon-size: 40px;
  }

  /* Breadcrumb tablet: đã có trong motchill-breadcrumbs.css (@media 744–1023) */

  html body .motchill-header .motchill-top-bar {
    padding: 12px 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    gap: 0 !important;
    box-sizing: border-box !important;
  }

  html body .motchill-header .motchill-top-bar .mobile-buttons,
  html body .motchill-header .motchill-top-bar .mobile-search-button {
    display: flex !important;
  }

  html body .motchill-header .motchill-top-bar .motchill-search-section,
  html body .motchill-header .motchill-top-bar .motchill-user-actions,
  html body .motchill-header .motchill-top-bar .motchill-nav {
    display: none !important;
  }

  html body .motchill-header .motchill-top-bar>* {
    min-width: 0 !important;
  }

  html body .motchill-header .motchill-top-bar .mobile-buttons {
    grid-column: 1 !important;
    justify-self: start !important;
    display: flex !important;
    align-items: center !important;
    order: 1 !important;
  }

  html body .motchill-header .motchill-top-bar .motchill-logo {
    grid-column: 2 !important;
    justify-self: center !important;
    display: flex !important;
    align-items: center !important;
    order: 2 !important;
  }

  html body .motchill-header .motchill-top-bar .mobile-search-button {
    grid-column: 3 !important;
    justify-self: end !important;
    display: flex !important;
    align-items: center !important;
    order: 3 !important;
  }

  html body .motchill-header .motchill-top-bar .mobile-hamburger,
  html body .motchill-header .motchill-top-bar .mobile-search {
    position: relative !important;
  }

  .homepage-main .list-films {
    gap: var(--gap-lg);
  }

  .homepage-main .list-films .item {
    float: none;
    width: auto;
    flex: 0 0 calc(33.333% - var(--gap-lg)) !important;
    max-width: calc(33.333% - var(--gap-lg)) !important;
  }

  .mobile-nav {
    display: block !important;
  }

  html body .container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  html body .homepage-container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 30px 0 0 0 !important;
    box-sizing: border-box !important;
  }

  html body .homepage-layout,
  html body.home .homepage-layout {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    gap: 0 !important;
  }

  html body .homepage-main,
  html body .homepage-sidebar,
  html body.home .homepage-main,
  html body.home .homepage-sidebar {
    flex: 0 0 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
  }

  html body .homepage-main .additional-widgets,
  html body .homepage-main .homepage-section,
  html body .homepage-section {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .motchill-slider-container,
  .owl-carousel,
  .owl-stage-outer {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  html body.single-ophim .movie-hero-section-motchill {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
  }

  html body.single-ophim .movie-poster-motchill {
    flex: 0 0 180px !important;
    width: 180px !important;
  }

  html body.single-ophim .movie-title-motchill {
    font-size: 28px !important;
  }

  html body.single-ophim .movie-subtitle-motchill {
    font-size: 16px !important;
  }

  html body.single-ophim .hero-content-motchill {
    gap: 18px !important;
  }

  html body.single-ophim .btn-watch-motchill {
    padding: 12px 24px !important;
    font-size: 15px !important;
  }

  html body.single-ophim .btn-favorite-motchill,
  html body.single-ophim .btn-share-phimus,
  html body.single-ophim .btn-report-motchill {
    width: 42px !important;
    height: 42px !important;
    font-size: 15px !important;
  }

  html body .movie-meta-motchill-inline {
    gap: 6px !important;
    margin-top: 10px !important;
    font-size: 12px !important;
  }

  html body .meta-item-inline {
    gap: 4px !important;
    padding: 4px 10px !important;
    font-size: 12px !important;
  }

  html body .meta-item-inline i {
    font-size: 10px !important;
  }

  html body .meta-item-inline.meta-tmdb {
    padding: 4px 10px !important;
  }

  html body .meta-separator {
    font-size: 11px !important;
  }

  html body .tmdb-icon {
    width: 16px !important;
    height: 16px !important;
  }

  html body .meta-tmdb .meta-tmdb-star {
    font-size: 11px !important;
  }

  html body .motchill-info-toggle {
    padding: 9px 12px !important;
    font-size: 13px !important;
  }

  html body .motchill-info-label {
    font-size: 11px !important;
  }

  html body .motchill-info-value {
    font-size: 12px !important;
  }

  html body .motchill-info-content {
    margin-top: 9px !important;
    padding: 11px !important;
  }

  html body .motchill-info-grid {
    gap: 9px !important;
  }

  html body .motchill-info-item {
    gap: 3px !important;
  }

  html body .action-buttons-motchill-text {
    gap: 9px !important;
    margin-top: 14px !important;
  }

  html body .secondary-buttons-group {
    gap: 7px !important;
  }

  html body .btn-motchill-primary {
    gap: 7px !important;
    padding: 11px 18px !important;
    font-size: 14px !important;
  }

  html body .btn-motchill-primary i {
    font-size: 14px !important;
  }

  html body .btn-motchill-secondary {
    gap: 5px !important;
    padding: 7px 14px !important;
    font-size: 12px !important;
    min-width: 90px !important;
  }

  html body .btn-motchill-secondary i {
    font-size: 12px !important;
  }

  html body .motchill-rating-bottom {
    padding: 10px 14px !important;
  }

  html body .motchill-rating-bottom-label {
    font-size: 13px !important;
  }

  html body .motchill-rating-bottom-star {
    font-size: 16px !important;
  }

  html body .motchill-rating-bottom-score {
    font-size: 15px !important;
  }

  html body .motchill-rating-bottom-slash,
  html body .motchill-rating-bottom-max {
    font-size: 12px !important;
  }

  html body .motchill-rating-bottom-votes {
    font-size: 11px !important;
  }

  html body .motchill-rating-bottom-content {
    gap: 9px !important;
  }

  html body .motchill-rating-bottom-stars {
    gap: 4px !important;
  }

  html body.single-ophim .actors-carousel-wrapper {
    position: relative !important;
    margin-top: 20px !important;
  }

  html body.single-ophim .actors-carousel-wrapper .actors-nav-btn {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }

  html body.single-ophim .actors-carousel-wrapper .actors-prev {
    left: 0 !important;
  }

  html body.single-ophim .actors-carousel-wrapper .actors-next {
    right: 0 !important;
  }

  html body .motchill-watch-container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  html body .motchill-movie-info {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 16px !important;
    border-radius: 12px !important;
  }

  html body .motchill-movie-poster {
    width: min(140px, 32vw) !important;
    max-width: min(140px, 32vw) !important;
    aspect-ratio: 2 / 3 !important;
    margin: 0 auto 10px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
  }

  html body .motchill-movie-poster img {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 2 / 3 !important;
    object-fit: cover !important;
  }

  html body .motchill-movie-details {
    width: 100% !important;
    min-height: 0 !important;
    text-align: left !important;
  }

  html body .motchill-movie-title {
    font-size: 24px !important;
    line-height: 1.3 !important;
  }

  html body .motchill-movie-subtitle {
    font-size: 18px !important;
    margin-bottom: 6px !important;
  }

  html body .motchill-movie-meta {
    gap: 8px !important;
    margin: 6px 0 !important;
  }

  html body .motchill-meta-item {
    font-size: 12px !important;
    padding: 4px 10px !important;
  }

  html body .episode-status-motchill .status-text {
    padding: 10px 18px !important;
    font-size: 13px !important;
  }

  html body .motchill-movie-description {
    font-size: 13px !important;
    line-height: 1.6 !important;
  }

  html body .motchill-movie-description p {
    margin: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 5 !important;
    line-clamp: 5 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  html body .motchill-movie-more-link {
    margin-top: 8px !important;
    font-size: 12px !important;
  }

  html body .motchill-main-layout {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
  }

  html body .motchill-left-content,
  html body .motchill-right-sidebar {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .motchill-footer .footer-inner {
    padding: 0 18px;
  }

  .motchill-footer .footer-brand-row {
    gap: 16px;
  }
}

@media (min-width: 744px) and (max-width: 819.98px) {
  html body .motchill-top-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 22px;
    width: 100%;
    max-width: 100%;
  }

  html body .motchill-top-bar>* {
    min-width: 0;
  }

  html body .motchill-search-section,
  html body .motchill-user-actions,
  html body .motchill-nav {
    display: none !important;
  }

  html body .mobile-buttons,
  html body .mobile-search-button {
    display: flex !important;
    flex: 0 0 var(--icon-size);
    margin: 0 !important;
    left: 0;
    right: 0;
  }

  html body .mobile-buttons {
    order: 1;
  }

  html body .motchill-logo {
    order: 2;
    flex: 1 1 auto;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  html body .mobile-search-button {
    order: 3;
  }

  .homepage-main .list-films .item {
    flex: 0 0 calc(33.333% - var(--gap-md)) !important;
    max-width: calc(33.333% - var(--gap-md)) !important;
  }

  html body .motchill-rating-bottom {
    padding: 6px 10px !important;
    overflow: hidden !important;
  }

  html body .motchill-rating-bottom-content {
    gap: 4px !important;
    overflow: hidden !important;
    max-width: 100% !important;
  }

  html body .motchill-rating-bottom-label {
    font-size: 9px !important;
  }

  html body .motchill-rating-bottom-star {
    font-size: 9px !important;
  }

  html body .motchill-rating-bottom-score {
    font-size: 11px !important;
  }

  html body .motchill-rating-bottom-slash,
  html body .motchill-rating-bottom-max {
    font-size: 8px !important;
  }

  html body .motchill-rating-bottom-votes {
    font-size: 8px !important;
    max-width: 60px !important;
  }

  html body .motchill-rating-bottom-btn {
    padding: 7px 14px !important;
    font-size: 11px !important;
    margin-left: auto !important;
  }

  html body.single-ophim .episode-controls .btn-prev-episode,
  html body.single-ophim .episode-controls .btn-next-episode {
    width: 36px !important;
    height: 36px !important;
    font-size: 14px !important;
  }

  html body.single-ophim .movie-title-motchill {
    font-size: clamp(34px, 4.8vw, 42px) !important;
  }
}

@media (min-width: 820px) and (max-width: 834.98px) {
  html body .motchill-top-bar {
    padding: 14px 22px;
    justify-content: space-between;
  }

  html body .motchill-search-section,
  html body .motchill-user-actions,
  html body .motchill-nav {
    display: none !important;
  }

  html body .mobile-buttons,
  html body .mobile-search-button {
    display: flex !important;
  }

  html body .mobile-buttons {
    order: 1;
    margin-left: 0;
  }

  html body .motchill-logo {
    order: 2;
    flex: 1 1 auto;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  html body .mobile-search-button {
    order: 3;
  }

  .homepage-main .list-films .item {
    flex: 0 0 calc(33.333% - var(--gap-md)) !important;
    max-width: calc(33.333% - var(--gap-md)) !important;
  }

  html body.single-ophim .content-wrapper {
    flex-direction: column !important;
    gap: 20px !important;
  }

  html body.single-ophim .left-content {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    order: 1 !important;
  }

  html body.single-ophim .right-content {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    order: 2 !important;
  }

  html body .motchill-rating-bottom {
    padding: 8px 12px !important;
    overflow: hidden !important;
  }

  html body .motchill-rating-bottom-content {
    justify-content: flex-start !important;
    gap: 5px !important;
    overflow: hidden !important;
    max-width: 100% !important;
  }

  html body .motchill-rating-bottom-label {
    font-size: 10px !important;
  }

  html body .motchill-rating-bottom-star {
    font-size: 10px !important;
  }

  html body .motchill-rating-bottom-score {
    font-size: 12px !important;
  }

  html body .motchill-rating-bottom-slash,
  html body .motchill-rating-bottom-max {
    font-size: 9px !important;
  }

  html body .motchill-rating-bottom-votes {
    font-size: 9px !important;
    max-width: 70px !important;
  }

  html body .motchill-rating-bottom-btn {
    padding: 8px 16px !important;
    font-size: 12px !important;
    margin-left: auto !important;
  }

  html body.single-ophim .episode-controls .btn-prev-episode,
  html body.single-ophim .episode-controls .btn-next-episode {
    width: 38px !important;
    height: 38px !important;
    font-size: 15px !important;
  }
}

@media (min-width: 1024px) and (max-width: 1180px) {
  html body .motchill-header .motchill-top-bar {
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    padding: 10px 18px !important;
  }

  html body .motchill-header .motchill-top-bar .mobile-buttons {
    grid-column: 1 !important;
    justify-self: start !important;
    display: flex !important;
    order: 1 !important;
  }

  html body .motchill-header .motchill-top-bar .motchill-logo {
    grid-column: 2 !important;
    justify-self: center !important;
    display: flex !important;
    order: 2 !important;
  }

  html body .motchill-header .motchill-top-bar .motchill-logo img {
    max-height: 38px !important;
    height: 38px !important;
  }

  html body .motchill-header .motchill-top-bar .mobile-search-button {
    grid-column: 3 !important;
    justify-self: end !important;
    display: flex !important;
    order: 3 !important;
  }

  .motchill-user-actions,
  .motchill-nav,
  .motchill-search-section {
    display: none !important;
  }

  .mobile-hamburger,
  .mobile-search {
    display: flex !important;
    cursor: pointer !important;
    pointer-events: auto !important;
  }

  .mobile-sidebar {
    display: block !important;
  }

  .mobile-sidebar.active {
    display: block !important;
    transform: translateX(0) !important;
  }

  .mobile-overlay {
    display: none !important;
  }

  .mobile-overlay.active {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .mobile-nav {
    display: block !important;
  }

  html body .container {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  html body .homepage-container {
    max-width: 100% !important;
    width: 100% !important;
    padding: 30px 0 0 0 !important;
    box-sizing: border-box !important;
  }

  html body .homepage-layout,
  html body.home .homepage-layout {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  html body .homepage-main,
  html body .homepage-sidebar,
  html body.home .homepage-main,
  html body.home .homepage-sidebar {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .homepage-main .list-films {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
  }

  .homepage-main .list-films .item {
    float: none !important;
    flex: 0 0 calc(25% - 15px) !important;
    max-width: calc(25% - 15px) !important;
    width: calc(25% - 15px) !important;
  }

  html body.single-ophim .movie-poster-motchill {
    max-width: 200px !important;
  }

  html body.single-ophim .movie-hero-section-motchill {
    padding: 25px !important;
    gap: 25px !important;
  }

  .homepage-layout {
    display: block;
  }

  .homepage-main,
  .homepage-sidebar {
    width: 100%;
    max-width: 100%;
  }

  .homepage-main .list-films {
    gap: var(--gap-lg);
  }

  .homepage-main .list-films .item {
    flex: 0 0 calc(25% - 12px) !important;
    max-width: calc(25% - 12px) !important;
  }

  .motchill-footer .footer-inner {
    width: 1024px;
    max-width: 100%;
    padding: 0 20px;
  }

  html body.single-ophim .container {
    box-sizing: border-box !important;
  }

  /* Khối mô tả / diễn viên / tập / tags: motchill-single-fix.css (tránh viền trái + nền trùng) */

  /* Fix movie details meta tags layout */
  html body.single-ophim .movie-meta-motchill-inline {
    align-items: center !important;
  }

  html body.single-ophim .meta-item-inline,
  html body.single-ophim .meta-item-inline.meta-tmdb {
    min-height: 24px !important;
    height: 24px !important;
    padding: 0 8px !important;
    line-height: normal !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
  }

  html body .tmdb-icon {
    width: 14px !important;
    height: 14px !important;
    margin-right: 3px !important;
  }

  html body.single-ophim .meta-tmdb .meta-tmdb-star {
    font-size: 10px !important;
  }

  html body.single-ophim .meta-tmdb .meta-tmdb-brand {
    font-size: 8px !important;
    margin-right: 4px !important;
  }
}

@media (min-width: 744px) and (max-width: 899.98px) {
  .homepage-main .list-films {
    gap: var(--gap-md);
  }

  .homepage-main .list-films .item {
    flex: 0 0 calc(33.333% - var(--gap-md)) !important;
    max-width: calc(33.333% - var(--gap-md)) !important;
  }

  .list-films .item img {
    height: auto;
    aspect-ratio: 2 / 3;
  }
}

@media (min-width: 900px) and (max-width: 1023.98px) {
  .homepage-main .list-films {
    gap: var(--gap-lg);
  }

  .homepage-main .list-films .item {
    flex: 0 0 calc(25% - 12px) !important;
    max-width: calc(25% - 12px) !important;
  }

  .list-films .item img {
    height: auto;
    aspect-ratio: 2 / 3;
  }

  .homepage-layout {
    display: block;
  }

  .homepage-main,
  .homepage-sidebar {
    width: 100%;
    max-width: 100%;
  }
}

/* Tablet 744–1023: layout single — phần mô tả/tập trùng single-fix đã bỏ; giữ sidebar/meta */
@media (min-width: 744px) and (max-width: 1023px) {
  html body.single-ophim .right-content {
    display: none !important;
  }

  html body.single-ophim .movie-meta-motchill {
    display: block !important;
    margin-bottom: 15px !important;
    text-align: center !important;
  }

  html body.single-ophim .movie-meta-motchill .meta-item {
    display: inline-block !important;
    background: rgba(102, 126, 234, 0.1) !important;
    color: #667eea !important;
    padding: 4px 8px !important;
    margin: 2px !important;
    border-radius: 12px !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    border: 1px solid rgba(102, 126, 234, 0.3) !important;
  }

  /* Notify / lịch chiếu: dùng motchill-watch.css (tablet 744–1023 không nhân đôi gradient cũ) */
  html body.single-ophim .motchill-player-notify,
  html body.single-ophim .motchill-player-showtime {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  html body.single-ophim .episode-status-motchill {
    display: block !important;
    text-align: center !important;
    margin-bottom: 15px !important;
  }

  /* Đồng bộ episode-status-motchill (Đang chiếu: Tập X/Y) với desktop */
  html body.single-ophim .episode-status-motchill .status-text {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.2), rgba(255, 23, 68, 0.15)) !important;
    color: #fff !important;
    padding: 8px 24px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    border: 1px solid rgba(102, 126, 234, 0.45) !important;
    letter-spacing: .3px !important;
    box-shadow: 0 6px 16px rgba(58, 71, 213, 0.35) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
  }
}

@media (min-width: 550px) and (max-width: 743px) {
  .homepage-main .list-films {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: var(--gap-md) !important;
  }

  .homepage-main .list-films .item,
  .list-films .item {
    overflow: hidden !important;
  }

  .homepage-main .list-films .item img,
  .homepage-main .list-films .item .img-film,
  .list-films .item img,
  .list-films .item .img-film {
    max-width: 100% !important;
    object-fit: cover !important;
  }

  .homepage-main .list-films .item {
    float: none !important;
    width: auto !important;
    flex: 0 0 calc(33.333% - var(--gap-md)) !important;
    max-width: calc(33.333% - var(--gap-md)) !important;
  }
}

/* [V] Tablet 744–1180: tránh chồng rule với max-width 743 (điện thoại) */
@media (min-width: 744px) and (max-width: 1180px) {
  html body.single-ophim .content-wrapper {
    display: block !important;
  }

  html body.single-ophim .left-content {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 18px !important;
  }

  html body.single-ophim .right-content {
    display: none !important;
  }

  /* Đồng bộ layout tablet: poster trái + nội dung phải */
  html body.single-ophim .movie-hero-section-motchill {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    text-align: left !important;
    gap: 24px !important;
    padding: 20px !important;
    margin-bottom: 20px !important;
    background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%) !important;
    border-radius: 12px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3) !important;
    border: 1px solid rgba(102, 126, 234, 0.1) !important;
  }

  html body.single-ophim .movie-poster-motchill {
    flex: 0 0 200px !important;
    width: 200px !important;
    max-width: 200px !important;
    aspect-ratio: 2 / 3 !important;
    margin: 0 !important;
    align-self: flex-start !important;
    border-radius: 10px !important;
    overflow: hidden !important;
  }

  /* Tablet dùng thumb thay poster */
  html body.single-ophim .movie-poster-motchill .movie-poster-desktop {
    display: block !important;
  }

  html body.single-ophim .movie-poster-motchill .movie-poster-mobile {
    display: none !important;
  }

  html body.single-ophim .movie-poster-motchill img,
  html body.single-ophim .movie-poster-motchill .movie-poster-desktop,
  html body.single-ophim .movie-poster-motchill .movie-poster-mobile {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 2 / 3 !important;
    object-fit: cover !important;
  }

  html body.single-ophim .hero-content-motchill {
    flex: 1 !important;
    min-width: 0 !important;
    text-align: left !important;
    align-items: flex-start !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  html body.single-ophim .movie-header {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
    margin: 0 !important;
    width: 100% !important;
  }

  html body.single-ophim .movie-title-motchill,
  html body.single-ophim .movie-subtitle-motchill {
    margin: 0 !important;
  }

  html body.single-ophim .movie-meta-motchill-inline {
    justify-content: flex-start !important;
    margin: 0 !important;
  }

  html body.single-ophim .hero-tags-motchill {
    justify-content: flex-start !important;
    margin: 0 !important;
  }

  html body.single-ophim .episode-status-motchill {
    text-align: left !important;
    margin: 0 !important;
  }

  html body.single-ophim .action-buttons-motchill {
    justify-content: flex-start !important;
  }

  html body.single-ophim .motchill-info-section {
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  html body.single-ophim .action-buttons-motchill-text {
    margin: 0 !important;
    gap: 10px !important;
  }

  html body.single-ophim .motchill-season-selector.motchill-season-selector-info {
    margin: 0 !important;
  }

  html body.single-ophim .motchill-rating-bottom {
    margin: 0 !important;
  }

  html body.single-ophim .poster-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    z-index: 3 !important;
  }

  html body.single-ophim .rating-badge {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    right: auto !important;
    width: auto !important;
    max-width: max-content !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 5px 10px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    line-height: 1 !important;
    box-shadow: 0 3px 10px rgba(102, 126, 234, 0.35) !important;
  }

  html body.single-ophim .rating-badge::before {
    content: "★" !important;
    color: #ffd54f !important;
    font-size: 12px !important;
    line-height: 1 !important;
    display: inline-block !important;
  }

  html body.single-ophim .rating-star {
    display: none !important;
  }

  html body.single-ophim .rating-number {
    font-size: 15px !important;
  }

  html body.single-ophim .rating-max {
    font-size: 11px !important;
    opacity: 0.9 !important;
  }

  html body.single-ophim .hero-content-motchill,
  html body.single-ophim .movie-meta-motchill-inline,
  html body.single-ophim .hero-tags-motchill,
  html body.single-ophim .episode-status-motchill,
  html body.single-ophim .motchill-info-section,
  html body.single-ophim .action-buttons-motchill-text,
  html body.single-ophim .motchill-rating-bottom,
  html body.single-ophim .episodes-section-motchill {
    width: min(760px, 96%) !important;
    max-width: min(760px, 96%) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body.single-ophim .movie-title-motchill {
    font-size: clamp(38px, 4.4vw, 50px) !important;
    line-height: 1.18 !important;
  }

  html body.single-ophim .movie-subtitle-motchill {
    font-size: clamp(20px, 2.5vw, 26px) !important;
    line-height: 1.28 !important;
  }

  html body.single-ophim .movie-meta-motchill-inline {
    gap: 8px !important;
  }

  html body.single-ophim .hero-tags-motchill {
    gap: 8px !important;
  }

  html body.single-ophim .hero-tag-motchill {
    font-size: 12px !important;
    padding: 7px 12px !important;
    border-radius: 999px !important;
  }

  html body.single-ophim .episode-status-motchill .status-text {
    width: 100% !important;
    max-width: 100% !important;
    justify-content: center !important;
    padding: 10px 16px !important;
    font-size: 14px !important;
  }

  html body.single-ophim .motchill-info-toggle {
    min-height: 46px !important;
    font-size: 16px !important;
    border-radius: 10px !important;
  }

  html body.single-ophim .btn-motchill-primary {
    width: 100% !important;
    min-height: 54px !important;
    font-size: 24px !important;
    border-radius: 12px !important;
  }

  html body.single-ophim .secondary-buttons-group {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  html body.single-ophim .secondary-buttons-group .btn-motchill-secondary {
    width: 100% !important;
    min-height: 42px !important;
    border-radius: 10px !important;
    font-size: 16px !important;
  }

  html body.single-ophim .motchill-rating-bottom {
    padding: 12px 16px !important;
    border-radius: 12px !important;
  }

  html body.single-ophim .motchill-rating-bottom-label {
    font-size: 15px !important;
  }

  html body.single-ophim .motchill-rating-bottom-star,
  html body.single-ophim .motchill-rating-bottom-score {
    font-size: 18px !important;
  }

  html body.single-ophim .motchill-rating-bottom-btn {
    min-height: 42px !important;
    font-size: 16px !important;
    padding: 8px 18px !important;
    border-radius: 10px !important;
  }
}

/* ========================================
   [CONSOLIDATED] Slider + Nav + List films - Chuẩn 1024 | 743/744 | 480
   ======================================== */

/* Slider + Nav - Tablet 744–1024: slider mặc 200px; trang chủ đề cử = card 3 cột + poster/info */
@media (max-width: 1024px) and (min-width: 744px) {
  .motchill-slider-container { max-width: 1000px !important; padding: 0 !important; }
  .motchill-slider-item {
    flex: 0 0 200px !important; width: 200px !important; max-width: 200px !important;
  }
  .motchill-slider-item img { height: 320px !important; max-height: 320px !important; }
  .motchill-slider-item .poster-container { height: 320px !important; }
  .simple-prev, .simple-next { width: 40px !important; height: 40px !important; font-size: 16px !important; }
  .simple-nav { display: block !important; }
  .motchill-slider { margin-top: 20px !important; }

  body .motchill-homepage .motchill-slider .motchill-slider-item {
    flex: 0 0 calc(33.333% - 10px) !important;
    width: calc(33.333% - 10px) !important;
    min-width: calc(33.333% - 10px) !important;
    max-width: calc(33.333% - 10px) !important;
  }
  body .motchill-homepage .motchill-slider .motchill-slider-item img {
    height: auto !important;
    max-height: 280px !important;
  }
  body .motchill-homepage .motchill-slider .motchill-slider-item .poster-container {
    height: auto !important;
    min-height: 0 !important;
    max-height: 280px !important;
    aspect-ratio: 2 / 3 !important;
  }
  body .motchill-homepage .motchill-slider .motchill-slider-item .motchill-info {
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 4px !important;
    min-height: 50px !important;
  }
  body .motchill-homepage .motchill-slider .motchill-slider-item .ranking-number-new {
    font-size: 30px !important;
    width: 36px !important;
    min-width: 36px !important;
    flex-shrink: 0 !important;
  }
  body .motchill-homepage .motchill-slider .motchill-slider-item .movie-details {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
  body .motchill-homepage .motchill-slider .motchill-slider-item .vietnamese-title {
    max-width: 100% !important;
    font-size: 12px !important;
  }
}

/* List films — desktop ≥744 (tránh trùng: max≤743 phone + min≥744 tablet) */
@media (min-width: 744px) {
  .list-films .item {
    width: calc(25% - 12px) !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    float: left !important;
    flex: 0 0 calc(25% - 12px) !important;
    max-width: calc(25% - 12px) !important;
    min-width: 0 !important;
    height: auto !important;
    background: transparent !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    transition: none !important;
    box-shadow: none !important;
    border: none !important;
    vertical-align: top !important;
  }
  body.tax-ophim_categories .full-width-content .list-films .item,
  body.tax-ophim_categories .list-films .item,
  body.tax-ophim_genres .full-width-content .list-films .item,
  body.tax-ophim_genres .list-films .item,
  body.tax-ophim_regions .full-width-content .list-films .item,
  body.tax-ophim_regions .list-films .item,
  body.tax-ophim_years .full-width-content .list-films .item,
  body.tax-ophim_years .list-films .item,
  body.archive .full-width-content .list-films .item,
  body.archive .left-content .list-films .item,
  body.archive .full-width-content .list-films .item.category-item,
  body.post-type-archive .left-content .list-films .item,
  body.post-type-archive-ophim .list-films .item,
  body.page-template-page-phim-moi-cap-nhat-php .homepage-main .list-films .item,
  body.page-template-page-phim-moi-php .homepage-main .list-films .item,
  body.page-template-page-phim-hot-php .homepage-main .list-films .item,
  body.page-template-page-phim-trending-php .homepage-main .list-films .item,
  body.page-template-page-phim-dang-chieu-php .homepage-main .list-films .item,
  body.page-template-page-phim-hoan-thanh-php .homepage-main .list-films .item,
  body.page-template-page-phim-dang-xem-php .homepage-main .list-films .item,
  body.search .list-films .item,
  body.search .full-width-content .list-films .item,
  body.search .left-content .list-films .item,
  body.page-template-taxonomy-vietsub-php .list-films .item,
  .left-content .list-films .item,
  .left-content #page-info .list-films .item {
    flex: 0 0 calc((100% - 60px) / 5) !important;
    max-width: calc((100% - 60px) / 5) !important;
    width: calc((100% - 60px) / 5) !important;
  }
}

/* [single-ophim] Phim đề cử — responsive cột (chuyển từ motchill-single-fix.css) */
@media (max-width: 1024px) {
  body.single-ophim .related-movies .list-films .item,
  body.single-ophim .related-movies .list-films ul li.item {
    flex: 0 0 calc((100% - 30px) / 3) !important;
    max-width: calc((100% - 30px) / 3) !important;
    width: calc((100% - 30px) / 3) !important;
  }
}

@media (max-width: 640px) {
  body.single-ophim .related-movies .list-films .item,
  body.single-ophim .related-movies .list-films ul li.item {
    flex: 0 0 calc((100% - 15px) / 2) !important;
    max-width: calc((100% - 15px) / 2) !important;
    width: calc((100% - 15px) / 2) !important;
  }
}