/* BRSTEJ cache refresh: v30-watch-blackout-loading-3s */
:root{--br-accent:#dfa91f;--br-accent-2:#f0b82d;--br-bg:#f4f6fa;--br-surface:#fff;--br-surface-2:#fff;--br-text:#172b46;--br-muted:#778399;--br-line:#dce3ec;--br-shadow:0 3px 12px rgba(23,43,70,.06);--br-header:#fff;--br-drawer:#fff;--br-danger:#b13f3f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--br-bg);color:var(--br-text);font-family:Cairo,Tahoma,Arial,sans-serif;font-size:14px;line-height:1.75}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.br-lock-scroll{overflow:hidden}
.br-header{position:sticky;top:0;z-index:900;background:var(--br-header);border-bottom:1px solid var(--br-line);height:76px}.br-header-inner{height:100%;max-width:1220px;margin:auto;padding:0 18px;display:flex;align-items:center;gap:12px;direction:rtl}.br-header-actions{order:1;display:flex;align-items:center;justify-content:center;flex:0 0 40px}.br-brand{order:2;display:flex;align-items:center;justify-content:flex-start;flex:0 0 auto}.br-brand img{max-height:58px;width:auto;max-width:150px;object-fit:contain}.br-brand-fallback{display:flex;gap:7px;align-items:center;font-weight:800;font-size:28px}.br-brand-mark{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--br-accent);color:#fff;font-size:15px}.br-search{order:3;height:44px;max-width:480px;flex:1 1 480px;min-width:260px;margin:0 auto;border:1px solid var(--br-line);background:#f3f5f8;border-radius:13px;display:flex;align-items:center;overflow:hidden;direction:ltr}.br-search button{width:43px;height:100%;border:0;background:var(--br-accent);color:#fff}.br-search input{min-width:0;flex:1;border:0;outline:none;background:transparent;padding:0 13px;font-size:14px;direction:rtl}.br-search input::placeholder{color:#8793a6}.br-search-mic{width:36px;display:grid;place-items:center;color:#a48f52;font-size:15px}.br-icon-btn{border:0;background:transparent;font-size:22px;color:var(--br-text);width:40px;height:40px}.br-mobile-search-btn{display:none;border:0;background:transparent;font-size:20px;color:var(--br-accent);width:38px;height:40px;border-radius:10px;padding:0;transition:color .2s ease,background .2s ease}.br-theme-switch{order:4;display:flex;align-items:center;gap:0;border:1px solid var(--br-line);border-radius:24px;padding:3px;background:#f7f9fb;flex:0 0 auto}.br-theme-btn{width:41px;height:34px;border:0;border-radius:19px;background:transparent;color:#6d7888}.br-theme-btn.active{background:var(--br-accent);color:#fff}.br-page{max-width:1220px;margin:auto;padding:18px 18px 38px}.br-overlay{position:fixed;inset:0;background:rgba(13,28,44,.54);opacity:0;pointer-events:none;transition:opacity .22s ease;z-index:1000}.br-overlay.open{opacity:1;pointer-events:auto}.br-drawer{position:fixed;top:0;right:0;width:min(380px,92vw);height:100dvh;background:var(--br-drawer);transform:translateX(110%);transition:transform .25s ease;z-index:1010;display:flex;flex-direction:column;box-shadow:-12px 0 40px rgba(0,0,0,.14);overflow:auto}.br-drawer.open{transform:translateX(0)}.br-drawer-head{height:78px;padding:14px 17px;border-bottom:1px solid var(--br-line);display:flex;align-items:center;justify-content:space-between;gap:12px}.br-drawer-logo img{max-height:48px;max-width:145px}.br-drawer-logo span{font-weight:800;font-size:24px}.br-drawer-close{width:42px;height:42px;border:1px solid var(--br-line);border-radius:10px;background:#f8fafc;color:var(--br-text);font-size:20px}.br-drawer-nav{padding:10px 12px}.br-nav-item{display:flex;align-items:center;gap:13px;padding:14px 11px;border-radius:11px;font-weight:600}.br-nav-item:hover{background:#fbf5e2}.br-nav-item>i:first-child{width:22px;color:#9d7a16}.br-nav-arrow{margin-right:auto;color:#8994a4;font-size:12px}.br-drawer-section-title{padding:15px 18px 7px;color:var(--br-muted);font-size:12px;border-top:1px solid var(--br-line)}.br-drawer-cats{padding:0 12px}.br-drawer-cat{display:flex;align-items:center;justify-content:space-between;padding:12px 10px;border-bottom:1px dashed var(--br-line);font-size:13px}.br-drawer-cat i{font-size:10px;color:#8894a5}.br-drawer-footer{margin-top:auto;padding:16px;border-top:1px solid var(--br-line);display:flex;gap:14px;flex-wrap:wrap;color:var(--br-muted);font-size:12px}
.br-top-grid{display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:18px;align-items:start}.br-main-column,.br-side-column{min-width:0}.br-section,.br-side-box{background:var(--br-surface);border:1px solid var(--br-line);border-radius:8px;box-shadow:var(--br-shadow)}.br-section{padding:16px}.br-side-box{padding:13px}.br-section-main{padding:17px}.br-section-head,.br-side-head{display:flex;align-items:end;justify-content:space-between;gap:12px;border-bottom:1px solid var(--br-line);padding-bottom:10px;margin-bottom:15px}.br-section-head h1,.br-section-head h2,.br-side-head h2{padding:0;margin:0;font-size:21px;line-height:1.3;font-weight:700}.br-section-head h1:after,.br-section-head h2:after,.br-side-head h2:after{content:"";display:block;width:34px;height:3px;border-radius:3px;background:var(--br-accent);margin-top:9px}.br-section-head span{font-size:11px;color:var(--br-muted);display:block;margin-top:4px}.br-section-head>a,.br-side-head>a{font-size:12px;color:#516174;white-space:nowrap}.br-side-head h2{font-size:19px}.br-grid{display:grid}.br-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.br-grid-6{grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}.br-card{min-width:0}.br-card-link{display:block}.br-thumb{position:relative;overflow:hidden;border-radius:6px;background:#e9edf2;aspect-ratio:16/9;border:1px solid #dde3ea}.br-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.br-card:hover .br-thumb img{transform:scale(1.025)}.br-thumb-empty{width:100%;height:100%;display:grid;place-items:center;color:#a6afba;font-size:25px}.br-duration{position:absolute;bottom:6px;left:7px;padding:1px 6px;background:rgba(10,18,28,.88);color:#fff;border-radius:4px;font-size:10px;line-height:20px}.br-duration-large{font-size:12px;line-height:23px;padding:2px 8px}.br-ribbon{position:absolute;top:8px;left:-22px;transform:rotate(-45deg);background:#27384b;color:#fff;min-width:82px;text-align:center;font-size:10px;padding:2px 0}.br-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.br-play i{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:rgba(20,34,49,.78);color:#fff;font-size:15px;padding-right:2px}.br-card:hover .br-play{opacity:1}.br-card-title{margin:7px 2px 0;font-size:13px;line-height:1.6;font-weight:600;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.br-card-meta{text-align:center;color:var(--br-muted);font-size:10px;margin-top:2px}.br-card-meta span{margin:0 3px}.br-small-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.br-small-card{min-width:0}.br-small-thumb{position:relative;aspect-ratio:16/9;border-radius:5px;overflow:hidden;background:#e9edf2;border:1px solid #e0e5eb}.br-small-thumb img{width:100%;height:100%;object-fit:cover}.br-small-thumb span{height:100%;display:grid;place-items:center;color:#aab2bd}.br-small-thumb b{position:absolute;bottom:4px;left:4px;background:rgba(9,16,25,.86);color:#fff;padding:0 5px;border-radius:3px;font-size:9px;font-weight:600}.br-series-small-card .br-small-thumb{aspect-ratio:16/9}.br-small-card>span{display:block;font-size:11px;line-height:1.55;text-align:center;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.br-side-column{display:flex;flex-direction:column;gap:16px}.br-full-section{margin-top:18px}.br-empty{text-align:center;padding:38px 12px;color:var(--br-muted)}.br-primary-btn,.br-secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:7px 16px;border-radius:6px}.br-primary-btn{background:var(--br-accent);color:#fff}.br-secondary-btn{background:#eef2f6;border:1px solid var(--br-line)}
.br-filter-panel{background:var(--br-surface);border:1px solid var(--br-line);border-radius:8px;box-shadow:var(--br-shadow);padding:12px;margin:0 auto 14px;max-width:1160px;width:100%}.br-filter-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr)) auto;gap:9px;align-items:end}.br-filter-form label{display:block}.br-filter-form label span{font-size:10px;color:var(--br-muted);display:block;margin:0 0 4px}.br-filter-form select{width:100%;height:38px;border:1px solid var(--br-line);border-radius:7px;background:var(--br-surface-2);color:var(--br-text);padding:0 10px;outline:none}.br-filter-form button{height:38px;border:0;border-radius:7px;background:var(--br-accent);color:#fff;padding:0 14px}.br-archive-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px}.br-archive-main,.br-archive-side{min-width:0}.br-browse-box{position:sticky;top:92px}.br-browse-item{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--br-line);padding:12px 13px;border-radius:7px;margin-top:8px;font-size:12px}.br-browse-item i{font-size:10px;color:#8290a1}.br-tabs{display:flex;gap:8px;overflow:auto;padding-bottom:3px;margin-bottom:14px}.br-tabs a{flex:0 0 auto;padding:8px 14px;border:1px solid var(--br-line);border-radius:7px;font-size:12px;background:#fafbfd}.br-tabs a.active{background:#f6e8bd;border-color:#d5a526;color:#704f00}.br-pagination{display:flex;justify-content:center;gap:7px;margin-top:17px;flex-wrap:wrap}.br-pagination a,.br-pagination span{min-width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--br-line);border-radius:6px;background:var(--br-surface)}.br-pagination a.active{background:var(--br-accent);border-color:var(--br-accent);color:#fff}.br-pagination span{border:0;background:transparent}
.br-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--br-muted);font-size:11px;margin:3px 0 12px}.br-watch-page,.br-download-page,.br-single-page{max-width:1180px;margin:auto}.br-watch-title,.br-single-title{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:12px}.br-watch-title h1,.br-single-title h1{margin:0;font-size:24px;line-height:1.4}.br-watch-title span,.br-single-title span{font-size:11px;color:var(--br-muted)}.br-player-shell{position:relative;background:#000;border:1px solid #d4dae1;border-radius:8px;overflow:hidden;aspect-ratio:16/9}.br-player-shell iframe{width:100%;height:100%;border:0;display:block}.br-player-empty{height:100%;display:grid;place-items:center;color:#fff;text-align:center;padding:25px}.br-player-empty i{font-size:32px;margin-bottom:10px}.br-player-blackout{position:absolute;inset:0;background:#000;opacity:0;visibility:hidden;pointer-events:none;z-index:5;transition:none;display:flex;align-items:center;justify-content:center}.br-player-blackout.is-visible{opacity:1;visibility:visible}.br-loading-indicator{display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;direction:rtl;font-size:14px}.br-loading-indicator i{width:28px;height:28px;border:3px solid rgba(255,255,255,.28);border-top-color:#fff;border-radius:50%;animation:brSpin .8s linear infinite;display:block}.br-loading-indicator b{font-weight:700}@keyframes brSpin{to{transform:rotate(360deg)}}.br-server-box{background:var(--br-surface);border:1px solid var(--br-line);border-radius:8px;margin-top:13px;padding:14px}.br-server-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.br-server-head h2{font-size:18px;margin:0}.br-server-head span{color:var(--br-muted);font-size:11px;display:block;margin-top:2px}.br-count-pill{padding:5px 10px!important;border-radius:20px;background:#f8edd0;color:#8b6700!important;white-space:nowrap}.br-server-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.br-server-item{position:relative;border:1px solid var(--br-line);background:var(--br-surface-2);border-radius:7px;padding:10px;display:flex;align-items:center;gap:9px;text-align:right;min-height:65px;color:var(--br-text)}.br-server-item.active{border-color:#d5a526;box-shadow:inset 0 0 0 1px #d5a526;background:#fffaf0}.br-server-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#edf2f6}.br-server-item strong{display:block;font-size:12px}.br-server-item small{display:block;color:var(--br-muted);font-size:9px}.br-server-item>b{margin-right:auto;font-size:9px;color:#8a6500}.br-download-hero{display:grid;grid-template-columns:210px 1fr;gap:18px;background:var(--br-surface);border:1px solid var(--br-line);border-radius:8px;padding:18px}.br-download-cover{aspect-ratio:16/9;background:#e7ebef;border-radius:7px;overflow:hidden}.br-download-cover img{width:100%;height:100%;object-fit:cover}.br-eyebrow{font-size:11px;color:#8b6700}.br-download-hero h1{font-size:25px;margin:6px 0}.br-download-hero p{color:var(--br-muted)}.br-inline-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.br-single-actions{padding:12px}.br-single-actions .br-inline-actions{margin-top:0;justify-content:center}.br-single-actions .br-primary-btn,.br-single-actions .br-secondary-btn{min-width:170px}.br-download-list{display:grid;gap:9px}.br-download-row{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:10px;border:1px solid var(--br-line);padding:9px;border-radius:7px}.br-download-icon{width:41px;height:41px;display:grid;place-items:center;border-radius:50%;background:#f8edd0;color:#906b08}.br-download-row strong,.br-download-row small{display:block}.br-download-row strong{font-size:12px}.br-download-row small{font-size:10px;color:var(--br-muted)}.br-single-title{align-items:center}.br-single-title h1{font-size:26px}.br-single-player{background:var(--br-surface);border:1px solid var(--br-line);border-radius:8px;padding:4px}.br-poster-frame{position:relative;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:#111}.br-poster-frame img{width:100%;height:100%;object-fit:cover}.br-big-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#fff;background:rgba(0,0,0,.16)}.br-big-play i{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:rgba(10,28,38,.86);font-size:24px;padding-right:3px}.br-big-play span{background:#13212c;padding:5px 13px;border-radius:5px;font-size:12px}.br-episode-nav{display:grid;grid-template-columns:1fr 1fr 1fr;background:var(--br-surface);border:1px solid var(--br-line);border-radius:8px;margin-top:12px;overflow:hidden}.br-episode-nav>*{padding:14px;text-align:center;border-left:1px solid var(--br-line)}.br-episode-nav>*:last-child{border-left:0}.br-episode-nav small,.br-episode-nav strong{display:block}.br-episode-nav small{font-size:10px;color:#7f8b9b}.br-episode-nav strong{font-size:14px}.br-episode-nav .active{box-shadow:inset 0 -3px 0 var(--br-accent)}.br-content-box{background:var(--br-surface);border:1px solid var(--br-line);border-radius:8px;margin-top:12px;padding:16px}.br-content-head{font-size:18px;font-weight:700;border-bottom:1px solid var(--br-line);padding-bottom:9px;margin-bottom:13px}.br-content-head:after{content:"";display:block;width:34px;height:3px;border-radius:3px;background:var(--br-accent);margin-top:7px}.br-content-box h2{font-size:27px;line-height:1.8;margin:0;text-align:center;font-weight:600}.br-content-text{font-size:15px;line-height:2.15;text-align:center;margin-top:5px}.br-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.br-meta-grid>div{border:1px solid var(--br-line);border-radius:6px;padding:10px;font-size:11px}.br-meta-grid b{display:block;color:#718096;margin-bottom:3px}.br-meta-grid a{color:#a37300}.br-rating{font-weight:700;color:#946e08}.br-season-tabs{display:flex;gap:8px;flex-wrap:wrap}.br-season-tabs a{border:1px solid var(--br-line);border-radius:6px;padding:9px 15px;font-size:11px}.br-season-tabs a.active{border-color:#d5a526;background:#fff9e8;color:#8c6700}.br-episode-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px}.br-episode-grid a{border:1px solid var(--br-line);border-radius:6px;padding:8px;text-align:center}.br-episode-grid a strong,.br-episode-grid a span{display:block}.br-episode-grid a strong{font-size:14px}.br-episode-grid a span{font-size:9px;color:var(--br-muted)}.br-episode-grid a.active{background:#122437;color:#fff;border-color:#d5a526;box-shadow:inset 0 0 0 1px #d5a526}.br-chip-list{display:grid;gap:12px}.br-chip-row{display:grid;grid-template-columns:130px 1fr;gap:10px;align-items:start}.br-chip-row>b{font-size:11px;color:#718096}.br-chip-row>div{display:flex;flex-wrap:wrap;gap:6px}.br-chip-row a{padding:5px 8px;border:1px solid var(--br-line);border-radius:5px;background:#f7f9fb;font-size:10px}.br-404{text-align:center;padding:70px 20px}.br-error-icon{width:78px;height:78px;border-radius:50%;background:#f8edd0;color:#946f09;display:grid;place-items:center;font-size:30px;margin:0 auto 15px}.br-404 h1{font-size:45px;margin:0}.br-footer{border-top:1px solid var(--br-line);padding:22px 18px;background:var(--br-surface)}.br-footer-inner{max-width:1220px;margin:auto;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:var(--br-muted);font-size:11px}.br-footer-links{display:flex;gap:15px;flex-wrap:wrap}
html[data-theme="dark"]{--br-bg:#0d1723;--br-surface:#152335;--br-surface-2:#162739;--br-text:#eef4fb;--br-muted:#a9b6c7;--br-line:#2a3a4e;--br-header:#111d2b;--br-drawer:#152335;--br-shadow:0 4px 15px rgba(0,0,0,.16)}html[data-theme="dark"] .br-search{background:#17283a}html[data-theme="dark"] .br-theme-switch{background:#142334}html[data-theme="dark"] .br-thumb,html[data-theme="dark"] .br-small-thumb{background:#203247}html[data-theme="dark"] .br-filter-form select,html[data-theme="dark"] .br-browse-item,html[data-theme="dark"] .br-tabs a,html[data-theme="dark"] .br-server-item,html[data-theme="dark"] .br-download-row,html[data-theme="dark"] .br-meta-grid>div,html[data-theme="dark"] .br-season-tabs a,html[data-theme="dark"] .br-episode-grid a,html[data-theme="dark"] .br-chip-row a{background:var(--br-surface-2);color:var(--br-text)}html[data-theme="dark"] .br-tabs a.active,html[data-theme="dark"] .br-season-tabs a.active{background:#3a311d;color:#f4d478}html[data-theme="dark"] .br-server-item.active{background:#292419}html[data-theme="dark"] .br-secondary-btn{background:#1b2c3d;color:var(--br-text)}
@media(max-width:1100px){.br-header-inner{gap:10px}.br-grid-6{grid-template-columns:repeat(4,minmax(0,1fr))}.br-filter-row{grid-template-columns:repeat(3,minmax(0,1fr))}.br-episode-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}
@media(max-width:850px){.br-top-grid,.br-archive-layout{grid-template-columns:1fr}.br-side-column{display:grid;grid-template-columns:1fr 1fr}.br-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.br-grid-6{grid-template-columns:repeat(3,minmax(0,1fr))}.br-server-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.br-browse-box{position:static}.br-download-hero{grid-template-columns:160px 1fr}.br-episode-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.br-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.br-header{height:66px;margin-bottom:0}.br-header.br-search-open{margin-bottom:56px}.br-header-inner{padding:0 10px;gap:8px;direction:rtl}.br-header-actions{order:1;flex:0 0 38px}.br-brand{order:2;flex:0 0 auto}.br-brand img{max-height:48px;max-width:115px}.br-search{display:none;position:absolute;order:6;top:74px;right:10px;left:10px;max-width:none;width:auto;min-width:0;height:40px;z-index:20;margin:0}.br-header.br-search-open .br-search{display:flex}.br-mobile-search-btn{display:block;order:3;flex:0 0 38px;margin-right:auto;color:var(--br-accent)}.br-mobile-search-btn.active{color:var(--br-accent-2);background:rgba(223,169,31,.10)}.br-theme-switch{order:4;margin-right:0}.br-page{padding:12px 10px 28px}.br-side-column{grid-template-columns:1fr}.br-grid-3,.br-grid-6{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.br-filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}.br-filter-form button{grid-column:1/-1}.br-watch-title,.br-single-title{display:block}.br-watch-title h1,.br-single-title h1{font-size:19px}.br-watch-title span,.br-single-title span{display:block;margin-top:4px}.br-server-grid{grid-template-columns:1fr}.br-download-hero{grid-template-columns:1fr}.br-download-cover{max-width:280px}.br-episode-nav strong{font-size:12px}.br-content-box h2{font-size:21px}.br-content-text{font-size:13px}.br-meta-grid{grid-template-columns:1fr}.br-episode-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.br-chip-row{grid-template-columns:1fr}.br-footer-inner{display:block}.br-footer-links{margin-bottom:8px}}
@media(max-width:430px){.br-grid-3,.br-grid-6{grid-template-columns:1fr}.br-card-title{font-size:12px}.br-small-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.br-filter-row{grid-template-columns:1fr}.br-episode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.br-section{padding:12px}.br-section-head h1,.br-section-head h2{font-size:18px}.br-section-head{align-items:end}}


/* ==========================================================
   BRSTEJ — /series/{slug} exact reference layout
   ========================================================== */
.br-series-page{width:100%;margin:0}
.br-series-breadcrumb{max-width:1220px;margin:0 auto 12px;padding:0 3px;display:flex;align-items:center;justify-content:flex-start;gap:9px;direction:rtl;color:var(--br-muted);font-size:12px;line-height:1.4;white-space:nowrap;overflow:hidden}
.br-series-breadcrumb a{color:#58708a;text-decoration:none}
.br-series-breadcrumb strong{font-weight:500;color:var(--br-text);overflow:hidden;text-overflow:ellipsis}
.br-series-section{padding:14px 18px 20px;background:var(--br-surface);border:1px solid var(--br-line);border-radius:8px;box-shadow:0 1px 1px rgba(23,43,70,.02)}
.br-series-head{display:flex;align-items:center;justify-content:space-between;gap:20px;direction:rtl;padding:0 0 12px;margin:0 0 16px;border-bottom:1px solid var(--br-line)}
.br-series-title-wrap{min-width:0}
.br-series-title-wrap h1{margin:0;color:var(--br-text);font-size:25px;line-height:1.35;font-weight:700;letter-spacing:0}
.br-series-title-wrap span{display:block;margin-top:5px;color:var(--br-muted);font-size:11px;line-height:1.3}
.br-series-all{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:106px;height:40px;padding:0 13px;border:1px solid var(--br-line);border-radius:7px;background:var(--br-surface-2);color:#536b85;text-decoration:none;font-size:12px;line-height:1;white-space:nowrap;direction:rtl;transition:border-color .15s ease,color .15s ease,background .15s ease}
.br-series-all i{font-size:11px}
.br-series-all:hover{border-color:var(--br-accent);color:var(--br-accent-2);background:#fffaf0}
.br-series-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 14px;direction:rtl}
.br-series-card{min-width:0}
.br-series-card-link{display:block;color:inherit;text-decoration:none}
.br-series-thumb{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:6px;background:#edf1f5}
.br-series-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .18s ease}
.br-series-card-link:hover .br-series-thumb img{transform:scale(1.012)}
.br-series-thumb-empty{width:100%;height:100%;display:grid;place-items:center;color:#8795a5;font-size:26px}
.br-series-duration{position:absolute;left:6px;bottom:6px;padding:3px 5px;background:rgba(0,0,0,.86);color:#fff;border-radius:3px;font-size:10px;line-height:1;font-weight:500;direction:ltr}
.br-series-card-title{margin:8px 0 0;min-height:42px;color:var(--br-text);font-size:12px;line-height:1.72;font-weight:500;text-align:center}
.br-series-episode-label{display:block;margin-top:5px;color:var(--br-muted);font-size:9px;line-height:1.25;text-align:center}
.br-series-section .br-pagination{margin-top:20px}
.br-series-section .br-empty{text-align:center;padding:35px 10px;color:var(--br-muted)}
.br-browse-section{margin-top:18px}
.br-browse-section .br-section-head{margin-bottom:12px}

@media(max-width:1100px){
  .br-series-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:850px){
  .br-series-breadcrumb{padding:0 2px}
  .br-series-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 11px}
  .br-series-title-wrap h1{font-size:23px}
}
@media(max-width:700px){
  .br-series-breadcrumb{padding:0 2px;margin-bottom:9px;font-size:10px}
  .br-series-section{padding:13px 12px 16px}
  .br-series-head{gap:10px;margin-bottom:13px}
  .br-series-title-wrap h1{font-size:20px}
  .br-series-title-wrap span{font-size:10px;margin-top:3px}
  .br-series-all{min-width:92px;height:38px;padding:0 10px;font-size:11px}
  .br-series-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}
  .br-series-thumb{border-radius:5px}
  .br-series-duration{left:5px;bottom:5px;font-size:9px}
  .br-series-card-title{margin-top:7px;min-height:38px;font-size:11px;line-height:1.65}
  .br-series-episode-label{margin-top:4px;font-size:8px}
}
@media(max-width:430px){
  .br-series-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 9px}
  .br-series-section{padding-left:10px;padding-right:10px}
  .br-series-title-wrap h1{font-size:18px}
  .br-series-all{min-width:auto;height:36px;padding:0 9px;font-size:10px}
  .br-series-all i{font-size:9px}
}
html[data-theme="dark"] .br-series-thumb{background:#1d2b3a}
html[data-theme="dark"] .br-series-all{background:var(--br-surface-2);color:var(--br-text)}
html[data-theme="dark"] .br-series-all:hover{background:#2b251b;border-color:var(--br-accent);color:#f0c45f}


/* ==========================================================
   BRSTEJ v12 — dedicated /series/{slug} detail page only
   ========================================================== */
.br-series-detail{max-width:1160px;margin:0 auto}
.br-series-detail-breadcrumb{display:flex;align-items:center;gap:8px;direction:rtl;flex-wrap:wrap;margin:0 0 12px;padding:0 2px;color:var(--br-muted);font-size:11px}
.br-series-detail-breadcrumb a{color:#60738b}
.br-series-detail-breadcrumb strong{font-weight:500;color:var(--br-text)}
.br-series-hero{display:grid;grid-template-columns:minmax(0,1fr) 380px;direction:rtl;gap:28px;align-items:center;padding:18px;margin-bottom:18px}
.br-series-cover{width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:7px;background:#edf1f5;border:1px solid var(--br-line)}
.br-series-cover img{width:100%;height:100%;object-fit:cover}
.br-series-cover-empty{width:100%;height:100%;display:grid;place-items:center;color:#9aa7b6;font-size:38px}
.br-series-info{min-width:0;text-align:right}
.br-series-category{display:inline-flex;align-items:center;padding:8px 13px;border-radius:7px;background:#fff2cf;color:#a06f05;font-size:11px;margin-bottom:10px}
.br-series-info h1{margin:0;font-size:31px;line-height:1.35;font-weight:700}
.br-series-stats{display:flex;gap:8px;flex-wrap:wrap;margin:11px 0 14px}
.br-series-stats span{padding:5px 11px;border-radius:18px;background:#f0f3f7;border:1px solid var(--br-line);font-size:10px;color:#64748a}
.br-series-story{color:#536579;font-size:13px;line-height:2.1;margin-bottom:16px}
.br-series-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.br-series-primary-btn,.br-series-secondary-btn{min-height:44px;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--br-accent);font-size:12px}
.br-series-primary-btn{background:var(--br-accent);color:#fff}
.br-series-secondary-btn{background:var(--br-surface);color:#8d6408}
.br-series-episodes{padding:18px;margin-bottom:18px}
.br-series-block-head{display:flex;align-items:end;justify-content:space-between;gap:12px;border-bottom:1px solid var(--br-line);padding-bottom:11px;margin-bottom:15px}
.br-series-block-head h2{margin:0;font-size:22px;line-height:1.35}
.br-series-block-head h2:after{content:"";display:block;width:34px;height:3px;border-radius:3px;background:var(--br-accent);margin-top:8px}
.br-series-block-head span{display:block;color:var(--br-muted);font-size:10px;margin-top:4px}
.br-series-all-link{font-size:11px;color:#64748a;white-space:nowrap}
.br-series-season-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}
.br-series-season-tabs a{border:1px solid var(--br-line);border-radius:7px;padding:8px 14px;background:var(--br-surface-2);font-size:11px;color:#586c83}
.br-series-season-tabs a:hover{border-color:var(--br-accent);color:var(--br-accent-2)}
.br-series-season{scroll-margin-top:90px;margin-top:18px}
.br-series-season:first-child{margin-top:0}
.br-series-season-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
.br-series-season-head h3{margin:0;font-size:17px;font-weight:700}
.br-series-season-head span{font-size:10px;color:var(--br-muted)}
.br-series-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 14px}
.br-series-detail-card{min-width:0}
.br-series-detail-card-link{display:block;text-align:center}
.br-series-detail-thumb{position:relative;overflow:hidden;aspect-ratio:16/9;border-radius:6px;background:#edf1f5}
.br-series-detail-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .18s ease}
.br-series-detail-card-link:hover img{transform:scale(1.015)}
.br-series-detail-duration{position:absolute;left:6px;bottom:6px;padding:3px 5px;border-radius:3px;background:rgba(7,14,22,.88);color:#fff;font-size:9px;line-height:1;direction:ltr}
.br-series-detail-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .18s ease}
.br-series-detail-play i{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(20,34,49,.8);color:#fff;font-size:13px}
.br-series-detail-card-link:hover .br-series-detail-play{opacity:1}
.br-series-detail-card h4{margin:8px 0 0;font-size:12px;line-height:1.7;font-weight:600;color:var(--br-text);min-height:40px}
.br-series-detail-epno{display:block;margin-top:4px;font-size:9px;color:var(--br-muted)}
.br-series-browse{padding:18px}
.br-series-browse-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.br-series-browse-grid a{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:11px 12px;border:1px solid var(--br-line);border-radius:7px;background:var(--br-surface-2);font-size:11px}
.br-series-browse-grid i{font-size:9px;color:#8996a5}

html[data-theme="dark"] .br-series-category{background:#352d1d;color:#f0c45f}
html[data-theme="dark"] .br-series-stats span{background:var(--br-surface-2);color:var(--br-muted)}
html[data-theme="dark"] .br-series-story{color:#bac7d5}
html[data-theme="dark"] .br-series-secondary-btn{color:#f0c45f;background:var(--br-surface-2)}
html[data-theme="dark"] .br-series-season-tabs a{background:var(--br-surface-2);color:var(--br-text)}
html[data-theme="dark"] .br-series-browse-grid a{background:var(--br-surface-2);color:var(--br-text)}

@media(max-width:900px){
 .br-series-hero{grid-template-columns:1fr 320px;gap:20px}
 .br-series-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .br-series-browse-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
 .br-series-detail{width:100%}
 .br-series-detail-breadcrumb{font-size:10px;margin-bottom:9px}
 .br-series-hero{grid-template-columns:1fr;gap:14px;padding:12px}
 .br-series-info h1{font-size:23px}
 .br-series-story{font-size:12px;line-height:1.9}
 .br-series-actions{grid-template-columns:1fr}
 .br-series-episodes,.br-series-browse{padding:12px}
 .br-series-block-head h2{font-size:19px}
 .br-series-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}
 .br-series-detail-card h4{font-size:11px;min-height:37px}
 .br-series-browse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:430px){
 .br-series-hero{padding:10px}
 .br-series-info h1{font-size:20px}
 .br-series-category{font-size:10px;padding:7px 10px}
 .br-series-stats span{font-size:9px}
 .br-series-story{font-size:11px}
 .br-series-detail-grid{gap:15px 9px}
 .br-series-detail-thumb{border-radius:5px}
 .br-series-detail-duration{left:5px;bottom:5px;font-size:8px}
 .br-series-detail-card h4{font-size:10px;line-height:1.6}
 .br-series-browse-grid{grid-template-columns:1fr}
}

/* BRSTEJ v15 — related content + browse categories on Single */
.br-related-section,.br-browse-section{margin-top:18px}
.br-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 14px}
.br-related-card .br-card-title{font-size:12px;line-height:1.65}
.br-related-card .br-card-meta{font-size:9px}.br-related-card .br-duration{display:inline-flex;align-items:center;justify-content:center;min-width:36px;direction:ltr;font-variant-numeric:tabular-nums}
.br-single-browse-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.br-single-browse-item{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:11px 12px;border:1px solid var(--br-line);border-radius:7px;background:var(--br-surface-2);font-size:11px;transition:border-color .15s ease,background .15s ease,color .15s ease}
.br-single-browse-item i{font-size:9px;color:#8996a5}
.br-single-browse-item:hover,.br-single-browse-item.active{border-color:var(--br-accent);background:#fff9e9;color:#8d6408}
html[data-theme="dark"] .br-single-browse-item{background:var(--br-surface-2);color:var(--br-text)}
html[data-theme="dark"] .br-single-browse-item:hover,html[data-theme="dark"] .br-single-browse-item.active{background:#302919;color:#f0c45f;border-color:var(--br-accent)}
@media(max-width:900px){.br-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.br-single-browse-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.br-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.br-single-browse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.br-related-card .br-card-title{font-size:11px}}
@media(max-width:430px){.br-single-browse-grid{grid-template-columns:1fr}.br-related-grid{gap:15px 9px}}


/* BRSTEJ v18 — category/archive page */
.br-category-page{max-width:1160px;margin:0 auto}
.br-category-content{padding:18px}
.br-category-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;border-bottom:1px solid var(--br-line);padding-bottom:12px;margin-bottom:17px}
.br-category-heading-title h1{margin:0;font-size:23px;line-height:1.35;font-weight:700}
.br-category-heading-title h1:after{content:"";display:block;width:34px;height:3px;border-radius:3px;background:var(--br-accent);margin-top:8px}
.br-category-heading-title span{display:block;color:var(--br-muted);font-size:10px;margin-top:4px}
.br-category-all{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#60738a;white-space:nowrap}
.br-category-grid{gap:20px 15px}
.br-category-browse{padding:18px;margin-top:18px}
.br-category-browse-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.br-category-browse-grid a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:10px 12px;border:1px solid var(--br-line);border-radius:7px;background:var(--br-surface-2);font-size:11px;transition:border-color .15s ease,background .15s ease,color .15s ease}
.br-category-browse-grid a i{font-size:9px;color:#8996a5}
.br-category-browse-grid a:hover,.br-category-browse-grid a.active{border-color:var(--br-accent);background:#fff9e9;color:#8d6408}
html[data-theme="dark"] .br-category-browse-grid a{background:var(--br-surface-2);color:var(--br-text)}
html[data-theme="dark"] .br-category-browse-grid a:hover,html[data-theme="dark"] .br-category-browse-grid a.active{background:#302919;color:#f0c45f;border-color:var(--br-accent)}
@media(max-width:850px){
  .br-category-grid{gap:17px 12px}
  .br-category-browse-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
  .br-category-content,.br-category-browse{padding:12px}
  .br-category-heading{align-items:flex-end;margin-bottom:14px}
  .br-category-heading-title h1{font-size:19px}
  .br-category-all{font-size:10px}
  .br-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}
  .br-category-browse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:430px){
  .br-category-heading-title h1{font-size:18px}
  .br-category-heading-title span{font-size:9px}
  .br-category-grid{gap:15px 9px}
  .br-category-browse-grid{grid-template-columns:1fr}
}

/* BRSTEJ v21 — shared browse sidebar on films/series/episodes/categories */
.br-listing-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px;align-items:start}
.br-listing-main{min-width:0}
.br-listing-sidebar{min-width:0;position:sticky;top:92px}
.br-category-sidebar{padding:13px}
.br-category-sidebar .br-side-head{margin-bottom:10px}
.br-category-sidebar-list{display:flex;flex-direction:column;gap:8px}
.br-category-sidebar-item{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:10px 12px;border:1px solid var(--br-line);border-radius:7px;background:var(--br-surface-2);color:var(--br-text);font-size:11px;text-decoration:none;transition:border-color .15s ease,background .15s ease,color .15s ease}
.br-category-sidebar-item i{font-size:9px;color:#8996a5}
.br-category-sidebar-item:hover,.br-category-sidebar-item.active{border-color:var(--br-accent);background:#fff9e9;color:#8d6408}
html[data-theme="dark"] .br-category-sidebar-item{background:var(--br-surface-2);color:var(--br-text)}
html[data-theme="dark"] .br-category-sidebar-item:hover,html[data-theme="dark"] .br-category-sidebar-item.active{background:#302919;color:#f0c45f;border-color:var(--br-accent)}
@media(max-width:850px){.br-listing-layout{grid-template-columns:1fr}.br-listing-sidebar{position:static}.br-category-sidebar-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}
@media(max-width:430px){.br-category-sidebar-list{grid-template-columns:1fr}}

.br-watch-hero{margin-top:13px}.br-watch-hero .br-inline-actions{margin-top:12px}

/* ================= AKWAM V2 VISUAL REBUILD ================= */
:root{
  --ak-bg:#171717;--ak-panel:#202020;--ak-panel2:#242424;--ak-line:#2e2e2e;
  --ak-cyan:#08c5f0;--ak-green:#58b91d;--ak-text:#ddd;--ak-muted:#818181;
  --ak-orange:#e45f18;--ak-purple:#b21863;
}
html,body{background:var(--ak-bg)!important;color:var(--ak-text)!important;font-family:Cairo,Tahoma,Arial,sans-serif}
html{scroll-padding-top:150px}
body{font-size:13px;line-height:1.7;overflow-x:hidden}
a{color:inherit}

.ak-header-shell{position:sticky;top:0;z-index:2200;transform:translateY(0);transition:transform .28s cubic-bezier(.22,.61,.36,1),box-shadow .28s ease;will-change:transform}
.ak-header-shell.ak-head-hidden{transform:translateY(-100%);box-shadow:none}
.ak-header-shell.ak-head-visible{box-shadow:0 8px 28px rgba(0,0,0,.30)}
.ak-wrap,.ak-page{width:min(1300px,calc(100% - 32px));margin-inline:auto}
.ak-topbar{height:31px;background:#111;border-bottom:1px solid #252525;color:#aaa;font-size:10px}
.ak-topbar .ak-wrap{height:100%;display:flex;align-items:center;justify-content:flex-start}
.ak-header{background:#171717;box-shadow:inset 0 -1px 0 rgba(255,255,255,.02)}
.ak-header-main{min-height:112px;display:grid;grid-template-columns:220px minmax(0,1fr) 115px;gap:18px;align-items:center;direction:rtl}
.ak-logo{display:flex;justify-content:flex-start}.ak-logo img{width:198px;height:auto;max-height:78px;object-fit:contain}
.ak-search-area{direction:rtl}.ak-search{height:50px;display:flex;align-items:stretch;background:#222;border:1px solid #292929;border-radius:2px;overflow:hidden}
.ak-search input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#aaa;padding:0 16px;font-size:14px;text-align:right}.ak-search input::placeholder{color:#777}
.ak-search button{width:55px;border:0;background:#222;color:var(--ak-cyan);font-size:21px}
.ak-fast-icons{display:flex;gap:8px;justify-content:flex-start;padding-top:11px;direction:rtl}.ak-fast-icons a{width:38px;height:33px;display:grid;place-items:center;border:1px dashed #393939;color:#eee;background:#191919;font-size:16px;transition:background .18s,color .18s,transform .18s}.ak-fast-icons a:hover{background:#252525;transform:translateY(-1px)}
.ak-fast-icons a:nth-child(1){color:#ddd}.ak-fast-icons a:nth-child(2){color:#12a6e3}.ak-fast-icons a:nth-child(3){color:#d87a21}.ak-fast-icons a:nth-child(4){color:#55c923}.ak-fast-icons a:nth-child(5){color:#dc2c39}
.ak-tools{display:flex;justify-content:center}.ak-tool-btn{width:100%;height:60px;border:0;background:transparent;color:#888;display:flex;gap:8px;align-items:center;justify-content:center;font-size:13px}.ak-tool-btn i{font-size:22px;color:var(--ak-cyan)}
.ak-toolbar{height:46px;background:var(--ak-cyan);box-shadow:0 3px 0 rgba(0,0,0,.35)}.ak-toolbar-inner{height:100%;display:flex;justify-content:space-between;align-items:center}.ak-toolbar-left,.ak-toolbar-tabs{display:flex;align-items:center;gap:5px}.ak-toolbar-left{direction:ltr}.ak-toolbar-tabs{direction:rtl}.ak-toolbar-left a{width:40px;height:34px;display:grid;place-items:center;background:#079fc3;color:#111;font-size:16px;border:1px solid rgba(0,0,0,.15);transition:background .18s}.ak-toolbar-left a:hover{background:#10aed1}.ak-toolbar-tabs a,.ak-toolbar-tabs button{height:34px;padding:0 13px;border:0;background:transparent;color:#111;font-weight:700}.ak-toolbar-tabs button{cursor:pointer}.ak-toolbar-tabs a:hover,.ak-toolbar-tabs button:hover{background:rgba(0,0,0,.08)}

/* Fixed right rail — desktop matches the narrow Akwam vertical menu; mobile becomes a bottom bar. */
.ak-fixed-rail{position:fixed;top:104px;right:0;bottom:16px;width:46px;z-index:1800;display:flex;flex-direction:column;align-items:center;padding:6px 4px;background:rgba(18,18,18,.96);border-left:1px solid #303030;box-shadow:-6px 0 18px rgba(0,0,0,.22);backdrop-filter:blur(4px)}
.ak-fixed-rail a,.ak-fixed-rail .ak-rail-menu{width:38px;height:38px;flex:0 0 38px;margin:2px 0;border:0;border-right:2px solid transparent;background:transparent;color:#9a9a9a;display:grid;place-items:center;font-size:16px;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}
.ak-fixed-rail a:hover,.ak-fixed-rail .ak-rail-menu:hover{color:var(--ak-cyan);background:#202020;border-right-color:var(--ak-cyan);transform:translateX(-2px)}
.ak-fixed-rail a:nth-of-type(8){color:#eee}.ak-fixed-rail a:nth-of-type(9){color:#7ccbf0}.ak-fixed-rail a:nth-of-type(10){color:#e33}.ak-fixed-rail .ak-rail-menu{margin-top:auto;border-top:1px solid #292929}
.ak-rail-sep{width:28px;border-top:1px solid #303030;margin:6px 0}

.ak-category-modal{position:fixed;inset:0;z-index:2500;display:none}.ak-category-modal.open{display:block}.ak-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.82)}.ak-category-box{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);width:min(920px,calc(100% - 40px));background:#242424;border:8px solid #aaa;box-shadow:0 16px 50px rgba(0,0,0,.55);max-height:62vh;overflow:auto}.ak-modal-close{position:absolute;top:-27px;right:-27px;border:3px solid #fff;width:30px;height:30px;border-radius:50%;background:#222;color:#fff;z-index:2}.ak-category-grid{display:grid;grid-template-columns:repeat(5,1fr)}.ak-category-grid a{min-height:47px;border:1px solid #1c1c1c;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 14px;color:#aaa;background:#242424;font-size:12px}.ak-category-grid a:hover{background:#2c2c2c;color:#fff}.ak-category-grid i{font-size:10px;color:#777}

.ak-page{padding:18px 0 50px}.ak-page .br-section,.ak-page .br-side-box,.ak-page .br-filter-panel,.ak-page .br-content-box{background:transparent;border:0;border-radius:0;box-shadow:none}
.br-grid-6,.br-category-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px 20px}.br-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 18px}
.br-card{min-width:0;position:relative}.br-thumb{aspect-ratio:235/298;border:0;border-radius:0;background:#222;overflow:hidden;box-shadow:0 0 0 1px #282828}.br-thumb img{object-fit:cover;transition:transform .22s ease}.br-card:hover .br-thumb img{transform:scale(1.025)}
.br-card-title{position:absolute;left:0;right:0;bottom:27px;margin:0;padding:3px 7px;background:linear-gradient(transparent,rgba(0,0,0,.86));color:#fff;text-align:center;font-size:13px;line-height:1.45;font-weight:500;min-height:47px;display:flex;align-items:flex-end;justify-content:center}
.br-card-meta{position:relative;min-height:28px;margin:0;text-align:right;color:#999;font-size:10px}.br-card-meta:before{content:"NEW";display:inline-block;margin-top:5px;padding:1px 5px;color:#ddd;border:1px solid #555;background:#202020;font-size:9px}.br-card-meta span{display:none}.br-duration{bottom:7px;left:auto;right:6px;background:#111;border:1px solid #555;font-size:9px;line-height:17px;padding:0 5px}.br-ribbon,.br-play{display:none}
.ak-card .ak-poster{aspect-ratio:2/3;border-radius:0;background:#1e1e1e}.ak-card .ak-poster img{object-fit:cover}.ak-card .br-card-title{bottom:0;padding:30px 8px 7px;background:linear-gradient(transparent,rgba(0,0,0,.94));z-index:2;font-size:12px}.ak-card .br-card-meta{margin-top:4px}.ak-card .br-card-meta:before{content:"";display:none}
.ak-badge{position:absolute;z-index:3;border-radius:2px;line-height:18px;min-height:18px;padding:0 5px;font-size:9px;font-weight:700}.ak-badge-quality{top:5px;right:5px;background:#f2f2f2;color:#111}.ak-badge-new{top:5px;left:5px;background:#181818;color:#fff;border:1px solid #aaa}.ak-view-count{display:inline-block!important;padding:1px 5px;background:#1f1f1f;border:1px solid #333;border-radius:2px;color:#e2e2e2}.ak-view-count i{font-size:9px}
.br-small-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.br-small-thumb{aspect-ratio:1/1.05;border:0;border-radius:0;background:#222}.br-small-card>span{color:#bbb;font-size:10px}.br-side-column{gap:18px}
.br-side-head,.br-section-head{border:0;margin:0 0 12px;padding:0;display:flex;align-items:center}.br-side-head h2,.br-section-head h1,.br-section-head h2{font-size:21px;color:var(--ak-cyan);font-weight:700}.br-side-head h2:after,.br-section-head h1:after,.br-section-head h2:after{display:none}
.br-listing-layout,.br-archive-layout{grid-template-columns:minmax(0,1fr) 250px;gap:20px}.br-listing-sidebar{position:sticky;top:10px}.br-category-sidebar-list{border-top:1px solid #282828}.br-category-sidebar-item{height:39px;border-bottom:1px solid #242424;display:flex;align-items:center;justify-content:space-between;padding:0 8px;color:#777}.br-category-sidebar-item:hover,.br-category-sidebar-item.active{color:var(--ak-cyan)}
.br-filter-panel{background:#202020!important;padding:11px!important;border:1px solid #292929!important}.br-filter-row{grid-template-columns:repeat(6,minmax(0,1fr)) auto}.br-filter-form label span{color:#777}.br-filter-form select{background:#191919!important;color:#aaa;border-color:#333!important;border-radius:2px!important}.br-filter-form button{background:var(--ak-cyan);color:#111;border-radius:2px}.br-pagination a,.br-pagination span{background:#222;color:#999;border:1px solid #333}.br-pagination a.active{background:var(--ak-cyan);color:#111}
.br-content-box{border-top:1px solid #292929!important;padding:14px 0!important}.br-content-head{color:var(--ak-cyan);font-size:17px;border-bottom:1px solid #2b2b2b;padding-bottom:9px;margin-bottom:12px}.br-meta-grid{color:#aaa}.br-meta-grid>div{background:#1f1f1f;border:1px solid #292929}.br-episode-grid a,.br-server-item,.br-download-row{background:#1f1f1f!important;border-color:#303030!important;color:#bbb}.br-primary-btn{background:var(--ak-cyan)!important;color:#111!important;border-radius:2px!important}.br-secondary-btn{background:#333!important;color:#ddd!important;border-color:#444!important}
.br-series-hero{display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px;background:#202020!important;padding:15px;border:1px solid #2c2c2c!important}.br-series-cover img{aspect-ratio:2/3;object-fit:cover}.br-series-info h1{color:#fff}.br-series-category,.br-series-stats span{color:var(--ak-cyan)}

/* Home sections: content cards left + a single large feature poster locked to the right. */
.ak-section{margin-bottom:28px}.ak-section-title{display:flex;align-items:center;justify-content:flex-end;gap:8px;color:var(--ak-cyan);font-size:22px;font-weight:700;margin-bottom:11px;text-shadow:0 1px 0 #000}.ak-section-title i{font-size:18px}.ak-section-title:after{content:"";height:1px;flex:1;background:#2c2c2c;margin-left:12px}
.ak-hero{position:relative;background:#181818;border:1px solid #202020;overflow:hidden;margin-bottom:18px}.ak-hero img{width:100%;height:auto;display:block}.ak-hero-slide{display:none}.ak-hero-slide.active{display:block}.ak-hero-dots{position:absolute;left:50%;bottom:7px;transform:translateX(-50%);display:flex;gap:7px}.ak-hero-dots b{width:7px;height:7px;border-radius:50%;background:#777}.ak-hero-dots b.active{background:#fff}
.ak-feature-row{display:grid;direction:ltr;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.ak-feature-main{direction:rtl;min-width:0}.ak-feature-side{position:relative;order:2;direction:rtl}.ak-feature-side img{width:100%;aspect-ratio:2/3;object-fit:cover;background:#202020;border:1px solid #2c2c2c}.ak-feature-side h3{position:absolute;left:0;right:0;bottom:0;margin:0;padding:34px 12px 9px;text-align:center;background:linear-gradient(transparent,rgba(0,0,0,.95));font-size:14px;color:#fff}

.ak-footer-green{background:#4ca916;height:52px;position:relative}.ak-footer-green:before{content:"";position:absolute;inset:0;opacity:.12;background:repeating-linear-gradient(135deg,transparent 0,transparent 32px,rgba(255,255,255,.35) 33px,transparent 34px)}.ak-footer-icons{height:100%;display:flex;align-items:center;justify-content:center;gap:11px;position:relative;z-index:1}.ak-footer-icons a{width:38px;height:38px;background:#1d1d1d;border:2px solid #111;border-radius:4px;display:grid;place-items:center;color:#ddd;box-shadow:0 1px 4px rgba(0,0,0,.5)}.ak-footer-icons a:nth-child(2){color:#fff}.ak-footer-icons a:nth-child(3){color:#ffbf00}.ak-footer-icons a:nth-child(4){color:#5bd22f}.ak-footer-icons a:nth-child(5){color:#56d45a}.ak-footer-icons a:nth-child(6){color:#e4c32d}.ak-footer-icons a:nth-child(7){color:#1cb9ff}.ak-footer-icons a:nth-child(8){color:#f43d31}.ak-footer-icons a:nth-child(9){color:#f23b4d}
.ak-footer-main{background:#101010;padding:14px 0 9px}.ak-footer-grid{display:grid;grid-template-columns:minmax(0,1.3fr) 230px 245px;gap:28px;align-items:start}.ak-footer-video{position:relative;background:#222;border:1px solid #333}.ak-footer-video img{width:100%;height:165px;object-fit:cover;filter:brightness(.65)}.ak-footer-video span{display:block;text-align:center;padding:5px;background:#171717;color:#ddd;font-size:11px}.ak-footer-video i{margin-left:5px}.ak-footer-stats{font-size:11px;color:#aaa;display:flex;flex-direction:column;gap:10px}.ak-footer-stats div{display:flex;justify-content:space-between;gap:8px;border-bottom:1px dashed #333;padding-bottom:8px}.ak-footer-stats b{color:#ddd;font-weight:500}.ak-footer-stats small{color:#888}.ak-social a{height:45px;display:flex;align-items:center;justify-content:flex-end;gap:9px;color:#999;border-bottom:1px solid #202020}.ak-social i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#2461b7;color:#fff}.ak-social a:nth-child(2) i{background:#26a9df}.ak-social a:nth-child(3) i{background:#e52d2d}.ak-social a:nth-child(4) i{background:#f26320}.ak-social a:nth-child(5) i{background:#d13b30}.ak-footer-copy{text-align:center;color:#a0a0a0;border-top:1px solid #222;margin-top:12px;padding-top:10px;font-size:10px}

@media(min-width:701px){.ak-wrap,.ak-page{width:min(1280px,calc(100% - 78px));margin-right:58px;margin-left:auto}}
@media(max-width:1100px){.ak-header-main{grid-template-columns:190px minmax(0,1fr) 82px}.br-grid-6,.br-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ak-feature-row{grid-template-columns:minmax(0,1fr) 280px}.ak-category-grid{grid-template-columns:repeat(4,1fr)}.ak-footer-grid{grid-template-columns:1fr 190px 210px}}
@media(max-width:850px){.br-top-grid,.br-archive-layout{grid-template-columns:1fr}.br-side-column{display:grid;grid-template-columns:1fr 1fr}.br-grid-6{grid-template-columns:repeat(3,minmax(0,1fr))}.br-listing-layout{grid-template-columns:1fr}.br-listing-sidebar{position:static}}
@media(max-width:700px){
  .ak-topbar{display:none}.ak-header-main{min-height:88px;grid-template-columns:100px minmax(0,1fr) 42px;gap:8px}.ak-logo img{width:96px}.ak-search{height:42px}.ak-search input{font-size:11px}.ak-fast-icons{gap:4px}.ak-fast-icons a{width:28px;height:28px;font-size:12px}.ak-tool-btn{height:52px}.ak-tool-btn span{display:none}.ak-toolbar{height:40px}.ak-toolbar-inner{width:100%;padding:0 7px}.ak-toolbar-left a{width:34px;height:30px}.ak-toolbar-tabs a,.ak-toolbar-tabs button{font-size:10px;padding:0 7px}
  .ak-fixed-rail{top:auto;left:0;right:0;bottom:0;width:100%;height:46px;flex-direction:row;padding:3px 6px;border-left:0;border-top:1px solid #303030;box-shadow:0 -8px 20px rgba(0,0,0,.28);justify-content:space-around}.ak-fixed-rail a,.ak-fixed-rail .ak-rail-menu{width:32px;height:36px;flex:1 1 auto;margin:0 1px;border-right:0;border-top:2px solid transparent}.ak-fixed-rail a:hover,.ak-fixed-rail .ak-rail-menu:hover{transform:none;border-right-color:transparent;border-top-color:var(--ak-cyan)}.ak-fixed-rail a:nth-of-type(n+8),.ak-fixed-rail .ak-rail-sep{display:none}.ak-fixed-rail .ak-rail-menu{display:grid;margin-top:0}
  .ak-category-box{top:52%;width:calc(100% - 20px);border-width:5px;max-height:75vh}.ak-category-grid{grid-template-columns:repeat(2,1fr)}.ak-category-grid a{font-size:10px;min-height:39px;padding:0 8px}.ak-modal-close{top:-23px;right:-23px}.ak-page{padding:10px 0 60px}
  .br-grid-6,.br-grid-3,.br-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 9px}.ak-feature-row{direction:rtl;grid-template-columns:1fr;gap:14px}.ak-feature-side{order:-1;width:min(360px,100%);margin:0 auto}.ak-feature-main{width:100%}.ak-card .br-card-title{font-size:11px;padding:25px 6px 6px}.ak-section-title{font-size:19px}
  .br-side-column{grid-template-columns:1fr}.br-filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}.br-series-hero{grid-template-columns:105px 1fr;gap:12px}.ak-footer-grid{grid-template-columns:1fr}.ak-footer-stats,.ak-social{display:none}.ak-footer-video img{height:145px}.ak-footer-icons{gap:5px}.ak-footer-icons a{width:31px;height:31px;font-size:12px}
}
@media(max-width:420px){.ak-header-main{grid-template-columns:82px minmax(0,1fr) 34px}.ak-logo img{width:82px}.ak-fast-icons a{width:24px}.ak-toolbar-tabs a:nth-child(3){display:none}.ak-category-grid{grid-template-columns:1fr 1fr}.br-card-title{font-size:10px}.br-card-meta{font-size:9px}.ak-feature-side{width:100%}}

/* ================= AKWAM V3 — pixel-oriented rebuild from the supplied reference screens ================= */
:root{
  --ak-bg:#151515;
  --ak-bg-2:#171717;
  --ak-panel:#202020;
  --ak-panel-2:#252525;
  --ak-line:#2b2b2b;
  --ak-cyan:#08c4ee;
  --ak-green:#55ad1e;
  --ak-orange:#de6119;
  --ak-purple:#ae1b60;
  --ak-yellow:#e2ad00;
  --ak-text:#dfdfdf;
  --ak-muted:#777;
}
html,body{background:var(--ak-bg)!important;color:var(--ak-text)!important}
body{font-family:Cairo,Tahoma,Arial,sans-serif;font-size:13px;overflow-x:hidden}
.ak-wrap{width:min(1125px,calc(100% - 32px));margin-inline:auto}
.ak-page{width:min(1280px,calc(100% - 32px));margin-inline:auto}

/* Big header: matches the wide opening state in the reference. */
.ak-big-header{background:#111}
.ak-topbar{height:30px;background:#101010;border-bottom:1px solid #262626;color:#a2a2a2;font-size:10px}
.ak-topbar-inner{height:100%;display:flex;align-items:center;justify-content:flex-start;gap:5px;direction:rtl}
.ak-header{background:#161616}
.ak-header-main{min-height:170px;display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:20px;align-items:start;padding-top:12px;direction:ltr}
.ak-header-search{direction:rtl;padding-top:18px}
.ak-logo{display:flex;align-items:flex-start;justify-content:center;padding-top:6px}
.ak-logo img{width:198px;height:78px;object-fit:contain}
.ak-search{height:56px;display:flex;align-items:stretch;background:#202020;border:1px solid #242424;border-radius:2px;overflow:hidden;direction:ltr}
.ak-search button{width:58px;flex:0 0 58px;border:0;background:#222;color:var(--ak-cyan);font-size:25px}
.ak-search input{flex:1;min-width:0;border:0;outline:0;background:#222;color:#aaa;text-align:right;padding:0 18px;font-size:15px}
.ak-search input::placeholder{color:#777}
.ak-fast-icons{display:flex;gap:8px;justify-content:flex-start;padding-top:11px;direction:rtl}
.ak-fast-icons a{width:39px;height:35px;display:grid;place-items:center;border:1px dashed #353535;background:#191919;color:#aaa;font-size:17px}
.ak-fast-icons a:nth-child(1){color:#d5d5d5}.ak-fast-icons a:nth-child(2){color:#09a7e0}.ak-fast-icons a:nth-child(3){color:#e28124}.ak-fast-icons a:nth-child(4){color:#54c824}.ak-fast-icons a:nth-child(5){color:#da303b}.ak-fast-icons a:nth-child(6){color:#ffd30a}

/* Right category area is a real sidebar in the opening state, not a popup. */
.ak-home-stage{width:min(1300px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 330px;direction:ltr;align-items:stretch}
.ak-promo-col{min-width:0;direction:rtl}
.ak-home-categories{direction:rtl;background:#191919;border-right:1px solid #242424;min-height:398px;padding:7px 10px 12px}
.ak-home-cat-head{height:33px;display:flex;align-items:center;justify-content:space-between;color:#777;border-bottom:1px solid #272727;padding:0 3px;font-size:12px}
.ak-home-cat-head i{font-size:12px;color:#696969}
.ak-home-cat-grid{display:grid;grid-template-columns:1fr 1fr}
.ak-home-cat-grid a{height:30px;padding:0 7px;border-bottom:1px solid #232323;display:flex;align-items:center;justify-content:space-between;color:#787878;font-size:12px}
.ak-home-cat-grid a:hover{background:#202020;color:var(--ak-cyan)}
.ak-home-cat-grid i{font-size:10px;color:#777}

/* Exact opening carousel proportions: it fills the area left of the fixed category list. */
.ak-hero{position:relative;width:100%;height:398px;background:#171717;overflow:hidden;border:0;margin:0}
.ak-hero-slide{position:absolute;inset:0;display:none}
.ak-hero-slide.active{display:block}
.ak-hero-slide img{width:100%;height:100%;display:block;object-fit:cover}
.ak-hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:70px;border:0;background:rgba(0,0,0,.22);color:var(--ak-cyan);font-size:48px;line-height:1;z-index:4;text-shadow:0 1px 2px #000}
.ak-hero-prev{left:8px}.ak-hero-next{right:8px}
.ak-hero-dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:7px;z-index:5}
.ak-hero-dots b{width:8px;height:8px;border-radius:50%;background:#777}.ak-hero-dots b.active{background:#fff}

/* Original site’s cyan icon strip: it becomes sticky when the user scrolls. */
.ak-toolbar{position:sticky;top:0;z-index:1900;height:46px;background:var(--ak-cyan);box-shadow:0 2px 0 rgba(0,0,0,.42)}
.ak-toolbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between;direction:ltr}
.ak-toolbar-icons{display:flex;align-items:center;gap:5px;direction:ltr}
.ak-toolbar-icons a{width:39px;height:34px;display:grid;place-items:center;background:#08afd5;color:#111;border-right:1px solid rgba(0,0,0,.18);font-size:16px}
.ak-toolbar-links{display:flex;align-items:center;direction:rtl;height:100%}
.ak-toolbar-links a,.ak-toolbar-links button{height:100%;padding:0 15px;border:0;background:transparent;color:#111;font-weight:700;font-size:12px}
.ak-toolbar-links a:hover,.ak-toolbar-links button:hover{background:rgba(0,0,0,.08)}

/* Compact right rail only appears after the big opening state has scrolled away. */
.ak-fixed-rail{position:fixed;top:88px;right:0;bottom:0;width:46px;z-index:1800;display:flex;flex-direction:column;align-items:center;padding:4px 4px;background:#181818;border-left:1px solid #2e2e2e;transform:translateX(110%);opacity:0;pointer-events:none;transition:transform .2s ease,opacity .2s ease}
html.ak-is-scrolled .ak-fixed-rail{transform:translateX(0);opacity:1;pointer-events:auto}
.ak-fixed-rail a{width:38px;height:38px;display:grid;place-items:center;margin:2px 0;color:#656565;font-size:16px;border-right:2px solid transparent}
.ak-fixed-rail a:hover{color:var(--ak-cyan);background:#202020;border-right-color:var(--ak-cyan)}
.ak-fixed-rail a:nth-of-type(8){color:#f4f4f4}.ak-fixed-rail a:nth-of-type(9){color:#55b9eb}.ak-fixed-rail a:nth-of-type(10){color:#e33535}.ak-fixed-rail a:nth-of-type(11){color:#888}
.ak-rail-sep{width:27px;border-top:1px solid #2c2c2c;margin:7px 0}

/* Five-up poster grid, matching the reference desktop card geometry. */
.ak-page{padding:0 0 45px}
.ak-section{margin:18px 0 32px}
.ak-section-title{height:37px;display:flex;align-items:center;justify-content:flex-start;gap:6px;color:var(--ak-cyan);font-size:23px;font-weight:700;margin:0 0 10px;padding:0 10px;direction:rtl}
.ak-section-title i{font-size:19px}
.ak-section-title:after{content:"";height:1px;background:#2b2b2b;flex:1;margin-right:12px}
.ak-poster-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 20px;direction:ltr}
.ak-poster-grid .ak-card{direction:rtl}
.br-card{min-width:0;position:relative}
.ak-card .br-thumb{aspect-ratio:235/298;border:0;border-radius:0;background:#222;box-shadow:0 0 0 1px #292929;overflow:hidden}
.ak-card .br-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease,filter .25s ease}
.ak-card:hover .br-thumb img{transform:scale(1.018);filter:brightness(1.04)}
.ak-card .br-card-title{position:absolute;left:0;right:0;bottom:0;margin:0;padding:31px 7px 7px;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.20) 25%,rgba(0,0,0,.93) 100%);color:#fff;text-align:center;font-size:13px;line-height:1.4;font-weight:500;min-height:55px;display:flex;align-items:flex-end;justify-content:center;text-shadow:0 1px 1px #000}
.ak-card .br-card-meta{min-height:29px;height:29px;display:flex;align-items:center;justify-content:space-between;padding:0 6px;color:#aaa;font-size:9px}
.ak-card .br-card-meta:before{content:"NEW";display:inline-block;padding:0 5px;line-height:18px;height:18px;color:#ddd;border:1px solid #555;background:#1d1d1d;font-size:9px}
.ak-view-count{padding:0 5px!important;line-height:18px;height:18px;background:#1d1d1d!important;border:1px solid #383838!important;color:#e3e3e3!important;border-radius:2px!important}
.ak-badge{position:absolute;z-index:4;min-height:18px;line-height:18px;padding:0 5px;font-size:9px;border-radius:2px}
.ak-badge-quality{right:5px;top:5px;background:#eee;color:#111}
.ak-badge-new{left:5px;top:5px;background:#191919;color:#fff;border:1px solid #777}
.ak-card .br-duration{left:auto;right:5px;bottom:34px;line-height:16px;font-size:8px;padding:0 5px;background:#111;border:1px solid #555}
.ak-card .br-play,.ak-card .br-ribbon{display:none}

/* Jumbo block: 3 small poster columns + a large fixed feature on the right. */
.ak-jumbo-row{display:grid;grid-template-columns:minmax(0,1fr) 490px;gap:20px;direction:ltr;align-items:stretch}
.ak-jumbo-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 20px;align-content:start;direction:ltr}
.ak-jumbo-cards .ak-jumbo-card{direction:rtl}
.ak-jumbo-feature{position:relative;display:block;min-height:620px;background:#1d1d1d;border:1px solid #282828;overflow:hidden;direction:rtl}
.ak-jumbo-feature img{width:100%;height:100%;min-height:620px;object-fit:cover;display:block}
.ak-jumbo-feature-overlay{position:absolute;left:0;right:0;bottom:0;padding:45px 14px 12px;background:linear-gradient(transparent,rgba(0,0,0,.95));color:#fff;text-align:center}
.ak-jumbo-feature-overlay h3{margin:0;font-size:17px;line-height:1.5;font-weight:600}
.ak-jumbo-feature-overlay span{display:block;margin-top:4px;color:#ddd;font-size:10px}

/* Listing/archive pages retain Akwam’s five-up card grid and dark sidebar. */
.br-listing-layout,.br-archive-layout{grid-template-columns:minmax(0,1fr) 250px!important;gap:20px}
.br-listing-sidebar{position:sticky;top:52px}
.br-category-sidebar-item{height:36px;color:#757575;border-bottom:1px solid #252525}
.br-category-sidebar-item:hover,.br-category-sidebar-item.active{color:var(--ak-cyan)}
.br-listing-main .br-section{padding:0}
.br-listing-main .br-section-head{padding:0 10px}
.br-listing-main .br-grid-3,.br-listing-main .br-grid-6,.br-category-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 20px}
.br-listing-main .br-card .br-thumb{aspect-ratio:235/298}

/* Modal kept for mobile/menu use. */
.ak-category-modal .ak-category-box{background:#242424;border:7px solid #aaa}
.ak-category-grid a{min-height:45px;background:#242424;color:#aaa}

/* Footer mirrors the reference’s green icon strip + three-column black footer. */
.ak-footer{margin-top:35px}
.ak-footer-green{height:52px;background:#4caa12}
.ak-footer-icons{height:100%;display:flex;align-items:center;justify-content:center;gap:10px}
.ak-footer-icons a{width:38px;height:38px;border-radius:4px;background:#171717;border:2px solid #111;box-shadow:0 1px 4px rgba(0,0,0,.5);display:grid;place-items:center;color:#ddd}
.ak-footer-main{background:#101010;padding:14px 0 9px}
.ak-footer-grid{width:min(1050px,calc(100% - 32px));margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 235px 245px;gap:28px}
.ak-footer-video{background:#222;border:1px solid #333}.ak-footer-video img{height:165px;object-fit:cover}.ak-footer-video span{display:block;padding:5px;text-align:center;color:#ddd;background:#171717;font-size:11px}
.ak-footer-stats{font-size:11px;color:#aaa}.ak-footer-social{}
.ak-social a{height:45px;display:flex;align-items:center;justify-content:flex-end;gap:8px;border-bottom:1px solid #202020;color:#888}.ak-social i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#2a61ae;color:#fff}.ak-social a:nth-child(2) i{background:#25a9df}.ak-social a:nth-child(3) i{background:#df2f32}.ak-social a:nth-child(4) i{background:#f3631b}.ak-social a:nth-child(5) i{background:#cc3d36}

@media(max-width:1050px){
  .ak-wrap{width:calc(100% - 26px)}
  .ak-home-stage{grid-template-columns:minmax(0,1fr) 285px}
  .ak-jumbo-row{grid-template-columns:minmax(0,1fr) 385px}
  .ak-jumbo-feature,.ak-jumbo-feature img{min-height:560px}
  .ak-poster-grid,.br-listing-main .br-grid-3,.br-listing-main .br-grid-6,.br-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:820px){
  .ak-header-main{grid-template-columns:minmax(0,1fr) 170px}
  .ak-home-stage{grid-template-columns:1fr}
  .ak-home-categories{min-height:auto}
  .ak-home-cat-grid{grid-template-columns:repeat(3,1fr)}
  .ak-hero{height:auto;aspect-ratio:970/398}
  .ak-jumbo-row{grid-template-columns:1fr}
  .ak-jumbo-feature{order:-1;min-height:430px}
  .ak-jumbo-feature img{min-height:430px}
  .ak-jumbo-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:600px){
  .ak-header-main{grid-template-columns:1fr 102px;gap:8px;min-height:118px}
  .ak-logo img{width:100px;height:55px}.ak-header-search{padding-top:7px}.ak-search{height:43px}.ak-search input{font-size:11px;padding:0 10px}.ak-search button{width:45px;flex-basis:45px;font-size:20px}
  .ak-fast-icons{gap:4px;padding-top:7px}.ak-fast-icons a{width:28px;height:28px;font-size:12px}
  .ak-home-cat-grid{grid-template-columns:repeat(2,1fr)}
  .ak-hero{aspect-ratio:1.72/1}
  .ak-hero-arrow{width:32px;height:52px;font-size:32px}
  .ak-toolbar-inner{width:100%;padding:0 4px}.ak-toolbar-links a,.ak-toolbar-links button{padding:0 7px;font-size:10px}.ak-toolbar-icons a{width:33px;height:31px}
  .ak-poster-grid,.br-listing-main .br-grid-3,.br-listing-main .br-grid-6,.br-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 9px}
  .ak-jumbo-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 9px}
  .ak-jumbo-feature,.ak-jumbo-feature img{min-height:370px}
  .ak-card .br-card-title{font-size:11px}.ak-section-title{font-size:19px}
  .ak-fixed-rail{display:none}
}


/* ================= AKWAM V4 — moving header + full-height rainbow rail ================= */
:root{--ak-rail-width:50px}

/* The large opening header moves away on downward scroll and returns on upward scroll. */
.ak-big-header{
  position:sticky;
  top:0;
  z-index:2100;
  transform:translateY(0);
  transition:transform .32s cubic-bezier(.22,.61,.36,1),box-shadow .25s ease;
  will-change:transform;
  background:#111;
}
.ak-big-header.ak-head-hidden{transform:translateY(calc(-100% - 2px));box-shadow:none}
.ak-big-header.ak-head-visible{box-shadow:0 7px 22px rgba(0,0,0,.22)}

/* Keep the cyan toolbar under the moving header, while remaining sticky at the viewport top. */
.ak-toolbar{
  position:sticky!important;
  top:0;
  z-index:2050;
  transition:box-shadow .25s ease,filter .25s ease;
}
html.ak-is-scrolled .ak-toolbar{box-shadow:0 3px 12px rgba(0,0,0,.42)}

/* Full-height desktop rail, visible from the very first pixel to the bottom of the viewport. */
.ak-fixed-rail{
  position:fixed!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  width:var(--ak-rail-width)!important;
  height:100vh!important;
  z-index:2300!important;
  padding:8px 5px 8px 6px!important;
  background:#161616!important;
  border-left:1px solid #292929!important;
  box-shadow:-7px 0 18px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(3px);
  overflow:hidden;
}
.ak-fixed-rail:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:linear-gradient(
    to bottom,
    #09bfe9 0%, #09bfe9 13%,
    #55ad1e 13%, #55ad1e 27%,
    #e2ad00 27%, #e2ad00 40%,
    #de6119 40%, #de6119 54%,
    #ae1b60 54%, #ae1b60 68%,
    #d62876 68%, #d62876 81%,
    #08c4ee 81%, #08c4ee 100%
  );
  box-shadow:0 0 7px rgba(8,196,238,.16);
  pointer-events:none;
}
.ak-fixed-rail:after{
  content:"";
  position:absolute;
  left:4px;
  top:0;
  bottom:0;
  width:1px;
  background:rgba(255,255,255,.03);
  pointer-events:none;
}
.ak-fixed-rail a,
.ak-fixed-rail .ak-rail-menu{
  position:relative;
  z-index:1;
  width:37px!important;
  height:40px!important;
  flex:0 0 40px!important;
  margin:1px 0!important;
  border:0!important;
  border-right:2px solid transparent!important;
  background:transparent!important;
  color:#a0a0a0;
  display:grid;
  place-items:center;
  font-size:16px;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}
.ak-fixed-rail a:hover,
.ak-fixed-rail .ak-rail-menu:hover{
  color:#fff!important;
  background:#202020!important;
  border-right-color:var(--ak-cyan)!important;
  transform:translateX(-2px);
}
.ak-fixed-rail a:nth-of-type(1){color:#777}
.ak-fixed-rail a:nth-of-type(2){color:#696969}
.ak-fixed-rail a:nth-of-type(3){color:#6f6f6f}
.ak-fixed-rail a:nth-of-type(4){color:#707070}
.ak-fixed-rail a:nth-of-type(5){color:#777}
.ak-fixed-rail a:nth-of-type(6){color:#777}
.ak-fixed-rail a:nth-of-type(7){color:#777}
.ak-fixed-rail a:nth-of-type(8){color:#e7e7e7}
.ak-fixed-rail a:nth-of-type(9){color:#42b8eb}
.ak-fixed-rail a:nth-of-type(10){color:#e93535}
.ak-fixed-rail a:nth-of-type(11){color:#b9b9b9}
.ak-fixed-rail .ak-rail-sep{
  position:relative;
  z-index:1;
  width:27px;
  border-top:1px solid #2d2d2d;
  margin:7px auto!important;
}

/* Push desktop content clear of the permanent rail without changing the original proportions. */
@media(min-width:701px){
  .ak-wrap,.ak-page{width:min(1280px,calc(100% - var(--ak-rail-width) - 28px));margin-right:calc(var(--ak-rail-width) + 8px);margin-left:auto}
  .ak-home-stage{width:min(1280px,calc(100% - var(--ak-rail-width) - 28px));margin-right:calc(var(--ak-rail-width) + 8px);margin-left:auto}
}

@media(max-width:700px){
  .ak-big-header{position:relative;top:auto;transform:none!important}
  .ak-fixed-rail{
    top:auto!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    height:47px!important;
    flex-direction:row;
    padding:3px 6px!important;
  }
  .ak-fixed-rail:before{
    left:0;right:0;top:0;bottom:auto;width:auto;height:3px;
    background:linear-gradient(to right,#09bfe9 0 13%,#55ad1e 13% 27%,#e2ad00 27% 40%,#de6119 40% 54%,#ae1b60 54% 68%,#d62876 68% 81%,#08c4ee 81% 100%);
  }
  .ak-fixed-rail:after{display:none}
}

/* ================= AKWAM V5 — faithful header/scroll state ================= */
:root{--ak-shell:1300px;--ak-rail:50px;--ak-cyan:#08c3ed;--ak-dark:#151515;--ak-dark2:#1a1a1a}
html,body{background:#151515!important;color:#ddd!important;font-family:Cairo,Tahoma,Arial,sans-serif}
body{overflow-x:hidden}

/* Opening header: 947px content centered exactly like the reference. */
.ak-big-header{position:relative!important;top:auto!important;z-index:1000!important;transform:none!important;transition:none!important;background:#111!important;box-shadow:none!important}
.ak-topbar{height:31px!important;background:#101010!important;border-bottom:1px solid #272727!important;color:#8b8b8b!important}
.ak-topbar-inner{width:947px;max-width:calc(100% - 24px);height:31px;margin:0 auto;display:flex;align-items:center;justify-content:flex-start;direction:rtl;font-size:10px;gap:3px}
.ak-header{height:139px!important;background:#161616!important}
.ak-header-main{width:947px;max-width:calc(100% - 24px);height:105px;min-height:0!important;margin:0 auto;padding:12px 0 0!important;display:grid!important;grid-template-columns:minmax(0,1fr) 195px!important;gap:12px!important;align-items:start!important;direction:ltr!important}
.ak-header-search{direction:rtl;padding-top:8px!important;min-width:0}
.ak-search{height:56px!important;position:relative;border:1px solid #262626!important;background:#202020!important;border-radius:3px!important;display:flex;align-items:center;direction:ltr}
.ak-search button{width:59px!important;flex:0 0 59px!important;height:100%;border:0;background:#202020!important;color:var(--ak-cyan)!important;font-size:26px!important}
.ak-search input{height:100%;flex:1;min-width:0;border:0;outline:0;background:#202020!important;color:#aaa!important;text-align:right;padding:0 14px!important;font-size:14px!important}
.ak-search-modes{height:100%;min-width:210px;display:flex;align-items:center;justify-content:flex-start;gap:14px;padding:0 10px;direction:rtl;white-space:nowrap}
.ak-search-modes label{display:flex;align-items:center;gap:5px;color:#b8b8b8;font-size:12px;cursor:pointer}
.ak-search-modes label.active{color:var(--ak-cyan);font-weight:700}
.ak-search-modes input{appearance:none;width:17px;height:17px;border:1px solid #777;border-radius:50%;background:#151515;margin:0;position:relative}
.ak-search-modes input:checked{border-color:var(--ak-cyan)}
.ak-search-modes input:checked:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--ak-cyan)}
.ak-fast-icons{display:flex!important;align-items:center;gap:7px!important;padding-top:11px!important;direction:ltr!important}
.ak-fast-icons a{width:36px!important;height:36px!important;border:1px dashed #313131!important;background:#191919!important;color:#ddd!important;display:grid!important;place-items:center!important;font-size:17px!important}
.ak-fast-icons a:nth-child(1){color:#ddd}.ak-fast-icons a:nth-child(2){color:#ffc400}.ak-fast-icons a:nth-child(3){color:#ddd}.ak-fast-icons a:nth-child(4){color:#55ce26}
.ak-logo{height:94px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;padding:0!important}
.ak-logo img{width:195px!important;height:68px!important;object-fit:contain!important}
.ak-logo span{display:block;color:#eee;font-size:10px;font-weight:700;margin-top:2px;white-space:nowrap;text-align:center;text-shadow:0 1px 0 #000}
.ak-header-lower{height:42px;background:#161616}
.ak-header-lower-inner{width:947px;max-width:calc(100% - 24px);height:42px;margin:0 auto;display:flex;align-items:center;gap:14px;direction:rtl;padding-right:208px}
.ak-header-lower-inner a{width:34px;height:30px;border:1px dashed #2f2f2f;background:#171717;display:grid;place-items:center;color:#0dc1ea;font-size:17px}
.ak-header-lower-inner a:nth-child(2){color:#e5bc1d}.ak-header-lower-inner a:nth-child(3){color:#13a8db}.ak-header-lower-inner a:nth-child(4){color:#f22}.ak-header-lower-inner a:nth-child(5){color:#dd6a1e}.ak-header-lower-inner a:nth-child(6){color:#c52b7a}
.mini-label{font-size:10px;font-weight:800;border:1px solid currentColor;padding:1px 3px;line-height:1}
.mini-live{font-size:8px;font-weight:800;color:#ff3636;border:1px solid #ff3636;padding:1px 2px;line-height:1}

/* Top opening stage: 972px carousel + 328px categories. */
.ak-home-stage{width:min(var(--ak-shell),calc(100% - var(--ak-rail) - 16px))!important;max-width:none!important;margin:0!important;display:grid!important;grid-template-columns:minmax(0,972px) minmax(300px,328px)!important;direction:ltr;align-items:stretch}
.ak-promo-col{min-width:0}
.ak-hero{height:400px!important;margin:0!important;border:0!important;background:#171717!important;overflow:hidden!important}
.ak-hero-slide{position:absolute;inset:0;display:none}.ak-hero-slide.active{display:block}
.ak-hero-slide img{width:100%!important;height:400px!important;object-fit:cover!important}
.ak-hero-arrow{width:54px!important;height:78px!important;background:rgba(0,0,0,.1)!important;color:#08c4ee!important;font-size:52px!important;text-shadow:1px 1px 2px #000!important}
.ak-hero-prev{left:8px!important}.ak-hero-next{right:8px!important}
.ak-home-categories{height:400px;background:#191919!important;border-left:1px solid #252525;overflow:hidden!important}
.ak-home-cat-head{height:45px;background:#191919;border-bottom:1px solid #272727;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#777;font-size:12px}
.ak-home-cat-head i{color:#777;font-size:12px}
.ak-home-cat-grid{display:grid!important;grid-template-columns:1fr 1fr!important;direction:rtl!important}
.ak-home-cat-grid a{height:30px!important;padding:0 7px!important;background:#191919!important;border-bottom:1px solid #242424!important;color:#777!important;font-size:11px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px}
.ak-home-cat-grid a:hover{background:#202020!important;color:#0ac4ef!important}
.ak-home-cat-grid i{font-size:10px!important;color:#777!important}

/* Toolbar: cyan at the opening state, black when it becomes sticky. */
main.ak-page{width:min(var(--ak-shell),calc(100% - var(--ak-rail)))!important;max-width:none!important;margin:0!important;margin-right:var(--ak-rail)!important;padding:0 16px 38px!important;background:#151515!important}
.ak-toolbar{position:sticky!important;top:0!important;z-index:2050!important;width:calc(100% + 32px)!important;margin-inline:-16px!important;height:46px!important;background:var(--ak-cyan)!important;box-shadow:0 2px 0 rgba(0,0,0,.5)!important}
.ak-toolbar-inner{height:46px!important;width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) 328px!important;direction:ltr!important;padding:0!important}
.ak-toolbar-main-icons{height:46px;display:flex;align-items:center;justify-content:center;gap:10px;direction:ltr}
.ak-toolbar-main-icons>a,.ak-toolbar-main-icons>.ak-dots{width:38px;height:34px;display:grid;place-items:center;border:0;background:transparent;color:#111;font-size:17px}
.ak-toolbar-main-icons>a:hover,.ak-toolbar-main-icons>.ak-dots:hover{background:rgba(0,0,0,.08)}
.ak-dots{display:flex!important;align-items:center;justify-content:center;gap:4px;cursor:pointer}
.ak-dots span{width:7px;height:7px;border-radius:50%;background:#111;display:block}
.ak-toolbar-tabs{height:46px;display:grid;grid-template-columns:repeat(4,1fr);direction:rtl}
.ak-toolbar-tabs a,.ak-toolbar-tabs button{height:46px!important;border:0!important;border-radius:0!important;padding:0!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;font-size:10px;font-weight:600;line-height:1.1;color:#111!important}
.ak-toolbar-tabs i{font-size:16px;margin-bottom:1px}
.ak-toolbar-tabs .tab-yellow{background:#e0b614}.ak-toolbar-tabs .tab-orange{background:#de661d}.ak-toolbar-tabs .tab-blue{background:#159fd0}.ak-toolbar-tabs .tab-pink{background:#ae1d62;color:#fff!important}.ak-toolbar-tabs .tab-pink span,.ak-toolbar-tabs .tab-pink i{color:#fff!important}

/* Scroll state exactly follows the original: the large header leaves the viewport, the slim toolbar remains. */
html.ak-scroll-mode .ak-toolbar{background:#171717!important;border-top:1px solid #2a2a2a!important;border-bottom:1px solid #292929!important;box-shadow:0 3px 10px rgba(0,0,0,.4)!important}
html.ak-scroll-mode .ak-toolbar-inner{grid-template-columns:1fr!important}
html.ak-scroll-mode .ak-toolbar-main-icons>a,html.ak-scroll-mode .ak-toolbar-main-icons>.ak-dots{color:#686868!important}
html.ak-scroll-mode .ak-toolbar-main-icons>a:hover,html.ak-scroll-mode .ak-toolbar-main-icons>.ak-dots:hover{background:#202020!important;color:#bbb!important}
html.ak-scroll-mode .ak-toolbar-tabs{display:none!important}

/* Rainbow full-height right rail, only after the slim header locks. */
.ak-fixed-rail{position:fixed!important;top:0!important;right:0!important;bottom:0!important;width:var(--ak-rail)!important;height:100vh!important;z-index:2300!important;background:#161616!important;border-left:1px solid #252525!important;box-shadow:-7px 0 18px rgba(0,0,0,.3)!important;padding:8px 5px!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:2px!important;opacity:0!important;transform:translateX(100%)!important;pointer-events:none!important;transition:opacity .18s ease,transform .18s ease!important;overflow:hidden!important}
html.ak-scroll-mode .ak-fixed-rail{opacity:1!important;transform:none!important;pointer-events:auto!important}
.ak-fixed-rail:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(to bottom,#0ac4ef 0 9%,#8b8b8b 9% 18%,#55ae20 18% 29%,#e3b300 29% 40%,#df681a 40% 52%,#ae1d61 52% 65%,#ce3b80 65% 78%,#0ac4ef 78% 100%);pointer-events:none}
.ak-rail-menu,.ak-fixed-rail a{position:relative;z-index:1;width:38px!important;height:36px!important;flex:0 0 36px!important;border:0!important;background:transparent!important;color:#666!important;display:grid!important;place-items:center!important;font-size:16px!important;margin:0!important;border-radius:0!important}
.ak-rail-menu:hover,.ak-fixed-rail a:hover{background:#202020!important;color:#aaa!important}
.ak-fixed-rail a:nth-of-type(7){color:#eee!important}.ak-fixed-rail a:nth-of-type(8){color:#42b8eb!important}.ak-fixed-rail a:nth-of-type(9){color:#e33!important}.ak-fixed-rail a:nth-of-type(10){color:#aaa!important}
.rail-text{font-size:8px;font-weight:800;border:1px solid currentColor;padding:2px 2px;line-height:1}

/* Home card grid: five equal posters exactly like the scrolled reference. */
.ak-section{margin:0 0 27px!important}
.ak-section-title{height:45px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;color:#08c4ef!important;font-size:21px!important;font-weight:700!important;border-bottom:1px solid #222!important}
.ak-section-title:after{content:"";flex:1;height:1px;background:#272727;margin-left:12px}
.ak-poster-grid,.br-listing-main .br-grid-3,.br-listing-main .br-grid-6,.br-category-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px 20px!important}
.ak-card{min-width:0!important}
.ak-card .br-card-link{display:block!important}
.ak-card .br-thumb{position:relative!important;overflow:hidden!important;aspect-ratio:235/298!important;background:#202020!important;border:0!important}
.ak-card .br-thumb img{width:100%!important;height:100%!important;object-fit:cover!important}
.ak-card .br-card-title{position:absolute!important;left:0!important;right:0!important;bottom:0!important;margin:0!important;padding:26px 7px 6px!important;background:linear-gradient(transparent,rgba(0,0,0,.96))!important;color:#fff!important;font-size:13px!important;line-height:1.25!important;text-align:center!important;text-shadow:0 1px 2px #000!important;min-height:54px!important}
.ak-card .br-card-meta{height:26px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 7px!important;color:#aaa!important;background:#151515!important}
.ak-card .ak-type-label{font-size:9px!important;padding:0 4px!important;border:1px solid #686868!important;color:#ddd!important;line-height:17px!important;min-width:31px;text-align:center}
.ak-card .ak-view-count{font-size:8px!important;padding:0 4px!important;border:1px solid #686868!important;background:#1b1b1b!important;color:#ddd!important;line-height:16px!important;border-radius:2px!important}
.ak-card .ak-badge-quality,.ak-card .ak-badge-new{top:auto!important;bottom:34px!important}

/* Jumbo section: three small cards + large feature on the right. */
.ak-jumbo-row{display:grid!important;grid-template-columns:minmax(0,1fr) 490px!important;gap:20px!important;direction:ltr!important;align-items:start!important}
.ak-jumbo-cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px 20px!important;direction:ltr!important}
.ak-jumbo-card{direction:rtl!important}
.ak-jumbo-feature{display:block!important;position:relative!important;height:620px!important;overflow:hidden!important;background:#1c1c1c!important;border:0!important}
.ak-jumbo-feature img{width:100%!important;height:100%!important;object-fit:cover!important}

@media(max-width:1050px){
  :root{--ak-rail:0px}
  .ak-home-stage,main.ak-page{width:100%!important}
  .ak-home-stage{grid-template-columns:minmax(0,1fr) 285px!important}
  .ak-jumbo-row{grid-template-columns:minmax(0,1fr) 385px!important}
  .ak-jumbo-feature{height:560px!important}
}
@media(max-width:760px){
  .ak-topbar{display:none!important}
  .ak-header{height:auto!important}.ak-header-main{height:auto;width:100%;max-width:none;grid-template-columns:1fr 105px!important;padding:10px 10px 0!important}.ak-logo img{width:103px!important;height:58px!important}.ak-logo span{font-size:7px}.ak-search{height:45px!important}.ak-search-modes{min-width:138px;gap:6px;padding:0 6px}.ak-search-modes label{font-size:9px}.ak-search-modes input{width:13px;height:13px}.ak-fast-icons a{width:29px!important;height:29px!important;font-size:13px!important}.ak-header-lower-inner{width:100%;max-width:none;padding:0 10px;height:38px;justify-content:flex-start}.ak-header-lower{height:38px}.ak-home-stage{grid-template-columns:1fr!important}.ak-home-categories{height:auto;max-height:230px}.ak-home-cat-grid{grid-template-columns:repeat(2,1fr)!important}.ak-hero{height:auto!important;aspect-ratio:970/398}.ak-hero-slide img{height:100%!important}.ak-toolbar{position:sticky!important;top:0!important}.ak-toolbar-inner{grid-template-columns:1fr!important}.ak-toolbar-tabs{display:none!important}.ak-toolbar-main-icons{gap:2px;justify-content:center}.ak-toolbar-main-icons>a,.ak-toolbar-main-icons>.ak-dots{width:34px;height:34px}.ak-fixed-rail{display:none!important}.ak-poster-grid,.br-listing-main .br-grid-3,.br-listing-main .br-grid-6,.br-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 9px!important}.ak-jumbo-row{grid-template-columns:1fr!important}.ak-jumbo-feature{order:-1;height:420px!important}.ak-jumbo-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 9px!important}
}

/* ================= AKWAM V6 — original page geometry + always-visible right rail ================= */
@media(min-width:1051px){
  /* The original reference uses the full page width up to the fixed right rail.
     Do not center the home stage: this removes the empty left gutter. */
  .ak-big-header,
  .ak-home-stage,
  main.ak-page{
    width:calc(100% - var(--ak-rail))!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  /* Keep the 947px original header block centered inside the 1300px content area. */
  .ak-topbar-inner,
  .ak-header-main,
  .ak-header-lower-inner{
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .ak-home-stage{
    grid-template-columns:minmax(0,75%) minmax(300px,25%)!important;
    direction:ltr!important;
  }

  /* The right social/icon rail is visible from the initial page load, exactly like the reference. */
  .ak-fixed-rail{
    opacity:1!important;
    transform:none!important;
    pointer-events:auto!important;
    visibility:visible!important;
  }
  html.ak-scroll-mode .ak-fixed-rail{
    opacity:1!important;
    transform:none!important;
    pointer-events:auto!important;
  }

  /* Keep the page body to the left of the fixed rail; no other page styling is changed. */
  main.ak-page{margin-right:var(--ak-rail)!important;margin-left:0!important;}

  /* The rail must never create or reserve a hidden/empty area in the document flow. */
  .ak-fixed-rail{right:0!important;}
}

/* Preserve the compact black sticky toolbar while the large header naturally scrolls away. */
html.ak-scroll-mode .ak-toolbar{
  background:#171717!important;
  border-top:1px solid #2a2a2a!important;
  border-bottom:1px solid #292929!important;
  box-shadow:0 3px 10px rgba(0,0,0,.4)!important;
}

@media(max-width:1050px) and (min-width:761px){
  .ak-fixed-rail{opacity:1!important;transform:none!important;pointer-events:auto!important;visibility:visible!important}
  .ak-home-stage,main.ak-page,.ak-big-header{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
}
/* ================= AKWAM — new compact sticky header only ================= */
/* V12 layout, cards, categories, rail and page geometry remain unchanged. */
.ak-toolbar-opening{display:block;width:100%;height:46px}
.ak-toolbar-scroll{display:none;width:100%;height:52px;align-items:center;gap:7px;padding:4px 7px;background:#151515;border-top:1px solid #252525;border-bottom:1px solid #292929;direction:ltr}
.ak-scroll-left-tools{display:flex;align-items:center;gap:5px;flex:0 0 auto}
.ak-scroll-square,.ak-scroll-icon,.ak-scroll-categories{width:38px;height:38px;display:grid;place-items:center;background:#181818;border:1px dashed #303030;color:#a0a0a0;font-size:16px;flex:0 0 38px}
.ak-scroll-square:hover,.ak-scroll-icon:hover,.ak-scroll-categories:hover{color:#ddd;background:#202020}
.ak-scroll-search{height:38px;display:flex;align-items:stretch;min-width:220px;max-width:520px;flex:1 1 430px;background:#1b1b1b;border:1px solid #292929;direction:ltr;overflow:hidden}
.ak-scroll-search button{width:42px;flex:0 0 42px;border:0;background:#202020;color:#a0a0a0;font-size:16px}
.ak-scroll-search input{min-width:0;flex:1;border:0;outline:0;background:#202020;color:#d0d0d0;text-align:right;padding:0 10px;font-family:Cairo,Tahoma,Arial,sans-serif;font-size:12px}
.ak-scroll-search input::placeholder{color:#666}
.ak-scroll-actions{display:flex;align-items:center;gap:4px;flex:0 0 auto}
.ak-scroll-logo{height:42px;min-width:116px;max-width:150px;display:flex;align-items:center;justify-content:center;padding:0 3px;flex:0 0 auto}
.ak-scroll-logo img{width:116px;height:42px;object-fit:contain;display:block}
.ak-scroll-categories{flex:0 0 42px;width:42px;height:42px;font-size:19px;color:#8c8c8c;border-color:#383838}
.ak-scroll-categories:hover{color:#fff}
.ak-scroll-actions .ak-scroll-icon:nth-child(1){color:#d2b21e}
.ak-scroll-actions .ak-scroll-icon:nth-child(2){color:#14a7d4}
.ak-scroll-actions .ak-scroll-icon:nth-child(3){color:#eb3b3b}
.ak-scroll-actions .ak-scroll-icon:nth-child(4){color:#dd6d20}
html.ak-scroll-mode .ak-toolbar-opening{display:none!important}
html.ak-scroll-mode .ak-toolbar-scroll{display:flex!important}
html.ak-scroll-mode .ak-toolbar{height:52px!important;background:#151515!important;box-shadow:0 3px 12px rgba(0,0,0,.48)!important}
html.ak-scroll-mode .ak-toolbar-inner{display:none!important}
@media(max-width:760px){
  .ak-toolbar-scroll{height:48px;padding:3px 4px;gap:4px;overflow:hidden}
  .ak-scroll-square,.ak-scroll-icon{width:34px;height:34px;flex-basis:34px;font-size:14px}
  .ak-scroll-search{height:34px;min-width:118px;max-width:none;flex:1 1 auto}
  .ak-scroll-search button{width:35px;flex-basis:35px;font-size:14px}
  .ak-scroll-search input{font-size:10px;padding:0 7px}
  .ak-scroll-actions{gap:2px}
  .ak-scroll-logo{min-width:74px;max-width:82px;height:36px}
  .ak-scroll-logo img{width:80px;height:36px}
  .ak-scroll-categories{width:36px;height:36px;flex-basis:36px;font-size:16px}
  html.ak-scroll-mode .ak-toolbar{height:48px!important}
}


/* AKWAM mobile/listing polish — only visual fixes requested */
.br-tabs a{
  background:#202020!important;
  border-color:#303030!important;
  color:#8f8f8f!important;
}
.br-tabs a:hover{
  background:#272727!important;
  color:#ddd!important;
  border-color:#3b3b3b!important;
}
.br-tabs a.active{
  background:#e2ad00!important;
  border-color:#e2ad00!important;
  color:#171717!important;
}

/* On phones: cards first, category browser underneath. */
@media(max-width:850px){
  .br-listing-layout,
  .br-archive-layout{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .br-listing-main,
  .br-archive-main{
    order:1;
    min-width:0;
  }
  .br-listing-sidebar,
  .br-archive-side{
    order:2;
    position:static!important;
    width:100%!important;
    min-width:0;
  }
}

@media(max-width:600px){
  .br-listing-main .br-grid-3,
  .br-listing-main .br-grid-6,
  .br-category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px 9px!important;
  }
  .br-category-sidebar-list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    border-top:0;
  }
  .br-category-sidebar-item{
    min-height:40px;
    height:auto!important;
    border:1px solid #292929!important;
    border-radius:3px;
    padding:0 9px!important;
    background:#191919;
  }
}

@media(max-width:430px){
  .br-category-sidebar-list{grid-template-columns:repeat(2,minmax(0,1fr));}
}

/* AKWAM browse/keyword box cleanup — remove the remaining white rectangles. */
.br-browse-item,
.br-series-browse-grid a,
.br-single-browse-item,
.br-category-browse-grid a,
.br-chip-row a{
  background:#202020!important;
  color:#aaa!important;
  border-color:#303030!important;
}
.br-browse-item:hover,
.br-series-browse-grid a:hover,
.br-single-browse-item:hover,
.br-single-browse-item.active,
.br-category-browse-grid a:hover,
.br-category-browse-grid a.active,
.br-chip-row a:hover{
  background:#292929!important;
  color:#f0c45f!important;
  border-color:#dfa91f!important;
}
.br-browse-item i,
.br-series-browse-grid i,
.br-single-browse-item i,
.br-category-browse-grid a i{
  color:#777!important;
}


/* AKWAM V20 — dark-coordinated panels for single/watch/download only. */
.br-single-page .br-single-player,
.br-single-page .br-episode-nav,
.br-single-page .br-content-box,
.br-watch-page .br-watch-hero,
.br-watch-page .br-server-box,
.br-download-page .br-download-hero,
.br-download-page .br-server-box{
  background:#202020!important;
  border-color:#303030!important;
  color:var(--ak-text)!important;
  box-shadow:none!important;
}

.br-single-page .br-episode-nav>*{
  background:#202020!important;
  color:#dfdfdf!important;
  border-color:#303030!important;
}
.br-single-page .br-episode-nav small,
.br-watch-page .br-server-head span,
.br-download-page .br-server-head span,
.br-single-page .br-single-title span,
.br-single-page .br-breadcrumb{
  color:#888!important;
}
.br-single-page .br-content-head,
.br-watch-page .br-server-head,
.br-download-page .br-server-head{
  color:#dfdfdf!important;
  border-color:#303030!important;
}
.br-single-page .br-content-head:after{
  background:#dfa91f!important;
}
.br-single-page .br-content-box h2,
.br-single-page .br-content-text,
.br-single-page .br-meta-grid,
.br-single-page .br-chip-list,
.br-single-page .br-season-tabs,
.br-single-page .br-episode-grid{
  color:#dfdfdf!important;
}
.br-single-page .br-meta-grid>div,
.br-single-page .br-season-tabs a,
.br-single-page .br-episode-grid a,
.br-watch-page .br-server-item,
.br-download-page .br-download-row{
  background:#191919!important;
  border-color:#303030!important;
  color:#dfdfdf!important;
}
.br-single-page .br-season-tabs a.active,
.br-single-page .br-episode-grid a.active{
  background:#2b2618!important;
  border-color:#dfa91f!important;
  color:#f0c45f!important;
}
.br-watch-page .br-server-item.active{
  background:#2b2618!important;
  border-color:#dfa91f!important;
  color:#f0c45f!important;
  box-shadow:inset 0 0 0 1px #dfa91f!important;
}
.br-watch-page .br-server-icon,
.br-download-page .br-download-icon{
  background:#252525!important;
  color:#dfa91f!important;
}
.br-download-page .br-download-hero h1,
.br-watch-page .br-watch-hero h1{
  color:#dfdfdf!important;
}
.br-download-page .br-download-hero p,
.br-watch-page .br-watch-hero p{
  color:#999!important;
}
.br-single-page .br-single-actions .br-secondary-btn,
.br-watch-page .br-watch-hero .br-secondary-btn,
.br-download-page .br-download-hero .br-secondary-btn{
  background:#292929!important;
  color:#ddd!important;
  border-color:#3a3a3a!important;
}
.br-single-page .br-single-actions .br-primary-btn,
.br-watch-page .br-watch-hero .br-primary-btn,
.br-download-page .br-download-hero .br-primary-btn{
  background:#08c4ee!important;
  color:#101010!important;
}

/* AKWAM mobile sticky header — mobile only. Desktop compact header remains unchanged. */
.ak-mobile-scroll{display:none}
@media(max-width:760px){
  html.ak-scroll-mode .ak-toolbar-scroll{display:none!important}
  html.ak-scroll-mode .ak-mobile-scroll{
    display:flex!important;
    position:relative;
    width:100%;
    height:48px;
    align-items:center;
    justify-content:space-between;
    gap:6px;
    padding:3px 6px;
    background:#151515;
    border-top:1px solid #252525;
    border-bottom:1px solid #292929;
    box-shadow:0 3px 12px rgba(0,0,0,.48);
    direction:rtl;
    overflow:visible;
  }
  .ak-mobile-square{
    width:38px;height:38px;flex:0 0 38px;
    display:grid;place-items:center;
    padding:0;margin:0;
    background:#181818;
    border:1px dashed #303030;
    color:#b0b0b0;
    font-size:15px;
    text-decoration:none;
  }
  .ak-mobile-square:hover,.ak-mobile-square:focus-visible{
    color:#fff;background:#202020;
  }
  .ak-mobile-square.is-active{
    color:#13b9e8;border-color:#13b9e8;
    background:#1c2427;
  }
  .ak-mobile-logo{
    width:92px;height:38px;flex:0 0 92px;
    display:flex;align-items:center;justify-content:center;
    padding:0 3px;
  }
  .ak-mobile-logo img{
    width:88px;height:36px;max-width:88px;
    object-fit:contain;display:block;
  }
  .ak-mobile-search-panel{
    position:absolute;
    top:52px;
    left:6px;right:6px;
    height:42px;
    display:flex;align-items:stretch;
    background:#1b1b1b;
    border:1px solid #303030;
    box-shadow:0 8px 22px rgba(0,0,0,.45);
    z-index:50;
    direction:ltr;
  }
  .ak-mobile-search-panel[hidden]{display:none!important}
  .ak-mobile-search-panel button{
    width:42px;flex:0 0 42px;
    border:0;background:#202020;color:#0db6e6;
    font-size:15px;
  }
  .ak-mobile-search-panel input{
    flex:1;min-width:0;border:0;outline:0;
    background:#202020;color:#ddd;
    text-align:right;padding:0 10px;
    font-family:Cairo,Tahoma,Arial,sans-serif;
    font-size:12px;direction:rtl;
  }
  .ak-mobile-search-panel input::placeholder{color:#707070}
}

/* ================= AKWAM V23 — dark category browsing + responsive original-style footer ================= */
/* Category/browse boxes: no white surfaces anywhere in the AKWAM theme. */
.br-series-browse,
.br-content-box.br-browse-section,
.br-category-sidebar{
  background:#181818!important;
  border-color:#2a2a2a!important;
  box-shadow:none!important;
}
.br-series-block-head,
.br-category-sidebar .br-side-head,
.br-content-box.br-browse-section .br-content-head{
  color:#ddd!important;
  border-color:#2a2a2a!important;
}
.br-category-sidebar-item,
.br-series-browse-grid a,
.br-single-browse-item,
.br-category-browse-grid a,
.br-browse-item,
.br-chip-row a{
  background:#202020!important;
  color:#bdbdbd!important;
  border-color:#303030!important;
  box-shadow:none!important;
}
.br-category-sidebar-item i,
.br-series-browse-grid i,
.br-single-browse-item i,
.br-category-browse-grid a i,
.br-browse-item i{
  color:#777!important;
}
.br-category-sidebar-item:hover,
.br-category-sidebar-item.active,
.br-series-browse-grid a:hover,
.br-single-browse-item:hover,
.br-single-browse-item.active,
.br-category-browse-grid a:hover,
.br-category-browse-grid a.active,
.br-browse-item:hover,
.br-chip-row a:hover{
  background:#292929!important;
  color:#f0c45f!important;
  border-color:#dfa91f!important;
}

/* Footer stays faithful to the supplied Akwam footer and remains usable on every width. */
.ak-footer{width:100%!important;max-width:none!important;overflow:hidden!important}
.ak-footer .ak-wrap{box-sizing:border-box!important}
.ak-footer-green{width:100%!important}
.ak-footer-icons{max-width:1080px!important;margin:0 auto!important;padding:0 12px!important;box-sizing:border-box!important}
.ak-footer-main{width:100%!important}
.ak-footer-grid{width:min(1050px,calc(100% - 32px))!important;max-width:1050px!important;margin:0 auto!important}
.ak-footer-copy{width:min(1050px,calc(100% - 32px))!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}

@media(max-width:900px){
  .ak-footer-grid{
    grid-template-columns:minmax(0,1fr) 220px!important;
    gap:18px!important;
  }
  .ak-footer-social{min-width:0!important}
  .ak-footer-video img{height:150px!important}
}

@media(max-width:700px){
  /* Browse boxes remain dark and readable on phone. */
  .br-category-sidebar,
  .br-series-browse,
  .br-content-box.br-browse-section{padding:12px!important}
  .br-category-sidebar-list,
  .br-series-browse-grid,
  .br-single-browse-grid,
  .br-category-browse-grid{gap:8px!important}
  .br-category-sidebar-item,
  .br-series-browse-grid a,
  .br-single-browse-item,
  .br-category-browse-grid a,
  .br-browse-item,
  .br-chip-row a{
    min-height:40px!important;
    padding:9px 10px!important;
    border-radius:5px!important;
    font-size:10px!important;
  }

  /* Original footer structure, stacked instead of hiding its useful blocks. */
  .ak-footer-green{height:auto!important;min-height:52px!important}
  .ak-footer-icons{
    min-height:52px!important;
    height:auto!important;
    justify-content:flex-start!important;
    gap:7px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    flex-wrap:nowrap!important;
    scrollbar-width:none!important;
  }
  .ak-footer-icons::-webkit-scrollbar{display:none!important}
  .ak-footer-icons a{flex:0 0 38px!important}
  .ak-footer-grid{
    width:calc(100% - 20px)!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
  .ak-footer-video img{height:145px!important}
  .ak-footer-stats,
  .ak-social{display:flex!important}
  .ak-footer-stats{gap:8px!important}
  .ak-footer-stats div{padding-bottom:7px!important}
  .ak-social a{height:42px!important}
  .ak-footer-copy{width:calc(100% - 20px)!important;margin-top:10px!important;padding-top:9px!important}
}

@media(max-width:420px){
  .ak-footer-grid{width:calc(100% - 14px)!important}
  .ak-footer-copy{width:calc(100% - 14px)!important}
  .ak-footer-icons{padding:0 7px!important;gap:6px!important}
  .ak-footer-icons a{width:36px!important;height:36px!important;flex-basis:36px!important}
}
