/* =========================================================
   الاتحاد نت — نظام التصميم (قالب إخباري)
   RTL · Light/Dark · Responsive · IBM Plex Sans Arabic
   ========================================================= */

:root {
  --red: #d81f27; --red-600:#c01a22; --red-700:#a3151c;
  --blue:#2563eb; --navy:#14233f;
  --ink:#15181f; --ink-2:#3d4350; --muted:#6b7280;
  --line:#e6e8ec; --line-2:#eef0f3;
  --bg:#f3f4f6; --bg-2:#eceef1; --card:#ffffff; --card-2:#fafbfc;
  --dark:#0f1115; --dark-2:#171a20;
  --shadow-xs:0 1px 2px rgba(16,20,30,.06);
  --shadow-sm:0 2px 8px rgba(16,20,30,.08);
  --shadow-md:0 8px 24px rgba(16,20,30,.10);
  --shadow-lg:0 18px 50px rgba(16,20,30,.16);
  --ring:0 0 0 3px rgba(216,31,39,.18);
  --r-sm:8px; --r:12px; --r-lg:18px; --r-pill:999px;
  --container:1280px; --gap:24px;
  --font:"Cairo","Segoe UI",Tahoma,sans-serif;
  --font-head:"Cairo","Segoe UI",sans-serif;
}
[data-theme="dark"]{
  --ink:#e9eaef; --ink-2:#c2c7d2; --muted:#8b91a0;
  --line:#262c39; --line-2:#20242f;
  --bg:#0d0f14; --bg-2:#11141b; --card:#161a23; --card-2:#1b202b;
  --dark:#070809; --dark-2:#10131a;
  --shadow-xs:0 1px 2px rgba(0,0,0,.4); --shadow-sm:0 2px 10px rgba(0,0,0,.45);
  --shadow-md:0 10px 28px rgba(0,0,0,.5); --shadow-lg:0 20px 55px rgba(0,0,0,.6);
  --red:#f0353d; --blue:#5b9be8;
}

