:root{
  --bg:#ffffff;
  --txt:#111827;
  --muted:#6b7280;
  --brand:#2563eb;
  --line:#e5e7eb;
  --card:#ffffff;
  --radius:14px;
  --shadow:0 6px 24px rgba(0,0,0,.06);

  --s1:6px; --s2:10px; --s3:14px; --s4:18px; --s5:24px;
  --h2:20px; --h3:16px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--txt);font-family:'Cairo',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.container{width:min(1180px,92vw);margin-inline:auto}
.muted{color:var(--muted)}
.link{color:var(--brand)}

/* Header */
.site-header{background:#fff;border-bottom:1px solid var(--line)}
.hdr{direction: ltr;display:flex;align-items:center;justify-content:space-between;padding:var(--s3) 0}
.brand{font-weight:800;font-size:26px}
.brand span{color:var(--brand)}

/* Sections */
.main{padding:var(--s5) 0 48px}
.section{margin:var(--s5) 0}
.section__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s3)}
.section__head h2{margin:0;font-size:var(--h2)}

/* Cards + grids */
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.card img{width:100%;height:170px;object-fit:cover}
.card__body{padding:var(--s3)}
.card__title{margin:0 0 var(--s2);font-size:var(--h3)}
.card__meta{display:flex;gap:var(--s3);align-items:center;color:var(--muted);font-size:13px}
.card--flat{box-shadow:none}

