/* XemPhim v2.0.3.3 — unified poster/card UI.
 * Movie Showcase Slider (.apx-hero-slide) is deliberately excluded. */
:root {
  --apx-card-outline:rgba(155,177,200,.35);
  --apx-card-inner:rgba(244,249,255,.13);
  --apx-card-shadow:0 15px 32px -19px rgba(0,0,0,.92),0 5px 16px -8px rgba(0,0,0,.6);
  --apx-card-shadow-hover:0 23px 42px -21px rgba(0,0,0,.98),0 0 0 1px rgba(234,184,63,.2);
}
/* One non-interactive frame across portrait cards, wide rails and sidebar. */
:is(.apx-catalog-card__poster,.apx-movie-card__poster,.apx-wide-card__poster,.apx-rank-card__poster,.apx-sidebar-movies__poster,.pcgh-native-media,.topmovie-thumb) {
  position:relative!important;isolation:isolate;border:1px solid var(--apx-card-outline)!important;
  border-radius:15px!important;overflow:hidden;box-shadow:var(--apx-card-shadow)!important;
  background:#111923!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
:is(.apx-catalog-card__poster,.apx-movie-card__poster,.apx-wide-card__poster,.apx-rank-card__poster,.apx-sidebar-movies__poster,.pcgh-native-media,.topmovie-thumb)::before {
  content:""!important;position:absolute!important;inset:0!important;border-radius:inherit!important;
  background:none!important;box-shadow:inset 0 0 0 1px var(--apx-card-inner),inset 0 1px rgba(255,255,255,.08)!important;
  z-index:24!important;pointer-events:none!important;
}
/* Previous pseudo-element play controls conflict with real DOM SVGs: remove. */
.movie-card-item .apx-movie-card__poster::after,
.apx-movie-card--rank .apx-movie-card__poster::after {content:none!important;display:none!important;}
:is(.apx-catalog-card__poster,.apx-movie-card__poster,.apx-wide-card__poster,.apx-rank-card__poster,.apx-sidebar-movies__poster,.pcgh-native-media,.topmovie-thumb)>img {
  display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;
  transition:filter .22s ease,transform .28s ease!important;
}
@media (hover:hover) and (pointer:fine) {
  :is(a.apx-catalog-card,a.apx-movie-card,a.movie-card-item,a.apx-rank-card>a,
      .apx-sidebar-movies__item>a,a.pcgh-native-card,a.topmovie-item):is(:hover,:focus-visible)
      :is(.apx-catalog-card__poster,.apx-movie-card__poster,.apx-wide-card__poster,.apx-rank-card__poster,.apx-sidebar-movies__poster,.pcgh-native-media,.topmovie-thumb) {
    border-color:rgba(236,188,83,.65)!important;box-shadow:var(--apx-card-shadow-hover)!important;
    transform:translateY(-3px)!important;
  }
  :is(a.apx-catalog-card,a.apx-movie-card,a.movie-card-item,.apx-rank-card>a,
      .apx-sidebar-movies__item>a,a.pcgh-native-card,a.topmovie-item):hover
      :is(.apx-catalog-card__poster,.apx-movie-card__poster,.apx-wide-card__poster,.apx-rank-card__poster,.apx-sidebar-movies__poster,.pcgh-native-media,.topmovie-thumb)>img {
    transform:scale(1.035)!important;filter:saturate(1.05) contrast(1.035)!important;
  }
}
/* Gold & comic-blue top badges — shared markup, same sizes everywhere. */
.apx-card-badges {
  position:absolute!important;z-index:34!important;inset:7px 7px auto!important;
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;
  gap:5px!important;pointer-events:none!important;min-width:0!important;
}
.apx-card-badge {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  box-sizing:border-box!important;max-width:calc(72% - 2px)!important;
  height:26px!important;min-height:26px!important;line-height:1!important;
  padding:0 9px!important;border-radius:8px!important;border:1px solid transparent!important;
  font-size:12px!important;font-weight:800!important;letter-spacing:0!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  box-shadow:0 3px 12px -6px rgba(0,0,0,.85),inset 0 1px rgba(255,255,255,.16)!important;
}
.apx-card-badge--quality {
  color:#30220c!important;background:linear-gradient(140deg,#f6d27b,#dbad3a)!important;
  border-color:#e5bf64!important;text-shadow:0 1px rgba(255,255,255,.14)!important;
}
.apx-card-badge--language {
  color:#f9fbff!important;background:linear-gradient(140deg,#517bc5,#345ba2)!important;
  border-color:#718fd0!important;
}
/* Status: coordinated teal/navy type and ruby episode, no duplicate edge. */
.apx-card-status {
  position:absolute!important;z-index:34!important;left:7px!important;bottom:7px!important;
  display:flex!important;align-items:stretch!important;gap:0!important;
  width:max-content!important;max-width:calc(100% - 14px)!important;
  filter:drop-shadow(0 3px 10px rgba(0,0,0,.63));pointer-events:none!important;
}
.apx-card-status>span {
  box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;
  height:27px!important;min-height:27px!important;min-width:0!important;max-width:100%!important;
  border:1px solid transparent!important;padding:0 9px!important;line-height:1!important;
  font-size:11px!important;font-weight:800!important;text-shadow:none!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.apx-card-status__type {
  color:#d6f6f4!important;background:linear-gradient(155deg,rgba(38,67,81,.96),rgba(25,45,60,.98))!important;
  border-color:#507b88!important;border-radius:8px 0 0 8px!important;
}
.apx-card-status__episode {
  color:#fff!important;background:linear-gradient(150deg,#ba4e68,#a92d51)!important;
  border-color:#d36c87!important;border-left:0!important;border-radius:0 8px 8px 0!important;
}
.apx-card-status__episode:first-child {border-radius:8px!important;border-left:1px solid #d36c87!important;}
.apx-card-status__type:last-child {border-radius:8px!important;}
.apx-card-status__episode:is(.apx-episode-status--complete,.apx-episode-status--completed,.apx-episode-status--done) {
  color:#eaf9f1!important;background:linear-gradient(140deg,#246a54,#1d5246)!important;border-color:#4b9e83!important;
}
.apx-card-status__episode:is(.apx-episode-status--upcoming,.apx-episode-status--trailer) {
  background:linear-gradient(140deg,#4c596e,#354258)!important;border-color:#76849d!important;
}
/* Unified actual SVG overlay — absent at rest and on touch, visible via hover or keyboard. */
.apx-card-play.apx-unified-play-icon {
  position:absolute!important;z-index:30!important;left:50%!important;top:50%!important;
  display:grid!important;place-items:center!important;width:52px!important;height:52px!important;
  border:1px solid rgba(241,194,92,.9)!important;border-radius:999px!important;
  background:rgba(9,14,23,.81)!important;
  box-shadow:0 13px 32px -15px rgba(0,0,0,.95),0 0 15px rgba(243,194,89,.13),inset 0 1px rgba(255,255,255,.09)!important;
  opacity:0!important;visibility:hidden!important;
  transform:translate(-50%,-46%) scale(.91)!important;
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease!important;
  pointer-events:none!important;
}
.apx-card-play .apx-unified-play-icon__glyph {display:block!important;width:22px!important;height:22px!important;object-fit:contain!important;}
@media (hover:hover) and (pointer:fine) {
  a:is(:hover,:focus-visible) .apx-card-play.apx-unified-play-icon,
  a:focus-within .apx-card-play.apx-unified-play-icon {
    visibility:visible!important;opacity:1!important;transform:translate(-50%,-50%) scale(1)!important;
  }
}
@media (hover:none),(pointer:coarse) {
  .apx-card-play.apx-unified-play-icon {visibility:hidden!important;opacity:0!important;}
}
/* Specific layout variations share the same colors/logic while maintaining space. */
.apx-sidebar-movies__poster,.topmovie-thumb {border-radius:11px!important;}
.apx-sidebar-movies__poster .apx-card-play,.topmovie-thumb .apx-card-play {width:36px!important;height:36px!important;}
.apx-sidebar-movies__poster .apx-card-play img,.topmovie-thumb .apx-card-play img {width:16px!important;height:16px!important;}
.apx-sidebar-movies__copy .apx-card-badge {position:static!important;height:23px!important;min-height:23px!important;font-size:10px!important;padding:0 7px!important;border-radius:7px!important;}
.apx-sidebar-movies__copy .apx-sidebar-movies__badge--episode,
.apx-sidebar-movies__copy .apx-sidebar-movies__badge--secondary {border-color:#4b7f8b!important;}
.apx-rank-card__rank {top:38px!important;left:8px!important;z-index:35!important;}
.apx-rank-card__poster .apx-card-status {max-width:calc(100% - 14px)!important;}
.apx-movie-card--rank .apx-home-rank-badge {top:39px!important;left:8px!important;right:auto!important;z-index:37!important;}
.apx-movie-card--rank .apx-card-year-badge {display:none!important;}
.pcgh-native-media {border-radius:15px!important;}
.pcgh-native-media .apx-card-badges {z-index:48!important;}
.pcgh-native-overlay .apx-card-status {
  position:relative!important;left:auto!important;bottom:auto!important;z-index:26!important;
  margin:4px 0 5px!important;
}
.pcgh-native-overlay .apx-card-year-inline {font-size:11px;color:#c2cddd;}
.apx-card-shade {position:absolute;inset:45% 0 0;z-index:2;background:linear-gradient(transparent,rgba(4,9,15,.68));pointer-events:none;}
.apx-ranking__sort-note small {display:block;color:#97a6bc;}
.apx-ranking__snapshot-time {display:block;color:#c1ac72;margin-top:7px;}
@media (max-width:767px) {
  :is(.apx-catalog-card__poster,.apx-movie-card__poster,.apx-wide-card__poster,.apx-rank-card__poster,.pcgh-native-media){border-radius:12px!important;}
  .apx-card-badges {inset:5px 5px auto!important;gap:4px!important;}
  .apx-card-badge {height:23px!important;min-height:23px!important;font-size:10px!important;padding:0 7px!important;border-radius:7px!important;}
  .apx-card-status {left:5px!important;bottom:5px!important;max-width:calc(100% - 10px)!important;}
  .apx-card-status>span {height:24px!important;min-height:24px!important;font-size:9px!important;padding:0 6px!important;}
  .apx-rank-card__rank,.apx-movie-card--rank .apx-home-rank-badge {top:33px!important;}
  .apx-sidebar-movies__poster .apx-card-badge {height:18px!important;font-size:8px!important;}
}
@media (prefers-reduced-motion:reduce) {
  :is(.apx-catalog-card__poster,.apx-movie-card__poster,.apx-wide-card__poster,.apx-rank-card__poster,.apx-sidebar-movies__poster,.pcgh-native-media,.topmovie-thumb),
  .apx-card-play,.apx-card-play img {transition:none!important;animation:none!important;}
}

/* Ranking title overlays are reserved; place compact status just above title. */
.topmovie-thumb .apx-card-status{bottom:39px!important;}

/* Compact movie-list thumbnail: badges are deliberately in the adjacent text column. */
.apx-movie-table__poster{position:relative!important;isolation:isolate;overflow:hidden;border:1px solid var(--apx-card-outline)!important;border-radius:10px!important;box-shadow:var(--apx-card-shadow)!important;}
.apx-movie-table__poster .apx-card-play{width:26px!important;height:26px!important;}
.apx-movie-table__poster .apx-card-play img{width:12px!important;height:12px!important;}
.apx-movie-table__compact-badges{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:5px 0;}
.apx-movie-table__compact-badges .apx-card-badge{height:22px!important;min-height:22px!important;font-size:10px!important;padding-inline:7px!important;}
.apiphim-search-poster{position:relative;isolation:isolate;border:1px solid var(--apx-card-outline)!important;border-radius:13px!important;box-shadow:var(--apx-card-shadow)!important;overflow:hidden;}
.apiphim-search-card:hover .apiphim-search-poster{border-color:rgba(236,188,83,.65)!important;box-shadow:var(--apx-card-shadow-hover)!important;}
.apiphim-search-poster .apiphim-search-overlay{pointer-events:none;}
.apiphim-search-poster .apx-card-badges{z-index:27!important;}
.apiphim-search-poster .apx-card-status{z-index:27!important;}
@media (hover:hover) and (pointer:fine) { .apiphim-search-card:hover .apx-card-play {visibility:visible!important;opacity:1!important;transform:translate(-50%,-50%) scale(1)!important;} }
.apiphim-search-card:focus-visible .apx-card-play{visibility:visible!important;opacity:1!important;transform:translate(-50%,-50%) scale(1)!important;}
/* Keep topmovie title gradient without the old pseudo-element play circle. */
.topmovie-thumb{z-index:2!important;}
.topmovie-overlay{display:none!important;}
.topmovie-thumb::after{content:""!important;display:block!important;position:absolute!important;inset:43% 0 0!important;z-index:3!important;background:linear-gradient(transparent,rgba(3,7,12,.72))!important;border:0!important;border-radius:0 0 11px 11px!important;pointer-events:none!important;opacity:1!important;transform:none!important;width:auto!important;height:auto!important;}
.apx-sidebar-movies__poster::before{display:block!important;}