*,::after,::before{margin:0;padding:0;box-sizing:border-box}.card,.hero-btn,.trending-item,a,button{-webkit-tap-highlight-color:transparent;outline:0}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}:root{--bg:#060611;--bg-card:#0f0f1a;--bg-hover:#161625;--bg-glass:rgba(15,15,30,0.7);--gold:#e8b600;--gold-light:#ffd54f;--gold-dark:#b8900a;--gold-glow:rgba(232,182,0,0.15);--accent:#6366f1;--accent-light:#818cf8;--text:#f0f0f5;--text-dim:#8888a0;--text-light:#c0c0d0;--border:rgba(255,255,255,0.06);--radius:12px;--radius-sm:8px;--shadow:0 8px 32px rgba(0,0,0,0.4);--shadow-lg:0 20px 60px rgba(0,0,0,0.6);--transition:0.3s cubic-bezier(0.4, 0, 0.2, 1)}html{scroll-behavior:smooth}body{font-family:Cairo,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}body.rtl{direction:rtl}body.ltr{direction:ltr}a{color:inherit;text-decoration:none}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(6,6,17,.85);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border-bottom:1px solid var(--border);padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between;transition:background .4s}.header.scrolled{background:rgba(6,6,17,.98);box-shadow:0 2px 20px rgba(0,0,0,.5)}.logo{font-size:26px;font-weight:900;color:var(--gold);display:flex;align-items:center;gap:10px;letter-spacing:-.5px}.logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--gold),var(--gold-dark));border-radius:10px;display:flex;align-items:center;justify-content:center;color:#000;font-size:16px;box-shadow:0 4px 15px rgba(232,182,0,.3);position:relative}.logo-icon::after{content:'';position:absolute;inset:-2px;border-radius:12px;background:linear-gradient(135deg,var(--gold-light),transparent);opacity:0;transition:opacity .3s;z-index:-1}.logo:hover .logo-icon::after{opacity:.5}.header-actions{display:flex;align-items:center;gap:12px}.search-btn{background:0 0;border:none;color:var(--text-light);font-size:20px;cursor:pointer;padding:10px;border-radius:50%;transition:var(--transition)}.search-btn:hover{background:rgba(255,255,255,.08);color:var(--gold)}.menu-btn{background:0 0;border:none;color:var(--text-light);cursor:pointer;display:flex;flex-direction:column;gap:5px;padding:8px;border-radius:var(--radius-sm);transition:var(--transition)}.menu-btn:hover{background:rgba(255,255,255,.05)}.menu-btn span{display:block;width:22px;height:2px;background:var(--gold);border-radius:2px;transition:.3s}.menu-btn span:nth-child(2){width:16px}.search-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(6,6,17,.97);backdrop-filter:blur(30px);z-index:2000;display:none;flex-direction:column;align-items:center;padding-top:100px;animation:fadeIn .2s}.search-overlay.active{display:flex}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.search-box{width:92%;max-width:650px;position:relative}.search-box input{width:100%;padding:16px 24px;background:var(--bg-card);border:2px solid rgba(232,182,0,.3);border-radius:50px;color:var(--text);font-size:17px;font-family:Cairo,sans-serif;outline:0;transition:var(--transition)}.search-box input:focus{border-color:var(--gold);box-shadow:0 0 0 4px var(--gold-glow)}.search-box input::placeholder{color:var(--text-dim)}.search-box .close-search{position:absolute;top:50%;transform:translateY(-50%)}body.rtl .search-box .close-search{left:18px;right:auto}body.ltr .search-box .close-search{right:18px;left:auto}.search-box .close-search{background:0 0;border:none;color:var(--text-dim);font-size:22px;cursor:pointer;transition:var(--transition)}.search-box .close-search:hover{color:var(--gold)}.search-results{width:92%;max-width:650px;margin-top:16px;max-height:60vh;overflow-y:auto}.search-result-item{display:flex;gap:14px;padding:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:10px;cursor:pointer;transition:var(--transition)}.search-result-item:hover{background:var(--bg-hover);border-color:rgba(232,182,0,.2)}body.rtl .search-result-item:hover{transform:translateX(4px)}body.ltr .search-result-item:hover{transform:translateX(-4px)}.search-result-item img{width:60px;height:85px;object-fit:cover;border-radius:var(--radius-sm)}.search-result-info h4{font-size:15px;font-weight:700;margin-bottom:4px}.search-result-info p{font-size:13px;color:var(--text-dim)}.side-menu{position:fixed;top:0;width:300px;height:100%;background:linear-gradient(180deg,#0a0a1a,#060611);z-index:3000;padding:30px 24px;overflow-y:auto}body.rtl .side-menu{left:-320px;right:auto;border-right:1px solid var(--border);transition:left .35s cubic-bezier(.4, 0, .2, 1)}body.rtl .side-menu.active{left:0}body.ltr .side-menu{right:-320px;left:auto;border-left:1px solid var(--border);transition:right .35s cubic-bezier(.4, 0, .2, 1)}body.ltr .side-menu.active{right:0}.side-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);z-index:2999;display:none;animation:fadeIn .2s}.side-menu-overlay.active{display:block}.side-menu h3{color:var(--gold);margin-bottom:24px;font-size:18px;font-weight:700;display:flex;align-items:center;gap:10px}.side-menu a{display:flex;align-items:center;gap:12px;padding:13px 16px;color:var(--text-light);border-radius:var(--radius-sm);margin-bottom:4px;transition:var(--transition);font-size:15px;font-weight:500}.side-menu a:hover{background:var(--gold-glow);color:var(--gold)}body.rtl .side-menu a:hover{transform:translateX(-4px)}body.ltr .side-menu a:hover{transform:translateX(4px)}.side-menu a i{width:20px;text-align:center}.side-menu .divider{height:1px;background:var(--border);margin:18px 0}.main{padding-top:64px}.hero-carousel{position:relative;width:100%;height:520px;overflow:hidden;contain:layout style paint}.hero-slides{width:100%;height:100%;position:relative}.hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center 20%;opacity:0;transition:opacity 1s ease;animation:kenBurns 20s ease infinite alternate}.hero-slide.active{opacity:1}@keyframes kenBurns{0%{transform:scale(1)}100%{transform:scale(1.08)}}.hero-gradient{position:absolute;bottom:0;left:0;right:0;height:80%;background:linear-gradient(to top,var(--bg) 0,rgba(6,6,17,.9) 30%,rgba(6,6,17,.4) 60%,transparent 100%)}.hero-content{position:absolute;bottom:50px;right:40px;left:40px;z-index:5}body.rtl .hero-content{text-align:right}body.ltr .hero-content{text-align:left}.hero-badge{display:inline-block;background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#000;font-size:11px;font-weight:800;padding:4px 14px;border-radius:6px;margin-bottom:12px;letter-spacing:.5px;text-transform:uppercase}.hero-title{font-size:34px;font-weight:900;margin-bottom:10px;text-shadow:0 4px 20px rgba(0,0,0,.7);line-height:1.2}.hero-desc{font-size:14px;color:rgba(255,255,255,.75);line-height:1.7;margin-bottom:18px;max-width:520px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border-radius:var(--radius);font-weight:700;font-size:15px;font-family:Cairo,sans-serif;transition:var(--transition);border:none;cursor:pointer}.hero-btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#000;box-shadow:0 4px 20px rgba(232,182,0,.3)}.hero-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(232,182,0,.4)}.hero-btn-secondary{background:rgba(255,255,255,.1);color:#fff;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15)}.hero-btn-secondary:hover{background:rgba(255,255,255,.18);transform:translateY(-2px)}.hero-rating{position:absolute;top:-35px;color:var(--gold);font-size:17px;font-weight:800;display:flex;align-items:center;gap:6px;text-shadow:0 2px 10px rgba(0,0,0,.5)}body.rtl .hero-rating{right:0;left:auto}body.ltr .hero-rating{left:0;right:auto}.hero-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:10}.hero-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.3);border:none;cursor:pointer;transition:var(--transition)}.hero-dot.active{background:var(--gold);width:28px;border-radius:4px;box-shadow:0 0 12px rgba(232,182,0,.5)}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.4);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:#fff;width:44px;height:44px;border-radius:50%;font-size:16px;cursor:pointer;z-index:10;transition:var(--transition);display:flex;align-items:center;justify-content:center}.hero-arrow:hover{background:var(--gold);color:#000;border-color:var(--gold);box-shadow:0 4px 20px rgba(232,182,0,.4)}.hero-arrow-right{right:20px}.hero-arrow-left{left:20px}.quick-nav{display:flex;justify-content:center;gap:24px;padding:28px 15px;position:relative}.quick-nav::before{content:'';position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.quick-nav-item{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-dim);font-size:13px;font-weight:600;transition:var(--transition)}.quick-nav-item:hover{color:var(--gold);transform:translateY(-3px)}.quick-nav-item i{width:54px;height:54px;background:var(--bg-card);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--gold);border:1px solid var(--border);transition:var(--transition)}.quick-nav-item:hover i{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#000;border-color:var(--gold);box-shadow:0 4px 20px rgba(232,182,0,.3);transform:scale(1.05)}.section{padding:24px 20px;opacity:0;transform:translateY(25px);transition:opacity .6s ease,transform .6s ease}.section.visible{opacity:1;transform:translateY(0)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-title{font-size:21px;font-weight:800;display:flex;align-items:center;gap:10px}.section-title .icon{color:var(--gold)}.see-all{font-size:13px;color:var(--gold);font-weight:600;display:flex;align-items:center;gap:4px;transition:var(--transition);opacity:.8}body.rtl .see-all{margin-right:auto;margin-left:12px}body.ltr .see-all{margin-left:auto;margin-right:12px}.see-all:hover{opacity:1;gap:8px}.slider-nav{display:flex;gap:8px}.slider-nav button{width:34px;height:34px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:var(--text-light);border-radius:50%;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.slider-nav button:hover{background:var(--gold);color:#000;border-color:var(--gold)}.slider{display:flex;gap:14px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:8px;-webkit-overflow-scrolling:touch}.slider.dragging{scroll-behavior:auto;scroll-snap-type:none;user-select:none;-webkit-user-select:none}.slider.dragging .card{pointer-events:auto}.slider::-webkit-scrollbar{display:none}.card{flex:0 0 auto;width:155px;scroll-snap-align:start;cursor:pointer;transition:transform .35s ease,box-shadow .35s ease;position:relative}.card:hover{transform:scale(1.06) translateY(-6px)}.card::after{content:'';position:absolute;bottom:-8px;left:10%;right:10%;height:20px;background:radial-gradient(ellipse,rgba(232,182,0,.15),transparent);border-radius:50%;opacity:0;transition:opacity .35s;z-index:-1}.card:hover::after{opacity:1}.card-poster{width:155px;height:230px;aspect-ratio:2/3;border-radius:var(--radius);overflow:hidden;position:relative;background:var(--bg-card);box-shadow:0 4px 16px rgba(0,0,0,.3);transition:box-shadow .35s;contain:layout style paint}.card:hover .card-poster{box-shadow:0 12px 40px rgba(0,0,0,.6),0 0 0 1px rgba(232,182,0,.3),0 0 30px rgba(232,182,0,.08)}.card-poster img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.card:hover .card-poster img{transform:scale(1.08)}.card-poster .overlay{position:absolute;bottom:0;left:0;right:0;padding:8px;background:linear-gradient(transparent,rgba(0,0,0,.9))}.card-badge{position:absolute;top:10px;background:rgba(0,0,0,.75);backdrop-filter:blur(8px);color:var(--gold);font-size:11px;font-weight:700;padding:4px 10px;border-radius:6px;display:flex;align-items:center;gap:4px;z-index:3;border:1px solid rgba(232,182,0,.2)}body.rtl .card-badge{right:auto;left:10px}body.ltr .card-badge{right:10px;left:auto}.card-type{position:absolute;bottom:10px;background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#000;font-size:10px;font-weight:800;padding:3px 10px;border-radius:5px;z-index:3}body.rtl .card-type{right:auto;left:10px}body.ltr .card-type{right:10px;left:auto}.card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(6,6,17,.55);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .35s;z-index:2}.card:hover .card-overlay{opacity:1}.card-play{width:48px;height:48px;background:linear-gradient(135deg,var(--gold),var(--gold-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;font-size:18px;transform:scale(.7);transition:transform .35s cubic-bezier(.34, 1.56, .64, 1);box-shadow:0 4px 20px rgba(232,182,0,.4)}.card:hover .card-play{transform:scale(1)}.card-info{padding:10px 4px 0}.card-title{font-size:13px;font-weight:700;text-align:center;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{font-size:11px;color:var(--text-dim);text-align:center;margin-top:4px}.title-trailer{position:relative;width:100%;height:70vw;max-height:600px;min-height:320px;margin-top:-64px;overflow:hidden;background:#000}.title-trailer #ytTrailerPlayer,.title-trailer iframe{position:absolute;top:50%;left:50%;width:177.78vh;height:100vh;min-width:100%;min-height:100%;transform:translate(-50%,-50%) scale(1.15);border:none;pointer-events:none;z-index:0}.title-trailer .overlay-block{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;background:0 0;cursor:default}.title-trailer .gradient{position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(transparent,var(--bg));z-index:3;pointer-events:none}.title-trailer .gradient-top{position:absolute;top:0;left:0;right:0;height:15%;background:linear-gradient(var(--bg),transparent);z-index:3;pointer-events:none}.title-banner{position:relative;width:100%;height:420px;overflow:hidden}.title-banner img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.title-banner .gradient{position:absolute;bottom:0;left:0;right:0;height:250px;background:linear-gradient(transparent,var(--bg))}.title-info{position:relative;margin-top:-90px;padding:0 24px;z-index:10}.title-type{display:inline-block;color:var(--gold);font-size:13px;font-weight:700;margin-bottom:6px}body.rtl .title-type{border-right:3px solid var(--gold);padding-right:12px}body.ltr .title-type{border-left:3px solid var(--gold);padding-left:12px}.title-name{font-size:30px;font-weight:900;margin-bottom:8px;line-height:1.2}.watch-btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#000;padding:13px 34px;border-radius:var(--radius);font-size:17px;font-weight:800;font-family:Cairo,sans-serif;border:none;cursor:pointer;transition:var(--transition);box-shadow:0 4px 20px rgba(232,182,0,.3)}.watch-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(232,182,0,.4)}.tabs{display:flex;border-bottom:1px solid var(--border);margin:28px 24px 0;gap:4px}.tab{padding:14px 22px;cursor:pointer;font-size:15px;font-weight:700;color:var(--text-dim);border-bottom:3px solid transparent;transition:var(--transition);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.tab:hover{color:var(--text);background:rgba(255,255,255,.03)}.tab.active{color:var(--gold);border-bottom-color:var(--gold)}.tab-content{padding:24px;display:none}.tab-content.active{display:block}.info-table{width:100%}.info-row{display:flex;padding:16px 0;border-bottom:1px solid var(--border);align-items:flex-start;gap:12px}.info-label{font-weight:700;min-width:130px;color:var(--text);font-size:14px}.info-value{color:var(--text-light);font-size:14px;line-height:1.7}.episodes-list{display:flex;flex-direction:column;gap:10px}.episode-item{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:var(--transition)}.episode-item:hover{background:var(--bg-hover);border-color:rgba(232,182,0,.2)}body.rtl .episode-item:hover{transform:translateX(4px)}body.ltr .episode-item:hover{transform:translateX(-4px)}.episode-num{color:var(--gold);font-weight:700;min-width:80px}.season-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.season-tab{padding:8px 18px;border-radius:20px;border:1px solid var(--border);background:var(--bg-card);color:rgba(255,255,255,.7);cursor:pointer;font-family:Cairo,sans-serif;font-size:14px;font-weight:600;transition:var(--transition)}.season-tab:hover{border-color:rgba(232,182,0,.3);color:#fff}.season-tab.active{background:var(--gold);color:#000;border-color:var(--gold)}.watch-container{background:#000;min-height:100vh;padding-top:0}.watch-header{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;background:#000}.watch-header-actions{display:flex;gap:15px}.watch-header-actions button{background:0 0;border:none;color:var(--text);font-size:22px;cursor:pointer}.player-wrapper{position:relative;width:100%;max-height:70vh;background:#000}.player-wrapper video{width:100%;max-height:70vh;display:block}.player-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.9));padding:30px 15px 12px}.progress-bar{width:100%;height:4px;background:rgba(255,255,255,.15);border-radius:2px;cursor:pointer;margin-bottom:12px;position:relative;transition:height .15s}.progress-bar:hover{height:6px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-light));border-radius:2px;width:0%;transition:width .1s;position:relative}.controls-row{display:flex;align-items:center;justify-content:space-between}.controls-left,.controls-right{display:flex;align-items:center;gap:16px}.controls-row button{background:0 0;border:none;color:var(--text);font-size:20px;cursor:pointer;transition:var(--transition);padding:4px}.controls-row button:hover{color:var(--gold)}.time-display{font-size:13px;color:var(--text-dim);direction:ltr;font-weight:500}.ad-banner{background:var(--bg-card);border:1px dashed rgba(255,255,255,.08);padding:18px;text-align:center;color:var(--text-dim);font-size:12px;margin:12px 20px;border-radius:var(--radius);min-height:60px;display:flex;align-items:center;justify-content:center}.footer{padding:50px 24px 30px;border-top:1px solid var(--border);margin-top:50px;background:linear-gradient(180deg,transparent 0,rgba(15,15,30,.3) 30%,rgba(15,15,30,.7) 100%);position:relative}.footer::before{content:'';position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(232,182,0,.3),transparent)}.footer-brand{margin-bottom:30px;padding-bottom:24px;border-bottom:1px solid var(--border)}.footer-brand .logo{font-size:22px;margin-bottom:10px;display:inline-flex}.footer-brand p{color:var(--text-dim);font-size:13px;max-width:400px;line-height:1.7}.footer-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:30px;margin-bottom:30px}.footer-section h4{color:var(--gold);margin-bottom:14px;font-size:16px;font-weight:700}.footer-section a{display:block;color:var(--text-dim);padding:6px 0;font-size:14px;transition:var(--transition)}.footer-section a:hover{color:var(--gold)}body.rtl .footer-section a:hover{padding-right:8px}body.ltr .footer-section a:hover{padding-left:8px}.footer-bottom{text-align:center;color:var(--text-dim);font-size:13px;padding-top:24px;border-top:1px solid var(--border)}.footer-disclaimer{font-size:11px;color:rgba(136,136,160,.6);margin-top:12px;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.footer-socials{display:flex;gap:18px;justify-content:center;margin-top:14px}.footer-socials a{font-size:20px;color:var(--text-dim);transition:var(--transition);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.04);border:1px solid var(--border)}.footer-socials a:hover{color:var(--gold);background:var(--gold-glow);border-color:rgba(232,182,0,.3);transform:translateY(-3px)}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:18px;padding:24px}.admin-container{max-width:900px;margin:0 auto;padding:80px 20px 40px}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.admin-header h1{color:var(--gold);font-size:24px;font-weight:800}.btn{padding:11px 22px;border-radius:var(--radius-sm);border:none;cursor:pointer;font-family:Cairo,sans-serif;font-weight:700;font-size:14px;transition:var(--transition)}.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#000;box-shadow:0 2px 10px rgba(232,182,0,.2)}.btn-gold:hover{transform:translateY(-1px);box-shadow:0 4px 15px rgba(232,182,0,.3)}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover{background:#b91c1c}.form-group{margin-bottom:18px}.form-group label{display:block;margin-bottom:6px;color:var(--text-light);font-size:14px;font-weight:600}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:Cairo,sans-serif;font-size:14px;outline:0;transition:var(--transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-glow)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.admin-table{width:100%;border-collapse:collapse}.admin-table td,.admin-table th{padding:14px;text-align:right;border-bottom:1px solid var(--border)}.admin-table th{color:var(--gold);font-weight:700;font-size:13px}.admin-table td img{width:42px;height:58px;object-fit:cover;border-radius:6px}.admin-table tr:hover td{background:rgba(255,255,255,.02)}.admin-actions{display:flex;gap:8px}.admin-actions button{padding:6px 14px;font-size:12px;border-radius:6px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(6,6,17,.85);backdrop-filter:blur(8px);z-index:5000;display:none;align-items:center;justify-content:center}.modal-overlay.active{display:flex}.modal{background:linear-gradient(180deg,#0f0f1a,#0a0a15);border:1px solid var(--border);border-radius:16px;padding:32px;width:92%;max-width:700px;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal h2{color:var(--gold);margin-bottom:24px;font-weight:800}.no-poster{width:100%;height:100%;background:var(--bg-card);display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:40px}.mark-watched{color:var(--gold);font-size:14px;margin-top:10px;cursor:pointer;display:inline-flex;align-items:center;gap:5px}.watch-btn .play-icon{font-size:18px}@media (max-width:480px){.hero-carousel{height:380px}.hero-title{font-size:24px}.hero-desc{display:none}.hero-btn{padding:10px 18px;font-size:13px}.hero-arrow{display:none}.hero-content{bottom:35px;right:20px;left:20px}.quick-nav{gap:14px;padding:20px 10px}.quick-nav-item i{width:46px;height:46px;font-size:18px;border-radius:14px}.quick-nav-item{font-size:11px}.section{padding:18px 14px}.section-title{font-size:18px}.card{width:130px}.card-poster{width:130px;height:195px}.title-name{font-size:24px}}@media (min-width:768px){.card{width:175px}.card-poster{width:175px;height:260px}.title-banner{height:500px}.title-trailer{height:500px;max-height:500px}.section{padding:28px 30px}.hero-carousel{height:540px}.hero-title{font-size:40px}}@media (min-width:1024px){.card{width:195px}.card-poster{width:195px;height:290px}.section{padding:30px 50px}.hero-carousel{height:600px}.hero-title{font-size:48px}.hero-content{bottom:60px;right:60px;left:60px}}@media (min-width:1400px){.card{width:210px}.card-poster{width:210px;height:310px}.hero-carousel{height:650px}}.back-to-top{position:fixed;bottom:30px;z-index:999;width:44px;height:44px;background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#000;border:none;border-radius:50%;font-size:18px;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s ease;box-shadow:0 4px 20px rgba(232,182,0,.3);display:flex;align-items:center;justify-content:center}body.rtl .back-to-top{left:30px;right:auto}body.ltr .back-to-top{right:30px;left:auto}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(232,182,0,.5)}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.card-skeleton{flex:0 0 auto;width:155px}.card-skeleton .poster{width:155px;height:230px;border-radius:var(--radius);background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.card-skeleton .text{height:14px;margin-top:10px;border-radius:4px;width:80%;margin-left:auto;margin-right:auto;background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.section-count{font-size:12px;color:var(--text-dim);background:rgba(255,255,255,.05);padding:2px 10px;border-radius:12px;font-weight:600}.trending-ribbon{display:flex;gap:0;overflow-x:auto;scrollbar-width:none;padding:0 20px;margin-bottom:10px}.trending-ribbon::-webkit-scrollbar{display:none}.trending-item{flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:16px 22px;background:0 0;border-bottom:2px solid transparent;transition:var(--transition);cursor:pointer;white-space:nowrap;text-decoration:none}.trending-item:hover{background:rgba(255,255,255,.03);border-bottom-color:var(--gold)}.trending-rank{font-size:24px;font-weight:900;color:rgba(232,182,0,.3);min-width:30px}.trending-info h4{font-size:13px;font-weight:700;color:var(--text)}.trending-info p{font-size:11px;color:var(--text-dim)}.main{animation:pageIn .4s ease}@keyframes pageIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.notif-banner{background:linear-gradient(135deg,rgba(232,182,0,.1),rgba(99,102,241,.1));border:1px solid rgba(232,182,0,.15);border-radius:var(--radius);padding:14px 20px;margin:16px 20px;display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-light)}.notif-banner i{color:var(--gold);font-size:18px}.notif-banner .notif-close{margin-left:auto;background:0 0;border:none;color:var(--text-dim);cursor:pointer;font-size:16px}.scroll-progress{position:fixed;top:64px;left:0;height:2px;background:linear-gradient(90deg,var(--gold),var(--accent));z-index:999;transition:width .1s;width:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#222;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#444}::selection{background:rgba(232,182,0,.25);color:var(--text)}.lang-toggle{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.06);border:1px solid var(--border);color:var(--text-light);padding:6px 14px;border-radius:20px;font-family:Cairo,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition);white-space:nowrap}.lang-toggle:hover{background:var(--gold-glow);border-color:rgba(232,182,0,.3);color:var(--gold)}.lang-toggle i{font-size:14px;color:var(--gold)}.breadcrumb{padding:10px 24px;margin-top:64px;font-size:13px}.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px;align-items:center}.breadcrumb li{display:flex;align-items:center;gap:4px;color:var(--text-dim)}.breadcrumb li::after{content:'/';margin:0 6px;color:var(--text-dim);opacity:.5}.breadcrumb li:last-child::after{display:none}.breadcrumb a{color:var(--gold);text-decoration:none;transition:opacity .2s}.breadcrumb a:hover{opacity:.8;text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body.rtl .slider{direction:rtl}body.ltr .slider{direction:ltr}@media (max-width:480px){body.rtl .hero-content{right:20px;left:20px}.lang-toggle span{display:none}.lang-toggle{padding:8px;border-radius:50%}}@media (min-width:1024px){body.rtl .hero-content{right:60px;left:60px}body.ltr .hero-content{right:60px;left:60px}}body.homepage .breadcrumb{display:none}.hero-slide{pointer-events:none}.hero-slide.active{pointer-events:auto}.slider{cursor:grab;-webkit-overflow-scrolling:touch}.slider:active{cursor:grabbing}@media (hover:none) and (pointer:coarse){.slider{cursor:auto;scroll-snap-type:x mandatory}.slider:active{cursor:auto}}@media (hover:none){.card:hover{transform:none}.card:hover .card-overlay{opacity:0}.card:hover .card-poster{box-shadow:0 4px 16px rgba(0,0,0,.3)}.card:active{transform:scale(.97)}.card:active .card-overlay{opacity:1}}.hero-slide{will-change:opacity}.hero-slide .hero-content{opacity:0;transform:translateY(20px);transition:opacity .6s ease .3s,transform .6s ease .3s}.hero-slide.active .hero-content{opacity:1;transform:translateY(0)}.trending-ribbon{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.trending-item{scroll-snap-align:start}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}#loading{display:flex;align-items:center;justify-content:center;min-height:200px;animation:pulse 1.5s ease-in-out infinite}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.card-poster img{opacity:0;transition:opacity .4s ease,transform .5s ease}.card-poster img[src]{opacity:1}.card-poster img.loaded{opacity:1}@media (max-width:768px){.hero-dots{bottom:15px}}.ad-banner:empty{display:none}@media (max-width:768px){.slider{scroll-snap-type:x mandatory}.card{scroll-snap-align:start}}body{opacity:0;animation:bodyFadeIn .3s ease forwards}@keyframes bodyFadeIn{to{opacity:1}}.side-menu{will-change:transform}.hero-slide{z-index:1}.hero-slide.active{z-index:2}@media (max-width:360px){.hero-actions{gap:8px}.hero-btn{padding:8px 14px;font-size:12px}}.pwa-install-banner{display:none;position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--bg-card),#1a1a2e);border:1px solid var(--gold-dark);border-radius:16px;padding:14px 20px;z-index:9999;box-shadow:0 8px 32px rgba(0,0,0,.6),0 0 20px var(--gold-glow);align-items:center;gap:14px;max-width:380px;width:calc(100% - 32px);animation:slideUpBanner .4s ease-out}.pwa-install-banner.show{display:flex}.pwa-install-banner .pwa-icon{width:44px;height:44px;border-radius:10px;flex-shrink:0}.pwa-install-banner .pwa-text{flex:1;font-size:13px;line-height:1.4}.pwa-install-banner .pwa-text strong{display:block;font-size:14px;color:var(--gold);margin-bottom:2px}.pwa-install-banner .pwa-btn{background:var(--gold);color:var(--bg);border:none;border-radius:10px;padding:8px 18px;font-weight:700;font-size:13px;cursor:pointer;font-family:Cairo,sans-serif;white-space:nowrap;transition:var(--transition)}.pwa-install-banner .pwa-btn:hover{background:var(--gold-light)}.pwa-install-banner .pwa-close{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:var(--bg-card);border:1px solid var(--border);border-radius:50%;color:var(--text-dim);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}@keyframes slideUpBanner{from{transform:translateX(-50%) translateY(100px);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}.genre-bar{padding:0 16px;margin:-8px 0 8px}.genre-bar-scroll{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding:4px 0}.genre-bar-scroll::-webkit-scrollbar{display:none}.genre-chip{flex:0 0 auto;scroll-snap-align:start;display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;color:var(--text-light);font-size:13px;font-weight:500;white-space:nowrap;transition:all var(--transition);text-decoration:none}.genre-chip i{font-size:12px;color:var(--gold)}.genre-chip:active,.genre-chip:hover{background:var(--gold);color:var(--bg);border-color:var(--gold)}.genre-chip:active i,.genre-chip:hover i{color:var(--bg)}.skeleton-container{padding:0 16px}.skeleton-section{margin-bottom:24px}.skeleton-title{width:180px;height:24px;background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px;margin-bottom:16px}.skeleton-slider{display:flex;gap:14px;overflow:hidden}.skeleton-card{flex:0 0 155px}.skeleton-poster{width:155px;height:220px;background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius);margin-bottom:8px}.skeleton-text{width:120px;height:14px;background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin-bottom:6px}.skeleton-text-sm{width:80px;height:12px;background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.share-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.share-menu{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;width:90%;max-width:360px;text-align:center}.share-menu h3{margin-bottom:16px;color:var(--gold);font-size:18px}.share-options{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.share-option{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:var(--radius-sm);color:#fff;font-size:14px;font-weight:600;text-decoration:none;border:none;cursor:pointer;font-family:Cairo,sans-serif;transition:opacity .2s}.share-option:hover{opacity:.85}.share-close{background:0 0;border:1px solid var(--border);color:var(--text-dim);padding:8px 24px;border-radius:var(--radius-sm);cursor:pointer;font-family:Cairo,sans-serif;font-size:14px}.share-close:hover{color:var(--text);border-color:var(--text-dim)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}#randomBtn i{animation:diceSpin 3s ease-in-out infinite}@keyframes diceSpin{0%,100%,80%{transform:rotate(0)}90%{transform:rotate(360deg)}}.adv-filters{padding:0 24px 16px;animation:fadeIn .3s ease}.adv-filter-row{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.adv-filter-group{display:flex;flex-direction:column;gap:4px;flex:1;min-width:120px}.adv-filter-group label{font-size:12px;color:var(--text-dim);font-weight:600}.adv-filter-group select{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:var(--radius-sm);font-family:Cairo,sans-serif;font-size:13px;cursor:pointer;appearance:auto}.adv-filter-group select:focus{outline:0;border-color:var(--gold)}.adv-filter-reset{background:0 0;border:1px solid var(--border);color:var(--text-dim);padding:8px 16px;border-radius:var(--radius-sm);font-family:Cairo,sans-serif;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s;white-space:nowrap}.adv-filter-reset:hover{color:var(--gold);border-color:var(--gold)}@media (max-width:600px){.adv-filter-group{min-width:calc(50% - 8px)}}.card-poster img[loading=lazy]{opacity:0;transition:opacity .5s ease,transform .5s ease}.card-poster img.loaded,.card-poster img[complete]{opacity:1}.card-poster::before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,var(--bg-card) 8%,#1a1a2e 18%,var(--bg-card) 33%);background-size:200% 100%;animation:shimmer 1.5s linear infinite;z-index:0;border-radius:var(--radius)}.card-poster img.loaded~.skeleton,.card-poster:has(img.loaded)::before{display:none}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.card-badge{box-shadow:0 2px 8px rgba(0,0,0,.3);transition:transform .3s,box-shadow .3s}.card:hover .card-badge{transform:scale(1.1);box-shadow:0 4px 12px rgba(232,182,0,.3)}.slider-section{opacity:1;transform:translateY(0);transition:opacity .6s ease,transform .6s ease}.slider-section.fade-in{opacity:0;transform:translateY(30px)}.slider-section.visible{opacity:1;transform:translateY(0)}.slider-container::after{content:'';position:absolute;top:0;bottom:0;width:60px;pointer-events:none;z-index:5}body.rtl .slider-container::after{left:0;background:linear-gradient(to right,var(--bg),transparent)}body.ltr .slider-container::after{right:0;background:linear-gradient(to left,var(--bg),transparent)}.genre-tag:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(232,182,0,.2)}.pwa-banner{animation:slideUp .5s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.back-to-top{transition:transform .3s,opacity .3s,box-shadow .3s!important}.back-to-top:hover{transform:translateY(-3px)!important;box-shadow:0 6px 20px rgba(232,182,0,.4)!important}.title-actions .btn{transition:transform .2s,box-shadow .2s}.title-actions .btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.3)}.episode-item.active{border-color:var(--gold)!important;box-shadow:0 0 15px rgba(232,182,0,.15)}.footer-links a{transition:color .2s,transform .2s;display:inline-block}.footer-links a:hover{color:var(--gold);transform:translateX(-3px)}.search-overlay input{transition:border-color .3s,box-shadow .3s}.search-overlay input:focus{box-shadow:0 0 20px rgba(232,182,0,.15)}::selection{background:rgba(232,182,0,.3);color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:rgba(232,182,0,.3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(232,182,0,.5)}/* ═══════════════ Mobile Bottom Navigation ═══════════════ */
.bottom-nav {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1001;
  background: rgba(6,6,17,0.95);
  backdrop-filter: blur(20px) saturate(1.5);
  -webkit-backdrop-filter: blur(20px) saturate(1.5);
  border-top: 1px solid var(--border);
  padding: 6px 0 env(safe-area-inset-bottom, 6px);
  transition: transform 0.3s;
}
.bottom-nav.hidden { transform: translateY(100%); }
.bottom-nav-items {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.bottom-nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  color: var(--text-dim);
  font-size: 10px;
  font-weight: 600;
  text-decoration: none;
  padding: 6px 12px;
  border-radius: 8px;
  transition: var(--transition);
  background: none;
  border: none;
  font-family: Cairo, sans-serif;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.bottom-nav-item i { font-size: 20px; transition: var(--transition); }
.bottom-nav-item.active,
.bottom-nav-item:hover { color: var(--gold); }
.bottom-nav-item.active i { transform: scale(1.15); }

@media (max-width: 768px) {
  .bottom-nav { display: block; }
  body { padding-bottom: 70px; }
  .footer { margin-bottom: 70px; }
  .back-to-top { bottom: 80px; }
}

/* ═══════════════ Continue Watching ═══════════════ */
.continue-card .card-poster { position: relative; }
.continue-progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: rgba(255,255,255,0.15);
  z-index: 5;
  border-radius: 0 0 var(--radius) var(--radius);
  overflow: hidden;
}
.continue-progress-fill {
  height: 100%;
  background: linear-gradient(90deg, var(--gold), var(--gold-light));
  border-radius: 2px;
  transition: width 0.3s;
}
.continue-ep-badge {
  position: absolute;
  top: 8px;
  right: 8px;
  background: rgba(0,0,0,0.75);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 6px;
  z-index: 5;
  backdrop-filter: blur(6px);
}
body.ltr .continue-ep-badge { right: auto; left: 8px; }

.continue-watching-section .section-title { color: var(--gold); }

/* ═══════════════ Toast Notification ═══════════════ */
.cimago-toast {
  position: fixed;
  bottom: 90px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  background: linear-gradient(135deg, var(--gold), var(--gold-dark));
  color: #000;
  padding: 12px 28px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 700;
  font-family: Cairo, sans-serif;
  z-index: 9999;
  opacity: 0;
  pointer-events: none;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 8px 32px rgba(232,182,0,0.3);
}
.cimago-toast.show {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* ═══════════════ My List Button (Title Page) ═══════════════ */
.mylist-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,255,255,0.08);
  border: 1px solid var(--border);
  color: var(--text);
  padding: 10px 20px;
  border-radius: var(--radius);
  font-size: 14px;
  font-weight: 700;
  font-family: Cairo, sans-serif;
  cursor: pointer;
  transition: var(--transition);
  backdrop-filter: blur(10px);
}
.mylist-btn:hover {
  background: var(--gold-glow);
  border-color: rgba(232,182,0,0.3);
  color: var(--gold);
}
.mylist-btn.active {
  background: var(--gold-glow);
  border-color: var(--gold);
  color: var(--gold);
}