*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--font);background:var(--bg);color:var(--ink);line-height:1.7;font-size:16px;overflow-x:clip;transition:background .3s,color .3s}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none;transition:color .18s}
ul{list-style:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
input{font-family:inherit}
h1,h2,h3,h4{font-family:var(--font-head);font-weight:700;line-height:1.4;color:var(--ink)}
::selection{background:var(--red);color:#fff}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:var(--bg-2)}
::-webkit-scrollbar-thumb{background:#c2c6cf;border-radius:10px;border:3px solid var(--bg-2)}
[data-theme="dark"] ::-webkit-scrollbar-thumb{background:#333a48}

.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:18px}
.hide{display:none!important}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(216,31,39,.55)}70%{box-shadow:0 0 0 8px rgba(216,31,39,0)}100%{box-shadow:0 0 0 0 rgba(216,31,39,0)}}

/* chips & meta */
.chip-cat{display:inline-flex;align-items:center;font-family:var(--font-head);font-weight:700;font-size:11.5px;color:#fff;background:var(--red);padding:3px 11px;border-radius:var(--r-pill)}
.chip-cat.alt{background:var(--blue)} .chip-cat.orange{background:#ea580c} .chip-cat.purple{background:#7c3aed}
.chip-cat.green{background:#16a34a} .chip-cat.navy{background:var(--navy)}
.meta{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12.5px}
.meta .m{display:inline-flex;align-items:center;gap:5px}.meta svg{width:13px;height:13px}

/* =========================================================
   TOP BAR
   ========================================================= */
.topbar{background:var(--dark);color:#cbd2dc;font-size:13px}
.topbar__in{display:flex;align-items:center;justify-content:space-between;min-height:40px;gap:14px}
.topbar__social{display:flex;gap:2px}
.topbar__social a{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;color:#cbd2dc;transition:all .18s}
.topbar__social a svg{width:15px;height:15px}
.topbar__social a:hover{background:rgba(255,255,255,.12);color:#fff}
.topbar__links{display:flex;gap:18px}
.topbar__links a{color:#b3bbc8;font-size:13px}
.topbar__links a:hover{color:#fff}
.topbar__meta{display:flex;align-items:center;gap:10px;white-space:nowrap}
.topbar__meta .chip{display:inline-flex;align-items:center;gap:6px}
.topbar__meta .chip svg{width:14px;height:14px;opacity:.8}
.topbar__meta .live-clock{color:#fff;font-weight:700;font-variant-numeric:tabular-nums}
.topbar__meta .sep{width:1px;height:13px;background:rgba(255,255,255,.18)}

/* =========================================================
   MAIN HEADER
   ========================================================= */
.mhead{background:var(--card);border-bottom:1px solid var(--line)}
.mhead__in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:104px;gap:12px}
.mhead__side{display:flex;align-items:center;gap:8px}
.mhead__menu{justify-self:start}.mhead__tools{justify-self:end}
.mhead__logo{justify-self:center;display:flex}
.mhead__logo img{height:74px;width:auto}
[data-theme="dark"] .mhead__logo img{background:#fff;padding:5px 12px;border-radius:10px}
.icon-btn{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:var(--ink-2);background:var(--bg);transition:all .18s}
.icon-btn:hover{background:var(--red);color:#fff}
.icon-btn svg{width:20px;height:20px}
.live-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:var(--r-pill);border:1.6px solid var(--red);color:var(--red);font-family:var(--font-head);font-weight:700;font-size:14px;white-space:nowrap;transition:all .18s}
.live-btn svg{width:17px;height:17px}
.live-btn:hover{background:var(--red);color:#fff}
.live-dot{width:8px;height:8px;border-radius:50%;background:var(--red);animation:pulse 1.6s infinite}
.live-btn:hover .live-dot{background:#fff}
.hamburger{display:none}

/* SEARCH BAR (overlay) */
.search-bar{background:var(--card);border-bottom:1px solid var(--line);max-height:0;overflow:hidden;transition:max-height .32s ease}
.search-bar.open{max-height:90px}
.search-bar .container{display:flex;align-items:center;gap:10px;padding-block:14px}
.search-box{flex:1;display:flex;align-items:center;background:var(--bg);border:1.5px solid var(--line);border-radius:var(--r-pill);padding:4px;padding-inline-start:18px;transition:all .2s}
.search-box:focus-within{border-color:var(--red);box-shadow:var(--ring);background:var(--card)}
.search-box input{flex:1;border:none;background:none;outline:none;color:var(--ink);font-size:14.5px;padding:7px 4px}
.search-box input::placeholder{color:var(--muted)}
.search-box button{width:36px;height:36px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;flex-shrink:0}
.search-box button:hover{background:var(--red-700)}.search-box button svg{width:17px;height:17px}
.search-bar__close{flex-shrink:0}

/* =========================================================
   NAV
   ========================================================= */
.nav{background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:60;box-shadow:0 5px 14px rgba(16,20,30,.07)}
.nav.stuck{box-shadow:var(--shadow-md)}
.nav__inner{display:flex;align-items:center}
.nav__menu{display:flex;align-items:stretch;flex:1}
.nav__menu>li>a{display:flex;align-items:center;gap:6px;padding:0 15px;height:50px;font-family:var(--font-head);font-weight:700;font-size:14.5px;color:var(--ink-2);position:relative;white-space:nowrap}
.nav__menu>li>a::after{content:"";position:absolute;bottom:0;inset-inline:12px;height:3px;border-radius:3px 3px 0 0;background:var(--red);transform:scaleX(0);transition:transform .22s}
.nav__menu>li>a:hover,.nav__menu>li.active>a{color:var(--red)}
.nav__menu>li>a:hover::after,.nav__menu>li.active>a::after{transform:scaleX(1)}
.nav__menu .home a{color:var(--red)}
.nav__more{position:relative}.nav__more>a{cursor:pointer}
.nav__more .submenu{position:absolute;inset-inline-end:0;top:100%;min-width:190px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-lg);padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:all .2s;z-index:80}
.nav__more:hover .submenu{opacity:1;visibility:visible;transform:translateY(0)}
.nav__more .submenu a{display:block;padding:9px 12px;border-radius:8px;font-size:14px;font-weight:600;color:var(--ink-2)}
.nav__more .submenu a:hover{background:var(--bg);color:var(--red)}

/* =========================================================
   TICKER
   ========================================================= */
.ticker{margin-top:14px}
.ticker__bar{display:flex;align-items:stretch;height:46px;background:#c8102e;color:#fff;border-radius:10px;overflow:hidden}
.ticker__label{font-family:var(--font-head);font-weight:800;font-size:14px;display:flex;align-items:center;gap:7px;padding-inline:18px;background:rgba(0,0,0,.16);white-space:nowrap;position:relative}
.ticker__label svg{width:16px;height:16px}
.ticker__viewport{flex:1;overflow:hidden;position:relative;direction:ltr}
.ticker__track{display:flex;align-items:center;gap:40px;height:46px;white-space:nowrap;width:max-content;will-change:transform;animation:ticker-move 55s linear infinite}
.ticker:hover .ticker__track{animation-play-state:paused}
.ticker__track a{font-size:14px;font-weight:600;color:#fff;display:inline-flex;align-items:center;gap:12px;direction:rtl}
.ticker__track a::before{content:"";width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.7);flex-shrink:0}
.ticker__track a:hover{text-decoration:underline}
@keyframes ticker-move{from{transform:translateX(-50%)}to{transform:translateX(0)}}

/* =========================================================
   ADS
   ========================================================= */
.ad{position:relative;display:grid;place-items:center;text-align:center;background:repeating-linear-gradient(-45deg,transparent,transparent 12px,rgba(0,0,0,.018) 12px,rgba(0,0,0,.018) 24px),var(--card-2);border:1.5px dashed var(--line);border-radius:var(--r);color:var(--muted);overflow:hidden}
[data-theme="dark"] .ad{background:repeating-linear-gradient(-45deg,transparent,transparent 12px,rgba(255,255,255,.02) 12px,rgba(255,255,255,.02) 24px),var(--card-2)}
.ad__tag{position:absolute;top:8px;inset-inline-end:8px;font-size:10px;letter-spacing:.5px;color:var(--muted);background:var(--bg);border:1px solid var(--line);padding:2px 8px;border-radius:6px}
.ad__inner{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px}
.ad__inner b{font-family:var(--font-head);color:var(--ink-2);font-size:15px}
.ad__inner small{font-size:11.5px;opacity:.8;direction:ltr}
.ad--leaderboard{min-height:100px;margin-block:var(--gap)}
.ad--box{min-height:100%}

/* =========================================================
   SECTION HEAD / COL HEAD
   ========================================================= */
.section{margin-top:26px}
.section-head{display:flex;align-items:center;gap:11px;margin-bottom:18px}
.section-head .bar,.col-head .bar{width:6px;height:24px;border-radius:4px;background:linear-gradient(var(--red),var(--red-700));flex-shrink:0}
.section-head h2{font-size:20px}
.section-head .line{flex:1;height:1px;background:var(--line)}
.col-head{display:flex;align-items:center;gap:9px;margin-bottom:13px;padding-bottom:12px;border-bottom:2px solid var(--line)}
.col-head h2{font-size:17px}
.more-link{font-size:13px;font-weight:700;color:var(--muted);margin-inline-start:auto}
.more-link:hover{color:var(--red)}
.more-btn{display:block;text-align:center;padding:10px;border-radius:10px;background:var(--bg);color:var(--ink-2);font-weight:700;font-size:13.5px;margin-top:12px;transition:all .18s}
.more-btn:hover{background:var(--red);color:#fff}

/* =========================================================
   HERO 3-COL
   ========================================================= */
.hero3{display:grid;grid-template-columns:258px minmax(0,1fr) 290px;gap:20px;margin-top:22px}
/* الترتيب البصري (RTL): بطاقات يمين · المميّز وسط · آخر الأخبار يسار */
.hero3__side{order:1}.hero3__feature{order:2}.hero3__latest{order:3}
.hero3__latest{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px;box-shadow:var(--shadow-xs);display:flex;flex-direction:column}
.latest-list{display:flex;flex-direction:column}
.latest-list li{border-bottom:1px solid var(--line-2)}
.latest-list li:last-child{border-bottom:none}
.latest-list a{display:flex;gap:10px;padding:8px 0}
.hero3__latest .more-btn{margin-top:auto;padding:8px}
.latest-list .t{width:56px;height:50px;border-radius:8px;overflow:hidden;flex-shrink:0}
.latest-list .t img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.latest-list a:hover .t img{transform:scale(1.08)}
.latest-list h4{font-size:13.5px;line-height:1.55;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.latest-list a:hover h4{color:var(--red)}
.latest-list .m{font-size:11.5px;color:var(--muted);margin-top:4px;display:block}

/* feature slider */
.hero3__feature{min-height:0}
.feature-slider{position:relative;border-radius:var(--r-lg);overflow:hidden;height:100%;min-height:360px;box-shadow:var(--shadow-md)}
.feature-track{display:flex;height:100%;transition:transform .5s ease}
.feature-slide{min-width:100%;position:relative}
.feature-slide>a{position:absolute;inset:0;display:block}
.feature-slide img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.feature-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,12,22,.95),rgba(8,12,22,.35) 55%,transparent 82%)}
.feature-cap{position:absolute;inset-inline:0;bottom:0;padding:26px 30px 54px;z-index:2;pointer-events:none}
.feature-cap a{pointer-events:auto}
.feature-cap h2{color:#fff;font-size:27px;line-height:1.42;margin:12px 0 10px;text-shadow:0 2px 14px rgba(0,0,0,.4)}
.feature-cap p{color:rgba(255,255,255,.84);font-size:14.5px;max-width:92%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.feature-cap .meta{color:rgba(255,255,255,.78);margin-top:10px}
.feature-arrows{position:absolute;bottom:16px;left:18px;z-index:3;display:flex;gap:8px;direction:ltr}
.feature-arrow{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;color:#15181f;box-shadow:var(--shadow-sm);transition:all .18s}
.feature-arrow svg{width:18px;height:18px}
.feature-arrow:hover{background:var(--red);color:#fff}
.feature-dots{position:absolute;bottom:18px;inset-inline:0;display:flex;justify-content:center;gap:7px;z-index:3}
.feature-dots button{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.45);transition:all .2s}
.feature-dots button.active{background:#fff;width:22px;border-radius:5px}

/* stack cards */
.hero3__side{display:flex;flex-direction:column;gap:16px}
.stack-card{position:relative;border-radius:var(--r);overflow:hidden;flex:1;min-height:106px;display:flex;align-items:center;justify-content:flex-start;box-shadow:var(--shadow-sm)}
.stack-card>a:first-child{position:absolute;inset:0;z-index:1}
.stack-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.stack-card:hover img{transform:scale(1.06)}
/* تدرّج داكن جهة اليمين · فاتح جهة اليسار */
.stack-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to left,rgba(8,11,20,.96),rgba(8,11,20,.62) 42%,rgba(8,11,20,.12));z-index:1}
.stack-card__cap{position:relative;z-index:2;padding:12px 15px;max-width:74%;pointer-events:none}
.stack-card__cap a{pointer-events:auto}
.stack-card__cap .chip-cat{margin-bottom:7px}
.stack-card__cap h3,.stack-card__cap h3 a{color:#fff;font-size:14px;line-height:1.5}
.stack-card__cap h3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* =========================================================
   SECTIONS (أبرز الأقسام) + AD
   ========================================================= */
.sections{display:grid;grid-template-columns:1fr minmax(0,1.7fr);gap:20px;margin-top:26px;align-items:stretch}
.sections__main{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px 20px;box-shadow:var(--shadow-xs)}
.cat-circles{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-top:6px}
.cat-circle{display:flex;flex-direction:column;align-items:center;gap:9px;padding:12px 4px;border-radius:var(--r);transition:background .18s}
.cat-circle:hover{background:var(--bg)}
.cat-circle__ic{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 13%,transparent);color:var(--c);transition:all .2s}
.cat-circle__ic svg{width:26px;height:26px}
.cat-circle:hover .cat-circle__ic{background:var(--c);color:#fff;transform:translateY(-3px)}
.cat-circle__nm{font-family:var(--font-head);font-weight:700;font-size:13.5px;color:var(--ink)}
.cat-circle:hover .cat-circle__nm{color:var(--c)}

/* أقسام الموقع */
.cat-blocks{margin-top:26px;display:flex;flex-direction:column;gap:20px}
.cat-duo{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.cat-block{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px 20px;box-shadow:var(--shadow-xs)}
.cat-block__head{display:flex;align-items:center;gap:9px;margin-bottom:14px;padding-bottom:12px;border-bottom:2px solid var(--line)}
.cat-block__head .bar{width:5px;height:22px;border-radius:3px;background:var(--red)}
.cat-block__head h3{font-size:18px}
.cat-block__head h3 a{color:inherit;text-decoration:none;transition:color .15s}
.cat-block__head h3 a:hover{color:var(--red)}
.cat-block__head .more-link{margin-inline-start:auto}
.cat-feed{display:flex;flex-direction:column}
.cat-feed li{border-top:1px solid var(--line-2)}
.cat-feed li:first-child{border-top:none}
.cat-feed a{display:flex;gap:12px;padding:11px 0;align-items:flex-start}
.cat-feed .thumb{width:96px;height:68px;border-radius:8px;overflow:hidden;flex-shrink:0;display:block}
.cat-feed .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.cat-feed a:hover .thumb img{transform:scale(1.07)}
.cat-feed h4{font-size:14px;line-height:1.55;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cat-feed a:hover h4{color:var(--red)}
/* محليات (مميّز): عمودان */
.cat-feed--2col{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}
.cat-feed--2col li:nth-child(2){border-top:none}

/* =========================================================
   SCROLLER / NEWS CARDS
   ========================================================= */
.scroller{position:relative}
.scroller__row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-template-columns:repeat(4,1fr);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:thin}
.scroller__row::-webkit-scrollbar{height:6px}
.scroller__nav{display:flex;gap:8px;flex-shrink:0}
.scroller__nav button{width:36px;height:36px;border-radius:50%;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink-2);box-shadow:var(--shadow-xs);transition:all .18s}
.scroller__nav button:hover{background:var(--red);color:#fff;border-color:var(--red)}
.scroller__nav svg{width:18px;height:18px}
.news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.news-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;scroll-snap-align:start;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;flex-direction:column}
.news-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:transparent}
.news-card__img{position:relative;aspect-ratio:16/10;overflow:hidden}
.news-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.news-card:hover .news-card__img img{transform:scale(1.06)}
.news-card__img .chip-cat{position:absolute;top:10px;inset-inline-start:10px}
.news-card__body{padding:13px 15px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.news-card__body h3{font-size:15px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.news-card:hover h3{color:var(--red)}
.news-card__body .meta{margin-top:auto}

/* =========================================================
   QUAD (الأكثر قراءة / فيديو / رأي / تابعونا)
   ========================================================= */
.quad{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:26px}
/* الترتيب البصري (RTL): تابعونا يمين · رأي · فيديو · الأكثر قراءة يسار */
.quad .widget:nth-child(1){order:4}
.quad .widget:nth-child(2){order:3}
.quad .widget:nth-child(3){order:2}
.quad .widget:nth-child(4){order:1}
.widget{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-xs)}
.widget__head{display:flex;align-items:center;gap:9px;padding:15px 18px;border-bottom:1px solid var(--line)}
.widget__head h3{font-size:16.5px}
.widget__head .bar{width:5px;height:20px;border-radius:3px;background:var(--red)}
.widget__body{padding:10px 18px 16px}

/* rank */
.rank-item{display:flex;gap:13px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line-2)}
.rank-item:last-child{border-bottom:none}
.rank-item .num{font-family:var(--font-head);font-weight:800;font-size:22px;color:var(--red);opacity:.4;line-height:1;width:26px;flex-shrink:0}
.rank-item:nth-child(1) .num{opacity:1}
.rank-item h4{font-size:14px;font-weight:600;line-height:1.55}
.rank-item:hover h4{color:var(--red)}

/* video */
.video-feature{position:relative;display:block;border-radius:var(--r);overflow:hidden;aspect-ratio:16/9;margin-bottom:10px}
.video-feature img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.video-feature:hover img{transform:scale(1.05)}
.video-feature::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent 55%)}
.play-big{position:absolute;inset:0;margin:auto;width:54px;height:54px;border-radius:50%;background:rgba(216,31,39,.94);display:grid;place-items:center;z-index:2;transition:transform .2s}
.video-feature:hover .play-big{transform:scale(1.1)}
.play-big svg{width:24px;height:24px;color:#fff;margin-inline-start:3px}
.dur{position:absolute;top:10px;inset-inline-end:10px;background:rgba(0,0,0,.7);color:#fff;font-size:11px;padding:2px 7px;border-radius:5px;z-index:2;font-variant-numeric:tabular-nums}
.video-feature__t{position:absolute;bottom:12px;inset-inline-start:14px;color:#fff;font-weight:700;font-size:14.5px;z-index:2;max-width:78%;line-height:1.5}
.video-item{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--line-2);align-items:center}
.video-item .vthumb{width:110px;height:68px;border-radius:8px;overflow:hidden;flex-shrink:0;position:relative}
.video-item .vthumb img{width:100%;height:100%;object-fit:cover}
.video-item .vthumb .play{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.25)}
.video-item .vthumb .play span{width:30px;height:30px;border-radius:50%;background:rgba(216,31,39,.92);display:grid;place-items:center;transition:transform .2s}
.video-item:hover .vthumb .play span{transform:scale(1.12)}
.video-item .vthumb .play svg{width:13px;height:13px;color:#fff;margin-inline-start:2px}
.video-item .dur{font-size:10px}
.video-item h4{font-size:14px;font-weight:600;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.video-item:hover h4{color:var(--red)}

/* opinion writers */
.writer-item{display:flex;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line-2)}
.writer-item:last-child{border-bottom:none}
.writer-item .ava{width:52px;height:62px;border-radius:9px;overflow:hidden;flex-shrink:0;border:1px solid var(--line);background:var(--bg)}
.writer-item .ava img{width:100%;height:100%;object-fit:contain}
.writer-item .tl{font-size:14px;font-weight:700;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.writer-item:hover .tl{color:var(--red)}
.writer-item .nm{font-family:var(--font-head);font-weight:600;font-size:12.5px;color:var(--muted);margin-top:3px}

/* follow */
.follow{display:flex;flex-direction:column;gap:10px}
.follow-card{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:var(--r);border:1px solid var(--line);transition:all .18s}
.follow-card:hover{border-color:var(--c);background:color-mix(in srgb,var(--c) 7%,transparent)}
.follow-card__ic{width:40px;height:40px;border-radius:10px;background:var(--c);color:#fff;display:grid;place-items:center;flex-shrink:0}
.follow-card__ic svg{width:20px;height:20px}
.follow-card__tx{flex:1;min-width:0}
.follow-card__tx b{display:block;font-size:14px}
.follow-card__tx small{font-size:12px;color:var(--muted)}
.follow-card__n{font-family:var(--font-head);font-weight:800;font-size:15px;color:var(--c)}

/* =========================================================
   FOOTER
   ========================================================= */
.footer{background:var(--dark);color:#aeb6c4;margin-top:var(--gap)}
.footer__top{padding:46px 0 30px;border-bottom:1px solid rgba(255,255,255,.07)}
.footer__grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:34px}
.footer__about img{height:48px;background:#fff;padding:7px 12px;border-radius:8px;margin-bottom:16px}
.footer__about p{font-size:14px;line-height:1.9;color:#8b94a4;max-width:320px}
.footer__social{display:flex;gap:9px;margin-top:18px}
.footer__social a{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.07);display:grid;place-items:center;color:#cbd2dc;transition:all .2s}
.footer__social a svg{width:18px;height:18px}
.footer__social a:hover{background:var(--red);color:#fff;transform:translateY(-2px)}
.footer__col h4{color:#fff;font-size:16px;margin-bottom:18px;position:relative;padding-bottom:12px}
.footer__col h4::after{content:"";position:absolute;bottom:0;inset-inline-start:0;width:34px;height:3px;border-radius:3px;background:var(--red)}
.footer__col ul li{margin-bottom:11px}
.footer__col ul a{font-size:14px;color:#8b94a4;display:inline-flex;align-items:center;gap:8px;transition:all .18s}
.footer__col ul a::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--red);opacity:0;transition:opacity .18s}
.footer__col ul a:hover{color:#fff;padding-inline-start:4px}
.footer__col ul a:hover::before{opacity:1}
.footer__bottom{padding:16px 0}
.footer__bottom-in{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
@media (max-width:600px){.footer__bottom-in{flex-direction:column;text-align:center}}
.footer__bottom .copy{font-size:13.5px;color:#7d8597}
.footer__bottom .copy b{color:#fff}
.footer__social.sm a{width:34px;height:34px}.footer__social.sm svg{width:16px;height:16px}
.takamul-credit{display:inline-flex;align-items:center;gap:9px;font-size:13px;color:#8b94a4;transition:color .18s}
.takamul-credit span{color:#7d8597}
.takamul-credit img{height:26px;opacity:.92}
.takamul-credit:hover,.takamul-credit:hover span{color:#fff}

/* =========================================================
   BACK TO TOP / DRAWER
   ========================================================= */
.to-top{position:fixed;inset-inline-end:22px;bottom:22px;width:48px;height:48px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(16px);transition:all .3s;z-index:90}
.to-top.show{opacity:1;visibility:visible;transform:translateY(0)}
.to-top:hover{background:var(--red-700);transform:translateY(-3px)}
.to-top svg{width:22px;height:22px}
.drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:opacity .3s;z-index:100}
.drawer-overlay.open{opacity:1;visibility:visible}
.drawer{position:fixed;inset-block:0;inset-inline-end:-340px;width:310px;max-width:86vw;background:var(--card);z-index:101;transition:inset-inline-end .32s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}
.drawer.open{inset-inline-end:0}
.drawer__head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}
.drawer__head img{height:42px}
.drawer__head .close{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--bg);color:var(--ink)}
.drawer__head .close svg{width:20px;height:20px}
.drawer__live{margin:14px 14px 4px;justify-content:center}
.drawer__menu{padding:10px 12px;overflow-y:auto;flex:1}
.drawer__menu a{display:flex;align-items:center;gap:10px;padding:13px 14px;border-radius:var(--r);font-family:var(--font-head);font-weight:700;font-size:15px;color:var(--ink-2)}
.drawer__menu a:hover,.drawer__menu a.active{background:var(--bg);color:var(--red)}
.drawer__menu a .d{width:8px;height:8px;border-radius:50%;background:var(--red)}
.drawer__foot{padding:16px 18px;border-top:1px solid var(--line)}
.drawer__social{display:flex;gap:8px}
.drawer__social a{width:40px;height:40px;border-radius:10px;background:var(--bg);display:grid;place-items:center;color:var(--ink-2)}
.drawer__social a:hover{background:var(--red);color:#fff}.drawer__social svg{width:18px;height:18px}

/* reveal */
.reveal{transition:opacity .6s ease,transform .6s ease}
html.js .reveal{opacity:0;transform:translateY(22px)}
html.js .reveal.in{opacity:1;transform:translateY(0)}
@media (prefers-reduced-motion:reduce){html.js .reveal{opacity:1;transform:none;transition:none}}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width:1100px){
  .hero3{grid-template-columns:260px minmax(0,1fr) 250px}
  .quad{grid-template-columns:repeat(2,1fr)}
  .news-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:980px){
  .hero3{grid-template-columns:1fr 1fr;gap:18px}
  .hero3__feature{grid-column:1 / -1;order:-1}
  .feature-slider{min-height:380px}
  .sections{grid-template-columns:1fr}
  .sections__main{order:-1}
  .ad--box{min-height:120px}
  .cat-circles{grid-template-columns:repeat(8,1fr)}
}
/* الشاشات الصغيرة والمتوسطة: إخفاء القائمة الرئيسية والاكتفاء بالهمبرجر */
@media (max-width:1024px){
  .nav{display:none}
  .hamburger{display:grid}
  .mhead{position:sticky;top:0;z-index:60;box-shadow:var(--shadow-sm)}
  .topbar__links{display:none}
}
@media (max-width:760px){
  :root{--gap:20px}
  .hero3{grid-template-columns:1fr}
  .stack-card{aspect-ratio:16/9;min-height:0;flex:none}
  .cat-circles{grid-template-columns:repeat(4,1fr)}
  .news-grid{grid-template-columns:repeat(2,1fr)}
  .cat-duo,.cat-feed--2col{grid-template-columns:1fr}
  .news-card__img{aspect-ratio:16/9}
  .quad{grid-template-columns:1fr;gap:18px}
  .mhead__in{min-height:82px}
  .mhead__logo img{height:58px}
  .live-btn span:not(.live-dot){display:none}
  .live-btn{padding:9px 12px}
  .feature-cap h2{font-size:21px}
}
@media (max-width:520px){
  .mhead__in{grid-template-columns:auto 1fr auto}
  .mhead__tools{gap:4px}
  .cat-circles{grid-template-columns:repeat(3,1fr)}
  .cat-circle__ic{width:52px;height:52px}
  .feature-cap{padding:20px 20px 48px}
  .feature-cap h2{font-size:19px}
  .footer__grid{grid-template-columns:1fr 1fr;gap:26px}
  .footer__about{grid-column:1 / -1}
  .topbar__meta .chip:last-child{display:none}
}
@media (max-width:380px){
  .cat-circles{grid-template-columns:repeat(2,1fr)}
  .footer__grid{grid-template-columns:1fr}
}

/* =========================================================
   الصفحات الداخلية (مقال / قسم / قوائم / بحث / تواصل / وسائط)
   ========================================================= */
.chip-cat.pink{background:#db2777}.chip-cat.teal{background:#0d9488}.chip-cat.cyan{background:#0891b2}

/* مسار التنقّل */
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;font-size:13px;color:var(--muted)}
.crumbs a{color:var(--muted)}.crumbs a:hover{color:var(--red)}
.crumbs em{color:var(--ink);font-style:normal;font-weight:600}
.crumbs span{opacity:.5}

/* عنوان الصفحة */
.page-head{display:flex;align-items:center;gap:11px;margin:18px 0 4px}
.page-head .bar{width:6px;height:26px;border-radius:4px;background:linear-gradient(var(--red),var(--red-700))}
.page-head h1{font-size:23px}
.page-head__count{margin-inline-start:auto;font-size:13px;font-weight:700;color:var(--muted);background:var(--card);border:1px solid var(--line);padding:5px 12px;border-radius:var(--r-pill)}
a.page-head__count:hover{color:var(--red);border-color:var(--red)}

/* تخطيط: محتوى + شريط جانبي */
.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:26px;margin-top:20px;align-items:start}
.layout__side{display:flex;flex-direction:column;gap:20px;position:sticky;top:70px}
.layout__side .widget,.layout__side .ad{width:100%}
.layout__side .ad--box{min-height:250px}
.news-grid--3{grid-template-columns:repeat(3,1fr)}

/* المقال */
.article{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 30px;box-shadow:var(--shadow-xs)}
.article>.chip-cat{margin-bottom:14px}
.article__title{font-size:28px;line-height:1.45;margin-bottom:10px}
.article__sub{font-size:17px;color:var(--ink-2);font-weight:600;line-height:1.7;margin-bottom:14px}
.article__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--muted);font-size:13px;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid var(--line)}
.article__meta svg{width:14px;height:14px;vertical-align:-2px;margin-inline-end:3px}
.article__meta .dot{width:4px;height:4px;border-radius:50%;background:var(--muted);opacity:.6}
.article__media{margin:0 0 22px;border-radius:var(--r);overflow:hidden}
.article__media img{width:100%;height:auto}
.article__media figcaption{font-size:12.5px;color:var(--muted);padding:9px 4px 0;text-align:center}
.article__body{font-size:17px;line-height:2.05;color:var(--ink-2)}
.article__body p{margin-bottom:18px}
.article__body h2,.article__body h3{color:var(--ink);margin:24px 0 12px}
.article__body img{height:auto;border-radius:var(--r);margin:18px auto}
.article__body a{color:var(--red);text-decoration:underline}
.article__body ul,.article__body ol{margin:0 22px 18px}
.article__body iframe{max-width:100%;border-radius:var(--r);margin:14px 0}
.article__body blockquote{border-inline-start:4px solid var(--red);background:var(--bg);padding:14px 18px;border-radius:8px;margin:18px 0;color:var(--ink)}

/* وسوم */
.tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}
.tags__lbl{font-weight:700;font-size:13px;color:var(--ink)}
.tags a{font-size:12.5px;background:var(--bg);color:var(--ink-2);padding:5px 12px;border-radius:var(--r-pill);border:1px solid var(--line)}
.tags a:hover{background:var(--red);color:#fff;border-color:var(--red)}

/* مشاركة */
.share{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
.share__lbl{font-weight:700;font-size:13.5px;color:var(--ink)}
.share__btn{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;color:#fff;transition:transform .15s}
.share__btn svg{width:18px;height:18px}
.share__btn:hover{transform:translateY(-2px)}
.share__btn.fb{background:#1877f2}.share__btn.x{background:#111}.share__btn.tg{background:#29a9eb}.share__btn.wa{background:#25d366}
.share__btn.copy{background:var(--bg);color:var(--ink-2);border:1px solid var(--line)}
.share__btn.copy:hover{background:var(--red);color:#fff}

/* رأي */
.opinion-by{display:flex;align-items:center;gap:13px;margin-bottom:18px}
.opinion-by__ava{flex-shrink:0;line-height:0}
.opinion-by__ava img{display:block;width:auto;height:auto;max-width:76px;max-height:92px;border-radius:12px;border:1px solid var(--line);background:var(--bg)}
.opinion-by__lbl{display:block;font-size:12px;color:var(--muted)}
.opinion-by__nm{font-family:var(--font-head);font-weight:800;font-size:17px;color:var(--ink)}
.opinion-by__nm:hover{color:var(--red)}
.opinion-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.op-card{display:flex;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:13px;transition:box-shadow .2s,transform .2s}
.op-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}
.op-card__ava{width:58px;height:70px;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:var(--bg);flex-shrink:0}
.op-card__ava img{width:100%;height:100%;object-fit:contain}
.op-card__tl{font-family:var(--font-head);font-weight:700;font-size:14.5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.op-card:hover .op-card__tl{color:var(--red)}
.op-card__nm{font-size:12.5px;color:var(--muted);margin-top:4px}
.op-card__nm a:hover,.writer-item a.nm:hover{color:var(--red)}
.related{margin-top:26px}

/* ترقيم */
.pager{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:26px}
.pager a,.pager span{min-width:40px;height:40px;padding:0 10px;display:grid;place-items:center;border-radius:10px;background:var(--card);border:1px solid var(--line);font-weight:700;font-size:14px;color:var(--ink-2)}
.pager a:hover{background:var(--red);color:#fff;border-color:var(--red)}
.pager .is-active{background:var(--red);color:#fff;border-color:var(--red)}
.pager .pager__arr svg{width:18px;height:18px}
.pager .is-off{opacity:.4}
.pager .pager__gap{border:none;background:none}

/* حالة فارغة / أزرار */
.empty-state{text-align:center;padding:60px 20px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg)}
.empty-state h2{font-size:20px;margin-bottom:10px}
.empty-state p{color:var(--muted);margin-bottom:18px}
.btn-primary{display:inline-block;background:var(--red);color:#fff;font-weight:700;padding:11px 24px;border-radius:var(--r-pill);transition:background .18s}
.btn-primary:hover{background:var(--red-700)}

/* الكاتب */
.writer-hero{display:flex;gap:18px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;box-shadow:var(--shadow-xs);margin-bottom:20px}
.writer-hero__ava{flex-shrink:0;line-height:0}
.writer-hero__ava img{display:block;width:auto;height:auto;max-width:150px;max-height:190px;border-radius:14px;border:1px solid var(--line);background:var(--bg)}
.writer-hero__info h1{font-size:24px;margin-bottom:6px}
.writer-hero__count{display:inline-block;font-size:12.5px;font-weight:700;color:var(--red);background:color-mix(in srgb,var(--red) 12%,transparent);padding:3px 12px;border-radius:var(--r-pill)}
.writer-hero__info p{margin-top:10px;color:var(--muted);font-size:14px;line-height:1.8}
.art-list{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:6px 20px;box-shadow:var(--shadow-xs)}
.art-list li{border-bottom:1px solid var(--line-2)}.art-list li:last-child{border-bottom:none}
.art-list a{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 0}
.art-list h3{font-size:16px;font-weight:600;line-height:1.6}
.art-list a:hover h3{color:var(--red)}
.art-list__date{font-size:12.5px;color:var(--muted);white-space:nowrap;flex-shrink:0}
.writers-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:18px}
.writer-card{display:flex;flex-direction:column;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px 12px;text-align:center;transition:box-shadow .2s,transform .2s}
.writer-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}
.writer-card__ava{width:96px;height:116px;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:var(--bg)}
.writer-card__ava img{width:100%;height:100%;object-fit:contain}
.writer-card__nm{font-family:var(--font-head);font-weight:700;font-size:14.5px}
.writer-card:hover .writer-card__nm{color:var(--red)}

/* فيديو */
.video-title{font-size:23px;line-height:1.5;margin-bottom:16px}
.video-embed{position:relative;aspect-ratio:16/9;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-md);background:#000}
.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-embed video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.video-embed .video-ext{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;text-decoration:none;font-weight:700;font-size:15px;background:linear-gradient(135deg,#1f232b,#33383f)}
.video-embed .video-ext svg{width:26px;height:26px;fill:#fff}
.video-embed .video-ext:hover{filter:brightness(1.12)}
/* عنصر نائب للمصغّرة عند غياب صورة (فيديو مرفوع أو مصدر خارجي بلا صورة) */
.vthumb-ph{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,#3a3f4a,#181b21)}
.vthumb-ph svg{width:34px;height:34px;color:rgba(255,255,255,.9)}
.video-item .vthumb .vthumb-ph svg{width:20px;height:20px}
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.video-grid--wide{grid-template-columns:repeat(4,1fr);margin-top:18px}
.vcard{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:transform .2s,box-shadow .2s}
.vcard:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.vcard__img{position:relative;display:block;aspect-ratio:16/9;overflow:hidden}
.vcard__img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.vcard:hover .vcard__img img{transform:scale(1.06)}
.vcard__play{position:absolute;inset:0;margin:auto;width:46px;height:46px;border-radius:50%;background:rgba(216,31,39,.94);display:grid;place-items:center;color:#fff}
.vcard__play svg{width:20px;height:20px;margin-inline-start:2px}
.vcard__t{display:block;padding:12px 14px;font-family:var(--font-head);font-weight:700;font-size:14px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vcard:hover .vcard__t{color:var(--red)}

/* بحث */
.search-page{display:flex;gap:10px;margin:16px 0 4px}
.search-page input{flex:1;border:1.5px solid var(--line);background:var(--card);border-radius:var(--r-pill);padding:13px 20px;font-size:15px;color:var(--ink);outline:none}
.search-page input:focus{border-color:var(--red);box-shadow:var(--ring)}
.search-page button{display:inline-flex;align-items:center;gap:7px;background:var(--red);color:#fff;font-weight:700;padding:0 24px;border-radius:var(--r-pill)}
.search-page button svg{width:17px;height:17px}
.search-page button:hover{background:var(--red-700)}
.search-count{color:var(--muted);font-size:14px;margin-bottom:12px}
.result-list{display:flex;flex-direction:column;gap:10px}
.result-list li{background:var(--card);border:1px solid var(--line);border-radius:var(--r);transition:box-shadow .2s}
.result-list li:hover{box-shadow:var(--shadow-sm)}
.result-list a{display:flex;align-items:center;gap:14px;padding:15px 18px}
.result-list__tag{font-size:11.5px;font-weight:700;color:#fff;background:var(--red);padding:4px 11px;border-radius:var(--r-pill);flex-shrink:0}
.result-list__tag.is-art{background:var(--blue)}
.result-list h3{flex:1;font-size:15.5px;font-weight:600;line-height:1.6}
.result-list a:hover h3{color:var(--red)}
.result-list__date{font-size:12px;color:var(--muted);white-space:nowrap;flex-shrink:0}

/* تواصل */
.contact-form{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;box-shadow:var(--shadow-xs)}
.contact-form .field{margin-bottom:16px}
.contact-form label{display:block;font-weight:700;font-size:14px;margin-bottom:7px;color:var(--ink)}
.contact-form input,.contact-form textarea{width:100%;border:1.5px solid var(--line);background:var(--bg);border-radius:var(--r);padding:12px 14px;font-size:15px;color:var(--ink);outline:none;transition:border-color .18s,box-shadow .18s}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--red);box-shadow:var(--ring);background:var(--card)}
.contact-form textarea{resize:vertical;line-height:1.8}
.form-note{padding:14px 18px;border-radius:var(--r);margin-bottom:18px;font-weight:600}
.form-note.ok{background:color-mix(in srgb,#16a34a 14%,transparent);color:#15803d;border:1px solid color-mix(in srgb,#16a34a 35%,transparent)}
.form-note.err{background:color-mix(in srgb,var(--red) 12%,transparent);color:var(--red);border:1px solid color-mix(in srgb,var(--red) 32%,transparent)}
.contact-info{display:flex;flex-wrap:wrap;gap:24px;margin-top:18px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px 24px}
.contact-info__lbl{display:block;font-size:12px;color:var(--muted);margin-bottom:3px}
.contact-info__item a{color:var(--red);font-weight:600}

/* معرض الصور */
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}
/* إنفوجرافيك + كاريكاتير: عمودان على الشاشات الكبيرة، يتراصّان على الصغيرة */
.media-duo{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:22px 0}
.media-duo .section{margin:0}
.media-duo .gallery-grid{grid-template-columns:repeat(2,1fr)}
@media (max-width:860px){.media-duo{grid-template-columns:1fr}}
/* Lightbox (تكبير صور الكاريكاتير/الإنفوجرافيك) */
.lightbox{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.9);padding:28px}
.lightbox.is-open{display:flex}
.lightbox__stage{max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center;overflow:auto}
.lightbox__img{max-width:94vw;max-height:88vh;border-radius:8px;box-shadow:0 12px 50px rgba(0,0,0,.6);cursor:zoom-in;transition:transform .25s ease}
.lightbox__img.is-zoomed{cursor:zoom-out;transform:scale(1.7)}
.lightbox__close{position:fixed;top:16px;inset-inline-end:20px;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;font-size:2rem;line-height:1;display:grid;place-items:center;cursor:pointer;z-index:2001;transition:background .18s}
.lightbox__close:hover{background:var(--red)}
.gallery-item{position:relative;display:block;border-radius:var(--r);overflow:hidden;aspect-ratio:4/3;background:var(--card);border:1px solid var(--line)}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.gallery-item:hover img{transform:scale(1.05)}
.gallery-item__cap{position:absolute;inset-inline:0;bottom:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;padding:18px 12px 10px;font-size:12.5px;font-weight:600}

/* استجابة الصفحات الداخلية */
@media (max-width:980px){
  .layout{grid-template-columns:1fr}
  .layout__side{position:static;flex-direction:row;flex-wrap:wrap}
  .layout__side>*{flex:1;min-width:260px}
  .news-grid--3,.video-grid,.video-grid--wide{grid-template-columns:repeat(2,1fr)}
  .writers-grid{grid-template-columns:repeat(4,1fr)}
  .gallery-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:760px){
  .article{padding:20px 18px}
  .article__title{font-size:23px}
  .article__body{font-size:16px;line-height:1.95}
  .opinion-grid{grid-template-columns:1fr}
  .writers-grid{grid-template-columns:repeat(3,1fr)}
  .layout__side{flex-direction:column}
  .layout__side>*{min-width:0}
}
@media (max-width:520px){
  .news-grid--3,.video-grid,.video-grid--wide{grid-template-columns:1fr 1fr}
  .writers-grid,.gallery-grid{grid-template-columns:repeat(2,1fr)}
  .page-head h1{font-size:20px}
  .article__title{font-size:21px}
  .writer-hero{flex-direction:column;text-align:center}
  .result-list a{flex-wrap:wrap}
}

/* تغذية RSS */
.rss-intro{color:var(--muted);font-size:14.5px;line-height:1.9;margin:6px 0 18px;max-width:680px}
.rss-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:6px}
.rss-card{display:flex;align-items:center;gap:13px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:15px 16px;transition:box-shadow .2s,transform .2s,border-color .2s}
.rss-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);border-color:transparent}
.rss-card__ic{width:46px;height:46px;border-radius:11px;background:#ee802f;color:#fff;display:grid;place-items:center;flex-shrink:0}
.rss-card__ic svg{width:24px;height:24px}
.rss-card--all .rss-card__ic{background:var(--red)}
.rss-card--arts .rss-card__ic{background:var(--blue)}
.rss-card__tx{min-width:0}
.rss-card__tx b{display:block;font-family:var(--font-head);font-size:15.5px;color:var(--ink)}
.rss-card:hover .rss-card__tx b{color:var(--red)}
.rss-card__tx small{font-size:12.5px;color:var(--muted)}
@media (max-width:760px){.rss-grid{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.rss-grid{grid-template-columns:1fr}}