.grid{display:grid;gap:var(--s3)}
.grid--4{grid-template-columns:repeat(4,1fr)}
.grid--6{grid-template-columns:repeat(6,1fr)}
.skel{min-height:180px;background:linear-gradient(100deg,#f8fafc,#eef2f7,#f8fafc);background-size:200% 100%;animation:shimmer 1.25s infinite linear;border:1px solid var(--line);border-radius:var(--radius)}
@keyframes shimmer{to{background-position:-200% 0}}

/* Promo (إعلان مميز — صورة فقط وبارتفاع صغير) */
.promo{position:relative}
.promo--loading{min-height:160px}
.promo__inner.only-media{display:block}
.promo__media img{width:100%;height:160px;object-fit:cover}

/* Couriers */
.couriers{display:grid;gap:var(--s2)}
.courier{display:grid;grid-template-columns:28px 1fr auto;gap:var(--s2);align-items:center;border:1px solid var(--line);border-radius:12px;background:#fff;padding:8px 10px}
.courier__ico{width:20px;height:20px;color:#374151}
.courier__text{line-height:1.2}
.courier__label{display:block;font-size:12px;color:var(--muted)}
.courier__name{font-weight:700}

.btn{border:1px solid var(--line);background:#fff;color:var(--brand);padding:5px 9px;border-radius:999px;cursor:pointer;font-size:12px}

/* News (قائمة جانبية) */
.news-list{display:grid;gap:var(--s3)}
.news{display:grid;grid-template-columns:160px 1fr;gap:var(--s3);border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.news__img{width:100%;height:100%;object-fit:cover}
.news__body{padding:var(--s3)}
.news__title{margin:0 0 var(--s2);font-size:var(--h3)}
.news__sum{margin:0 0 var(--s2)}

/* Friends */
.friend{display:flex;gap:var(--s2);align-items:center;border:1px dashed var(--line);padding:10px;border-radius:12px;background:#fff}
.friend img{width:28px;height:28px;border-radius:6px;object-fit:contain}

/* Layout & Tabs */
.layout--2-1{display:grid;grid-template-columns:2fr 1fr;gap:var(--s3)}
.price{color:#0b8ec9;font-weight:700}
.empty{padding:16px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);text-align:center}

.tabs{display:flex;gap:6px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:4px}
.tab{border:0;background:transparent;color:var(--txt);padding:8px 12px;border-radius:10px;cursor:pointer}
.tab.is-active{background:var(--brand);color:#fff;font-weight:700}

/* ======== تنسيقات مساعدة لكتلة AdSense المرسلة ======== */
.rtl{direction: rtl;}
.mb-2{margin-bottom:12px;}
.mt-2{margin-top:12px;}
.card-header{
  padding:10px 12px;
  border-bottom:1px solid var(--line);
  background:#f9fafb;
  font-weight:700;
  font-size:14px;
}
.card-body{padding:12px}
.blockquote{margin:0}
.mb-0{margin-bottom:0}
.adsbygoogle{display:block}

/* Responsive */
@media (max-width:1024px){
  .layout--2-1{grid-template-columns:1fr}
  .grid--6{grid-template-columns:repeat(4,1fr)}
  .grid--4{grid-template-columns:repeat(3,1fr)}
  .promo__media img{height:150px}
}
@media (max-width:768px){
  .grid--6{grid-template-columns:repeat(3,1fr)}
  .grid--4{grid-template-columns:repeat(2,1fr)}
  .news{grid-template-columns:1fr}
  .news__img{height:140px}
}
@media (max-width:480px){
  .grid--6,.grid--4{grid-template-columns:1fr}
  .promo__media img{height:140px}
}
/* … (اترك بقية ملفك كما هو) … */

/* Rates (بطاقة أسعار العملات) */
.rates{padding:0}
.rt__row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px dashed var(--line)}
.rt__row:last-child{border-bottom:0}
.rt__l{display:flex;align-items:center;gap:10px}
.rt__cc{display:inline-block;min-width:42px;text-align:center;background:#eef2ff;color:#1e3a8a;border-radius:999px;padding:2px 8px;font-size:12px}
.rt__nm{color:var(--muted);font-size:13px}
.rt__r{text-align:left}
.rt__price{font-weight:800}
.rt__asof{padding:8px 12px;border-top:1px dashed var(--line);font-size:12px}

/* Weather (بطاقة حالة الطقس) */
.weather{padding:12px}
.wx{display:flex;flex-direction:column;gap:10px}
.wx__main{display:flex;align-items:baseline;gap:10px}
.wx__temp{font-size:28px;font-weight:800;line-height:1}
.wx__desc{color:var(--muted)}
.wx__meta{display:flex;gap:12px}
.wx__meta > div{display:flex;flex-direction:column;align-items:center;gap:2px;background:#f8fafc;border:1px solid var(--line);border-radius:10px;padding:6px 8px;min-width:72px}
.wx__place{margin-top:4px;font-size:12px}

/* Skeleton tweaks */
.skel{min-height:60px}
.mt{margin-top:16px}
/* عرض كل حقول RSS تقريبًا داخل بطاقة الخبر */
.news__meta{display:flex;gap:10px;align-items:center;margin-top:6px}
.news__by{font-size:12px}
.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.tag{font-size:11px;background:#eef2ff;color:#1e3a8a;border-radius:999px;padding:3px 8px}
.news__img.ph{background:#f3f4f6;height:100%;min-height:100px}

  /* ===== Quick Pills Nav ===== */
.quick-nav{position:relative;background:#fff;border-bottom:1px solid #e5e7eb}
.quick-nav__wrap{
  display:flex; gap:10px; padding:10px 0; align-items:center;
  overflow:auto hidden; scrollbar-width:none;
}
.quick-nav__wrap::-webkit-scrollbar{display:none}

/* زرّ الحبة */
.qbtn{
  --brand:#612f8a; --accent:#f6c02a;
  display:inline-flex; align-items:center; gap:8px;
  padding:10px 14px; line-height:1; font-weight:800; text-decoration:none;
  color:#111; background:#f9fafb; border:1px solid #e5e7eb; border-radius:999px;
  transition:transform .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
  white-space:nowrap;
}
.qbtn svg{width:18px;height:18px;flex:0 0 18px;opacity:.9}
.qbtn:hover{background:#fff;border-color:#d1d5db;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.qbtn:active{transform:translateY(1px)}

/* حالة مفعّل */
.qbtn.is-active{
  background:linear-gradient(135deg, var(--brand), var(--accent));
  color:#fff; border-color:transparent;
}
.qbtn.is-active svg{opacity:1}

/* حافة تمرير لطيفة على الهواتف */
.quick-nav::after{
  content:""; position:absolute; inset-inline-end:0; top:0; bottom:0; width:24px;
  pointer-events:none; background:linear-gradient(to left, #fff, rgba(255,255,255,0));
}

/* استجابة */
@media (max-width:720px){
  .qbtn{padding:10px 12px; font-weight:700}
}