/* ═══════════════ Cinema Mode ═══════════════ */
body.cinema-mode {
  background: #000 !important;
}
body.cinema-mode .watch-header { opacity: 0.3 !important; }
body.cinema-mode .watch-header:hover { opacity: 1 !important; }
body.cinema-mode #watchInfoSection { background: #000; }
body.cinema-mode .episode-nav { background: rgba(0,0,0,0.95); border-color: rgba(255,255,255,0.03); }

/* ═══════════════ Enhanced Card Hover Effects ═══════════════ */
.card {
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.35s;
}
.card:hover {
  transform: translateY(-8px) scale(1.03);
  box-shadow: 0 16px 40px rgba(0,0,0,0.5), 0 0 0 1px rgba(232,182,0,0.15);
}
.card:hover .card-poster img {
  filter: brightness(1.1);
}
.card .card-overlay {
  transition: opacity 0.3s;
}
.card:hover .card-overlay {
  opacity: 1;
}
.card-play {
  transform: scale(0.8);
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.card:hover .card-play {
  transform: scale(1);
}

/* ═══════════════ Improved Search ═══════════════ */
.search-filter-bar {
  display: flex;
  gap: 8px;
  width: 92%;
  max-width: 650px;
  margin-top: 12px;
  justify-content: center;
}
.search-filter-btn {
  background: rgba(255,255,255,0.06);
  border: 1px solid var(--border);
  color: var(--text-dim);
  padding: 7px 18px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 600;
  font-family: Cairo, sans-serif;
  cursor: pointer;
  transition: var(--transition);
}
.search-filter-btn:hover,
.search-filter-btn.active {
  background: var(--gold-glow);
  border-color: rgba(232,182,0,0.3);
  color: var(--gold);
}

.recent-searches-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px 8px;
  color: var(--text-dim);
  font-size: 13px;
  font-weight: 600;
}
.clear-recent-btn {
  background: none;
  border: none;
  color: var(--gold);
  font-size: 12px;
  cursor: pointer;
  font-family: Cairo, sans-serif;
  font-weight: 600;
}
.recent-search-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  color: var(--text-light);
  cursor: pointer;
  transition: var(--transition);
  border-radius: var(--radius-sm);
}
.recent-search-item:hover {
  background: var(--bg-hover);
  color: var(--gold);
}
.recent-search-item i {
  color: var(--text-dim);
  font-size: 14px;
}

