:root{--bg:#f6f6f8;--card:#fff;--tx:#14141a;--mu:#6b6b78;--bd:#e3e3ea;--ac:#e5a50a;--ac2:#14141a;--sh:0 4px 18px rgba(0,0,0,.08)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0e0e12;--card:#18181f;--tx:#f2f2f6;--mu:#9a9aa8;--bd:#2a2a34;--ac:#f5c518;--ac2:#f5c518;--sh:0 4px 18px rgba(0,0,0,.5);color-scheme:dark}}
:root[data-theme="dark"]{--bg:#0e0e12;--card:#18181f;--tx:#f2f2f6;--mu:#9a9aa8;--bd:#2a2a34;--ac:#f5c518;--ac2:#f5c518;--sh:0 4px 18px rgba(0,0,0,.5);color-scheme:dark}
*{box-sizing:border-box;margin:0}
html{scroll-padding-top:70px}
body{background:var(--bg);color:var(--tx);font-family:"Segoe UI",Tahoma,"Noto Sans Arabic",system-ui,sans-serif;line-height:1.6;min-height:100vh}
button{font:inherit;cursor:pointer;border:0;color:inherit;background:none}
header{position:sticky;top:0;z-index:20;background:var(--card);border-bottom:1px solid var(--bd);display:flex;align-items:center;gap:14px;padding:10px 20px;flex-wrap:wrap;background:color-mix(in srgb, var(--bg) 80%, transparent);backdrop-filter:blur(14px);}
main{max-width:1200px;margin:0 auto;padding:20px}
::-webkit-scrollbar { display: none; }
* { -ms-overflow-style: none; scrollbar-width: none; }

/* الهيدر واللوجو */
.brand{display:flex;align-items:center;gap:9px;text-decoration:none!important;color:var(--tx)}
.brand svg{width:40px;height:40px;filter:drop-shadow(0 2px 10px rgba(255,94,126,.35))}
.bw{font-size:27px;font-weight:300;letter-spacing:1px;direction:ltr;font-family:Poppins,"Segoe UI",Helvetica,Arial,sans-serif;line-height:1}
.bw b{font-weight:900;background:linear-gradient(135deg,#ffb020,#ff5e7e);-webkit-background-clip:text;background-clip:text;color:transparent}
nav{display:flex;gap:4px;flex-wrap:wrap}
nav button{padding:6px 12px;border-radius:8px;color:var(--mu);font-weight:600;transition:.2s}
nav button.on,nav button:hover{background:var(--bg);color:var(--tx)}
#q{min-width:180px;flex:1;max-width:340px;padding:8px 14px;border-radius:20px;border:1px solid var(--bd);background:var(--bg);color:var(--tx);font:inherit;transition:0.3s}
#q:focus{border-color:var(--ac);outline:none}
.ic{padding:6px 10px;border-radius:8px;border:1px solid var(--bd);color:var(--tx);transition:.2s}
.ic:hover{border-color:var(--ac);color:var(--ac)}

/* الصفحة الرئيسية */
.hero2{position:relative;height:min(64vh,520px);border-radius:22px;overflow:hidden;margin-bottom:26px;box-shadow:var(--sh)}
.hs{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .9s;display:flex;align-items:flex-end;color:#fff;pointer-events:none}
.hs.on{opacity:1;pointer-events:auto}
.ht{padding:32px;max-width:640px;background:linear-gradient(0deg,rgba(0,0,0,0.9) 0%,transparent 100%);width:100%;border-radius:0 0 22px 22px}
.ht h1{font-size:clamp(28px,5vw,50px);line-height:1.2;margin:8px 0;text-shadow:0 2px 10px rgba(0,0,0,0.8)}
.ht p{margin:6px 0 12px;opacity:.92;text-shadow:0 1px 5px rgba(0,0,0,0.8)}
.tag{background:linear-gradient(135deg,#ffb020,#ff5e7e);color:#000;font-weight:800;padding:3px 12px;border-radius:20px;font-size:13px;display:inline-block}
.btn{background:var(--ac);color:#000;font-weight:700;padding:9px 18px;border-radius:10px;margin-bottom:10px;display:inline-block;transition:transform .2s}
.btn:hover{transform:translateY(-2px)}
.btn.g{background:transparent;border:1px solid var(--bd);color:var(--tx);margin-inline-start:8px}
.btn.g:hover{border-color:var(--ac);color:var(--ac)}
h2{font-size:22px;margin:26px 0 12px;display:flex;align-items:center;gap:8px}
h2:before{content:"";width:5px;height:22px;background:var(--ac);border-radius:3px}
.row{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 2px 14px}
.row>.card,.row>.tw{flex:0 0 160px;scroll-snap-align:start}
.row.t10>.tw{flex:0 0 200px;position:relative;padding-inline-start:46px}
.row.t10 .tw .card{width:100%}
.nm{position:absolute;inset-inline-start:0;bottom:30px;font-size:120px;font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:2px #ffb020;opacity:.9;z-index:-1}

/* الكروت */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}
.card{background:var(--card);border:1px solid var(--bd);border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .15s,box-shadow .15s;text-align:start;display:flex;flex-direction:column}
.card:hover{transform:translateY(-4px);box-shadow:var(--sh)}
.po{aspect-ratio:2/3;display:flex;align-items:flex-end;padding:12px;color:#fff;font-weight:800;font-size:18px;position:relative;background:var(--bd);overflow:hidden}
.po.p{border-radius:50%;aspect-ratio:1;margin:14px;font-size:34px;align-items:center;justify-content:center}
.po img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.card:hover .po img{transform:scale(1.08)}
.rt{position:absolute;top:8px;inset-inline-start:8px;background:rgba(0,0,0,.75);padding:2px 8px;border-radius:12px;font-size:13px;color:#f5c518;z-index:2;font-weight:bold}
.wl{position:absolute;top:6px;inset-inline-end:6px;width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.65);color:#fff;font-size:16px;z-index:2}
.wl.on{background:var(--ac);color:#000}
.mt{padding:10px 12px}
.mt b{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mt span{color:var(--mu);font-size:13px}
.empty{color:var(--mu);padding:40px;text-align:center;grid-column:1/-1}

/* صفحة التفاصيل */
#md{position:fixed;inset:0;background:var(--bg);z-index:50;display:none;padding:0;overflow-y:auto}
#md.on{display:block}
.box{display:grid;grid-template-columns:320px 1fr;gap:40px;max-width:1200px;margin:0 auto;padding:40px 20px;text-align:start}
.box .po{position:sticky;top:40px;width:100%;height:auto;border-radius:16px;overflow:hidden;border:1px solid var(--bd);background:var(--card);box-shadow:0 10px 30px rgba(0,0,0,0.5)}
.box .po img{width:100%;height:auto;display:block}
.inf{padding:0;width:100%}
.inf h3{font-size:38px;line-height:1.2;margin-bottom:12px}
.inf .meta{color:var(--mu);font-size:15px;margin-bottom:20px}
.inf p{font-size:16px;line-height:1.8;margin-bottom:20px}
.cl{position:fixed;top:20px;right:20px;z-index:110;width:45px;height:45px;border-radius:50%;background:rgba(0,0,0,0.7);color:white;border:1px solid rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;backdrop-filter:blur(5px);margin:0}
.cl:hover{background:var(--ac);color:#000}
.cs{display:flex;gap:15px;overflow-x:auto;padding-bottom:15px;margin-bottom:20px}
.cs>div{flex:0 0 80px;text-align:center;cursor:pointer;transition:transform .2s}
.cs>div:hover{transform:scale(1.05)}
.cs img{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:8px;display:block;margin-inline:auto;border:2px solid var(--bd)}
.cs b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs span{display:block;font-size:11px;color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stars{display:flex;gap:5px;margin-bottom:20px}
.stars button{font-size:26px;color:var(--bd);padding:0;transition:color 0.2s}
.stars button.on{color:var(--ac)}
.stars button:hover{color:var(--ac)}
.info-grid{display:flex;gap:20px;flex-wrap:wrap;background:var(--card);padding:20px;border-radius:12px;margin:20px 0;border:1px solid var(--bd)}
.info-item label{display:block;font-size:12px;color:var(--mu);margin-bottom:5px;text-transform:uppercase;font-weight:bold}
.info-item div{font-size:16px;font-weight:bold}
.kw-list{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}
.kw-chip{background:var(--card);border:1px solid var(--bd);padding:6px 14px;border-radius:20px;font-size:13px;cursor:pointer;transition:0.2s}
.kw-chip:hover{background:var(--ac);color:#000;border-color:var(--ac)}
.photo-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;margin-bottom:30px}
.photo-gallery img{width:100%;border-radius:8px;object-fit:cover;aspect-ratio:16/9;cursor:pointer;transition:transform 0.2s;border:1px solid var(--bd)}
.photo-gallery img:hover{transform:scale(1.03);border-color:var(--ac)}

/* قائمة الحلقات */
.ep-list{display:flex;flex-direction:column;gap:12px;margin-top:15px}
.ep-item{display:flex;gap:20px;background:var(--card);padding:15px;border-radius:12px;border:1px solid var(--bd);align-items:flex-start;transition:transform .2s}
.ep-item:hover{transform:translateY(-2px);border-color:var(--ac)}
.ep-num{font-weight:bold;color:var(--mu);font-size:16px;min-width:60px;text-align:center}
.ep-img{width:160px;height:90px;object-fit:cover;border-radius:8px;flex-shrink:0;background:var(--bd)}
.ep-details{flex:1;min-width:0}
.ep-title{font-size:18px;font-weight:bold;margin-bottom:8px;display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.ep-overview{font-size:14px;color:var(--mu);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ov{display:flex;justify-content:center;width:100%;overflow-x:auto;margin-top:15px}
.hm{border-collapse:separate;border-spacing:3px;direction:ltr;font-size:12px}
.hm th{color:var(--mu);font-weight:600;padding:2px 6px}
.hm td{min-width:40px;height:30px;text-align:center;border-radius:6px;color:#fff;font-weight:700}

/* الموبايل */
@media(max-width:900px){.box{grid-template-columns:1fr;padding:20px;gap:20px}.box .po{position:relative;top:0;max-width:250px;margin:0 auto}.inf h3{font-size:28px}.ep-item{flex-direction:column;align-items:stretch}.ep-img{width:100%;height:auto;aspect-ratio:16/9}}