*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--primary:#e50914;--primary-dark:#b20710;--primary-light:#ff0a16;--primary-rgb:229,9,20;--dark-bg:#0f0f0f;--darker-bg:#000;--card-bg:#1a1a1a;--card-hover:#2a2a2a;--text-primary:#fff;--text-secondary:#b3b3b3;--border:#2a2a2a;--shadow:rgba(0,0,0,.5);--nav-bg:#000;--font-ar:'Cairo',sans-serif;--font-en:'Poppins',sans-serif}[data-theme=light]{--primary:#e50914;--primary-dark:#b20710;--primary-light:#ff0a16;--dark-bg:#f8f9fa;--darker-bg:#fff;--card-bg:#fff;--card-hover:#f0f0f0;--text-primary:#1a1a1a;--text-secondary:#666;--border:#e0e0e0;--shadow:rgba(0,0,0,.1);--nav-bg:#fff}body{font-family:var(--font-ar);background:var(--dark-bg);color:var(--text-primary);overflow-x:hidden;padding-bottom:70px;transition:background .3s ease,color .3s ease;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.has-header{padding-top:70px}.page-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--dark-bg);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .3s ease,visibility .3s ease;will-change:opacity}[data-theme=light] .page-loader{background:var(--darker-bg)}.page-loader.loaded{opacity:0;visibility:hidden;pointer-events:none}.loader-dots{display:flex;gap:12px;align-items:center}.loader-dot{width:18px;height:18px;border-radius:50%;background:var(--primary);animation:dotPulse 1.4s ease-in-out infinite;will-change:transform,opacity}[data-theme=light] .loader-dot{background:var(--primary)}.loader-dot:nth-child(1){animation-delay:0s}.loader-dot:nth-child(2){animation-delay:.2s}.loader-dot:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,100%{transform:scale(.6);opacity:.5}40%{transform:scale(1.2);opacity:1}}.header{position:fixed;top:0;left:0;width:100%;z-index:100;background:transparent;transition:all .3s ease;will-change:transform,background}body.has-header .header{background:var(--nav-bg);box-shadow:0 2px 20px var(--shadow);border-bottom:1px solid var(--border)}.header.scrolled{background:rgba(0,0,0,.95);backdrop-filter:blur(10px);box-shadow:0 2px 10px rgba(0,0,0,.3)}[data-theme=light] .header.scrolled{background:rgba(255,255,255,.95)}.header-main{padding:15px 0;transition:padding .3s ease}.header-content{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;gap:15px}.logo-text{font-family:var(--font-en);font-size:28px;font-weight:900;color:var(--primary);text-decoration:none;letter-spacing:-1px;text-shadow:2px 2px 4px rgba(0,0,0,.3);transition:transform .3s;white-space:nowrap;will-change:transform}.logo-text:hover{transform:scale(1.05)}.header-center{flex:1;display:flex;justify-content:center;align-items:center;padding:0 15px}.header-actions{display:flex;gap:10px;align-items:center}.icon-btn{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);color:#fff;width:38px;height:38px;border-radius:50%;cursor:pointer;font-size:22px;transition:all .3s;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:1;will-change:opacity,transform}.header:not(.scrolled) .icon-btn{background:transparent;border:none;border-radius:0;opacity:.7}body:not(.has-header) .header:not(.scrolled) .icon-btn{background:transparent;border:none;border-radius:0;opacity:.7}[data-theme=light] .icon-btn{background:rgba(0,0,0,.05);border:1px solid var(--border)}[data-theme=light] .header:not(.scrolled) .icon-btn{background:transparent;border:none;border-radius:0;opacity:.7}.header:not(.scrolled) .icon-btn{color:#fff}[data-theme=light] .header.scrolled .icon-btn{color:#1a1a1a}[data-theme=light] body.has-header .icon-btn{color:#1a1a1a}.icon-btn:hover{opacity:1}.search-form{position:relative;width:100%;max-width:500px;transform:scaleX(0);transform-origin:right;transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform}.header.search-active .search-form{transform:scaleX(1)}.search-input{width:100%;padding:8px 40px 8px 18px;border:2px solid rgba(255,255,255,.3);border-radius:25px;background:rgba(26,26,26,.9);color:#fff;font-size:15px;outline:0;transition:all .3s;font-weight:500;font-family:var(--font-ar);box-shadow:0 4px 15px rgba(0,0,0,.3);line-height:1.4;height:40px}[data-theme=light] .search-input{background:rgba(255,255,255,.98);border:2px solid rgba(0,0,0,.15);color:var(--text-primary);box-shadow:0 4px 15px rgba(0,0,0,.1)}.search-input::placeholder{color:rgba(255,255,255,.6);font-family:var(--font-ar)}[data-theme=light] .search-input::placeholder{color:rgba(0,0,0,.5)}.search-input:focus{border-color:var(--primary);background:rgba(26,26,26,.95);box-shadow:0 4px 20px rgba(229,9,20,.3)}[data-theme=light] .search-input:focus{background:#fff;box-shadow:0 4px 20px rgba(229,9,20,.2)}.search-submit{position:absolute;left:4px;top:50%;transform:translateY(-50%);background:var(--primary);border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:13px;transition:all .3s;display:flex;align-items:center;justify-content:center;will-change:transform}.search-submit:hover{background:var(--primary-dark);transform:translateY(-50%) scale(1.08)}.back-btn{background:var(--card-bg);border:2px solid var(--border);color:var(--text-primary);padding:8px 16px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:6px;text-decoration:none;transition:all .3s ease;font-weight:500;font-size:13px;white-space:nowrap;will-change:transform}.back-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-2px)}.container{max-width:1400px;margin:0 auto;padding:15px}.breadcrumb{background:var(--card-bg);padding:12px 18px;border-radius:10px;margin-bottom:20px;border:1px solid var(--border);display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px}.breadcrumb a{color:var(--text-secondary);text-decoration:none;transition:color .3s;font-weight:500}.breadcrumb a:hover{color:var(--primary)}.breadcrumb span{color:var(--text-secondary)}.bottom-nav{position:fixed;bottom:0;left:0;width:100%;background:var(--nav-bg);box-shadow:0 -3px 15px var(--shadow);z-index:1000;display:flex;justify-content:space-around;padding:8px 0;border-top:1px solid var(--border)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-secondary);text-decoration:none;flex:1;padding:8px;transition:color .3s;font-size:11px;font-weight:500;position:relative;font-family:var(--font-ar)}.nav-item i{font-size:20px}.nav-item.active,.nav-item:hover{color:var(--primary)}.nav-item.active::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:30px;height:3px;background:var(--primary);border-radius:0 0 3px 3px}.unified-card{flex:0 0 180px;height:270px;position:relative;border-radius:12px;overflow:visible;transition:all .4s cubic-bezier(.175,.885,.32,1.275);text-decoration:none;color:var(--text-primary);cursor:pointer;transform:translateY(0);will-change:transform,box-shadow}.unified-card-inner{position:relative;width:100%;height:100%;border-radius:12px;overflow:hidden;background:var(--card-bg);box-shadow:0 4px 15px var(--shadow);border:1px solid rgba(255,255,255,.05)}.unified-poster{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.unified-badges{position:absolute;top:8px;left:8px;right:8px;display:flex;justify-content:space-between;align-items:flex-start;z-index:5;transition:opacity .3s}.unified-card:hover .unified-badges{opacity:1;pointer-events:none}.unified-rating{background:rgba(255,193,7,.8);color:#212529;padding:4px 9px;border-radius:14px;font-size:10px;font-weight:700;display:flex;align-items:center;gap:3px;backdrop-filter:blur(4px);box-shadow:0 2px 8px rgba(0,0,0,.3);border:none;text-shadow:none}.unified-rating i{font-size:9px}.unified-quality{background:rgba(var(--primary-rgb),.8);color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:700;box-shadow:0 2px 5px rgba(0,0,0,.5);font-family:var(--font-en);z-index:10;transition:opacity .3s}.unified-card:hover .unified-quality{opacity:1;pointer-events:none}.unified-overlay{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top,rgba(0,0,0,.95)0%,rgba(0,0,0,.7)70%,transparent 100%);padding:12px;opacity:0;transition:opacity .3s,transform .3s;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none;transform:translateY(100%)}.unified-card:hover .unified-overlay{opacity:1;transform:translateY(0)}@media(max-width:768px){.unified-card .unified-overlay{opacity:0;transform:translateY(100%)}.unified-card:hover .unified-overlay{opacity:1;transform:translateY(0)}.unified-card .unified-badges,.unified-card .unified-quality{opacity:1}}.unified-title-overlay{font-size:13px;font-weight:700;line-height:1.3;color:#fff;font-family:var(--font-ar);margin-bottom:8px}.unified-tags-overlay{display:flex;gap:4px;flex-wrap:wrap}.unified-tag-overlay{display:inline-block;color:#130438;padding:4px 10px;font-size:9px;line-height:1;font-weight:600;background:#fff;border-radius:12px;font-family:var(--font-ar)}.unified-card:hover .unified-card-inner{transform:scale(1.05);box-shadow:0 15px 35px rgba(0,0,0,.7)}.unified-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.5)}.unified-card:hover .unified-poster{transform:scale(1.1)}img{content-visibility:auto;will-change:auto}img[loading="lazy"]{opacity:.7;transition:opacity .3s}img.loaded{opacity:1}@media(min-width:1024px){.bottom-nav{display:none}body{padding-bottom:20px}.header.search-active .logo-text{display:block}.unified-card{flex:0 0 200px;height:300px}.unified-tag-overlay{font-size:11px;padding:5px 12px}.unified-title-overlay{font-size:14px}.unified-rating{padding:5px 10px;font-size:11px}.unified-quality{padding:7px 13px;font-size:12px}}@media(max-width:768px){.header-main{padding:12px 0}.header-content{padding:0 15px;gap:10px}.logo-text{font-size:22px}.search-input{padding:7px 38px 7px 16px;font-size:14px;height:38px}.search-submit{width:30px;height:30px;font-size:12px}.icon-btn{width:36px;height:36px;font-size:20px}.container{padding:0 15px}.loader-dots{gap:10px}.loader-dot{width:16px;height:16px}.unified-card{flex:0 0 160px;height:240px}.unified-tag-overlay{font-size:8px;padding:3px 8px}.unified-title-overlay{font-size:11px;margin-bottom:6px}.unified-rating{padding:3px 8px;font-size:9px}.unified-quality{padding:5px 10px;font-size:10px}}@media(max-width:480px){.header-main{padding:10px 0}.header-content{gap:8px;padding:0 12px}.logo-text{font-size:20px}.search-input{padding:6px 36px 6px 14px;font-size:13px;height:36px}.search-submit{width:28px;height:28px;font-size:11px}.icon-btn{width:34px;height:34px;font-size:18px}.container{padding:12px}.loader-dots{gap:8px}.loader-dot{width:14px;height:14px}.unified-card{flex:0 0 145px;height:218px}.unified-tag-overlay{font-size:7px;padding:3px 7px}.unified-title-overlay{font-size:10px;margin-bottom:5px}.unified-rating{padding:3px 7px;font-size:8px}.unified-quality{padding:4px 9px;font-size:9px}}