/* ط·آ®ط·آ¨ط·آ±ط·آ±ط·آ³ط·آ§ط¸â€ ط؛إ’ ط¸â€¦ط¸â€ ط·آ·ط¸â€ڑط¸â€، ط·آ¢ط·آ²ط·آ§ط·آ¯ أ¢â‚¬â€‌ ط¹آ¯ط·آ±ط·آ§ط¸ظ¾ط؛إ’ط¹آ© ط·آ¨ط·آ± ط¸آ¾ط·آ§ط؛إ’ط¸â€، ط·ع¾ط¸ث†ط¹آ©ط¸â€ أ¢â‚¬إ’ط¸â€،ط·آ§ط؛إ’ ط·آ±ط·آ³ط¸â€¦ط؛إ’ ط¸آ¾ط¸ث†ط·آ±ط·ع¾ط·آ§ط¸â€‍ */
/* ط¸ظ¾ط¸ث†ط¸â€ ط·ع¾أ¢â‚¬إ’ط¸â€،ط·آ§ط؛إ’ ط¸ث†ط·آ¨ (ط·آ²ط؛إ’ط·آ±ط¸â€¦ط·آ¬ط¸â€¦ط¸ث†ط·آ¹ط¸â€، ط·آ¹ط·آ±ط·آ¨ط؛إ’/ط¸â€‍ط·آ§ط·ع¾ط؛إ’ط¸â€  ط·آ¨ط·آ§ unicode-range) */
@font-face{font-family:Vazirmatn;font-weight:400;src:url("../fonts/vazirmatn-arabic-400-normal.49c0cc018008.woff2") format('woff2');unicode-range:U+0600-06FF,U+200C-200F,U+2010-2011,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:Vazirmatn;font-weight:400;src:url("../fonts/vazirmatn-latin-400-normal.274c04027519.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+2000-206F}
@font-face{font-family:Vazirmatn;font-weight:700;src:url("../fonts/vazirmatn-arabic-700-normal.51265c214faf.woff2") format('woff2');unicode-range:U+0600-06FF,U+200C-200F,U+2010-2011,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:Vazirmatn;font-weight:700;src:url("../fonts/vazirmatn-latin-700-normal.3e39c91b17cd.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+2000-206F}
@font-face{font-family:Inter;font-weight:400;src:url("../fonts/inter-latin-400-normal.da03732a27e1.woff2") format('woff2')}
@font-face{font-family:Inter;font-weight:700;src:url("../fonts/inter-latin-700-normal.8ca0a5155296.woff2") format('woff2')}
@font-face{font-family:'Noto Kufi Arabic';font-weight:400;src:url("../fonts/noto-kufi-arabic-arabic-400-normal.20fb38d522c0.woff2") format('woff2');unicode-range:U+0600-06FF,U+200C-200F,U+2010-2011,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:'Noto Kufi Arabic';font-weight:400;src:url("../fonts/noto-kufi-arabic-latin-400-normal.73dfdefd39c1.woff2") format('woff2');unicode-range:U+0000-00FF}
@font-face{font-family:'Noto Kufi Arabic';font-weight:700;src:url("../fonts/noto-kufi-arabic-arabic-700-normal.bd18b7a9da0a.woff2") format('woff2');unicode-range:U+0600-06FF,U+200C-200F,U+2010-2011,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:'Noto Kufi Arabic';font-weight:700;src:url("../fonts/noto-kufi-arabic-latin-700-normal.31982341f038.woff2") format('woff2');unicode-range:U+0000-00FF}
@font-face{font-family:Estedad;font-weight:400;src:url("../fonts/estedad-arabic-400-normal.3a76e0776c8a.woff2") format('woff2');unicode-range:U+0600-06FF,U+200C-200F,U+2010-2011,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:Estedad;font-weight:400;src:url("../fonts/estedad-latin-400-normal.4b261ffb80e6.woff2") format('woff2');unicode-range:U+0000-00FF}
@font-face{font-family:Estedad;font-weight:500;src:url("../fonts/estedad-arabic-500-normal.232931c2e883.woff2") format('woff2');unicode-range:U+0600-06FF,U+200C-200F,U+2010-2011,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:Estedad;font-weight:500;src:url("../fonts/estedad-latin-500-normal.209c3b3cb7ed.woff2") format('woff2');unicode-range:U+0000-00FF}
@font-face{font-family:Estedad;font-weight:700;src:url("../fonts/estedad-arabic-700-normal.367bec62dd91.woff2") format('woff2');unicode-range:U+0600-06FF,U+200C-200F,U+2010-2011,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:Estedad;font-weight:700;src:url("../fonts/estedad-latin-700-normal.2d0e4b751f0b.woff2") format('woff2');unicode-range:U+0000-00FF}
:root{
  --navy:#2C3F5F; --slate:#526276; --muted2:#7B8794; --orange:#F1A334; --green:#498549; --blue:#0B68AD; --gray:#BEBFC1;
  --page:#f8f9fa; --card:#ffffff; --veil:#f8fafc; --subtle:#f1f5f9; --chip:#22314b;
  --ink:#2c3f5f; --ink-strong:#ffffff; --body:#334155; --muted:#64748b; --faint:#94a3b8;
  --hairline:#e2e8f0; --hairline-soft:#f1f5f9; --line-strong:#cbd5e1; --accent-soft:#eff6ff; --hover:#f1f5f9;
  --radius:14px; --sh:0 1px 3px rgba(44,63,95,.08); --sh-lg:0 12px 34px rgba(44,63,95,.14);
  --f-app:'Vazirmatn'; --f-disp:'Estedad';
}
[data-theme="dark"]{
  color-scheme:dark;
  --page:#0e1929; --card:#16233a; --veil:#1b2942; --subtle:#22314b; --chip:#22314b;
  --ink:#e7eef8; --ink-strong:#ffffff; --body:#d5dfee; --muted:#a6b5cb; --faint:#8296b0;
  --hairline:#2a3a57; --hairline-soft:#22314b; --line-strong:#3a4c6d; --accent-soft:#14294a; --hover:#1e2c46;
  --sh:0 1px 3px rgba(0,0,0,.35); --sh-lg:0 12px 34px rgba(0,0,0,.5);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
html[lang="en"]{--f-app:'Inter';--f-disp:'Inter'}
html[lang="ar"]{--f-app:'Noto Kufi Arabic';--f-disp:'Noto Kufi Arabic'}
body{font-family:var(--f-app),system-ui,'Segoe UI',Tahoma,sans-serif;background:var(--page);color:var(--body);line-height:1.8;font-size:14.5px}
html[lang="fa"] body,html[lang="ar"] body{letter-spacing:0}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:6px}
.wrap{max-width:1180px;margin-inline:auto;padding-inline:18px}
.main{min-height:60vh;padding-block:24px 40px}
.noimg,.bfz-media-fallback{background:linear-gradient(135deg,#2C3F5F 0%,#0B68AD 60%,#3f95d1 100%)}

/* ط¸â€ ط¸ث†ط·آ§ط·آ± ط¹آ©ط¸â€¦ط¹آ©ط؛إ’ ط·آ³ط·آ±ط¸â€¦ط¸â€،أ¢â‚¬إ’ط·آ§ط؛إ’ (ط؛آ³ط؛آ°px) */
.u-strip{background:var(--navy);color:#dfe8f5;font-size:11.5px;position:relative;z-index:5}
.u-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:34px;flex-wrap:nowrap;padding-block:2px}
.u-info{display:flex;align-items:center;min-width:0;white-space:nowrap;overflow:hidden}
.u-date,.u-hijri{display:inline-flex;align-items:center;gap:6px;opacity:.92;white-space:nowrap;flex-shrink:0}
.u-quick{display:flex;gap:14px;align-items:center;white-space:nowrap}
.u-quick a{opacity:.85;padding:2px 0}
.u-quick a:hover{opacity:1;color:var(--orange)}
.u-heart{border-bottom:1px solid rgba(255,255,255,.16)!important}
.u-strip .sep{opacity:.35}

/* ط¸â€،ط·آ¯ط·آ± ط·آ³ط¸ظ¾ط؛إ’ط·آ¯ ط¹â€ ط·آ³ط·آ¨ط·آ§ط¸â€  */
.hdr{position:sticky;top:0;z-index:60;background:var(--card);border-bottom:1px solid var(--hairline);box-shadow:var(--sh)}
.hdr-in{display:flex;align-items:center;gap:14px;min-height:88px;height:auto;padding-block:6px;transition:padding .22s ease,min-height .22s ease}
.hdr-brand{display:flex;align-items:center;gap:11px;min-width:0;flex-shrink:0;transition:gap .22s ease}
.hdr-logo{width:76px;height:76px;border-radius:16px;overflow:hidden;background:#fff;border:1px solid var(--hairline);flex-shrink:0;display:block;box-shadow:var(--sh);transition:width .22s ease,height .22s ease,border-radius .22s ease,box-shadow .22s ease}
.hdr-logo img{width:100%;height:100%;object-fit:contain;object-position:center;padding:6px;box-sizing:border-box}
.hdr-bt{line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}
.hdr-bt b{display:block;font-family:var(--f-disp),var(--f-app),sans-serif;font-weight:800;font-size:19px;color:var(--ink);letter-spacing:-.01em;transition:font-size .22s ease}
.hdr-bt small{display:block;font-size:11.5px;color:var(--muted);letter-spacing:.02em;transition:opacity .18s ease,max-height .22s ease,margin .22s ease,font-size .22s ease}
.mainnav{display:flex;gap:2px;flex:1;justify-content:flex-start}
.nav-link{padding:9px 13px;border-radius:10px;font-size:13.5px;color:var(--muted);font-weight:600;white-space:nowrap;position:relative}
.nav-link:hover{background:var(--hover);color:var(--ink)}
.nav-link.on{background:var(--accent-soft);color:var(--blue)}
.nav-link.on::after{content:"";position:absolute;inset-inline:14px;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--orange)}
.top-actions{display:flex;align-items:center;gap:8px}
.qsearch{display:flex;background:var(--veil);border:1px solid var(--hairline);border-radius:12px;overflow:hidden;transition:.2s}
.qsearch:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px var(--accent-soft)}
.qin{border:0;background:transparent;padding:9px 13px;width:190px;font-family:inherit;font-size:13px;color:var(--ink);outline:none}
.qsearch button{border:0;background:transparent;cursor:pointer;padding:0 11px;color:var(--muted);font-size:14px}
.icon-btn{border:1px solid var(--hairline);background:var(--veil);border-radius:10px;padding:8px 10px;cursor:pointer;font-size:13.5px;color:var(--ink)}
.icon-btn:hover{background:var(--hover)}
.icon-btn.u-theme{flex-shrink:0;border:0;background:transparent;color:#dfe8f5;padding:4px 8px;font-size:13px;line-height:1;box-shadow:none}
.icon-btn.u-theme:hover{background:transparent;color:#fff}
.langsw{display:flex;border:1px solid var(--hairline);border-radius:11px;overflow:hidden}
.lang-b{padding:7px 11px;font-size:12px;font-weight:600;background:transparent;border:0;font-family:inherit;color:var(--muted);cursor:pointer}
.lang-b:not(:first-child){border-inline-start:1px solid var(--hairline)}
.lang-b.cur{background:var(--navy);color:#fff}
.menu-btn{display:none}

/* ط¸â€،ط؛إ’ط·آ±ط¸ث† */
.hero{margin-bottom:36px}
.hero-grid{display:grid;grid-template-columns:2.1fr 1fr;gap:16px}
.hero-side{display:flex;flex-direction:column;gap:12px}
.hero-main{position:relative;border-radius:20px;overflow:hidden;min-height:420px;display:block;background:var(--navy)}
.hero-main img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;opacity:.92;transition:.45s}
.hero-main:hover img{transform:scale(1.03)}
.hero-noimg{position:absolute;inset:0}
.hero-bd{position:relative;z-index:2;margin-top:auto;color:#fff;background:linear-gradient(transparent,rgba(14,25,41,.94) 78%);padding:130px 24px 22px;display:flex;flex-direction:column;gap:9px;height:100%}
.badge{background:var(--orange);color:#20150a;font-size:11.5px;font-weight:800;padding:4px 13px;border-radius:999px;align-self:start;letter-spacing:.01em}
.hero-t{font-size:25px;line-height:1.5;font-weight:800;font-family:var(--f-disp),var(--f-app),sans-serif;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hero-x{opacity:.82;font-size:13.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hero-main .meta{align-self:flex-end;text-align:left}
.hero-main .meta time{font-size:12px;opacity:.75}
.hero-card{display:grid;grid-template-columns:112px 1fr;gap:0;background:var(--card);border:1px solid var(--hairline);border-radius:16px;overflow:hidden;transition:.2s;align-items:center}
.hero-card:hover{border-color:var(--line-strong);box-shadow:var(--sh-lg)}
.hc-im{height:92px}
.hc-im img,.hc-im .noimg,.hc-im .hero-noimg{width:100%;height:100%;object-fit:cover}
.hc-bd{padding:10px 14px;min-width:0}
.hc-bd h3{font-size:13.5px;font-weight:700;color:var(--ink);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hc-bd time{font-size:11px;color:var(--muted)}

/* ط·آ¨ط·آ®ط·آ´أ¢â‚¬إ’ط¸â€،ط·آ§ */
.sec{margin-bottom:40px}
.shead{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;border-bottom:1px solid var(--hairline);padding-bottom:12px}
.stitle{font-size:19px;color:var(--ink);display:flex;align-items:center;gap:11px;font-family:var(--f-disp),var(--f-app),sans-serif;font-weight:800}
.stitle span{width:10px;height:24px;border-radius:4px;background:linear-gradient(180deg,var(--blue),var(--navy));display:inline-block}
.slink{color:var(--blue);font-size:13px;font-weight:700;background:var(--accent-soft);padding:6px 14px;border-radius:999px}
.slink:hover{background:var(--blue);color:#fff}

/* ط¹آ©ط·آ§ط·آ±ط·ع¾ ط·آ®ط·آ¨ط·آ± */
.ngrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ncard{background:var(--card);border:1px solid var(--hairline);border-radius:var(--radius);overflow:hidden;transition:.2s;display:flex;flex-direction:column}
.ncard:hover{border-color:var(--line-strong);box-shadow:var(--sh-lg);transform:translateY(-3px)}
.ncard-im{height:175px;background:var(--veil);display:flex;align-items:center;justify-content:center;font-size:34px;color:var(--faint);position:relative}
.ncard-im img{width:100%;height:100%;object-fit:cover}
.ncard-bd{padding:15px 17px 17px;display:flex;flex-direction:column;gap:9px;flex:1}
.ncard-cat{font-size:10.5px;font-weight:800;color:var(--blue);background:var(--accent-soft);padding:2px 10px;border-radius:999px;align-self:start}
.ncard-meta time{font-size:12px;color:var(--muted)}
.ncard-meta-foot{margin-top:auto;align-self:flex-end}
.ncard-footdate .ncard-bd{text-align:right}
.ncard-footdate .ncard-t,.ncard-footdate .ncard-x{text-align:right}
.ncard-footdate .ncard-t{text-align:right;-webkit-line-clamp:2;text-wrap:wrap}
.ncard-t{font-size:15px;line-height:1.65;font-weight:700;color:var(--ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;width:100%;max-width:100%;align-self:stretch;text-wrap:wrap;box-sizing:border-box}
.ncard-t a{display:inline;text-align:inherit}
.ncard-t a:hover{color:var(--blue)}
.ncard-x{font-size:12.5px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;width:100%;max-width:100%;align-self:stretch;text-wrap:wrap}
.ncard-footdate .ncard-x{-webkit-line-clamp:6}

/* ط¸آ¾ط·آ§ط¸â€‍ط·آ³ أ¢â‚¬â€‌ ط¹آ©ط·آ§ط·آ±ط·ع¾أ¢â‚¬إ’ط¸â€،ط·آ§ط؛إ’ ط·آ³ط·آ±ط¸â€¦ط¸â€،أ¢â‚¬إ’ط·آ§ط؛إ’ ط·آ¨ط·آ§ ط·آ²ط؛إ’ط·آ±ط·آ´ط·آ§ط·آ®ط·آµأ¢â‚¬إ’ط¸â€،ط·آ§ */
.pulse{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pi{background:linear-gradient(160deg,var(--navy),#1e2f4c 70%,var(--blue));color:#fff;border-radius:18px;padding:20px 20px 18px;position:relative;overflow:hidden;box-shadow:var(--sh-lg)}
.pi::after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:rgba(255,255,255,.05);top:-46px;inset-inline-end:-40px}
.pi-v{font-size:30px;font-weight:800;font-family:var(--f-disp),var(--f-app),sans-serif;line-height:1.2}
.pi-l{font-size:13.5px;font-weight:700;opacity:.95;margin-top:2px}
.pchg{font-size:11px;background:rgba(255,255,255,.14);border-radius:999px;padding:3px 10px;margin-top:9px;display:inline-block}
.pchg.up::before{content:"أ¢â€“آ² ";color:var(--orange)}
.pchg.down::before{content:"أ¢â€“آ¼ ";color:#fda4af}
.pchg.stable::before,.pchg.neutral::before{content:"أ¢â€”† ";color:var(--gray)}
.psub{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;position:relative}
.psub span{font-size:10.5px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:4px 9px;display:inline-flex;gap:5px}
.psub b{color:var(--orange);font-weight:700}
.pi-n{font-size:11px;opacity:.72;margin-top:10px;line-height:1.7;position:relative;min-height:0}
.pi-note{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ط·آ§ط·آ·ط¸â€‍ط·آ§ط·آ¹ط؛إ’ط¸â€،أ¢â‚¬إ’ط¸â€،ط·آ§ */
.alist{display:flex;flex-direction:column;gap:12px}
.acard{display:flex;gap:14px;background:var(--card);border:1px solid var(--hairline);border-radius:var(--radius);padding:16px 18px;align-items:flex-start;transition:.2s}
.acard:hover{border-color:var(--line-strong);box-shadow:var(--sh)}
.acard-ic{font-size:20px;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);flex-shrink:0}
.acard-bd{flex:1;min-width:0}
.acard h3{font-size:14.5px;color:var(--ink);line-height:1.65;margin-bottom:4px}
.acard p{font-size:12.5px;color:var(--muted)}
.acard-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;align-items:center}
.abadge{font-size:10.5px;font-weight:800;padding:3px 11px;border-radius:999px}
.abadge.tender{background:#fdf2df;color:#9a6316}
.abadge.auction{background:#e9f3fd;color:var(--blue)}
.abadge.notice{background:var(--accent-soft);color:var(--navy)}
.abadge.call{background:#eaf4ec;color:var(--green)}
.abadge.st-deadline{background:#fdecec;color:#b44040}
.abadge.st-new{background:#e8f6ee;color:var(--green)}
.abadge.st-active{background:var(--accent-soft);color:var(--blue)}
.abadge.st-expired{background:var(--subtle);color:var(--muted)}
.refcode{font-size:11px;color:var(--faint);font-family:ui-monospace,monospace;direction:ltr}
.acard time{font-size:11.5px;color:var(--muted)}

/* ط·آ±ط¸ث†ط؛إ’ط·آ¯ط·آ§ط·آ¯ط¸â€،ط·آ§ */
.egrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.ecard{display:flex;gap:15px;background:var(--card);border:1px solid var(--hairline);border-radius:var(--radius);padding:16px}
.ecard:hover{border-color:var(--line-strong);box-shadow:var(--sh)}
.edate{background:var(--veil);border:1px solid var(--hairline);color:var(--navy);border-radius:13px;min-width:62px;height:66px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;flex-shrink:0}
.edate b{font-size:21px;line-height:1}
.edate span{font-size:10px;color:var(--muted)}
.ebd{flex:1;min-width:0}
.ebd h3{font-size:14px;color:var(--ink);margin-bottom:4px;line-height:1.65}
.ebd p{font-size:12px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.emeta{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}
.echip{font-size:10.5px;color:var(--slate);background:var(--veil);border:1px solid var(--hairline);border-radius:8px;padding:3px 9px;display:inline-flex;align-items:center;gap:5px}

/* ط¹â€ ط¸â€ ط·آ¯ط·آ±ط·آ³ط·آ§ط¸â€ ط¸â€، */
.mgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mcard{position:relative;border-radius:16px;overflow:hidden;background:var(--navy);border:1px solid var(--hairline);transition:.2s}
.mcard:hover{transform:translateY(-3px);box-shadow:var(--sh-lg)}
.mc-im{position:relative;height:190px}
.mc-im img{width:100%;height:100%;object-fit:cover;opacity:.95}
.mc-im::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(14,25,41,.92))}
.is-video .mc-im::before{content:"أ¢â€“آ¶";position:absolute;top:calc(50% - 24px);inset-inline-start:calc(50% - 24px);font-size:19px;color:#fff;width:48px;height:48px;background:rgba(241,163,52,.92);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 6px 18px rgba(0,0,0,.35)}
.mcat{position:absolute;top:12px;inset-inline-start:12px;z-index:2;font-size:10.5px;font-weight:700;color:#fff;background:rgba(14,25,41,.72);border:1px solid rgba(255,255,255,.25);padding:3px 10px;border-radius:999px;backdrop-filter:blur(3px)}
.mdur{position:absolute;top:12px;inset-inline-end:12px;z-index:2;font-size:10.5px;color:#fff;background:rgba(241,163,52,.9);padding:3px 9px;border-radius:8px;font-weight:700;direction:ltr}
.mphotos{position:absolute;bottom:12px;inset-inline-end:12px;z-index:2;font-size:10.5px;color:#fff;background:rgba(14,25,41,.72);padding:3px 9px;border-radius:8px}
.mbd{padding:12px 14px 14px;color:#fff;position:relative}
.mbd h3{font-size:13px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.7}
.mbd p{font-size:11px;color:#c9d6ea;margin-top:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ط·آ³ط·آ±ط¸â€¦ط·آ§ط؛إ’ط¸â€،أ¢â‚¬إ’ط¹آ¯ط·آ°ط·آ§ط·آ±ط؛إ’ */
.igrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.icard{background:var(--card);border:1px solid var(--hairline);border-radius:var(--radius);padding:18px;transition:.2s;display:flex;flex-direction:column;gap:10px}
.icard:hover{border-color:var(--line-strong);box-shadow:var(--sh-lg)}
.icard-im{height:160px;border-radius:12px;overflow:hidden}
.icard-im img,.icard-im .icard-ph{width:100%;height:100%;object-fit:cover;display:flex;align-items:center;justify-content:center;font-size:40px}
.icard-cat{font-size:10.5px;font-weight:800;color:var(--green);background:#eaf4ec;padding:3px 11px;border-radius:999px;align-self:start}
.ikpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ikpi{background:var(--veil);border:1px solid var(--hairline);border-radius:10px;padding:8px 10px;text-align:center}
.ikpi b{display:block;font-size:13px;color:var(--ink);line-height:1.5}
.ikpi span{font-size:9.5px;color:var(--muted)}
.icard h3{font-size:15.5px;color:var(--ink)}
.icard p{font-size:12.5px;color:var(--muted)}
.icard-loc{font-size:11.5px;color:var(--slate);display:inline-flex;gap:5px;align-items:center}
.incentives{display:flex;flex-wrap:wrap;gap:6px}
.incentives span{font-size:10.5px;color:var(--green);background:#eaf4ec;border-radius:8px;padding:4px 9px}
.irow{border:1px solid var(--hairline);background:var(--card);border-radius:16px;padding:20px;display:grid;grid-template-columns:270px 1fr;gap:18px;align-items:start}
.irow:hover{box-shadow:var(--sh-lg);border-color:var(--line-strong)}

/* ط¸â€¦ط¸â€ڑط·آ§ط¸â€‍ط¸â€، */
.crumbs{font-size:12px;color:var(--muted);margin-bottom:14px;display:flex;gap:7px;align-items:center}
.crumbs a:hover{color:var(--blue)}
.art{max-width:820px;margin-inline:auto;background:var(--card);border:1px solid var(--hairline);border-radius:20px;padding:30px clamp(18px,4vw,40px)}
.art-t{font-size:26px;line-height:1.55;font-weight:800;color:var(--ink);font-family:var(--f-disp),var(--f-app),sans-serif}
.art-meta{display:flex;flex-wrap:wrap;gap:16px;color:var(--muted);font-size:12.5px;margin:14px 0 20px;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--hairline-soft)}
.art-meta .src{color:var(--blue)}
.art-im{border-radius:16px;overflow:hidden;margin-bottom:20px}
.art-lead{font-size:15.5px;font-weight:600;color:var(--ink);background:var(--accent-soft);border-inline-start:4px solid var(--orange);padding:14px 18px;border-radius:11px;margin-bottom:20px;line-height:1.95}
.prose{font-size:15.5px;line-height:2.05;color:var(--body)}
.tr-note{font-size:12.5px;color:var(--slate);background:var(--veil);border:1px dashed var(--line-strong);border-radius:10px;padding:9px 14px;margin-bottom:16px}
.prose p{margin-bottom:14px}
.prose img{max-width:100%;height:auto;border-radius:10px;display:block;margin:14px auto}
.prose img.ql-img-center{margin-inline:auto;float:none}
.prose img.ql-img-right{margin-inline-start:auto;margin-inline-end:0;float:none}
.prose img.ql-img-left{margin-inline-start:0;margin-inline-end:auto;float:none}
.prose img.ql-img-float-right{float:right;margin:0 0 10px 14px}
.prose img.ql-img-float-left{float:left;margin:0 14px 10px 0}
.prose figure.art-figure{margin:16px 0;text-align:center}
.prose figure.art-figure img{margin:0 auto}
.prose figure.art-figure figcaption{margin-top:8px;font-size:13px;color:var(--muted);line-height:1.7}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.tag{background:var(--veil);border:1px solid var(--hairline);padding:4px 13px;border-radius:999px;font-size:11.5px;color:var(--muted)}
.share{display:flex;gap:9px;align-items:center;margin-top:22px;border-top:1px dashed var(--hairline);padding-top:16px;font-size:12.5px;color:var(--muted)}
.share a,.share button{background:var(--veil);border:1px solid var(--hairline);padding:7px 15px;border-radius:10px;font-size:12px;font-family:inherit;cursor:pointer;color:var(--ink)}
.share a:hover,.share button:hover{border-color:var(--blue);color:var(--blue)}

/* ط·آ¹ط¸â€ ط¸ث†ط·آ§ط¸â€  ط·آµط¸ظ¾ط·آ­ط¸â€،/ط¸ظ¾ط؛إ’ط¸â€‍ط·ع¾ط·آ±ط¸â€،ط·آ§ */
.pgtitle{font-size:24px;margin-bottom:16px;color:var(--ink);font-family:var(--f-disp),var(--f-app),sans-serif;font-weight:800}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.chip{border:1px solid var(--hairline);background:var(--card);padding:7px 15px;border-radius:999px;font-size:12.5px;color:var(--muted);font-weight:600}
.chip.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.chip:hover{border-color:var(--blue);color:var(--blue)}
.qsearch.big{margin-bottom:18px}
.qsearch.big .qin{width:100%}
.search-cnt{color:var(--muted);font-size:12.5px;margin-bottom:14px}

/* ط·آµط¸ظ¾ط·آ­ط¸â€،أ¢â‚¬إ’ط·آ¨ط¸â€ ط·آ¯ط؛إ’ */
.pager{display:flex;gap:6px;justify-content:center;margin-top:28px}
.pg{min-width:37px;height:37px;display:flex;align-items:center;justify-content:center;background:var(--card);border:1px solid var(--hairline);border-radius:10px;font-size:12.5px;color:var(--ink)}
.pg:hover{border-color:var(--blue);color:var(--blue)}
.pg-cur{background:var(--navy);color:#fff;border-color:var(--navy)}
.pg-dots{align-self:center;color:var(--muted)}

/* ط·آ®ط·آ§ط¸â€‍ط؛إ’/ط·آ¯ط¹آ©ط¸â€¦ط¸â€، */
.empty{text-align:center;padding:64px 0;color:var(--muted)}
.empty-ic{font-size:44px;margin-bottom:10px}
.btn{display:inline-block;background:var(--navy);color:#fff;padding:11px 24px;border-radius:12px;border:0;font-family:inherit;font-size:13.5px;cursor:pointer;font-weight:700}
.btn:hover{background:var(--blue)}

/* ط¸ظ¾ط¸ث†ط·ع¾ط·آ± */
.foot{background:var(--navy);color:#cfdcea;margin-top:24px;position:relative}
.foot::before{content:"";display:block;height:4px;background:linear-gradient(90deg,var(--orange),var(--blue))}
.foot .fgrid{display:grid;grid-template-columns:1.5fr 1fr 1.2fr;gap:34px;padding-block:40px 30px}
.fbrand{display:flex;gap:11px;align-items:center;margin-bottom:12px}
.flogo{width:72px;height:72px;border-radius:15px;overflow:hidden;background:#fff;flex-shrink:0}
.flogo img{width:100%;height:100%;object-fit:cover;object-position:top}
.fbrand b{color:#fff;font-size:15px;font-family:var(--f-disp),var(--f-app),sans-serif;display:block}
.fbrand small{font-size:10.5px;opacity:.7}
.foot h4{color:#fff;margin-bottom:13px;font-size:14.5px}
.foot p,.foot span{display:block;font-size:12.5px;opacity:.78;line-height:2.1}
.foot p{white-space:pre-line}
.foot a.flnk{display:block;font-size:12.5px;opacity:.82;padding:3px 0}
.foot a.flnk:hover{opacity:1;color:var(--orange)}
.foot-b{border-top:1px solid rgba(255,255,255,.12);padding-block:15px;font-size:11.5px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.credit{display:inline-flex;align-items:center;gap:7px;color:#93a3ba;white-space:nowrap}
.credit img{height:26px;width:auto;object-fit:contain}
.totop{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#e6edf7;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:9px;padding:6px 11px;cursor:pointer;white-space:nowrap}
.totop:hover{background:rgba(255,255,255,.14)}
@media (max-width:640px){.foot-b{justify-content:center;text-align:center}}

/* ط·آ±ط؛إ’ط·آ³ط¸آ¾ط·آ§ط¸â€ ط·آ³ط؛إ’ط¸ث† */
@media (max-width:1020px){
  .ngrid{grid-template-columns:repeat(2,1fr)}
  .pulse,.igrid{grid-template-columns:repeat(2,1fr)}
  .mgrid,.egrid{grid-template-columns:repeat(2,1fr)}
  .hero-grid{grid-template-columns:1fr}
  .hero-main{min-height:330px}
  .hdr{position:sticky}
  .hdr-in{position:relative;padding-block:8px}
  .hdr-row1{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:10px;min-height:0;width:100%}
  .hdr-brand{flex:1 1 auto;min-width:0}
  .mainnav{display:none}
  .menu-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
  .hdr-row2{display:none}
  .qin{width:130px}
  .irow{grid-template-columns:1fr}
  .u-quick{display:none}
  .mainnav.open{display:flex;position:absolute;top:100%;inset-inline:0;z-index:70;background:var(--card);flex-direction:column;padding:10px;border-bottom:1px solid var(--hairline);box-shadow:var(--sh-lg)}
}
@media (max-width:640px){
  .hdr-logo{width:48px;height:48px;border-radius:12px}
  .hdr-bt{max-width:none}
  .hdr-bt b{font-size:15px}
  .hdr-bt small{font-size:10px}
  .ngrid,.pulse,.igrid,.mgrid,.egrid{grid-template-columns:1fr}
  .hdr-in{height:auto;flex-wrap:nowrap;padding-block:8px;gap:0}
  .fgrid{grid-template-columns:1fr;gap:22px}
  .hero-t{font-size:20px}
}

/* ================= ط¸ث†ط؛إ’ط·آ±ط·آ§ط·آ³ط·ع¾ط·آ§ط·آ±ط؛إ’ ط·آ­ط·آ±ط¸ظ¾ط¸â€،أ¢â‚¬إ’ط·آ§ط؛إ’ ط¸آ¾ط¸ث†ط·آ±ط·ع¾ط·آ§ط¸â€‍ ط·آ®ط·آ¨ط·آ±ط؛إ’ ================= */
html{scroll-behavior:smooth;scroll-padding-top:104px}
::selection{background:var(--orange);color:#241300}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
img{max-width:100%;height:auto}
h1,h2,h3,h4{text-wrap:balance}
b,strong{font-weight:700}
p,.prose{orphans:2;widows:2;text-align:justify;text-justify:inter-word;hyphens:auto;overflow-wrap:break-word}
/* ط·آ¹ط¸â€ ط·آ§ط¸ث†ط؛إ’ط¸â€  ط·آ¨ط·آ®ط·آ´أ¢â‚¬إ’ط¸â€،ط·آ§: ط·آ¹ط¸â€ ط¸ث†ط·آ§ط¸â€  ط¸ث† ط¸â€¦ط·آ´ط·آ§ط¸â€،ط·آ¯ط¸â€، ط¸â€،ط¸â€¦ط¸â€، ط·آ±ط·آ§ط·آ³ط·ع¾أ¢â‚¬إ’ط¹â€ ط؛إ’ط¸â€  (RTL) */
.shead{flex-direction:row;justify-content:flex-start;align-items:center;text-align:start;gap:14px}
.stitle{justify-content:flex-start}
.slink{margin-inline-start:auto}
.pgtitle{text-align:center}
.pgtitle::after{content:'';display:block;width:64px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--orange),var(--blue));margin:12px auto 0}
.art-t{text-align:center}
.art-meta{justify-content:center}
.edate{margin-inline:auto}
.pulse .pi{text-align:center}
.psub{justify-content:center}
/* ط·آ³ط·ع¾ط¸ث†ط¸â€  ط·آ®ط¸ث†ط·آ§ط¸â€ ط·آ´ ط¸â€¦ط¸â€ڑط·آ§ط¸â€‍ط¸â€،: ط·آ¹ط·آ±ط·آ¶ ط·آ¨ط¸â€،ط؛إ’ط¸â€ ط¸â€، + ط¸ث†ط·آ³ط·آ·أ¢â‚¬إ’ط¹â€ ط؛إ’ط¸â€  */
.prose{line-height:2.1;max-width:78ch;margin-inline:auto}
.prose ul{padding-inline-start:22px;margin-block:10px}
.prose li{margin-block:4px}
/* ط·آ¨ط·آ±ط·آ´ ط؛إ’ط¹آ©ط¸â€ ط¸ث†ط·آ§ط·آ®ط·ع¾ ط¸â€¦ط·ع¾ط¸â€  ط¹آ©ط·آ§ط·آ±ط·ع¾أ¢â‚¬إ’ط¸â€،ط·آ§ (ط·آ³ط·آ±ط·آ®ط·آ· ط·ع¾ط·آ§ ط؛آ´ ط·آ®ط·آ·) */
.ncard-x{-webkit-line-clamp:5}
/* ط¸ظ¾ط¸ث†ط·ع¾ط·آ±: ط·ع¾ط؛إ’ط·ع¾ط·آ± ط·آ³ط·ع¾ط¸ث†ط¸â€ أ¢â‚¬إ’ط¸â€،ط·آ§ ط¸ث† ط¸â€‍ط؛إ’ط¸â€ ط¹آ©أ¢â‚¬إ’ط¸â€،ط·آ§ ط¸ث†ط·آ³ط·آ·أ¢â‚¬إ’ط¹â€ ط؛إ’ط¸â€  */
.foot h4{text-align:center}
.foot .flnk{display:block;text-align:center}
.foot .fcol-links h4,
.foot .fcol-links .flnk{text-align:right}
/* ط·آ¯ط·آ±ط·آ®ط¸ث†ط·آ§ط·آ³ط·ع¾: ط·ع¾ط¸â€¦ط·آ§ط¸â€¦ ط·ع¾ط؛إ’ط·ع¾ط·آ±/ط·آ¨ط·آ±ط¹â€ ط·آ³ط·آ¨/ط·ع¾ط·آ§ط·آ±ط؛إ’ط·آ® ط¹آ©ط·آ§ط·آ±ط·ع¾أ¢â‚¬إ’ط¸â€،ط·آ§ ط¸â€،ط¸â€¦ ط¸ث†ط·آ³ط·آ·أ¢â‚¬إ’ط¹â€ ط؛إ’ط¸â€  أ¢â‚¬â€‌ ط¸â€¦ط·ع¾ط¸â€  ط¸آ¾ط·آ§ط·آ±ط·آ§ط¹آ¯ط·آ±ط·آ§ط¸ظ¾أ¢â‚¬إ’ط¸â€،ط·آ§ ط·آ¬ط·آ§ط·آ³ط·ع¾ط؛إ’ط¸ظ¾ط·آ§ط؛إ’ ط¸â€¦ط؛إ’أ¢â‚¬إ’ط¸â€¦ط·آ§ط¸â€ ط·آ¯ */
.ncard-bd,.acard-bd,.ebd,.mbd,.irow-bd,.hc-bd{text-align:center}
.ncard-cat{align-self:center}
.ncard-meta{justify-content:center}
.acard-meta,.emeta{justify-content:center}

/* ================= v8: ط¸â€¦ط¸â€ ط¸ث†ط؛إ’ ط¹آ©ط·آ´ط¸ث†ط؛إ’ط؛إ’ + ط·آ´ط·آ¨ط¹آ©ط¸â€،أ¢â‚¬إ’ط¸â€،ط·آ§ط؛إ’ ط·آ§ط·آ¬ط·ع¾ط¸â€¦ط·آ§ط·آ¹ط؛إ’ + ط¸ظ¾ط¸ث†ط·ع¾ط·آ± ط؛آ´ ط·آ³ط·ع¾ط¸ث†ط¸â€ ط¸â€، ================= */
/* --- ط·آ¯ط·آ±ط·آ§ط¸آ¾أ¢â‚¬إ’ط·آ¯ط·آ§ط¸ث†ط¸â€  ط¸â€،ط·آ¯ط·آ± --- */
.nav-li{position:relative}
.dd-toggle{border:0;background:transparent;font-family:inherit;cursor:pointer}
.dd-caret{display:inline-block;margin-inline-start:5px;font-size:9.5px;opacity:.65;transform:translateY(-1px)}
.subnav{position:absolute;top:100%;inset-inline-start:0;z-index:70;min-width:262px;background:var(--card);border:1px solid var(--hairline);border-radius:14px;box-shadow:0 18px 42px rgba(2,20,60,.16);padding:10px;display:none;flex-direction:column;gap:2px}
.has-sub:hover .subnav,.has-sub:focus-within .subnav,.has-sub.active .subnav.open{display:flex}
.subnav a{display:block;padding:9px 12px;border-radius:9px;font-size:13px;font-weight:600;color:var(--muted);white-space:nowrap;line-height:1.55;text-align:start}
.subnav a b{display:block;color:var(--ink);font-size:13.5px}
.subnav a small{display:block;font-size:11.5px;opacity:.7;font-weight:400;white-space:normal}
.subnav a:hover,.subnav a:focus-visible{background:var(--hover);color:var(--blue)}
.subnav a:hover b{color:var(--blue)}
/* --- ط·ع¾ط؛إ’ط·ع¾ط·آ±ط·آ¨ط·آ®ط·آ´أ¢â‚¬إ’ط¸â€،ط·آ§ط؛إ’ ط·آµط¸ظ¾ط·آ­ط¸â€، ط·ع¾ط·آ±ط¹آ©ط؛إ’ط·آ¨ط؛إ’ --- */
.sect-t{font-size:17.5px;font-weight:800;color:var(--ink);margin:24px 0 14px;display:flex;align-items:center;gap:9px;text-align:center;justify-content:center}
.sect-t::before{content:"";width:6px;height:20px;border-radius:4px;background:linear-gradient(180deg,var(--orange),var(--blue));flex-shrink:0}
/* --- ط·آ¯ط·آ±ط·آ¨ط·آ§ط·آ±ط¸â€، ط¸â€¦ط·آ§ / ط·ع¾ط¸â€¦ط·آ§ط·آ³ ط·آ¨ط·آ§ ط¸â€¦ط·آ§ --- */
.intro-p{max-width:78ch;margin:0 auto 8px;color:var(--muted);font-size:14px}
.pbody{max-width:78ch;margin-inline:auto}
.pbody p{margin-bottom:13px;font-size:14.5px}
.cgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px;max-width:860px;margin-inline:auto}
.ccard{background:var(--card);border:1px solid var(--hairline);border-radius:14px;padding:16px 18px;text-align:center}
.ccard h3{font-size:12.5px;color:var(--muted);font-weight:700;margin-bottom:7px}
.ccard p{font-size:13.5px;margin:0}
@media (max-width:1020px){
  .subnav{position:static;box-shadow:none;border:0;background:transparent;padding:0 12px 4px;min-width:0;width:100%}
  .has-sub:hover .subnav,.has-sub:focus-within .subnav{display:none}
  .subnav.open{display:flex}
}
@media (max-width:640px){
  .cgrid{grid-template-columns:1fr}
  .fgrid{grid-template-columns:1fr;gap:26px}
}

/* ================= v9: ط·آ´ط·آ¨ط¹آ©ط¸â€،أ¢â‚¬إ’ط¸â€،ط·آ§ط؛إ’ ط·آ§ط·آ¬ط·ع¾ط¸â€¦ط·آ§ط·آ¹ط؛إ’ ط¸ظ¾ط¸ث†ط·ع¾ط·آ± (ط·آ¢ط؛إ’ط¹آ©ط¸ث†ط¸â€  ط·آ³ط¸ظ¾ط؛إ’ط·آ¯ ط·آ±ط¸ث†ط؛إ’ ط·آ±ط¸â€ ط¹آ¯ ط·آ¨ط·آ±ط¸â€ ط·آ¯) ================= */
.fsoc{margin-top:14px}
.fsoc-t{display:block;font-size:12px;color:var(--muted);font-weight:700;margin-bottom:10px;text-align:center}
.fsoc-row{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}
.fcol-contact{text-align:center}
.fcol-contact > span{display:block;margin-bottom:6px;white-space:nowrap}
.foot .fcol-contact a.flnk{display:inline;padding:0;opacity:.92;white-space:nowrap}
.fcol-contact .fsoc-row{justify-content:center}
.fs{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:13px;flex-shrink:0;transition:.2s}
.fs svg,.fs img{display:block}
.fs-ig{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285AEB 90%)}
.fs-tg{background:#229ED9}
.fs-bl{background:#00b894}
.fs-et{background:#ff7634}
.fs:hover{transform:translateY(-3px);box-shadow:0 8px 18px rgba(2,20,60,.18)}

/* ================= v9: ط¸â€،ط·آ¯ط·آ± ط¸ظ¾ط·آ´ط·آ±ط·آ¯ط¸â€، أ¢â‚¬â€‌ ط¸ظ¾ط؛إ’ط·ع¾ ط·آ¯ط¸â€ڑط؛إ’ط¸â€ڑ ط·آ¯ط·آ§ط·آ®ط¸â€‍ ط¹آ©ط·آ§ط·آ¯ط·آ± ط؛آ±ط؛آ±ط؛آ¸ط؛آ° ================= */
.hdr-in{gap:9px;min-height:74px;padding-block:5px}
.hdr-logo{width:52px;height:52px;border-radius:12px}
.hdr-bt{max-width:165px;gap:8px}
.hdr-bt b{font-size:15px}
.hdr-bt small{font-size:10px}
.mainnav{gap:0;justify-content:center;min-width:0;flex-shrink:1}
.nav-link{padding:8px 6.5px;font-size:11.5px;border-radius:8px}
.nav-link.on::after{inset-inline:7px}
.top-actions{gap:7px}
.qsearch{flex:1 1 115px;min-width:115px;max-width:170px}
.qin{width:100%;min-width:0;padding:8px 11px}
.qsearch button{padding:0 9px}
.lang-b{padding:6px 8px;font-size:11px}
.icon-btn{padding:7px 9px}

/* v9b: ط¸آ¾ط¸â€ ط·آ¬ط·آ±ط¸â€،أ¢â‚¬إ’ط¸â€،ط·آ§ط؛إ’ ط·آ¨ط·آ§ط·آ±ط؛إ’ط¹آ©أ¢â‚¬إ’ط·ع¾ط·آ± ط·آ¯ط·آ³ط¹آ©ط·ع¾ط·آ§ط¸آ¾ */
@media (min-width:1021px) and (max-width:1330px){
  .hdr-bt{max-width:130px}
  .hdr-bt b{font-size:14px}
  .nav-link{padding:8px 5.5px;font-size:11px}
  .qsearch{min-width:100px;max-width:150px;flex-basis:110px}
  .qin{padding:7px 10px}
}
@media (min-width:1021px) and (max-width:1090px){
  .qsearch{display:none}
}

/* ================= v11: ط¸â€،ط·آ¯ط·آ± ط·آ¯ط¸ث† ط·آ±ط·آ¯ط؛إ’ط¸ظ¾ط¸â€، أ¢â‚¬â€‌ ط¸â€‍ط¸ث†ط¹آ¯ط¸ث†ط؛إ’ ط·آ¨ط·آ²ط·آ±ط¹آ¯ط·إ’ ط¸â€¦ط¸â€ ط¸ث†ط؛إ’ ط·آ±ط·آ§ط·آ­ط·ع¾ط·إ’ ط·آ¬ط·آ³ط·ع¾ط·آ¬ط¸ث†/ط·آ²ط·آ¨ط·آ§ط¸â€ /ط·آ±ط¸ث†ط·آ²ط¸ث†ط·آ´ط·آ¨ ط·آ¯ط·آ± ط·آ±ط·آ¯ط؛إ’ط¸ظ¾ ط·آ¯ط¸ث†ط¸â€¦ ================= */
.hdr-in{display:block;gap:0;min-height:0;padding-block:10px 9px}
.hdr-row1{display:flex;align-items:center;gap:12px;min-height:102px;transition:min-height .22s ease,gap .22s ease}
.hdr-logo{width:92px;height:92px;border-radius:16px}
.hdr-bt{max-width:250px}
.hdr-bt b{font-size:20px}
.hdr-bt small{font-size:11.5px}
.mainnav{flex:1 1 auto;justify-content:flex-start;margin-inline-start:6px;min-width:0}
.nav-link{padding:10px 11px;font-size:13px;border-radius:10px;transition:padding .22s ease,font-size .22s ease}
.nav-link.on::after{inset-inline:11px}
.hdr-row2{display:flex;align-items:center;gap:10px;margin-top:8px;border-top:1px solid var(--hairline);padding-top:9px;min-height:44px;transition:margin .22s ease,padding .22s ease,min-height .22s ease,border-color .22s ease,opacity .22s ease}

/* ط¸â€،ط·آ¯ط·آ± ط¸ظ¾ط·آ´ط·آ±ط·آ¯ط¸â€، ط¸â€،ط¸â€ ط¹آ¯ط·آ§ط¸â€¦ ط·آ§ط·آ³ط¹آ©ط·آ±ط¸ث†ط¸â€‍ */
.hdr.is-compact .hdr-in{padding-block:3px}
.hdr.is-compact .hdr-row1{min-height:0;gap:8px}
.hdr.is-compact .hdr-brand{gap:8px}
.hdr.is-compact .hdr-logo{width:36px;height:36px;border-radius:9px;box-shadow:none}
.hdr.is-compact .hdr-bt{max-width:200px}
.hdr.is-compact .hdr-bt b{font-size:14px;line-height:1.25}
.hdr.is-compact .hdr-bt small{font-size:0;opacity:0;max-height:0;margin:0;overflow:hidden}
.hdr.is-compact .nav-link{padding:6px 9px;font-size:12.5px}
.hdr.is-compact .nav-link.on::after{bottom:0;height:2px}
.hdr.is-compact .hdr-row2{margin-top:0;padding-top:0;border-top-color:transparent;min-height:0}
@media (min-width:1021px){
  .hdr.is-compact .hdr-row2{display:none}
  .hdr.is-compact .hdr-logo{width:40px;height:40px;border-radius:10px}
  .hdr.is-compact .hdr-bt b{font-size:15px}
  html.hdr-compact{scroll-padding-top:56px}
}
@media (max-width:1020px){
  .hdr.is-compact .hdr-logo{display:none}
  .hdr.is-compact .hdr-row1{flex-direction:row-reverse}
  .hdr.is-compact .hdr-bt b{font-size:14px}
}
.qsearch{flex:1 1 260px;min-width:220px;max-width:470px}
.qin{padding:9px 13px;font-size:13px}
.lang-b{padding:7px 11px;font-size:12px}
.icon-btn{padding:8px 11px}
html{scroll-padding-top:172px}
/* ط·آ¯ط·آ³ط¹آ©ط·ع¾ط·آ§ط¸آ¾ ط·آ¨ط·آ§ط·آ±ط؛إ’ط¹آ©أ¢â‚¬إ’ط·ع¾ط·آ± ط¹آ©ط¸â€، ط·آ§ط·آ² ط¸â€ ط·آ³ط·آ®ط¸â€، ط¸â€ڑط·آ¨ط¸â€‍ ط¸ظ¾ط·آ´ط·آ±ط·آ¯ط¸â€، ط·آ¨ط¸ث†ط·آ¯ أ¢â‚¬â€‌ ط·آ­ط·آ§ط¸â€‍ط·آ§ ط·آ¨ط·آ²ط·آ±ط¹آ¯ ط·آ¨ط¸â€¦ط·آ§ط¸â€ ط·آ¯ */
@media (min-width:1021px) and (max-width:1330px){
  .hdr-bt{max-width:210px}
  .hdr-bt b{font-size:18px}
  .nav-link{padding:9px 9px;font-size:12.5px}
}
@media (min-width:1021px) and (max-width:1090px){
  .qsearch{display:flex}
}
@media (max-width:1020px){
  .hdr-row1{min-height:0}
  .hdr-logo{width:52px;height:52px}
}
@media (max-width:640px){
  .hdr-logo{width:48px;height:48px}
  .qsearch{min-width:0}
}

/* ================= v12: ط¹آ¯ط·آ±ط·آ§ط¸ظ¾ط؛إ’ط¹آ© ط·آ­ط·آ±ط¸ظ¾ط¸â€،أ¢â‚¬إ’ط·آ§ط؛إ’ ط¸â€¦ط¸â€ ط¸ث† + ط¹آ©ط¸â€ ط·ع¾ط·آ±ط¸â€‍أ¢â‚¬إ’ط¸â€،ط·آ§ط؛إ’ ط¸ث†ط·آ³ط·آ·أ¢â‚¬إ’ط¹â€ ط؛إ’ط¸â€  ================= */
/* --- ط¸â€¦ط¸â€ ط¸ث†ط؛إ’ ط·آ§ط·آµط¸â€‍ط؛إ’: ط¸ث†ط·آ³ط·آ·أ¢â‚¬إ’ط¹â€ ط؛إ’ط¸â€ ط·إ’ ط¸آ¾ط؛إ’ط¸â€‍ ط¸â€ ط·آ±ط¸â€¦ط·إ’ ط·آ§ط¹آ©ط·ع¾ط؛إ’ط¸ث† ط·آ´ط؛إ’ط¹آ© --- */
.mainnav{justify-content:center;gap:3px;padding-block:3px}
.nav-link{padding:9px 13px;font-size:13.5px;font-weight:700;color:var(--ink);opacity:.86;border-radius:11px;transition:all .18s ease}
.nav-link:hover{opacity:1;background:var(--accent-soft);color:var(--blue)}
.nav-link.on{opacity:1;background:var(--accent-soft);color:var(--blue)}
.nav-link.on::after{inset-inline:15px;bottom:1px;height:3px;border-radius:3px 3px 0 0;background:var(--orange)}
/* --- ط¸ظ¾ط¸â€‍ط·آ´ ط·آ¯ط·آ±ط·آ§ط¸آ¾أ¢â‚¬إ’ط·آ¯ط·آ§ط¸ث†ط¸â€ : ط¹â€ ط¸ث†ط·آ±ط¸ث†ط¸â€  SVG ط·آ¨ط·آ§ ط¹â€ ط·آ±ط·آ®ط·آ´ ط¸â€،ط¸â€ ط¹آ¯ط·آ§ط¸â€¦ ط·آ¨ط·آ§ط·آ² ط·آ´ط·آ¯ط¸â€  --- */
.dd-caret{display:inline-flex;align-items:center;margin-inline-start:6px;opacity:.55;transition:transform .2s ease}
.has-sub:hover .dd-caret,.has-sub:has(.subnav.open) .dd-caret{transform:rotate(180deg);opacity:.9}
/* --- ط¹آ©ط·آ§ط·آ±ط·ع¾ ط·آ²ط؛إ’ط·آ±ط¸â€¦ط¸â€ ط¸ث†: ط·آ³ط·آ§ط؛إ’ط¸â€، ط¸â€ ط·آ±ط¸â€¦أ¢â‚¬إ’ط·ع¾ط·آ±ط·إ’ ط·آ¢ط؛إ’ط·ع¾ط¸â€¦أ¢â‚¬إ’ط¸â€،ط·آ§ط؛إ’ ط·آ¨ط·آ§ ط·ع¾ط¸ث†ط·آ¶ط؛إ’ط·آ­ --- */
.subnav{min-width:302px;border-radius:16px;box-shadow:0 22px 48px rgba(2,20,60,.18);padding:12px;gap:3px}
.subnav a{padding:10px 12px;border-radius:11px;transition:all .16s ease}
.subnav a b{font-size:13.5px;display:block}
.subnav a:hover{transform:translateY(-1px)}
/* --- ط·آ±ط·آ¯ط؛إ’ط¸ظ¾ ط·آ¯ط¸ث†ط¸â€¦: ط¸ث†ط·آ³ط·آ·أ¢â‚¬إ’ط¹â€ ط؛إ’ط¸â€  ط¸ث† ط¸â€ڑط·آ±ط·آµط؛إ’ --- */
.hdr-row2{justify-content:center;gap:12px}
.qsearch{flex:0 1 430px;min-width:230px;border-radius:999px;padding:1px;transition:border-color .2s,box-shadow .2s}
.qsearch:hover{border-color:var(--blue)}
.qsearch button{padding:0 13px;font-size:14.5px}
.qin{padding:9px 16px;font-size:13px}
.langsw{border-radius:999px;overflow:hidden;box-shadow:var(--sh)}
.icon-btn{border-radius:999px;padding:8px 12px}
@media (max-width:1020px){
  .qsearch{flex:1 1 auto}
}
@media (max-width:640px){
  .hdr-row2{gap:8px}
  .qsearch{flex:1 1 100%}
  .subnav{min-width:0}
}

/* ================= v13: ط¸â€¦ط·آ­ط·آ§ط¸ظ¾ط·آ¸ ط·آ¹ط·آ±ط·آ¶ ط¸â€¦ط¸â€ ط¸ث†ط؛إ’ ط·آ²ط·آ¨ط·آ§ط¸â€  أ¢â‚¬â€‌ ط·آ¹ط·آ±ط·آ¨ط؛إ’ ط¸â€،ط·آ±ط¹آ¯ط·آ² ط·آ¨ط·آ±ط؛إ’ط·آ¯ط¸â€، ط¸â€ ط·آ´ط¸ث†ط·آ¯ ================= */
.langsw{flex-shrink:0;min-width:190px;max-width:none}
.lang-b{white-space:nowrap;flex:none;flex-shrink:0}
.icon-btn{flex-shrink:0}

/* ================= v14: ط·آ³ط¸ث†ط؛إ’ط؛إ’ط¹â€ ط·آ± ط·آ²ط·آ¨ط·آ§ط¸â€  = ط·آ¹ط·آ±ط·آ¶ ط·آ·ط·آ¨ط؛إ’ط·آ¹ط؛إ’ ط¸â€¦ط·آ­ط·ع¾ط¸ث†ط·آ§ط·إ’ ط·آ¨ط·آ¯ط¸ث†ط¸â€  ط¸ظ¾ط·آ¶ط·آ§ط؛إ’ ط·آ®ط·آ§ط¸â€‍ط؛إ’ ط¸ث† ط·آ¨ط·آ¯ط¸ث†ط¸â€  ط·آ¨ط·آ±ط·آ´ ================= */
.langsw{flex-shrink:0;min-width:0}

/* ================= v15: ط¸â€،ط¸â€¦أ¢â‚¬إ’ط·ع¾ط·آ±ط·آ§ط·آ²ط؛إ’ ط¸â€،ط؛إ’ط·آ±ط¸ث† أ¢â‚¬â€‌ ط·آ³ط¸â€، ط¹آ©ط·آ§ط·آ±ط·ع¾ ط¹آ©ط¸â€ ط·آ§ط·آ± ط¹آ©ط·آ§ط¸â€¦ط¸â€‍ط·آ§ط¸â€¹ ط¸â€،ط¸â€¦أ¢â‚¬إ’ط·آ§ط·آ±ط·ع¾ط¸ظ¾ط·آ§ط·آ¹ ط·ع¾ط·آµط¸ث†ط؛إ’ط·آ± ط·آ¨ط·آ²ط·آ±ط¹آ¯ ================= */
@media (min-width:1021px){
  .hero-grid{align-items:stretch}
  .hero-main{display:flex;flex-direction:column;height:100%;min-height:420px;align-self:stretch}
  .hero-bd{height:auto;margin-top:auto;padding:90px 24px 0;justify-content:flex-end}
  .hero-side{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:12px;align-self:stretch}
  .hero-card{align-items:stretch}
  .hc-im{height:100%;min-height:0}
  .hero-card .hc-bd{align-self:center}
}

/* ===== v16: ط·آ¨ط¸â€ ط·آ§ط·آ¯ط·آ± ط·آ¢ط·آ²ط·آ§ط·آ¯ ط·آ§ط؛إ’ط·آ±ط·آ§ط¸â€  (ط¸ظ¾ط·آ±ط؛إ’ط¸â€ ط·آ§) + ط¹آ¯ط·آ±ط·آ§ط¸ظ¾ط؛إ’ط¹آ© ط·آ­ط·آ±ط¸ظ¾ط¸â€،أ¢â‚¬إ’ط·آ§ط؛إ’ ط·آ§ط·آ·ط¸â€‍ط·آ§ط·آ¹ط؛إ’ط¸â€،أ¢â‚¬إ’ط¸â€،ط·آ§/ط·آ±ط¸ث†ط؛إ’ط·آ¯ط·آ§ط·آ¯ط¸â€،ط·آ§ ===== */
/* --- ط·آ¨ط·آ®ط·آ´ ط·آ¨ط¸â€ ط·آ§ط·آ¯ط·آ± ط·آ¢ط·آ²ط·آ§ط·آ¯ --- */
.fgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.fcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--hairline);border-radius:16px;overflow:hidden;box-shadow:0 1px 4px rgba(15,40,70,.06);transition:transform .18s ease,box-shadow .18s ease;text-align:center}
.fcard:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(15,40,70,.13);border-color:var(--line-strong)}
.fc-im{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;overflow:hidden;background:var(--veil)}
.fc-im img{width:100%;height:100%;object-fit:cover;display:block}
.fc-bd{display:flex;flex-direction:column;align-items:center;gap:7px;padding:13px 15px 15px;flex:1}
.fc-src{font-size:10.5px;font-weight:700;color:var(--blue);background:var(--accent-soft);border:1px solid var(--hairline);border-radius:999px;padding:2px 11px}
.fc-bd h3{margin:0;font-size:14px;font-weight:800;line-height:1.75;color:var(--ink)}
.fc-bd h3 a{color:inherit;text-decoration:none}
.fc-bd h3 a:hover{color:var(--orange)}
.fc-bd p{margin:0;font-size:12.5px;color:var(--muted);line-height:1.9;text-align:justify}
.fc-bd time{margin-top:auto;font-size:11px;color:var(--slate)}
.fcard .noimg{font-size:30px;opacity:.55}
@media (max-width:1020px){.fgrid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.fgrid{grid-template-columns:1fr}}

/* --- ط·آ§ط·آ·ط¸â€‍ط·آ§ط·آ¹ط؛إ’ط¸â€،أ¢â‚¬إ’ط¸â€،ط·آ§: ط·آ´ط·آ¨ط¹آ©ط¸â€، ط؛آ²ط·آ³ط·ع¾ط¸ث†ط¸â€  + ط¸â€ ط¸ث†ط·آ§ط·آ± ط·آ±ط¸â€ ط¹آ¯ط؛إ’ ط¸â€ ط¸ث†ط·آ¹ + ط·آ¢ط؛إ’ط¹آ©ط¸ث†ط¸â€  ط·آ±ط¸â€ ط¹آ¯ط؛إ’ --- */
.alist{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.acard{position:relative;overflow:hidden;background:#fff;border-radius:var(--radius)}
.acard::before{content:'';position:absolute;inset-inline-start:0;top:0;bottom:0;width:4px;opacity:.92}
.acard.a-tender::before{background:#2f6fd6}
.acard.a-auction::before{background:#b04343}
.acard.a-notice::before{background:#1d8a5f}
.acard.a-call::before{background:#e08a1e}
.acard:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,40,70,.10)}
.acard-ic{width:46px;height:46px;border-radius:50%;font-size:21px;background:var(--accent-soft);border:2px solid var(--hairline)}
.a-tender .acard-ic{background:#e9f2ff;color:#2f6fd6;border-color:#d4e2f8}
.a-auction .acard-ic{background:#fdeeee;color:#b04343;border-color:#f3d7d7}
.a-notice .acard-ic{background:#eaf6f0;color:#1d8a5f;border-color:#d2e8db}
.a-call .acard-ic{background:#fdf2df;color:#c07d1a;border-color:#f2e0c0}
.acard h3{font-size:15px}
.acard p{font-size:13px;text-align:justify}
.acard-meta{margin-top:auto;border-top:1px dashed var(--hairline);padding-top:10px}
@media (max-width:760px){.alist{grid-template-columns:1fr}}

/* --- ط·آ±ط¸ث†ط؛إ’ط·آ¯ط·آ§ط·آ¯ط¸â€،ط·آ§: ط·آ¨ط·آ¬ ط·ع¾ط·آ§ط·آ±ط؛إ’ط·آ® ط¹آ¯ط·آ±ط·آ§ط·آ¯ط؛إ’ط·آ§ط¸â€ ط؛إ’ + ط·آ­ط·آ§ط¸â€‍ط·ع¾ ط¢آ«ط¸â€ ط·آ²ط·آ¯ط؛إ’ط¹آ©ط¢آ» --- */
.ecard{position:relative;overflow:hidden;background:#fff;border-radius:var(--radius)}
.ecard::after{content:'';position:absolute;inset-block:0;inset-inline-end:0;width:5px;background:linear-gradient(180deg,#ffa94d,#ef6416);opacity:.9}
.ecard:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,40,70,.10)}
.edate{background:linear-gradient(145deg,#ffa94d 0%,#ef6416 100%);border:none;color:#fff;border-radius:14px;min-width:64px;height:68px;box-shadow:0 6px 16px rgba(239,100,22,.30)}
.edate b{font-size:23px;color:#fff}
.edate span{color:rgba(255,255,255,.94);font-weight:700}
.ecard.e-soon::after{background:linear-gradient(180deg,#ff8080,#c81e1e)}
.e-soon .edate{background:linear-gradient(145deg,#ff8080 0%,#c81e1e 100%);box-shadow:0 6px 16px rgba(200,30,30,.30)}
.echip.edays{background:#fff3e6;border-color:#ffd9b3;color:#c2410c;font-weight:800}
.e-soon .echip.edays{background:#fdecec;border-color:#f5c2c2;color:#b91c1c}

/* ===== v17: ط·ع¾ط·آµط¸ث†ط؛إ’ط·آ± + ط·آ¨ط¹آ©أ¢â‚¬إ’ط¹آ¯ط·آ±ط·آ§ط¸â€ ط·آ¯ ط·آ­ط·آ±ط¸ظ¾ط¸â€،أ¢â‚¬إ’ط·آ§ط؛إ’ ط·آ§ط·آ·ط¸â€‍ط·آ§ط·آ¹ط؛إ’ط¸â€،أ¢â‚¬إ’ط¸â€،ط·آ§/ط·آ±ط¸ث†ط؛إ’ط·آ¯ط·آ§ط·آ¯ط¸â€،ط·آ§ ===== */
/* ط·آ¨ط¸â€ ط·آ¯ ط¸آ¾ط·آ³أ¢â‚¬إ’ط·آ²ط¸â€¦ط؛إ’ط¸â€ ط¸â€، ط·آ¯ط¸ث† ط·آ¨ط·آ®ط·آ´ ط·آ¯ط·آ± ط·آ®ط·آ§ط¸â€ ط¸â€، */
.sec-band{background:radial-gradient(circle at 1px 1px,rgba(47,111,214,.05) 1px,transparent 0) 0 0/17px 17px,linear-gradient(180deg,#f6f9fd 0%,#eef3fa 100%);border-block:1px solid var(--hairline-soft)}
.sec-ev{background:radial-gradient(circle at 1px 1px,rgba(239,100,22,.07) 1px,transparent 0) 0 0/17px 17px,linear-gradient(180deg,#fdf6ef 0%,#f8eee3 100%)}

/* --- ط·آ§ط·آ·ط¸â€‍ط·آ§ط·آ¹ط؛إ’ط¸â€،أ¢â‚¬إ’ط¸â€،ط·آ§: ط¹آ©ط·آ§ط·آ±ط·ع¾ ط·ع¾ط·آµط¸ث†ط؛إ’ط·آ±ط؛إ’ --- */
.alist{gap:18px}
.acard{flex-direction:column;align-items:stretch;gap:0;padding:0;background:#fff}
.acard::before{inset-inline:0;inset-block-end:auto;top:0;height:4px;width:100%;border-radius:0;}
.acard-bd{flex:1;display:flex;flex-direction:column;padding:18px}
.a-im{position:relative;height:150px;flex-shrink:0;overflow:hidden;background:var(--veil)}
.a-im img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.acard:hover .a-im img{transform:scale(1.05)}
.a-im::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,32,62,.26),rgba(10,32,62,0) 60%)}
.a-ic{position:absolute;inset-block-end:-23px;inset-inline-start:16px;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:21px;background:#fff;border:2px solid var(--hairline);box-shadow:0 5px 12px rgba(15,40,70,.14);z-index:2}
/* ط·آ¨ط·آ¯ط¸ث†ط¸â€  ط·ع¾ط·آµط¸ث†ط؛إ’ط·آ±: ط¸â€،ط·آ¯ط·آ± ط¹آ¯ط·آ±ط·آ§ط·آ¯ط؛إ’ط·آ§ط¸â€ ط¸ع¯ ط·ع¾ط·آ§ط؛إ’ط¸آ¾ ط·آ¨ط·آ§ ط¸آ¾ط·ع¾ط·آ±ط¸â€  ط¸â€ ط¸â€ڑط·آ·ط¸â€،أ¢â‚¬إ’ط·آ§ط؛إ’ */
.a-im-typo{height:78px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 1px 1px,rgba(255,255,255,.28) 1px,transparent 0) 0 0/12px 12px,linear-gradient(120deg,var(--tc1),var(--tc2))}
.a-tender .a-im-typo{--tc1:#4d8bde;--tc2:#2f6fd6}
.a-auction .a-im-typo{--tc1:#c45959;--tc2:#b04343}
.a-notice .a-im-typo{--tc1:#2aa173;--tc2:#1d8a5f}
.a-call .a-im-typo{--tc1:#eba03a;--tc2:#e08a1e}
.a-im-typo .a-ic{position:static;width:54px;height:54px;background:rgba(255,255,255,.94);border:2px solid rgba(255,255,255,.55);box-shadow:0 6px 16px rgba(10,32,62,.20)}
.a-im-typo + .acard-bd{padding-top:24px}

/* --- ط·آ±ط¸ث†ط؛إ’ط·آ¯ط·آ§ط·آ¯ط¸â€،ط·آ§: ط¹آ©ط·آ§ط·آ±ط·ع¾ ط·ع¾ط·آµط¸ث†ط؛إ’ط·آ±ط؛إ’ + ط¸آ¾ط·آ³أ¢â‚¬إ’ط·آ²ط¸â€¦ط؛إ’ط¸â€ ط¸â€، ط¹آ¯ط·آ±ط¸â€¦ --- */
.ecard{gap:0}
.ecard:not(.has-im){background:radial-gradient(circle at 1px 1px,rgba(239,100,22,.07) 1px,transparent 0) 0 0/13px 13px,linear-gradient(160deg,#fffdfa,#fff4ea)}
.ecard .ebd{flex:1;display:flex;flex-direction:column}
.ecard .emeta{margin-top:auto}
.ecard.has-im{flex-direction:column;padding:0}
.e-im{position:relative;height:150px;flex-shrink:0;overflow:hidden;background:var(--veil)}
.e-im img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.ecard:hover .e-im img{transform:scale(1.05)}
.e-im::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(90,40,5,.28),rgba(90,40,5,0) 60%)}
.ecard.has-im .edate{position:absolute;top:10px;inset-inline-start:12px;min-width:54px;height:56px;z-index:2}
.ecard.has-im::after{display:none}

/* ===== ظ…ط¹ط±ظپظٹ ط´ظ‡ط± ط¨ظˆط´ظ‡ط± (ط§ظ„ع¯ظˆظٹ intro) ===== */
.city-page{max-width:1100px;margin:0 auto}
.city-hero{text-align:center;padding:8px 0 28px}
.city-kicker{display:inline-block;font-size:12px;font-weight:700;color:var(--blue);background:var(--accent-soft);border:1px solid var(--hairline);border-radius:999px;padding:5px 12px;margin-bottom:12px}
.city-title{font-family:var(--f-disp),var(--f-app),sans-serif;font-size:clamp(34px,5vw,48px);font-weight:800;color:var(--ink);line-height:1.25;margin:0}
.city-lead{max-width:48ch;margin:12px auto 0;color:var(--muted);font-size:15px}
.city-layout{display:grid;grid-template-columns:210px 1fr;gap:28px;align-items:start}
.city-toc{position:sticky;top:110px;display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid var(--hairline);border-radius:16px;background:var(--card);box-shadow:var(--sh)}
.city-toc a{padding:10px 12px;border-radius:10px;font-size:13px;font-weight:700;color:var(--muted);transition:.18s}
.city-toc a:hover{background:var(--hover);color:var(--ink)}
.city-main{min-width:0}
.city-sec{scroll-margin-top:120px;margin-bottom:34px}
.city-band{background:linear-gradient(180deg,#f5f8fc 0%,#eef3fa 100%);border:1px solid var(--hairline-soft);border-radius:18px;padding:24px 20px}
.city-h{font-family:var(--f-disp),var(--f-app),sans-serif;font-size:24px;font-weight:800;color:var(--ink);text-align:center;margin:0 0 18px}
.city-h::after{content:"";display:block;width:56px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--orange),var(--blue));margin:10px auto 0}
.city-sec-intro{max-width:70ch;margin:0 auto 18px;text-align:center;color:var(--muted);font-size:14px}
.city-card{background:var(--card);border:1px solid var(--hairline);border-radius:16px;padding:22px 24px;box-shadow:var(--sh)}
.city-card p{margin:0 0 12px;text-align:justify;color:var(--body);line-height:2}
.city-card p:last-child{margin-bottom:0}
.city-why{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:center;background:var(--card);border:1px solid var(--hairline);border-radius:18px;padding:22px;box-shadow:var(--sh)}
.city-eyebrow{font-size:18px;font-weight:800;color:var(--blue);margin:0 0 4px}
.city-why-h{font-family:var(--f-disp),var(--f-app),sans-serif;font-size:clamp(42px,7vw,64px);line-height:1;font-weight:800;color:var(--navy);margin:0 0 14px}
.city-why-h span{display:block;font-size:.48em;color:var(--orange);margin-top:4px}
.city-why-copy p{margin:0 0 14px;text-align:justify;line-height:2;color:var(--body)}
.city-why-list{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.city-why-list li{position:relative;padding-inline-start:16px;color:var(--ink);font-weight:600;font-size:13.5px}
.city-why-list li::before{content:"";position:absolute;inset-inline-start:0;top:.65em;width:7px;height:7px;border-radius:50%;background:var(--orange)}
.city-why-media{margin:0;border-radius:14px;overflow:hidden;min-height:280px;background:var(--veil)}
.city-why-media img{width:100%;height:100%;min-height:280px;object-fit:cover}
.city-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}
.city-facts div{background:var(--veil);border:1px solid var(--hairline-soft);border-radius:12px;padding:12px;text-align:center}
.city-facts strong{display:block;color:var(--ink);font-size:13.5px;font-weight:800}
.city-facts span{display:block;margin-top:4px;color:var(--muted);font-size:11.5px}
.city-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.city-stat{background:linear-gradient(160deg,var(--navy),#1a4f7c);color:#fff;border-radius:14px;padding:18px 14px;text-align:center;box-shadow:var(--sh)}
.city-stat b{display:block;font-family:var(--f-disp),var(--f-app),sans-serif;font-size:22px;font-weight:800;line-height:1.3}
.city-stat span{display:block;margin-top:6px;font-size:12px;opacity:.88}
.city-heritage{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:14px}
.city-heritage article{background:var(--card);border:1px solid var(--hairline);border-radius:14px;padding:16px 18px;box-shadow:var(--sh)}
.city-heritage h3{margin:0 0 8px;font-size:15px;font-weight:800;color:var(--ink)}
.city-heritage p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.9;text-align:justify}
.city-acc{display:flex;flex-direction:column;gap:10px}
.city-acc-item{background:var(--card);border:1px solid var(--hairline);border-radius:14px;overflow:hidden;box-shadow:var(--sh)}
.city-acc-item summary{cursor:pointer;list-style:none;padding:16px 18px;font-weight:800;color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:12px}
.city-acc-item summary::-webkit-details-marker{display:none}
.city-acc-item summary::after{content:"";width:10px;height:10px;border-inline-end:2px solid var(--blue);border-block-end:2px solid var(--blue);transform:rotate(45deg);transition:transform .2s;flex-shrink:0;margin-top:-4px}
.city-acc-item[open] summary{background:var(--accent-soft);color:var(--blue)}
.city-acc-item[open] summary::after{transform:rotate(-135deg);margin-top:4px}
.city-acc-body{padding:0 18px 16px}
.city-acc-body p{margin:0;text-align:justify;line-height:2;color:var(--body)}
@media (max-width:920px){
  .city-layout{grid-template-columns:1fr}
  .city-toc{position:static;flex-direction:row;flex-wrap:wrap;gap:8px}
  .city-toc a{padding:8px 12px;font-size:12.5px}
  .city-why{grid-template-columns:1fr}
  .city-facts,.city-stats{grid-template-columns:repeat(2,1fr)}
  .city-heritage{grid-template-columns:1fr}
}
@media (max-width:560px){
  .city-facts,.city-stats{grid-template-columns:1fr}
}

/* Preview gate dialog */
.preview-gate-body{
  min-height:100vh;
  margin:0;
  background:
    radial-gradient(circle at 12% 18%,rgba(11,104,173,.16),transparent 42%),
    radial-gradient(circle at 88% 78%,rgba(241,163,52,.18),transparent 40%),
    linear-gradient(165deg,#eef3f8 0%,#f8f9fa 48%,#e8eef5 100%);
}
[data-theme="dark"] .preview-gate-body{
  background:
    radial-gradient(circle at 12% 18%,rgba(11,104,173,.22),transparent 42%),
    radial-gradient(circle at 88% 78%,rgba(241,163,52,.12),transparent 40%),
    linear-gradient(165deg,#0e1929 0%,#132238 55%,#0e1929 100%);
}
.preview-gate{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.preview-gate-card{
  width:100%;
  max-width:420px;
  background:var(--card);
  border:1px solid var(--hairline);
  border-radius:20px;
  box-shadow:var(--sh-lg);
  padding:28px 26px 24px;
  text-align:center;
}
.preview-gate-brand{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-bottom:18px;
}
.preview-gate-brand img{
  width:56px;
  height:auto;
  border-radius:12px;
  background:#fff;
  border:1px solid var(--hairline);
}
.preview-gate-brand b{
  display:block;
  font-family:var(--f-disp),var(--f-app),sans-serif;
  font-size:16px;
  color:var(--ink);
  font-weight:800;
}
.preview-gate-brand small{
  display:block;
  font-size:12px;
  color:var(--muted);
  margin-top:2px;
}
.preview-gate-card h1{
  font-family:var(--f-disp),var(--f-app),sans-serif;
  font-size:22px;
  color:var(--ink);
  margin:0 0 8px;
  font-weight:800;
}
.preview-gate-card > p{
  color:var(--muted);
  font-size:13.5px;
  line-height:1.9;
  margin:0 0 18px;
}
.preview-gate-form{text-align:start}
.preview-gate-label{
  display:block;
  font-size:13px;
  font-weight:700;
  color:var(--ink);
  margin-bottom:7px;
}
.preview-gate-input{
  width:100%;
  height:46px;
  border:1px solid var(--hairline);
  border-radius:12px;
  background:var(--veil);
  color:var(--ink);
  padding:0 14px;
  font:inherit;
  font-size:15px;
  letter-spacing:.12em;
  text-align:center;
  outline:none;
  transition:border-color .15s ease,box-shadow .15s ease;
}
.preview-gate-input:focus{
  border-color:var(--blue);
  box-shadow:0 0 0 3px rgba(11,104,173,.14);
}
.preview-gate-error{
  color:#b91c1c;
  background:#fdecec;
  border:1px solid #f5c2c2;
  border-radius:10px;
  padding:8px 12px;
  font-size:12.5px;
  margin:12px 0 0;
  text-align:center;
}
[data-theme="dark"] .preview-gate-error{
  color:#fecaca;
  background:rgba(185,28,28,.18);
  border-color:rgba(248,113,113,.35);
}
.preview-gate-btn{
  width:100%;
  margin-top:14px;
  height:46px;
  font-size:14.5px;
}