/* ── SCOPED RESET ── */
#rb-hdr,#rb-hdr *,
#rb-ad-slot,
.rb-ov,.rb-sidebar,.rb-sidebar *,
#rb-btt,#rb-prog{
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}
#rb-hdr a{text-decoration:none}
#rb-hdr button,#rb-sidebar button{font-family:inherit;cursor:pointer}

/* ── ACCESSIBILITY (A11y) ── */
a:focus-visible, button:focus-visible, input:focus-visible {
  outline: 2px solid var(--rb-red);
  outline-offset: 2px;
}

/* ── CSS TOKENS ── */
:root{
  --rb-red:#c0392b;
  --rb-red-dk:#a93226;
  --rb-red-a1:rgba(192,57,43,.1);
  --rb-navy:#16213e;
  --rb-dark:#0f172a;
  --rb-white:#ffffff;
  --rb-bg:#f4f6f9;
  --rb-border:#e4e7ed;
  --rb-bdd:rgba(255,255,255,.08);
  --rb-txt:#1a1a2e;
  --rb-muted:#64748b;
  --rb-faint:#94a3b8;
  --rb-ondark:#cbd5e1;
  --rb-green:#22c55e;
  --rb-gold:#fbbf24;
  --rb-font:'Cairo','Segoe UI',Tahoma,Arial,sans-serif;
  --rb-max:1300px;
  --rb-th:38px;
  --rb-nh:48px;
  --rb-r:6px;
  --rb-rmd:10px;
  --rb-pill:100px;
  --rb-s1:0 1px 4px rgba(0,0,0,.06),0 4px 12px rgba(0,0,0,.06);
  --rb-s2:0 4px 16px rgba(0,0,0,.10),0 1px 4px rgba(0,0,0,.06);
  --rb-s3:0 8px 32px rgba(0,0,0,.14),0 2px 8px rgba(0,0,0,.08);
  --rb-f:140ms;
  --rb-m:240ms;
  --rb-ease:cubic-bezier(.4,0,.2,1);
}

/* dark tokens */
body.rb-dark{
  --rb-white:#1e2235;
  --rb-bg:#161929;
  --rb-border:#2d3555;
  --rb-txt:#e2e8f0;
  --rb-muted:#94a3b8;
}

/* ── SKIP LINK ── */
.rb-skip{
  position:absolute;top:-60px;right:12px;
  background:var(--rb-red);color:#fff;padding:8px 18px;z-index:99999;
  border-radius:0 0 var(--rb-rmd) var(--rb-rmd);font:700 13px/1 var(--rb-font);
  -webkit-transition:top var(--rb-m);transition:top var(--rb-m);text-decoration:none;
}
.rb-skip:focus{top:0}

/* ── PROGRESS BAR ── */
#rb-prog{
  position:fixed;top:0;right:0;height:3px;width:0;
  background:-webkit-linear-gradient(right,var(--rb-red),var(--rb-gold));
  background:linear-gradient(to left,var(--rb-red),var(--rb-gold));
  z-index:99999;pointer-events:none;will-change:width;
  -webkit-transition:width .12s linear;transition:width .12s linear;
}

/* ── BACK TO TOP ── */
#rb-btt{
  position:fixed;bottom:24px;left:20px;width:44px;height:44px;
  background:var(--rb-red);color:#fff;border:none;border-radius:50%;
  display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;
  -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;
  font-size:18px;line-height:1;
  -webkit-box-shadow:0 4px 14px rgba(192,57,43,.4);
  box-shadow:0 4px 14px rgba(192,57,43,.4);
  z-index:8990;
  -webkit-transition:background var(--rb-f),-webkit-transform var(--rb-f);
  transition:background var(--rb-f),transform var(--rb-f);
}
#rb-btt.rb-show{display:-webkit-box;display:-ms-flexbox;display:flex}
#rb-btt:hover{background:var(--rb-red-dk);-webkit-transform:translateY(-2px);transform:translateY(-2px)}

/* ── HEADER WRAPPER ── */
#rb-hdr{
  width:100%;position:-webkit-sticky;position:sticky;top:0;
  z-index:9990;direction:rtl;font-family:var(--rb-font);
  -webkit-transform:translateY(0);transform:translateY(0);
  -webkit-box-shadow:var(--rb-s2);box-shadow:var(--rb-s2);
  -webkit-transition:-webkit-transform .3s cubic-bezier(.33,1,.68,1),-webkit-box-shadow var(--rb-m);
  transition:transform .3s cubic-bezier(.33,1,.68,1),box-shadow var(--rb-m);
  will-change:transform;
}
#rb-hdr.rb-hidden{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
#rb-hdr.rb-scrolled{-webkit-box-shadow:var(--rb-s3);box-shadow:var(--rb-s3)}

