/* ===== Pro Cards (موحّد لمسلسل/حلقة/فيلم) ===== */
:root{
  --pc-bg:#0b0b0c; --pc-text:#e8e8ed; --pc-muted:#b8bbc6; --pc-accent:#e50914;
  --pc-br:16px;
}
.pro-grid{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}
@media(min-width:640px){.pro-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1024px){.pro-grid{grid-template-columns:repeat(4,1fr)}}
@media(min-width:1280px){.pro-grid{grid-template-columns:repeat(5,1fr)}}

.pro-card{
  display:block;background:var(--pc-bg);color:var(--pc-text);
  border:1px solid #ffffff14;border-radius:var(--pc-br);overflow:hidden;
  box-shadow:0 10px 28px rgba(0,0,0,.22);transition:transform .18s,box-shadow .18s,border-color .18s
}
.pro-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(0,0,0,.32);border-color:#ffffff26}

/* الصورة */
.pro-card__media{position:relative;aspect-ratio:var(--ratio, 2/3);margin:0;overflow:hidden}
.pro-card__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.pro-card:hover .pro-card__media img{transform:scale(1.03)}
.pro-card__shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.65) 0%,rgba(0,0,0,0) 46%)}

/* البادجات */
.pro-badge{
  position:absolute;top:10px;padding:.28rem .55rem;border-radius:999px;
  font-size:.78rem;font-weight:800;line-height:1;border:1px solid #ffffff2c;background:#0008;color:#fff
}
.pro-rating{left:10px}
.pro-rating i{font-style:normal;margin-right:4px}
.pro-status{right:10px}
.pro-status.is-ongoing{background:var(--pc-accent);border-color:transparent}
.pro-status.is-finished{background:#2fa84f;border-color:transparent}
.pro-status.is-new{background:#ffb703;color:#161616;border-color:transparent}

/* زر المشاهدة */
.pro-cta{
  position:absolute;left:50%;bottom:18px;transform:translate(-50%,8px);
  background:var(--pc-accent);color:#fff;border:none;border-radius:12px;
  padding:.6rem 1rem;font-weight:900;cursor:pointer;opacity:0;
  transition:opacity .2s,transform .2s;pointer-events:none
}
.pro-card:hover .pro-cta{opacity:1;transform:translate(-50%,0)}

/* المتن */
.pro-card__body{padding:12px 14px 14px}
.pro-card__title{
  margin:0 0 .4rem;font-weight:900;font-size:1.04rem;line-height:1.3;
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden
}
.pro-card__sub{
  margin:.05rem 0 .7rem;color:#c9cbd3;font-size:.92rem;line-height:1.55;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
}
.pro-meta{display:flex;gap:8px;align-items:center;color:var(--pc-muted);font-size:.86rem;white-space:nowrap}
.pro-meta .sep{opacity:.45}

/* سكشنات الصفحة الرئيسية التي لا نريدها (لو وُجدت قِطع قديمة) */
.home .latest-series,.home .home-series,.home .series-slider,.home .series-module,
.home .series-loop,.home .post-big-list,.home .latest-episodes,.home .home-episodes{display:none!important}

/* دقة الصور لكل نوع (لو أردت فرقاً بالقياسات لاحقاً) */
/* الافتراضي 2/3 (بوستر عمودي). للمسلسلات تستطيع جعله 16/9 بوضع style="--ratio:16/9" على العنصر. */