/* ═══════════════ Smooth Page Transitions ═══════════════ */
@keyframes pageEnter {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}
.main { animation: pageEnter 0.4s ease-out; }

/* ═══════════════ Section Animations ═══════════════ */
.section {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.section.visible {
  opacity: 1;
  transform: translateY(0);
}

/* ═══════════════ Card Badge Shimmer ═══════════════ */
.card-badge {
  position: relative;
  overflow: hidden;
}
.card-badge::after {
  content: '';
  position: absolute;
  top: -50%;
  left: -60%;
  width: 40%;
  height: 200%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);
  animation: shimmerBadge 3s ease infinite;
}
@keyframes shimmerBadge {
  0%, 100% { left: -60%; }
  50% { left: 120%; }
}

/* ═══════════════ Scroll Snap for Sliders ═══════════════ */
.slider {
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
}
.slider .card {
  scroll-snap-align: start;
}

/* ═══════════════ Better Loading Skeleton ═══════════════ */
@keyframes skeletonPulse {
  0%, 100% { opacity: 0.4; }
  50% { opacity: 0.8; }
}
.skeleton-poster,
.skeleton-title,
.skeleton-text,
.skeleton-text-sm {
  animation: skeletonPulse 1.5s ease-in-out infinite;
}

/* ═══════════════ Genre Chip Hover ═══════════════ */
.genre-chip {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.genre-chip:hover {
  background: var(--gold-glow);
  border-color: rgba(232,182,0,0.3);
  color: var(--gold);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(232,182,0,0.15);
}

/* ═══════════════ Trending Item Hover ═══════════════ */
.trending-item {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.trending-item:hover {
  transform: translateY(-3px);
  background: var(--bg-hover);
  box-shadow: 0 8px 24px rgba(0,0,0,0.3);
}
.trending-rank {
  transition: all 0.3s;
}
.trending-item:hover .trending-rank {
  color: var(--gold);
  text-shadow: 0 0 20px rgba(232,182,0,0.3);
}

/* ═══════════════ Quick Nav Improvements ═══════════════ */
.quick-nav-item {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.quick-nav-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.3);
}
.quick-nav-item:hover i {
  color: var(--gold);
  transform: scale(1.2);
}
.quick-nav-item i {
  transition: all 0.3s;
}

/* ═══════════════ Type Filter Badges for Cards ═══════════════ */
.card-type {
  transition: all 0.3s;
}
.card:hover .card-type {
  background: linear-gradient(135deg, var(--gold), var(--gold-dark));
  color: #000;
}

/* ═══════════════ Hero Rating Pulse ═══════════════ */
.hero-rating {
  animation: ratingPulse 2s ease-in-out infinite;
}
@keyframes ratingPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(232,182,0,0.3); }
  50% { box-shadow: 0 0 0 6px rgba(232,182,0,0); }
}

