:root{
  --gold:#D4A017;--gold-light:#FFD700;--gold-dark:#8B6914;
  --bg:#080808;--card:#141414;--surf:#1E1E1E;--bdr:#2A2A2A;
  --tx:#F0F0F0;--tx2:#B0A090;--tx3:#555;
  --green:#2ECC71;--red:#E74C3C;--blue:#3498DB;--orange:#E67E22;
}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth}
body{font-family:'Cairo',sans-serif;background:var(--bg);color:var(--tx);min-height:100vh;direction:rtl;overflow-x:hidden}
body::before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse at 15% 0%,rgba(212,160,23,0.06),transparent 50%),radial-gradient(ellipse at 85% 100%,rgba(212,160,23,0.04),transparent 50%);pointer-events:none;z-index:0}
.wrap{position:relative;z-index:1;max-width:560px;margin:0 auto;padding:0 14px 90px}
a{color:inherit;text-decoration:none}

/* TOP NAV */
.topnav{display:flex;align-items:center;justify-content:space-between;padding:16px 0}
.brand{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:900;color:var(--gold-light)}
.brand-icon{width:34px;height:34px;background:linear-gradient(145deg,#FFD700,#D4A017,#8B6914);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:17px}
.nav-links{display:flex;gap:12px;font-size:11px;color:var(--tx2);overflow-x:auto;white-space:nowrap;scrollbar-width:none;padding-bottom:2px}
.nav-links::-webkit-scrollbar{display:none}
.nav-links a.active{color:var(--gold)}

/* PAGE HEADER */
.page-title{font-size:20px;font-weight:900;color:var(--gold-light);margin:6px 0 4px}
.page-sub{font-size:12px;color:var(--tx2);margin-bottom:16px}

/* BREAKING TICKER */
.ticker-wrap{display:flex;align-items:center;background:linear-gradient(135deg,#2A0E0E,#1a0808);border:1px solid rgba(231,76,60,0.35);border-radius:14px;margin-bottom:14px;overflow:hidden}
.ticker-tag{flex:0 0 auto;background:var(--red);color:#fff;font-size:11px;font-weight:900;padding:10px 14px;letter-spacing:1px;display:flex;align-items:center;gap:5px}
.ticker-track{flex:1;overflow:hidden;white-space:nowrap;position:relative;height:38px}
.ticker-inner{position:absolute;display:flex;align-items:center;height:100%;animation:ticker-scroll 22s linear infinite;gap:40px;padding-right:16px}
.ticker-inner a{font-size:12px;color:var(--tx);font-weight:600;white-space:nowrap}
@keyframes ticker-scroll{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}

/* SECTION TITLES */
.sec-head{display:flex;align-items:center;justify-content:space-between;margin:20px 0 12px}
.sec-title{font-size:15px;font-weight:800;color:var(--tx);display:flex;align-items:center;gap:7px}
.sec-more{font-size:11px;color:var(--gold);font-weight:700}

/* FEATURED SLIDER */
.slider{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;margin-bottom:6px;scrollbar-width:none}
.slider::-webkit-scrollbar{display:none}
.slide-card{flex:0 0 84%;scroll-snap-align:start;background:var(--card);border:1px solid var(--bdr);border-radius:18px;overflow:hidden;position:relative;height:170px}
.slide-card img{width:100%;height:100%;object-fit:cover;display:block;opacity:.55}
.slide-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,0.85),transparent 60%);display:flex;align-items:flex-end;padding:14px}
.slide-overlay h3{font-size:14px;font-weight:800;color:#fff;line-height:1.5}
.slide-badge{position:absolute;top:10px;right:10px;background:var(--gold);color:#000;font-size:10px;font-weight:900;padding:3px 10px;border-radius:20px}

/* NEWS / VIDEO CARDS */
.card-list{display:flex;flex-direction:column;gap:12px}
.news-card{display:flex;gap:12px;background:var(--card);border:1px solid var(--bdr);border-radius:16px;padding:10px;transition:all .2s}
.news-card:hover{border-color:rgba(212,160,23,0.3)}
.news-card img{width:96px;height:96px;border-radius:12px;object-fit:cover;flex:0 0 auto;background:var(--surf)}
.news-card-body{flex:1;min-width:0}
.news-card-cat{font-size:9px;color:var(--gold);font-weight:800;margin-bottom:4px}
.news-card-title{font-size:13px;font-weight:800;color:var(--tx);line-height:1.5;margin-bottom:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-card-meta{font-size:10px;color:var(--tx3);display:flex;gap:8px;align-items:center}
.breaking-pill{background:rgba(231,76,60,0.12);color:var(--red);font-size:9px;font-weight:800;padding:2px 8px;border-radius:20px}

.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.video-card{background:var(--card);border:1px solid var(--bdr);border-radius:14px;overflow:hidden}
.video-thumb{position:relative;aspect-ratio:16/9;background:var(--surf)}
.video-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.video-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:30px;background:rgba(0,0,0,0.25)}
.video-card-body{padding:10px}
.video-card-title{font-size:12px;font-weight:700;color:var(--tx);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* CATEGORY FILTER CHIPS */
.chip-row{display:flex;gap:8px;overflow-x:auto;margin-bottom:14px;scrollbar-width:none}
.chip-row::-webkit-scrollbar{display:none}
.chip{flex:0 0 auto;padding:7px 16px;background:var(--card);border:1px solid var(--bdr);border-radius:20px;font-size:12px;color:var(--tx3);font-weight:700;cursor:pointer;white-space:nowrap}
.chip.active{background:linear-gradient(135deg,rgba(212,160,23,0.15),rgba(212,160,23,0.05));border-color:rgba(212,160,23,0.4);color:var(--gold)}

/* SEARCH */
.search-box{position:relative;margin-bottom:14px}
.search-box input{width:100%;background:var(--card);border:1.5px solid var(--bdr);border-radius:14px;padding:13px 42px 13px 16px;color:var(--tx);font-family:'Cairo',sans-serif;font-size:14px;outline:none}
.search-box input:focus{border-color:var(--gold)}
.search-box .si{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:15px;color:var(--tx3)}

/* LOAD MORE */
.load-more-btn{width:100%;padding:14px;background:var(--card);border:1px solid var(--bdr);border-radius:14px;color:var(--gold);font-family:'Cairo',sans-serif;font-size:13px;font-weight:700;cursor:pointer;margin-top:14px}
.load-more-btn:disabled{opacity:.5}
.empty-state{text-align:center;padding:50px 20px;color:var(--tx3);font-size:13px}

/* DETAIL PAGE */
.detail-hero{width:100%;border-radius:18px;overflow:hidden;margin-bottom:16px;background:var(--surf)}
.detail-hero img{width:100%;display:block;max-height:280px;object-fit:cover}
.detail-cat{font-size:11px;color:var(--gold);font-weight:800;margin-bottom:8px}
.detail-title{font-size:22px;font-weight:900;line-height:1.6;color:var(--tx);margin-bottom:10px}
.detail-meta{font-size:11px;color:var(--tx3);margin-bottom:18px;display:flex;gap:10px}
.detail-content{font-size:15px;line-height:2.1;color:var(--tx2);white-space:pre-wrap;margin-bottom:24px}
.video-embed{position:relative;width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;margin-bottom:16px;background:#000}
.video-embed iframe{width:100%;height:100%;border:0}

/* SHARE BUTTONS */
.share-row{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.share-btn{padding:9px 14px;border-radius:12px;font-size:12px;font-weight:700;background:var(--card);border:1px solid var(--bdr);color:var(--tx2);cursor:pointer;font-family:'Cairo',sans-serif}

.related-title{font-size:14px;font-weight:800;color:var(--tx2);margin:22px 0 12px}