/* XemPhim v2.0.3.2 — compact detail headers, catalog A–Z & filter, filter-classic badges.
   Intentionally excludes .apx-hero-slide and all Movie Showcase Slider selectors. */

/* Compact information panels (not the separate synopsis card). */
.apx-info-timeline .apx-info-card__header {
  display:flex!important;align-items:center!important;min-height:66px!important;
  padding:11px 14px!important;gap:12px!important;box-sizing:border-box!important;
}
.apx-info-timeline .apx-info-card__header:after {display:none!important;content:none!important;}
.apx-info-timeline .apx-info-card__icon {
  width:40px!important;height:40px!important;flex:0 0 40px!important;
  border-radius:12px!important;box-shadow:inset 0 1px rgba(255,255,255,.07),0 5px 16px rgba(0,0,0,.17)!important;
}
.apx-info-timeline .apx-info-card__header>div {min-width:0;}
.movie-detail-layout .apx-info-timeline .apx-info-card__header h3 {
  font-size:clamp(14px,1.25vw,18px)!important;font-weight:800!important;
  line-height:1.3!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
}
@media(max-width:767px){
  .apx-info-timeline .apx-info-card__header {min-height:60px!important;padding:10px 12px!important;gap:10px!important;}
  .apx-info-timeline .apx-info-card__icon {width:36px!important;height:36px!important;flex-basis:36px!important;}
  .movie-detail-layout .apx-info-timeline .apx-info-card__header h3 {font-size:15px!important;}
}

/* Classic filter badge styling reused across all shared .apx-catalog-card posters.
   Keep episode-status badges below the poster entirely unchanged. */
.apx-catalog-card .apx-catalog-card__badges {display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:5px!important;}
.apx-catalog-card .apx-catalog-card__badge {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:29px!important;padding:4px 11px!important;border-radius:9px!important;
  font-size:12px!important;font-weight:800!important;letter-spacing:.01em!important;line-height:1.1!important;
  border:1px solid rgba(255,255,255,.19)!important;white-space:nowrap!important;
  box-shadow:0 4px 13px -7px rgba(0,0,0,.95),inset 0 1px rgba(255,255,255,.14)!important;
}
.apx-catalog-card .apx-catalog-card__badge--quality {
  color:#251c04!important;border-color:#eeb932!important;background:linear-gradient(140deg,#ffdb62,#efaf0e)!important;
}
.apx-catalog-card .apx-catalog-card__badge--lang {
  color:#fff!important;border-color:#396dd7!important;background:linear-gradient(140deg,#3e79eb,#2452b8)!important;
  max-width:70%;overflow:hidden;text-overflow:ellipsis;
}
@media(max-width:767px){
  .apx-catalog-card .apx-catalog-card__badge {min-height:24px!important;font-size:10px!important;padding:3px 7px!important;border-radius:7px!important;}
}

/* The A–Z page shares the exact catalog card partial used by archive & filter. */
.apx-alpha-page .apx-alpha-grid--catalog {
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(11px,1.4vw,18px);align-items:start;
}
.apx-alpha-page .apx-alpha-grid--catalog>.apx-catalog-card {min-width:0;}
.apx-alpha-page .apx-catalog-card__body h3 {font-size:clamp(12px,1.05vw,14px);}
.apx-alpha-page .apx-catalog-card__meta {flex-wrap:wrap;white-space:normal;}
.apx-alpha-page .apx-alpha-nav--page {margin-bottom:22px;}
@media(max-width:1023px){.apx-alpha-page .apx-alpha-grid--catalog {grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}}
@media(max-width:640px){.apx-alpha-page .apx-alpha-grid--catalog {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}}

