/** XemPhim v2.1.2.10 — TopMovie & Sidebar Runtime Cleanup. */

/* Sidebar poster: one real play icon only. Historical ::before overlays are retired. */
.apx-sidebar-movies__poster::before{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  opacity:0!important;
}
.apx-sidebar-movies__poster .apx-card-play.apx-unified-play-icon{z-index:30!important}

/* Featured recommendation rail: mobile density targets roughly 2.5 cards in view. */
@media(max-width:700px){
  .featured-poster-gallery.apx-featured-editorial{padding:12px!important}
  .apx-featured-editorial .pcgh-native-grid.apx-featured-rail__track{
    gap:10px!important;
    padding:0 1px 5px!important;
    scroll-padding-inline:1px!important;
  }
  .apx-featured-editorial .pcgh-native-grid.apx-featured-rail__track>*{
    flex:0 0 38%!important;
    width:38%!important;
    min-width:0!important;
  }
  .apx-featured-editorial .pcgh-native-heading{margin-bottom:13px!important;padding-bottom:11px!important}
  .apx-featured-editorial .pcgh-native-heading__title{font-size:19px!important}
  .apx-featured-editorial .pcgh-native-heading__subtitle{font-size:10.5px!important}
  .apx-featured-editorial .apx-featured-editorial__card{gap:8px!important}
  .apx-featured-editorial .apx-featured-editorial__media{border-radius:12px!important}
  .apx-featured-editorial .apx-card-badges{inset:6px 6px auto!important;gap:4px!important}
  .apx-featured-editorial .apx-card-badge{height:21px!important;min-height:21px!important;padding:0 6px!important;border-radius:7px!important;font-size:8.5px!important}
  .apx-featured-editorial .apx-featured-editorial__media .apx-card-status{left:6px!important;right:6px!important;bottom:6px!important;max-width:calc(100% - 12px)!important;gap:3px!important}
  .apx-featured-editorial .apx-card-status>*{min-height:20px!important;padding:3px 6px!important;font-size:8px!important;border-radius:6px!important}
  .apx-featured-editorial .apx-featured-editorial__copy{gap:3px!important;padding:0 2px 2px!important}
  .apx-featured-editorial .apx-featured-editorial__title{min-height:2.55em!important;max-height:2.55em!important;font-size:11px!important;line-height:1.27!important}
  .apx-featured-editorial .apx-featured-editorial__original{font-size:9px!important;line-height:1.3!important}
  .apx-featured-editorial .apx-featured-editorial__signals{gap:4px 6px!important;padding-top:2px!important;font-size:8.5px!important}
  .apx-featured-editorial .apx-featured-editorial__rating small{font-size:7.5px!important}
  .apx-featured-editorial .apx-featured-editorial__views{font-size:8.5px!important}
}
@media(max-width:360px){
  .apx-featured-editorial .pcgh-native-grid.apx-featured-rail__track{gap:8px!important}
  .apx-featured-editorial .pcgh-native-grid.apx-featured-rail__track>*{flex-basis:38.5%!important;width:38.5%!important}
  .apx-featured-editorial .apx-featured-editorial__title{font-size:10.5px!important}
}