/* ── TOPBAR ── */
.rb-tb{
  background:var(--rb-dark);color:var(--rb-ondark);
  font-size:11.5px;height:var(--rb-th);
  border-bottom:1px solid var(--rb-bdd);overflow:hidden;
  -webkit-transition:background .4s;transition:background .4s;
}
.rb-tb.rb-offline{background:#c0392b !important}
.rb-tb.rb-online{background:#16a34a !important;-webkit-transition:background .3s;transition:background .3s}
.rb-tb-in{
  max-width:var(--rb-max);margin:0 auto;padding:0 24px;height:100%;
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-align:center;-ms-flex-align:center;align-items:center;
  -webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;
  gap:12px;
}
.rb-tb-r{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-align:center;-ms-flex-align:center;align-items:center;
  gap:10px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;
}
.rb-live-badge{
  display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;
  -webkit-box-align:center;-ms-flex-align:center;align-items:center;
  gap:5px;background:var(--rb-red);color:#fff;font-size:10px;
  font-weight:700;padding:2px 9px 2px 7px;border-radius:4px;
  -webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;letter-spacing:.3px;
  -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;
}
.rb-ldot{
  width:5px;height:5px;background:#fff;border-radius:50%;
  -webkit-animation:rb-pulse 1.6s ease-in-out infinite;
  animation:rb-pulse 1.6s ease-in-out infinite;
}
#rb-clock{color:#e2e8f0;font-feature-settings:"tnum";font-weight:600;letter-spacing:.3px;min-width:78px}
.rb-tb-date{color:var(--rb-ondark);font-size:11px}
.rb-tb-hijri{color:#94a3b8;font-size:10.5px}
.rb-sep{color:rgba(255,255,255,.2);font-size:13px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
.rb-geo-pill{
  display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;
  -webkit-box-align:center;-ms-flex-align:center;align-items:center;
  gap:4px;font-size:10.5px;color:#94a3b8;
  background:rgba(255,255,255,.06);padding:2px 8px;
  border-radius:var(--rb-pill);border:1px solid rgba(255,255,255,.08);
  -webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;
}
.rb-wx{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-align:center;-ms-flex-align:center;align-items:center;
  gap:5px;color:#cbd5e1;font-size:11.5px;white-space:nowrap;
}
#rb-wx-ico{font-size:14px;line-height:1}
.rb-fin-lnk{
  display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;
  -webkit-box-align:center;-ms-flex-align:center;align-items:center;
  gap:4px;color:#fbbf24 !important;font-weight:600;font-size:11px;
  white-space:nowrap;border-bottom:1px dashed rgba(251,191,36,.3);
  padding-bottom:1px;
  -webkit-transition:color var(--rb-f);transition:color var(--rb-f);
}
.rb-fin-lnk:hover{color:#fde68a !important;border-bottom-color:#fde68a}
.rb-tb-l{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.rb-tb-l a,.rb-notif-btn{
  color:var(--rb-ondark);font-size:11.5px;padding:0 11px;
  height:var(--rb-th);
  display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;
  -webkit-box-align:center;-ms-flex-align:center;align-items:center;
  border-right:1px solid var(--rb-bdd);
  -webkit-transition:color var(--rb-f),background var(--rb-f);
  transition:color var(--rb-f),background var(--rb-f);
  white-space:nowrap;background:none;
  border-top:none;border-bottom:none;border-left:none;
  font-family:var(--rb-font);
}
.rb-tb-l a:first-child,.rb-notif-btn{border-right:none}
.rb-tb-l a:hover,.rb-notif-btn:hover{color:#fff;background:rgba(255,255,255,.06)}
.rb-live-lnk{color:var(--rb-green) !important;font-weight:700}
.rb-live-lnk:hover{color:#4ade80 !important}
.rb-notif-btn.rb-on{color:var(--rb-green) !important}

/* ── MAIN HEADER ROW ── */
.rb-mh{
  background:var(--rb-white);padding:14px 0;
  border-bottom:3px solid var(--rb-red);min-height:74px;
  -webkit-transition:padding var(--rb-m) var(--rb-ease),background var(--rb-m);
  transition:padding var(--rb-m) var(--rb-ease),background var(--rb-m);
}
#rb-hdr.rb-scrolled .rb-mh{
  padding:8px 0;
  background:rgba(255,255,255,.97);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
body.rb-dark #rb-hdr.rb-scrolled .rb-mh{background:rgba(30,34,53,.97)}
body.rb-dark .rb-mh{background:var(--rb-white)}
#rb-hdr.rb-scrolled .rb-logo-img{height:34px}
#rb-hdr.rb-scrolled .rb-logo-name{font-size:18px}
.rb-mh-in{
  max-width:var(--rb-max);margin:0 auto;padding:0 24px;
  display:-ms-grid;display:grid;
  -ms-grid-columns:auto 1fr auto;grid-template-columns:auto 1fr auto;
  -webkit-box-align:center;-ms-flex-align:center;align-items:center;
  gap:28px;
}

/* ── LOGO ── */
.rb-logo{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-align:center;-ms-flex-align:center;align-items:center;
  gap:10px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;outline-offset:4px;
}
.rb-logo-img{
  height:46px;width:auto;-o-object-fit:contain;object-fit:contain;display:block;
  -webkit-transition:height var(--rb-m),-webkit-transform var(--rb-m);
  transition:height var(--rb-m),transform var(--rb-m);
}
.rb-logo:hover .rb-logo-img{-webkit-transform:scale(1.04);transform:scale(1.04)}
.rb-logo-name{
  display:block;font-size:22px;font-weight:900;color:var(--rb-txt);
  letter-spacing:-.5px;
  -webkit-transition:color var(--rb-f),font-size var(--rb-m);
  transition:color var(--rb-f),font-size var(--rb-m);
}
.rb-logo:hover .rb-logo-name{color:var(--rb-red)}
.rb-logo-tag{display:block;font-size:10px;color:var(--rb-muted);font-weight:400;margin-top:1px}

/* ── SEARCH ── */
.rb-srch-wrap{width:100%;max-width:640px;margin:0 auto;position:relative}
.rb-srch-form{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  border:1.5px solid var(--rb-border);border-radius:var(--rb-pill);
  overflow:hidden;background:var(--rb-bg);
  -webkit-transition:border-color var(--rb-m),-webkit-box-shadow var(--rb-m),background var(--rb-m);
  transition:border-color var(--rb-m),box-shadow var(--rb-m),background var(--rb-m);
}
.rb-srch-form:focus-within{
  border-color:var(--rb-navy);
  -webkit-box-shadow:0 0 0 4px rgba(22,33,62,.09);
  box-shadow:0 0 0 4px rgba(22,33,62,.09);
  background:var(--rb-white);
}
.rb-srch-inp{
  -webkit-box-flex:1;-ms-flex:1;flex:1;border:none;background:transparent;
  padding:11px 44px 11px 18px;font-size:14.5px;font-family:var(--rb-font);
  direction:rtl;color:var(--rb-txt);outline:none;min-width:0;
}
.rb-srch-inp::-webkit-input-placeholder{color:var(--rb-faint)}
.rb-srch-inp::-moz-placeholder{color:var(--rb-faint)}
.rb-srch-inp:-ms-input-placeholder{color:var(--rb-faint)}
.rb-srch-inp::placeholder{color:var(--rb-faint)}
.rb-mic-btn{
  position:absolute;right:11px;top:50%;
  -webkit-transform:translateY(-50%);transform:translateY(-50%);
  background:none;border:none;color:var(--rb-muted);cursor:pointer;
  display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;
  -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;
  padding:5px;border-radius:50%;
  -webkit-transition:all var(--rb-f);transition:all var(--rb-f);
}
.rb-mic-btn:hover{color:var(--rb-red);background:var(--rb-red-a1)}
.rb-mic-btn.rb-on{color:#fff;background:var(--rb-red);-webkit-animation:rb-mic 1s infinite;animation:rb-mic 1s infinite}
.rb-srch-btn{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-align:center;-ms-flex-align:center;align-items:center;
  gap:7px;background:var(--rb-navy);color:#fff;border:none;padding:0 22px;cursor:pointer;
  font:700 13.5px var(--rb-font);white-space:nowrap;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;
  -webkit-transition:background var(--rb-f);transition:background var(--rb-f);
}
.rb-srch-btn:hover{background:var(--rb-red)}

/* ── SUGGESTIONS ── */
.rb-sug{
  position:absolute;top:calc(100% + 6px);right:0;left:0;
  background:var(--rb-white);border-radius:var(--rb-rmd);
  -webkit-box-shadow:0 16px 48px rgba(0,0,0,.18);box-shadow:0 16px 48px rgba(0,0,0,.18);
  display:none;z-index:500;overflow:hidden;border:1px solid var(--rb-border);
  -webkit-animation:rb-drop var(--rb-m) var(--rb-ease) both;
  animation:rb-drop var(--rb-m) var(--rb-ease) both;
}
.rb-srch-wrap.rb-focused .rb-sug{display:block}
.rb-sug-hd{
  padding:10px 18px 7px;font-size:10.5px;color:var(--rb-muted);font-weight:700;
  text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #f3f4f6;
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-align:center;-ms-flex-align:center;align-items:center;
  -webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;
}
.rb-sug-hd button{background:none;border:none;font-size:10.5px;color:var(--rb-red);cursor:pointer;font-family:var(--rb-font);padding:0}
.rb-sug-item{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-align:center;-ms-flex-align:center;align-items:center;
  gap:10px;padding:10px 18px;font-size:13.5px;color:var(--rb-txt);cursor:pointer;
  border-bottom:1px solid #fafafa;
  -webkit-transition:background var(--rb-f),color var(--rb-f);
  transition:background var(--rb-f),color var(--rb-f);
  text-decoration:none;
}
.rb-sug-item:last-child{border-bottom:none}
.rb-sug-item:hover{background:#f0f4ff;color:var(--rb-navy)}
.rb-sug-ico{font-size:15px;width:22px;text-align:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
.rb-sug-tag{margin-right:auto;font-size:10px;background:#eef2ff;color:var(--rb-navy);padding:2px 8px;border-radius:var(--rb-pill);font-weight:700;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
.rb-sug-empty{padding:16px 18px;text-align:center;color:var(--rb-muted);font-size:13px}

/* ── ACTION BUTTONS ── */
.rb-acts{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-align:center;-ms-flex-align:center;align-items:center;
  gap:8px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;
}
.rb-btn{
  display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;
  -webkit-box-align:center;-ms-flex-align:center;align-items:center;
  gap:6px;padding:8px 16px;border-radius:var(--rb-pill);
  font:700 13px var(--rb-font);cursor:pointer;border:none;
  text-decoration:none;white-space:nowrap;
  -webkit-transition:background var(--rb-f),color var(--rb-f),-webkit-transform var(--rb-f);
  transition:background var(--rb-f),color var(--rb-f),transform var(--rb-f);
  -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;
}
.rb-btn:active{-webkit-transform:scale(.97);transform:scale(.97)}
.rb-btn-ico{
  background:transparent;border:1.5px solid var(--rb-border);
  color:var(--rb-muted);width:40px;height:40px;padding:0;
  -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;
  border-radius:50%;position:relative;
}
.rb-btn-ico:hover{border-color:var(--rb-navy);color:var(--rb-navy);background:rgba(22,33,62,.05)}
.rb-ndot{
  position:absolute;top:6px;left:5px;width:8px;height:8px;
  background:var(--rb-red);border-radius:50%;border:2px solid var(--rb-white);
}
.rb-btn-cta{
  background:var(--rb-red);color:#fff;padding:8px 18px;font-size:13px;
  -webkit-box-shadow:0 2px 8px rgba(192,57,43,.28);box-shadow:0 2px 8px rgba(192,57,43,.28);
}
.rb-btn-cta:hover{background:var(--rb-red-dk)}
.rb-btn-login{background:var(--rb-navy);color:#fff;padding:8px 18px}
.rb-btn-login:hover{background:var(--rb-red)}
.rb-ham{
  display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;
  -ms-flex-direction:column;flex-direction:column;
  -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;
  gap:5px;cursor:pointer;width:44px;height:44px;padding:11px;
  border:1.5px solid var(--rb-border);border-radius:var(--rb-r);background:transparent;
}
.rb-ham span{
  display:block;width:22px;height:2px;background:var(--rb-txt);border-radius:2px;
  -webkit-transition:-webkit-transform var(--rb-m),opacity var(--rb-m),width var(--rb-m);
  transition:transform var(--rb-m),opacity var(--rb-m),width var(--rb-m);
}
.rb-ham.rb-open span:nth-child(1){-webkit-transform:translateY(7px) rotate(45deg);transform:translateY(7px) rotate(45deg)}
.rb-ham.rb-open span:nth-child(2){opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}
.rb-ham.rb-open span:nth-child(3){-webkit-transform:translateY(-7px) rotate(-45deg);transform:translateY(-7px) rotate(-45deg)}

/* dark mode icon swap */
body.rb-dark .rb-ico-sun{display:none !important}
body:not(.rb-dark) .rb-ico-moon{display:none !important}

/* ── NAV BAR ── */
.rb-nav{background:var(--rb-navy);position:relative;z-index:200}
.rb-nav-in{
  max-width:var(--rb-max);margin:0 auto;padding:0 24px;
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;
  overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;
}
.rb-nav-in::-webkit-scrollbar{display:none}
.rb-ni{position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
.rb-nl{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-align:center;-ms-flex-align:center;align-items:center;
  gap:6px;padding:0 14px;height:var(--rb-nh);color:#94a3b8;
  font:700 13.5px var(--rb-font);border-bottom:3px solid transparent;
  -webkit-transition:color var(--rb-f),border-color var(--rb-f);
  transition:color var(--rb-f),border-color var(--rb-f);
  white-space:nowrap;text-decoration:none;
}
.rb-na{font-size:8px;opacity:.5;-webkit-transition:-webkit-transform var(--rb-m),opacity var(--rb-f);transition:transform var(--rb-m),opacity var(--rb-f)}
.rb-ni:hover .rb-nl,.rb-ni.rb-active .rb-nl{color:#fff;border-bottom-color:var(--rb-red)}
.rb-ni:hover .rb-na{-webkit-transform:rotate(180deg);transform:rotate(180deg);opacity:.9}
.rb-nbadge{font-size:9px;padding:1px 6px;border-radius:3px;font-weight:700;line-height:1.6}
.rb-b-new{background:var(--rb-red);color:#fff}
.rb-b-hot{background:#f97316;color:#fff}
.rb-b-live{background:var(--rb-green);color:#fff}

/* ── DROPDOWN ── */
.rb-drop{
  display:none;position:absolute;top:100%;right:0;min-width:210px;
  background:var(--rb-white);
  -webkit-box-shadow:var(--rb-s3);box-shadow:var(--rb-s3);
  border-radius:0 0 var(--rb-rmd) var(--rb-rmd);border-top:3px solid var(--rb-red);
  z-index:300;-webkit-box-orient:vertical;-webkit-box-direction:normal;
  -ms-flex-direction:column;flex-direction:column;overflow:hidden;
  -webkit-animation:rb-drop var(--rb-m) var(--rb-ease) both;
  animation:rb-drop var(--rb-m) var(--rb-ease) both;
}
.rb-ni:hover .rb-drop{display:-webkit-box;display:-ms-flexbox;display:flex}
.rb-drop a{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-align:center;-ms-flex-align:center;align-items:center;
  gap:10px;padding:11px 18px;color:var(--rb-txt);font:600 13.5px var(--rb-font);
  border-bottom:1px solid #f3f4f6;
  -webkit-transition:background var(--rb-f),color var(--rb-f);
  transition:background var(--rb-f),color var(--rb-f);text-decoration:none;
}
.rb-drop a:last-child{border-bottom:none}
.rb-drop a:hover{background:#f0f4ff;color:var(--rb-navy)}
.rb-drop a span:first-child{font-size:15px;width:22px;text-align:center}

/* ── MEGA MENU ── */
.rb-mega-wrap{position:static}
.rb-mega{
  display:none;position:absolute;top:100%;right:0;left:0;
  background:var(--rb-white);
  -webkit-box-shadow:0 16px 48px rgba(0,0,0,.18);box-shadow:0 16px 48px rgba(0,0,0,.18);
  border-top:3px solid var(--rb-red);z-index:300;
  -webkit-animation:rb-drop var(--rb-m) var(--rb-ease) both;
  animation:rb-drop var(--rb-m) var(--rb-ease) both;
}
.rb-mega-wrap:hover .rb-mega{display:block}
.rb-mega-in{
  max-width:var(--rb-max);margin:0 auto;padding:24px 24px 20px;
  display:-ms-grid;display:grid;
  -ms-grid-columns:1fr 1fr 1fr auto;grid-template-columns:1fr 1fr 1fr auto;
  gap:32px;-webkit-box-align:start;-ms-flex-align:start;align-items:start;
}
.rb-mc h4{
  font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;
  color:var(--rb-muted);margin-bottom:12px;padding-bottom:8px;
  border-bottom:1px solid var(--rb-border);font-family:var(--rb-font);
}
.rb-mc a{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-align:center;-ms-flex-align:center;align-items:center;
  gap:9px;padding:8px 10px;border-radius:var(--rb-r);color:var(--rb-txt);
  font:600 13.5px var(--rb-font);
  -webkit-transition:background var(--rb-f),color var(--rb-f);
  transition:background var(--rb-f),color var(--rb-f);
  margin-bottom:2px;text-decoration:none;
}
.rb-mc a:hover{background:#f0f4ff;color:var(--rb-navy)}
.rb-mc a span:first-child{font-size:17px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}

/* ── LIVE PRICES PANEL ── */
.rb-mlive{
  background:-webkit-linear-gradient(135deg,#1a1a2e,#16213e);
  background:linear-gradient(135deg,#1a1a2e,#16213e);
  border-radius:var(--rb-rmd);padding:18px 20px;color:#fff;min-width:200px;max-width:240px;
}
.rb-mlive-ttl{
  font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;
  color:#94a3b8;margin-bottom:14px;
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-align:center;-ms-flex-align:center;align-items:center;
  gap:6px;font-family:var(--rb-font);
}
.rb-mlive-ttl::before{
  content:'';width:6px;height:6px;background:var(--rb-green);border-radius:50%;
  -webkit-animation:rb-pulse 1.5s infinite;animation:rb-pulse 1.5s infinite;
  -webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;
}
.rb-pr{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;
  -webkit-box-align:center;-ms-flex-align:center;align-items:center;
  padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08);
}
.rb-pr:last-of-type{border-bottom:none}
.rb-pl{font-size:12.5px;color:#94a3b8}
.rb-pv{font-size:14px;font-weight:700;color:#fbbf24;font-feature-settings:"tnum"}
.rb-mlive small{color:#94a3b8;font-size:10px}
.rb-mcta{
  display:block;margin-top:14px;background:var(--rb-red);color:#fff !important;
  text-align:center;padding:8px 12px;border-radius:var(--rb-r);
  font:700 12.5px var(--rb-font);
  -webkit-transition:background var(--rb-f);transition:background var(--rb-f);
  text-decoration:none !important;
}
.rb-mcta:hover{background:var(--rb-red-dk) !important}
.rb-shim{
  display:inline-block;width:56px;height:13px;border-radius:3px;
  background:-webkit-linear-gradient(left,#2d3555 25%,#3d4570 50%,#2d3555 75%);
  background:linear-gradient(to right,#2d3555 25%,#3d4570 50%,#2d3555 75%);
  background-size:200% 100%;
  -webkit-animation:rb-shimmer 1.5s infinite;animation:rb-shimmer 1.5s infinite;
}

/* ── TICKER ── */
.rb-ticker{
  background:var(--rb-dark);border-top:1px solid var(--rb-bdd);
  padding:7px 0;overflow:hidden;min-height:36px;
}
.rb-ticker-in{
  max-width:var(--rb-max);margin:0 auto;padding:0 24px;
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;
}
.rb-ticker-lbl{
  display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;
  -webkit-box-align:center;-ms-flex-align:center;align-items:center;
  gap:5px;background:var(--rb-red);color:#fff;padding:3px 12px;
  border-radius:var(--rb-r);font:700 11px var(--rb-font);white-space:nowrap;
  -webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;
}
.rb-track{overflow:hidden;-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}
.rb-track::before,.rb-track::after{
  content:'';position:absolute;top:0;bottom:0;width:32px;z-index:2;pointer-events:none;
}
.rb-track::before{
  right:0;
  background:-webkit-linear-gradient(right,var(--rb-dark),transparent);
  background:linear-gradient(to left,var(--rb-dark),transparent);
}
.rb-track::after{
  left:0;
  background:-webkit-linear-gradient(left,var(--rb-dark),transparent);
  background:linear-gradient(to right,var(--rb-dark),transparent);
}
.rb-belt{
  display:-webkit-box;display:-ms-flexbox;display:flex;gap:32px;
  -webkit-animation:rb-tick 42s linear infinite;animation:rb-tick 42s linear infinite;
  width:-webkit-max-content;width:-moz-max-content;width:max-content;will-change:transform;
}
.rb-belt:hover{-webkit-animation-play-state:paused;animation-play-state:paused}
.rb-ti{
  color:#cbd5e1;font-size:12.5px;white-space:nowrap;cursor:pointer;
  font-family:var(--rb-font);
  -webkit-transition:color var(--rb-f);transition:color var(--rb-f);text-decoration:none;
}
.rb-ti:hover{color:#fff}
.rb-tsep{color:var(--rb-red);font-size:9px}

/* ── AD SLOT ── */
#rb-ad-slot{
  background:var(--rb-bg);
  border-top:1px solid var(--rb-border);border-bottom:1px solid var(--rb-border);
  text-align:center;padding:4px 0;min-height:52px;
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-align:center;-ms-flex-align:center;align-items:center;
  -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;
  overflow:hidden;
}

/* ── OVERLAY ── */
.rb-ov{
  display:none;position:fixed;inset:0;background:rgba(0,0,0,.6) !important;
  z-index:2147483646 !important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
}
.rb-ov.rb-on{display:block !important;-webkit-animation:rb-fi var(--rb-m) forwards;animation:rb-fi var(--rb-m) forwards;}

/* ── SIDEBAR INTERNALS (Protected from RTL & Theme Overrides) ── */
.rb-sidebar { direction: rtl !important; text-align: right !important; }
.rb-sb-hd {
  background-color:#0f172a !important; padding: 20px 18px !important;
  display:-webkit-box !important; display:-ms-flexbox !important; display:flex !important;
  -webkit-box-pack:justify !important; -ms-flex-pack:justify !important; justify-content:space-between !important;
  -webkit-box-align:center !important; -ms-flex-align:center !important; align-items:center !important;
  -webkit-flex-shrink:0 !important; -ms-flex-negative:0 !important; flex-shrink:0 !important;
  min-height: 70px !important; width: 100% !important; box-sizing: border-box !important;
}
.rb-sb-logo { color:#ffffff !important; font:900 20px var(--rb-font) !important; margin:0 !important; display:block !important;}
.rb-sb-close {
  color:#ffffff !important; font-size:22px !important; cursor:pointer !important;
  background:rgba(255,255,255,0.1) !important; border:none !important;
  width:36px !important; height:36px !important; border-radius:6px !important;
  display:-webkit-box !important; display:-ms-flexbox !important; display:flex !important;
  -webkit-box-align:center !important; -ms-flex-align:center !important; align-items:center !important;
  -webkit-box-pack:center !important; -ms-flex-pack:center !important; justify-content:center !important;
  line-height:1 !important; padding:0 !important; margin:0 !important;
}
.rb-sb-close:hover { background:rgba(255,255,255,0.2) !important; }
.rb-sb-srch { padding:15px !important; border-bottom:1px solid #e4e7ed !important; background:#ffffff !important; width:100% !important; box-sizing:border-box !important; flex-shrink:0 !important;}
.rb-sb-srch form { margin:0 !important; display:block !important; }
.rb-sb-srch input {
  width:100% !important; padding:10px 15px !important; border:1.5px solid #e4e7ed !important;
  border-radius:100px !important; font:13px var(--rb-font) !important; direction:rtl !important;
  outline:none !important; color:#1a1a2e !important; background-color:#f4f6f9 !important;
  box-shadow:none !important; margin:0 !important; height:auto !important; box-sizing:border-box !important;
}
.rb-sb-srch input:focus { border-color:#16213e !important; }
.rb-sb-body { -webkit-box-flex:1 !important; -ms-flex:1 !important; flex:1 !important; overflow-y:auto !important; background:#ffffff !important; width:100% !important; }
.rb-sb-sec {
  padding:15px 18px 8px !important; font-size:11px !important; color:#64748b !important;
  font-weight:700 !important; text-transform:uppercase !important; margin:0 !important;
  background:#ffffff !important; border:none !important; text-align:right !important;
}
.rb-sbi {
  display:-webkit-box !important; display:-ms-flexbox !important; display:flex !important;
  -webkit-box-align:center !important; -ms-flex-align:center !important; align-items:center !important;
  gap:12px !important; padding:12px 18px !important; color:#1a1a2e !important;
  font:600 14px var(--rb-font) !important; text-decoration:none !important;
  border-bottom:1px solid #f3f4f6 !important; background:#ffffff !important;
  margin:0 !important; box-shadow:none !important; text-align:right !important;
}
.rb-sbi:hover { background-color:#f0f4ff !important; color:#16213e !important; }
.rb-sbico {
  width:36px !important; height:36px !important; border-radius:6px !important;
  display:-webkit-box !important; display:-ms-flexbox !important; display:flex !important;
  -webkit-box-align:center !important; -ms-flex-align:center !important; align-items:center !important;
  -webkit-box-pack:center !important; -ms-flex-pack:center !important; justify-content:center !important;
  font-size:17px !important; -webkit-flex-shrink:0 !important; -ms-flex-negative:0 !important; flex-shrink:0 !important;
  border:none !important; margin:0 !important; opacity:1 !important;
}
.rb-sb-div { height:6px !important; background-color:#f4f6f9 !important; border-top:1px solid #e4e7ed !important; border-bottom:1px solid #e4e7ed !important; margin:0 !important;}
.rb-sb-ft { padding:15px 18px 25px !important; border-top:1px solid #e4e7ed !important; -webkit-flex-shrink:0 !important; -ms-flex-negative:0 !important; flex-shrink:0 !important; background:#ffffff !important;}

/* ── ICON BACKGROUNDS ── */
.rb-bg-blue { background-color: #e8f4fd !important; }
.rb-bg-orange { background-color: #fff0e8 !important; }
.rb-bg-green { background-color: #f0fdf4 !important; }
.rb-bg-lgreen { background-color: #e8fde8 !important; }
.rb-bg-purple { background-color: #ede8fd !important; }
.rb-bg-pink { background-color: #fde8f4 !important; }
.rb-bg-yellow { background-color: #fdf4e8 !important; }
.rb-bg-red { background-color: #fde8e8 !important; }

/* ── DARK MODE OVERRIDES ── */
body.rb-dark .rb-mh{background:var(--rb-white)}
body.rb-dark .rb-srch-form{background:#161929;border-color:#2d3555}
body.rb-dark .rb-srch-inp{color:#e2e8f0}
body.rb-dark .rb-btn-ico{border-color:#2d3555;color:#94a3b8}
body.rb-dark .rb-btn-ico:hover{border-color:#94a3b8;color:#e2e8f0}
body.rb-dark .rb-drop{background:#1e2235}
body.rb-dark .rb-drop a{color:#cbd5e1;border-bottom-color:#2d3555}
body.rb-dark .rb-drop a:hover{background:#252c47}
body.rb-dark .rb-sug{background:#1e2235;border-color:#2d3555}
body.rb-dark .rb-sug-item{color:#cbd5e1;border-bottom-color:#252c47}
body.rb-dark .rb-sug-item:hover{background:#252c47}
body.rb-dark .rb-sug-hd{border-bottom-color:#2d3555}
body.rb-dark .rb-mega{background:#1e2235}
body.rb-dark .rb-mc a{color:#cbd5e1}
body.rb-dark .rb-mc a:hover{background:#252c47}
body.rb-dark .rb-mc h4{border-bottom-color:#2d3555}
body.rb-dark #rb-ad-slot{background:#161929;border-color:#2d3555}
body.rb-dark .rb-ham span{background:#e2e8f0}
body.rb-dark .rb-ndot{border-color:#1e2235}

/* Protected Dark Mode for Sidebar */
body.rb-dark .rb-sidebar { background:#1e2235 !important; }
body.rb-dark .rb-sb-body { background:#1e2235 !important; }
body.rb-dark .rb-sbi { color:#cbd5e1 !important; border-bottom-color:#2d3555 !important; background:#1e2235 !important; }
body.rb-dark .rb-sbi:hover { background:#252c47 !important; color:#ffffff !important; }
body.rb-dark .rb-sb-div { background:#2d3555 !important; border-color:#2d3555 !important; }
body.rb-dark .rb-sb-sec { background:#1e2235 !important; color:#94a3b8 !important; }
body.rb-dark .rb-sb-srch { background:#1e2235 !important; border-bottom-color:#2d3555 !important; }
body.rb-dark .rb-sb-srch input { background:#161929 !important; border-color:#2d3555 !important; color:#e2e8f0 !important; }
body.rb-dark .rb-sb-ft { background:#1e2235 !important; border-top-color:#2d3555 !important; }

/* ── KEYFRAMES ── */
@-webkit-keyframes rb-pulse{
  0%,100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
  50%{opacity:.45;-webkit-transform:scale(.65);transform:scale(.65)}
}
@keyframes rb-pulse{
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:.45;transform:scale(.65)}
}
@-webkit-keyframes rb-mic{
  0%{-webkit-box-shadow:0 0 0 0 rgba(192,57,43,.7);box-shadow:0 0 0 0 rgba(192,57,43,.7)}
  70%{-webkit-box-shadow:0 0 0 10px rgba(192,57,43,0);box-shadow:0 0 0 10px rgba(192,57,43,0)}
  100%{-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent}
}
@keyframes rb-mic{
  0%{box-shadow:0 0 0 0 rgba(192,57,43,.7)}
  70%{box-shadow:0 0 0 10px rgba(192,57,43,0)}
  100%{box-shadow:0 0 0 0 transparent}
}
@-webkit-keyframes rb-drop{
  from{opacity:0;-webkit-transform:translateY(-6px);transform:translateY(-6px)}
  to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes rb-drop{
  from{opacity:0;transform:translateY(-6px)}
  to{opacity:1;transform:translateY(0)}
}
@-webkit-keyframes rb-fi{from{opacity:0}to{opacity:1}}
@keyframes rb-fi{from{opacity:0}to{opacity:1}}
@-webkit-keyframes rb-shimmer{
  0%{background-position:200% 0}100%{background-position:-200% 0}
}
@keyframes rb-shimmer{
  0%{background-position:200% 0}100%{background-position:-200% 0}
}
@-webkit-keyframes rb-tick{
  from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
  to{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}
}
@keyframes rb-tick{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}

/* ════════════════════════════════════════════════
   RESPONSIVE
   ════════════════════════════════════════════════ */

/* ── 1100px ── */
@media (max-width:1100px){
  .rb-mh-in{gap:18px}
  .rb-srch-wrap{max-width:520px}
  .rb-mega-in{-ms-grid-columns:1fr 1fr auto;grid-template-columns:1fr 1fr auto}
  .rb-mega-in>.rb-mc:nth-child(3){display:none}
}

/* ── 900px ── */
@media (max-width:900px){
  .rb-tb-l{display:none}
  .rb-logo-tag{display:none}
  .rb-srch-wrap{max-width:400px}
  .rb-btn-cta{display:none}
}

/* ════ 768px — الموبايل الرئيسي ════ */
@media (max-width:768px){
  .rb-tb-r{gap:6px}
  .rb-fin-lnk,.rb-sep-fin{display:none}
  .rb-tb-date,.rb-tb-hijri{display:none}
  .rb-tb-l{display:none}
  .rb-tb-in{padding:0 12px}

  .rb-mh{padding:0;min-height:auto}
  .rb-mh-in{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    max-width:100%;
    margin:0;
    padding:0;
    gap:0;
  }

  .rb-logo{
    -webkit-box-flex:1;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    -webkit-order:1;
    -ms-flex-order:1;
    order:1;
    padding:10px 12px;
    min-width:0;
  }

  .rb-acts{
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    -webkit-order:2;
    -ms-flex-order:2;
    order:2;
    padding:10px 12px;
    gap:6px;
  }

  .rb-srch-wrap{
    -webkit-box-flex:0;
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    width:100%;
    max-width:100%;
    -webkit-order:3;
    -ms-flex-order:3;
    order:3;
    margin:0;
    padding:0 12px 11px;
    border-top:1px solid var(--rb-border);
    background:var(--rb-bg);
    position:relative;
  }
  body.rb-dark .rb-srch-wrap{
    background:rgba(22,25,41,.7);
    border-top-color:var(--rb-border);
  }

  .rb-srch-form{
    border-radius:var(--rb-r);
    margin-top:11px;
  }
  .rb-srch-inp{
    font-size:14px;
    padding:10px 46px 10px 14px;
  }
  .rb-srch-btn{
    padding:0 16px;
    min-width:50px;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
  }
  .rb-srch-btn-txt{display:none}

  .rb-sug{
    right:0;
    left:0;
    top:calc(100% + 4px);
    border-radius:0 0 var(--rb-rmd) var(--rb-rmd);
  }

  .rb-logo-img{height:38px}
  .rb-logo-name{font-size:17px}
  .rb-logo-tag{display:none}

  .rb-btn-cta{display:none}
  .rb-btn-ico{width:38px;height:38px}
  .rb-btn-login{padding:7px 13px;font-size:12px}

  .rb-ham{display:-webkit-box;display:-ms-flexbox;display:flex}

  .rb-nav{display:none}
  .rb-ticker{display:none}
  #rb-ad-slot{display:none}

  #rb-hdr.rb-scrolled .rb-mh{padding:0}
  #rb-hdr.rb-scrolled .rb-logo-img{height:34px}
}

/* ════ 480px — الهواتف الصغيرة ════ */
@media (max-width:480px){
  .rb-tb-in{padding:0 10px}
  .rb-logo{padding:9px 10px}
  .rb-acts{padding:9px 10px;gap:5px}
  .rb-srch-wrap{padding:0 10px 10px}
  .rb-srch-form{margin-top:10px}
  .rb-logo-img{height:34px}
  .rb-logo-name{font-size:15px}
  .rb-btn-ico{width:36px;height:36px}
  .rb-srch-inp{font-size:13.5px;padding:9px 42px 9px 12px}
  .rb-srch-btn{min-width:46px}
}

/* ════ 360px — الهواتف الضيقة جداً ════ */
@media (max-width:360px){
  .rb-logo-name{font-size:14px}
  .rb-btn-login{display:none}
  .rb-btn-ico{width:34px;height:34px}
  .rb-acts{gap:4px}
  .rb-logo{padding:8px 10px}
  .rb-acts{padding:8px 10px}
}

/* ── Astra conflict guards ── */
#rb-hdr .ast-container,
#rb-hdr .main-header-bar,
#rb-hdr .ast-primary-header-bar{display:none !important}
body.ast-header-break-point #rb-hdr{position:-webkit-sticky;position:sticky}