PageSourceSearch

https://afghanistan.af/

html afghanistan.af collected 2026-10-03 01:07:08 UTC 116,413 bytes, 1,560 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ps" dir="rtl">
3<head>
4<meta charset="UTF-8">
5<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
6
7<!-- ═══ SEO CORE ═══ -->
8<title>د افغانستان ملي پورتال | د بدلون نرخ، هوا، د لمانځه وختونه، موبایل کریډیټ</title>
9<meta name="description" content="د افغانستان ملي پورتال — د بدلون نرخونه، د لمانځه وختونه، د ۳۴ ولایتونو هوا، موبایل کریډیټ، الوتنې، قرآن کریم او نور ډیر خدمتونه.">
10<meta name="keywords" content="افغانستان, پورتال افغانستان, اخبار افغانستان, نرخ ارز افغانستان, شارژ موبایل افغانستان, اوقات نماز کابل, آب و هوای افغانستان">
11<meta name="author" content="پورتال افغانستان">
12<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
13<meta name="language" content="ps">
14<meta name="geo.region" content="AF">
15<meta name="geo.placename" content="Afghanistan">
16<link rel="canonical" href="https://afghanistan.af/">
17
18<!-- ═══ OPEN GRAPH ═══ -->
19<meta property="og:type" content="website">
20<meta property="og:url" content="https://afghanistan.af/">
21<meta property="og:title" content="د افغانستان ملي پورتال | د بدلون نرخ، هوا، د لمانځه وختونه، موبایل کریډیټ">
22<meta property="og:description" content="د افغانستان ملي پورتال — د بدلون نرخونه، د لمانځه وختونه، د ۳۴ ولایتونو هوا، موبایل کریډیټ، الوتنې، قرآن کریم او نور ډیر خدمتونه.">
23<meta property="og:image" content="https://afghanistan.af/assets/img/og-image.png">
24<meta property="og:image:width" content="1200">
25<meta property="og:image:height" content="630">
26<meta property="og:locale" content="ps_AF">
27<meta property="og:site_name" content="پورتال افغانستان">
28
29<!-- ═══ TWITTER CARD ═══ -->
30<meta name="twitter:card" content="summary_large_image">
31<meta name="twitter:title" content="د افغانستان ملي پورتال | د بدلون نرخ، هوا، د لمانځه وختونه، موبایل کریډیټ">
32<meta name="twitter:description" content="د افغانستان ملي پورتال — د بدلون نرخونه، د لمانځه وختونه، د ۳۴ ولایتونو هوا، موبایل کریډیټ، الوتنې، قرآن کریم او نور ډیر خدمتونه.">
33<meta name="twitter:image" content="https://afghanistan.af/assets/img/og-image.png">
34
35<!-- ═══ FONTS & STYLES ═══ -->
36<link rel="preconnect" href="https://fonts.googleapis.com">
37<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
38<link href="https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
39<link rel="stylesheet" href="/assets/css/main.css?v=1036">
40<link rel="stylesheet" href="/assets/css/nav.css?v=1036">
41
42<!-- ═══ FAVICON ═══ -->
43<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='%230a3d2b'/%3E%3Cellipse cx='50' cy='52' rx='30' ry='22' fill='none' stroke='%234ecb95' stroke-width='3'/%3E%3Ccircle cx='50' cy='52' r='5' fill='%234ecb95'/%3E%3Cline x1='20' y1='52' x2='80' y2='52' stroke='%234ecb95' stroke-width='2'/%3E%3Cline x1='50' y1='30' x2='50' y2='74' stroke='%234ecb95' stroke-width='2'/%3E%3Cellipse cx='50' cy='52' rx='14' ry='22' fill='none' stroke='%234ecb95' stroke-width='1.5'/%3E%3C/svg%3E">
44<link rel="apple-touch-icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='%230a3d2b'/%3E%3C/svg%3E">
45<meta name="theme-color" content="#0a3d2b">
46
47<!-- ═══ GOOGLE ANALYTICS ═══ -->
vendor: 64 bytes, lines 47-48
47
48<script async src="https://www.googletagmanager.com/gtag/js?id=
48G-WMN1STP83Z
vendor: 12 bytes, line 48
48"></script>
49<script>
vendor: 117 bytes, line 49
49window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag('js',new Date());gtag('config','
49G-WMN1STP83Z
vendor: 3 bytes, line 49
49');
49</script>
49
50
51<style>
52.lang-sw{display:flex;align-items:center;gap:2px;margin-left:8px}
53.lang-btn{display:flex;align-items:center;gap:3px;background:transparent;border:none;border-radius:14px;padding:4px 8px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;color:rgba(255,255,255,.6);transition:.15s;white-space:nowrap}
54.lang-btn:hover{background:rgba(255,255,255,.12);color:#fff}
55.lang-btn.lang-on{background:rgba(255,255,255,.18);color:#fff}
56@media(max-width:600px){.lang-lbl{display:none}.lang-btn{padding:5px 6px;font-size:14px}}
57</style>
58<script>function setLang(l){var u=new URL(window.location.href);u.searchParams.set('lang',l);window.location.href=u.toString();}</script>
58
59</head>
60<body>
61
62<!-- ══ HEADER ══ -->
63<header id="hdr">
64  <div class="hrow">
65    <a href="/" class="logo-wrap" style="text-decoration:none">
66      <div class="logo-m">د افغانستان پورتال</div>
67      <div class="logo-s">🤍 ستاسو ټول ورځني اړتیاوې دلته دي</div>
68    </a>
69
70    <!-- منوی اصلی دسکتاپ -->
71    <nav class="hnav" id="main-nav">
72            <a href="/" class="on">🏠 کور</a>
73            <a href="/pages/akhbar/" style="color:#e74c3c;font-weight:700">📰 د شاهد خبرونه</a>
74            <a href="/pages/arz/">💹 د بدلون نرخ</a>
75            <a href="/pages/hawa/">🌤 هوا</a>
76            <a href="/pages/namaz/">🕌 د لمانځه وخت</a>
77            <a href="/pages/parwaz/">✈️ الوتنې</a>
78            <a href="/pages/quran/">📖 قرآن</a>
79            <a href="/pages/abzar/">🛠 وسیلې</a>
80            <a href="/pages/khadamat/">🏛 خدمتونه</a>
81            <a href="/pages/taqwim/">📅 کلنډر</a>
82            <a href="/wolayat/" style="color:#4ecb95;font-weight:700">🗺️ ولایتونه</a>
83            <a href="/learn/pashto/" style="color:#f0c060;font-weight:700">📚 د ژبې زده کړه</a>
84            <a href="/pages/sports/" style="color:#3b82f6;font-weight:700">⚽ ورزش</a>
85            <a href="/pages/darbare/">ℹ️ زموږ په اړه</a>
86          </nav>
87
88    <!-- همبرگر موبایل -->
89    <button class="nav-toggle" id="nav-toggle" onclick="toggleNav()" aria-label="منو">
90      <span></span><span></span><span></span>
91    </button>
92
93    <div class="hdr-srch">
94      <!-- سوییچر زبان -->
95      <div class="lang-sw">
96        <button class="lang-btn lang-on" onclick="setLang('ps')" title="پښتو">پښتو</button>
97        <button class="lang-btn " onclick="setLang('fa')" title="دری">دری</button>
98        <button class="lang-btn " onclick="setLang('en')" title="English">EN</button>
99      </div>
100      <div class="srch">
101        <span style="opacity:.5">🔍</span>
102        <input placeholder="لټول...">
103      </div>
104    </div>
105  </div>
106
107  <!-- منوی موبایل کشویی -->
108  <div class="mob-nav" id="mob-nav">
109    <div class="mob-nav-inner">
110            <a href="/" class="mob-nav-item mob-active">🏠 کور</a>
111            <a href="/pages/akhbar/" class="mob-nav-item" style="color:#e74c3c">📰 د شاهد خبرونه</a>
112            <a href="/pages/arz/" class="mob-nav-item">💹 د بدلون نرخ</a>
113            <a href="/pages/hawa/" class="mob-nav-item">🌤 هوا</a>
114            <a href="/pages/namaz/" class="mob-nav-item">🕌 د لمانځه وخت</a>
115            <a href="/pages/parwaz/" class="mob-nav-item">✈️ الوتنې</a>
116            <a href="/pages/quran/" class="mob-nav-item">📖 قرآن</a>
117            <a href="/pages/abzar/" class="mob-nav-item">🛠 وسیلې</a>
118            <a href="/pages/khadamat/" class="mob-nav-item">🏛 خدمتونه</a>
119            <a href="/pages/taqwim/" class="mob-nav-item">📅 کلنډر</a>
120            <a href="/wolayat/" class="mob-nav-item" style="color:#4ecb95">🗺️ ولایتونه</a>
121            <a href="/learn/pashto/" class="mob-nav-item" style="color:#f0c060">📚 د ژبې زده کړه</a>
122            <a href="/pages/sports/" class="mob-nav-item" style="color:#3b82f6">⚽ ورزش</a>
123            <a href="/pages/darbare/" class="mob-nav-item">ℹ️ زموږ په اړه</a>
124          </div>
125  </div>
126</header>
127
128<!-- ══ DATEBAR ══ -->
129<div class="datebar">
130  <div class="dbi"><span>(شمسي تقویم)</span><strong>۱۱ میزان ۱۴۰۵</strong></div>
131  <div class="dbi"><span>میلادي</span><strong style="direction:ltr;unicode-bidi:isolate;font-family:Arial,sans-serif">3 Oct 2026</strong></div>
132  <div class="dbi"><span>هجري قمري</span><strong>۲۱ ربیع الثانی ۱۴۴۸</strong></div>
133  <div class="clkbox"><small>🕐 کابل</small><div id="clk">--:--</div></div>
134</div>
135
136<script>
137function toggleNav(){
138  document.getElementById('mob-nav').classList.toggle('open');
139  document.getElementById('nav-toggle').classList.toggle('open');
140}
141document.addEventListener('click', function(e){
142  var nav = document.getElementById('mob-nav');
143  var btn = document.getElementById('nav-toggle');
144  if(nav.classList.contains('open') && !nav.contains(e.target) && !btn.contains(e.target)){
145    nav.classList.remove('open');
146    btn.classList.remove('open');
147  }
148});
149</script>
149
150<main class="page" id="main">
151
152<!-- ▸ ستون اصلی -->
153<div>
154  <article class="card">
155    <div class="ch"><div class="cht" style="--ac:var(--g)">✨ ستاسو ټول ورځني اړتیاوې دلته دي</div></div>
156    <div class="twrap">
157
158      <!-- ▸ کارت اخبار خبرگزاری شاهد -->
159      <a href="/pages/akhbar/" style="display:block;text-decoration:none;margin-bottom:16px">
160        <div style="background:linear-gradient(135deg,#1a0505,#3d0808,#1a0000);border-radius:14px;padding:18px 20px;position:relative;overflow:hidden;border:1px solid rgba(231,76,60,.25)">
161          <div style="position:absolute;inset:0;opacity:.04;background-image:repeating-linear-gradient(45deg,#fff 0,#fff 1px,transparent 0,transparent 50%);background-size:12px 12px"></div>
162          <div style="position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap">
163            <div style="flex:1;min-width:180px">
164              <div style="display:inline-flex;align-items:center;gap:6px;background:rgba(231,76,60,.15);border:1px solid rgba(231,76,60,.4);border-radius:20px;padding:4px 12px;font-size:11px;font-weight:800;color:rgba(231,76,60,.95);margin-bottom:10px">
165                <span style="width:7px;height:7px;border-radius:50%;background:#e74c3c;display:inline-block;animation:pulse 2s infinite"></span>
166                ژوندي · وروستي خبرونه              </div>
167              <div style="font-size:17px;font-weight:900;color:#fff;line-height:1.4;margin-bottom:6px">📰 د افغانستان او نړۍ خبرونه<br><span style="color:#e74c3c">د شاهد خبري اژانس</span></div>
168              <div style="font-size:12px;color:rgba(255,255,255,.65);line-height:1.7">د سیاست، اقتصاد او نړیوالو وروستي خبرونه</div>
169            </div>
170            <div style="display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0">
171              <div style="background:#e74c3c;color:#fff;border-radius:12px;padding:12px 20px;font-size:14px;font-weight:900;white-space:nowrap;box-shadow:0 4px 16px rgba(231,76,60,.35)">خبرونه ولولئ ←</div>
172            </div>
173          </div>
174        </div>
175      </a>
176
177      <!-- ▸ کارت ورزش زنده -->
178      <a href="/pages/sports/" style="display:block;text-decoration:none;margin-bottom:16px">
179        <div style="background:linear-gradient(135deg,#080810,#0d0d1a,#0a0a1f);border-radius:14px;padding:18px 20px;position:relative;overflow:hidden;border:1px solid #1a1a2e">
180          <div style="position:absolute;top:-30px;left:-30px;font-size:120px;opacity:.04;pointer-events:none">⚽</div>
181          <div style="position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap">
182            <div style="flex:1;min-width:180px">
183              <div style="display:inline-flex;align-items:center;gap:6px;background:rgba(255,60,60,.15);border:1px solid rgba(255,60,60,.3);border-radius:20px;padding:4px 12px;font-size:11px;font-weight:800;color:#ff8080;margin-bottom:10px">
184                <span style="width:7px;height:7px;border-radius:50%;background:#ff3c3c;display:inline-block;animation:pulse 1.2s infinite"></span>
185                زنده · نتایج آنی
186              </div>
187              <div style="font-size:18px;font-weight:900;color:#fff;line-height:1.3;margin-bottom:6px">⚽ نتایج زنده فوتبال<br><span style="color:#3b82f6">لیگ‌های اروپا و جام جهانی ۲۰۲۶</span></div>
188              <div style="font-size:12px;color:rgba(255,255,255,.6);line-height:1.6">پریمیر لیگ · لالیگا · بوندسلیگا · سری‌آ<br>جدول گروه‌های جام جهانی ۲۰۲۶ آمریکا</div>
189            </div>
190            <div style="flex-shrink:0">
191              <div style="background:#3b82f6;color:#fff;border-radius:12px;padding:12px 20px;font-size:14px;font-weight:900;white-space:nowrap;box-shadow:0 4px 16px rgba(59,130,246,.4)">مشاهده نتایج ←</div>
192            </div>
193          </div>
194        </div>
195      </a>
196
197      <div class="tcat">ډیر کارول شوي وسیلې</div>
198      <div class="tgrid">
199        <div class="tool hi" onclick="openP('ai')">
200          <div class="ti"><svg viewBox="0 0 24 24" fill="none" stroke="#8b5cf6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:32px;height:32px;margin:0 auto"><path d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17H3a2 2 0 01-2-2V5a2 2 0 012-2h16a2 2 0 012 2v10a2 2 0 01-2 2h-2"/></svg></div>
201          <div class="tl">هوشمند مرستیال</div>
202        </div>
203        <div class="tool hi" onclick="openP('translate')">
204          <div class="ti"><svg viewBox="0 0 24 24" fill="none" stroke="#0891b2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:32px;height:32px;margin:0 auto"><path d="M3 5h12M9 3v2m1.048 9.5A18.022 18.022 0 016.412 9m6.088 9h7M11 21l5-10 5 10M12.751 5C11.783 10.77 8.07 15.61 3 18.129"/></svg></div>
205          <div class="tl">آنلاین ژباړه</div>
206        </div>
207        <div class="tool hi" onclick="openP('jobs')">
208          <div class="ti"><svg viewBox="0 0 24 24" fill="none" stroke="#16a34a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:32px;height:32px;margin:0 auto"><path d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/></svg></div>
209          <div class="tl">د کار موندل</div>
210        </div>
211        <div class="tool" onclick="openP('market')">
212          <div class="ti"><svg viewBox="0 0 24 24" fill="none" stroke="#d97706" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:32px;height:32px;margin:0 auto"><path d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 
2120 014 0z"/></svg></div>
213          <div class="tl">د بازار نرخونه</div>
214        </div>
215        <div class="tool" onclick="openP('fx')">
216          <div class="ti"><svg viewBox="0 0 24 24" fill="none" stroke="#f59e0b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:32px;height:32px;margin:0 auto"><path d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg></div>
217          <div class="tl">د اسعارو بدلون</div>
218        </div>
219        <div class="tool" onclick="openP('prayer')">
220          <div class="ti"><svg viewBox="0 0 24 24" fill="none" stroke="#0d9488" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:32px;height:32px;margin:0 auto"><path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z M9 22V12h6v10"/></svg></div>
221          <div class="tl">د لمانځه وختونه</div>
222        </div>
223        <div class="tool" onclick="openP('weather')">
224          <div class="ti"><svg viewBox="0 0 24 24" fill="none" stroke="#3b82f6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:32px;height:32px;margin:0 auto"><path d="M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z"/></svg></div>
225          <div class="tl">هوا</div>
226        </div>
227        <div class="tool" onclick="openP('flights')">
228          <div class="ti"><svg viewBox="0 0 24 24" fill="none" stroke="#6366f1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:32px;height:32px;margin:0 auto"><path d="M12 19l9 2-9-18-9 18 9-2zm0 0v-8"/></svg></div>
229          <div class="tl">الوتنې</div>
230        </div>
231        <div class="tool" onclick="openP('airquality')">
232          <div class="ti"><svg viewBox="0 0 24 24" fill="none" stroke="#10b981" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:32px;height:32px;margin:0 auto"><path d="M12 8c1.5 0 3 .5 3 2s-1.5 2-3 2-3 .5-3 2 1.5 2 3 2"/><path d="M5 12H3m3-5H3m5 9H4M21 12h-2m-1-5h-2m1 9h-2"/><circle cx="12" cy="12" r="1" fill="#10b981"/></svg></div>
233          <div class="tl">د هوا کیفیت</div>
234        </div>
235        <div class="tool" onclick="openP('calc')">
236          <div class="ti"><svg viewBox="0 0 24 24" fill="none" stroke="#64748b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:32px;height:32px;margin:0 auto"><path d="M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z"/></svg></div>
237          <div class="tl">حسابګر</div>
238        </div>
239        <div class="tool" onclick="openP('dateconv')">
240          <div class="ti"><svg viewBox="0 0 24 24" fill="none" stroke="#7c3aed" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:32px;height:32px;margin:0 auto"><path d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"/></svg></div>
241          <div class="tl">د نیټې بدلون</div>
242        </div>
243        <div class="tool" onclick="openP('unitconv')">
244          <div class="ti"><svg viewBox="0 0 24 24" fill="none" stroke="#0369a1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:32px;height:32px;margin:0 auto"><path d="M3 6h18M3 12h18M3 18h18"/></svg></div>
245          <div class="tl">د واحد بدلون</div>
246        </div>
247        <div class="tool" onclick="openP('map')">
248          <div class="ti"><svg viewBox="0 0 24 24" fill="none" stroke="#059669" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:32px;height:32px;margin:0 auto"><path d="M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7"/></svg></div>
249          <div class="tl">د افغانستان نقشه</div>
250        </div>
251      </div>
252
253      <div class="tcat">لارښود او معلومات</div>
254      <div class="tgrid">
255        <div class="tool" onclick="openP('migration')">
256          <div class="ti"><svg viewBox="0 0 24 24" fill="none" stroke="#0891b2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:32px;height:32px;margin:0 auto"><path d="M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 
2560 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064"/></svg></div>
257          <div class="tl">مهاجرت</div>
258        </div>
259        <div class="tool" onclick="openP('embassy')">
260          <div class="ti"><svg viewBox="0 0 24 24" fill="none" stroke="#7c3aed" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:32px;height:32px;margin:0 auto"><path d="M8 14v3m4-3v3m4-3v3M3 21h18M3 10h18M3 7l9-4 9 4M4 10h16v11H4V10z"/></svg></div>
261          <div class="tl">سفارتخانې</div>
262        </div>
263        <div class="tool" onclick="openP('hospital')">
264          <div class="ti"><svg viewBox="0 0 24 24" fill="none" stroke="#dc2626" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:32px;height:32px;margin:0 auto"><path d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/></svg></div>
265          <div class="tl">روغتیاوې</div>
266        </div>
267        <div class="tool" onclick="openP('konkur')">
268          <div class="ti"><svg viewBox="0 0 24 24" fill="none" stroke="#d97706" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:32px;height:32px;margin:0 auto"><path d="M12 14l9-5-9-5-9 5 9 5z M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0112 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z"/></svg></div>
269          <div class="tl">کانکور</div>
270        </div>
271        <div class="tool" onclick="aiAsk('د افغانستان الکترونیکي تذکرې اخیستلو طریقه؟')">
272          <div class="ti"><svg viewBox="0 0 24 24" fill="none" stroke="#7c3aed" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:32px;height:32px;margin:0 auto"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/><circle cx="12" cy="15" r="2"/></svg></div>
273          <div class="tl">تذکره</div>
274        </div>
275        <div class="tool" onclick="aiAsk('د افغانستان پاسپورټ اخیستلو طریقه؟')">
276          <div class="ti"><svg viewBox="0 0 24 24" fill="none" stroke="#0369a1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:32px;height:32px;margin:0 auto"><path d="M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2z"/><path d="M22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z"/></svg></div>
277          <div class="tl">پاسپورټ</div>
278        </div>
279        <div class="tool" onclick="openP('download')">
280          <div class="ti"><svg viewBox="0 0 24 24" fill="none" stroke="#64748b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:32px;height:32px;margin:0 auto"><path d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"/></svg></div>
281          <div class="tl">ویډیو ډاونلوډ</div>
282        </div>
283      </div>
284
285      <!-- بنر آموزش زبان -->
286      <div class="tcat" style="color:#f0c060">د ژبې زده کړه — وړیا</div>
287      <a href="/learn/pashto/" style="display:block;text-decoration:none;margin-bottom:16px">
288        <div style="background:linear-gradient(135deg,#1a0a00,#3d1c00,#001830);border-radius:14px;padding:18px 20px;position:relative;overflow:hidden;border:1px solid rgba(240,192,96,.2)">
289          <div style="position:absolute;inset:0;opacity:.04;background-image:repeating-linear-gradient(45deg,#fff 0,#fff 1px,transparent 0,transparent 50%);background-size:12px 12px"></div>
290          <div style="position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap">
291            <div style="flex:1;
291min-width:200px">
292              <div style="display:inline-flex;align-items:center;gap:6px;background:rgba(240,192,96,.15);border:1px solid rgba(240,192,96,.35);border-radius:20px;padding:4px 12px;font-size:11px;font-weight:800;color:rgba(240,192,96,.9);margin-bottom:10px">✨ وړیا · بشپړ · متقابل</div>
293              <div style="font-size:17px;font-weight:900;color:#fff;line-height:1.4;margin-bottom:6px">📚 د پښتو او دري ژبې زده کړه<br><span style="color:#f0c060">له سره تر ورځنۍ خبرې</span></div>
294              <div style="font-size:12px;color:rgba(255,255,255,.65);line-height:1.7">پښتو د دري ژبو وینکو ته · دري د پښتنو ته<br>الفبا · شمیرې · سلام · کورنۍ · خبرې · تعاملي ازموینه</div>
295            </div>
296            <div style="display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0">
297              <div style="background:#f0c060;color:#1a0a00;border-radius:12px;padding:12px 20px;font-size:14px;font-weight:900;white-space:nowrap;box-shadow:0 4px 16px rgba(240,192,96,.35)">زده کړه پیل کړه ←</div>
298              <div style="display:flex;gap:6px">
299                <div style="background:rgba(255,255,255,.08);border-radius:8px;padding:4px 9px;font-size:11px;font-weight:700;color:rgba(255,255,255,.7)">۲۰ لوست</div>
300                <div style="background:rgba(255,255,255,.08);border-radius:8px;padding:4px 9px;font-size:11px;font-weight:700;color:rgba(255,255,255,.7)">🔊 غږ</div>
301              </div>
302            </div>
303          </div>
304        </div>
305      </a>
306
307      <!-- بنر کریدت موبایل -->
308      <a href="/topup" style="display:block;text-decoration:none;margin-bottom:16px">
309        <div style="background:linear-gradient(135deg,#0a3d2b,#1D9E75,#0a3d2b);border-radius:14px;padding:18px 20px;position:relative;overflow:hidden;border:1px solid rgba(78,203,149,.25)">
310          <div style="position:absolute;inset:0;opacity:.04;background-image:repeating-linear-gradient(45deg,#fff 0,#fff 1px,transparent 0,transparent 50%);background-size:12px 12px"></div>
311          <div style="position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap">
312            <div style="flex:1;min-width:180px">
313              <div style="display:inline-flex;align-items:center;gap:6px;background:rgba(78,203,149,.15);border:1px solid rgba(78,203,149,.35);border-radius:20px;padding:4px 12px;font-size:11px;font-weight:800;color:rgba(78,203,149,.95);margin-bottom:10px">📲 د واټساپ له لارې همغږي</div>
314              <div style="font-size:17px;font-weight:900;color:#fff;line-height:1.4;margin-bottom:6px">📱 موبایل کریډیټ لیږل<br><span style="color:#4ecb95">افغانستان ته له نړۍ هر ځایه</span></div>
315              <div style="font-size:12px;color:rgba(255,255,255,.65);line-height:1.7">Roshan · AWCC · Etisalat · Salaam · ATOMA<br>ګړندی · د باور وړ · وطني</div>
316            </div>
317            <div style="display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0">
318              <div style="background:#4ecb95;color:#0a3d2b;border-radius:12px;padding:12px 20px;font-size:14px;font-weight:900;white-space:nowrap;box-shadow:0 4px 16px rgba(78,203,149,.35)">کریډیټ ولیږه ←</div>
319              <div style="display:flex;gap:6px">
320                <div style="background:rgba(255,255,255,.08);border-radius:8px;padding:4px 9px;font-size:11px;font-weight:700;color:rgba(255,255,255,.7)">۵ آپریټران</div>
321                <div style="background:rgba(255,255,255,.08);border-radius:8px;padding:4px 9px;font-size:11px;font-weight:700;color:rgba(255,255,255,.7)">⚡ ګړندی</div>
322              </div>
323            </div>
324          </div>
325        </div>
326      </a>
327
328      <div class="tcat">کلتور او دین</div>
329      <div class="tgrid">
330        <div class="tool hi" onclick="openP('quran')">
331          <div class="ti"><svg viewBox="0 0 24 24" fill="none" stroke="#16a34a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:32px;height:32px;margin:0 auto"><path d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"/>
331</svg></div>
332          <div class="tl">قرآن کریم</div>
333        </div>
334        <div class="tool" onclick="openP('dict')">
335          <div class="ti"><svg viewBox="0 0 24 24" fill="none" stroke="#8b5cf6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:32px;height:32px;margin:0 auto"><path d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"/></svg></div>
336          <div class="tl">ډیکشنري</div>
337        </div>
338        <div class="tool" onclick="openP('calendar')">
339          <div class="ti"><svg viewBox="0 0 24 24" fill="none" stroke="#f59e0b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:32px;height:32px;margin:0 auto"><path d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"/></svg></div>
340          <div class="tl">مناسبتونه</div>
341        </div>
342        <div class="tool" onclick="openP('distance')">
343          <div class="ti"><svg viewBox="0 0 24 24" fill="none" stroke="#3b82f6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:32px;height:32px;margin:0 auto"><path d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z M15 11a3 3 0 11-6 0 3 3 0 016 0z"/></svg></div>
344          <div class="tl">د ښارونو واټن</div>
345        </div>
346        <div class="tool" onclick="openP('phone')">
347          <div class="ti"><svg viewBox="0 0 24 24" fill="none" stroke="#6366f1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:32px;height:32px;margin:0 auto"><path d="M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z"/></svg></div>
348          <div class="tl">د آپریټر پیژندنه</div>
349        </div>
350      </div>
351
352      <div class="tcat" style="color:var(--t3)">مالي خدمتونه — ژر راځي</div>
353      <div class="tgrid">
354        <div class="tool" style="opacity:.45;cursor:not-allowed">
355          <div class="ti"><svg viewBox="0 0 24 24" fill="none" stroke="#94a3b8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:32px;height:32px;margin:0 auto"><line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 000 7h5a3.5 3.5 0 010 7H6"/></svg></div>
356          <div class="tl">پیسې لیږل</div>
357        </div>
358        <div class="tool" style="opacity:.45;cursor:not-allowed">
359          <div class="ti"><svg viewBox="0 0 24 24" fill="none" stroke="#94a3b8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:32px;height:32px;margin:0 auto"><path d="M9 3H5a2 2 0 00-2 2v4m6-6h10a2 2 0 012 2v4M9 3v18m0 0h10a2 2 0 002-2V9M9 21H5a2 2 0 01-2-2V9m0 0h18"/></svg></div>
360          <div class="tl">د بل تادیه</div>
361        </div>
362      </div>
363
364    </div>
365  </article>
366</div>
367
368<!-- ▸ SIDEBAR -->
369<aside>
370  <div class="card">
371    <div class="ch" style="--ac:var(--a)">
372      <div class="cht" style="--ac:var(--a)">💹 د اسعارو نرخونه</div>
373      <div style="font-size:10px;color:var(--t3)" id="fx-update">بارول کیږي...</div>
374    </div>
375    <div class="fx-card-inner">
376      <div class="fx-converter">
377        <div class="fx-converter-label">⇅ افغانۍ ته چټک بدلون</div>
378        <input type="number" id="fxa" value="100" oninput="calcFx()" class="fx-input" placeholder="مقدار">
379        <select id="fxf" onchange="calcFx()" class="fx-select">
380                    <option value="71.5" data-cur="usd" style="color:#000">🇺🇸 دالر آمریکایی</option>
381                    <option value="78.2" data-cur="eur" style="color:#000">🇪🇺 یورو</option>
382                    <option value="91.3" data-cur="gbp" style="color:#000">🇬🇧 پوند</option>
383                    <option value="19.1" data-cur="sar" style="color:#000">🇸🇦 ریال سعودی</option>
384                    <option value="19.5" data-cur="aed" style="color:#000">🇦🇪 درهم امارات</option>
385                    <option value="0.22" data-cur="pkr" style="color:#000">🇵🇰 روپیه پاکستان</option>
386                    <option value="0.17" data-cur="irr" style="color:#000">🇮🇷 تومان ایران</option>
387                  </select>
388        <div id="fxr" class="fx-result">۷,۱۵۰ افغانۍ</div>
389        <div class="fx-btns">
390          <button onclick="setFx(1)" class="fx-btn">Û±</button>
391          <button onclick="setFx(10)" class="fx-btn">Û±Û°</button>
392          <button onclick="setFx(100)" class="fx-btn">Û±Û°Û°</button>
393          <button onclick="setFx(1000)" class="fx-btn">Û±k</button>
394        </div>
395      </div>
396      <div class="fx-section-label">بهرنۍ اسعار · افغانۍ ته</div>
397      <div id="fx-rates-wrap" style="display:flex;flex-direction:column;gap:6px">
398                <div class="fx-row" data-cur="usd">
399          <span class="fx-flag">🇺🇸</span>
400          <div class="fx-info">
401            <div class="fx-name">دالر آمریکایی</div>
402            <div class="fx-code">USD</div>
403          </div>
404          <div class="fx-vals">
405            <div class="fx-price fx-up">71.5 افغانۍ</div>
406            <div class="fx-change fx-up">+0.3Ùª</div>
407          </div>
408        </div>
409                <div class="fx-row" data-cur="eur">
410          <span class="fx-flag">🇪🇺</span>
411          <div class="fx-info">
412            <div class="fx-name">یورو</div>
413            <div class="fx-code">EUR</div>
414          </div>
415          <div class="fx-vals">
416            <div class="fx-price fx-up">78.2 افغانۍ</div>
417            <div class="fx-change fx-up">+0.1Ùª</div>
418          </div>
419        </div>
420                <div class="fx-row" data-cur="gbp">
421          <span class="fx-flag">🇬🇧</span>
422          <div class="fx-info">
423            <div class="fx-name">پوند</div>
424            <div class="fx-code">GBP</div>
425          </div>
426          <div class="fx-vals">
427            <div class="fx-price fx-up">91.3 افغانۍ</div>
428            <div class="fx-change fx-up">+0.5Ùª</div>
429          </div>
430        </div>
431                <div class="fx-row" data-cur="sar">
432          <span class="fx-flag">🇸🇦</span>
433          <div class="fx-info">
434            <div class="fx-name">ریال سعودی</div>
435            <div class="fx-code">SAR</div>
436          </div>
437          <div class="fx-vals">
438            <div class="fx-price fx-dn">19.1 افغانۍ</div>
439            <div class="fx-change fx-dn">-0.2Ùª</div>
440          </div>
441        </div>
442                <div class="fx-row" data-cur="aed">
443          <span class="fx-flag">🇦🇪</span>
444          <div class="fx-info">
445            <div class="fx-name">درهم امارات</div>
446            <div class="fx-code">AED</div>
447          </div>
448          <div class="fx-vals">
449            <div class="fx-price fx-up">19.5 افغانۍ</div>
450            <div class="fx-change fx-up">+0.1Ùª</div>
451          </div>
452        </div>
453                <div class="fx-row" data-cur="pkr">
454          <span class="fx-flag">
454🇵🇰</span>
455          <div class="fx-info">
456            <div class="fx-name">روپیه پاکستان</div>
457            <div class="fx-code">PKR</div>
458          </div>
459          <div class="fx-vals">
460            <div class="fx-price fx-dn">0.2 افغانۍ</div>
461            <div class="fx-change fx-dn">-0.3Ùª</div>
462          </div>
463        </div>
464                <div class="fx-row" data-cur="irr">
465          <span class="fx-flag">🇮🇷</span>
466          <div class="fx-info">
467            <div class="fx-name">تومان ایران</div>
468            <div class="fx-code">IRR</div>
469          </div>
470          <div class="fx-vals">
471            <div class="fx-price fx-dn">0.2 افغانۍ</div>
472            <div class="fx-change fx-dn">-0.1Ùª</div>
473          </div>
474        </div>
475              </div>
476      <div class="fx-section-label" style="margin-top:4px">سرو او ډیجیټل اسعار · ډالر ته · <span id="crypto-update" style="color:var(--g);font-weight:600">بارول کیږي...</span></div>
477      <div style="display:flex;flex-direction:column;gap:6px">
478        <div class="fx-row" id="gold-row">
479          <div class="crypto-icon" style="background:#f59e0b">🥇</div>
480          <div class="fx-info"><div class="fx-name">سرو (اونس)</div><div class="fx-code">PAXG/USD</div></div>
481          <div class="fx-vals"><div class="fx-price" id="gold-price">بارول کیږي...</div><div class="fx-change" id="gold-change"></div></div>
482        </div>
483        <div class="fx-row" id="btc-row">
484          <div class="crypto-icon" style="background:#f7931a;font-size:17px;font-weight:900">₿</div>
485          <div class="fx-info"><div class="fx-name">بیت‌کوین</div><div class="fx-code">BTC/USD</div></div>
486          <div class="fx-vals"><div class="fx-price" id="btc-price">بارول کیږي...</div><div class="fx-change" id="btc-change"></div></div>
487        </div>
488        <div class="fx-row" id="eth-row">
489          <div class="crypto-icon" style="background:#627eea;font-size:17px;font-weight:900">Ξ</div>
490          <div class="fx-info"><div class="fx-name">اتریوم</div><div class="fx-code">ETH/USD</div></div>
491          <div class="fx-vals"><div class="fx-price" id="eth-price">بارول کیږي...</div><div class="fx-change" id="eth-change"></div></div>
492        </div>
493      </div>
494    </div>
495  </div>
496
497  <div class="card">
498    <div class="ch" style="--ac:var(--b)"><div class="cht" style="--ac:var(--b)">🌤 هوا</div></div>
499    <div class="wxcard">
500      <div class="wxmain">
501        <div>
502          <div style="font-size:11px;opacity:.8">کابل، افغانستان</div>
503          <div class="wxt">18°</div>
504          <div class="wxd">☀️ آفتابی · باد 12ک/س</div>
505        </div>
506        <div style="font-size:52px">☀️</div>
507      </div>
508      <div class="wxcities">
509                <div class="wc"><div class="wcn">هرات</div><div class="wct">22° ☀️</div></div>
510                <div class="wc"><div class="wcn">مزارشریف</div><div class="wct">20° ⛅</div></div>
511                <div class="wc"><div class="wcn">قندهار</div><div class="wct">25° ☀️</div></div>
512                <div class="wc"><div class="wcn">جلال‌آباد</div><div class="wct">28° 🌤</div></div>
513                <div class="wc"><div class="wcn">بامیان</div><div class="wct">12° 🌥</div></div>
514                <div class="wc"><div class="wcn">کندز</div><div class="wct">17° ⛅</div></div>
515              </div>
516      <button onclick="openP('weather')" style="width:100%;margin-top:8px;padding:7px;background:var(--bl);color:var(--b);border:none;border-radius:8px;font-size:12px;font-weight:800;cursor:pointer;font-family:inherit">بشپړ وړاندوینه ←</button>
517    </div>
518  </div>
519
520  <div class="card">
521    <div class="ch" style="--ac:var(--p)"><div class="cht" style="--ac:var(--p)">🏛 دولتي خدمتونه</div></div>
522    <div class="svcs">
523      <div class="svc" onclick="aiAsk('د افغانستان الکترونیکي تذکره')"><i>🪪</i><span>تذکره</span></div>
524      <div class="svc" onclick="openP('hospital')"><i>🏥</i><span>روغتیا</span></div>
525      <div class="svc" onclick="openP('konkur')"><i>🎓</i><span>کانکور</span></div>
526      <div class="svc" onclick="openP('migration')"><i>✈️</i><span>مهاجرت</span></div>
527      <div class="svc" onclick="openP('jobs')"><i>💼</i><span>کار</span></div>
528      <div class="svc" onclick="openP('embassy')"><i>🏛</i><span>سفارت</span></div>
529    </div>
530  </div>
531</aside>
532</main>
533
534
535<!-- ══ NEWS ══ -->
536<div class="ov" id="p-news">
537  <div class="panel">
538    <div class="phd"><h3>📰 اخبار — خبرگزاری شاهد</h3><button class="pcls" onclick="closeP('news')">✕</button></div>
539    <div id="news-wrap"><div class="nld">⏳ در حال بارگذاری...</div></div>
540  </div>
541</div>
542
543<!-- ══ AI ══ -->
544<div class="ov" id="p-ai">
545  <div class="panel">
546    <div class="phd"><h3>🤖 دستیار هوشمند افغانی</h3><button class="pcls" onclick="closeP('ai')">✕</button></div>
547    <div class="pb">
548      <div class="aibox">
549        <div class="aihd"><span class="pulse"></span>به دری، پشتو یا انگلیسی بپرسید</div>
550        <textarea id="aiInp" class="aiinp" placeholder="سوال خود را بنویسید..." rows="3"></textarea>
551        <div class="chips">
552          <button class="chip" onclick="aiChip('نرخ دالر امریکایی، یورو و پوند در بازار کابل امروز چقدر است؟')">💱 نرخ ارز</button>
553          <button class="chip" onclick="aiChip('مهم‌ترین اخبار افغانستان در هفته اخیر را خلاصه کن')">📰 اخبار</button>
554          <button class="chip" onclick="aiChip('یک شعر کوتاه زیبا از رابعه بلخی یا مولانا به دری بنویس')">📖 شعر دری</button>
555          <button class="chip" onclick="aiChip('مراحل گرفتن پاسپورت افغانستان را قدم به قدم توضیح بده')">📘 پاسپورت</button>
556          <button class="chip" onclick="aiChip('تاریخچه مختصر شهر کابل پایتخت افغانستان را بگو')">🏛 تاریخ</button>
557          <button class="chip" onclick="aiChip('بهترین غذاهای سنتی افغانستان کدام‌ها هستند؟')">🍽 غذا</button>
558          <button class="chip" onclick="aiChip('وضعیت اقتصادی افغانستان در سال ۱۴۰۵ چگونه است؟')">📊 اقتصاد</button>
559        </div>
560        <button class="asbtn" onclick="doAI()">ارسال ↗</button>
561        <div style="clear:both;padding-top:8px">
562          <div class="ald" id="aild"><div class="dots"><span>●</span><span>●</span><span>●</span></div> در حال پردازش...</div>
563          <div class="aans" id="aans"></div>
564        </div>
565      </div>
566    </div>
567  </div>
568</div>
569
570<!-- ══ TRANSLATE ══ -->
571<div class="ov" id="p-translate">
572  <div class="panel">
573    <div class="phd"><h3>🌐 ترجمه آنلاین</h3><button class="pcls" onclick="closeP('translate')">✕</button></div>
574    <div class="pb">
575      <div class="fr"><div class="fl">از:</div>
576        <div class="ctabs"><button class="ctab on" onclick="setFL(this,'dari')">دری</button><button class="ctab" onclick="setFL(this,'pashto')">پشتو</button><button class="ctab" onclick="setFL(this,'english')">انگلیسی</button><button class="ctab" onclick="setFL(this,'arabic')">عربی</button></div>
577        <div class="fl">به:</div>
578        <div class="ctabs"><button class="ctab on" onclick="setTL(this,'english')">انگلیسی</button><button class="ctab" onclick="setTL(this,'dari')">دری</button><button class="ctab" onclick="setTL(this,'pashto')">پشتو</button><button class="ctab" onclick="setTL(this,'arabic')">عربی</button></div>
579      </div>
580      <textarea class="fi" id="trIn" placeholder="متن را بنویسید..." rows="4" style="min-height:90px;resize:none"></textarea>
581      <button class="gbtn" onclick="doTrans()">ترجمه کن ↗</button>
582      <div class="ald" id="trld" style="margin-top:8px"><div class="dots"><span>●</span><span>●</span><span>●</span></div> در حال ترجمه...</div>
583      <div id="trout" style="display:none;background:#f5f7fb;border-radius:9px;padding:12px;margin-top:10px;font-size:14px;line-height:1.7;border:1px solid var(--bdr);min-height:60px;white-space:pre-wrap"></div>
584    </div>
585  </div>
586</div>
587
588<!-- ══ CALCULATOR ══ -->
589<div class="ov" id="p-calc">
590  <div class="panel">
591    <div class="phd"><h3>🧮 ماشین حساب</h3><button class="pcls" onclick="closeP('calc')">✕</button></div>
592    <div style="padding:0">
593      <div class="calc">
594        <div class="calcdisp"><div class="calcexpr" id="cexpr"></div><div class="calcval" id="cval">Û°</div></div>
595        <div class="calcbtns">
596          <button class="cb fn" onclick="cAC()">AC</button><button class="cb fn" onclick="cSign()">+/−</button><button class="cb fn" onclick="cPct()">٪</button><button class="cb op" onclick="cOp('/')">÷</button>
597          <button class="cb num" onclick="cNum('7')">۷</button><button class="cb num" onclick="cNum('8')">۸</button><button class="cb num" onclick="cNum('9')">۹</button><button class="cb op" onclick="cOp('*')">×</button>
598          <button class="cb num" onclick="cNum('4')">۴</button><button class="cb num" onclick="cNum('5')">۵</button><button class="cb num" onclick="cNum('6')">۶</button><button class="cb op" onclick="cOp('-')">−</button>
599          <button class="cb num" onclick="cNum('1')">Û±</button><button class="cb num" onclick="cNum('2')">Û²</button><button class="cb num" onclick="cNum('3')">Û³</button><button class="cb op" onclick="cOp('+')">+</button>
600          <button class="cb num zero" onclick="cNum('0')">Û°</button><button class="cb num" onclick="cDot()">Ù«</button><button class="cb eq" onclick="cEq()">=</button>
601        </div>
602      </div>
603    </div>
604  </div>
605</div>
606
607<!-- ══ FX ══ -->
608<div class="ov" id="p-fx">
609  <div class="panel">
610    <div class="phd"><h3>💱 تبدیل ارز پیشرفته</h3><button class="pcls" onclick="closeP('fx')">✕</button></div>
611    <div class="pb">
612      <div style="margin-bottom:6px">
613        <input type="number" id="pfxa" value="100" oninput="calcPFx()" style="width:100%;border:1.5px solid var(--bdr);border-radius:var(--rsm);padding:10px 12px;font-size:18px;font-weight:900;background:#fff;color:var(--t1);margin-bottom:7px;box-sizing:border-box">
614        <select id="pfxf" onchange="calcPFx()" style="width:100%;border:1.5px solid var(--bdr);border-radius:var(--rsm);padding:10px 12px;font-size:13px;font-weight:700;background:#fff;color:var(--t1);box-sizing:border-box">
615                    <option value="71.5" data-cur="usd">🇺🇸 دالر آمریکایی</option>
616                    <option value="78.2" data-cur="eur">🇪🇺 یورو</option>
617                    <option value="91.3" data-cur="gbp">🇬🇧 پوند</option>
618                    <option value="19.1" data-cur="sar">🇸🇦 ریال سعودی</option>
619                    <option value="19.5" data-cur="aed">🇦🇪 درهم امارات</option>
620                    <option value="0.22" data-cur="pkr">🇵🇰 روپیه پاکستان</option>
621                    <option value="0.17" data-cur="irr">🇮🇷 تومان ایران</option>
622                  </select>
623      </div>
624      <div style="text-align:center;font-size:18px;color:var(--t3);margin:5px 0">⇅ به افغانی (؋)</div>
625      <div class="fxres" id="pfxr" style="font-size:26px;margin-bottom:10px">۷,۱۵۰ افغانی</div>
626      <div style="display:grid;grid-template-columns:repeat(4,1fr);gap:5px">
627                <button class="fxbtn" onclick="setPFx(1)">1</button>
628                <button class="fxbtn" onclick="setPFx(5)">5</button>
629                <button class="fxbtn" onclick="setPFx(10)">10</button>
630                <button class="fxbtn" onclick="setPFx(50)">50</button>
631                <button class="fxbtn" onclick="setPFx(100)">100</button>
632                <button class="fxbtn" onclick="setPFx(500)">500</button>
633                <button class="fxbtn" onclick="setPFx(1000)">1,000</button>
634                <button class="fxbtn" onclick="setPFx(5000)">5,000</button>
635              </div>
636    </div>
637  </div>
638</div>
639
640<!-- ══ PRAYER ══ -->
641<div class="ov" id="p-prayer">
642  <div class="panel">
643    <div class="phd"><h3>🕌 اوقات شرعی</h3><button class="pcls" onclick="closeP('prayer')">✕</button></div>
644    <div class="pb">
645
646      <!-- انتخاب مذهب -->
647      <div style="display:flex;gap:8px;margin-bottom:12px">
648        <button id="maz-hanafi" onclick="setPrayerMaz('hanafi')" style="flex:1;padding:9px;background:var(--g);color:#fff;border:none;border-radius:9px;font-size:13px;font-weight:800;cursor:pointer">🕌 حنفی (اهل سنت)</button>
649        <button id="maz-shia" onclick="setPrayerMaz('shia')" style="flex:1;padding:9px;background:#f5f7fb;color:var(--t2);border:1.5px solid var(--bdr);border-radius:9px;font-size:13px;font-weight:800;cursor:pointer">🌙 شیعه (جعفری)</button>
650      </div>
651
652      <!-- انتخاب شهر -->
653      <div class="ctabs" id="pr-cities" style="margin-bottom:12px">
654        <button class="ctab on" onclick="setPrayerCity(this,'Kabul',34.5553,69.2075)">کابل</button>
655        <button class="ctab" onclick="setPrayerCity(this,'Herat',34.3482,62.1997)">هرات</button>
656        <button class="ctab" onclick="setPrayerCity(this,'Mazar',36.7069,67.1128)">مزار</button>
657        <button class="ctab" onclick="setPrayerCity(this,'Kandahar',31.6289,65.7372)">قندهار</button>
658        <button class="ctab" onclick="setPrayerCity(this,'Jalalabad',34.4415,70.4360)">جلال‌آباد</button>
659      </div>
660
661      <!-- تاریخ و شهر -->
662      <div style="background:linear-gradient(135deg,#0a3d2b,#1D9E75);border-radius:10px;padding:11px 14px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center">
663        <div>
664          <div id="pr-city-name" style="font-size:15px;font-weight:900;color:#fff">کابل</div>
665          <div id="pr-date" style="font-size:11px;color:rgba(255,255,255,.7);margin-top:2px">در حال بارگذاری...</div>
666        </div>
667        <div id="pr-maz-label" style="font-size:11px;font-weight:700;background:rgba(255,255,255,.2);color:#fff;padding:4px 10px;border-radius:20px">حنفی</div>
668      </div>
669
670      <!-- اوقات -->
671      <div id="prgrid" style="display:grid;grid-template-columns:repeat(3,1fr);gap:8px">
672        <div style="text-align:center;padding:20px;color:var(--t3)">⏳ در حال بارگذاری...</div>
673      </div>
674
675      <!-- بعدی نماز -->
676      <div id="pr-next" style="display:none;margin-top:12px;background:var(--al);border-radius:9px;padding:10px 14px;border:1px solid var(--a);text-align:center">
677        <div style="font-size:12px;font-weight:700;color:#92400e" id="pr-next-label"></div>
678      </div>
679
680      <div style="margin-top:10px;font-size:11px;color:var(--t3);background:#f5f7fb;padding:8px 11px;border-radius:7px;text-align:center">
681        📡 منبع: AlAdhan.com · محاسبه دقیق بر اساس موقعیت
682      </div>
683    </div>
684  </div>
685</div>
686
687<!-- ══ WEATHER ══ -->
688<div class="ov" id="p-weather">
689  <div class="panel">
690    <div class="phd"><h3>🌤 آب و هوای افغانستان</h3><button class="pcls" onclick="closeP('weather')">✕</button></div>
691    <div class="pb">
692
693      <!-- انتخاب ولایت -->
694      <div class="fr">
695        <div class="fl">انتخاب ولایت:</div>
696        <select id="wx-city-select" onchange="loadWeather()" style="width:100%;border:1.5px solid var(--bdr);border-radius:var(--rsm);padding:10px 12px;font-size:14px;font-weight:700;background:#fff;color:var(--t1)">
697          <option value="34.5553,69.2075,کابل">کابل</option>
698          <option value="34.3482,62.1997,هرات">هرات</option>
699          <option value="36.7069,67.1128,مزارشریف">مزارشریف</option>
700          <option value="31.6289,65.7372,قندهار">قندهار</option>
701          <option value="34.4415,70.4360,جلال‌آباد">جلالâ
701€ŒØ¢Ø¨Ø§Ø¯</option>
702          <option value="34.8269,68.4186,بامیان">بامیان</option>
703          <option value="36.7276,68.8681,کندز">کندز</option>
704          <option value="34.3390,62.2235,ننگرهار">ننگرهار</option>
705          <option value="37.4406,70.7944,بدخشان - فیض‌آباد">بدخشان - فیض‌آباد</option>
706          <option value="36.2448,67.9659,بغلان">بغلان</option>
707          <option value="37.1640,69.7333,تخار - تالقان">تخار - تالقان</option>
708          <option value="35.9166,64.0833,فاریاب - میمنه">فاریاب - میمنه</option>
709          <option value="32.1167,61.9333,فراه">فراه</option>
710          <option value="33.5938,65.9228,غزنی">غزنی</option>
711          <option value="34.0167,64.3833,غور - چغچران">غور - چغچران</option>
712          <option value="31.2667,64.3500,هلمند - لشکرگاه">هلمند - لشکرگاه</option>
713          <option value="35.9586,64.6052,جوزجان - شبرغان">جوزجان - شبرغان</option>
714          <option value="33.3400,68.4190,لوگر - پل‌علم">لوگر - پل‌علم</option>
715          <option value="34.6840,70.6370,لغمان - مهترلام">لغمان - مهترلام</option>
716          <option value="34.5200,69.0010,پروان - چاریکار">پروان - چاریکار</option>
717          <option value="33.9700,68.8000,وردک - میدان‌شهر">وردک - میدان‌شهر</option>
718          <option value="31.8000,69.0000,خوست">خوست</option>
719          <option value="33.0000,68.0000,پکتیا - گردیز">پکتیا - گردیز</option>
720          <option value="32.5000,68.5000,پکتیکا - شرن">پکتیکا - شرن</option>
721          <option value="34.6600,71.0800,کنر - اسعدآباد">کنر - اسعدآباد</option>
722          <option value="35.4900,69.2300,نورستان - پارون">نورستان - پارون</option>
723          <option value="35.0200,69.1700,کاپیسا - محمودراقی">کاپیسا - محمودراقی</option>
724          <option value="35.1200,69.0700,پنجشیر - بازارک">پنجشیر - بازارک</option>
725          <option value="36.6667,65.7667,سرپل">سرپل</option>
726          <option value="35.9200,67.9700,سمنگان - ایبک">سمنگان - ایبک</option>
727          <option value="35.0000,63.0000,بادغیس - قلعه‌نو">بادغیس - قلعه‌نو</option>
728          <option value="33.9667,66.0167,ارزگان - ترین‌کوت">ارزگان - ترین‌کوت</option>
729          <option value="32.1000,67.2000,زابل - قلات">زابل - قلات</option>
730          <option value="31.0000,62.0000,نیمروز - زرنج">نیمروز - زرنج</option>
731        </select>
732      </div>
733
734      <!-- کارت اصلی آب و هوا -->
735      <div id="wx-main-card" style="background:linear-gradient(135deg,#1d4ed8,#60a5fa);border-radius:14px;padding:18px;color:#fff;margin-bottom:12px">
736        <div style="display:flex;justify-content:space-between;align-items:center">
737          <div>
738            <div id="wx-city-name" style="font-size:13px;opacity:.8;margin-bottom:4px">در حال بارگذاری...</div>
739            <div id="wx-temp-main" style="font-size:48px;font-weight:900;line-height:1">--°</div>
740            <div id="wx-desc-main" style="font-size:13px;opacity:.85;margin-top:6px">---</div>
741            <div style="display:flex;gap:12px;margin-top:8px;font-size:12px;opacity:.8">
742              <span id="wx-humidity">💧 --%</span>
743              <span id="wx-wind">💨 -- ک/س</span>
744              <span id="wx-feels">🌡 احساس: --°</span>
745            </div>
746          </div>
747          <div id="wx-icon-main" style="font-size:64px">⏳</div>
748        </div>
749      </div>
750
751      <!-- پیش‌بینی ۷ روز -->
752      <div style="font-size:12px;font-weight:800;color:var(--t2);margin-bottom:8px">📅 پیش‌بینی ۷ روز آینده:</div>
753      <div id="wx-forecast" style="display:flex;flex-direction:column;gap:6px">
754        <div style="text-align:center;padding:14px;color:var(--t3);font-size:13px">⏳ در حال دریافت اطلاعات...</div>
755      </div>
756
757      <div style="margin-top:10px;font-size:11px;color:var(--t3);background:#f5f7fb;padding:8px 11px;border-radius:7px;text-align:center">
758        📡 منبع: Open-Meteo.com · به‌روزرسانی خودکار
759      </div>
760    </div>
761  </div>
762</div>
763
764<!-- ══ UNIT CONVERTER ══ -->
765<div class="ov" id="p-unitconv">
766  <div class="panel">
767    <div class="phd"><h3>📐 تبدیل واحدها</h3><button class="pcls" onclick="closeP('unitconv')">✕</button></div>
768    <div class="pb">
769      <div class="ctabs" id="uc-cats">
770        <button class="ctab on" onclick="selUCat(this,'length')">📏 طول</button>
771        <button class="ctab" onclick="selUCat(this,'weight')">⚖️ وزن</button>
772        <button class="ctab" onclick="selUCat(this,'area')">🗺️ مساحت</button>
773        <button class="ctab" onclick="selUCat(this,'temp')">🌡️ دما</button>
774        <button class="ctab" onclick="selUCat(this,'volume')">🧪 حجم</button>
775        <button class="ctab" onclick="selUCat(this,'speed')">🚀 سرعت</button>
776      </div>
777
778      <!-- مقدار -->
779      <div class="fl">مقدار:</div>
780      <input type="number" id="uc-val" value="1" oninput="calcUC()"
781        style="width:100%;border:1.5px solid var(--bdr);border-radius:var(--rsm);padding:10px 12px;font-size:20px;font-weight:800;direction:ltr;background:#fff;color:var(--t1);box-sizing:border-box;margin-bottom:8px">
782
783      <!-- از -->
784      <div class="fl">از:</div>
785      <select id="uc-from" onchange="calcUC()"
786        style="width:100%;border:1.5px solid var(--bdr);border-radius:var(--rsm);padding:10px 12px;font-size:13px;font-weight:600;background:#fff;color:var(--t1);box-sizing:border-box;margin-bottom:8px"></select>
787
788      <div style="text-align:center;font-size:20px;color:var(--t3);margin:4px 0">⇅</div>
789
790      <!-- به -->
791      <div class="fl">به:</div>
792      <select id="uc-to" onchange="calcUC()"
793        style="width:100%;border:1.5px solid var(--bdr);border-radius:var(--rsm);padding:10px 12px;font-size:13px;font-weight:600;background:#fff;color:var(--t1);box-sizing:border-box;margin-bottom:12px"></select>
794
795      <!-- نتیجه -->
796      <div style="background:var(--gl);border-radius:10px;padding:16px;text-align:center;border:1.5px solid var(--gm);margin-bottom:12px">
797        <div style="font-size:11px;font-weight:700;color:var(--t3);margin-bottom:6px">نتیجه</div>
798        <div style="font-size:28px;font-weight:900;color:var(--gd);word-break:break-all" id="uc-res">--</div>
799      </div>
800
801      <div id="uc-table"></div>
802    </div>
803  </div>
804</div>
805
806<!-- ══ DATE CONVERTER ══ -->
807<div class="ov" id="p-dateconv">
808  <div class="panel">
809    <div class="phd"><h3>📆 تبدیل تاریخ</h3><button class="pcls" onclick="closeP('dateconv')">✕</button></div>
810    <div class="pb">
811      <div class="ctabs">
812        <button class="ctab on" onclick="selDcTab(this,'sh2mi')">شمسی←میلادی</button>
813        <button class="ctab" onclick="selDcTab(this,'mi2sh')">میلادی←شمسی</button>
814        <button class="ctab" onclick="selDcTab(this,'sh2hj')">شمسی←هجری</button>
815        <button class="ctab" onclick="selDcTab(this,'hj2sh')">هجری←شمسی</button>
816      </div>
817            <div id="dc-sh2mi">
818        <div class="fr"><div class="fl">تاریخ شمسی:</div><div style='display:flex;gap:6px'>
819        <input class='fi' id='sh-y' type='number' value='1404' style='flex:1;direction:ltr;font-size:15px;font-weight:700'>
820        <select class='fi' id='sh-m' style='flex:1.2;font-size:12px'><option value='1'>حمل</option><option value='2'>ثور</option><option value='3'>جوزا</option><option value='4'>سرطان</option><option value='5'>اسد</option><option value='6'>سنبله</option><option value='7'>میزان</option><option value='8'>عقرب</option><option value='9'>قوس</option><option value='10'>جدی</option><option value='11'>دلو</option><option value='12'>حوت</option></select>
821        <input class='fi' id='sh-d' type='number' value='25' min='1' max='31' style='flex:0.6;direction:ltr;font-size:15px;font-weight:700'>
822      </div></div>
823        <button class="gbtn" onclick="convSh2Mi()">تبدیل ↗</button>
824        <div class="res-box" id="dc-res1"><div class="res-lbl">معادل میلادی</div><div class="res-val"></div><div class="res-sub"></div></div>
825      </div>
826      <div id="dc-mi2sh" style="display:none">
827        <div class="fr"><div class="fl">تاریخ میلادی:</div><div style='display:flex;gap:6px'>
828        <input class='fi' id='mi-y' type='number' value='2026' style='flex:1;direction:ltr;font-size:15px;font-weight:700'>
829        <select class='fi' id='mi-m' style='flex:1.2;font-size:12px'><option value='1'>January</option><option value='2'>February</option><option value='3'>March</option><option value='4'>April</option><option value='5'>May</option><option value='6'>June</option><option value='7'>July</option><option value='8'>August</option><option value='9'>September</option><option value='10'>October</option><option value='11'>November</option><option value='12'>December</option></select>
830        <input class='fi' id='mi-d' type='number' value='14' min='1' max='31' style='flex:0.6;direction:ltr;font-size:15px;font-weight:700'>
831      </div></div>
832        <button class="gbtn" onclick="convMi2Sh()">تبدیل ↗</button>
833        <div class="res-box" id="dc-res2"><div class="res-lbl">معادل شمسی</div><div class="res-val"></div><div class="res-sub"></div></div>
834      </div>
835      <div id="dc-sh2hj" style="display:none">
836        <div class="fr"><div class="fl">تاریخ شمسی:</div><div style='display:flex;gap:6px'>
837        <input class='fi' id='sh2-y' type='number' value='1404' style='flex:1;direction:ltr;font-size:15px;font-weight:700'>
838        <select class='fi' id='sh2-m' style='flex:1.2;font-size:12px'><option value='1'>حمل</option><option value='2'>ثور</option><option value='3'>جوزا</option><option value='4'>سرطان</option><option value='5'>اسد</option><option value='6'>سنبله</option><option value='7'>میزان</option><option value='8'>عقرب</option><option value='9'>قوس</option><option value='10'>جدی</option><option value='11'>دلو</option><option value='12'>حوت</option></select>
839        <input class='fi' id='sh2-d' type='number' value='25' min='1' max='31' style='flex:0.
8396;direction:ltr;font-size:15px;font-weight:700'>
840      </div></div>
841        <button class="gbtn" onclick="convSh2Hj()">تبدیل ↗</button>
842        <div class="res-box" id="dc-res3"><div class="res-lbl">معادل هجری قمری</div><div class="res-val"></div><div class="res-sub"></div></div>
843      </div>
844      <div id="dc-hj2sh" style="display:none">
845        <div class="fr"><div class="fl">تاریخ هجری قمری:</div><div style='display:flex;gap:6px'>
846        <input class='fi' id='hj-y' type='number' value='1447' style='flex:1;direction:ltr;font-size:15px;font-weight:700'>
847        <select class='fi' id='hj-m' style='flex:1.2;font-size:12px'><option value='1'>محرم</option><option value='2'>صفر</option><option value='3'>ربیع الاول</option><option value='4'>ربیع الثانی</option><option value='5'>جمادی الاول</option><option value='6'>جمادی الثانی</option><option value='7'>رجب</option><option value='8'>شعبان</option><option value='9'>رمضان</option><option value='10'>شوال</option><option value='11'>ذی القعده</option><option value='12'>ذی الحجه</option></select>
848        <input class='fi' id='hj-d' type='number' value='16' min='1' max='31' style='flex:0.6;direction:ltr;font-size:15px;font-weight:700'>
849      </div></div>
850        <button class="gbtn" onclick="convHj2Sh()">تبدیل ↗</button>
851        <div class="res-box" id="dc-res4"><div class="res-lbl">معادل شمسی</div><div class="res-val"></div><div class="res-sub"></div></div>
852      </div>
853      <div style="margin-top:12px;font-size:11px;color:var(--t3);background:#f5f7fb;padding:8px 11px;border-radius:7px">💡 محاسبات تقریبی هستند.</div>
854    </div>
855  </div>
856</div>
857
858<!-- ══ CALENDAR ══ -->
859<div class="ov" id="p-calendar">
860  <div class="panel">
861    <div class="phd"><h3>📅 تقویم</h3><button class="pcls" onclick="closeP('calendar')">✕</button></div>
862    <div class="pb">
863      <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px">
864        <div style="background:var(--gl);border-radius:9px;padding:12px;text-align:center;border:1.5px solid var(--gm)"><div style="font-size:10px;font-weight:700;color:var(--t3);margin-bottom:4px">شمسی</div><div style="font-size:15px;font-weight:900;color:var(--gd)">۱۱ میزان ۱۴۰۵</div></div>
865        <div style="background:#f5f7fb;border-radius:9px;padding:12px;text-align:center;border:1.5px solid var(--bdr)"><div style="font-size:10px;font-weight:700;color:var(--t3);margin-bottom:4px">میلادی</div><div style="font-size:13px;font-weight:900;direction:ltr">03 October 2026</div></div>
866        <div style="background:#f5f7fb;border-radius:9px;padding:12px;text-align:center;border:1.5px solid var(--bdr)"><div style="font-size:10px;font-weight:700;color:var(--t3);margin-bottom:4px">هجری</div><div style="font-size:13px;font-weight:900">۱۶ شوال ۱۴۴۷</div></div>
867      </div>
868      <div style="font-size:13px;font-weight:800;color:var(--t2);margin-bottom:9px">مناسبت‌های ماه حمل ۱۴۰۴:</div>
869      <div style="display:flex;flex-direction:column;gap:7px">
870        <div style="display:flex;gap:10px;padding:9px 12px;background:#f5f7fb;border-radius:8px;align-items:center"><span style="font-size:20px">🌸</span><div><div style="font-size:13px;font-weight:700">نوروز — سال نو افغانستان</div><div style="font-size:11px;color:var(--t3)">۱ حمل = ۲۱ مارچ</div></div></div>
871        <div style="display:flex;gap:10px;padding:9px 12px;background:#f5f7fb;border-radius:8px;align-items:center"><span style="font-size:20px">🌷</span><div><div style="font-size:13px;font-weight:700">روز دهقان</div><div style="font-size:11px;color:var(--t3)">۲۱ حمل = ۱۰ اپریل</div></div></div>
872      </div>
873    </div>
874  </div>
875</div>
876
877<!-- ══ DOWNLOAD ══ -->
878<div class="ov" id="p-download">
879  <div class="panel">
880    <div class="phd"><h3>⬇️ دانلود ویدیو</h3><button class="pcls" onclick="closeP('download')">✕</button></div>
881    <div class="pb">
882      <div style="display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:14px">
883        <div style="background:#ff0000;color:#fff;border-radius:8px;padding:7px;text-align:center;font-size:11px;font-weight:800">▶ YouTube</div>
884        <div style="background:#000;color:#fff;border-radius:8px;padding:7px;text-align:center;font-size:11px;font-weight:800">TikTok</div>
885        <div style="background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff;border-radius:8px;padding:7px;text-align:center;font-size:11px;font-weight:800">Insta</div>
886        <div style="background:#1877f2;color:#fff;border-radius:8px;padding:7px;text-align:center;font-size:11px;font-weight:800">FB</div>
887      </div>
888
889      <div class="fl">لینک ویدیو را paste کنید:</div>
890      <div style="display:flex;gap:8px;margin-bottom:10px">
891        <input id="dlurl" placeholder="https://youtube.com/watch?v=..." style="flex:1;border:1.5px solid var(--bdr);border-radius:var(--rsm);padding:10px 12px;font-size:14px;direction:ltr;background:#fff;color:var(--t1)" oninput="dlDetect()">
892        <button onclick="doDl()" style="background:var(--g);color:#fff;border:none;border-radius:var(--rsm);padding:10px 16px;font-size:13px;font-weight:800;white-space:nowrap;cursor:pointer">بررسی ↗</button>
893      </div>
894
895      <div id="dl-detect" style="display:none;background:var(--gl);border-radius:8px;padding:8px 12px;margin-bottom:10px;font-size:12px;font-weight:700;color:var(--gd)"></div>
896      <div id="dlres" style="display:none"></div>
897
898      <div style="background:#f5f7fb;border-radius:9px;padding:10px 13px;font-size:11px;color:var(--t2);line-height:1.7">
899        💡 <strong>روش کار:</strong> لینک ویدیو را paste کنید → کلیک بررسی → سایت دانلودر باز می‌شود<br>
900        ⚠️ حقوق کپی‌رایت را رعایت کنید
901      </div>
902    </div>
903  </div>
904</div>
905
906<!-- ══ BILL ══ -->
907<div class="ov" id="p-bill">
908  <div class="panel">
909    <div class="phd"><h3>💡 پرداخت بل برق</h3><button class="pcls" onclick="closeP('bill')">✕</button></div>
910    <div id="bill-form" class="pb">
911      <div style="background:linear-gradient(135deg,var(--b),#60a5fa);border-radius:10px;padding:14px;color:#fff;margin-bottom:14px">
912        <div style="font-size:11px;opacity:.8;margin-bottom:3px">شرکت برشنا افغانستان</div>
913        <div style="font-size:20px;font-weight:900">💡 پرداخت آنلاین بل</div>
914      </div>
915      <div class="fr"><div class="fl">ولایت:</div>
916        <select class="fi" id="bill-city">
917          <option value="kabul">کابل</option><option value="herat">هرات</option><option value="mazar">مزارشریف</option><option value="kandahar">قندهار</option><option value="jalalabad">جلال‌آباد</option><option value="bamyan">بامیان</option><option value="kunduz">کندز</option><option value="nangarhar">ننگرهار</option><option value="badakhshan">بدخشان</option><option value="farah">فراه</option><option value="logar">لوگر</option><option value="takhar">تخار</option>        </select>
918      </div>
919      <div class="fr"><div class="fl">شماره مشترک (Account No.):</div><input class="fi" id="bill-acc" placeholder="123456789" style="direction:ltr;font-size:16px;font-weight:700;letter-spacing:1px"></div>
920      <div class="fr"><div class="fl">مقدار بل (افغانی):</div>
921        <input class="fi" id="bill-amt" placeholder="مقدار" style="direction:ltr;font-size:18px;font-weight:900;margin-bottom:6px">
922        <div class="agrid">
923                    <button class="ab" onclick="setBill('200')">200 ؋</button>
924                    <button class="ab" onclick="setBill('500')">500 ؋</button>
925                    <button class="ab" onclick="setBill('1000')">1,000 ؋</button>
926                    <button class="ab" onclick="setBill('2000')">2,000 ؋</button>
927                    <button class="ab" onclick="setBill('5000')">5,000 ؋</button>
928                    <button class="ab" onclick="document.getElementById('bill-amt').focus()">دیگر</button>
929        </div>
930      </div>
931      <div class="fr"><div class="fl">روش پرداخت:</div>
932        <div class="nrow">
933          <button class="nb s" onclick="selG(this)">📱 M-Paisa</button>
934          <button class="nb" onclick="selG(this)">💳 Ez Pay</button>
935          <button class="nb" onclick="selG(this)">🏦 حواله بانکی</button>
936        </div>
937      </div>
938      <button class="sbtn" onclick="doBillPay()">✓ پرداخت بل</button>
939    </div>
940    <div class="sucwrap" id="bill-suc" style="display:none">
941      <div class="sc">✅</div><h4>بل پرداخت شد!</h4>
942      <p>پرداخت با موفقیت انجام شد</p>
943      <div class="codebox" id="bill-code">BL----</div>
944      <button class="newbtn" onclick="resetBill()">پرداخت جدید</button>
945    </div>
946  </div>
947</div>
948
949
950<!-- ══ MAP ══ -->
951<div class="ov" id="p-map">
952  <div class="panel" style="max-height:95vh">
953    <div class="phd"><h3>🗺️ نقشه افغانستان</h3><button class="pcls" onclick="closeP('map')">✕</button></div>
954    <div class="pb" style="padding:0">
955
956      <!-- هدر -->
957      <div style="padding:12px 16px;background:#f8fafc;border-bottom:1px solid var(--bdr);display:flex;align-items:center;justify-content:space-between">
958        <div id="map-city-info" style="font-size:13px;font-weight:700;color:var(--t2)">روی ولایت کلیک کنید</div>
959        <div style="display:flex;gap:6px">
960          <button onclick="mapView('kabul')" style="background:var(--gl);color:var(--gd);border:1px solid var(--gm);border-radius:7px;padding:4px 10px;font-size:11px;font-weight:800;cursor:pointer;font-family:inherit">کابل</button>
961          <button onclick="mapView('af')" style="background:#f8fafc;color:var(--t2);border:1px solid var(--bdr);border-radius:7px;padding:4px 10px;font-size:11px;font-weight:800;cursor:pointer;font-family:inherit">کل کشور</button>
962        </div>
963      </div>
964
965      <!-- نقشه Leaflet -->
966      <div id="leaflet-map" style="height:420px;width:100%"></div>
967
968      <!-- اطلاعات ولایت -->
969      <div id="map-province-card" style="display:none;padding:14px 16px;border-top:1px solid var(--bdr)">
970        <div style="display:flex;align-items:center;gap:12px">
971          <div style="width:48px;height:48px;border-radius:12px;background:var(--gl);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0">🏛</div>
972          <div>
973            <div id="prov-name" style="font-size:18px;font-weight:900;color:var(--gd)"></div>
974            <div id="prov-cap" style="font-size:12px;color:var(--t3)"></div>
975          </div>
976        </div>
977        <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px">
978          <div style="background:#f8fafc;border-radius:9px;padding:9px;text-align:center;border:1px solid var(--bdr)">
979            <div style="font-size:10px;color:var(--t3);margin-bottom:3px">جمعیت</div>
980            <div id="prov-pop" style="font-size:13px;font-weight:800;color:var(--t1)"></div>
981          </div>
982          <div style="background:#f8fafc;border-radius:9px;padding:9px;text-align:center;border:1px solid var(--bdr)">
983            <div style="font-size:10px;color:var(--t3);margin-bottom:3px">مساحت</div>
984            <div id="prov-area" style="font-size:13px;font-weight:800;color:var(--t1)"></div>
985          </div>
986          <div style="background:#f8fafc;border-radius:9px;padding:9px;text-align:center;border:1px solid var(--bdr)">
987            <div style="font-size:10px;color:var(--t3);margin-bottom:3px">مرکز</div>
988            <div id="prov-city" style="font-size:12px;font-weight:800;color:var(--t1)"></div>
989          </div>
990        </div>
991      </div>
992
993      <div style="padding:8px 16px;font-size:10px;color:var(--t3);text-align:center">
994        🗺️ نقشه: OpenStreetMap · داده: GADM
995      </div>
996    </div>
997  </div>
998</div>
999
1000
1001<!-- ══ CREDIT ══ -->
1002<div class="ov" id="p-credit">
1003  <div class="panel">
1004    <div class="phd"><h3>📱 خرید کریدت موبایل</h3><button class="pcls" onclick="closeP('credit')">✕</button></div>
1005    <div class="steps" id="crsteps">
1006      <div class="step on" id="cs1"><span class="stepn">①</span>اپراتور</div>
1007      <div class="step" id="cs2"><span class="stepn">②</span>مقدار</div>
1008      <div class="step" id="cs3"><span class="stepn">③</span>پرداخت</div>
1009      <div class="step" id="cs4"><span class="stepn">④</span>تأیید</div>
1010    </div>
1011    <div id="crp1" class="pb"><div class="fr"><div class="fl">شبکه مخابراتی:</div><div class="nrow"><button class="nb s" onclick="selG(this)">📶 روشن</button><button class="nb" onclick="selG(this)">📶 MTN</button><button class="nb" onclick="selG(this)">📶 اتصال</button><button class="nb" onclick="selG(this)">📶 سلام</button></div></div><div class="fr"><div class="fl">شماره گیرنده:</div><input class="fi" id="crphone" placeholder="۰۷۹۹ ۱۲۳ ۴۵۶" style="direction:ltr;font-size:16px;font-weight:800"><div style="font-size:11px;color:var(--t3);margin-top:3px">💡 خارج از کشور؟ +93 اضافه کنید</div></div><button class="sbtn" onclick="crStep(2)">بعدی ←</button></div>
1012    <div id="crp2" class="pb" style="display:none"><div class="fr"><div class="fl">مقدار کریدت (افغانی):</div><div class="agrid"><button class="ab" onclick="selA(this,'50')">۵۰ ؋</button><button class="ab s" onclick="selA(this,'100')">۱۰۰ ؋</button><button class="ab" onclick="selA(this,'200')">۲۰۰ ؋</button><button class="ab" onclick="selA(this,'500')">۵۰۰ ؋</button><button class="ab" onclick="selA(this,'1000')">۱,۰۰۰ ؋</button><button class="ab" onclick="selA(this,'2000')">۲,۰۰۰ ؋</button></div></div><button class="sbtn" onclick="crStep(3)">بعدی ←</button><a class="blnk" onclick="crStep(1)">← برگشت</a></div>
1013    <div id="crp3" class="pb" style="display:none">
1014      <div class="fr"><div class="fl">روش پرداخت:</div>
1015        <div class="pgrid"><div class="pm s" onclick="selPay(this,'mpesa')"><div class="pmic">📱</div><div><div class="pminf">M-Paisa</div><div class="pmsub">داخل افغانستان</div></div></div><div class="pm" onclick="selPay(this,'ez')"><div class="pmic">💳</div><div><div class="pminf">Ez Pay</div><div class="pmsub">داخل افغانستان</div></div></div><div class="pm" onclick="selPay(this,'card')"><div class="pmic">🌐</div><div><div class="pminf">Visa/Mastercard</div><div class="pmsub">خارج از کشور</div></div></div>
1015<div class="pm" onclick="selPay(this,'paypal')"><div class="pmic">🔵</div><div><div class="pminf">PayPal</div><div class="pmsub">خارج از کشور</div></div></div></div>
1016        <div class="cform" id="cform"><div style="display:flex;gap:5px;margin-bottom:7px"><span style="background:#1a1a6e;color:#fff;font-size:10px;font-weight:800;padding:2px 7px;border-radius:4px">VISA</span><span style="background:#eb001b;color:#fff;font-size:10px;font-weight:800;padding:2px 7px;border-radius:4px">MC</span><span style="flex:1"></span><span style="background:var(--gl);color:var(--gd);font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px">🔒 SSL</span></div><div class="fr"><div class="fl">شماره کارت</div><input class="fi" placeholder="1234  5678  9012  3456" maxlength="19" oninput="fmtCard(this)" style="direction:ltr;letter-spacing:1px"></div><div class="crow"><div class="fr"><div class="fl">انقضا</div><input class="fi" placeholder="MM/YY" maxlength="5" oninput="fmtExp(this)" style="direction:ltr"></div><div class="fr"><div class="fl">CVV</div><input class="fi" placeholder="123" maxlength="4" type="password" style="direction:ltr"></div></div></div>
1017      </div>
1018      <button class="sbtn" onclick="crStep(4)">بعدی ←</button><a class="blnk" onclick="crStep(2)">← برگشت</a>
1019    </div>
1020    <div id="crp4" class="pb" style="display:none"><div class="sumbox" id="crsum"></div><button class="sbtn" id="crconfirm" onclick="doCredit()">✓ تأیید نهایی</button><a class="blnk" onclick="crStep(3)">← برگشت</a></div>
1021    <div class="sucwrap" id="crsuc" style="display:none"><div class="sc">✅</div><h4>کریدت ارسال شد!</h4><p>مقدار <strong id="cramt"></strong> افغانی ارسال شد</p><div class="codebox" id="crcode">CR----</div><button class="newbtn" onclick="resetCr()">خرید جدید</button></div>
1022  </div>
1023</div>
1024
1025<!-- ══ TRANSFER ══ -->
1026<div class="ov" id="p-transfer">
1027  <div class="panel">
1028    <div class="phd"><h3>💸 ارسال پول</h3><button class="pcls" onclick="closeP('transfer')">✕</button></div>
1029    <div id="tr-body" class="pb">
1030      <div class="fr"><div class="fl">نوع انتقال:</div><div class="nrow"><button class="nb s" onclick="selG(this)">🇦🇫 داخل افغانستان</button><button class="nb" onclick="selG(this)">🌍 خارج از کشور</button></div></div>
1031      <div class="fr"><div class="fl">نام گیرنده:</div><input class="fi" placeholder="نام و تخلص"></div>
1032      <div class="fr"><div class="fl">شماره موبایل یا حساب:</div><input class="fi" placeholder="۰۷۹۹ ..." style="direction:ltr;font-size:16px"></div>
1033      <div class="fr"><div class="fl">مقدار (افغانی):</div>
1034        <input class="fi" id="tr-amt" placeholder="مقدار" style="direction:ltr;font-size:18px;font-weight:900;margin-bottom:6px">
1035        <div class="agrid"><button class="ab" onclick="setTx('500')">۵۰۰</button><button class="ab" onclick="setTx('1000')">۱,۰۰۰</button><button class="ab" onclick="setTx('5000')">۵,۰۰۰</button><button class="ab" onclick="setTx('10000')">۱۰,۰۰۰</button><button class="ab" onclick="setTx('50000')">۵۰,۰۰۰</button><button class="ab" onclick="document.getElementById('tr-amt').focus()">دیگر</button></div>
1036      </div>
1037      <div class="fr"><div class="fl">روش انتقال:</div><div class="nrow"><button class="nb s" onclick="selG(this)">M-Paisa</button><button class="nb" onclick="selG(this)">حواله بانکی</button><button class="nb" onclick="selG(this)">Western Union</button></div></div>
1038      <div class="feenote">💡 کارمزد: ۱٪ · حداکثر ۱۵۰ افغانی · انتقال فوری</div>
1039      <button class="sbtn" onclick="doTransfer()">✓ تأیید و ارسال</button>
1040    </div>
1041    <div class="sucwrap" id="tr-suc" style="display:none"><div class="sc">✅</div><h4>پول ارسال شد!</h4><p>انتقال با موفقیت انجام شد</p><div class="codebox">AF-۱۴۰۴-۸۸۷۲</div><button class="newbtn" onclick="closeP('transfer');document.getElementById('tr-body').style.display='block';document.getElementById('tr-suc').style.display='none'">بستن</button></div>
1042  </div>
1043</div>
1044
1045<!-- ══ MARKET PRICES ══ -->
1046<div class="ov" id="p-market">
1047  <div class="panel">
1048    <div class="phd"><h3>🛒 قیمت بازار — کابل</h3><button class="pcls" onclick="closeP('market')">✕</button></div>
1049    <div class="pb">
1050      <div style="text-align:center;padding:40px 20px">
1051        <div style="font-size:56px;margin-bottom:14px">🛒</div>
1052        <div style="font-size:17px;font-weight:900;color:var(--gd);margin-bottom:12px">قیمت بازار</div>
1053        <div style="background:var(--al);border-radius:12px;padding:16px 20px;border:1.5px solid var(--a)">
1054          <div style="font-size:15px;font-weight:800;color:#92400e">🕐 معلومات این بخش به زودی نشر خواهد شد</div>
1055          <div style="font-size:12px;color:#92400e;margin-top:6px;opacity:.8">در حال تهیه و بررسی محتوای دقیق هستیم</div>
1056        </div>
1057      </div>
1058    </div>
1059  </div>
1060</div>
1061
1062<!-- ══ EMBASSIES ══ -->
1063<div class="ov" id="p-embassy">
1064  <div class="panel">
1065    <div class="phd"><h3>🏛 سفارتخانه‌ها در کابل</h3><button class="pcls" onclick="closeP('embassy')">✕</button></div>
1066    <div class="pb">
1067      <div style="text-align:center;padding:40px 20px">
1068        <div style="font-size:56px;margin-bottom:14px">🏛</div>
1069        <div style="font-size:17px;font-weight:900;color:var(--gd);margin-bottom:12px">سفارتخانه‌ها</div>
1070        <div style="background:var(--al);border-radius:12px;padding:16px 20px;border:1.5px solid var(--a)">
1071          <div style="font-size:15px;font-weight:800;color:#92400e">🕐 معلومات این بخش به زودی نشر خواهد شد</div>
1072          <div style="font-size:12px;color:#92400e;margin-top:6px;opacity:.8">در حال تهیه و بررسی محتوای دقیق هستیم</div>
1073        </div>
1074      </div>
1075    </div>
1076  </div>
1077</div>
1078
1079<!-- ══ HOSPITALS ══ -->
1080<div class="ov" id="p-hospital">
1081  <div class="panel">
1082    <div class="phd"><h3>🏥 شفاخانه‌های اصلی</h3><button class="pcls" onclick="closeP('hospital')">✕</button></div>
1083    <div class="pb">
1084      <div style="text-align:center;padding:40px 20px">
1085        <div style="font-size:56px;margin-bottom:14px">🏥</div>
1086        <div style="font-size:17px;font-weight:900;color:var(--gd);margin-bottom:12px">شفاخانه‌های اصلی</div>
1087        <div style="background:var(--al);border-radius:12px;padding:16px 20px;border:1.5px solid var(--a)">
1088          <div style="font-size:15px;font-weight:800;color:#92400e">🕐 معلومات این بخش به زودی نشر خواهد شد</div>
1089          <div style="font-size:12px;color:#92400e;margin-top:6px;opacity:.8">در حال تهیه و بررسی محتوای دقیق هستیم</div>
1090        </div>
1091      </div>
1092    </div>
1093  </div>
1094</div>
1095
1096<!-- ══ MIGRATION ══ -->
1097<div class="ov" id="p-migration">
1098  <div class="panel">
1099    <div class="phd"><h3>✈️ راهنمای مهاجرت و ویزا</h3><button class="pcls" onclick="closeP('migration')">✕</button></div>
1100    <div class="pb">
1101      <div style="text-align:center;padding:40px 20px">
1102        <div style="font-size:56px;margin-bottom:14px">✈️</div>
1103        <div style="font-size:17px;font-weight:900;color:var(--gd);margin-bottom:12px">راهنمای مهاجرت</div>
1104        <div style="background:var(--al);border-radius:12px;padding:16px 20px;border:1.5px solid var(--a)">
1105          <div style="font-size:15px;font-weight:800;color:#92400e">🕐 معلومات این بخش به زودی نشر خواهد شد</div>
1106          <div style="font-size:12px;color:#92400e;margin-top:6px;opacity:.8">در حال تهیه و بررسی محتوای دقیق هستیم</div>
1107        </div>
1108      </div>
1109    </div>
1110  </div>
1111</div>
1112
1113<!-- ══ KONKUR ══ -->
1114<div class="ov" id="p-konkur">
1115  <div class="panel">
1116    <div class="phd"><h3>🎓 کانکور و تحصیل</h3><button class="pcls" onclick="closeP('konkur')">✕</button></div>
1117    <div class="pb">
1118      <div style="text-align:center;padding:40px 20px">
1119        <div style="font-size:56px;margin-bottom:14px">🎓</div>
1120        <div style="font-size:17px;font-weight:900;color:var(--gd);margin-bottom:12px">کانکور و تحصیل</div>
1121        <div style="background:var(--al);border-radius:12px;padding:16px 20px;border:1.5px solid var(--a)">
1122          <div style="font-size:15px;font-weight:800;color:#92400e">🕐 معلومات این بخش به زودی نشر خواهد شد</div>
1123          <div style="font-size:12px;color:#92400e;margin-top:6px;opacity:.8">در حال تهیه و بررسی محتوای دقیق هستیم</div>
1124        </div>
1125      </div>
1126    </div>
1127  </div>
1128</div>
1129
1130<!-- ══ JOBS ══ -->
1131<div class="ov" id="p-jobs">
1132  <div class="panel">
1133    <div class="phd"><h3>💼 کاریابی — Jobs.af</h3><button class="pcls" onclick="closeP('jobs')">✕</button></div>
1134    <div class="pb">
1135      <div style="background:linear-gradient(135deg,#1e3a5f,#2563eb);border-radius:10px;padding:13px;color:#fff;margin-bottom:13px;display:flex;justify-content:space-between;align-items:center">
1136        <div>
1137          <div style="font-size:11px;opacity:.8;margin-bottom:2px">منبع: jobs.af — محبوب‌ترین سایت کاریابی افغانستان</div>
1138          <div style="font-size:17px;font-weight:900">فرصت‌های شغلی افغانستان</div>
1139          <div style="font-size:11px;opacity:.8;margin-top:3px" id="jobs-total">در حال بارگذاری...</div>
1140        </div>
1141        <div style="font-size:40px">💼</div>
1142      </div>
1143
1144      <div id="jobs-wrap">
1145        <div class="nld" style="padding:30px">⏳ در حال دریافت فرصت‌های شغلی...</div>
1146      </div>
1147
1148      <div style="margin-top:12px">
1149        <a href="https://jobs.af" target="_blank"
1150           style="display:block;text-align:center;background:var(--gl);color:var(--gd);padding:10px;border-radius:9px;font-size:13px;font-weight:800;border:1px solid var(--gm)">
1151          مشاهده همه وظایف در jobs.af ←
1152        </a>
1153      </div>
1154
1155      <div style="margin-top:8px;font-size:11px;color:var(--t3);text-align:center">
1156        هر ۳۰ دقیقه یک‌بار آپدیت می‌شود · منبع: jobs.af
1157      </div>
1158    </div>
1159  </div>
1160</div>
1161
1162<!-- ══ FLIGHTS ══ -->
1163<div class="ov" id="p-flights">
1164  <div class="panel">
1165    <div class="phd"><h3>✈️ پروازهای افغانستان</h3><button class="pcls" onclick="closeP('flights')">✕</button></div>
1166    <div class="pb">
1167
1168      <!-- انتخاب فرودگاه -->
1169      <div style="display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px">
1170        <button onclick="FL.select(this,'KBL')" id="ap-KBL" class="fl-ap-btn fl-active">
1171          <div style="font-size:16px;font-weight:900">KBL</div>
1172          <div style="font-size:10px;margin-top:2px;opacity:.85">کابل</div>
1173        </button>
1174        <button onclick="FL.select(this,'HEA')" id="ap-HEA" class="fl-ap-btn">
1175          <div style="font-size:16px;font-weight:900">HEA</div>
1176          <div style="font-size:10px;margin-top:2px">هرات</div>
1177        </button>
1178        <button onclick="FL.select(this,'MZR')" id="ap-MZR" class="fl-ap-btn">
1179          <div style="font-size:16px;font-weight:900">MZR</div>
1180          <div style="font-size:10px;margin-top:2px">مزار</div>
1181        </button>
1182        <button onclick="FL.select(this,'KDH')" id="ap-KDH" class="fl-ap-btn">
1183          <div style="font-size:16px;font-weight:900">KDH</div>
1184          <div style="font-size:10px;margin-top:2px">قندهار</div>
1185        </button>
1186      </div>
1187
1188      <!-- هدر فرودگاه -->
1189      <div id="fl-header" style="background:linear-gradient(135deg,#0a3d2b,#1D9E75);border-radius:12px;padding:13px 16px;margin-bottom:12px">
1190        <div style="display:flex;justify-content:space-between;align-items:center">
1191          <div>
1192            <div id="fl-ap-name" style="font-size:16px;font-weight:900;color:#fff">فرودگاه بین‌المللی کابل</div>
1193            <div style="font-size:11px;color:rgba(255,255,255,.7);margin-top:3px">
1194              IATA: <span id="fl-iata" style="font-weight:800">KBL</span> ·
1195              ICAO: <span id="fl-icao" style="font-weight:800">OAKB</span>
1196            </div>
1197          </div>
1198          <div style="text-align:center">
1199            <div style="font-size:32px">✈️</div>
1200            <div id="fl-live-badge" style="font-size:9px;font-weight:800;background:#ef4444;color:#fff;padding:2px 7px;border-radius:20px;margin-top:3px;display:none">● LIVE</div>
1201          </div>
1202        </div>
1203      </div>
1204
1205      <!-- tabs -->
1206      <div style="display:flex;gap:7px;margin-bottom:12px">
1207        <button onclick="FL.tab(this,'dep')" id="tab-dep"
1208          style="flex:1;padding:9px;background:var(--g);color:#fff;border:none;border-radius:9px;font-size:13px;font-weight:800;cursor:pointer;font-family:inherit">
1209          🛫 خروجی
1210        </button>
1211        <button onclick="FL.tab(this,'arr')" id="tab-arr"
1212          style="flex:1;padding:9px;background:#f5f7fb;color:var(--t2);border:1.5px solid var(--bdr);border-radius:9px;font-size:13px;font-weight:800;cursor:pointer;font-family:inherit">
1213          🛬 ورودی
1214        </button>
1215        <button onclick="FL.tab(this,'live')" id="tab-live"
1216          style="flex:1;padding:9px;background:#f5f7fb;color:var(--t2);border:1.5px solid var(--bdr);border-radius:9px;font-size:13px;font-weight:800;cursor:pointer;font-family:inherit">
1217          🔴 زنده
1218        </button>
1219      </div>
1220
1221      <!-- محتوا -->
1222      <div id="fl-content"></div>
1223
1224      <!-- آپدیت -->
1225      <div style="display:flex;justify-content:space-between;align-items:center;margin-top:10px">
1226        <div id="fl-update-time" style="font-size:11px;color:var(--t3)">📡 منبع: OpenSky + برنامه معمول</div>
1227        <button onclick="FL.reload()" style="font-size:11px;font-weight:800;color:var(--g);background:var(--gl);border:1px solid var(--gm);border-radius:6px;padding:4px 10px;cursor:pointer;font-family:inherit">🔄 آپدیت</button>
1228      </div>
1229    </div>
1230  </div>
1231</div>
1232
1233<!-- ══ AIR QUALITY ══ -->
1234<div class="ov" id="p-airquality">
1235  <div class="panel">
1236    <div class="phd"><h3>
1236🌬️ کیفیت هوا</h3><button class="pcls" onclick="closeP('airquality')">✕</button></div>
1237    <div class="pb">
1238
1239      <!-- انتخاب شهر -->
1240      <select id="aqi-city-select" onchange="loadAQI()" style="width:100%;border:1.5px solid var(--bdr);border-radius:var(--rsm);padding:10px 12px;font-size:14px;font-weight:700;background:#fff;color:var(--t1);margin-bottom:14px">
1241        <option value="34.5553,69.2075,کابل">کابل</option>
1242        <option value="34.3482,62.1997,هرات">هرات</option>
1243        <option value="36.7069,67.1128,مزارشریف">مزارشریف</option>
1244        <option value="31.6289,65.7372,قندهار">قندهار</option>
1245        <option value="34.4415,70.4360,جلال‌آباد">جلال‌آباد</option>
1246        <option value="34.8269,68.4186,بامیان">بامیان</option>
1247        <option value="36.7276,68.8681,کندز">کندز</option>
1248        <option value="37.4406,70.7944,فیض‌آباد">فیض‌آباد</option>
1249        <option value="36.2448,67.9659,بغلان">بغلان</option>
1250        <option value="32.1167,61.9333,فراه">فراه</option>
1251      </select>
1252
1253      <!-- کارت اصلی AQI -->
1254      <div id="aqi-main-card" style="border-radius:16px;padding:20px;margin-bottom:14px;text-align:center;background:linear-gradient(135deg,#6b7280,#9ca3af);transition:.5s">
1255        <div id="aqi-city-label" style="font-size:12px;color:rgba(255,255,255,.8);margin-bottom:6px;font-weight:700">کابل، افغانستان</div>
1256        <div id="aqi-value" style="font-size:72px;font-weight:900;color:#fff;line-height:1">--</div>
1257        <div id="aqi-label" style="font-size:16px;font-weight:800;color:#fff;margin:6px 0">در حال بارگذاری...</div>
1258        <div id="aqi-emoji" style="font-size:36px;margin:8px 0">⏳</div>
1259        <div id="aqi-advice" style="font-size:12px;color:rgba(255,255,255,.85);line-height:1.6;background:rgba(0,0,0,.15);border-radius:8px;padding:8px 12px;margin-top:8px"></div>
1260      </div>
1261
1262      <!-- آلاینده‌ها -->
1263      <div style="font-size:12px;font-weight:800;color:var(--t2);margin-bottom:8px">📊 غلظت آلاینده‌ها:</div>
1264      <div id="aqi-pollutants" style="display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:14px">
1265        <div style="text-align:center;padding:14px;color:var(--t3);grid-column:span 2">⏳ در حال دریافت...</div>
1266      </div>
1267
1268      <!-- راهنمای رنگ -->
1269      <div style="font-size:12px;font-weight:800;color:var(--t2);margin-bottom:8px">🎨 راهنمای شاخص AQI:</div>
1270      <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:5px">
1271        <div style="background:#00e400;border-radius:8px;padding:7px;text-align:center"><div style="font-size:11px;font-weight:900;color:#fff">۰-۵۰</div><div style="font-size:10px;color:#fff;font-weight:700">خوب</div></div>
1272        <div style="background:#ffff00;border-radius:8px;padding:7px;text-align:center"><div style="font-size:11px;font-weight:900;color:#555">۵۱-۱۰۰</div><div style="font-size:10px;color:#555;font-weight:700">متوسط</div></div>
1273        <div style="background:#ff7e00;border-radius:8px;padding:7px;text-align:center"><div style="font-size:11px;font-weight:900;color:#fff">۱۰۱-۱۵۰</div><div style="font-size:10px;color:#fff;font-weight:700">ناسالم</div></div>
1274        <div style="background:#ff0000;border-radius:8px;padding:7px;text-align:center"><div style="font-size:11px;font-weight:900;color:#fff">۱۵۱-۲۰۰</div><div style="font-size:10px;color:#fff;font-weight:700">بسیار ناسالم</div></div>
1275        <div style="background:#8f3f97;border-radius:8px;padding:7px;text-align:center"><div style="font-size:11px;font-weight:900;color:#fff">۲۰۱-۳۰۰</div><div style="font-size:10px;color:#fff;font-weight:700">خطرناک</div></div>
1276        <div style="background:#7e0023;border-radius:8px;padding:7px;text-align:center"><div style="font-size:11px;font-weight:900;color:#fff">+۳۰۰</div><div style="font-size:10px;color:#fff;font-weight:700">بحرانی</div></div>
1277      </div>
1278
1279      <div style="margin-top:12px;font-size:11px;color:var(--t3);background:#f5f7fb;padding:8px 11px;border-radius:7px;text-align:center">
1280        📡 منبع: Open-Meteo Air Quality · Copernicus Atmosphere
1281      </div>
1282    </div>
1283  </div>
1284</div>
1285
1286<!-- ══ QURAN ══ -->
1287<div class="ov" id="p-quran">
1288  <div class="panel">
1289    <div class="phd"><h3>📖 قرآن کریم</h3><button class="pcls" onclick="closeP('quran')">✕</button></div>
1290    <div class="pb">
1291
1292      <!-- آیه روز -->
1293      <div id="quran-ayah-card" style="background:linear-gradient(135deg,#0a3d2b,#1a7a56);border-radius:14px;padding:18px;margin-bottom:14px;text-align:center">
1294        <div style="font-size:11px;color:rgba(255,255,255,.65);margin-bottom:10px;font-weight:700;letter-spacing:.5px">✨ آیه روز</div>
1295        <div id="quran-arabic" style="font-size:20px;color:#fff;line-height:2.2;font-family:serif;direction:rtl">⏳</div>
1296        <div id="quran-dari" style="font-size:12px;color:rgba(255,255,255,.8);margin-top:10px;line-height:1.8;border-top:1px solid rgba(255,255,255,.15);padding-top:10px"></div>
1297        <div id="quran-ref" style="font-size:11px;color:rgba(255,255,255,.5);margin-top:8px;font-weight:700"></div>
1298      </div>
1299
1300      <!-- تلاوت -->
1301      <div style="background:#f8fafc;border-radius:12px;padding:14px;border:1px solid var(--bdr)">
1302        <div style="font-size:12px;font-weight:800;color:var(--t2);margin-bottom:10px">🎧 تلاوت آنلاین — قاری: عبدالباسط عبدالصمد<
1302/div>
1303
1304        <div class="fr">
1305          <div class="fl">انتخاب سوره:</div>
1306          <select id="quran-surah-sel" onchange="loadQuranAudio()" style="width:100%;border:1.5px solid var(--bdr);border-radius:var(--rsm);padding:9px 12px;font-size:13px;font-weight:700;background:#fff;color:var(--t1)">
1307            <option value="001">۱. الفاتحه</option>
1308            <option value="002">۲. البقره</option>
1309            <option value="003">۳. آل عمران</option>
1310            <option value="036">۳۶. یس</option>
1311            <option value="055">۵۵. الرحمن</option>
1312            <option value="056">۵۶. الواقعه</option>
1313            <option value="067">۶۷. الملک</option>
1314            <option value="073">۷۳. المزمل</option>
1315            <option value="078">۷۸. النبأ</option>
1316            <option value="087">۸۷. الأعلى</option>
1317            <option value="093">۹۳. الضحى</option>
1318            <option value="094">۹۴. الشرح</option>
1319            <option value="099">۹۹. الزلزله</option>
1320            <option value="112">۱۱۲. الاخلاص</option>
1321            <option value="113">۱۱۳. الفلق</option>
1322            <option value="114">۱۱۴. الناس</option>
1323          </select>
1324        </div>
1325
1326        <div style="margin-top:10px">
1327          <!-- player اصلی -->
1328          <audio id="quran-audio" controls style="width:100%;border-radius:8px;margin-bottom:8px"
1329            src="https://cdn.islamic.network/quran/audio-surah/128/ar.abdulbasitmurattal/1.mp3"
1330            preload="none">
1331          </audio>
1332          <div id="quran-status" style="font-size:11px;color:var(--t3);text-align:center">سوره الفاتحه — تلاوت کامل</div>
1333        </div>
1334
1335        <!-- منابع جایگزین -->
1336        <div style="margin-top:10px;padding-top:10px;border-top:1px solid var(--bdr)">
1337          <div style="font-size:11px;font-weight:800;color:var(--t3);margin-bottom:7px">🔗 دسترسی مستقیم:</div>
1338          <div style="display:flex;gap:7px;flex-wrap:wrap">
1339            <a id="quran-link-1" href="https://www.quranflash.com" target="_blank"
1340              style="background:var(--gl);color:var(--gd);padding:6px 12px;border-radius:7px;font-size:11px;font-weight:800;border:1px solid var(--gm);text-decoration:none">
1341              📖 QuranFlash
1342            </a>
1343            <a id="quran-link-2" href="https://quran.com" target="_blank"
1344              style="background:#f0f4ff;color:var(--b);padding:6px 12px;border-radius:7px;font-size:11px;font-weight:800;border:1px solid #bfdbfe;text-decoration:none">
1345              🌐 Quran.com
1346            </a>
1347            <a id="quran-link-3" href="https://www.islamicfinder.org/quran" target="_blank"
1348              style="background:#fff8f0;color:#c2410c;padding:6px 12px;border-radius:7px;font-size:11px;font-weight:800;border:1px solid #fed7aa;text-decoration:none">
1349              📱 IslamicFinder
1350            </a>
1351          </div>
1352        </div>
1353      </div>
1354
1355      <!-- لینک به اوقات نماز -->
1356      <div onclick="closeP('quran');openP('prayer')" style="display:flex;align-items:center;gap:10px;background:var(--gl);border-radius:10px;padding:11px 14px;border:1.5px solid var(--gm);cursor:pointer;margin-top:12px">
1357        <svg viewBox="0 0 24 24" fill="none" stroke="var(--g)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="width:22px;height:22px;flex-shrink:0"><path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>
1358        <div>
1359          <div style="font-size:13px;font-weight:800;color:var(--gd)">اوقات شرعی</div>
1360          <div style="font-size:11px;color:var(--t3)">مشاهده اوقات نماز ←</div>
1361        </div>
1362      </div>
1363      <div style="margin-top:10px;font-size:11px;color:var(--t3);background:#f8fafc;padding:8px 11px;border-radius:7px;text-align:center">
1364        📡 تلاوت از QuranicAudio.com · ترجمه از al-quran.cloud
1365      </div>
1366    </div>
1367  </div>
1368</div>
1369
1370
1371<!-- ══ DICTIONARY ══ -->
1372<div class="ov" id="p-dict">
1373  <div class="panel">
1374    <div class="phd"><h3>📚 دیکشنری دری · پشتو · انگلیسی</h3><button class="pcls" onclick="closeP('dict')">✕</button></div>
1375    <div class="pb">
1376      <div style="display:flex;gap:8px;margin-bottom:12px">
1377        <input id="dict-input" placeholder="کلمه را بنویسید (دری، انگلیسی Û
1377ŒØ§ پشتو)..." oninput="searchDict()" style="flex:1;border:1.5px solid var(--bdr);border-radius:var(--rsm);padding:10px 13px;font-size:15px;font-weight:600;background:#fff;color:var(--t1)">
1378        <button onclick="searchDict()" style="background:var(--g);color:#fff;border:none;border-radius:var(--rsm);padding:10px 16px;font-size:14px;font-weight:800;cursor:pointer">🔍</button>
1379      </div>
1380      <div class="ctabs" style="margin-bottom:12px" id="dict-lang-tabs">
1381        <button class="ctab on" onclick="setDictLang(this,'dari')">🇦🇫 دری → انگلیسی</button>
1382        <button class="ctab" onclick="setDictLang(this,'english')">🇬🇧 انگلیسی → دری</button>
1383        <button class="ctab" onclick="setDictLang(this,'pashto')">🏔 پشتو → دری</button>
1384      </div>
1385      <div id="dict-results">
1386        <div style="text-align:center;padding:20px;color:var(--t3)">
1387          <div style="font-size:36px;margin-bottom:8px">📚</div>
1388          <div style="font-size:13px;font-weight:700;margin-bottom:6px">دیکشنری دری افغانستان</div>
1389          <div style="font-size:11px;line-height:1.8;color:var(--t3)">
1390            واژگان بومی: مکتب · پوهنتون · شفاخانه<br>
1391            داکتر · موتر · سرک · بسیار · سرخ
1392          </div>
1393        </div>
1394      </div>
1395    </div>
1396  </div>
1397</div>
1398
1399<!-- ══ PHONE ══ -->
1400<div class="ov" id="p-phone">
1401  <div class="panel">
1402    <div class="phd"><h3>📱 شناسایی اپراتور تلفن</h3><button class="pcls" onclick="closeP('phone')">✕</button></div>
1403    <div class="pb">
1404      <div class="fr">
1405        <div class="fl">شماره تلفن افغانستان:</div>
1406        <input id="phone-input" type="tel" placeholder="مثال: 0700123456" oninput="detectPhone()" maxlength="13"
1407          style="width:100%;border:1.5px solid var(--bdr);border-radius:var(--rsm);padding:12px 14px;font-size:20px;font-weight:800;direction:ltr;letter-spacing:2px;background:#fff;color:var(--t1)">
1408      </div>
1409      <div id="phone-result" style="margin-top:14px"></div>
1410
1411      <!-- اپراتورها -->
1412      <div style="font-size:12px;font-weight:800;color:var(--t2);margin:16px 0 8px">📡 اپراتورهای فعال:</div>
1413      <div style="display:grid;grid-template-columns:1fr 1fr;gap:8px">
1414                <div style="background:#f9fafb;border-radius:10px;padding:10px 12px;border:1px solid var(--bdr)">
1415          <div style="font-size:13px;font-weight:800;color:var(--t1);margin-bottom:3px">🟡 Roshan (MTN)</div>
1416          <div style="font-size:10px;color:var(--t3)">070x, 071x, 079x</div>
1417        </div>
1418                <div style="background:#f9fafb;border-radius:10px;padding:10px 12px;border:1px solid var(--bdr)">
1419          <div style="font-size:13px;font-weight:800;color:var(--t1);margin-bottom:3px">🔵 Afghan Wireless</div>
1420          <div style="font-size:10px;color:var(--t3)">070x, 072x, 073x</div>
1421        </div>
1422                <div style="background:#f9fafb;border-radius:10px;padding:10px 12px;border:1px solid var(--bdr)">
1423          <div style="font-size:13px;font-weight:800;color:var(--t1);margin-bottom:3px">🟢 Etisalat (AWCC)</div>
1424          <div style="font-size:10px;color:var(--t3)">074x, 078x</div>
1425        </div>
1426                <div style="background:#f9fafb;border-radius:10px;padding:10px 12px;border:1px solid var(--bdr)">
1427          <div style="font-size:13px;font-weight:800;color:var(--t1);margin-bottom:3px">🔴 Salaam/MTN</div>
1428          <div style="font-size:10px;color:var(--t3)">076x, 077x</div>
1429        </div>
1430              </div>
1431    </div>
1432  </div>
1433</div>
1434
1435<!-- ══ CALENDAR ══ -->
1436<div class="ov" id="p-calendar">
1437  <div class="panel">
1438    <div class="phd"><h3>📅 تقویم ۱۴۰۵ — مناسبت‌ها</h3><button class="pcls" onclick="closeP('calendar')">✕</button></div>
1439    <div class="pb">
1440      <div class="ctabs" id="cal-tabs" style="margin-bottom:14px">
1441        <button class="ctab on" onclick="showCalTab(this,'national')">🇦🇫 ملی</button>
1442        <button class="ctab" onclick="showCalTab(this,'religious')">🕌 مذهبی</button>
1443        <button class="ctab" onclick="showCalTab(this,'upcoming')">⏰ نزدیک</button>
1444      </div>
1445      <div id="cal-content"></div>
1446    </div>
1447  </div>
1448</div>
1449
1450<!-- ══ DISTANCE ══ -->
1451<div class="ov" id="p-distance">
1452  <div class="panel">
1453    <div class="phd"><h3>🗺️ مسافت بین شهرها</h3><button class="pcls" onclick="closeP('distance')">✕</button></div>
1454    <div class="pb">
1455      <div style="display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px">
1456        <div class="fr">
1457          <div class="fl">از:</div>
1458          <select id="dist-from" onchange="calcDistance()" style="width:100%;border:1.5px solid var(--bdr);border-radius:var(--rsm);padding:10px 12px;font-size:13px;font-weight:700;background:#fff;color:var(--t1)"></select>
1459        </div>
1460        <div class="fr">
1461          <div class="fl">به:</div>
1462          <select id="dist-to" onchange="calcDistance()" style="width:100%;border:1.5px solid var(--bdr);border-radius:var(--rsm);padding:10px 12px;font-size:13px;font-weight:700;background:#fff;color:var(--t1)"></select>
1463        </div>
1464      </div>
1465      <div id="dist-result"></div>
1466      <div style="font-size:12px;font-weight:800;color:var(--t2);margin:14px 0 8px">🗺️ جدول مسافت‌های اصلی (کیلومتر):</div>
1467      <div id="dist-table" style="overflow-x:auto"></div>
1468    </div>
1469  </div>
1470</div>
1471
1472<script>
1473window.WX_DATA = {"kabul":{"n":"کابل","t":18,"ic":"☀️","d":"آفتابی","h":35},"herat":{"n":"هرات","t":22,"ic":"☀️","d":"آفتابی","h":28},"mazar":{"n":"مزارشریف","t":20,"ic":"⛅","d":"نیمه‌ابری","h":40},"kandahar":{"n":"قندهار","t":25,"ic":"☀️","d":"آفتابی","h":25},"jalalabad":{"n":"جلال‌آباد","t":28,"ic":"🌤","d":"گرم","h":45},"bamyan":{"n":"بامیان","t":12,"ic":"🌥","d":"ابری","h":55},"kunduz":{"n":"کندز","t":17,"ic":"⛅","d":"ابری","h":42},"nangarhar":{"n":"ننگرهار","t":27,"ic":"☀️","d":"آفتابی","h":38},"badakhshan":{"n":"بدخشان","t":8,"ic":"🌨","d":"برفی","h":70},"farah":{"n":"فراه","t":23,"ic":"☀️","d":"آفتابی","h":22},"logar":{"n":"لوگر","t":16,"ic":"🌤","d":"نیمه‌ابری","h":38},"takhar":{"n":"تخار","t":15,"ic":"⛅","d":"ابری","h":44}};
1474window.PRAYER_DATA = {"kabul":{"n":"کابل","h":["04:32","05:58","12:18","15:45","18:28","19:50"],"s":["04:12","05:58","12:28","--","18:43","20:05"]},"herat":{"n":"هرات","h":["04:51","06:14","12:36","15:59","18:43","20:06"],"s":["04:31","06:14","12:46","--","18:58","20:21"]},"mazar":{"n":"مزارشریف","h":["04:28","05:53","12:13","15:38","18:27","19:48"],"s":["04:08","05:53","12:23","--","18:42","20:03"]},"kandahar":{"n":"قندهار","h":["04:39","06:02","12:23","15:48","18:38","19:58"],"s":["04:19","06:02","12:33","--","18:53","20:13"]},"jalalabad":{"n":"جلال‌آباد","h":["04:22","05:46","12:07","15:33","18:21","19:41"],"s":["04:02","05:46","12:17","--","18:36","19:56"]}};
1475window.SITE_LANG = 'ps';
1476</script>
1476
1477
1478
1479<!-- ══ MOBILE BOTTOM NAV ══ -->
1480<nav class="mobnav">
1481  <div class="mnin">
1482    <a href="/" class="mnb on"><span class="mni">🏠</span><span class="mnl">خانه</span></a>
1483    <a href="/pages/sports/" class="mnb " style="color:var(--t2)"><span class="mni">⚽</span><span class="mnl" style="font-size:10px;">ورزش</span></a>
1484    <a href="/pages/khadamat/ai/" class="mnb sp"><span class="mni">🤖</span><span class="mnl">هوشمند</span></a>
1485    <a href="/learn/pashto/" class="mnb" style="color:var(--t2)"><span class="mni">📚</span><span class="mnl" style="font-size:10px;">آموزش</span></a>
1486    <a href="/wolayat/" class="mnb" style="color:var(--t2)"><span class="mni">🗺️</span><span class="mnl" style="font-size:10px;">ولایات</span></a>
1487  </div>
1488</nav>
1489
1490<!-- ══ NOTICE ══ -->
1491<div style="background:linear-gradient(135deg,#92400e,#d97706);padding:14px 20px;text-align:center;border-top:3px solid #f59e0b;border-bottom:3px solid #f59e0b">
1492  <div style="font-size:15px;font-weight:900;color:#fff;margin-bottom:5px">⚠️ پورتال در مرحله آزمایشی است</div>
1493  <div style="font-size:12px;color:rgba(255,255,255,.85);font-weight:600;margin-bottom:8px">به زودی تکمیل خواهد شد — نظرات و پیشنهادات شما مهم است</div>
1494  <a href="https://wa.me/33646352187" target="_blank" style="display:inline-flex;align-items:center;gap:7px;background:#25D366;color:#fff;padding:8px 18px;border-radius:20px;font-size:13px;font-weight:800;text-decoration:none">
1495    <svg width="16" height="16" viewBox="0 0 24 24" fill="white"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
1496    پیشنهادات خود را در واتساپ بفرستید
1497  </a>
1498</div>
1499
1500<!-- ══ BOTTOM BANNERS ══ -->
1501<div style="background:#f8faf9;border-top:1px solid #dde8e3;padding:20px 16px;display:flex;flex-direction:column;gap:12px">
1502  <a href="/topup" style="display:block;text-decoration:none">
1503    <div style="background:linear-gradient(135deg,#051a0f,#0a3d2b,#1D9E75);border-radius:14px;padding:18px 20px;position:relative;overflow:hidden">
1504      <div style="position:absolute;inset:0;opacity:.05;background-image:repeating-linear-gradient(45deg,#fff 0,#fff 1px,transparent 0,transparent 50%);background-size:12px 12px"></div>
1505      <div style="position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap">
1506        <div style="flex:1;
1506min-width:200px">
1507          <div style="display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:4px 12px;font-size:11px;font-weight:800;color:rgba(255,255,255,.9);margin-bottom:10px">
1508            <span style="width:7px;height:7px;border-radius:50%;background:#4ecb95;display:inline-block;animation:pulse 2s infinite"></span>
1509            ۱۰۰٪ وطنی · فوری · مطمئن
1510          </div>
1511          <div style="font-size:18px;font-weight:900;color:#fff;line-height:1.3;margin-bottom:6px">📱 شارژ موبایل افغانستان<br><span style="color:#4ecb95">از هر کجای دنیا</span></div>
1512          <div style="font-size:12px;color:rgba(255,255,255,.75);line-height:1.6">Roshan · AWCC · Etisalat · Salaam · ATOMA<br>پرداخت با کارت بانکی · تحویل در ۶۰ ثانیه</div>
1513        </div>
1514        <div style="display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0">
1515          <div style="background:#4ecb95;color:#0a3d2b;border-radius:12px;padding:12px 20px;font-size:14px;font-weight:900;white-space:nowrap;box-shadow:0 4px 16px rgba(78,203,149,.4)">ارسال شارژ ←</div>
1516          <div style="display:flex;gap:8px">
1517            <div style="background:rgba(255,255,255,.1);border-radius:8px;padding:4px 10px;font-size:11px;font-weight:700;color:rgba(255,255,255,.8)">$1 تا $50</div>
1518            <div style="background:rgba(255,255,255,.1);border-radius:8px;padding:4px 10px;font-size:11px;font-weight:700;color:rgba(255,255,255,.8)">🔒 امن</div>
1519          </div>
1520        </div>
1521      </div>
1522    </div>
1523  </a>
1524  <a href="https://asoda.app/" target="_blank" style="display:block;text-decoration:none">
1525    <div style="background:linear-gradient(135deg,#e8f8f0,#f0fdf7);border-radius:14px;padding:16px 20px;border:1px solid #a7dfc0;display:flex;align-items:center;justify-content:space-between;gap:12px">
1526      <div>
1527        <div style="font-size:13px;font-weight:900;color:#0d7a45;margin-bottom:3px">🏠 در جستجوی خانه هستید؟</div>
1528        <div style="font-size:11px;color:#2d6a4f">اجاره و فروش ملک در افغانستان — سریع و آسان</div>
1529      </div>
1530      <div style="background:#00c950;color:#fff;border-radius:10px;padding:10px 20px;font-size:13px;font-weight:800;white-space:nowrap;box-shadow:0 4px 12px rgba(0,201,80,.3)">جستجو در آسوده ←</div>
1531    </div>
1532  </a>
1533</div>
1534
1535<!-- ══ FOOTER ══ -->
1536<footer id="ftr">
1537  <div class="ftn">پورتال ملی <em>افغانستان</em></div>
1538  <div class="fts">🤍 با افتخار ساخت افغانستان برای افغان‌ها</div>
1539  <nav class="ft-nav">
1540    <a href="/">خانه</a>
1541    <a href="/pages/akhbar/">د شاهد خبرونه</a>
1542    <a href="/pages/arz/">نرخ ارز</a>
1543    <a href="/pages/hawa/">آب‌وهوا</a>
1544    <a href="/pages/namaz/">اوقات نماز</a>
1545    <a href="/pages/parwaz/">پروازها</a>
1546    <a href="/pages/quran/">قرآن</a>
1547    <a href="/pages/taqwim/">تقویم</a>
1548    <a href="/pages/abzar/">ابزارها</a>
1549    <a href="/pages/khadamat/">خدمات</a>
1550    <a href="/wolayat/">ولایات</a>
1551    <a href="/learn/pashto/">آموزش</a>
1552    <a href="/pages/sports/">⚽ ورزش</a>
1553    <a href="/pages/darbare/">درباره ما</a>
1554  </nav>
1555  <div class="ftc">© 2026 · afghanistan.af</div>
1556</footer>
1557
1558<script src="/assets/js/main.js?v=1031"></script>
1558
1559</body>
1560</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.