/* Actor / Director widgets: neutral navy surfaces with blue actor and gold director accents. */
.apx-people-widget--actor{
  background:radial-gradient(circle at 7% 0,rgba(96,165,250,.09),transparent 30%),linear-gradient(155deg,#18202b,#10151d 76%)!important;
}
.apx-people-widget--actor .apx-people-widget__eyebrow{color:#7dd3fc!important}
.apx-people-widget--actor .apx-people-widget__all:hover{color:#7dd3fc!important}
.apx-people-widget--actor .apx-people-card:hover{
  border-color:rgba(125,211,252,.28)!important;
  box-shadow:0 20px 38px -26px rgba(0,0,0,.95),0 0 22px -18px rgba(96,165,250,.62)!important;
}
.apx-people-widget--actor .apx-people-card__copy em{
  border-color:rgba(96,165,250,.26)!important;
  background:linear-gradient(180deg,rgba(59,130,246,.15),rgba(37,99,235,.09))!important;
  color:#bae6fd!important;
}
.apx-people-widget--director .apx-people-card__copy em{
  border-color:rgba(245,200,75,.24)!important;
  background:linear-gradient(180deg,rgba(245,200,75,.13),rgba(180,128,31,.08))!important;
  color:#f7d77a!important;
}

/* CSS-drawn outbound arrow avoids emoji-style blue square rendering on iOS. */
.apx-people-card__arrow{
  width:13px!important;
  height:13px!important;
  color:#7d8da4!important;
  font-size:0!important;
}
.apx-people-card__arrow::before{
  content:"";
  position:absolute;
  right:0;
  top:0;
  width:7px;
  height:7px;
  border-top:1.5px solid currentColor;
  border-right:1.5px solid currentColor;
}
.apx-people-card__arrow::after{
  content:"";
  position:absolute;
  right:1px;
  top:6px;
  width:10px;
  height:1.5px;
  border-radius:2px;
  background:currentColor;
  transform:rotate(-45deg);
  transform-origin:right center;
}
.apx-people-card:hover .apx-people-card__arrow{color:#cbd5e1!important}

/* Mobile: keep two people cards per row, including <=440px where the old layer fell back to one column. */
@media(max-width:720px){
  .apx-people-widget{padding:13px!important;border-radius:19px!important}
  .apx-people-widget__head{margin-bottom:12px!important;padding-bottom:11px!important}
  .apx-people-widget__head h2{font-size:20px!important}
  .apx-people-widget__all{font-size:9px!important}
  .apx-people-widget__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .apx-people-card{border-radius:14px!important}
  .apx-people-card__main{grid-template-columns:54px minmax(0,1fr)!important;gap:8px!important;min-height:84px!important;padding:8px!important}
  .apx-people-card__photo{width:54px!important;height:66px!important;border-radius:11px!important}
  .apx-people-card__copy{padding-right:10px!important}
  .apx-people-card__copy strong{font-size:11px!important;line-height:1.25!important}
  .apx-people-card__copy small{margin-top:2px!important;font-size:8.5px!important}
  .apx-people-card__copy em{gap:4px!important;margin-top:5px!important;padding:3px 6px!important;font-size:8px!important}
  .apx-people-card__arrow{right:8px!important;top:8px!important;transform:none!important}
  .apx-people-card__works{gap:3px!important;padding:6px 8px 8px!important}
  .apx-people-card__works>span{font-size:7.5px!important;letter-spacing:.08em!important}
  .apx-people-card__works a{gap:5px!important;font-size:8.5px!important}
}
@media(max-width:440px){
  .apx-people-widget{padding:11px!important}
  .apx-people-widget__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .apx-people-card__main{grid-template-columns:48px minmax(0,1fr)!important;gap:7px!important;min-height:78px!important;padding:7px!important}
  .apx-people-card__photo{width:48px!important;height:60px!important;border-radius:10px!important}
  .apx-people-card__copy{padding-right:8px!important}
  .apx-people-card__copy strong{font-size:10.5px!important}
  .apx-people-card__copy small{font-size:8px!important}
  .apx-people-card__copy em{padding:3px 5px!important;font-size:7.5px!important}
  .apx-people-card__works{padding:5px 7px 7px!important}
  .apx-people-card__works a{font-size:8px!important}
}
@media(max-width:350px){
  .apx-people-widget__grid{gap:7px!important}
  .apx-people-card__main{grid-template-columns:44px minmax(0,1fr)!important;gap:6px!important;padding:6px!important}
  .apx-people-card__photo{width:44px!important;height:56px!important}
  .apx-people-card__copy strong{font-size:10px!important}
  .apx-people-card__copy em{font-size:7px!important}
}

@media(prefers-reduced-motion:reduce){
  .apx-people-card,
  .apx-people-card__photo img,
  .apx-people-card__arrow{transition:none!important}
}