/* Scoped filter-page layout. No rules target the homepage discovery widget. */
.apx-filter-page {box-sizing:border-box;width:100%;max-width:1500px;margin:0 auto;padding:clamp(16px,2vw,30px);color:#edf2f9;}
.apx-filter-page * {box-sizing:border-box;}
.apx-filter-breadcrumb {display:flex;align-items:center;gap:8px;padding:12px 14px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#121821;color:#95a1b2;font-size:12px;}
.apx-filter-breadcrumb a {color:#5bdd91;text-decoration:none;}
.apx-filter-breadcrumb a:hover {text-decoration:underline;}
.apx-filter-page__head {margin:24px 0 18px;}
.apx-filter-page__eyebrow {font-size:11px;font-weight:800;letter-spacing:.16em;color:#7fa9e8;}
.apx-filter-page__head h1 {margin:5px 0;font-size:clamp(24px,3vw,38px);line-height:1.2;font-weight:800;}
.apx-filter-page__head p {margin:0;color:#97a4b6;font-size:13px;}
.apx-filter-panel {padding:clamp(13px,1.5vw,20px);border:1px solid rgba(255,255,255,.12);border-radius:18px;background:linear-gradient(155deg,#1b212b,#161c25);box-shadow:0 14px 38px -28px #000,inset 0 1px rgba(255,255,255,.04);}
.apx-filter-page .apx-filter-form {display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) minmax(132px,.9fr);gap:12px;align-items:end;}
.apx-filter-page .apx-filter-field {min-width:0;}
.apx-filter-page .apx-filter-field label {display:block;margin:0 0 7px;color:#aab5c3;font-size:12px;font-weight:650;}
.apx-filter-page .apx-filter-field select {display:block;width:100%;min-width:0;height:44px;padding:0 32px 0 12px;border:1px solid #394455;border-radius:11px;background:#10161e;color:#f2f6fb;font-size:13px;outline:none;}
.apx-filter-page .apx-filter-field select:focus-visible {border-color:#3799ef;box-shadow:0 0 0 3px rgba(55,153,239,.13);}
.apx-filter-page .apx-filter-submit button {display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;border:1px solid #3d99f4;border-radius:11px;background:linear-gradient(120deg,#16bafa,#126ef0);color:#fff;font-size:13px;font-weight:800;box-shadow:0 9px 24px -16px rgba(31,151,255,.8);cursor:pointer;transition:filter .18s ease,transform .18s ease;}
.apx-filter-page .apx-filter-submit button:hover {filter:brightness(1.1);transform:translateY(-1px);}
.apx-filter-page .apx-filter-submit button:focus-visible,.apx-filter-active a:focus-visible {outline:2px solid #8cc6ff;outline-offset:3px;}
.apx-filter-results {margin-top:23px;}
.apx-filter-results__head {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;}
.apx-filter-results__head h2 {margin:0;font-size:clamp(17px,1.5vw,23px);font-weight:800;}
.apx-filter-results__count {padding:6px 10px;border:1px solid #3d4756;border-radius:10px;background:#242e3c;color:#dce6f4;font-size:12px;font-weight:800;white-space:nowrap;}
.apx-filter-active {display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:0 0 16px;}
.apx-filter-active a {text-decoration:none;}
.apx-filter-active__chip {display:inline-flex;align-items:center;gap:9px;padding:7px 9px;border:1px solid #365780;border-radius:9px;background:#1d344f;color:#d7e8fb;font-size:12px;}
.apx-filter-active__chip span {font-size:18px;line-height:.8;}
.apx-filter-active__reset {padding:7px;color:#b7c2d2;font-size:12px;}
.apx-filter-page .apx-filter-grid {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.6vw,18px);align-items:start;}
.apx-filter-page .apx-filter-grid .apx-catalog-card {min-width:0;}
.apx-filter-page .apx-catalog-card__meta {flex-wrap:wrap;white-space:normal;}
.apx-filter-empty {padding:44px 20px;border:1px dashed #3c4553;border-radius:14px;text-align:center;color:#bac5d2;background:#161c26;}
.apx-filter-pagination {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:26px;}
.apx-filter-pagination .page-numbers {display:grid;place-items:center;min-width:38px;min-height:38px;padding:6px 11px;border:1px solid #374251;border-radius:10px;background:#222b37;color:#e5edf9;text-decoration:none;}
.apx-filter-pagination .page-numbers.current {border-color:#52d885;background:#41d57c;color:#102118;font-weight:900;}
.apx-filter-pagination .page-numbers:focus-visible {outline:2px solid #9ce5ba;outline-offset:2px;}
@media(max-width:1160px){.apx-filter-page .apx-filter-form{grid-template-columns:repeat(3,minmax(0,1fr));}.apx-filter-page .apx-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media(max-width:1023px){.apx-filter-page .apx-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
@media(max-width:767px){.apx-filter-page .apx-filter-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}.apx-filter-page .apx-filter-submit{grid-column:1/-1;}.apx-filter-page .apx-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}.apx-filter-page .apx-filter-panel{padding:12px;}.apx-filter-page .apx-filter-field select{min-height:44px;}.apx-filter-page .apx-filter-page__head{margin-top:18px;}}
@media(max-width:380px){.apx-filter-page{padding:12px;}.apx-filter-page .apx-filter-field label{font-size:11px;}.apx-filter-page .apx-filter-active__chip{font-size:11px;}}
@media(prefers-reduced-motion:reduce){.apx-filter-page .apx-filter-submit button,.apx-catalog-card__poster,.apx-catalog-card__poster>img{transition:none!important;}}