/* ═══════════════ Professional Page Loading ═══════════════ */
.page-loader {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: var(--bg);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 20px;
  transition: opacity 0.5s, visibility 0.5s;
}
.page-loader.hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.loader-logo {
  font-size: 36px;
  font-weight: 900;
  color: var(--gold);
  letter-spacing: -1px;
  animation: loaderPulse 1.5s ease-in-out infinite;
}
.loader-bar {
  width: 120px;
  height: 3px;
  background: rgba(255,255,255,0.06);
  border-radius: 3px;
  overflow: hidden;
}
.loader-bar-fill {
  width: 40%;
  height: 100%;
  background: linear-gradient(90deg, var(--gold), var(--gold-light));
  border-radius: 3px;
  animation: loaderSlide 1s ease-in-out infinite;
}
@keyframes loaderPulse {
  0%, 100% { opacity: 0.7; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.05); }
}
@keyframes loaderSlide {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(350%); }
}

/* ═══════════════ Animated Background Gradient ═══════════════ */
body::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
  background: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(232,182,0,0.04), transparent),
              radial-gradient(ellipse 60% 40% at 80% 60%, rgba(99,102,241,0.03), transparent);
  pointer-events: none;
  z-index: -1;
}

/* ═══════════════ Enhanced Footer ═══════════════ */
.footer {
  border-top: 1px solid var(--border);
  position: relative;
  overflow: hidden;
}
.footer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--gold), transparent);
}
.footer-brand .logo {
  margin-bottom: 12px;
}
.footer-bottom {
  border-top: 1px solid var(--border);
  position: relative;
}

