/* Catalog: homepage, discovery, filters, ranking and movie listing surfaces. */
.apx-ranking,.apx-ranking *{box-sizing:border-box}
.apx-ranking{max-width:1500px;margin:0 auto;padding:clamp(14px,2vw,28px);color:#f5f7fb}
.apx-ranking__head{padding:clamp(18px,3vw,34px);border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#151922;margin-bottom:18px}
.apx-ranking__kicker{font-size:11px;font-weight:800;letter-spacing:.12em;color:#f5c518}
.apx-ranking__head h1{font-size:clamp(26px,4vw,44px);line-height:1.05;margin:8px 0}
.apx-ranking__head p{color:#9da7b8;max-width:760px}
.apx-ranking__filters{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin-top:18px}
.apx-ranking__filters label{display:grid;gap:5px;color:#aeb7c6;font-size:12px}
.apx-ranking__filters select,.apx-ranking__filters input{height:38px;min-width:145px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:#0f131a;color:#fff;padding:0 10px}
.apx-ranking__filters button,.apx-ranking__reset{height:38px;display:inline-flex;align-items:center;padding:0 14px;border:0;border-radius:9px;background:#f5c518;color:#111;font-weight:800;text-decoration:none}
.apx-ranking__reset{background:#272d38;color:#e7eaf0}
.apx-ranking__summary{margin:0 0 12px;color:#9da7b8;font-size:12px}
.apx-ranking__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.apx-rank-card{min-width:0}
.apx-rank-card>a{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:#191e27;color:inherit;text-decoration:none}
.apx-rank-card__poster{position:relative;aspect-ratio:2/3;background:#0d1015;overflow:hidden}
.apx-rank-card__poster img{width:100%;height:100%;object-fit:cover}
.apx-rank-card__rank{position:absolute;z-index:2;top:8px;left:8px;padding:4px 8px;border-radius:999px;background:rgba(0,0,0,.76);color:#f5c518;font-weight:900;font-size:12px}
.apx-rank-card__body{padding:11px;display:grid;gap:8px}
.apx-rank-card__body h2{font-size:14px;line-height:1.35;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.apx-rank-card__rating{display:flex;justify-content:space-between;gap:8px;font-size:11px}
.apx-rank-card__rating strong{color:#f5c518}
.apx-rank-card__rating span{color:#929daf}
.apx-rank-card__meta{display:flex;gap:5px;flex-wrap:wrap}
.apx-rank-card__meta span{font-size:10px;color:#b8c0cc;background:#262c36;border-radius:5px;padding:3px 6px}
.apx-ranking__pages{display:flex;justify-content:center;margin-top:24px}
.apx-ranking__pages .page-numbers{display:inline-flex;min-width:36px;height:36px;align-items:center;justify-content:center;margin:3px;border-radius:8px;background:#222833;color:#fff;text-decoration:none}
.apx-ranking__pages .current{background:#f5c518;color:#111;font-weight:900}
@media (max-width:1180px){.apx-ranking__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:860px){.apx-ranking__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.apx-ranking{padding:10px}.apx-ranking__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.apx-ranking__filters label{flex:1 1 42%}.apx-ranking__filters select,.apx-ranking__filters input{width:100%;min-width:0}.apx-rank-card__body{padding:9px}.apx-rank-card__rating{display:grid}}
.topmovie-thumb{position:relative}
.topmovie-year-badge{position:absolute;z-index:4;top:8px;right:8px;display:inline-flex;align-items:center;height:25px;padding:0 8px;border:1px solid rgba(255,255,255,.24);border-radius:999px;color:#f8fbff;background:rgba(10,14,20,.76);backdrop-filter:blur(10px);box-shadow:0 5px 14px rgba(0,0,0,.22);font-size:10px;font-weight:850;letter-spacing:.02em}
@media (max-width:640px){.topmovie-year-badge{top:6px;right:6px;height:23px;padding-inline:7px;font-size:9px}}
.apx-ranking__summary{display:flex;align-items:center;min-height:38px;padding:0 12px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#141922;color:#8e99a9;font-size:11px}
.apx-rank-card__rating strong{letter-spacing:.01em}
.apx-rank-card__rating span{opacity:.72}
.apx-sidebar-movies--ranking .apx-sidebar-movies__rank{left:auto;right:6px;background:#f5c518;color:#17120a}
.apx-sidebar-movies--ranking .apx-sidebar-movies__poster{filter:saturate(.92) contrast(1.03)}
.apx-catalog-grid{gap:clamp(12px,1.6vw,18px)!important;align-items:start}
.apx-catalog-card{display:block;height:100%;color:inherit;text-decoration:none;transition:transform .2s ease}
.apx-catalog-card__poster{position:relative;aspect-ratio:2/3;width:100%;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#0c1016;box-shadow:0 16px 34px -28px rgba(0,0,0,.95);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.apx-catalog-card__poster>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .26s ease,filter .26s ease}
.apx-catalog-card__shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(4,6,9,.18) 0%,transparent 36%,rgba(4,6,9,.12) 52%,rgba(4,6,9,.9) 100%);pointer-events:none}
.apx-catalog-card__badges{position:absolute;z-index:3;inset:7px 7px auto;display:flex;align-items:flex-start;justify-content:space-between;gap:6px}
.apx-catalog-card__badge{display:inline-flex;align-items:center;min-height:24px;padding:3px 7px;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:rgba(8,11,16,.8);backdrop-filter:blur(7px);color:#eff3f7;font-size:9px;font-weight:900;line-height:1;box-shadow:0 3px 12px rgba(0,0,0,.2)}
.apx-catalog-card__badge--quality{color:#8ef0ae;border-color:rgba(76,222,126,.24);background:rgba(13,50,27,.72)}
.apx-catalog-card__badge--year{color:#f4d86a}
.apx-catalog-card__status{position:absolute;z-index:3;left:7px;right:7px;bottom:7px;display:flex;justify-content:space-between;align-items:flex-end;gap:6px}
.apx-catalog-card__status span{max-width:72%;padding:4px 7px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:rgba(7,10,15,.8);backdrop-filter:blur(7px);color:#f0f4f8;font-size:9px;font-weight:850;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.apx-catalog-card__status span:last-child{max-width:46%;color:#b8c4d2}
.apx-catalog-card__play{position:absolute;z-index:4;left:50%;top:50%;display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(9,13,19,.7);backdrop-filter:blur(10px);color:#fff;opacity:0;transform:translate(-50%,-42%) scale(.92);transition:opacity .2s ease,transform .2s ease}
.apx-catalog-card__play svg{width:20px;height:20px;margin-left:2px}
.apx-catalog-card__body{display:grid;gap:4px;padding:10px 2px 4px;text-align:left}
.apx-catalog-card__body h3{margin:0;color:#eef2f6;font-size:13px;font-weight:800;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .18s ease}
.apx-catalog-card__original{margin:0;color:#737f8f;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.apx-catalog-card__meta{display:flex;align-items:center;gap:6px;min-height:18px;color:#8995a5;font-size:9px;font-weight:700;white-space:nowrap;overflow:hidden}
.apx-catalog-card__meta span{overflow:hidden;text-overflow:ellipsis}
.apx-catalog-card__rating{color:#f3cd55!important}
@media (hover:hover){.apx-catalog-card:hover{transform:translateY(-3px)}.apx-catalog-card:hover .apx-catalog-card__poster{border-color:rgba(92,219,132,.28);box-shadow:0 24px 48px -28px rgba(0,0,0,.98)}.apx-catalog-card:hover .apx-catalog-card__poster>img{transform:scale(1.045);filter:saturate(1.06) contrast(1.03)}.apx-catalog-card:hover .apx-catalog-card__play{opacity:1;transform:translate(-50%,-50%) scale(1)}.apx-catalog-card:hover .apx-catalog-card__body h3{color:#78e89c}}
@media (max-width:767px){.apx-catalog-card__play{display:none}.apx-catalog-card__poster{border-radius:12px}.apx-catalog-card__body{padding-top:8px}}
.home-filter-wrap{margin:10px 0 18px!important;padding:14px 16px!important;border-top:1px solid var(--theme-border)!important;border-bottom:1px solid var(--theme-border)!important;background:linear-gradient(180deg,#171c24,#141920)!important}
.home-filter-container{max-width:none!important;margin:0!important}
.home-filter-form{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(132px,.72fr)!important;gap:10px!important;align-items:end!important}
.home-filter-form .filter-item{min-width:0!important}
.home-filter-form .filter-item label{display:block!important;margin:0 0 5px!important;color:#9aa5b3!important;font-size:10px!important;font-weight:750!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.home-filter-form .filter-item select{width:100%!important;min-width:0!important;height:42px!important;padding:0 34px 0 11px!important;border:1px solid var(--theme-border-strong)!important;border-radius:10px!important;background:#10151c!important;color:#e7edf4!important;font-size:12px!important;outline:none!important;box-shadow:none!important}
.home-filter-form .filter-item select:focus{border-color:rgba(79,141,247,.55)!important;box-shadow:0 0 0 3px rgba(79,141,247,.09)!important}
.home-filter-form .filter-submit{min-width:0!important}
.home-filter-form .filter-submit button{width:100%!important;height:42px!important;border:1px solid rgba(79,141,247,.45)!important;border-radius:10px!important;background:linear-gradient(135deg,#18b8df,#1678f2)!important;color:#fff!important;font-size:12px!important;font-weight:850!important;white-space:nowrap!important;box-shadow:0 12px 26px -18px rgba(31,141,255,.9)!important;transition:filter .16s ease,transform .16s ease!important}
.home-filter-form .filter-submit button:hover{filter:brightness(1.06)!important;transform:translateY(-1px)!important}
.apx-movie-section{min-width:0}
.apx-movie-section [data-apx-slider-track]{gap:10px!important;padding-bottom:10px!important}
.apx-movie-card{min-width:0;color:inherit;text-decoration:none!important}
.apx-movie-card__poster{border:1px solid var(--theme-border)!important;border-radius:12px!important;background:#0c1118!important;box-shadow:0 14px 30px -25px #000!important;isolation:isolate;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease!important}
.apx-movie-card__image{border-radius:12px!important;object-position:center top!important;transition:transform .24s ease,filter .24s ease!important}
.apx-movie-card__poster::after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(180deg,rgba(3,5,8,.12) 0%,transparent 38%,rgba(3,5,8,.12) 57%,rgba(3,5,8,.72) 100%);border-radius:inherit}
.apx-movie-card__poster>.absolute.inset-0{z-index:10!important}
.apx-movie-card__poster .apiphim-badge{min-height:21px!important;max-width:48%!important;padding:3px 6px!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:6px!important;background:rgba(8,12,18,.78)!important;backdrop-filter:blur(7px);font-size:8px!important;font-weight:850!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.apx-movie-card__poster .apiphim-badge-quality{color:#9ceab4!important;border-color:rgba(69,213,119,.22)!important;background:rgba(12,46,26,.78)!important}
.apx-movie-card__poster .apiphim-badge-lang{color:#dce8f7!important}
.apx-movie-card__poster .absolute.flex.flex-col.text-white{max-width:calc(100% - 14px)!important;left:7px!important;right:auto!important;bottom:7px!important;transform:none!important;gap:4px!important;align-items:flex-start!important}
.apx-movie-card__poster .absolute.flex.flex-col.text-white span{display:block!important;max-width:100%!important;min-height:20px!important;padding:3px 6px!important;border-radius:6px!important;font-size:8px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.apx-movie-card__body{min-width:0!important;gap:3px!important;padding:8px 2px 3px!important}
.apx-movie-card__body h3{width:100%;min-width:0;margin:0!important;color:#e9eef4!important;font-size:12px!important;font-weight:750!important;line-height:1.3!important;text-align:center;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important}
.apx-movie-card__body p{width:100%;min-width:0;margin:0!important;color:#6f7b8b!important;font-size:9px!important;font-weight:600!important;line-height:1.25!important;text-align:center;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important}
@media (hover:hover){.apx-movie-card:hover .apx-movie-card__poster{border-color:rgba(58,166,160,.4)!important;box-shadow:0 20px 38px -26px rgba(0,0,0,.98)!important;transform:translateY(-2px)}.apx-movie-card:hover .apx-movie-card__image{transform:scale(1.035);filter:saturate(1.06) contrast(1.025)}.apx-movie-card:hover .apx-movie-card__body h3{color:#85dfba!important}}
.apx-ranking{color:var(--theme-text)!important}
.apx-ranking__head{padding:20px!important;border:1px solid var(--theme-border)!important;border-radius:16px!important;background:linear-gradient(145deg,#121824,#0f141d)!important}
.apx-ranking__kicker{color:#87aef8!important;font-size:10px!important;letter-spacing:.1em!important}
.apx-ranking__head h1{margin:6px 0!important;font-size:clamp(24px,3vw,34px)!important;line-height:1.12!important;letter-spacing:-.02em!important}
.apx-ranking__head p{margin:0!important;color:#8592a2!important;font-size:12px!important;line-height:1.55!important}
.apx-ranking__summary{min-height:34px!important;padding:0 10px!important;border-radius:9px!important;background:#111722!important;color:#7f8b9a!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.apx-ranking__empty{grid-column:1/-1;display:grid;gap:4px;padding:24px;border:1px dashed rgba(255,255,255,.12);border-radius:14px;background:#111721;color:#e6edf4;text-align:center}
.apx-ranking__empty span{color:#7e8a99;font-size:12px}
.apx-rank-card>a{border-color:var(--theme-border)!important;border-radius:12px!important;background:#111722!important}
.apx-rank-card__poster{border-radius:12px 12px 0 0!important}
.apx-rank-card__body{gap:6px!important;padding:9px!important}
.apx-rank-card__body h2{font-size:12px!important;white-space:nowrap!important;text-overflow:ellipsis!important;display:block!important}
.apx-rank-card__rating{align-items:center!important;font-size:10px!important;white-space:nowrap!important}
.apx-rank-card__rating strong{color:#f2c84b!important}
.apx-rank-card__rating span{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#7d8999!important}
.apx-rank-card__meta{flex-wrap:nowrap!important;overflow:hidden!important}
.apx-rank-card__meta span{min-width:0;max-width:46%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important}
@media (max-width:980px){.home-filter-form{grid-template-columns:repeat(2,minmax(0,1fr))!important}.home-filter-form .filter-submit{grid-column:1/-1!important}.home-filter-form .filter-submit button{max-width:220px!important}}
@media (max-width:767px){.apx-movie-card__body h3{font-size:11px!important}}
@media (max-width:560px){.home-filter-wrap{padding:12px!important}.home-filter-form{grid-template-columns:1fr!important}.home-filter-form .filter-submit{grid-column:auto!important}.home-filter-form .filter-submit button{max-width:none!important}}
.apx-ranking__pages:empty{display:none!important}
@media (max-width:767px){.home-filter-wrap{padding:0!important}.home-filter-container{padding:12px 10px!important}.home-filter-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.home-filter-form .filter-item{min-width:0!important}.home-filter-form .filter-item label{margin:0 0 4px!important;font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.home-filter-form .filter-item select{height:44px!important;padding:0 28px 0 10px!important;border-radius:10px!important;font-size:12px!important}.home-filter-form .filter-submit{grid-column:1/-1!important}.home-filter-form .filter-submit button{height:44px!important;max-width:none!important;border-radius:10px!important;font-size:12px!important}}
.apx-catalog-card__badges{top:7px!important}
.apx-catalog-card__badge--year{display:none!important}
.apx-catalog-card__status{left:7px!important;right:auto!important;bottom:7px!important;gap:0!important;max-width:calc(100% - 14px)!important;align-items:stretch!important}
.apx-catalog-card__status span{height:27px!important;display:flex!important;align-items:center!important;max-width:none!important;padding:0 8px!important;border-radius:0!important;font-size:9px!important;border:1px solid rgba(255,255,255,.12)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.apx-catalog-card__status span:first-child{border-radius:7px 0 0 7px!important;background:rgba(22,31,54,.94)!important;color:#f0f4fa!important}
.apx-catalog-card__status span:last-child{border-left:0!important;border-radius:0 7px 7px 0!important;background:rgba(225,49,75,.92)!important;color:#fff!important}
.apx-catalog-card__body h3{font-size:13px!important;line-height:1.32!important}
.apx-catalog-card__play{display:grid!important}
.apx-catalog-card__play{opacity:.16!important}
.apx-catalog-card:hover .apx-catalog-card__play,.apx-catalog-card:focus-visible .apx-catalog-card__play{opacity:1!important}
@media (max-width:767px){.apx-catalog-card__play{width:38px!important;height:38px!important;opacity:.34!important}.apx-catalog-card__play svg{width:17px!important;height:17px!important}.apx-catalog-card__status span{height:25px!important;padding-inline:6px!important;font-size:8px!important}}
.movie-card-item .apx-movie-card__poster{position:relative!important}
.movie-card-item .apx-movie-card__poster::after{content:"▶";position:absolute;z-index:31;left:50%;top:50%;display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(6,10,16,.72);color:#fff;font-size:15px;opacity:.12;transform:translate(-50%,-50%);pointer-events:none;transition:opacity .18s ease,transform .18s ease}
.movie-card-item:hover .apx-movie-card__poster::after,.movie-card-item:focus-visible .apx-movie-card__poster::after{opacity:1;transform:translate(-50%,-50%) scale(1.04)}
@media (max-width:767px){.movie-card-item .apx-movie-card__poster::after{width:38px;height:38px;font-size:13px;opacity:.28}}
.topmovie-thumb{position:relative}
.topmovie-thumb::after{content:"▶";position:absolute;z-index:4;left:50%;top:50%;display:grid;place-items:center;width:42px;height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(7,11,17,.7);color:#fff;font-size:14px;opacity:.14;transform:translate(-50%,-50%);transition:.18s ease}
.topmovie-item:hover .topmovie-thumb::after,.topmovie-item:focus-visible .topmovie-thumb::after{opacity:1;transform:translate(-50%,-50%) scale(1.05)}
.topmovie-rank[data-rank="1"]{color:#ffd65a!important;text-shadow:0 3px 18px rgba(255,198,42,.36)}
.topmovie-rank[data-rank="2"]{color:#dbe4ee!important}
.topmovie-rank[data-rank="3"]{color:#d79a67!important}
.apx-poster-meta-bar{position:absolute!important;z-index:30!important;left:7px!important;bottom:7px!important;display:flex!important;align-items:stretch!important;gap:0!important;max-width:calc(100% - 14px)!important;min-width:0!important;font-size:9px!important;font-weight:800!important;line-height:1!important;filter:drop-shadow(0 5px 10px rgba(0,0,0,.34))}
.apx-poster-meta-bar>span{display:flex!important;align-items:center!important;height:27px!important;min-width:0!important;padding:0 8px!important;border:1px solid rgba(255,255,255,.13)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.apx-poster-meta-type{border-radius:7px 0 0 7px!important;background:rgba(22,31,54,.94)!important;color:#edf3fb!important}
.apx-poster-meta-status{border-left:0!important;border-radius:0 7px 7px 0!important;background:rgba(225,49,75,.93)!important;color:#fff!important}
@media (max-width:767px){.apx-poster-meta-bar{left:6px!important;bottom:6px!important;max-width:calc(100% - 12px)!important;font-size:8px!important}.apx-poster-meta-bar>span{height:25px!important;padding-inline:6px!important}}
.topmovie-year-badge{display:none!important}
.topmovie-title{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;line-height:1.25!important}
@media (max-width:767px){.topmovie-thumb::after{opacity:.30}}
.topmovie-header{position:relative!important;
  padding-bottom:15px!important;
  margin-bottom:18px!important;}
.topmovie-header::after{content:"";position:absolute;left:0;bottom:0;width:70%;max-width:560px;height:1px;
  background:linear-gradient(90deg,rgba(152,169,190,.36),rgba(152,169,190,.11),transparent);
  pointer-events:none;}
.topmovie-header::before{content:"";position:absolute;z-index:1;left:0;bottom:-.5px;width:54px;height:2px;border-radius:999px;
  background:linear-gradient(90deg,var(--detail-green),var(--detail-teal));
  box-shadow:0 0 12px rgba(45,212,191,.16);pointer-events:none;}
.topmovie-header h2{margin:0!important;color:var(--detail-text)!important;font-size:var(--detail-title-size)!important;
  font-weight:850!important;line-height:1.22!important;letter-spacing:-.022em!important;text-transform:none!important;}
.topmovie-header h2::after{display:none!important}
.topmovie-year-badge{display:inline-flex!important;position:absolute;z-index:8;right:8px;top:8px;align-items:center;justify-content:center;min-height:27px;padding:0 8px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(8,12,18,.86);color:#eef3f8;font-size:10px;font-weight:900;line-height:1;backdrop-filter:blur(8px);box-shadow:0 8px 18px -14px #000}
.apx-movie-card--rank .apx-movie-card__poster{clip-path:none!important;-webkit-clip-path:none!important;overflow:hidden!important;border-radius:14px!important;border-color:transparent!important}
.apx-movie-card--rank .apx-movie-card__image{border-radius:14px!important;object-fit:cover!important}
.apx-movie-card--rank .apx-movie-card__poster::after{border-radius:14px!important}
.apx-movie-card--rank .apx-movie-card__poster::before{content:"";position:absolute;z-index:40;inset:0;pointer-events:none;border-radius:14px;box-shadow:inset 0 0 0 1.5px rgba(188,202,218,.42),inset 0 1px 0 rgba(255,255,255,.09)}
@media (max-width:767px){.topmovie-header{padding-bottom:12px!important;margin-bottom:14px!important}.topmovie-header::after{width:70%;max-width:none}.topmovie-header::before{width:44px}.topmovie-year-badge{right:6px;top:6px;min-height:24px;padding-inline:6px;font-size:9px}}
.apx-slideposter-widget{margin:0 0 26px}
.apx-slideposter-heading{margin:0 0 16px!important}
.apx-slideposter-widget>section{padding-top:0!important}
.apx-slideposter-widget.is-featured .apx-slideposter-heading::before{background:linear-gradient(90deg,#a3e635,#2dd4bf)!important;}
.apx-rank-card__body>.apx-rank-card__meta:first-of-type{margin-top:8px}
@media (max-width:767px){.apx-slideposter-widget{margin-bottom:20px}.apx-slideposter-heading{margin-bottom:12px!important}}
.apx-slideposter-widget{width:100%!important;margin:0 0 28px!important}
.apx-slideposter-heading{width:100%!important;margin:0 0 18px!important;padding:0 0 15px!important;
  align-items:center!important;justify-content:flex-start!important;}
.apx-slideposter-heading .section-title{margin:0!important;padding:0!important;font-size:var(--detail-title-size,24px)!important;
  font-weight:850!important;line-height:1.22!important;letter-spacing:-.022em!important;}
.apx-slideposter-heading .apx-widget-title-link{display:inline-flex!important;align-items:center!important;gap:7px!important}
.apx-slideposter-widget>section{margin-top:0!important;padding-top:0!important}
@media (max-width:767px){.apx-slideposter-widget{margin-bottom:22px!important}.apx-slideposter-heading{margin-bottom:14px!important;padding-bottom:12px!important}.apx-slideposter-heading .section-title{font-size:20px!important}}
.apx-ranking__filters{display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  gap:10px;
  margin-top:18px;}
.apx-ranking__filters label{display:grid;
  gap:6px;
  min-width:170px;
  color:#aeb7c6;
  font-size:12px;
  font-weight:650;}
.apx-ranking__filters select{width:100%;
  height:40px;
  min-width:170px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:10px;
  background:#0d131d;
  color:#f7f9fc;
  padding:0 34px 0 11px;
  font-size:13px;
  outline:none;
  transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease;}
.apx-ranking__filters select:hover,.apx-ranking__filters select:focus{border-color:rgba(135,174,248,.58);
  background:#111925;
  box-shadow:0 0 0 3px rgba(78,129,230,.11);}
.apx-ranking__filters button,.apx-ranking__reset{min-height:40px;
  border-radius:10px!important;
  padding:0 15px!important;
  white-space:nowrap;}
.apx-ranking__filters button{cursor:pointer;}
.apx-ranking__active-filters{display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:10px;}
.apx-ranking__filter-chip{display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:28px;
  padding:4px 9px;
  border:1px solid rgba(135,174,248,.2);
  border-radius:999px;
  background:rgba(58,93,157,.18);
  color:#cbdcff;
  font-size:11px;
  font-weight:700;
  line-height:1;
  text-decoration:none;
  transition:border-color .18s ease,background-color .18s ease,color .18s ease;}
.apx-ranking__filter-chip span{color:#88a5d7;
  font-size:15px;
  line-height:1;}
.apx-ranking__filter-chip:hover,.apx-ranking__filter-chip:focus-visible{border-color:rgba(135,174,248,.46);
  background:rgba(58,93,157,.3);
  color:#fff;}
.apx-ranking__empty{margin-bottom:16px;}
@media (max-width:640px){.apx-ranking__filters{display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;}.apx-ranking__filters label{min-width:0;}.apx-ranking__filters select{min-width:0;}.apx-ranking__filters button,.apx-ranking__reset{width:100%;
    justify-content:center;}}
@media (max-width:390px){.apx-ranking__filters{grid-template-columns:1fr;}}

/* Filter page. */

.apiphim-nav-wrap {
  margin: 12px 0 18px;
  padding: 10px 14px;
  border-radius: 12px;

  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;

  background: rgba(20,20,20,.85);
  backdrop-filter: blur(8px);

  border: 1px solid #666;
  box-shadow: 0 4px 14px rgba(0,0,0,.35);
}

.apiphim-nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.apiphim-nav-item {
    font-size: 13px;
    color: #d1d5db;
}
.apiphim-nav-link {
    color: #22c55e;
    text-decoration: none;
    font-weight: 500;
}
.apiphim-nav-divider {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(255,255,255,.25);
}


.filter-bar {
  margin-bottom: 20px;
  padding: 12px 14px;
  border-radius: 12px;

  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;

  background: rgba(20,20,20,.9);
  backdrop-filter: blur(8px);

  border: 1px solid #444;
  box-shadow: 0 4px 16px rgba(0,0,0,.35);
}

.filter-form {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    gap: 16px;
}

.filter-item label {
    display: block;
    font-size: 13px;
    color: #9ca3af;
    margin-bottom: 6px;
}

.filter-item select {
    width: 100%;
    height: 42px;
    border-radius: 12px;
    background: #1c1e26;
    border: 1px solid rgba(255,255,255,.12);
    color: #fff;
    padding: 0 12px;
}

.filter-submit {
    display: flex;
    align-items: flex-end;
}
.filter-submit button {
    height: 42px;
    padding: 0 36px;
    border-radius: 14px;
    border: 1px solid rgba(0, 180, 255, 0.35);

    background: linear-gradient(135deg, #00c6ff, #0072ff);
    color: #ffffff;

    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.4px;
    white-space: nowrap;
    cursor: pointer;

    transition: all 0.25s ease;

    box-shadow:
        0 4px 14px rgba(0, 114, 255, 0.35),
        inset 0 1px 0 rgba(255,255,255,0.15);
}


.filter-submit button:hover {
    transform: translateY(-2px);
    box-shadow:
        0 8px 22px rgba(0, 114, 255, 0.55),
        inset 0 1px 0 rgba(255,255,255,0.25);
}


.filter-submit button:active {
    transform: translateY(0);
    box-shadow:
        0 3px 10px rgba(0, 114, 255, 0.35),
        inset 0 2px 6px rgba(0,0,0,0.25);
}


.filter-submit button:focus-visible {
    outline: 2px solid #00c6ff;
    outline-offset: 2px;
}


.filter-grid {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 18px;
}


.movie-item {
    background: #15171d;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0,0,0,.55);
}

.movie-thumb {
    position: relative;
}

.movie-thumb img {
    width: 100%;
    aspect-ratio: 2/3;
    object-fit: cover;
    display: block;
}


.movie-badge {
    position: absolute;
    font-size: 12px;
    padding: 3px 8px;
    border-radius: 7px;
    line-height: 1.2;
    z-index: 2;
}
.movie-quality {
    top: 8px;
    left: 8px;
    background: linear-gradient(135deg,#facc15,#ca8a04);
    color: #111;
    font-weight: 700;
}
.movie-view {
    top: 8px;
    right: 8px;
    background: rgba(0,0,0,.65);
    color: #fff;
}
.movie-lang {
    top: 8px;
    right: 8px;
    background: linear-gradient(135deg,#2563eb,#1e40af);
    color: #fff;
    font-weight: 700;
}
.movie-episode {
    bottom: 8px;
    right: 8px;
    color: #fff;
    font-weight: 600;
}

.movie-episode-grey {
    background: linear-gradient(
        135deg,
        rgba(15,23,42,.85),
        rgba(0,0,0,.85)
    );
}
.movie-episode-red {
    background-color: rgb(220 38 38);
}
.movie-episode-orange {
    background-color: rgb(249 115 22);
}


.movie-title {
    padding: 10px 8px 12px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 1.35;
    background: #31394F;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.filter-pagination {
    margin: 36px 0;
    display: flex;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}
.filter-pagination a,
.filter-pagination span {
    min-width: 38px;
    padding: 8px 12px;
    border-radius: 10px;
    background: #1c1e26;
    color: #ccc;
    text-align: center;
}
.filter-pagination .current {
    background: linear-gradient(135deg,#22c55e,#16a34a);
    color: #04110a;
    font-weight: 700;
}


@media (max-width: 768px) {
    .filter-form {
        grid-template-columns: repeat(2,1fr);
    }
    .filter-submit {
        grid-column: 1 / -1;
        justify-content: center;
    }
    .filter-grid {
        grid-template-columns: repeat(2,1fr);
        gap: 14px;
    }
    .movie-title {
        font-size: 13px;
    }
    .movie-badge {
        font-size: 11px;
        padding: 2px 7px;
    }
}

/* Search page. */
.apiphim-search-page,
.apiphim-search-page * {
    box-sizing: border-box;
}

.apiphim-search-page {
    --search-panel: #171b24;
    --search-panel-deep: #11151d;
    --search-card: #1b202a;
    --search-border: rgba(157, 169, 194, .18);
    --search-text: #f5f7fb;
    --search-muted: #99a4b8;
    --search-green: #24e256;
    --search-blue: #45c7f4;
    --search-purple: #9b7cff;
    width: 100%;
    padding: clamp(16px, 3vw, 34px) clamp(12px, 2vw, 24px);
    color: var(--search-text);
}

.apiphim-search-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(270px, 30%);
    gap: clamp(22px, 3vw, 38px);
    max-width: 1440px;
    margin: 0 auto;
}

.apiphim-search-main {
    min-width: 0;
}

.apiphim-search-head {
    overflow: hidden;
    padding: clamp(16px, 2.5vw, 24px);
    border: 1px solid var(--search-border);
    border-radius: 16px;
    background:
        radial-gradient(circle at 8% 0, rgba(36, 226, 86, .09), transparent 28%),
        radial-gradient(circle at 96% 100%, rgba(155, 124, 255, .08), transparent 30%),
        linear-gradient(180deg, var(--search-panel), var(--search-panel-deep));
    box-shadow: 0 16px 36px rgba(0, 0, 0, .28);
}

.apiphim-search-title {
    margin: 0;
    color: #fff;
    font-size: clamp(21px, 3vw, 32px);
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -.02em;
}

.apiphim-search-title strong {
    color: var(--search-green);
}

.apiphim-search-mode {
    display: inline-flex;
    align-items: center;
    margin-top: 9px;
    padding: 5px 9px;
    border: 1px solid var(--search-border);
    border-radius: 999px;
    background: rgba(255, 255, 255, .035);
    color: var(--search-muted);
    font-size: 11px;
    font-weight: 700;
}

.apiphim-search-mode b {
    margin-left: 4px;
    color: #fff;
}

.apiphim-search-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 8px;
    margin-top: 17px;
}

.apiphim-search-input {
    width: 100%;
    min-width: 0;
    height: 44px;
    padding: 0 14px;
    border: 1px solid rgba(157, 169, 194, .24);
    border-radius: 10px;
    background: #0f131a;
    color: #fff;
    font: 600 13px/1 "Inter", sans-serif;
    outline: none;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.apiphim-search-input::placeholder {
    color: #707b8e;
}

.apiphim-search-input:focus {
    border-color: rgba(69, 199, 244, .62);
    box-shadow: 0 0 0 3px rgba(69, 199, 244, .10);
}

.apiphim-search-submit {
    min-height: 44px;
    padding: 0 14px;
    border: 1px solid var(--search-border);
    border-radius: 10px;
    background: #252b36;
    color: #f5f7fb;
    font: 750 12px/1 "Inter", sans-serif;
    cursor: pointer;
    white-space: nowrap;
    transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

.apiphim-search-submit:hover,
.apiphim-search-submit:focus-visible {
    border-color: rgba(69, 199, 244, .48);
    background: #2c3442;
    transform: translateY(-1px);
    outline: none;
}

.apiphim-search-submit--all {
    border-color: rgba(36, 226, 86, .35);
    background: linear-gradient(135deg, #1c8c42, #22b455);
    color: #fff;
}

.apiphim-search-submit--all:hover,
.apiphim-search-submit--all:focus-visible {
    border-color: rgba(36, 226, 86, .68);
    background: linear-gradient(135deg, #20a34b, #28c660);
}

.apiphim-search-help {
    margin: 10px 0 0;
    color: var(--search-muted);
    font-size: 11.5px;
    line-height: 1.55;
}

.apiphim-semantic {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 10px;
    margin-top: 14px;
}

.apiphim-semantic-box {
    min-width: 0;
    padding: 12px;
    border: 1px solid var(--search-border);
    border-radius: 11px;
    background: linear-gradient(180deg, #1c212b, #151922);
}

.apiphim-semantic-title {
    margin-bottom: 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 750;
}

.apiphim-semantic-items {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.apiphim-semantic-items a {
    max-width: 100%;
    overflow: hidden;
    padding: 5px 7px;
    border: 1px solid rgba(157, 169, 194, .13);
    border-radius: 6px;
    background: #0f1319;
    color: #cfd6e1;
    font-size: 10.5px;
    font-weight: 650;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color .18s ease, border-color .18s ease, background .18s ease;
}

.apiphim-semantic-items a:hover,
.apiphim-semantic-items a:focus-visible {
    border-color: rgba(36, 226, 86, .38);
    background: rgba(36, 226, 86, .10);
    color: #fff;
    outline: none;
}

.apiphim-search-highlight {
    padding: 0 2px;
    border-radius: 3px;
    background: #ffd43b;
    color: #101218;
}

.apiphim-search-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    margin-top: 20px;
}

.apiphim-search-card {
    min-width: 0;
    color: inherit;
    text-decoration: none;
}

.apiphim-search-poster {
    position: relative;
    width: 100%;
    aspect-ratio: 2 / 3;
    overflow: hidden;
    border: 1px solid var(--search-border);
    border-radius: 8px;
    background: #0c0f15;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .23);
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.apiphim-search-card:hover .apiphim-search-poster,
.apiphim-search-card:focus-visible .apiphim-search-poster {
    border-color: rgba(36, 226, 86, .46);
    box-shadow: 0 14px 28px rgba(0, 0, 0, .34);
    transform: translateY(-4px);
}

.apiphim-search-card:focus-visible {
    outline: none;
}

.apiphim-search-poster img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .32s ease, filter .32s ease;
}

.apiphim-search-card:hover img,
.apiphim-search-card:focus-visible img {
    filter: saturate(1.05);
    transform: scale(1.05);
}

.apiphim-search-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0, 0, 0, .08), transparent 48%, rgba(0, 0, 0, .32));
}

.apiphim-search-badge {
    position: absolute;
    top: 6px;
    z-index: 3;
    max-width: 44%;
    overflow: hidden;
    padding: 4px 6px;
    border-radius: 5px;
    color: #fff;
    font-size: 9px;
    font-weight: 800;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .28);
}

.apiphim-search-badge--quality {
    left: 6px;
    background: rgba(139, 92, 246, .92);
}

.apiphim-search-badge--lang {
    right: 6px;
    background: rgba(14, 165, 233, .92);
}

.apiphim-search-episode {
    position: absolute;
    z-index: 3;
    bottom: 7px;
    left: 50%;
    max-width: calc(100% - 14px);
    overflow: hidden;
    padding: 4px 7px;
    border-radius: 5px;
    color: #fff;
    font-size: 9.5px;
    font-weight: 750;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
    transform: translateX(-50%);
}

.apiphim-search-info {
    min-width: 0;
    padding: 8px 3px 2px;
    text-align: center;
}

.apiphim-search-movie-title,
.apiphim-search-original-title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.apiphim-search-movie-title {
    color: #e8edf5;
    font-size: 12.5px;
    font-weight: 750;
}

.apiphim-search-card:hover .apiphim-search-movie-title,
.apiphim-search-card:focus-visible .apiphim-search-movie-title {
    color: var(--search-green);
}

.apiphim-search-original-title {
    margin-top: 3px;
    color: #727e91;
    font-size: 10.5px;
}

.apiphim-search-empty {
    margin-top: 20px;
    padding: 44px 18px;
    border: 1px dashed rgba(157, 169, 194, .25);
    border-radius: 13px;
    background: rgba(255, 255, 255, .025);
    text-align: center;
}

.apiphim-search-empty-icon {
    margin-bottom: 8px;
    font-size: 35px;
    opacity: .5;
}

.apiphim-search-empty h2 {
    margin: 0;
    color: #fff;
    font-size: 17px;
}

.apiphim-search-empty p {
    margin: 7px 0 0;
    color: var(--search-muted);
    font-size: 12px;
}

.apiphim-search-expand {
    display: inline-flex;
    margin-top: 14px;
    padding: 9px 13px;
    border: 1px solid rgba(36, 226, 86, .34);
    border-radius: 8px;
    background: rgba(36, 226, 86, .10);
    color: #eaffef;
    font-size: 11.5px;
    font-weight: 750;
    text-decoration: none;
}

.apiphim-search-pagination {
    margin-top: 24px;
}

.apiphim-search-pagination .page-numbers {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.apiphim-search-pagination a,
.apiphim-search-pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    min-height: 36px;
    padding: 6px 9px;
    border: 1px solid var(--search-border);
    border-radius: 7px;
    background: #1b202a;
    color: #dce2eb;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
}

.apiphim-search-pagination .current,
.apiphim-search-pagination a:hover {
    border-color: rgba(36, 226, 86, .48);
    background: var(--search-green);
    color: #07110a;
}

.apiphim-search-sidebar {
    min-width: 0;
}

@media (max-width: 1180px) {
    .apiphim-search-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 960px) {
    .apiphim-search-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .apiphim-search-sidebar {
        width: 100%;
    }
}

@media (max-width: 700px) {
    .apiphim-search-form {
        grid-template-columns: 1fr 1fr;
    }

    .apiphim-search-input {
        grid-column: 1 / -1;
    }

    .apiphim-search-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 9px;
    }
}

@media (max-width: 520px) {
    .apiphim-search-page {
        padding: 9px 7px 18px;
    }

    .apiphim-search-head {
        padding: 13px 10px;
        border-radius: 12px;
    }

    .apiphim-search-form {
        gap: 6px;
    }

    .apiphim-search-submit {
        padding: 0 8px;
        font-size: 10.5px;
    }

    .apiphim-search-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        margin-top: 15px;
    }

    .apiphim-search-movie-title {
        font-size: 11.5px;
    }

    .apiphim-search-original-title {
        font-size: 9.5px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .apiphim-search-submit,
    .apiphim-search-card,
    .apiphim-search-poster,
    .apiphim-search-poster img {
        transition: none !important;
    }
}

/* Homepage/category rhythm and compact poster metadata. */
.home-sections-layout{
  width:100%;
  min-width:0;
  padding:26px var(--section-gutter-desktop) 34px;
  box-sizing:border-box;
}
.home-sections-layout .apx-movie-section{
  width:100%;
  min-width:0;
  margin:0 0 var(--section-space-desktop)!important;
  padding:0!important;
}
.home-sections-layout .apx-movie-section:last-child{margin-bottom:0!important}
.home-sections-layout .apx-movie-section>section>header{padding-left:0!important;padding-right:0!important}
.home-sections-layout .apx-movie-card__body h3{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  white-space:normal!important;
  font-size:14px!important;
  line-height:1.36!important;
}

/* Slide widget heading shares the homepage gutter while the artwork stays full-width. */
.apx-slideposter-widget{margin-bottom:var(--section-space-desktop)!important}
.apx-slideposter-heading{
  width:auto!important;
  margin-left:var(--section-gutter-desktop)!important;
  margin-right:var(--section-gutter-desktop)!important;
  margin-bottom:16px!important;
  padding:0 0 13px!important;
}
.apx-slideposter-heading .section-title{font-size:var(--section-title-size)!important}
.apx-slideposter-widget>section{padding-top:0!important}

/* Compact segmented type + episode/status strip on poster cards. */
.apx-poster-meta-bar,
.apx-catalog-card__status{
  bottom:6px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:0!important;
  width:max-content!important;
  height:22px!important;
  min-height:22px!important;
  max-width:calc(100% - 12px)!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.20)!important;
  border-radius:7px!important;
  background:rgba(8,12,20,.86)!important;
  box-shadow:0 6px 16px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.05)!important;
  backdrop-filter:blur(7px)!important;
}
.apx-poster-meta-bar>span,
.apx-catalog-card__status span{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  height:100%!important;
  min-height:0!important;
  padding:0 6px!important;
  font-size:8px!important;
  line-height:1!important;
  border:0!important;
  border-radius:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.apx-poster-meta-type,
.apx-catalog-card__status span:first-child{
  border-radius:0!important;
  background:rgba(22,31,54,.96)!important;
  color:#edf3fb!important;
}
.apx-poster-meta-status,
.apx-catalog-card__status span:last-child{
  border-left:1px solid rgba(255,255,255,.18)!important;
  border-radius:0!important;
  background:rgba(225,49,75,.95)!important;
  color:#fff!important;
}

/* Cinematic post slider: blurred fill + preserved foreground cover. */
.apx-hero-slider{
  width:100%;
  min-width:0;
  margin:0;
  padding:0;
}
.apx-hero-slider__viewport{position:relative;width:100%;min-width:0;overflow:hidden}
.apx-hero-slider__track{
  display:flex;
  gap:10px;
  width:100%;
  overflow-x:auto;
  scroll-behavior:smooth;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
}
.apx-hero-slider__track::-webkit-scrollbar{display:none}
.apx-hero-slide{
  position:relative;
  flex:0 0 100%!important;
  width:100%!important;
  min-width:0;
  color:#fff!important;
  text-decoration:none!important;
  scroll-snap-align:start;
}
.apx-hero-slide__media{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  border:1px solid rgba(68,199,244,.30);
  border-radius:10px;
  background:#06080d;
  isolation:isolate;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 18px 44px -34px #000;
}
.apx-hero-slide__backdrop{
  position:absolute;
  z-index:0;
  inset:-18px;
  width:calc(100% + 36px);
  height:calc(100% + 36px);
  object-fit:cover;
  object-position:center center;
  filter:blur(18px) brightness(.36) saturate(1.24);
  transform:scale(1.08);
}
.apx-hero-slide__image{
  position:absolute;
  z-index:1;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center 40%;
  filter:saturate(1.06) contrast(1.03);
}
.apx-hero-slide__shade{
  position:absolute;
  z-index:2;
  inset:0;
  background:
    linear-gradient(90deg,rgba(3,6,12,.34),transparent 24%,transparent 72%,rgba(3,6,12,.34)),
    linear-gradient(180deg,rgba(2,4,9,.05) 28%,rgba(2,5,12,.24) 50%,rgba(3,6,12,.92) 100%),
    linear-gradient(135deg,rgba(225,29,72,.16),transparent 42%,rgba(37,99,235,.18));
  pointer-events:none;
}
.apx-hero-slide__content{
  position:absolute;
  z-index:4;
  left:clamp(14px,2vw,22px);
  right:clamp(14px,2vw,22px);
  bottom:clamp(14px,2vw,22px);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:7px 12px;
  align-items:end;
}
.apx-hero-slide__title{
  grid-column:1/-1;
  margin:0;
  max-width:min(760px,92%);
  color:#fff;
  font-size:clamp(20px,2.4vw,30px);
  font-weight:900;
  line-height:1.12;
  letter-spacing:-.03em;
  text-shadow:0 2px 14px rgba(0,0,0,.9);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.apx-hero-slide__original{
  grid-column:1/-1;
  margin:0;
  max-width:82%;
  overflow:hidden;
  color:#c9d3df;
  font-size:12px;
  font-weight:700;
  line-height:1.3;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.apx-hero-slide__badges{display:flex;align-items:center;gap:6px;min-width:0}
.apx-hero-slide__badge{
  display:inline-flex;
  min-height:25px;
  align-items:center;
  padding:0 9px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:7px;
  font-size:10px;
  font-weight:900;
  line-height:1;
  box-shadow:0 8px 18px -13px #000;
}
.apx-hero-slide__badge--status{background:linear-gradient(135deg,#e11d48,#b91c1c);color:#fff}
.apx-hero-slide__badge--quality{background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff}
.apx-hero-slide__meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:0;
  min-width:0;
  color:#d4dbe5;
  font-size:10px;
  font-weight:750;
}
.apx-hero-slide__meta span{display:inline-flex;align-items:center;white-space:nowrap}
.apx-hero-slide__meta span+span::before{content:"";width:3px;height:3px;margin:0 7px;border-radius:50%;background:#64748b}
.apx-hero-slide__cta{
  grid-column:2;
  grid-row:3/5;
  align-self:end;
  display:inline-flex;
  min-height:34px;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:0 13px;
  border:1px solid rgba(68,199,244,.38);
  border-radius:8px;
  background:linear-gradient(135deg,#0f172a,#102a56);
  color:#dff6ff;
  font-size:11px;
  font-weight:900;
  box-shadow:0 10px 28px -18px rgba(37,99,235,.9);
}
.apx-hero-slider__nav{
  position:absolute;
  z-index:8;
  right:12px;
  top:12px;
  display:flex;
  gap:6px;
}
.apx-hero-slider__nav-button{
  display:grid;
  width:32px;
  height:32px;
  place-items:center;
  border:1px solid rgba(255,255,255,.16);
  border-radius:8px;
  background:rgba(4,8,15,.72);
  color:#fff;
  font-size:23px;
  line-height:1;
  backdrop-filter:blur(8px);
}
.apx-hero-slider__nav-button:hover,.apx-hero-slider__nav-button:focus-visible{border-color:#44c7f4;background:#102a56;outline:none}
.apx-hero-slider__dots{
  position:absolute;
  z-index:9;
  left:50%;
  bottom:10px;
  display:flex;
  gap:5px;
  transform:translateX(-50%);
}
.apx-hero-slider__dots .apx-slider-dot{width:9px;height:4px;background:rgba(148,163,184,.62)}
.apx-hero-slider__dots .apx-slider-dot.is-active{width:24px;background:linear-gradient(90deg,#e11d48,#44c7f4)}

@media (min-width:768px){
  .apx-hero-slide{flex-basis:calc((100% - 10px)/2)!important;width:calc((100% - 10px)/2)!important}
}
@media (min-width:1024px){
  .apx-hero-slide{flex-basis:calc((100% - 20px)/3)!important;width:calc((100% - 20px)/3)!important}
}
@media (max-width:767px){
  .home-sections-layout{padding:20px var(--section-gutter-mobile) 28px}
  .home-sections-layout .apx-movie-section{margin-bottom:var(--section-space-mobile)!important}
  .home-sections-layout .apx-movie-section .section-heading{margin-bottom:14px!important}
  .home-sections-layout .apx-movie-card__body{min-height:54px;padding:7px 2px!important}
  .home-sections-layout .apx-movie-card__body h3{min-height:2.72em;font-size:14px!important}
  .home-sections-layout .apx-movie-card__body p{font-size:10px!important}
  .apx-slideposter-widget{margin-bottom:var(--section-space-mobile)!important}
  .apx-slideposter-heading{
    margin-left:var(--section-gutter-mobile)!important;
    margin-right:var(--section-gutter-mobile)!important;
    margin-bottom:14px!important;
    padding-bottom:12px!important;
  }
  .apx-poster-meta-bar,.apx-catalog-card__status{height:20px!important;min-height:20px!important}
  .apx-poster-meta-bar>span,.apx-catalog-card__status span{
    height:100%!important;
    min-height:0!important;
    padding-inline:5px!important;
    font-size:7.5px!important;
  }
  .apx-hero-slider__track{gap:0}
  .apx-hero-slide__media{aspect-ratio:16/9;border-left:0;border-right:0;border-radius:0}
  .apx-hero-slide__content{left:14px;right:14px;bottom:13px;gap:5px 8px}
  .apx-hero-slide__title{max-width:100%;font-size:clamp(19px,5.8vw,24px)}
  .apx-hero-slide__original{max-width:100%;font-size:10px}
  .apx-hero-slide__badge{min-height:22px;padding-inline:7px;font-size:8px}
  .apx-hero-slide__meta{font-size:8.5px}
  .apx-hero-slide__cta{min-height:30px;padding-inline:10px;font-size:9px}
  .apx-hero-slider__nav{display:none}
  .apx-hero-slider__dots{bottom:8px}
}