:root{
  --bg:#f5f5f5;--surface:#fff;--surface-2:#eee;--text:#202020;--muted:#777;--border:#ddd;
  --red:#bb2b2b;--red-dark:#a11f1f;--pill:#501717;--footer:#242424;--footer-2:#2f2f2f;--container:1346px;
}
html[data-theme="dark"]{
  --bg:#0d0d0d;--surface:#151515;--surface-2:#1d1d1d;--text:#f5f5f5;--muted:#aaa;--border:#2c2c2c;
  --red:#bd3030;--red-dark:#a32121;--pill:#5c1d1d;--footer:#101010;--footer-2:#171717;
}
*{box-sizing:border-box}html{margin:0;padding:0;scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:"Cairo",Tahoma,Arial,sans-serif;direction:rtl;text-align:right;font-size:13px;line-height:1.8;overflow-x:hidden}body.menu-open,body.search-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%;height:auto}::selection{background:var(--red);color:#fff}
.container{width:min(var(--container),calc(100% - 20px));margin-inline:auto}.page-shell{padding:20px 0 54px;min-height:65vh}
/* header */
.site-header{position:sticky;top:0;z-index:1000;background:var(--red);border:0;box-shadow:0 2px 8px rgba(0,0,0,.10)}
.header-main{min-height:60px;display:flex;align-items:center;gap:18px;direction:rtl}.menu-toggle,.header-icon{border:0;background:transparent;color:#fff;width:38px;height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0;flex:0 0 38px;font-size:22px}.menu-toggle{order:1}.logo{order:2;flex:0 0 auto;display:flex;align-items:center;color:#fff;font-weight:900;font-size:32px;line-height:1;letter-spacing:-1.8px;white-space:nowrap}.logo span{font-style:italic}.logo img{max-width:185px;max-height:48px;object-fit:contain}.header-nav{order:3;display:flex;align-items:center;gap:5px;flex:1;min-width:0;overflow:auto;scrollbar-width:none}.header-nav::-webkit-scrollbar{display:none}.header-nav a{padding:10px 14px;color:#fff;font-size:14px;font-weight:800;white-space:nowrap}.header-nav a:hover{color:#fff}.header-nav a.active{background:var(--pill);border-radius:30px}.search-toggle{order:4}.theme-toggle{order:5}.header-icon:hover,.menu-toggle:hover{opacity:.82}
.search-drawer{position:absolute;inset-inline:0;top:60px;display:none;background:var(--red);padding:10px 0 13px;box-shadow:0 5px 10px rgba(0,0,0,.10)}body.search-open .search-drawer{display:block}.search-drawer-inner{display:flex;justify-content:center}.search-form{display:flex;width:min(720px,100%);height:46px;background:#fff;border-radius:2px;overflow:hidden}.search-form input{flex:1;border:0;outline:0;padding:0 13px;text-align:right;background:#fff;color:#222}.search-form button{width:52px;border:0;background:var(--red);color:#fff;font-size:18px}
.mobile-panel{position:fixed;top:60px;inset-inline:0;display:none;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 8px 25px rgba(0,0,0,.15);max-height:calc(100vh - 60px);overflow:auto}.mobile-panel-inner{padding:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mobile-panel a{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:44px;padding:8px 12px;background:var(--surface-2);border:1px solid var(--border);font-size:11px;font-weight:800}.mobile-panel a:hover{background:var(--red);color:#fff;border-color:var(--red)}body.menu-open .mobile-panel{display:block}
/* home */
.home-block{margin:0 0 34px}.top-episodes-block{margin-top:40px}.block-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}.block-heading h1,.block-heading h2{margin:0;color:var(--red);font-size:24px;font-weight:900}.block-heading a{color:var(--red);font-size:11px;font-weight:800}.block-heading span{font-size:11px;color:var(--muted)}
.poster-grid{display:grid;gap:14px 20px}.poster-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.poster-card{min-width:0}.poster-media{position:relative;overflow:hidden;background:#242424;aspect-ratio:2/3;border-radius:2px}.poster-media img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.poster-card:hover img,.series-card:hover img,.landscape-card:hover img{transform:scale(1.025)}.poster-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.84) 0%,rgba(0,0,0,.15) 31%,rgba(0,0,0,0) 60%)}.poster-caption{position:absolute;inset-inline:10px;bottom:9px;color:#fff;font-size:12px;line-height:1.35;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.7)}.episode-badge,.type-badge{position:absolute;top:10px;inset-inline-start:10px;z-index:2;background:var(--red);color:#fff;text-align:center;box-shadow:0 2px 5px rgba(0,0,0,.18)}.episode-badge{width:48px;padding:6px 4px 7px}.episode-badge small{display:block;font-size:8px;line-height:1.2;font-weight:700}.episode-badge strong{display:block;font-size:16px;line-height:1.1;font-weight:900}.type-badge{padding:6px 9px;font-size:9px;font-weight:900}.poster-empty{width:100%;height:100%;background:linear-gradient(135deg,#333,#111)}
.series-grid{display:grid;gap:14px 20px}.series-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.series-media{position:relative;overflow:hidden;aspect-ratio:4/3;background:#222;border-radius:2px}.series-media img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.series-title{min-height:49px;display:flex;align-items:center;justify-content:center;padding:7px 8px;text-align:center;background:linear-gradient(#8c8c8c,#444);color:#fff;font-size:12px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.series-card:hover .series-title{background:linear-gradient(#777,#333)}
/* archive */
.breadcrumb{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;margin:2px 0 14px}.breadcrumb a{color:var(--red);font-weight:800}.page-heading{margin-bottom:16px}.collection-tabs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:4px 0 18px}.collection-tab{padding:8px 14px;border:1px solid var(--border);background:var(--surface);font-size:10px;font-weight:900}.collection-tab.active,.collection-tab:hover{background:var(--red);border-color:var(--red);color:#fff}.archive-grid-new{margin-top:8px}.pagination{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;margin-top:26px}.pagination a,.pagination span{min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--surface);font-size:11px;font-weight:900}.pagination a:hover,.pagination a.active{background:var(--red);border-color:var(--red);color:#fff}.pagination span{border:0;background:transparent;color:var(--muted)}
/* context pages / season */
.context-hero{position:relative;min-height:340px;margin:0 -10px 20px;background-image:var(--context-bg);background-size:cover;background-position:center;overflow:hidden}.context-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,0,0,.96) 15%,rgba(20,0,0,.67) 54%,rgba(20,0,0,.15) 100%)}.context-content{position:relative;z-index:2;max-width:57%;margin-inline-start:auto;padding:35px 34px}.context-content h1{margin:0 0 12px;font-size:30px;color:#fff;font-weight:900}.context-content p{margin:0;color:#fff;font-size:12px;line-height:2.2}.context-meta{display:flex;flex-wrap:wrap;gap:15px;margin-top:18px;color:#fff;font-size:11px}.season-switcher,.season-bar{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 0 14px}.season-tab{min-width:150px;padding:8px 16px;text-align:center;background:var(--surface);border:1px solid var(--border);font-size:11px;font-weight:900}.season-tab.active,.season-tab:hover{background:var(--red);border-color:var(--red);color:#fff}.episode-landscape-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 16px}.landscape-card{min-width:0}.landscape-media{position:relative;overflow:hidden;background:#222;aspect-ratio:16/10;border-radius:2px}.landscape-media img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.landscape-media .poster-caption{font-size:12px}.episodes-area{margin-top:12px}.episodes-area .block-heading{margin-bottom:12px}
/* single */
.single-hero{position:relative;margin:0 -10px 20px;min-height:340px;background-image:var(--single-bg);background-size:cover;background-position:center;overflow:hidden}.single-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,0,0,.98) 10%,rgba(18,0,0,.92) 34%,rgba(18,0,0,.68) 62%,rgba(18,0,0,.12) 100%)}.single-hero-inner{position:relative;z-index:2;min-height:340px;display:flex;align-items:center;padding:28px 42px}.single-hero-copy{width:min(60%,780px);margin-inline-start:auto;color:#fff}.single-hero-copy h1{margin:0 0 14px;font-size:30px;line-height:1.45;font-weight:900}.single-hero-copy p{margin:0 0 14px;font-size:12px;line-height:2.3;color:#f5f5f5}.single-simple-meta{display:flex;flex-wrap:wrap;gap:16px;color:#fff;font-size:11px;font-weight:600}.single-simple-meta strong{color:#fff;font-weight:900}.season-ribbon{position:absolute;inset-inline-start:72px;top:14px;color:#f8e5a3;background:rgba(40,10,5,.78);padding:3px 9px;border:1px solid rgba(248,229,163,.35);font-size:19px;font-weight:900;letter-spacing:.5px}.single-details-wrap{margin-top:24px}.single-details{background:var(--surface);border:1px solid var(--border);padding:18px}.details-story{margin-bottom:16px}.details-story h2{margin:0 0 9px;color:var(--red);font-size:17px}.details-story div{font-size:12px;line-height:2.1}.detail-line{display:grid;grid-template-columns:125px minmax(0,1fr);gap:12px;padding:8px 0;border-bottom:1px solid var(--border);font-size:11px}.detail-line:last-of-type{border-bottom:0}.detail-line strong{color:var(--muted)}.detail-line a{color:var(--red);font-weight:900}.detail-line.tags>div{display:flex;flex-wrap:wrap;gap:5px}.detail-line.tags a{border:1px solid var(--border);padding:3px 8px;background:var(--surface-2);font-size:9px}.single-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.primary-btn,.secondary-btn{min-height:40px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:900}.primary-btn{background:var(--red);color:#fff}.secondary-btn{background:var(--surface);border:1px solid var(--border)}.server-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;color:var(--muted);font-size:10px}
/* footer */
.site-footer{margin-top:26px;background:var(--footer);color:#fff}.footer-top{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-links{display:flex;gap:7px;flex-wrap:wrap}.footer-links a{padding:8px 12px;background:#3a3a3a;border:1px solid rgba(255,255,255,.06);font-size:9px;font-weight:800}.footer-socials{display:flex;align-items:center;gap:11px;direction:ltr}.footer-socials a{font-size:22px;color:#fff}.footer-bottom{padding:14px 0;background:var(--footer-2);font-size:10px;font-weight:700;text-align:right}
@media(max-width:1200px){:root{--container:1200px}.header-main{gap:10px}.logo{font-size:28px}.header-nav a{padding-inline:10px}.poster-grid-5,.series-grid-5{grid-template-columns:repeat(4,minmax(0,1fr))}.episode-landscape-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.single-hero-copy{width:min(68%,760px)}}
@media(max-width:900px){.header-nav{gap:0}.header-nav a{padding-inline:8px;font-size:12px}.logo{font-size:25px}.poster-grid-5,.series-grid-5{grid-template-columns:repeat(3,minmax(0,1fr))}.episode-landscape-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.context-content{max-width:68%}.single-hero-copy{width:73%}.season-ribbon{inset-inline-start:24px}}
@media(max-width:700px){.header-main{min-height:58px}.menu-toggle,.header-icon{width:34px;height:40px;flex-basis:34px}.logo{font-size:22px;letter-spacing:-1px}.header-nav{display:none}.mobile-panel{top:58px}.search-drawer{top:58px}.poster-grid-5,.series-grid-5{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px}.episode-landscape-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px}.poster-caption{font-size:10px;inset-inline:7px;bottom:6px}.episode-badge{top:7px;inset-inline-start:7px;width:43px}.episode-badge strong{font-size:14px}.type-badge{top:7px;inset-inline-start:7px;padding:5px 7px}.series-title{min-height:42px;font-size:10px}.context-hero,.single-hero{min-height:330px}.context-content{max-width:100%;margin:0;padding:22px 18px 20px;align-self:flex-end}.context-overlay,.single-hero-overlay{background:linear-gradient(0deg,rgba(15,0,0,.98) 0%,rgba(15,0,0,.82) 48%,rgba(15,0,0,.20) 100%)}.single-hero-inner{min-height:330px;padding:20px 18px;align-items:flex-end}.single-hero-copy{width:100%}.single-hero-copy h1{font-size:22px}.single-hero-copy p{font-size:10px;line-height:2}.season-ribbon{top:10px;inset-inline-start:12px;font-size:15px}.season-tab{min-width:135px}.detail-line{grid-template-columns:105px minmax(0,1fr)}.footer-top{flex-direction:column;justify-content:center;padding:18px 0}.footer-links{justify-content:center}.footer-bottom{text-align:center}.mobile-panel-inner{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.poster-grid-5,.series-grid-5,.episode-landscape-grid{grid-template-columns:1fr 1fr}.header-main{gap:5px}.logo{font-size:20px}.header-icon,.menu-toggle{width:32px;height:38px;flex-basis:32px}.page-shell{padding-top:14px}.single-hero-copy h1{font-size:19px}.season-tab{min-width:118px;padding-inline:10px}.detail-line{grid-template-columns:90px minmax(0,1fr);font-size:10px}}

/* Qesset Eshq mixed recent-content cards: preserve each content type's native card shape. */
.qesset-recent-mixed-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px 20px;align-items:start}
.qesset-recent-mixed-grid .qesset-recent-episode .landscape-media{aspect-ratio:16/10}
@media(max-width:900px){.qesset-recent-mixed-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}
@media(max-width:560px){.qesset-recent-mixed-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}

/* Qesset Eshq 1.2.6 — compact cards and first-episode series artwork. */
.poster-grid-5,
.series-grid-5,
.qesset-recent-mixed-grid,
.episode-landscape-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  column-gap: 12px;
  row-gap: 12px;
}

/* Mixed collections must use the same tile ratio; otherwise tall posters leave large blank rows. */
.qesset-recent-mixed-grid .poster-media,
.qesset-recent-mixed-grid .landscape-media,
.qesset-recent-mixed-grid .series-media {
  aspect-ratio: 16 / 10;
}
.qesset-recent-mixed-grid .poster-media img,
.qesset-recent-mixed-grid .series-media img {
  object-fit: contain;
  background: #111;
}
.qesset-recent-mixed-grid .series-title {
  min-height: 36px;
  height: 36px;
  padding: 5px 6px;
  font-size: 10px;
}
.qesset-recent-mixed-grid .poster-caption,
.qesset-recent-mixed-grid .landscape-media .poster-caption {
  inset-inline: 7px;
  bottom: 6px;
  font-size: 10px;
  line-height: 1.3;
}
.qesset-recent-mixed-grid .episode-badge {
  top: 6px;
  inset-inline-start: 6px;
  width: 39px;
  padding: 4px 3px 5px;
}
.qesset-recent-mixed-grid .episode-badge strong { font-size: 13px; }
.qesset-recent-mixed-grid .type-badge { top: 6px; inset-inline-start: 6px; padding: 4px 6px; }

@media (max-width: 1250px) {
  .poster-grid-5,
  .series-grid-5,
  .qesset-recent-mixed-grid,
  .episode-landscape-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
@media (max-width: 980px) {
  .poster-grid-5,
  .series-grid-5,
  .qesset-recent-mixed-grid,
  .episode-landscape-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
}
@media (max-width: 700px) {
  .poster-grid-5,
  .series-grid-5,
  .qesset-recent-mixed-grid,
  .episode-landscape-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
}
@media (max-width: 480px) {
  .poster-grid-5,
  .series-grid-5,
  .qesset-recent-mixed-grid,
  .episode-landscape-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
}
.qesset-recent-mixed-grid .series-title {
  position: relative;
  z-index: 2;
  margin-top: -36px;
  background: linear-gradient(0deg, rgba(0,0,0,.88), rgba(0,0,0,.35));
  color: #fff;
}