/* ═══════════════ Improved Section Titles ═══════════════ */
.section-title {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.section-title::after {
  content: '';
  flex: 1;
  height: 1px;
  min-width: 40px;
  background: linear-gradient(90deg, var(--gold-glow), transparent);
}

/* ═══════════════ Enhanced Search Overlay ═══════════════ */
.search-overlay {
  backdrop-filter: blur(30px) saturate(1.8);
  -webkit-backdrop-filter: blur(30px) saturate(1.8);
}
.search-result-item {
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: var(--radius-sm);
}
.search-result-item:hover {
  background: var(--bg-hover);
  transform: translateX(-4px);
}
body.ltr .search-result-item:hover {
  transform: translateX(4px);
}

/* ═══════════════ Better Scroll Progress ═══════════════ */
.scroll-progress {
  background: linear-gradient(90deg, var(--gold), var(--gold-light), var(--gold));
  box-shadow: 0 0 10px rgba(232,182,0,0.4);
}

/* ═══════════════ Glassmorphism Info Cards ═══════════════ */
.title-info,
.title-meta {
  background: var(--bg-glass);
  backdrop-filter: blur(20px) saturate(1.5);
  -webkit-backdrop-filter: blur(20px) saturate(1.5);
  border: 1px solid var(--border);
  border-radius: var(--radius);
}

/* ═══════════════ Improved Genre Pills ═══════════════ */
.genre-chip {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  backdrop-filter: blur(10px);
  position: relative;
  overflow: hidden;
}
.genre-chip::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(232,182,0,0.05), transparent);
  opacity: 0;
  transition: opacity 0.3s;
}
.genre-chip:hover::before {
  opacity: 1;
}

/* ═══════════════ PWA Install Banner Enhancement ═══════════════ */
.pwa-banner {
  background: linear-gradient(135deg, rgba(15,15,30,0.95), rgba(6,6,17,0.98));
  backdrop-filter: blur(20px);
  border: 1px solid var(--border);
  border-radius: var(--radius) var(--radius) 0 0;
  box-shadow: 0 -8px 32px rgba(0,0,0,0.4);
}

/* ═══════════════ Better Episode Grid ═══════════════ */
.episode-btn {
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}
.episode-btn:hover {
  transform: scale(1.08);
  z-index: 2;
  box-shadow: 0 4px 16px rgba(232,182,0,0.2);
}
.episode-btn.active {
  box-shadow: 0 0 0 2px var(--gold), 0 4px 16px rgba(232,182,0,0.3);
}

/* ═══════════════ Smooth Image Loading ═══════════════ */
.card-poster img,
.hero-slide img,
.search-result-item img {
  transition: opacity 0.4s ease, filter 0.4s ease;
}

/* ═══════════════ Enhanced Side Menu ═══════════════ */
.side-menu {
  backdrop-filter: blur(30px) saturate(2);
  -webkit-backdrop-filter: blur(30px) saturate(2);
}

/* ═══════════════ Text Selection Color ═══════════════ */
::selection {
  background: rgba(232,182,0,0.3);
  color: #fff;
}

/* ═══════════════ Custom Scrollbar ═══════════════ */
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: var(--bg);
}
::-webkit-scrollbar-thumb {
  background: rgba(232,182,0,0.2);
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(232,182,0,0.4);
}

/* Firefox scrollbar */
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(232,182,0,0.2) var(--bg);
}

/* ═══════════════ Hero Slide Enhancement ═══════════════ */
.hero-slide::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60%;
  background: linear-gradient(to top, var(--bg) 0%, rgba(6,6,17,0.8) 40%, transparent 100%);
  pointer-events: none;
}

/* ═══════════════ Accessibility: Reduce Motion ═══════════════ */
@media (prefers-reduced-motion: reduce) {
  *, ::before, ::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* ═══════════════ Back-to-Top Button Polish ═══════════════ */
.back-to-top {
  box-shadow: 0 4px 20px rgba(232,182,0,0.3);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.back-to-top:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 30px rgba(232,182,0,0.4);
}

/* ═══════════════ Server Button Enhancement (Watch Page) ═══════════════ */
.server-btn {
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}
.server-btn::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(232,182,0,0.1), transparent);
  opacity: 0;
  transition: opacity 0.3s;
}
.server-btn:hover::before {
  opacity: 1;
}
.server-btn.active::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 20%;
  right: 20%;
  height: 2px;
  background: var(--gold);
  border-radius: 2px;
}

/* ═══════════════ Mobile Bottom Nav Glassmorphism ═══════════════ */
@media (max-width: 768px) {
  .bottom-nav {
    background: rgba(6,6,17,0.85);
    backdrop-filter: blur(24px) saturate(1.8);
    -webkit-backdrop-filter: blur(24px) saturate(1.8);
    border-top: 1px solid rgba(232,182,0,0.08);
  }
  .bottom-nav-item.active {
    position: relative;
  }
  .bottom-nav-item.active::after {
    content: '';
    position: absolute;
    top: 0;
    left: 25%;
    right: 25%;
    height: 2px;
    background: var(--gold);
    border-radius: 0 0 2px 2px;
  }
}