PageSourceSearch

https://valyuta.az/

html valyuta.az collected 2026-10-04 02:30:08 UTC 365,313 bytes, 4,969 lines download raw bytes

1<!DOCTYPE html>
2<html lang="az">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <meta name="csrf-token" content="WqMYRKgGYt6rRUajT1r7I6brHv9tPE3EHcR5sp5M">
7    <link rel="preload" as="style" href="https://valyuta.az/build/assets/app-Bt3mIuZj.css" /><link rel="modulepreload" href="https://valyuta.az/build/assets/app-CD5Im5jC.js" /><link rel="stylesheet" href="https://valyuta.az/build/assets/app-Bt3mIuZj.css" data-navigate-track="reload" />
7<script type="module" src="https://valyuta.az/build/assets/app-CD5Im5jC.js" data-navigate-track="reload"></script>
7        <meta name="robots" content="index, follow">
8        <meta name="author" content="Valyuta.az">
9    <meta name="language" content="Azerbaijani">
10    <meta name="revisit-after" content="1 days">
11
12    <title>Valyuta.az - iqtisadiyyat və maliyyə portalı</title>
13<meta name="title" content="Valyuta.az - iqtisadiyyat və maliyyə portalı">
14<meta name="description" content="Azərbaycanın ən böyük valyuta və kripto valyuta xəbər portalı. Günlük valyuta məzənnələri, iqtisadi xəbərlər və analizlər.">
15<meta name="keywords" content="valyuta, kripto valyuta, bitcoin, ethereum, məzənnə, iqtisadiyyat, bank, maliyyə, xəbərlər, azərbaycan">
16
17<!-- Open Graph / Facebook -->
18<meta property="og:type" content="website">
19<meta property="og:url" content="https://valyuta.az">
20<meta property="og:title" content="Valyuta.az - iqtisadiyyat və maliyyə portalı">
21<meta property="og:description" content="Azərbaycanın ən böyük valyuta və kripto valyuta xəbər portalı. Günlük valyuta məzənnələri, iqtisadi xəbərlər və analizlər.">
22<meta property="og:image" content="https://valyuta.az/images/valyuta_logo.svg">
23
24<!-- Twitter -->
25<meta property="twitter:card" content="summary_large_image">
26<meta property="twitter:url" content="https://valyuta.az">
27<meta property="twitter:title" content="Valyuta.az - iqtisadiyyat və maliyyə portalı">
28<meta property="twitter:description" content="Azərbaycanın ən böyük valyuta və kripto valyuta xəbər portalı. Günlük valyuta məzənnələri, iqtisadi xəbərlər və analizlər.">
29<meta property="twitter:image" content="https://valyuta.az/images/valyuta_logo.svg">
30
31<link rel="canonical" href="https://valyuta.az">
32<link rel="alternate" hreflang="az" href="https://valyuta.az/" />
33<link rel="alternate" hreflang="ru" href="https://valyuta.az/ru" />
34<link rel="alternate" hreflang="x-default" href="https://valyuta.az/" />
35
36<!-- JSON-LD Structured Data -->
37<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"Valyuta.az","url":"https://valyuta.az","description":"Azərbaycanın ən böyük valyuta və kripto valyuta xəbər portalı. Günlük valyuta məzənnələri, iqtisadi xəbərlər və analizlər.","inLanguage":"az-AZ","publisher":{"@type":"Organization","name":"Valyuta.az","url":"https://valyuta.az","logo":{"@type":"ImageObject","url":"https://valyuta.az/images/valyuta_logo.svg"}},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://valyuta.az/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}</script>
37
38
39    <!-- Global JS (Laravel routes for Vite bundle) -->
40    
40<script>
41        window.currentLocale = 'az';
42        window.currentLocalePrefix = '/az';
43        window.loadMoreNewsUrl = 'https://valyuta.az/load-more-news';
44        window.supportedLocales = {"az":{"name":"Az\u0259rbaycan","native":"Az\u0259rbaycan","flag":"\ud83c\udde6\ud83c\uddff","rtl":false},"en":{"name":"English","native":"English","flag":"\ud83c\uddec\ud83c\udde7","rtl":false},"ru":{"name":"Russian","native":"\u0420\u0443\u0441\u0441\u043a\u0438\u0439","flag":"\ud83c\uddf7\ud83c\uddfa","rtl":false}};
45        window.ratesUrl = "https:\/\/valyuta.az\/rates";
46        window.weatherUrl = "https:\/\/valyuta.az\/weather-data";
47        window.weatherIndexUrl = "https:\/\/valyuta.az\/hava-proqnozu";
48    </script>
48
49
50    <!-- Favicon -->
51    
52
53    <link rel="apple-touch-icon" sizes="57x57" href="https://valyuta.az/images/favicon/apple-icon-57x57.png">
54    <link rel="apple-touch-icon" sizes="60x60" href="https://valyuta.az/images/favicon/apple-icon-60x60.png">
55    <link rel="apple-touch-icon" sizes="72x72" href="https://valyuta.az/images/favicon/apple-icon-72x72.png">
56    <link rel="apple-touch-icon" sizes="76x76" href="https://valyuta.az/images/favicon/apple-icon-76x76.png">
57    <link rel="apple-touch-icon" sizes="114x114" href="https://valyuta.az/images/favicon/apple-icon-114x114.png">
58    <link rel="apple-touch-icon" sizes="120x120" href="https://valyuta.az/images/favicon/apple-icon-120x120.png">
59    <link rel="apple-touch-icon" sizes="144x144" href="https://valyuta.az/images/favicon/apple-icon-144x144.png">
60    <link rel="apple-touch-icon" sizes="152x152" href="https://valyuta.az/images/favicon/apple-icon-152x152.png">
61    <link rel="apple-touch-icon" sizes="180x180" href="https://valyuta.az/images/favicon/apple-icon-180x180.png">
62    <link rel="icon" type="image/png" sizes="192x192"  href="https://valyuta.az/images/favicon/android-icon-192x192.png">
63    <link rel="icon" type="image/png" sizes="32x32" href="https://valyuta.az/images/favicon/favicon-32x32.png">
64    <link rel="icon" type="image/png" sizes="96x96" href="https://valyuta.az/images/favicon/favicon-96x96.png">
65    <link rel="icon" type="image/png" sizes="16x16" href="https://valyuta.az/images/favicon/favicon-16x16.png">
66    <link rel="manifest" href="https://valyuta.az/images/favicon/manifest.json">
67    <meta name="msapplication-TileColor" content="#ffffff">
68    <meta name="msapplication-TileImage" content="https://valyuta.az/images/favicon/ms-icon-144x144.png">
69    <meta name="theme-color" content="#ffffff">
70    <!-- Hreflang for multilingual SEO -->
71            <link rel="alternate" hreflang="az" href="https://valyuta.az/">
72        <link rel="alternate" hreflang="ru" href="https://valyuta.az/ru">
73            <link rel="alternate" hreflang="x-default" href="https://valyuta.az/">
74
75    <!-- Additional Meta Tags -->
76    <meta name="theme-color" content="#388e3c">
77    <meta name="msapplication-TileColor" content="#388e3c">
78    <meta name="msapplication-TileImage" content="https://valyuta.az/mstile-144x144.png">
79
80    <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 65 bytes, lines 80-81
80
81	<script async src="https://www.googletagmanager.com/gtag/js?id=
81UA-189004408-1
vendor: 13 bytes, lines 81-82
81"></script>
82	
82<script>
83		
vendor: 143 bytes, lines 83-90
83window.dataLayer = window.dataLayer || [];
84
85		function gtag() {
86			dataLayer.push(arguments);
87		}
88		gtag('js', new Date());
89
90		gtag('config', '
90UA-189004408-1
vendor: 5 bytes, lines 90-91
90');
91	
91</script>
91
92
93
94    <!-- Pixel Code - https://push.yayim.org/ -->
95    
95<script defer src="https://push.yayim.org/pixel/hsjnLXYZeTXuek1z.js"></script>
95
96    <!-- END Pixel Code -->
97
98    <!-- Fonts (CSS) – Tailwind dark mode in tailwind.config.js -->
99    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
100    <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600&family=Poppins:wght@400;500&display=swap" rel="stylesheet">
101    
101<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js"></script>
101
102    
102<script src="https://code.jquery.com/jquery-3.6.4.min.js" defer></script>
102
103    
104
105</head>
106<body class="bg-gray-50 dark:bg-gray-900 dark:text-gray-100 transition-colors duration-300">
107    <!-- Top Bar -->
108    <div class="bg-white dark:bg-gray-900 border-b dark:border-gray-700">
109        <div class="max-w-6xl mx-auto px-4 py-1.5">
110            <div class="flex items-center justify-between text-sm">
111                <!-- Left Side -->
112                <div class="flex items-center space-x-4">
113                    <div class="flex items-center space-x-2">
114                        <span class="font-medium dark:text-gray-200">Bakı</span>
115                    </div>
116                    <div class="hidden md:flex items-center space-x-2 text-gray-600 border-l pl-4">
117                        <div id="desktop-weather" class="flex items-center space-x-2">
118                            <div class="animate-spin rounded-full h-4 w-4 border-b-2 border-[#388e3c]"></div>
119                        </div>
120                    </div>
121                    <!-- Mobile Weather Display -->
122                    <div class="md:hidden flex items-center space-x-2 text-gray-600 border-l pl-4">
123                        <div id="mobile-weather" class="flex items-center space-x-2">
124                            <div class="animate-spin rounded-full h-4 w-4 border-b-2 border-[#388e3c]"></div>
125                        </div>
126                    </div>
127                </div>
128
129                <!-- Right Side -->
130                <div class="flex items-center space-x-6">
131                    <!-- Social Icons -->
132                    <div class="hidden md:flex items-center space-x-3">
133                        <!-- X (Twitter) -->
134                        <!-- <a href="#" class="text-gray-400 hover:text-[#388e3c] transition-colors" title="X">
135                            <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24">
136                                <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
137                            </svg>
138                        </a> -->
139                        <!-- Instagram -->
140                        <a href="https://www.instagram.com/valyuta_az/" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-[#388e3c] transition-colors" title="Instagram">
141                            <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24">
142                                <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/>
143                            </svg>
144                        </a>
145                        <!-- WhatsApp -->
146                        <!-- <a href="#" class="text-gray-400 hover:text-[#388e3c] transition-colors" title="WhatsApp">
147                            <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24">
148                                <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-.
148198 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 0020.885 3.488"/>
149                            </svg>
150                        </a> -->
151                        <!-- YouTube -->
152                        <a href="https://www.youtube.com/@valyuta_az" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-[#388e3c] transition-colors" title="YouTube">
153                            <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24">
154                                <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/>
155                            </svg>
156                        </a>
157                        <!-- TikTok -->
158                        <a href="https://www.tiktok.com/@valyuta_az?_t=ZS-8yIHyjsdf9u&_r=1" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-[#388e3c] transition-colors" title="TikTok">
159                            <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24">
160                                <path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"/>
161                            </svg>
162                        </a>
163                        <!-- Facebook -->
164                        <a href="https://www.facebook.com/valyuta.az/" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-[#388e3c] transition-colors" title="Facebook">
165                            <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24">
166                                <path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/>
167                            </svg>
168                        </a>
169                         <!-- Telegram -->
170                         <a href="https://t.me/valyuta_az" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-[#388e3c] transition-colors" title="Telegram">
171                            <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24">
172                                <path d="M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"/>
173                            </svg>
174                        </a>
175                        
176                        <!-- LinkedIn -->
177                        <a href="https://www.linkedin.com/company/valyuta-az/posts/?feedView=all" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-[#388e3c] transition-colors" title="LinkedIn">
178                            <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24">
179                                <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/>
180                            </svg>
181                        </a>
182                       
183                            <div class="flex items-center space-x-4">
184                                |
185                            </div>
186                        <button id="darkModeToggleMobilePanel" class="dark-mode-toggle flex items-center gap-2 px-1 py-1 bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-700 transition-all duration-200" title="Toggle dark mode">
187                            <svg id="darkModeIconMobilePanel" class="w-7 h-4 text-gray-600 dark:text-gray-300" fill="none" stroke="currentColor" viewBox="0 0 24 24">
188                                <path id="sunIconMobilePanel" class="block dark:hidden" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m8.66-13.66l-.71.71M4.05 19.95l-.71.71M21 12h-1M4 12H3m16.66 5.66l-.71-.71M4.05 4.05l-.71-.71M16 12a4 4 0 11-8 0 4 4 0 018 0z" />
189                                <path id="moonIconMobilePanel" class="hidden dark:block" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12.79A9 9 0 1111.21 3a7 7 0 109.79 9.79z" />
190                            </svg>
191                        </button>
192                        <!-- Dark Mode Toggle Button -->
193                        
194                    </div>
195
196 
197
198                    <div class="flex items-center space-x-4">
199                        <a href="https://valyuta.az/reklam" class="text-gray-600 hover:text-[#388e3c] transition-colors">Reklam</a>
200                        <a href="https://valyuta.az/haqqimizda" class="text-gray-600 hover:text-[#388e3c] transition-colors">Haqqımızda</a>
201                        <a href="https://valyuta.az/contact" class="text-gray-600 hover:text-[#388e3c] transition-colors">Əlaqə</a>
202                    </div>
203                    
204                </div>
205            </div>
206        </div>
207    </div>
208
209    <!-- Header -->
210    <header class="hidden lg:block bg-white dark:bg-gray-900 border-b dark:border-gray-700">
211        <div class="max-w-6xl mx-auto px-2 py-2">
212            <div class="flex items-center justify-between md:justify-between mt-4 mb-3">
213                <!-- Left Side: Logo and Tagline -->
214                <div class="flex flex-col mx-auto md:mx-0">
215                    <div class="flex items-center space-x-1">
216                       
217                        <!-- Logo Icon -->
218                        <div class="relative group">
219                            <a href="https://valyuta.az">
220                            <!-- Main Icon Container -->
221                            <div class="w-60 flex items-center justify-center relative overflow-hidden transform group-hover:scale-105 transition-all duration-300">
222                                <!-- Valyuta Logo SVG -->
223                                <img src="https://valyuta.az/images/valyuta_logo.svg" alt="Valyuta.az Logo" class="w-full h-full object-contain">
224                                
225                                <!-- Simple Hover Effect -->
226                                <div class="absolute inset-0 opacity-0 group-hover:opacity-100 transition-all duration-300 bg-white/10"></div>
227                            </div>
228                            </a>
229                        </div>
230
231                    </div>
232                </div>
233
234                <!-- Right Side: Quick Tools -->
235                <div class="hidden lg:flex items-center space-x-8">
236                    <!-- Mobile Video Icon -->
237                    <a href="https://valyuta.az/videos" class="p-2.5 hover:bg-gray-100 rounded-full transition-colors">
238                        <svg class="w-6 h-6 text-gray-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
239                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z"/>
240                        </svg>
241                    </a>
242                    
243                    <button class="p-2.5 hover:bg-gray-100 rounded-full" onclick="window.location.href='https://valyuta.az/search'">
244                        <svg class="w-6 h-6 text-gray-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
245                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
246                        </svg>
247                    </button>
248
249                      <!-- Language Selector Dropdown -->
250                    <div class="relative language-selector-desktop">
251                        <button class="language-toggle flex items-center gap-1 px-3 py-2 bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 hover:border-[#3eba15] transition-all duration-200">
252                            <span class="text-sm font-semibold text-gray-700 dark:text-gray-300">AZ</span>
253                            <svg class="language-arrow w-4 h-4 text-gray-600 dark:text-gray-300 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
254                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
255                            </svg>
256                        </button>
257                        
258                        <!-- Dropdown Menu -->
259                        <div class="language-dropdown hidden absolute right-0 top-full mt-1.5 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-md shadow-lg py-1 w-[60px]">
260                                                                                                <div class="px-2 py-1.5 text-sm font-bold bg-[#3eba15] text-white mx-1 my-0.5 rounded text-center">
261                                        AZ
262                                    </div>
263                                                                                                                                                                    <a rel="alternate" hreflang="ru" href="https://valyuta.az/ru" 
264                                       class="block px-2 py-1.5 text-sm text-gray-700 dark:text-gray-300 hover:bg-[#3eba15]/10 hover:text-[#3eba15] transition-colors rounded mx-1 text-center">
265                                        RU
266                                    </a>
267                                                                                    </div>
268                    </div>
269                    
270
271                </div>
272            </div>
273        </div>
274    </header>
275
276    <!-- Mobile Icons Row - Add this after the logo section -->
277   
278
279   <!-- Navigation -->
280   <nav class="bg-white dark:bg-gray-900 shadow-sm dark:shadow-gray-800/50 sticky top-0 z-50">
281        <div class="max-w-6xl mx-auto px-4">
282            <!-- Mobile Menu Button -->
283            <div class="lg:hidden flex items-center justify-between py-3 border-b dark:border-gray-700">
284                <div class="flex items-center gap-3">
285                    <button class="text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white" onclick="toggleMobileMenu()">
286                        <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
287                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/>
288                        </svg>
289                    </button>
290                    <!-- Mobile Logo Text Only -->
291                    <a href="https://valyuta.az">
292                    <!-- Logo Icon -->
293                        <div class="w-40 flex items-center justify-center relative overflow-hidden transform group-hover:scale-105 transition-all duration-300 ml-2 mt-1">
294                            <!-- Valyuta Logo SVG -->
295                            <img src="https://valyuta.az/images/valyuta_logo.svg" alt="Valyuta.az Logo" class="w-full h-full object-contain">
296                        </div>
297                    </a>
298                </div>
299                <div class="flex items-center gap-3">
300                    
301                    <button class="p-2.5 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-full" onclick="window.location.href='https://valyuta.az/search'">
302                        <svg class="w-6 h-6 text-gray-600 dark:text-gray-300" fill="none" stroke="currentColor" viewBox="0 0 24 24">
303                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
304                        </svg>
305                    </button>
306
307                     <!-- Language Selector Dropdown -->
308                    <div class="relative language-selector-mobile">
309                        <button class="language-toggle flex items-center gap-1 px-2.5 py-1.5 bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 hover:border-[#3eba15] transition-all duration-200">
310                            <span class="text-sm font-semibold text-gray-700 dark:text-gray-300">AZ</span>
311                            <svg class="language-arrow w-3.5 h-3.5 text-gray-600 dark:text-gray-300 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
312                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
313                            </svg>
314                        </button>
315                        
316                        <!-- Dropdown Menu -->
317                        <div class="language-dropdown hidden absolute right-0 top-full mt-1.5 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-md shadow-lg py-1 w-[60px]">
318                                                                                                <div class="px-2 py-1.5 text-sm font-bold bg-[#3eba15] text-white mx-1 my-0.5 rounded text-center">
319                                        AZ
320                                    </div>
321                                                                                                                                                                    <a rel="alternate" hreflang="ru" href="https://valyuta.az/ru" 
322                                       class="block px-2 py-1.5 text-sm text-gray-700 dark:text-gray-300 hover:bg-[#3eba15]/10 hover:text-[#3eba15] transition-colors rounded mx-1 text-center">
323                                        RU
324                                    </a>
325                                                                                    </div>
326                    </div>
327
328
329                    
330                </div>
331            </div>
332
333            <!-- Desktop Menu -->
334            <div class="hidden lg:block" id="mainMenu">
335                <div class="flex items-center justify-between py-3">
336                    <!-- Primary Menu -->
337                    <div class="flex items-center space-x-1">
338                        <!-- Ana səhifə -->
339                        <a href="https://valyuta.az" 
340                           class="flex items-center gap-1 px-4 py-2 text-gray-900 dark:text-gray-100 hover:text-[#388e3c] hover:bg-[#388e3c]/5 dark:hover:bg-[#388e3c]/10 rounded-lg font-medium transition-all whitespace-nowrap">
341                            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
342                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"/>
343                            </svg>
344                            Ana səhifə
345                        </a>
346                        
347                                                                                    <a href="https://valyuta.az/category/biznes" 
348                                   class="flex items-center gap-1 px-4 py-2 text-gray-900 dark:text-gray-100 hover:text-[#388e3c] hover:bg-[#388e3c]/5 dark:hover:bg-[#388e3c]/10 rounded-lg font-medium transition-all">
349                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
349<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 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>
350                                    Biznes
351                                </a>
352                                                                                                                <div class="relative group">
353                                    <button class="flex items-center gap-1 px-4 py-2 text-gray-900 dark:text-gray-100 hover:text-[#388e3c] hover:bg-[#388e3c]/5 dark:hover:bg-[#388e3c]/10 rounded-lg font-medium transition-all">
354                                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 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>
355                                        Maliyyə
356                                        <svg class="w-4 h-4 transition-transform group-hover:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
357                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
358                                        </svg>
359                                    </button>
360                                    <!-- Dropdown -->
361                                    <div class="hidden group-hover:block absolute left-0 top-full bg-white dark:bg-gray-800 border dark:border-gray-700 rounded-lg shadow-lg dark:shadow-gray-900/50 py-2 w-48 z-50">
362                                                                                    <a href="https://valyuta.az/category/bank" 
363                                               class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 hover:text-[#388e3c]">
364                                                Bank
365                                            </a>
366                                                                                    <a href="https://valyuta.az/category/investisiya" 
367                                               class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 hover:text-[#388e3c]">
368                                                İnvestisiya
369                                            </a>
370                                                                                    <a href="https://valyuta.az/category/siorta" 
371                                               class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 hover:text-[#388e3c]">
372                                                Sığorta
373                                            </a>
374                                                                                    <a href="https://valyuta.az/category/dunya-banklari" 
375                                               class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 hover:text-[#388e3c]">
376                                                Dünya Bankları
377                                            </a>
378                                                                            </div>
379                                </div>
380                                                                                                                <a href="https://valyuta.az/category/sehm-bazari" 
381                                   class="flex items-center gap-1 px-4 py-2 text-gray-900 dark:text-gray-100 hover:text-[#388e3c] hover:bg-[#388e3c]/5 dark:hover:bg-[#388e3c]/10 rounded-lg font-medium transition-all">
382                                    
383                                    Səhm bazarı
384                                </a>
385                                                                                                                <a href="https://valyuta.az/category/startup" 
386                                   class="flex items-center gap-1 px-4 py-2 text-gray-900 dark:text-gray-100 hover:text-[#388e3c] hover:bg-[#388e3c]/5 dark:hover:bg-[#388e3c]/10 rounded-lg font-medium transition-all">
387                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
387<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"/></svg>
388                                    Startap
389                                </a>
390                                                                                                                <a href="https://valyuta.az/category/tech-ai" 
391                                   class="flex items-center gap-1 px-4 py-2 text-gray-900 dark:text-gray-100 hover:text-[#388e3c] hover:bg-[#388e3c]/5 dark:hover:bg-[#388e3c]/10 rounded-lg font-medium transition-all">
392                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/></svg>
393                                    Tech &amp; AI
394                                </a>
395                                                                                                                <a href="https://valyuta.az/category/ofis" 
396                                   class="flex items-center gap-1 px-4 py-2 text-gray-900 dark:text-gray-100 hover:text-[#388e3c] hover:bg-[#388e3c]/5 dark:hover:bg-[#388e3c]/10 rounded-lg font-medium transition-all">
397                                    
398                                    Ofis+
399                                </a>
400                                                                                                                <a href="https://valyuta.az/category/inkisaf" 
401                                   class="flex items-center gap-1 px-4 py-2 text-gray-900 dark:text-gray-100 hover:text-[#388e3c] hover:bg-[#388e3c]/5 dark:hover:bg-[#388e3c]/10 rounded-lg font-medium transition-all">
402                                    
403                                    İnkişaf
404                                </a>
405                                                                                                                <div class="relative group">
406                                    <button class="flex items-center gap-1 px-4 py-2 text-gray-900 dark:text-gray-100 hover:text-[#388e3c] hover:bg-[#388e3c]/5 dark:hover:bg-[#388e3c]/10 rounded-lg font-medium transition-all">
407                                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7"/></svg>
408                                        Digər
409                                        <svg class="w-4 h-4 transition-transform group-hover:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
410                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
411                                        </svg>
412                                    </button>
413                                    <!-- Dropdown -->
414                                    <div class="hidden group-hover:block absolute left-0 top-full bg-white dark:bg-gray-800 border dark:border-gray-700 rounded-lg shadow-lg dark:shadow-gray-900/50 py-2 w-48 z-50">
415                                                                                    <a href="https://valyuta.az/category/ekspert" 
416                                               class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 hover:text-[#388e3c]">
417                                                Ekspert
418                                            </a>
419                                                                                    <a href="https://valyuta.az/category/musahibe" 
420                                               class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 hover:text-[#388e3c]">
421                                                Müsahibə
422                                            </a>
423                                                                                    <a href="https://valyuta.az/category/e-ticaret" 
424                                               class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 hover:text-[#388e3c]">
425                                                E-ticarət
426                                            </a>
427                                                                                    <a href="https://valyuta.az/category/kriptovalyuta" 
428                                               class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 hover:text-[#388e3c]">
429                                                Kriptovalyuta
430                                            </a>
431                                                                                    <a href="https://valyuta.az/category/foto" 
432                                               class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 hover:text-[#388e3c]">
433                                                Foto
434                                            </a>
435                                                                                    <a href="https://valyuta.az/category/ozel" 
436                                               class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 hover:text-[#388e3c]">
437                                                ÖZƏL
438                                            </a>
439                                                                                    <a href="https://valyuta.az/category/video" 
440                                               class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 hover:text-[#388e3c]">
441                                                Video
442                                            </a>
443                                                                                    <a href="https://valyuta.az/category/vkansiya" 
444                                               class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 hover:text-[#388e3c]">
445                                                Vakansiya
446                                            </a>
447                                                                                    <a href="https://valyuta.az/category/xeber" 
448                                               class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 hover:text-[#388e3c]">
449                                                Xəbər
450                                            </a>
451                                                                                    <a href="https://valyuta.az/category/maraqli" 
452                                               class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 hover:text-[#388e3c]">
453                                                Maraqlı
454                                            </a>
455                                                                                    <a href="https://valyuta.az/category/arasdirma" 
456                                               class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 hover:text-[#388e3c]">
457                                                Araşdırma
458                                            </a>
459                                                                            </div>
460                                </div>
461                                                                        </div>
462                </div>
463            </div>
464        </div>
465    </nav>
466    
467    <!-- Mobile Menu Overlay (Hidden by default) -->
468    <div class="md:hidden fixed inset-0 bg-black bg-opacity-50 z-50 hidden" id="mobileMenuOverlay" onclick="toggleMobileMenu()"></div>
469    
470    <!-- Mobile Menu Panel (Hidden by default) -->
471    <div class="md:hidden fixed top-0 left-0 h-screen w-5/6 max-w-sm bg-white shadow-xl z-50 transform -translate-x-full transition-transform duration-300 ease-in-out rounded-r-lg overflow-hidden" id="mobileMenu" style="height: 100vh; max-height: 100vh;">
472        <div class="flex flex-col h-full">
473            <!-- Mobile Menu Header -->
474            <div class="relative flex items-center justify-between px-4 py-2 border-b">
475                <div class="flex items-center space-x-2 ml-4 mt-1">
476                    <a href="https://valyuta.az">
477                    <!-- Logo Icon -->
478                        <div class="w-32 flex items-center justify-center relative overflow-hidden transform group-hover:scale-105 transition-all duration-300">
479                            <!-- Valyuta Logo SVG -->
480                            <img src="https://valyuta.az/images/valyuta_logo.svg" alt="Valyuta.az Logo" class="w-full h-full object-contain">
481                        </div>
482                    </a>
483                </div>
484                <div class="flex items-center gap-2">
485                    <!-- Dark Mode Toggle Button -->
486                    <button id="darkModeToggleMobilePanel" class="dark-mode-toggle flex items-center gap-2 px-1 py-1 bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-700 transition-all duration-200" title="Toggle dark mode">
487                        <svg id="darkModeIconMobilePanel" class="w-7 h-4 text-gray-600 dark:text-gray-300" fill="none" stroke="currentColor" viewBox="0 0 24 24">
488                            <path id="sunIconMobilePanel" class="block dark:hidden" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m8.66-13.66l-.71.71M4.05 19.95l-.71.71M21 12h-1M4 12H3m16.66 5.66l-.71-.71M4.05 4.05l-.71-.71M16 12a4 4 0 11-8 0 4 4 0 018 0z" />
489                            <path id="moonIconMobilePanel" class="hidden dark:block" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12.79A9 9 0 1111.21 3a7 7 0 109.79 9.79z" />
490                        </svg>
491                    </button>
492                    
493                   
494                    
495                    <button class="text-gray-600 hover:text-gray-900" onclick="toggleMobileMenu()">
496                        <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
497                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
498                        </svg>
499                    </button>
500                </div>
501            </div>
502
503            
504            <!-- Mobile Menu Content -->
505            <div class="flex-1 overflow-y-auto px-4 py-3" style="height: calc(100vh - 80px); max-height: calc(100vh - 80px);">
506                
507            <div class="flex flex-col space-y-2">
508                    <!-- Ana səhifə -->
509                    <a href="https://valyuta.az" 
510                       class="flex items-center gap-1 px-4 py-2 text-gray-900 hover:text-[#388e3c] hover:bg-[#388e3c]/5 rounded-lg font-medium transition-all">
511                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
512                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"/>
513                        </svg>
514                        Ana səhifə
515                    </a>
516                    
517                                                                        <a href="https://valyuta.az/category/biznes" 
518                               class="flex items-center gap-1 px-4 py-2 text-gray-900 hover:text-[#388e3c] hover:bg-[#388e3c]/5 rounded-lg font-medium transition-all">
519                                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 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>
520                                Biznes
521                            </a>
522                                                                                                <div class="relative">
523                                <button class="flex items-center justify-between w-full px-4 py-2 text-gray-900 hover:text-[#388e3c] hover:bg-[#388e3c]/5 rounded-lg font-medium transition-all" onclick="toggleSubmenu('submenu-1')">
524                                    <div class="flex items-center gap-1">
525                                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
525<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 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>
526                                        Maliyyə
527                                    </div>
528                                    <svg class="w-4 h-4 transition-transform" id="arrow-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
529                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
530                                    </svg>
531                                </button>
532                                <!-- Dropdown -->
533                                <div class="hidden pl-8 mt-1 space-y-1" id="submenu-1">
534                                                                            <a href="https://valyuta.az/category/bank" 
535                                           class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-[#388e3c] rounded-lg">
536                                            Bank
537                                        </a>
538                                                                            <a href="https://valyuta.az/category/investisiya" 
539                                           class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-[#388e3c] rounded-lg">
540                                            İnvestisiya
541                                        </a>
542                                                                            <a href="https://valyuta.az/category/siorta" 
543                                           class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-[#388e3c] rounded-lg">
544                                            Sığorta
545                                        </a>
546                                                                            <a href="https://valyuta.az/category/dunya-banklari" 
547                                           class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-[#388e3c] rounded-lg">
548                                            Dünya Bankları
549                                        </a>
550                                                                    </div>
551                            </div>
552                                                                                                <a href="https://valyuta.az/category/sehm-bazari" 
553                               class="flex items-center gap-1 px-4 py-2 text-gray-900 hover:text-[#388e3c] hover:bg-[#388e3c]/5 rounded-lg font-medium transition-all">
554                                
555                                Səhm bazarı
556                            </a>
557                                                                                                <a href="https://valyuta.az/category/startup" 
558                               class="flex items-center gap-1 px-4 py-2 text-gray-900 hover:text-[#388e3c] hover:bg-[#388e3c]/5 rounded-lg font-medium transition-all">
559                                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"/></svg>
560                                Startap
561                            </a>
562                                                                                                <a href="https://valyuta.az/category/tech-ai" 
563                               class="flex items-center gap-1 px-4 py-2 text-gray-900 hover:text-[#388e3c] hover:bg-[#388e3c]/5 rounded-lg font-medium transition-all">
564                                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/></svg>
565                                Tech &amp; AI
566                            </a>
567                                                                                                <a href="https://valyuta.az/category/ofis" 
568                               class="flex items-center gap-1 px-4 py-2 text-gray-900 hover:text-[#388e3c] hover:bg-[#388e3c]/5 rounded-lg font-medium transition-all">
569                                
570                                Ofis+
571                            </a>
572                                                                                                <a href="https://valyuta.az/category/inkisaf" 
573                               class="flex items-center gap-1 px-4 py-2 text-gray-900 hover:text-[#388e3c] hover:bg-[#388e3c]/5 rounded-lg font-medium transition-all">
574                                
575                                İnkişaf
576                            </a>
577                                                                                                <div class="relative">
578                                <button class="flex items-center justify-between w-full px-4 py-2 text-gray-900 hover:text-[#388e3c] hover:bg-[#388e3c]/5 rounded-lg font-medium transition-all" onclick="toggleSubmenu('submenu-9')">
579                                    <div class="flex items-center gap-1">
580                                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
580<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7"/></svg>
581                                        Digər
582                                    </div>
583                                    <svg class="w-4 h-4 transition-transform" id="arrow-9" fill="none" stroke="currentColor" viewBox="0 0 24 24">
584                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
585                                    </svg>
586                                </button>
587                                <!-- Dropdown -->
588                                <div class="hidden pl-8 mt-1 space-y-1" id="submenu-9">
589                                                                            <a href="https://valyuta.az/category/ekspert" 
590                                           class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-[#388e3c] rounded-lg">
591                                            Ekspert
592                                        </a>
593                                                                            <a href="https://valyuta.az/category/musahibe" 
594                                           class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-[#388e3c] rounded-lg">
595                                            Müsahibə
596                                        </a>
597                                                                            <a href="https://valyuta.az/category/e-ticaret" 
598                                           class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-[#388e3c] rounded-lg">
599                                            E-ticarət
600                                        </a>
601                                                                            <a href="https://valyuta.az/category/kriptovalyuta" 
602                                           class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-[#388e3c] rounded-lg">
603                                            Kriptovalyuta
604                                        </a>
605                                                                            <a href="https://valyuta.az/category/foto" 
606                                           class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-[#388e3c] rounded-lg">
607                                            Foto
608                                        </a>
609                                                                            <a href="https://valyuta.az/category/ozel" 
610                                           class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-[#388e3c] rounded-lg">
611                                            ÖZƏL
612                                        </a>
613                                                                            <a href="https://valyuta.az/category/video" 
614                                           class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-[#388e3c] rounded-lg">
615                                            Video
616                                        </a>
617                                                                            <a href="https://valyuta.az/category/vkansiya" 
618                                           class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-[#388e3c] rounded-lg">
619                                            Vakansiya
620                                        </a>
621                                                                            <a href="https://valyuta.az/category/xeber" 
622                                           class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-[#388e3c] rounded-lg">
623                                            Xəbər
624                                        </a>
625                                                                            <a href="https://valyuta.az/category/maraqli" 
626                                           class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-[#388e3c] rounded-lg">
627                                            Maraqlı
628                                        </a>
629                                                                            <a href="https://valyuta.az/category/arasdirma" 
630                                           class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-[#388e3c] rounded-lg">
631                                            Araşdırma
632                                        </a>
633                                                                    </div>
634                            </div>
635                                                            </div>
636                
637                <!-- Mobile Menu Action Icons -->
638                <div class="mt-6 pt-4 border-t border-gray-100">
639                    
640                    
641                    <!-- Grid Layout for Icons -->
642                    <div class="grid grid-cols-2 gap-4 mb-5">
643                        <!-- Currency Calculator -->
644                        <a href="https://valyuta.az/valyuta-kalkulyatoru2" class="group relative overflow-hidden bg-gradient-to-br from-blue-50 to-blue-100 hover:from-blue-100 hover:to-blue-200 rounded-2xl p-2 transition-all duration-300 transform hover:scale-105 hover:shadow-xl border border-blue-100/50">
645                            <div class="absolute top-0 right-0 w-12 h-12 bg-blue-200/20 rounded-full -mr-6 -mt-6"></div>
646                            <div class="relative flex items-center space-x-2">
647                                <div class="w-8 h-8 bg-gradient-to-br from-blue-500 to-blue-600 rounded-lg flex items-center justify-center shadow-sm group-hover:rotate-12 transition-transform duration-300 flex-shrink-0">
648                                    <svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
649                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 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"/>
650                                    </svg>
651                                </div>
652                                <div class="flex-1">
653                                    <h5 class="text-xs font-bold text-gray-800 mb
653-0.5 text-left">Valyuta</h5>
654                                    <p class="text-xs text-gray-600 text-left">Kalkulyator</p>
655                                </div>
656                            </div>
657                        </a>
658                        
659                        <!-- Crypto Rates -->
660                        <a href="https://valyuta.az/kripto-valyutalar" class="group relative overflow-hidden bg-gradient-to-br from-orange-50 to-orange-100 hover:from-orange-100 hover:to-orange-200 rounded-2xl p-2 transition-all duration-300 transform hover:scale-105 hover:shadow-xl border border-orange-100/50">
661                            <div class="absolute top-0 right-0 w-12 h-12 bg-orange-200/20 rounded-full -mr-6 -mt-6"></div>
662                            <div class="relative flex items-center space-x-2">
663                                <div class="w-8 h-8 bg-gradient-to-br from-orange-500 to-orange-600 rounded-lg flex items-center justify-center shadow-sm group-hover:rotate-12 transition-transform duration-300 flex-shrink-0">
664                                    <svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
665                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"/>
666                                    </svg>
667                                </div>
668                                <div class="flex-1">
669                                    <h5 class="text-xs font-bold text-gray-800 mb-0.5 text-left">Kripto</h5>
670                                    <p class="text-xs text-gray-600 text-left">Valyutalar</p>
671                                </div>
672                            </div>
673                        </a>
674                        
675                        <!-- Videos -->
676                        <a href="https://valyuta.az/videos" class="group relative overflow-hidden bg-gradient-to-br from-purple-50 to-purple-100 hover:from-purple-100 hover:to-purple-200 rounded-2xl p-2 transition-all duration-300 transform hover:scale-105 hover:shadow-xl border border-purple-100/50">
677                            <div class="absolute top-0 right-0 w-12 h-12 bg-purple-200/20 rounded-full -mr-6 -mt-6"></div>
678                            <div class="relative flex items-center space-x-2">
679                                <div class="w-8 h-8 bg-gradient-to-br from-purple-500 to-purple-600 rounded-lg flex items-center justify-center shadow-sm group-hover:rotate-12 transition-transform duration-300 flex-shrink-0">
680                                    <svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
681                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z"/>
682                                    </svg>
683                                </div>
684                                <div class="flex-1">
685                                    <h5 class="text-xs font-bold text-gray-800 mb-0.5 text-left">Video</h5>
686                                    <p class="text-xs text-gray-600 text-left">Müsahibələr</p>
687                                </div>
688                            </div>
689                        </a>
690                        
691                        <!-- Search -->
692                        <button onclick="window.location.href='https://valyuta.az/search'" class="group relative overflow-hidden bg-gradient-to-br from-green-50 to-green-100 hover:from-green-100 hover:to-green-200 rounded-2xl p-2 transition-all duration-300 transform hover:scale-105 hover:shadow-xl border border-green-100/50 w-full">
693                            <div class="absolute top-0 right-0 w-12 h-12 bg-green-200/20 rounded-full -mr-6 -mt-6"></div>
694                            <div class="relative flex items-center space-x-2">
695                                <div class="w-8 h-8 bg-gradient-to-br from-green-500 to-green-600 rounded-lg flex items-center justify-center shadow-sm group-hover:rotate-12 transition-transform duration-300 flex-shrink-0">
696                                    <svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
697                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
698                                    </svg>
699                                </div>
700                                <div class="flex-1">
701                                    <h5 class="text-xs font-bold text-gray-800 mb
701-0.5 text-left">Axtarış</h5>
702                                    <p class="text-xs text-gray-600 text-left">Xəbər tap</p>
703                                </div>
704                            </div>
705                        </button>
706                    </div>
707                    
708                  
709                
710                <!-- Social Icons Section -->
711                <div class="mt-6 pt-4 mb-4 border-t border-gray-100">
712                    <!-- <h4 class="text-sm font-medium text-gray-700 mb-3">Sosial Media</h4> -->
713                    <div class="flex items-center justify-around">
714                        <!-- X (Twitter) -->
715                        <a href="#" class="text-gray-400 hover:text-[#388e3c] transition-colors" title="X">
716                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
717                                <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
718                            </svg>
719                        </a>
720                        <!-- Instagram -->
721                        <a href="https://www.instagram.com/valyuta_az/" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-[#388e3c] transition-colors" title="Instagram">
722                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
723                                <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/>
724                            </svg>
725                        </a>
726                        <!-- WhatsApp -->
727                        <a href="#" class="text-gray-400 hover:text-[#388e3c] transition-colors" title="WhatsApp">
728                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
729                                <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 0020.885 3.488"/>
730                            </svg>
731                        </a>
732                        <!-- YouTube -->
733                        <a href="https://www.youtube.com/@valyuta_az" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-[#388e3c] transition-colors" title="YouTube">
734                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
735                                <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/>
736                            </svg>
737                        </a>
738                        <!-- TikTok -->
739                        <a href="https://www.tiktok.com/@valyuta_az?_t=ZS-8yIHyjsdf9u&_r=1" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-[#388e3c] transition-colors" title="TikTok">
740                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
741                                <path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08
741-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"/>
742                            </svg>
743                        </a>
744                        <!-- Facebook -->
745                        <a href="https://www.facebook.com/valyuta.az/" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-[#388e3c] transition-colors" title="Facebook">
746                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
747                                <path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/>
748                            </svg>
749                        </a>
750                        <!-- Telegram -->
751                        <a href="https://t.me/valyuta_az" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-[#388e3c] transition-colors" title="Telegram">
752                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
753                                <path d="M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"/>
754                            </svg>
755                        </a>
756                        <!-- LinkedIn -->
757                        <a href="https://www.linkedin.com/company/valyuta-az/posts/?feedView=all" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-[#388e3c] transition-colors" title="LinkedIn">
758                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
759                                <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/>
760                            </svg>
761                        </a>
762                        
763                    </div>
764                </div>
765                
766                <!-- Bottom padding for scroll -->
767                <div class="pb-4"></div>
768                </div>
769
770                
770<script>
771                    document.addEventListener('DOMContentLoaded', function() {
772                        // Function to format numbers
773                        function formatNumber(num, decimals) {
774                            return parseFloat(num).toFixed(decimals);
775                        }
776
777                        // Function to update mobile rates
778                        function updateMobileRates() {
779                            fetch('https://valyuta.az/rates')
780                                .then(response => response.json())
781                                .then(data => {
782                                    // Update mobile currency rates
783                                    const mobileCurrencyRatesContainer = document.getElementById('mobile-currency-rates');
784                                    if (mobileCurrencyRatesContainer) {
785                                        mobileCurrencyRatesContainer.innerHTML = '';
786                                        Object.entries(data.rates).forEach(([currency, rateData]) => {
787                                            const rate = parseFloat(rateData.rate);
788                                            const change = parseFloat(rateData.change);
789                                            const changeClass = change >= 0 ? 'text-green-500' : 'text-red-500';
790                                            const changeSign = change >= 0 ? '+' : '';
791                                            mobileCurrencyRatesContainer.innerHTML += `
792                                                <div class="flex items-center gap-2 p-2 bg-gray-50 rounded-lg">
793                                                    <span class="text-sm font-medium">${currency}</span>
794                                                    <span class="text-sm text-gray-600">${formatNumber(rate, 4)}</span>
795                                                    <span class="text-xs ${changeClass}">
796                                                        ${changeSign}${formatNumber(change, 2)}%
797                                                    </span>
798                                                </div>
799                                            `;
800                                        });
801                                    }
802
803                                    // Update mobile crypto rates
804                                    const mobileCryptoRatesContainer = document.getElementById('mobile-crypto-rates');
805                                    if (mobileCryptoRatesContainer) {
806                                        mobileCryptoRatesContainer.innerHTML = '';
807                                        data.cryptos.forEach(crypto => {
808                                            const changeClass = crypto.change >= 0 ? 'text-green-500' : 'text-red-500';
809                                            const changeSign = crypto.change >= 0 ? '+' : '';
810                                            mobileCryptoRatesContainer.innerHTML += `
811                                                <div class="flex items-center gap-2 p-2 bg-gray-50 rounded-lg">
812                                                    <span class="text-sm font-medium">${crypto.symbol}</span>
813                                                    <span class="text-sm text-gray-600">$${formatNumber(crypto.price, 2)}</span>
814                                                    <span class="text-xs ${changeClass}">
815                                                        ${changeSign}${formatNumber(crypto.change, 2)}%
816                                                    </span>
817                                                </div>
818                                            `;
819                                        });
820                                    }
821                                })
822                                .catch(error => {
823                                    console.error('Error fetching mobile rates:', error);
824                                    const mobileCurrencyRatesError = document.getElementById('mobile-currency-rates');
825                                    const mobileCryptoRatesError = document.getElementById('mobile-crypto-rates');
826                                    if (mobileCurrencyRatesError) {
827                                        mobileCurrencyRatesError.innerHTML = '<div class="text-sm text-red-500">Məlumat yüklənə bilmədi</div>';
828                                    }
829                                    if (mobileCryptoRatesError) {
830                                        mobileCryptoRatesError.innerHTML = '<div class="text-sm text-red-500">Məlumat yüklənə bilmədi</div>';
831                                    }
832                                });
833                        }
834
835                        // Initial load
836                        updateMobileRates();
837
838                        // Update every 5 minutes
839                        setInterval(updateMobileRates, 5 * 60 * 1000);
840                    });
841                </script>
841
842            </div>
843        </div>
844    </div>
845
846    
847
848    
848<script>
849        document.addEventListener('DOMContentLoaded', function() {
850            // Function to format numbers
851            function formatNumber(num, decimals) {
852                return parseFloat(num).toFixed(decimals);
853            }
854
855            // Function to update rates
856            function updateRates() {
857                const currencyRatesContainer = document.getElementById('desktop-currency-rates');
858                const cryptoRatesContainer = document.getElementById('desktop-crypto-rates');
859
860                // Show loading state
861                if (currencyRatesContainer) {
862                    currencyRatesContainer.innerHTML = '<div class="animate-spin rounded-full h-4 w-4 border-b-2 border-[#388e3c]"></div>';
863                }
864                if (cryptoRatesContainer) {
865                    cryptoRatesContainer.innerHTML = '<div class="animate-spin rounded-full h-4 w-4 border-b-2 border-[#388e3c]"></div>';
866                }
867
868                fetch('https://valyuta.az/rates')
869                    .then(response => response.json())
870                    .then(data => {
871                        // Update currency rates
872                        if (currencyRatesContainer) {
873                            currencyRatesContainer.innerHTML = '';
874                            Object.entries(data.rates).forEach(([currency, rateData]) => {
875                                const changeClass = parseFloat(rateData.change) >= 0 ? 'text-green-500' : 'text-red-500';
876                                const changeSign = parseFloat(rateData.change) >= 0 ? '+' : '';
877                                currencyRatesContainer.innerHTML += `
878                                    <div class="flex items-center space-x-2">
879                                        <span class="text-sm font-medium">${currency}</span>
880                                        <span class="text-sm text-gray-600">${formatNumber(rateData.rate, 4)}</span>
881                                        <span class="text-xs ${changeClass}">
882                                            ${changeSign}${formatNumber(rateData.change, 2)}%
883                                        </span>
884                                    </div>
885                                `;
886                            });
887                        }
888
889                        // Update crypto rates
890                        if (cryptoRatesContainer) {
891                            cryptoRatesContainer.innerHTML = '';
892                            // Format BTC
893                            const btc = data.cryptos.BTC;
894                            const btcChangeClass = parseFloat(btc.change) >= 0 ? 'text-green-500' : 'text-red-500';
895                            const btcChangeSign = parseFloat(btc.change) >= 0 ? '+' : '';
896                            cryptoRatesContainer.innerHTML += `
897                                <div class="flex items-center space-x-2">
898                                    <span class="text-sm font-medium">BTC</span>
899                                    <span class="text-sm text-gray-600">$${btc.price}</span>
900                                    <span class="text-xs ${btcChangeClass}">
901                                        ${btcChangeSign}${formatNumber(btc.change, 2)}%
902                                    </span>
903                                </div>
904                            `;
905                            
906                            // Format ETH
907                            const eth = data.cryptos.ETH;
908                            const ethChangeClass = parseFloat(eth.change) >= 0 ? 'text-green-500' : 'text-red-500';
909                            const ethChangeSign = parseFloat(eth.change) >= 0 ? '+' : '';
910                            cryptoRatesContainer.innerHTML += `
911                                <div class="flex items-center space-x-2">
912                                    <span class="text-sm font-medium">ETH</span>
913                                    <span class="text-sm text-gray-600">$${eth.price}</span>
914                                    <span class="text-xs ${ethChangeClass}">
915                                        ${ethChangeSign}${formatNumber(eth.change, 2)}%
916                                    </span>
917                                </div>
918                            `;
919                        }
920                    })
921                    .catch(error => {
922                        console.error('Error fetching rates:', error);
923                        const errorMessage = '<div class="text-sm text-red-500">Məlumat yüklənə bilmədi</div>';
924                        if (currencyRatesContainer) currencyRatesContainer.innerHTML = errorMessage;
925                        if (cryptoRatesContainer) cryptoRatesContainer.innerHTML = errorMessage;
926                    });
927            }
928
929            // Initial load
930            updateRates();
931
932            // Update every 5 minutes
933            setInterval(updateRates, 5 * 60 * 1000);
934        });
935    </script>
935
936
937    <!-- Main Content -->
938    <main class="max-w-6xl mx-auto px-2 sm:px-4 py-4 sm:py-6">
939        <!-- Main Grid Layout -->
940       
941<div class="flex flex-col gap-4 sm:gap-6 overflow-hidden max-w-full">
942    <!-- Yuxarı: Slider və 2 xəbər yan-yana -->
943    <div class="flex flex-col md:flex-row gap-4 sm:gap-6 w-full overflow-hidden">
944        <!-- Slider (sol böyük blok) -->
945        <div class="flex-1 min-w-0">
946            <div class="relative w-full h-[250px] sm:h-[300px] md:h-[400px] lg:h-[480px] rounded-xl sm:rounded-2xl overflow-hidden shadow-lg group" id="slider" style="max-width: 100%;">
947                <div class="flex transition-transform duration-500 ease-in-out h-full" id="slider-container">
948                                        <!-- Slide 1 -->
949                    <div class="min-w-full relative h-full flex-shrink-0">
950                        <div class="w-full h-full relative overflow-hidden">
951                            <img src="https://valyuta.az/storage/104373/conversions/01M3XPNDV44HRA0RAYQ6MJP9ED-main.webp" 
952                                 alt="Azərbaycanda kredit qoyuluşları 4,4 milyard manatdan çox artıb" 
953                                 class="w-full h-full object-cover object-center absolute inset-0"
954                                 style="object-fit: cover; object-position: center;">
955                        </div>
956                        
957                        <!-- Gradient Overlay -->
958                        <div class="absolute inset-0 bg-gradient-to-t from-black/40 via-black/10 to-transparent"></div>
959                        
960                        <!-- Content Container -->
961                        <div class="absolute bottom-0 left-0 right-0 p-3 sm:p-4 md:p-6 lg:p-8">
962                            <!-- Additional dark overlay only for text area -->
963                            <div class="absolute inset-0 bg-gradient-to-t from-black/40 to-transparent"></div>
964                            
965                            <!-- Content (relative to be above overlay) -->
966                            <div class="relative z-10">
967                                <!-- Meta Information -->
968                                <div class="flex items-center space-x-2 sm:space-x-3 mb-2 sm:mb-3">
969                                    <span class="text-white text-xs sm:text-sm font-medium drop-shadow-lg">03.10.2026</span>
970                                    <!-- <span class="text-white/80">•</span> -->
971                                    <!-- <div class="flex items-center text-white text-xs sm:text-sm drop-shadow-lg">
972                                        <svg class="w-3 h-3 sm:w-4 sm:h-4 mr-1 sm:mr-1.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
973                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
974                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
975                                        </svg>
976                                        63
977                                    </div> -->
978                                </div>
979                                
980                                <!-- Main Title -->
981                                <a href="https://valyuta.az/news/azerbaycanda-kredit-qoyuluslari-44-milyard-manatdan-cox-artib" 
982                                   aria-label="Xəbər: Azərbaycanda kredit qoyuluşları 4,4 milyard manatdan çox artıb"
983                                   class="block group/title">
984                                    <h2 class="text-white text-lg sm:text-xl md:text-2xl lg:text-4xl font-bold leading-tight mb-2 sm:mb-3 md:mb-4 group-hover/title:text-gray-200 transition-colors duration-300 drop-shadow-xl break-words">
985                                        Azərbaycanda kredit qoyuluşları 4,4 milyard manatdan çox artıb
986                                                                            </h2>
987                                </a>
988                            </div>
989                        </div>
990                    </div>
991                                        <!-- Slide 2 -->
992                    <div class="min-w-full relative h-full flex-shrink-0">
993                        <div class="w-full h-full relative overflow-hidden">
994                            <img src="https://valyuta.az/storage/104394/conversions/01M3Y398HZATYX5WBHQPEAE43E-main.webp" 
995                                 alt="“Morgan Stanley”:  kiçik tərəfdaşlıqdan qlobal maliyyə nəhənginə gedən yol" 
996                                 class="w-full h-full object-cover object-center absolute inset-0"
997                                 style="object-fit: cover; object-position: center;">
998                        </div>
999                        
1000                        <!-- Gradient Overlay -->
1001                        <div class="absolute inset-0 bg-gradient-to-t from-black/40 via-black/10 to-transparent"></div>
1002                        
1003                        <!-- Content Container -->
1004                        <div class="absolute bottom-0 left-0 right-0 p-3 sm:p-4 md:p-6 lg:p-8">
1005                            <!-- Additional dark overlay only for text area -->
1006                            <div class="absolute inset-0 bg-gradient-to-t from-black/40 to-transparent"></div>
1007                            
1008                            <!-- Content (relative to be above overlay) -->
1009                            <div class="relative z-10">
1010                                <!-- Meta Information -->
1011                                <div class="flex items-center space-x-2 sm:space-x-3 mb-2 sm:mb-3">
1012                                    <span class="text-white text-xs sm:text-sm font-medium drop-shadow-lg">03.10.2026</span>
1013                                    <!-- <span class="text-white/80">•</span> -->
1014                                    <!-- <div class="flex items-center text-white text-xs sm:text-sm drop-shadow-lg">
1015                                        <svg class="w-3 h-3 sm:w-4 sm:h-4 mr-1 sm:mr-1.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1016                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
1017                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
1018                                        </svg>
1019                                        152
1020                                    </div> -->
1021                                </div>
1022                                
1023                                <!-- Main Title -->
1024                                <a href="https://valyuta.az/news/morgan-stanley-kicik-terefdasliqdan-qlobal-maliyye-nehengine-geden-yol" 
1025                                   aria-label="Xəbər: “Morgan Stanley”:  kiçik tərəfdaşlıqdan qlobal maliyyə nəhənginə gedən yol"
1026                                   class="block group/title">
1027                                    <h2 class="text-white text-lg sm:text-xl md:text-2xl lg:text-4xl font-bold leading-tight mb-2 sm:mb-3 md:mb-4 group-hover/title:text-gray-200 transition-colors duration-300 drop-shadow-xl break-words">
1028                                        “Morgan Stanley”: 
1029                                                                                 kiçik tərəfdaşlıqdan qlobal maliyyə nəhənginə gedən yol
1030                                                                            </h2>
1031                                </a>
1032                            </div>
1033                        </div>
1034                    </div>
1035                                        <!-- Slide 3 -->
1036                    <div class="min-w-full relative h-full flex-shrink-0">
1037                        <div class="w-full h-full relative overflow-hidden">
1038                            <img src="https://valyuta.az/storage/104372/conversions/01M3XP97ZERAMW30KV6M3M76FE-main.webp" 
1039                                 alt="&quot;Yaxşı rəhbər özündən güclü insanlarla işləyə bilməlidir&quot; - Ekspert" 
1040                                 class="w-full h-full object-cover object-center absolute inset-0"
1041                                 style="object-fit: cover; object-position: center;">
1042                        </div>
1043                        
1044                        <!-- Gradient Overlay -->
1045                        <div class="absolute inset-0 bg-gradient-to-t from-black/40 via-black/10 to-transparent"></div>
1046                        
1047                        <!-- Content Container -->
1048                        <div class="absolute bottom-0 left-0 right-0 p-3 sm:p-4 md:p-6 lg:p-8">
1049                            <!-- Additional dark overlay only for text area -->
1050                            <div class="absolute inset-0 bg-gradient-to-t from-black/40 to-transparent"></div>
1051                            
1052                            <!-- Content (relative to be above overlay) -->
1053                            <div class="relative z-10">
1054                                <!-- Meta Information -->
1055                                <div class="flex items-center space-x-2 sm:space-x-3 mb-2 sm:mb-3">
1056                                    <span class="text-white text-xs sm:text-sm font-medium drop-shadow-lg">03.10.2026</span>
1057                                    <!-- <span class="text-white/80">•</span> -->
1058                                    <!-- <div class="flex items-center text-white text-xs sm:text-sm drop-shadow-lg">
1059                                        <svg class="w-3 h-3 sm:w-4 sm:h-4 mr-1 sm:mr-1.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1060                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
1061                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
1062                                        </svg>
1063                                        277
1064                                    </div> -->
1065                                </div>
1066                                
1067                                <!-- Main Title -->
1068                                <a href="https://valyuta.az/news/ozunden-daha-guclu-iscini-komandaya-getirme
1068k-rehber-ucun-riskdirmi-ekspert" 
1069                                   aria-label="Xəbər: &quot;Yaxşı rəhbər özündən güclü insanlarla işləyə bilməlidir&quot; - Ekspert"
1070                                   class="block group/title">
1071                                    <h2 class="text-white text-lg sm:text-xl md:text-2xl lg:text-4xl font-bold leading-tight mb-2 sm:mb-3 md:mb-4 group-hover/title:text-gray-200 transition-colors duration-300 drop-shadow-xl break-words">
1072                                        "Yaxşı rəhbər özündən güclü insanlarla işləyə bilməlidir"
1073                                                                                 - Ekspert
1074                                                                            </h2>
1075                                </a>
1076                            </div>
1077                        </div>
1078                    </div>
1079                                        <!-- Slide 4 -->
1080                    <div class="min-w-full relative h-full flex-shrink-0">
1081                        <div class="w-full h-full relative overflow-hidden">
1082                            <img src="https://valyuta.az/storage/104377/conversions/01M3XR8QPHXWBABFWP4AZSVCXZ-main.webp" 
1083                                 alt="Sahibkarların oxumalı olduğu kitablar – SİYAHI" 
1084                                 class="w-full h-full object-cover object-center absolute inset-0"
1085                                 style="object-fit: cover; object-position: center;">
1086                        </div>
1087                        
1088                        <!-- Gradient Overlay -->
1089                        <div class="absolute inset-0 bg-gradient-to-t from-black/40 via-black/10 to-transparent"></div>
1090                        
1091                        <!-- Content Container -->
1092                        <div class="absolute bottom-0 left-0 right-0 p-3 sm:p-4 md:p-6 lg:p-8">
1093                            <!-- Additional dark overlay only for text area -->
1094                            <div class="absolute inset-0 bg-gradient-to-t from-black/40 to-transparent"></div>
1095                            
1096                            <!-- Content (relative to be above overlay) -->
1097                            <div class="relative z-10">
1098                                <!-- Meta Information -->
1099                                <div class="flex items-center space-x-2 sm:space-x-3 mb-2 sm:mb-3">
1100                                    <span class="text-white text-xs sm:text-sm font-medium drop-shadow-lg">03.10.2026</span>
1101                                    <!-- <span class="text-white/80">•</span> -->
1102                                    <!-- <div class="flex items-center text-white text-xs sm:text-sm drop-shadow-lg">
1103                                        <svg class="w-3 h-3 sm:w-4 sm:h-4 mr-1 sm:mr-1.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1104                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
1105                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
1106                                        </svg>
1107                                        190
1108                                    </div> -->
1109                                </div>
1110                                
1111                                <!-- Main Title -->
1112                                <a href="https://valyuta.az/news/sahibkarlarin-oxumali-oldugu-kitablar-siyahi" 
1113                                   aria-label="Xəbər: Sahibkarların oxumalı olduğu kitablar – SİYAHI"
1114                                   class="block group/title">
1115                                    <h2 class="text-white text-lg sm:text-xl md:text-2xl lg:text-4xl font-bold leading-tight mb-2 sm:mb-3 md:mb-4 group-hover/title:text-gray-200 transition-colors duration-300 drop-shadow-xl break-words">
1116                                        Sahibkarların oxumalı olduğu kitablar
1117                                                                                 – SİYAHI
1118                                                                            </h2>
1119                                </a>
1120                            </div>
1121                        </div>
1122                    </div>
1123                                        <!-- Slide 5 -->
1124                    <div class="min-w-full relative h-full flex-shrink-0">
1125                        <div class="w-full h-full relative overflow-hidden">
1126                            <img src="https://valyuta.az/storage/104382/conversions/01M3XTKBS1JY9P3WS6S3HVW3PY-main.webp" 
1127                                 alt="Restoranlar niyə &quot;depozit&quot; istəyirlər?" 
1128                                 class="w-full h-full object-cover object-center absolute inset-0"
1129                                 style="object-fit: cover; object-position: center;">
1130                        </div>
1131                        
1132                        <!-- Gradient Overlay -->
1133                        <div class="absolute inset-0 bg-gradient-to-t from-black/40 via-black/10 to-transparent"></div>
1134                        
1135                        <!-- Content Container -->
1136                        <div class="absolute bottom-0 left-0 right-0 p-3 sm:p-4 md:p-6 lg:p-8">
1137                            <!-- Additional dark overlay only for text area -->
1138                            <div class="absolute inset-0 bg-gradient-to-t from-black/40 to-transparent"></div>
1139                            
1140                            <!-- Content (relative to be above overlay) -->
1141                            <div class="relative z-10">
1142                                <!-- Meta Information -->
1143                                <div class="flex items-center space-x-2 sm:space-x-3 mb-2 sm:mb-3">
1144                                    <span class="text-white text-xs sm:text-sm font-medium drop-shadow-lg">02.10.2026</span>
1145                                    <!-- <span class="text-white/80">•</span> -->
1146                                    <!-- <div class="flex items-center text-white text-xs sm:text-sm drop-shadow-lg">
1147                                        <svg class="w-3 h-3 sm:w-4 sm:h-4 mr-1 sm:mr-1.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1148                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
1149                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
1150                                        </svg>
1151                                        343
1152                                    </div> -->
1153                                </div>
1154                                
1155                                <!-- Main Title -->
1156                                <a href="https://valyuta.az/news/masaya-eylesmek-ucun-minimum-sifaris-restoranlar-bunu-niye-tetbiq-edir" 
1157                                   aria-label="Xəbər: Restoranlar niyə &quot;depozit&quot; istəyirlər?"
1158                                   class="block group/title">
1159                                    <h2 class="text-white text-lg sm:text-xl md:text-2xl lg:text-4xl font-bold leading-tight mb-2 sm:mb-3 md:mb-4 group-hover/title:text-gray-200 transition-colors duration-300 drop-shadow-xl break-words">
1160                                        Restoranlar niyə "depozit" istəyirlər?
1161                                                                            </h2>
1162                                </a>
1163                            </div>
1164                        </div>
1165                    </div>
1166                                        <!-- Slide 6 -->
1167                    <div class="min-w-full relative h-full flex-shrink-0">
1168                        <div class="w-full h-full relative overflow-hidden">
1169                            <img src="https://valyuta.az/storage/104385/conversions/01M3XWH12FM1KD8YY786F5JV7B-main.webp" 
1170                                 alt="“Yüksəliş”in qalibi “Azər Türk Bank”da müşavir təyin edildi" 
1171                                 class="w-full h-full object-cover object-center absolute inset-0"
1172                                 style="object-fit: cover; object-position: center;">
1173                        </div>
1174                        
1175                        <!-- Gradient Overlay -->
1176                        <div class="absolute inset-0 bg-gradient-to-t from-black/40 via-black/10 to-transparent"></div>
1177                        
1178                        <!-- Content Container -->
1179                        <div class="absolute bottom-0 left-0 right-0 p-3 sm:p-4 md:p-6 lg:p-8">
1180                            <!-- Additional dark overlay only for text area -->
1181                            <div class="absolute inset-0 bg-gradient-to-t from-black/40 to-transparent"></div>
1182                            
1183                            <!-- Content (relative to be above overlay) -->
1184                            <div class="relative z-10">
1185                                <!-- Meta Information -->
1186                                <div class="flex items-center space-x-2 sm:space-x-3 mb-2 sm:mb-3">
1187                                    <span class="text-white text-xs sm:text-sm font-medium drop-shadow-lg">02.10.2026</span>
1188                                    <!-- <span class="text-white/80">•</span> -->
1189                                    <!-- <div class="flex items-center text-white text-xs sm:text-sm drop-shadow-lg">
1190                                        <svg class="w-3 h-3 sm:w-4 sm:h-4 mr-1 sm:mr-1.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1191                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
1192                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
1193                                        </svg>
1194                                        580
1195                                    </div> -->
1196                                </div>
1197                                
1198                                <!-- Main Title -->
1199                                <a href="https://valyuta.az/news/yukselisin-qalibi-azer-turk-bankda-musavir-teyin-edildi" 
1200                                   aria-label="Xəbər: “Yüksəliş”in qalibi “Azər Türk Bank”da müşavir təyin edildi"
1201                                   class="block group/title">
1202                                    <h2 class="text-white text-lg sm:text-xl md:text-2xl lg:text-4xl font-bold leading-tight mb-2 sm:mb-3 md:mb-4 group-hover/title:text-gray-200 transition-colors duration-300 drop-shadow-xl break-words">
1203                                        “Yüksəliş”in qalibi “Azər Türk Bank”da müşavir təyin edildi
1204                                                                            </h2>
1205                                </a>
1206                            </div>
1207                        </div>
1208                    </div>
1209                                        <!-- Slide 7 -->
1210                    <div class="min-w-full relative h-full flex-shrink-0">
1211                        <div class="w-full h-full relative overflow-hidden">
1212                            <img src="https://valyuta.az/storage/104304/conversions/01M3S31CP1Z66PSXWZ4Z050T36-main.webp" 
1213                                 alt="Azərbaycanda &quot;iPhone 18 Pro&quot; üçün 3 ayın maaşı lazımdır  - Bəs qonşu ölkələrdə?" 
1214                                 class="w-full h-full object-cover object-center absolute inset-0"
1215                                 style="object-fit: cover; object-position: center;">
1216                        </div>
1217                        
1218                        <!-- Gradient Overlay -->
1219                        <div class="absolute inset-0 bg-gradient-to-t from-black/40 via-black/10 to-transparent"></div>
1220                        
1221                        <!-- Content Container -->
1222                        <div class="absolute bottom-0 left-0 right-0 p-3 sm:p-4 md:p-6 lg:p-8">
1223                            <!-- Additional dark overlay only for text area -->
1224                            <div class="absolute inset-0 bg-gradient-to-t from-black/40 to-transparent"></div>
1225                            
1226                            <!-- Content (relative to be above overlay) -->
1227                            <div class="relative z-10">
1228                                <!-- Meta Information -->
1229                                <div class="flex items-center space-x-2 sm:space-x-3 mb-2 sm:mb-3">
1230                                    <span class="text-white text-xs sm:text-sm font-medium drop-shadow-lg">02.10.2026</span>
1231                                    <!-- <span class="text-white/80">•</span> -->
1232                                    <!-- <div class="flex items-center text-white text-xs sm:text-sm drop-shadow-lg">
1233                                        <svg class="w-3 h-3 sm:w-4 sm:h-4 mr-1 sm:mr-1.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1234                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
1235                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
1236                                        </svg>
1237                                        401
1238                                    </div> -->
1239                                </div>
1240                                
1241                                <!-- Main Title -->
1242                                <a href="https://valyuta.az/news/azerbaycanda-iphone-18-pro-ucun-3-ayliq-orta-emekhaqqi-lazimdir-bes-qonsu-olkelerde" 
1243                                   aria-label="Xəbər: Azərbaycanda &quot;iPhone 18 Pro&quot; üçün 3 ayın maaşı lazımdır  - Bəs qonşu ölkələrdə?"
1244                                   class="block group/title">
1245                                    <h2 class="text-white text-lg sm:text-xl md:text-2xl lg:text-4xl font-bold leading-tight mb-2 sm:mb-3 md:mb-4 group-hover/title:text-gray-200 transition-colors duration-300 drop-shadow-xl break-words">
1246                                        Azərbaycanda "iPhone 18 Pro" üçün 3 ayın maaşı lazımdır 
1247                                                                                 - Bəs qonşu ölkələrdə?
1248                                                                            </h2>
1249                                </a>
1250                            </div>
1251                        </div>
1252                    </div>
1253                                    </div>
1254                
1255                <!-- Navigation Dots -->
1256                <div class="absolute bottom-3 sm:bottom-4 md:bottom-6 right-3 sm:right-4 md:right-6 flex space-x-1.5 sm:space-x-2" id="pagination">
1257                                        <button onclick="goToSlide(0)" 
1258                            aria-label="Slayd 1-ə keç"
1259                            class="w-2 h-2 sm:w-2.5 sm:h-2.5 md:w-3 md:h-3 rounded-full bg-white transition-all duration-300 hover:scale-110 opacity-100">
1260                    </button>
1261                                        <button onclick="goToSlide(1)" 
1262                            aria-label="Slayd 2-ə keç"
1263                            class="w-2 h-2 sm:w-2.5 sm:h-2.5 md:w-3 md:h-3 rounded-full bg-white transition-all duration-300 hover:scale-110 opacity-50">
1264                    </button>
1265                                        <button onclick="goToSlide(2)" 
1266                            aria-label="Slayd 3-ə keç"
1267                            class="w-2 h-2 sm:w-2.5 sm:h-2.5 md:w-3 md:h-3 rounded-full bg-white transition-all duration-300 hover:scale-110 opacity-50">
1268                    </button>
1269                                        <button onclick="goToSlide(3)" 
1270                            aria-label="Slayd 4-ə keç"
1271                            class="w-2 h-2 sm:w-2.5 sm:h-2.5 md:w-3 md:h-3 rounded-full bg-white transition-all duration-300 hover:scale-110 opacity-50">
1272                    </button>
1273                                        <button onclick="goToSlide(4)" 
1274                            aria-label="Slayd 5-ə keç"
1275                            class="w-2 h-2 sm:w-2.5 sm:h-2.5 md:w-3 md:h-3 rounded-full bg-white transition-all duration-300 hover:scale-110 opacity-50">
1276                    </button>
1277                                        <button onclick="goToSlide(5)" 
1278                            aria-label="Slayd 6-ə keç"
1279                            class="w-2 h-2 sm:w-2.5 sm:h-2.5 md:w-3 md:h-3 rounded-full bg-white transition-all duration-300 hover:scale-110 opacity-50">
1280                    </button>
1281                                        <button onclick="goToSlide(6)" 
1282                            aria-label="Slayd 7-ə keç"
1283                            class="w-2 h-2 sm:w-2.5 sm:h-2.5 md:w-3 md:h-3 rounded-full bg-white transition-all duration-300 hover:scale-110 opacity-50">
1284                    </button>
1285                                    </div>
1286                
1287                <!-- Navigation Arrows -->
1288                <button onclick="prevSlide()" aria-label="Əvvəlki slayd" class="absolute left-2 sm:left-3 md:left-4 top-1/2 transform -translate-y-1/2 w-8 h-8 sm:w-9 sm:h-9 md:w-10 md:h-10 bg-white/20 hover:bg-white/30 rounded-full flex items-center justify-center transition-all duration-300 opacity-0 group-hover:opacity-100">
1289                    <svg class="w-4 h-4 sm:w-5 sm:h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1290                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/>
1291                    </svg>
1292                </button>
1293                <button onclick="nextSlide()" aria-label="Növbəti slayd" class="absolute right-2 sm:right-3 md:right-4 top-1/2 transform -translate-y-1/2 w-8 h-8 sm:w-9 sm:h-9 md:w-10 md:h-10 bg-white/20 hover:bg-white/30 rounded-full flex items-center justify-center transition-all duration-300 opacity-0 group-hover:opacity-100">
1294                    <svg class="w-4 h-4 sm:w-5 sm:h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1295                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
1296                    </svg>
1297                </button>
1298            </div>
1299        </div>
1300        <!-- Sağda 2 xəbər -->
1301        <div class="hidden md:flex flex-row md:flex-col gap-2 sm:gap-3 md:gap-3 w-full md:w-[300px] md:flex-shrink-0 overflow-hidden">
1302                        <a href="https://valyuta.az/news/yelobank-kartlarinda-kesbek-sertleri-hansi-kateqoriyada-nece-faiz-qaytarilir" 
1303               aria-label="Xəbər: &quot;Yelo Bank&quot; kartlarında keşbek şərtləri:  Hansı kateqoriyada neçə faiz qaytarılır?"
1304               class="relative h-[120px] sm:h-[140px] md:h-[195px] lg:h-[234px] group flex-1 block min-w-0">
1305                <div class="w-full h-full relative overflow-hidden rounded-xl sm:rounded-2xl">
1306                    <img src="https://valyuta.az/storage/104267/conversions/01M3PE3SR4J0C0X2XF0Z8H4720-maincard.webp" 
1307                         alt="&quot;Yelo Bank&quot; kartlarında keşbek şərtləri:  Hansı kateqoriyada neçə faiz qaytarılır?" 
1308                         class="w-full h-full object-cover object-center absolute inset-0 group-hover:scale-105 transition-transform duration-300"
1309                         style="object-fit: cover; object-position: center;">
1310                </div>
1311                
1312                <!-- Gradient Overlay -->
1313                <div class="absolute inset-0 bg-gradient-to-t from-black/40 via-black/10 to-transparent rounded-xl sm:rounded-2xl"></div>
1314                
1315                <!-- Content Container -->
1316                <div class="absolute bottom-0 left-0 right-0 p-2 sm:p-3 md:p-4 roun
1316ded-xl sm:rounded-2xl">
1317                    <!-- Additional dark overlay only for text area -->
1318                    <div class="absolute inset-0 bg-gradient-to-t from-black/40 to-transparent rounded-xl sm:rounded-2xl"></div>
1319                    
1320                    <!-- Content (relative to be above overlay) -->
1321                    <div class="relative z-10">
1322                        <h3 class="text-white font-medium text-xs sm:text-sm md:text-lg mb-1 sm:mb-2 md:mb-3 line-clamp-2 group-hover:text-[#388e3c] transition-colors drop-shadow-lg break-words">
1323                            "Yelo Bank" kartlarında keşbek şərtləri:  
1324                                                            <span class="text-[#008000] text-xs sm:text-sm md:text-lg font-bold drop-shadow-lg">Hansı kateqoriyada neçə faiz qaytarılır?</span>
1325                                                    </h3>
1326                    </div>
1327                </div>
1328            </a>
1329                        <a href="https://valyuta.az/news/sigortali-ev-30-gun-bos-qalarsa-ne-bas-verir" 
1330               aria-label="Xəbər: Sığortalı ev 30 gün boş qalarsa, nə baş verir?"
1331               class="relative h-[120px] sm:h-[140px] md:h-[195px] lg:h-[234px] group flex-1 block min-w-0">
1332                <div class="w-full h-full relative overflow-hidden rounded-xl sm:rounded-2xl">
1333                    <img src="https://valyuta.az/storage/104318/conversions/01M3V19ZNAWTKKYKBENF1T502Z-maincard.webp" 
1334                         alt="Sığortalı ev 30 gün boş qalarsa, nə baş verir?" 
1335                         class="w-full h-full object-cover object-center absolute inset-0 group-hover:scale-105 transition-transform duration-300"
1336                         style="object-fit: cover; object-position: center;">
1337                </div>
1338                
1339                <!-- Gradient Overlay -->
1340                <div class="absolute inset-0 bg-gradient-to-t from-black/40 via-black/10 to-transparent rounded-xl sm:rounded-2xl"></div>
1341                
1342                <!-- Content Container -->
1343                <div class="absolute bottom-0 left-0 right-0 p-2 sm:p-3 md:p-4 roun
1343ded-xl sm:rounded-2xl">
1344                    <!-- Additional dark overlay only for text area -->
1345                    <div class="absolute inset-0 bg-gradient-to-t from-black/40 to-transparent rounded-xl sm:rounded-2xl"></div>
1346                    
1347                    <!-- Content (relative to be above overlay) -->
1348                    <div class="relative z-10">
1349                        <h3 class="text-white font-medium text-xs sm:text-sm md:text-lg mb-1 sm:mb-2 md:mb-3 line-clamp-2 group-hover:text-[#388e3c] transition-colors drop-shadow-lg break-words">
1350                            Sığortalı ev 30 gün boş qalarsa, nə baş verir? 
1351                                                    </h3>
1352                    </div>
1353                </div>
1354            </a>
1355                    </div>
1356    </div>
1357    <!-- Alt: Valyuta kartları tam eni tutur -->
1358    <div class="w-full overflow-hidden" x-data="currencyCalculatorV2">
1359        <!-- Loading and Status Bar -->
1360        <div class="flex items-center justify-between mb-2 px-1">
1361            <div class="flex items-center gap-2">
1362                <!-- Loading Indicator -->
1363                <div x-show="isLoading" class="flex items-center gap-1 text-xs text-blue-600">
1364                    <svg class="animate-spin h-3 w-3" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
1365                        <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
1366                        <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
1367                    </svg>
1368                    <span x-text="getLoadingStatus()"></span>
1369                </div>
1370                
1371                <!-- Success Indicator -->
1372                <div x-show="!isLoading && !error" class="flex items-center gap-1 text-xs text-green-700">
1373                    <svg class="h-3 w-3" fill="currentColor" viewBox="0 0 20 20">
1374                        <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
1375                    </svg>
1376                    <span>Canlı məzənnələr</span>
1377                </div>
1378                
1379                <!-- Error Indicator -->
1380                <div x-show="error" class="flex items-center gap-1 text-xs text-red-600">
1381                    <svg class="h-3 w-3" fill="currentColor" viewBox="0 0 20 20">
1382                        <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd"></path>
1383                    </svg>
1384                    <span x-text="error"></span>
1385                </div>
1386            </div>
1387            
1388            <!-- Last Update Time -->
1389            <div class="text-xs text-gray-500" x-text="getLastUpdate()"></div>
1390            
1391            <!-- Refresh Button -->
1392            <button @click="refreshRates()" 
1393                    aria-label="Məzənnələri yenilə"
1394                    class="text-xs text-blue-600 hover:text-blue-800 transition-colors"
1395                    :disabled="isLoading">
1396                <svg class="h-3 w-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1397                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path>
1398                </svg>
1399            </button>
1400        </div>
1401        
1402        <div class="relative">
1403            <div class="overflow-x-auto pb-2 -mx-2 px-2 sm:-mx-4 sm:px-4 md:mx-0 md:px-0">
1404                <div class="flex md:grid md:grid-cols-6 gap-2 w-full min-w-[320px] md:min-w-0">
1405                    <template x-for="(card, idx) in cards" :key="card.id">
1406                        <div class="bg-white border border-gray-200 rounded-2xl p-1.5 md:p-2 shadow-sm flex flex-col relative transition-all duration-200 min-h-[60
1406px] md:min-h-[55px] flex-shrink-0 w-[140px] sm:w-[160px] md:w-auto">
1407                            
1408                            
1409                            <div class="flex items-center gap-1 mb-0.5">
1410                                <img :src="card.flag" :alt="card.name + ' bayrağı'" class="w-5 h-3 sm:w-6 sm:h-4 md:w-6 md:h-4 rounded border border-gray-200 flex-shrink-0" />
1411                                <div class="min-w-0 flex-1">
1412                                    <div class="text-xs md:text-sm font-semibold text-gray-900 leading-tight truncate" x-text="card.code"></div>
1413                                    <div class="text-[8px] md:text-[9px] text-gray-500 font-medium leading-tight truncate" x-text="card.name"></div>
1414                                </div>
1415                            </div>
1416                            <div class="relative flex items-center justify-center mb-0.5">
1417                                <input type="text" inputmode="decimal" pattern="[0-9.,]*"
1418                                    :aria-label="card.name + ' məbləği'"
1419                                    class="w-full text-sm md:text-lg font-bold text-center text-gray-900 bg-white border border-gray-200 focus:border-gray-400 rounded-full py-0.5 px-1 md:py-0.5 md:px-1 outline-none transition-all placeholder:text-gray-300"
1420                                    x-model="card.amount"
1421                                    @input="updateAll(idx)"
1422                                    autocomplete="off" />
1423                            </div>
1424                            <div class="flex justify-between items-center text-[8px] md:text-[9px] text-gray-500 mt-auto pt-0.5">
1425                                <span x-text="card.date" class="truncate"></span>
1426                                <span class="truncate">1 AZN = <span x-text="Number(card.rate).toFixed(2)"></span> <span x-text="card.code"></span></span>
1427                            </div>
1428                        </div>
1429                    </template>
1430                    <!-- Add Card Button as Card -->
1431                    <a href="/valyuta-kalkulyatoru2" aria-label="Valyuta kalkulyatoruna keç - Daha çox valyuta" class="flex flex-col items-center justify-center bg-gradient-to-br from-[#eafaf1] to-white border-2 border-dashed border-[#00b894] rounded-2xl p-1.5 md:p-2 shadow-sm hover:shadow-md transition-all duration-200 min-h-[60px] md:min-h-[55px] group cursor-pointer flex-shrink-0 w-[140px] sm:w-[160px] md:w-auto">
1432                        <div class="flex items-center justify-center w-6 h-6 sm:w-7 sm:h-7 md:w-7 md:h-7 bg-[#00b894]/10 group-hover:bg-[#00b894]/20 rounded-full mb-0.5">
1433                            <svg class="w-3 h-3 sm:w-4 sm:h-4 md:w-5 md:h-5 text-[#00b894] group-hover:scale-110 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1434                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4" />
1435                            </svg>
1436                        </div>
1437                        <div class="text-[#00b894] font-semibold text-[9px] sm:text-[10px] md:text-xs text-center">Daha çox valyuta</div>
1438                        <div class="text-[7px] sm:text-[8px] md:text-[9px] text-gray-600 mt-0.5 md:mt-1 text-center">Kalkulyator üçün klik edin</div>
1439                    </a>
1440                </div>
1441            </div>
1442        </div>
1443    </div>
1444    <!-- Əlavə: Xəbərlər və sağ widgetlər grid-i bərpa et -->
1445    <div class="flex flex-col md:flex-row gap-6 overflow-hidden">
1446        <!-- Sol: Xəbərlər grid-i -->
1447        <div class="flex-1 min-w-0">
1448            <div class="bg-white rounded-xl">
1449                <!-- Tab Navigation -->
1450                <div class="flex items-center border-b px-4">
1451                    <div class="flex items-center min-w-0 flex-1 overflow-x-auto overflow-y-hidden scrollbar-hide">
1452                        <div class="flex items-center space-x-0 min-w-max">
1453                            <button class="px-4 py-3 text-sm font-medium text-[#2d7230] border-b-2 border-[#2d7230] -mb-[2px] whitespace-nowrap flex-shrink-0" 
1454                                    onclick="loadLatestNews()" 
1455                                    aria-label="Son xəbərlər xəbərlərini göstər"
1456                                    id="latest-news-tab">
1457                                Son xəbərlər
1458                            </button>
1459                            
1460                                                        <button class="px-4 py-3 text-sm font-medium text-gray-500 hover:text-gray-700 -mb-[2px] whitespace-nowrap flex-shrink-0" 
1461                                    onclick="loadCategoryNews(19, 'Bank')" 
1462                                    aria-label="Bank kateqoriyası xəbərlərini göstər"
1463                                    id="category-19-tab">
1464                                Bank
1465                            </button>
1466                                                        <button class="px-4 py-3 text-sm font-medium text-gray-500 hover:text-gray-700 -mb-[2px] whitespace-nowrap flex-shrink-0" 
1467                                    onclick="loadCategoryNews(20, 'Sığorta')" 
1468                                    aria-label="Sığorta kateqoriyası xəbərlərini göstər"
1469                                    id="category-20-tab">
1470                                Sığorta
1471                            </button>
1472                                                        <button class="px-4 py-3 text-sm font-medium text-gray-500 hover:text-gray-700 -mb-[2px] whitespace-nowrap flex-shrink-0" 
1473                                    onclick="loadCategoryNews(5, 'Tech &amp; AI')" 
1474                                    aria-label="Tech &amp; AI kateqoriyası xəbərlərini göstər"
1475                                    id="category-5-tab">
1476                                Tech &amp; AI
1477                            </button>
1478                                                        <button class="px-4 py-3 text-sm font-medium text-gray-500 hover:text-gray-700 -mb-[2px] whitespace-nowrap flex-shrink-0" 
1479                                    onclick="loadCategoryNews(58, 'Ofis+')" 
1480                                    aria-label="Ofis+ kateqoriyası xəbərlərini göstər"
1481                                    id="category-58-tab">
1482                                Ofis+
1483                            </button>
1484                                                    </div>
1485                    </div>
1486                    
1487                    <div class="hidden md:flex space-x-2 flex-shrink-0 ml-4">
1488                        <button onclick="toggleNewsView('grid')" aria-label="Qrid görünüşü" class="p-2 hover:bg-gray-100 rounded-lg" id="gridViewBtn">
1489                            <svg class="w-5 h-5 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1490                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z" />
1491                            </svg>
1492                        </button>
1493                        <button onclick="toggleNewsView('list')" aria-label="Siyahı görünüşü" class="p-2 hover:bg-gray-100 rounded-lg" id="listViewBtn">
1494                            <svg class="w-5 h-5 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1495                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 10
1495h16M4 14h16M4 18h16" />
1496                            </svg>
1497                        </button>
1498                    </div>
1499                </div>
1500                <!-- News Container -->
1501                <div class="p-4">
1502                    <div id="listViewContainer" class="hidden md:block">
1503                                                <a href="https://valyuta.az/news/azerbaycanda-kredit-qoyuluslari-44-milyard-manatdan-cox-artib" 
1504   class="block group bg-gray-50 rounded-xl p-2 hover:bg-gray-100 transition-all mb-4">
1505    <div class="flex gap-6">
1506        <div class="relative flex-shrink-0">
1507            <div class="w-64 h-36 rounded-xl overflow-hidden">
1508                <img src="https://valyuta.az/storage/104373/conversions/01M3XPNDV44HRA0RAYQ6MJP9ED-longcard.webp" 
1509                     alt="Azərbaycanda kredit qoyuluşları 4,4 milyard manatdan çox artıb" 
1510                     class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300">
1511            </div>
1512                    </div>
1513        <div class="flex flex-col flex-1">
1514            <!-- <div class="flex items-center gap-3 mb-3">
1515               
1516                <div class="flex items-center gap-4 text-sm text-gray-400">
1517                    <span>03.10.2026</span>
1518                    <div class="flex items-center gap-1">
1519                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1520                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
1521                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
1522                        </svg>
1523                        63
1524                    </div>
1525                </div>
1526            </div> -->
1527            <h3 class="text-lg font-medium group-hover:text-orange-500 transition-colors mb-3">
1528                                        Azərbaycanda kredit qoyuluşları 4,4 milyard manatdan çox artıb
1529                            </h3>
1530            <p class="text-gray-600 text-sm line-clamp-2 mb-4"></p>
1531        </div>
1532    </div>
1533</a>                                                 <a href="https://valyuta.az/news/avropada-data-merkezlerinde-isci-telebi-suretle-artir-maaslar-niye-daha-yuksekdir" 
1534   class="block group bg-gray-50 rounded-xl p-2 hover:bg-gray-100 transition-all mb-4">
1535    <div class="flex gap-6">
1536        <div class="relative flex-shrink-0">
1537            <div class="w-64 h-36 rounded-xl overflow-hidden">
1538                <img src="https://valyuta.az/storage/104375/conversions/01M3XQEG3Q1AYVG91R0P745TW6-longcard.webp" 
1539                     alt="Avropada data mərkəzlərində işçi tələbi sürətlə artır " 
1540                     class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300">
1541            </div>
1542                    </div>
1543        <div class="flex flex-col flex-1">
1544            <!-- <div class="flex items-center gap-3 mb-3">
1545               
1546                <div class="flex items-center gap-4 text-sm text-gray-400">
1547                    <span>03.10.2026</span>
1548                    <div class="flex items-center gap-1">
1549                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1550                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
1551                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
1552                        </svg>
1553                        169
1554                    </div>
1555                </div>
1556            </div> -->
1557            <h3 class="text-lg font-medium group-hover:text-orange-500 transition-colors mb-3">
1558                                        Avropada data mərkəzlərində işçi tələbi sürətlə artır 
1559                                    <span class="text-[#008000;]">– Maaşlar niyə daha yüksəkdir?</span>
1560                            </h3>
1561            <p class="text-gray-600 text-sm line-clamp-2 mb-4"></p>
1562        </div>
1563    </div>
1564</a>                                                 <a href="https://valyuta.az/news/xarice-sefer-sigortasinda-odenisler-313-min-manat-artib" 
1565   class="block group bg-gray-50 rounded-xl p-2 hover:bg-gray-100 transition-all mb-4">
1566    <div class="flex gap-6">
1567        <div class="relative flex-shrink-0">
1568            <div class="w-64 h-36 rounded-xl overflow-hidden">
1569                <img src="https://valyuta.az/storage/104368/conversions/01M3XN279EY40BANJWGF8BWBSH-longcard.webp" 
1570                     alt="Xaricə səfər sığortasında ödənişlər 313 min manat artıb" 
1571                     class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300">
1572            </div>
1573                    </div>
1574        <div class="flex flex-col flex-1">
1575            <!-- <div class="flex items-center gap-3 mb-3">
1576               
1577                <div class="flex items-center gap-4 text-sm text-gray-400">
1578                    <span>03.10.2026</span>
1579                    <div class="flex items-center gap-1">
1580                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1581                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
1582                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
1583                        </svg>
1584                        170
1585                    </div>
1586                </div>
1587            </div> -->
1588            <h3 class="text-lg font-medium group-hover:text-orange-500 transition-colors mb-3">
1589                                        Xaricə səfər sığortasında ödənişlər 313 min manat artıb
1590                            </h3>
1591            <p class="text-gray-600 text-sm line-clamp-2 mb-4"></p>
1592        </div>
1593    </div>
1594</a>                                                 <a href="https://valyuta.az/news/kolleksiyacilarin-gozu-bu-saatlardadir-qiymetler-diqqet-cekir" 
1595   class="block group bg-gray-50 rounded-xl p-2 hover:bg-gray-100 transition-all mb-4">
1596    <div class="flex gap-6">
1597        <div class="relative flex-shrink-0">
1598            <div class="w-64 h-36 rounded-xl overflow-hidden">
1599                <img src="https://valyuta.az/storage/104397/conversions/01M3Y4QEM84CTZXQW017905VQB-longcard.webp" 
1600                     alt="Kolleksiyaçıların gözü bu saatlardadır" 
1601                     class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300">
1602            </div>
1603                    </div>
1604        <div class="flex flex-col flex-1">
1605            <!-- <div class="flex items-center gap-3 mb-3">
1606               
1607                <div class="flex items-center gap-4 text-sm text-gray-400">
1608                    <span>03.10.2026</span>
1609                    <div class="flex items-center gap-1">
1610                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1611                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
1612                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
1613                        </svg>
1614                        185
1615                    </div>
1616                </div>
1617            </div> -->
1618            <h3 class="text-lg font-medium group-hover:text-orange-500 transition-colors mb-3">
1619                                        Kolleksiyaçıların gözü bu saatlardadır
1620                            </h3>
1621            <p class="text-gray-600 text-sm line-clamp-2 mb-4"></p>
1622        </div>
1623    </div>
1624</a>                                                 <a href="https://valyuta.az/news/bunlari-etseniz-daha-az-pul-xercleyeceksiniz-10-sade-usul" 
1625   class="block group bg-gray-50 rounded-xl p-2 hover:bg-gray-100 transition-all mb-4">
1626    <div class="flex gap-6">
1627        <div class="relative flex-shrink-0">
1628            <div class="w-64 h-36 rounded-xl overflow-hidden">
1629                <img src="https://valyuta.az/storage/104380/conversions/01M3XS9NKP1WAA7QRPN88R1M61-longcard.webp" 
1630                     alt="Bunları etsəniz, daha az pul xərcləyəcəksiniz " 
1631                     class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300">
1632            </div>
1633                    </div>
1634        <div class="flex flex-col flex-1">
1635            <!-- <div class="flex items-center gap-3 mb-3">
1636               
1637                <div class="flex items-center gap-4 text-sm text-gray-400">
1638                    <span>03.10.2026</span>
1639                    <div class="flex items-center gap-1">
1640                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1641                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
1642                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
1643                        </svg>
1644                        180
1645                    </div>
1646                </div>
1647            </div> -->
1648            <h3 class="text-lg font-medium group-hover:text-orange-500 transition-colors mb-3">
1649                                        Bunları etsəniz, daha az pul xərcləyəcəksiniz 
1650                                    <span class="text-[#008000;]">– 10 sadə üsul</span>
1651                            </h3>
1652            <p class="text-gray-600 text-sm line-clamp-2 mb-4"></p>
1653        </div>
1654    </div>
1655</a>                                                 <a href="https://valyuta.az/news/azerbaycandan-mese-findigi-ixraci-198-artib" 
1656   class="block group bg-gray-50 rounded-xl p-2 hover:bg-gray-100 transition-all mb-4">
1657    <div class="flex gap-6">
1658        <div class="relative flex-shrink-0">
1659            <div class="w-64 h-36 rounded-xl overflow-hidden">
1660                <img src="https://valyuta.az/storage/104363/conversions/01M3XKWJTWE4TTTYYB1M4R7525-longcard.webp" 
1661                     alt="Azərbaycandan meşə fındığı ixracı 19,8% artıb" 
1662                     class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300">
1663            </div>
1664                    </div>
1665        <div class="flex flex-col flex-1">
1666            <!-- <div class="flex items-center gap-3 mb-3">
1667               
1668                <div class="flex items-center gap-4 text-sm text-gray-400">
1669                    <span>03.10.2026</span>
1670                    <div class="flex items-center gap-1">
1671                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1672                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
1673                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
1674                        </svg>
1675                        204
1676                    </div>
1677                </div>
1678            </div> -->
1679            <h3 class="text-lg font-medium group-hover:text-orange-500 transition-colors mb-3">
1680                                        Azərbaycandan meşə fındığı ixracı 19,8% artıb
1681                            </h3>
1682            <p class="text-gray-600 text-sm line-clamp-2 mb-4"></p>
1683        </div>
1684    </div>
1685</a>                                                 <a href="https://valyuta.az/news/20-yaslarinizda-daha-zengin-yasamaq-ucun-ne-etmelisiniz" 
1686   class="block group bg-gray-50 rounded-xl p-2 hover:bg-gray-100 transition-all mb-4">
1687    <div class="flex gap-6">
1688        <div class="relative flex-shrink-0">
1689            <div class="w-64 h-36 rounded-xl overflow-hidden">
1690                <img src="https://valyuta.az/storage/104389/conversions/01M3Y03M749CMJ4J3QA5JDVJZ6-longcard.webp" 
1691                     alt="20 yaşlarınızda daha zəngin yaşamaq üçün nə etməlisiniz?" 
1692                     class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300">
1693            </div>
1694                    </div>
1695        <div class="flex flex-col flex-1">
1696            <!-- <div class="flex items-center gap-3 mb-3">
1697               
1698                <div class="flex items-center gap-4 text-sm text-gray-400">
1699                    <span>03.10.2026</span>
1700                    <div class="flex items-center gap-1">
1701                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1702                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
1703                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
1704                        </svg>
1705                        182
1706                    </div>
1707                </div>
1708            </div> -->
1709            <h3 class="text-lg font-medium group-hover:text-orange-500 transition-colors mb-3">
1710                                        20 yaşlarınızda daha zəngin yaşamaq üçün nə etməlisiniz?
1711                            </h3>
1712            <p class="text-gray-600 text-sm line-clamp-2 mb-4"></p>
1713        </div>
1714    </div>
1715</a>                                                 <a href="https://valyuta.az/news/morgan-stanley-kicik-terefdasliqdan-qlobal-maliyye-nehengine-geden-yol" 
1716   class="block group bg-gray-50 rounded-xl p-2 hover:bg-gray-100 transition-all mb-4">
1717    <div class="flex gap-6">
1718        <div class="relative flex-shrink-0">
1719            <div class="w-64 h-36 rounded-xl overflow-hidden">
1720                <img src="https://valyuta.az/storage/104394/conversions/01M3Y398HZATYX5WBHQPEAE43E-longc
1720ard.webp" 
1721                     alt="“Morgan Stanley”: " 
1722                     class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300">
1723            </div>
1724                    </div>
1725        <div class="flex flex-col flex-1">
1726            <!-- <div class="flex items-center gap-3 mb-3">
1727               
1728                <div class="flex items-center gap-4 text-sm text-gray-400">
1729                    <span>03.10.2026</span>
1730                    <div class="flex items-center gap-1">
1731                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1732                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
1733                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
1734                        </svg>
1735                        152
1736                    </div>
1737                </div>
1738            </div> -->
1739            <h3 class="text-lg font-medium group-hover:text-orange-500 transition-colors mb-3">
1740                                        “Morgan Stanley”: 
1741                                    <span class="text-[#008000;]">kiçik tərəfdaşlıqdan qlobal maliyyə nəhənginə gedən yol</span>
1742                            </h3>
1743            <p class="text-gray-600 text-sm line-clamp-2 mb-4"></p>
1744        </div>
1745    </div>
1746</a>                                                 <a href="https://valyuta.az/news/emek-qabiliyyeti-uzre-sigorta-odenisleri-189-min-manat-azalib" 
1747   class="block group bg-gray-50 rounded-xl p-2 hover:bg-gray-100 transition-all mb-4">
1748    <div class="flex gap-6">
1749        <div class="relative flex-shrink-0">
1750            <div class="w-64 h-36 rounded-xl overflow-hidden">
1751                <img src="https://valyuta.az/storage/104367/conversions/01M3XMQVD66761HBPGDGVN6CXC-longcard.webp" 
1752                     alt="Əmək qabiliyyəti üzrə sığorta ödənişləri 189 min manat azalıb" 
1753                     class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300">
1754            </div>
1755                    </div>
1756        <div class="flex flex-col flex-1">
1757            <!-- <div class="flex items-center gap-3 mb-3">
1758               
1759                <div class="flex items-center gap-4 text-sm text-gray-400">
1760                    <span>03.10.2026</span>
1761                    <div class="flex items-center gap-1">
1762                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1763                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
1764                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
1765                        </svg>
1766                        256
1767                    </div>
1768                </div>
1769            </div> -->
1770            <h3 class="text-lg font-medium group-hover:text-orange-500 transition-colors mb-3">
1771                                        Əmək qabiliyyəti üzrə sığorta ödənişləri 189 min manat azalıb
1772                            </h3>
1773            <p class="text-gray-600 text-sm line-clamp-2 mb-4"></p>
1774        </div>
1775    </div>
1776</a>                                                 <a href="https://valyuta.az/news/hele-tikilmeyib-amma-80-i-satilib-17-milyard-dollarliq-layihe" 
1777   class="block group bg-gray-50 rounded-xl p-2 hover:bg-gray-100 transition-all mb-4">
1778    <div class="flex gap-6">
1779        <div class="relative flex-shrink-0">
1780            <div class="w-64 h-36 rounded-xl overflow-hidden">
1781                <img src="https://valyuta.az/storage/104398/conversions/01M3Y6ZAZBYPN014XJAACAAC6H-longcard.webp" 
1782                     alt="Hələ tikilməyib, amma 80%-i satılıb: " 
1783                     class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300">
1784            </div>
1785                    </div>
1786        <div class="flex flex-col flex-1">
1787            <!-- <div class="flex items-center gap-3 mb-3">
1788               
1789                <div class="flex items-center gap-4 text-sm text-gray-400">
1790                    <span>03.10.2026</span>
1791                    <div class="flex items-center gap-1">
1792                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1793                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
1794                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
1795                        </svg>
1796                        260
1797                    </div>
1798                </div>
1799            </div> -->
1800            <h3 class="text-lg font-medium group-hover:text-orange-500 transition-colors mb-3">
1801                                        Hələ tikilməyib, amma 80%-i satılıb: 
1802                                    <span class="text-[#008000;]">1,7 milyard dollarlıq layihə</span>
1803                            </h3>
1804            <p class="text-gray-600 text-sm line-clamp-2 mb-4"></p>
1805        </div>
1806    </div>
1807</a>                                                 <a href="https://valyuta.az/news/azerbaycanda-genis-pul-kutlesi-55-milyard-manata-yaxinlasib" 
1808   class="block group bg-gray-50 rounded-xl p-2 hover:bg-gray-100 transition-all mb-4">
1809    <div class="flex gap-6">
1810        <div class="relative flex-shrink-0">
1811            <div class="w-64 h-36 rounded-xl overflow-hidden">
1812                <img src="https://valyuta.az/storage/104371/conversions/01M3XNK0WC8BCG3513SY9R34SV-longcard.webp" 
1813                     alt="Azərbaycanda geniş pul kütləsi 55 milyard manata yaxınlaşıb" 
1814                     class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300">
1815            </div>
1816                    </div>
1817        <div class="flex flex-col flex-1">
1818            <!-- <div class="flex items-center gap-3 mb-3">
1819               
1820                <div class="flex items-center gap-4 text-sm text-gray-400">
1821                    <span>03.10.2026</span>
1822                    <div class="flex items-center gap-1">
1823                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1824                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
1825                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
1826                        </svg>
1827                        279
1828                    </div>
1829                </div>
1830            </div> -->
1831            <h3 class="text-lg font-medium group-hover:text-orange-500 transition-colors mb-3">
1832                                        Azərbaycanda geniş pul kütləsi 55 milyard manata yaxınlaşıb
1833                            </h3>
1834            <p class="text-gray-600 text-sm line-clamp-2 mb-4"></p>
1835        </div>
1836    </div>
1837</a>                                                 <a href="https://valyuta.az/news/qizilin-qiymeti-4-200-dollardan-asagi-enib" 
1838   class="block group bg-gray-50 rounded-xl p-2 hover:bg-gray-100 transition-all mb-4">
1839    <div class="flex gap-6">
1840        <div class="relative flex-shrink-0">
1841            <div class="w-64 h-36 rounded-xl overflow-hidden">
1842                <img src="https://valyuta.az/storage/104416/conversions/01M406WRPSMHYCE3GNFDKBX0VG-longcard.webp" 
1843                     alt="Qızılın qiyməti 4 200 dollardan aşağı enib" 
1844                     class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300">
1845            </div>
1846                    </div>
1847        <div class="flex flex-col flex-1">
1848            <!-- <div class="flex items-center gap-3 mb-3">
1849               
1850                <div class="flex items-center gap-4 text-sm text-gray-400">
1851                    <span>03.10.2026</span>
1852                    <div class="flex items-center gap-1">
1853                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1854                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
1855                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
1856                        </svg>
1857                        419
1858                    </div>
1859                </div>
1860            </div> -->
1861            <h3 class="text-lg font-medium group-hover:text-orange-500 transition-colors mb-3">
1862                                        Qızılın qiyməti 4 200 dollardan aşağı enib
1863                            </h3>
1864            <p class="text-gray-600 text-sm line-clamp-2 mb-4"></p>
1865        </div>
1866    </div>
1867</a>                                                 <a href="https://valyuta.az/news/wikimedia-rehberi-biz-xeyriyye-istemirik" 
1868   class="block group bg-gray-50 rounded-xl p-2 hover:bg-gray-100 transition-all mb-4">
1869    <div class="flex gap-6">
1870        <div class="relative flex-shrink-0">
1871            <div class="w-64 h-36 rounded-xl overflow-hidden">
1872                <img src="https://valyuta.az/storage/104388/conversions/01M3XZNZGVD47SMRX7BZG468X8-longcard.webp" 
1873                     alt="“Wikimedia” rəhbəri: " 
1874                     class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300">
1875            </div>
1876                    </div>
1877        <div class="flex flex-col flex-1">
1878            <!-- <div class="flex items-center gap-3 mb-3">
1879               
1880                <div class="flex items-center gap-4 text-sm text-gray-400">
1881                    <span>03.10.2026</span>
1882                    <div class="flex items-center gap-1">
1883                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1884                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
1885                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
1886                        </svg>
1887                        174
1888                    </div>
1889                </div>
1890            </div> -->
1891            <h3 class="text-lg font-medium group-hover:text-orange-500 transition-colors mb-3">
1892                                        “Wikimedia” rəhbəri: 
1893                                    <span class="text-[#008000;]">“Biz xeyriyyə istəmirik”</span>
1894                            </h3>
1895            <p class="text-gray-600 text-sm line-clamp-2 mb-4"></p>
1896        </div>
1897    </div>
1898</a>                                                 <a href="https://valyuta.az/news/ozunden-daha-guclu-iscini-komandaya-getirmek-rehber-ucun-riskdirmi-ekspert" 
1899   class="block group bg-gray-50 rounded-xl p-2 hover:bg-gray-100 transition-all mb-4">
1900    <div class="flex gap-6">
1901        <div class="relative flex-shrink-0">
1902            <div class="w-64 h-36 rounded-xl overflow-hidden">
1903                <img src="https://valyuta.az/storage/104372/conversions/01M3XP97ZERAMW30KV6M3M76FE-longcard.webp" 
1904                     alt="&quot;Yaxşı rəhbər özündən güclü insanlarla işləyə bilməlidir&quot;" 
1905                     class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300">
1906            </div>
1907                    </div>
1908        <div class="flex flex-col flex-1">
1909            <!-- <div class="flex items-center gap-3 mb-3">
1910               
1911                <div class="flex items-center gap-4 text-sm text-gray-400">
1912                    <span>03.10.2026</span>
1913                    <div class="flex items-center gap-1">
1914                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1915                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
1916                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
1917                        </svg>
1918                        277
1919                    </div>
1920                </div>
1921            </div> -->
1922            <h3 class="text-lg font-medium group-hover:text-orange-500 transition-colors mb-3">
1923                                        "Yaxşı rəhbər özündən güclü insanlarla işləyə bilməlidir"
1924                                    <span class="text-[#008000;]">- Ekspert</span>
1925                            </h3>
1926            <p class="text-gray-600 text-sm line-clamp-2 mb-4"></p>
1927        </div>
1928    </div>
1929</a>                                                 <a href="https://valyuta.az/news/sahibkarlarin-oxumali-oldugu-kitablar-siyahi" 
1930   class="block group bg-gray-50 rounded-xl p-2 hover:bg-gray-100 transition-all mb-4">
1931    <div class="flex gap-6">
1932        <div class="relative flex-shrink-0">
1933            <div class="w-64 h-36 rounded-xl overflow-hidden">
1934                <img src="https://valyuta.az/storage/104377/conversions/01M3XR8QPHXWBABFWP4AZSVCXZ-longcard.webp" 
1935                     alt="Sahibkarların oxumalı olduğu kitablar" 
1936                     class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300">
1937            </div>
1938                    </div>
1939        <div class="flex flex-col flex-1">
1940            <!-- <div class="flex items-center gap-3 mb-3">
1941               
1942                <div class="flex items-center gap-4 text-sm text-gray-400">
1943                    <span>03.10.2026</span>
1944                    <div class="flex items-center gap-1">
1945                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1946                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
1947                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
1948                        </svg>
1949                        190
1950                    </div>
1951                </div>
1952            </div> -->
1953            <h3 class="text-lg font-medium group-hover:text-orange-500 transition-colors mb-3">
1954                                        Sahibkarların oxumalı olduğu kitablar
1955                                    <span class="text-[#008000;]">– SİYAHI</span>
1956                            </h3>
1957            <p class="text-gray-600 text-sm line-clamp-2 mb-4"></p>
1958        </div>
1959    </div>
1960</a>                                                 <a href="https://valyuta.az/news/novartis-cinin-abogen-sirketi-ile-78-milyard-dollarliq-sazis-imzalayib" 
1961   class="block group bg-gray-50 rounded-xl p-2 hover:bg-gray-100 transition-all mb-4">
1962    <div class="flex gap-6">
1963        <div class="relative flex-shrink-0">
1964            <div class="w-64 h-36 rounded-xl overflow-hidden">
1965                <img src="https://valyuta.az/storage/104387/conversions/01M3XYZF9R1SA1T7CY1CQ180Q9-longcard.webp" 
1966                     alt="“Novartis” Çinin “Abogen” şirkəti ilə 7,8 milyard dollarlıq saziş imzalayıb" 
1967                     class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300">
1968            </div>
1969                    </div>
1970        <div class="flex flex-col flex-1">
1971            <!-- <div class="flex items-center gap-3 mb-3">
1972               
1973                <div class="flex items-center gap-4 text-sm text-gray-400">
1974                    <span>02.10.2026</span>
1975                    <div class="flex items-center gap-1">
1976                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1977                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
1978                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
1979                        </svg>
1980                        128
1981                    </div>
1982                </div>
1983            </div> -->
1984            <h3 class="text-lg font-medium group-hover:text-orange-500 transition-colors mb-3">
1985                                        “Novartis” Çinin “Abogen” şirkəti ilə 7,8 milyard dollarlıq saziş imzalayıb
1986                            </h3>
1987            <p class="text-gray-600 text-sm line-clamp-2 mb-4"></p>
1988        </div>
1989    </div>
1990</a>                                                 <!-- Loading indicator for list view -->
1991                        <div id="listViewLoading" class="hidden">
1992                            <!-- Skeleton loading cards for list view -->
1993                            <div class="space-y-4">
1994                                                                <div class="bg-gray-50 rounded-xl overflow-hidden border border-gray-50 animate-pulse">
1995                                    <div class="flex gap-4 p-3">
1996                                        <!-- Skeleton image with standard dimensions -->
1997                                        <div class="flex-shrink-0 w-24 h-16 bg-gray-200 rounded-lg"></div>
1998                                        <div class="flex-1 space-y-2">
1999                                            <div class="flex items-center gap-2">
2000                                                <div class="w-16 h-4 bg-gray-200 rounded-full"></div>
2001                                                <div class="w-20 h-4 bg-gray-200 rounded-full"></div>
2002                                            </div>
2003                                            <div class="space-y-1">
2004                                                <div class="w-full h-4 bg-gray-200 rounded"></div>
2005                                                <div class="w-3/4 h-4 bg-gray-200 rounded"></div>
2006                                            </div>
2007                                            <div class="flex items-center gap-2">
2008                                                <div class="w-4 h-4 bg-gray-200 rounded"></div>
2009                                                <div class="w-16 h-4 bg-gray-200 rounded-full"></div>
2010                                            </div>
2011                                        </div>
2012                                    </div>
2013                                </div>
2014                                                                <div class="bg-gray-50 rounded-xl overflow-hidden border border-gray-50 animate-pulse">
2015                                    <div class="flex gap-4 p-3">
2016                                        <!-- Skeleton image with standard dimensions -->
2017                                        <div class="flex-shrink-0 w-24 h-16 bg-gray-200 rounded-lg"></div>
2018                                        <div class="flex-1 space-y-2">
2019                                            <div class="flex items-center gap-2">
2020                                                <div class="w-16 h-4 bg-gray-200 rounded-full"></div>
2021                                                <div class="w-20 h-4 bg-gray-200 rounded-full"></div>
2022                                            </div>
2023                                            <div class="space-y-1">
2024                                                <div class="w-full h-4 bg-gray-200 rounded"></div>
2025                                                <div class="w-3/4 h-4 bg-gray-200 rounded"></div>
2026                                            </div>
2027                                            <div class="flex items-center gap-2">
2028                                                <div class="w-4 h-4 bg-gray-200 rounded"></div>
2029                                                <div class="w-16 h-4 bg-gray-200 rounded-full"></div>
2030                                            </div>
2031                                        </div>
2032                                    </div>
2033                                </div>
2034                                                                <div class="bg-gray-50 rounded-xl overflow-hidden border border-gray-50 animate-pulse">
2035                                    <div class="flex gap-4 p-3">
2036                                        <!-- Skeleton image with standard dimensions -->
2037                                        <div class="flex-shrink-0 w-24 h-16 bg-gray-200 rounded-lg"></div>
2038                                        <div class="flex-1 space-y-2">
2039                                            <div class="flex items-center gap-2">
2040                                                <div class="w-16 h-4 bg-gray-200 rounded-full"></div>
2041                                                <div class="w-20 h-4 bg-gray-200 rounded-full"></div>
2042                                            </div>
2043                                            <div class="space-y-1">
2044                                                <div class="w-full h-4 bg-gray-200 rounded"></div>
2045                                                <div class="w-3/4 h-4 bg-gray-200 rounded"></div>
2046                                            </div>
2047                                            <div class="flex items-center gap-2">
2048                                                <div class="w-4 h-4 bg-gray-200 rounded"></div>
2049                                                <div class="w-16 h-4 bg-gray-200 rounded-full"></div>
2050                                            </div>
2051                                        </div>
2052                                    </div>
2053                                </div>
2054                                                                <div class="bg-gray-50 rounded-xl overflow-hidden border border-gray-50 animate-pulse">
2055                                    <div class="flex gap-4 p-3">
2056                                        <!-- Skeleton image with standard dimensions -->
2057                                        <div class="flex-shrink-0 w-24 h-16 bg-gray-200 rounded-lg"></div>
2058                                        <div class="flex-1 space-y-2">
2059                                            <div class="flex items-center gap-2">
2060                                                <div class="w-16 h-4 bg-gray-200 rounded-full"></div>
2061                                                <div class="w-20 h-4 bg-gray-200 rounded-full"></div>
2062                                            </div>
2063                                            <div class="space-y-1">
2064                                                <div class="w-full h-4 bg-gray-200 rounded"></div>
2065                                                <div class="w-3/4 h-4 bg-gray-200 rounded"></div>
2066                                            </div>
2067                                            <div class="flex items-center gap-2">
2068                                                <div class="w-4 h-4 bg-gray-200 rounded"></div>
2069                                                <div class="w-16 h-4 bg-gray-200 rounded-full"></div>
2070                                            </div>
2071                                        </div>
2072                                    </div>
2073                                </div>
2074                                                                <div class="bg-gray-50 rounded-xl overflow-hidden border border-gray-50 animate-pulse">
2075                                    <div class="flex gap-4 p-3">
2076                                        <!-- Skeleton image with standard dimensions -->
2077                                        <div class="flex-shrink-0 w-24 h-16 bg-gray-200 rounded-lg"></div>
2078                                        <div class="flex-1 space-y-2">
2079                                            <div class="flex items-center gap-2">
2080                                                <div class="w-16 h-4 bg-gray-200 rounded-full"></div>
2081                                                <div class="w-20 h-4 bg-gray-200 rounded-full"></div>
2082                                            </div>
2083                                            <div class="space-y-1">
2084                                                <div class="w-full h-4 bg-gray-200 rounded"></div>
2085                                                <div class="w-3/4 h-4 bg-gray-200 rounded"></div>
2086                                            </div>
2087                                            <div class="flex items-center gap-2">
2088                                                <div class="w-4 h-4 bg-gray-200 rounded"></div>
2089                                                <div class="w-16 h-4 bg-gray-200 rounded-full"></div>
2090                                            </div>
2091                                        </div>
2092                                    </div>
2093                                </div>
2094                                                            </div>
2095                        </div>
2096                    </div>
2097                    <div id="gridViewContainer" class="block md:hidden grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
2098                                                                                <a href="https://valyuta.az/news/azerbaycanda-kredit-qoyuluslari-44-milyard-manatdan-cox-artib" 
2099   class="block group bg-gray-50 rounded-xl overflow-hidden hover:bg-gray-100 transition-all border border-gray-50"
2100   style="border-color: #f9fafb;"
2101   data-news-card="true">
2102    <div class="relative aspect-video">
2103        <img src="https://valyuta.az/storage/104373/conversions/01M3XPNDV44HRA0RAYQ6MJP9ED-maincard.webp" 
2104             alt="Azərbaycanda kredit qoyuluşları 4,4 milyard manatdan çox artıb" 
2105             class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300">
2106            
2107    </div>
2108    <div class="p-3">
2109        <div class="flex items-center justify-between mb-4 text-sm text-gray-500">
2110            <div class="flex items-center gap-2">
2111                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2112                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
2113                </svg>
2114                03.10.2026
2115            </div>
2116            <!-- <div class="flex items-center gap-2">
2117                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2118                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
2119                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
2120                </svg>
2121                63
2122            </div> -->
2123        </div>
2124        <h3 class="font-medium text-xl md:text-base group-hover:text-[#2d7230] transition-colors line-clamp-3 min-h-[4.5rem]">
2125                                    Azərbaycanda kredit qoyuluşları 4,4 milyard manatdan çox artıb
2126                    </h3>
2127    </div>
2128</a>                                                                                 <a href="https://valyuta.az/news/avropada-data-merkezlerinde-isci-telebi-suretle-artir-maaslar-niye-daha-yuksekdir" 
2129   class="block group bg-gray-50 rounded-xl overflow-hidden hover:bg-gray-100 transition-all border border-gray-50"
2130   style="border-color: #f9fafb;"
2131   data-news-card="true">
2132    <div class="relative aspect-video">
2133        <img src="https://valyuta.az/storage/104375/conversions/01M3XQEG3Q1AYVG91R0P745TW6-maincard.webp" 
2134             alt="Avropada data mərkəzlərində işçi tələbi sürətlə artır " 
2135             class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300">
2136            
2137    </div>
2138    <div class="p-3">
2139        <div class="flex items-center justify-between mb-4 text-sm text-gray-500">
2140            <div class="flex items-center gap-2">
2141                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2142                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
2143                </svg>
2144                03.10.2026
2145            </div>
2146            <!-- <div class="flex items-center gap-2">
2147                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2148                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
2149                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
2150                </svg>
2151                169
2152            </div> -->
2153        </div>
2154        <h3 class="font-medium text-xl md:text-base group-hover:text-[#2d7230] transition-colors line-clamp-3 min-h-[4.5rem]">
2155                                    Avropada data mərkəzlərində işçi tələbi sürətlə artır 
2156                            <span class="text-[#008000]">– Maaşlar niyə daha yüksəkdir?</span>
2157                    </h3>
2158    </div>
2159</a>                                                                                 <a href="https://valyuta.az/news/xarice-sefer-sigortasinda-odenisler-313-min-manat-artib" 
2160   class="block group bg-gray-50 rounded-xl overflow-hidden hover:bg-gray-100 transition-all border border-gray-50"
2161   style="border-color: #f9fafb;"
2162   data-news-card="true">
2163    <div class="relative aspect-video">
2164        <img src="https://valyuta.az/storage/104368/conversions/01M3XN279EY40BANJWGF8BWBSH-maincard.webp" 
2165             alt="Xaricə səfər sığortasında ödənişlər 313 min manat artıb" 
2166             class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300">
2167            
2168    </div>
2169    <div class="p-3">
2170        <div class="flex items-center justify-between mb-4 text-sm text-gray-500">
2171            <div class="flex items-center gap-2">
2172                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2173                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
2174                </svg>
2175                03.10.2026
2176            </div>
2177            <!-- <div class="flex items-center gap-2">
2178                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2179                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
2180                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
2181                </svg>
2182                170
2183            </div> -->
2184        </div>
2185        <h3 class="font-medium text-xl md:text-base group-hover:text-[#2d7230] transition-colors line-clamp-3 min-h-[4.5rem]">
2186                                    Xaricə səfər sığortasında ödənişlər 313 min manat artıb
2187                    </h3>
2188    </div>
2189</a>                                                                                 <div class="block md:hidden bg-white rounded-xl border border-gray-100">
2190                                <!-- Writers Section -->
2191<div class="bg-white rounded-xl p-3">
2192    <!-- Header with title and navigation -->
2193    <div class="flex items-center justify-between mb-4 mt-2">
2194        <h2 class="text-lg font-bold text-gray-800">
2195            Köşə yazıları
2196        </h2>
2197        <div class="flex gap-1">
2198            <button onclick="prevWriter('default')" 
2199                    class="w-7 h-7 bg-gray-50 rounded flex items-center justify-center text-gray-500 hover:bg-[#388e3c]/10 hover:text-[#388e3c] transition-colors">
2200                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2201                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/>
2202                </svg>
2203            </button>
2204            <button onclick="nextWriter('default')" 
2205                    class="w-7 h-7 bg-gray-50 rounded flex items-center justify-center text-gray-500 hover:bg-[#388e3c]/10 hover:text-[#388e3c] transition-colors">
2206                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2207                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
2208                </svg>
2209            </button>
2210        </div>
2211    </div>
2212    
2213    <!-- Writers Carousel -->
2214    <div class="overflow-hidden">
2215        <div class="flex transition-transform duration-300 ease-in-out" id="writersContainer_default">
2216                        <div class="min-w-full">
2217                <!-- Writer Profile and Article -->
2218                <div class="flex gap-3">
2219                    <div class="flex-shrink-0">
2220                        <a href="https://valyuta.az/author/gunel-agazade" class="block">
2221                            <img src="https://valyuta.az/storage/authors/103975/conversions/01M31ZP92HJ94Q1NVB7PPNKS
22217D-default.jpg" 
2222                                 alt="Günel Ağazadə " 
2223                                 class="w-16 h-16 rounded-lg object-cover border border-gray-100">
2224                        </a>
2225                    </div>
2226                    <div class="flex-grow">
2227                        <div class="mb-1">
2228                            <a href="https://valyuta.az/author/gunel-agazade" class="block">
2229                                <h3 class="text-base font-bold text-[#388e3c] border-b border-[#388e3c]/20 pb-1 hover:text-[#2d7230] transition-colors">
2230                                    Günel Ağazadə 
2231                                </h3>
2232                            </a>
2233                        </div>
2234                        <h4 class="text-sm font-medium text-gray-900 mb-1 line-clamp-2">
2235                            <a href="https://valyuta.az/news/sirketinin-musterisi-insan-yox-suni-intellekt-agenti-olsa-yene-de-satis-ede-biler" class="hover:text-[#388e3c] transition-colors">
2236                                "Şirkətinin müştərisi insan yox, süni intellekt agenti olsa, yenə də satış edə bilər?”
2237                            </a>
2238                        </h4>
2239                        <div class="flex items-center justify-between">
2240                            <span class="text-xs text-gray-400">
2241                                17.09.2026
2242                            </span>
2243                        </div>
2244                    </div>
2245                </div>
2246            </div>
2247                        <div class="min-w-full">
2248                <!-- Writer Profile and Article -->
2249                <div class="flex gap-3">
2250                    <div class="flex-shrink-0">
2251                        <a href="https://valyuta.az/author/vuqar-baba" class="block">
2252                            <img src="https://valyuta.az/storage/authors/170/conversions/1730099567_462363749_843121467984678_3003252572227366788_n-Recovered-default.jpg" 
2253                                 alt="Vüqar Baba" 
2254                                 class="w-16 h-16 rounded-lg object-cover border border-gray-100">
2255                        </a>
2256                    </div>
2257                    <div class="flex-grow">
2258                        <div class="mb-1">
2259                            <a href="https://valyuta.az/author/vuqar-baba" class="block">
2260                                <h3 class="text-base font-bold text-[#388e3c] border-b border-[#388e3c]/20 pb-1 hover:text-[#2d7230] transition-colors">
2261                                    Vüqar Baba
2262                                </h3>
2263                            </a>
2264                        </div>
2265                        <h4 class="text-sm font-medium text-gray-900 mb-1 line-clamp-2">
2266                            <a href="https://valyuta.az/news/bank-respublika-accessbanki-alir-musterilere-neleri-aciqlamalidirlar" class="hover:text-[#388e3c] transition-colors">
2267                                "Bank Respublika" "AccessBank"ı alır - Müştərilərə nələri açıqlamalıdırlar?
2268                            </a>
2269                        </h4>
2270                        <div class="flex items-center justify-between">
2271                            <span class="text-xs text-gray-400">
2272                                14.09.2026
2273                            </span>
2274                        </div>
2275                    </div>
2276                </div>
2277            </div>
2278                        <div class="min-w-full">
2279                <!-- Writer Profile and Article -->
2280                <div class="flex gap-3">
2281                    <div class="flex-shrink-0">
2282                        <a href="https://valyuta.az/author/xeyyam-esgerov" class="block">
2283                            <img src="https://valyuta.az/storage/authors/99806/conversions/01KSHKNYZ8H2QQT9BKRGMM9EG7-default.jpg" 
2284                                 alt="Xəyyam Əsgərov" 
2285                                 class="w-16 h-16 rounded-lg object-cover border border-gray-100">
2286                        </a>
2287                    </div>
2288                    <div class="flex-grow">
2289                        <div class="mb-1">
2290                            <a href="https://valyuta.az/author/xeyyam-esgerov" class="block">
2291                                <h3 class="text-base font-bold text-[#388e3c] border-b border-[#388e3c]/20 pb-1 hover:text-[#2d7230] transition-colors">
2292                                    Xəyyam Əsgərov
2293                                </h3>
2294                            </a>
2295                        </div>
2296                        <h4 class="text-sm font-medium text-gray-900 mb-1 line-clamp-2">
2297                            <a href="https://valyuta.az/news/insani-suni-intellektin-geleceyine-kim-hazirlayir" class="hover:text-[#388e3c] transition-colors">
2298                                İnsanı süni intellektin gələcəyinə kim hazırlayır?
2299                            </a>
2300                        </h4>
2301                        <div class="flex items-center justify-between">
2302                            <span class="text-xs text-gray-400">
2303                                10.09.2026
2304                            </span>
2305                        </div>
2306                    </div>
2307                </div>
2308            </div>
2309                        <div class="min-w-full">
2310                <!-- Writer Profile and Article -->
2311                <div class="flex gap-3">
2312                    <div class="flex-shrink-0">
2313                        <a href="https://valyuta.az/author/ferid-musayev" class="block">
2314                            <img src="https://valyuta.az/storage/authors/103600/conversions/01M256AMTPM9PDJM4YTZ44WV83-default.jpg" 
2315                                 alt="Fərid Musayev" 
2316                                 class="w-16 h-16 rounded-lg object-cover border border-gray-100">
2317                        </a>
2318                    </div>
2319                    <div class="flex-grow">
2320                        <div class="mb-1">
2321                            <a href="https://valyuta.az/author/ferid-musayev" class="block">
2322                                <h3 class="text-base font-bold text-[#388e3c] border-b border-[#388e3c]/20 pb-1 hover:text-[#2d7230] transition-colors">
2323                                    Fərid Musayev
2324                                </h3>
2325                            </a>
2326                        </div>
2327                        <h4 class="text-sm font-medium text-gray-900 mb-1 line-clamp-2">
2328                            <a href="https://valyuta.az/news/evvel-qazandirir-sonra-pulunuzu-alirlar-deleduzlar-bele-isleyir" class="hover:text-[#388e3c] transition-colors">
2329                                Əvvəl qazandırır, sonra pulunuzu alırlar - Dələduzlar belə işləyir
2330                            </a>
2331                        </h4>
2332                        <div class="flex items-center justify-between">
2333                            <span class="text-xs text-gray-400">
2334                                10.09.2026
2335                            </span>
2336                        </div>
2337                    </div>
2338                </div>
2339            </div>
2340                        <div class="min-w-full">
2341                <!-- Writer Profile and Article -->
2342                <div class="flex gap-3">
2343                    <div class="flex-shrink-0">
2344                        <a href="https://valyuta.az/author/aida-ramiz" class="block">
2345                            <img src="https://valyuta.az/storage/authors/174/conversions/1731994583_0ec670e4-2668-4e0d-83f6-22ef8d29a4c0-default.jpg" 
2346                                 alt="Aida Ramiz" 
2347                                 class="w-16 h-16 rounded-lg object-cover border border-gray-100">
2348                        </a>
2349                    </div>
2350                    <div class="flex-grow">
2351                        <div class="mb-1">
2352                            <a href="https://valyuta.az/author/aida-ramiz" class="block">
2353                                <h3 class="text-base font-bold text-[#388e3c] border-b border-[#388e3c]/20 pb-1 hover:text-[#2d7230] transition-colors">
2354                                    Aida Ramiz
2355                                </h3>
2356                            </a>
2357                        </div>
2358                        <h4 class="text-sm font-medium text-gray-900 mb-1 line-clamp-2">
2359                            <a href="https://valyuta.az/news/mediada-heddinden-artiq-gorunen-ceo-sirketi-kolgede-qoya-biler-ekspert" class="hover:text-[#388e3c] transition-colors">
2360                                “Mediada həddindən artıq görünən CEO şirkəti kölgədə qoya bilər”
2361                            </a>
2362                        </h4>
2363                        <div class="flex items-center justify-between">
2364                            <span class="text-xs text-gray-400">
2365                                24.08.2026
2366                            </span>
2367                        </div>
2368                    </div>
2369                </div>
2370            </div>
2371                    </div>
2372    </div>
2373    
2374    <!-- Dots Navigation -->
2375        <div class="flex justify-center gap-1 mt-3">
2376                <button onclick="goToWriter('default', 0)" 
2377                id="writerDot_default_0"
2378                class="h-1 rounded-full transition-all duration-300 w-6 bg-[#388e3c]">
2379        </button>
2380                <button onclick="goToWriter('default', 1)" 
2381                id="writerDot_default_1"
2382                class="h-1 rounded-full transition-all duration-300 w-1.5 bg-gray-200">
2383        </button>
2384                <button onclick="goToWriter('default', 2)" 
2385                id="writerDot_default_2"
2386                class="h-1 rounded-full transition-all duration-300 w-1.5 bg-gray-200">
2387        </button>
2388                <button onclick="goToWriter('default', 3)" 
2389                id="writerDot_default_3"
2390                class="h-1 rounded-full transition-all duration-300 w-1.5 bg-gray-200">
2391        </button>
2392                <button onclick="goToWriter('default', 4)" 
2393                id="writerDot_default_4"
2394                class="h-1 rounded-full transition-all duration-300 w-1.5 bg-gray-200">
2395        </button>
2396            </div>
2397        
2398    <!-- Navigation Buttons -->
2399    <div class="mt-2 pt-1 border-t border-gray-100">
2400        <div class="flex items-center gap-3">
2401            <a href="https://valyuta.az/kose-yazilari" 
2402               class="flex-1 text-center text-sm text-[#388e3c] hover:text-[#2d7230] font-medium py-1 px-2 rounded-lg hover:bg-[#388e3c]/5 transition-all duration-200">
2403                MƏQALƏLƏR
2404            </a>
2405            <div class="w-px h-6 bg-gray-300"></div>
2406            <a href="https://valyuta.az/authors" 
2407               class="flex-1 text-center text-sm text-[#388e3c] hover:text-[#2d7230] font-medium py-1 px-2 rounded-lg hover:bg-[#388e3c]/5 transition-all duration-200">
2408                YAZARLAR
2409            </a>
2410        </div>
2411    </div>
2412</div>
2413
2414<script>
2415// Initialize writers data for this instance
2416if (typeof window.writersData === 'undefined') {
2417    window.writersData = {};
2418}
2419
2420window.writersData['default'] = {
2421    currentWriter: 0,
2422    totalWriters: 5,
2423    slideInterval: null
2424};
2425
2426function updateWriterSlide(instance) {
2427    const data = window.writersData[instance];
2428    const container = document.getElementById(`writersContainer_${instance}`);
2429    container.style.transform = `translateX(-${data.currentWriter * 100}%)`;
2430
2431    // Update dots
2432    for (let i = 0; i < data.totalWriters; i++) {
2433        const dot = document.getElementById(`writerDot_${instance}_${i}`);
2434        if (dot) { // Add null check to prevent error
2435            if (i === data.currentWriter) {
2436                dot.className = 'h-1 rounded-full transition-all duration-300 w-6 bg-[#388e3c]';
2437            } else {
2438                dot.className = 'h-1 rounded-full transition-all duration-300 w-1.5 bg-gray-200';
2439            }
2440        }
2441    }
2442}
2443
2444function prevWriter(instance) {
2445    const data = window.writersData[instance];
2446    data.currentWriter = (data.currentWriter - 1 + data.totalWriters) % data.totalWriters;
2447    updateWriterSlide(instance);
2448    resetInterval(instance);
2449}
2450
2451function nextWriter(instance) {
2452    const data = window.writersData[instance];
2453    data.currentWriter = (data.currentWriter + 1) % data.totalWriters;
2454    updateWriterSlide(instance);
2455    resetInterval(instance);
2456}
2457
2458function goToWriter(instance, index) {
2459    const data = window.writersData[instance];
2460    data.currentWriter = index;
2461    updateWriterSlide(instance);
2462    resetInterval(instance);
2463}
2464
2465function startAutoSlide(instance) {
2466    const data = window.writersData[instance];
2467    data.slideInterval = setInterval(() => {
2468        nextWriter(instance);
2469    }, 5000);
2470}
2471
2472function resetInterval(instance) {
2473    const data = window.writersData[instance];
2474    clearInterval(data.slideInterval);
2475    startAutoSlide(instance);
2476}
2477
2478// Start automatic sliding when the page loads
2479document.addEventListener('DOMContentLoaded', () => {
2480    startAutoSlide('default');
2481    updateWriterSlide('default');
2482    // Add hover events for this instance
2483    const container = document.getElementById(`writersContainer_default`);
2484    container.addEventListener('mouseenter', () => {
2485        clearInterval(window.writersData['default'].slideInterval);
2486    });
2487    container.addEventListener('mouseleave', () => {
2488        startAutoSlide('default');
2489    });
2490});
2491</script>
2491                            </div>
2492                                                        <a href="https://valyuta.az/news/kolleksiyacilarin-gozu-bu-saatlardadir-qiymetler-diqqet-cekir" 
2493   class="block group bg-gray-50 rounded-xl overflow-hidden hover:bg-gray-100 transition-all border border-gray-50"
2494   style="border-color: #f9fafb;"
2495   data-news-card="true">
2496    <div class="relative aspect-video">
2497        <img src="https://valyuta.az/storage/104397/conversions/01M3Y4QEM84CTZXQW017905VQB-maincard.webp" 
2498             alt="Kolleksiyaçıların gözü bu saatlardadır" 
2499             class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300">
2500            
2501    </div>
2502    <div class="p-3">
2503        <div class="flex items-center justify-between mb-4 text-sm text-gray-500">
2504            <div class="flex items-center gap-2">
2505                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2506                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
2507                </svg>
2508                03.10.2026
2509            </div>
2510            <!-- <div class="flex items-center gap-2">
2511                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2512                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
2513                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
2514                </svg>
2515                185
2516            </div> -->
2517        </div>
2518        <h3 class="font-medium text-xl md:text-base group-hover:text-[#2d7230] transition-colors line-clamp-3 min-h-[4.5rem]">
2519                                    Kolleksiyaçıların gözü bu saatlardadır
2520                    </h3>
2521    </div>
2522</a>                                                                                 <a href="https://valyuta.az/news/bunlari-etseniz-daha-az-pul-xercleyeceksiniz-10-sade-usul" 
2523   class="block group bg-gray-50 rounded-xl overflow-hidden hover:bg-gray-100 transition-all border border-gray-50"
2524   style="border-color: #f9fafb;"
2525   data-news-card="true">
2526    <div class="relative aspect-video">
2527        <img src="https://valyuta.az/storage/104380/conversions/01M3XS9NKP1WAA7QRPN88R1M61-maincard.webp" 
2528             alt="Bunları etsəniz, daha az pul xərcləyəcəksiniz " 
2529             class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300">
2530            
2531    </div>
2532    <div class="p-3">
2533        <div class="flex items-center justify-between mb-4 text-sm text-gray-500">
2534            <div class="flex items-center gap-2">
2535                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2536                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
2537                </svg>
2538                03.10.2026
2539            </div>
2540            <!-- <div class="flex items-center gap-2">
2541                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2542                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
2543                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
2544                </svg>
2545                180
2546            </div> -->
2547        </div>
2548        <h3 class="font-medium text-xl md:text-base group-hover:text-[#2d7230] transition-colors line-clamp-3 min-h-[4.5rem]">
2549                                    Bunları etsəniz, daha az pul xərcləyəcəksiniz 
2550                            <span class="text-[#008000]">– 10 sadə üsul</span>
2551                    </h3>
2552    </div>
2553</a>                                                                                 <a href="https://valyuta.az/news/azerbaycandan-mese-findigi-ixraci-198-artib" 
2554   class="block group bg-gray-50 rounded-xl overflow-hidden hover:bg-gray-100 transition-all border border-gray-50"
2555   style="border-color: #f9fafb;"
2556   data-news-card="true">
2557    <div class="relative aspect-video">
2558        <img src="https://valyuta.az/storage/104363/conversions/01M3XKWJTWE4TTTYYB1M4R7525-maincard.webp" 
2559             alt="Azərbaycandan meşə fındığı ixracı 19,8% artıb" 
2560             class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300">
2561            
2562    </div>
2563    <div class="p-3">
2564        <div class="flex items-center justify-between mb-4 text-sm text-gray-500">
2565            <div class="flex items-center gap-2">
2566                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2567                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
2568                </svg>
2569                03.10.2026
2570            </div>
2571            <!-- <div class="flex items-center gap-2">
2572                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2573                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
2574                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
2575                </svg>
2576                204
2577            </div> -->
2578        </div>
2579        <h3 class="font-medium text-xl md:text-base group-hover:text-[#2d7230] transition-colors line-clamp-3 min-h-[4.5rem]">
2580                                    Azərbaycandan meşə fındığı ixracı 19,8% artıb
2581                    </h3>
2582    </div>
2583</a>                                                                                 <a href="https://valyuta.az/news/20-yaslarinizda-daha-zengin-yasamaq-ucun-ne-etmelisiniz" 
2584   class="block group bg-gray-50 rounded-xl overflow-hidden hover:bg-gray-100 transition-all border border-gray-50"
2585   style="border-color: #f9fafb;"
2586   data-news-card="true">
2587    <div class="relative aspect-video">
2588        <img src="https://valyuta.az/storage/104389/conversions/01M3Y03M749CMJ4J3QA5JDVJZ6-maincard.webp" 
2589             alt="20 yaşlarınızda daha zəngin yaşamaq üçün nə etməlisiniz?" 
2590             class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300">
2591            
2592    </div>
2593    <div class="p-3">
2594        <div class="flex items-center justify-between mb-4 text-sm text-gray-500">
2595            <div class="flex items-center gap-2">
2596                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2597                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
2598                </svg>
2599                03.10.2026
2600            </div>
2601            <!-- <div class="flex items-center gap-2">
2602                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2603                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
2604                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
2605                </svg>
2606                182
2607            </div> -->
2608        </div>
2609        <h3 class="font-medium text-xl md:text-base group-hover:text-[#2d7230] transition-colors line-clamp-3 min-h-[4.5rem]">
2610                                    20 yaşlarınızda daha zəngin yaşamaq üçün nə etməlisiniz?
2611                    </h3>
2612    </div>
2613</a>                                                                                 <a href="https://valyuta.az/news/morgan-stanley-kicik-terefdasliqdan-qlobal-maliyye-nehengine-geden-yol" 
2614   class="block group bg-gray-50 rounded-xl overflow-hidden hover:bg-gray-100 transition-all border border-gray-50"
2615   style="border-color: #f9fafb;"
2616   data-news-card="true">
2617    <div class="relative aspect-video">
2618        <img src="https://valyuta.az/storage/104394/conversions/01M3Y398HZATYX5WBHQPEAE43E-maincard.webp" 
2619             alt="“Morgan Stanley”: " 
2620             class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300">
2621            
2622    </div>
2623    <div class="p-3">
2624        <div class="flex items-center justify-between mb-4 text-sm text-gray-500">
2625            <div class="flex items-center gap-2">
2626                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2627                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
2628                </svg>
2629                03.10.2026
2630            </div>
2631            <!-- <div class="flex items-center gap-2">
2632                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2633                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
2634                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
2635                </svg>
2636                152
2637            </div> -->
2638        </div>
2639        <h3 class="font-medium text-xl md:text-base group-hover:text-[#2d7230] transition-colors line-clamp-3 min-h-[4.5rem]">
2640                                    “Morgan Stanley”: 
2641                            <span class="text-[#008000]">kiçik tərəfdaşlıqdan qlobal maliyyə nəhənginə gedən yol</span>
2642                    </h3>
2643    </div>
2644</a>                                                                                 <a href="https://valyuta.az/news/emek-qabiliyyeti-uzre-sigorta-odenisleri-189-min-manat-azalib" 
2645   class="block group bg-gray-50 rounded-xl overflow-hidden hover:bg-gray-100 transition-all border border-gray-50"
2646   style="border-color: #f9fafb;"
2647   data-news-card="true">
2648    <div class="relative aspect-video">
2649        <img src="https://valyuta.az/storage/104367/conversions/01M3XMQVD66761HBPGDGVN6CXC-maincard.webp" 
2650             alt="Əmək qabiliyyəti üzrə sığorta ödənişləri 189 min manat azalıb" 
2651             class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300">
2652            
2653    </div>
2654    <div class="p-3">
2655        <div class="flex items-center justify-between mb-4 text-sm text-gray-500">
2656            <div class="flex items-center gap-2">
2657                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2658                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
2659                </svg>
2660                03.10.2026
2661            </div>
2662            <!-- <div class="flex items-center gap-2">
2663                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2664                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
2665                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
2666                </svg>
2667                256
2668            </div> -->
2669        </div>
2670        <h3 class="font-medium text-xl md:text-base group-hover:text-[#2d7230] transition-colors line-clamp-3 min-h-[4.5rem]">
2671                                    Əmək qabiliyyəti üzrə sığorta ödənişləri 189 min manat azalıb
2672                    </h3>
2673    </div>
2674</a>                                                                                 <a href="https://valyuta.az/news/hele-tikilmeyib-amma-80-i-satilib-17-milyard-dollarliq-layihe" 
2675   class="block group bg-gray-50 rounded-xl overflow-hidden hover:bg-gray-100 transition-all border border-gray-50"
2676   style="border-color: #f9fafb;"
2677   data-news-card="true">
2678    <div class="relative aspect-video">
2679        <img src="https://valyuta.az/storage/104398/conversions/01M3Y6ZAZBYPN014XJAACAAC6H-maincard.webp" 
2680             alt="Hələ tikilməyib, amma 80%-i satılıb: " 
2681             class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300">
2682            
2683    </div>
2684    <div class="p-3">
2685        <div class="flex items-center justify-between mb-4 text-sm text-gray-500">
2686            <div class="flex items-center gap-2">
2687                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2688                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
2689                </svg>
2690                03.10.2026
2691            </div>
2692            <!-- <div class="flex items-center gap-2">
2693                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2694                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
2695                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
2696                </svg>
2697                260
2698            </div> -->
2699        </div>
2700        <h3 class="font-medium text-xl md:text-base group-hover:text-[#2d7230] transition-colors line-clamp-3 min-h-[4.5rem]">
2701                                    Hələ tikilməyib, amma 80%-i satılıb: 
2702                            <span class="text-[#008000]">1,7 milyard dollarlıq layihə</span>
2703                    </h3>
2704    </div>
2705</a>                                                                                 <a href="https://valyuta.az/news/azerbaycanda-genis-pul-kutlesi-55-milyard-manata-yaxinlasib" 
2706   class="block group bg-gray-50 rounded-xl overflow-hidden hover:bg-gray-100 transition-all border border-gray-50"
2707   style="border-color: #f9fafb;"
2708   data-news-card="true">
2709    <div class="relative aspect-video">
2710        <img src="https://valyuta.az/storage/104371/conversions/01M3XNK0WC8BCG3513SY9R34SV-maincard.webp" 
2711             alt="Azərbaycanda geniş pul kütləsi 55 milyard manata yaxınlaşıb" 
2712             class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300">
2713            
2714    </div>
2715    <div class="p-3">
2716        <div class="flex items-center justify-between mb-4 text-sm text-gray-500">
2717            <div class="flex items-center gap-2">
2718                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2719                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
2720                </svg>
2721                03.10.2026
2722            </div>
2723            <!-- <div class="flex items-center gap-2">
2724                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2725                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
2726                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
2727                </svg>
2728                279
2729            </div> -->
2730        </div>
2731        <h3 class="font-medium text-xl md:text-base group-hover:text-[#2d7230] transition-colors line-clamp-3 min-h-[4.5rem]">
2732                                    Azərbaycanda geniş pul kütləsi 55 milyard manata yaxınlaşıb
2733                    </h3>
2734    </div>
2735</a>                                                                                 <a href="https://valyuta.az/news/qizilin-qiymeti-4-200-dollardan-asagi-enib" 
2736   class="block group bg-gray-50 rounded-xl overflow-hidden hover:bg-gray-100 transition-all border border-gray-50"
2737   style="border-color: #f9fafb;"
2738   data-news-card="true">
2739    <div class="relative aspect-video">
2740        <img src="https://valyuta.az/storage/104416/conversions/01M406WRPSMHYCE3GNFDKBX0VG-maincard.webp" 
2741             alt="Qızılın qiyməti 4 200 dollardan aşağı enib" 
2742             class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300">
2743            
2744    </div>
2745    <div class="p-3">
2746        <div class="flex items-center justify-between mb-4 text-sm text-gray-500">
2747            <div class="flex items-center gap-2">
2748                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2749                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
2750                </svg>
2751                03.10.2026
2752            </div>
2753            <!-- <div class="flex items-center gap-2">
2754                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2755                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
2756                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
2757                </svg>
2758                419
2759            </div> -->
2760        </div>
2761        <h3 class="font-medium text-xl md:text-base group-hover:text-[#2d7230] transition-colors line-clamp-3 min-h-[4.5rem]">
2762                                    Qızılın qiyməti 4 200 dollardan aşağı enib
2763                    </h3>
2764    </div>
2765</a>                                                                                 <a href="https://valyuta.az/news/wikimedia-rehberi-biz-xeyriyye-istemirik" 
2766   class="block group bg-gray-50 rounded-xl overflow-hidden hover:bg-gray-100 transition-all border border-gray-50"
2767   style="border-color: #f9fafb;"
2768   data-news-card="true">
2769    <div class="relative aspect-video">
2770        <img src="https://valyuta.az/storage/104388/conversions/01M3XZNZGVD47SMRX7BZG468X8-maincard.webp" 
2771             alt="“Wikimedia” rəhbəri: " 
2772             class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300">
2773            
2774    </div>
2775    <div class="p-3">
2776        <div class="flex items-center justify-between mb-4 text-sm text-gray-500">
2777            <div class="flex items-center gap-2">
2778                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2779                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
2780                </svg>
2781                03.10.2026
2782            </div>
2783            <!-- <div class="flex items-center gap-2">
2784                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2785                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
2786                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
2787                </svg>
2788                174
2789            </div> -->
2790        </div>
2791        <h3 class="font-medium text-xl md:text-base group-hover:text-[#2d7230] transition-colors line-clamp-3 min-h-[4.5rem]">
2792                                    “Wikimedia” rəhbəri: 
2793                            <span class="text-[#008000]">“Biz xeyriyyə istəmirik”</span>
2794                    </h3>
2795    </div>
2796</a>                                                                                 <a href="https://valyuta.az/news/ozunden-daha-guclu-iscini-komandaya-getirmek-rehber-ucun-riskdirmi-ekspert" 
2797   class="block group bg-gray-50 rounded-xl overflow-hidden hover:bg-gray-100 transition-all border border-gray-50"
2798   style="border-color: #f9fafb;"
2799   data-news-card="true">
2800    <div class="relative aspect-video">
2801        <img src="https://valyuta.az/storage/104372/conversions/01M3XP97ZERAMW30KV6M3M76FE-maincard.webp" 
2802             alt="&quot;Yaxşı rəhbər özündən güclü insanlarla işləyə bilməlidir&quot;" 
2803             class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300">
2804            
2805    </div>
2806    <div class="p-3">
2807        <div class="flex items-center justify-between mb-4 text-sm text-gray-500">
2808            <div class="flex items-center gap-2">
2809                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2810                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
2811                </svg>
2812                03.10.2026
2813            </div>
2814            <!-- <div class="flex items-center gap-2">
2815                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2816                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
2817                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
2818                </svg>
2819                277
2820            </div> -->
2821        </div>
2822        <h3 class="font-medium text-xl md:text-base group-hover:text-[#2d7230] transition-colors line-clamp-3 min-h-[4.5rem]">
2823                                    "Yaxşı rəhbər özündən güclü insanlarla işləyə bilməlidir"
2824                            <span class="text-[#008000]">- Ekspert</span>
2825                    </h3>
2826    </div>
2827</a>                                                                                 <a href="https://valyuta.az/news/sahibkarlarin-oxumali-oldugu-kitablar-siyahi" 
2828   class="block group bg-gray-50 rounded-xl overflow-hidden hover:bg-gray-100 transition-all border border-gray-50"
2829   style="border-color: #f9fafb;"
2830   data-news-card="true">
2831    <div class="relative aspect-video">
2832        <img src="https://valyuta.az/storage/104377/conversions/01M3XR8QPHXWBABFWP4AZSVCXZ-maincard.webp" 
2833             alt="Sahibkarların oxumalı olduğu kitablar" 
2834             class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300">
2835            
2836    </div>
2837    <div class="p-3">
2838        <div class="flex items-center justify-between mb-4 text-sm text-gray-500">
2839            <div class="flex items-center gap-2">
2840                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2841                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
2842                </svg>
2843                03.10.2026
2844            </div>
2845            <!-- <div class="flex items-center gap-2">
2846                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2847                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
2848                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
2849                </svg>
2850                190
2851            </div> -->
2852        </div>
2853        <h3 class="font-medium text-xl md:text-base group-hover:text-[#2d7230] transition-colors line-clamp-3 min-h-[4.5rem]">
2854                                    Sahibkarların oxumalı olduğu kitablar
2855                            <span class="text-[#008000]">– SİYAHI</span>
2856                    </h3>
2857    </div>
2858</a>                                                                                 <a href="https://valyuta.az/news/novartis-cinin-abogen-sirketi-ile-78-milyard-dollarliq-sazis-imzalayib" 
2859   class="block group bg-gray-50 rounded-xl overflow-hidden hover:bg-gray-100 transition-all border border-gray-50"
2860   style="border-color: #f9fafb;"
2861   data-news-card="true">
2862    <div class="relative aspect-video">
2863        <img src="https://valyuta.az/storage/104387/conversions/01M3XYZF9R1SA1T7CY1CQ180Q9-maincard.webp" 
2864             alt="“Novartis” Çinin “Abogen” şirkəti ilə 7,8 milyard dollarlıq saziş imzalayıb" 
2865             class="w-full h-full object-cover object-center group-hover:scale-105 transition-transform duration-300">
2866            
2867    </div>
2868    <div class="p-3">
2869        <div class="flex items-center justify-between mb-4 text-sm text-gray-500">
2870            <div class="flex items-center gap-2">
2871                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2872                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
2873                </svg>
2874                02.10.2026
2875            </div>
2876            <!-- <div class="flex items-center gap-2">
2877                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2878                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
2879                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
2880                </svg>
2881                128
2882            </div> -->
2883        </div>
2884        <h3 class="font-medium text-xl md:text-base group-hover:text-[#2d7230] transition-colors line-clamp-3 min-h-[4.5rem]">
2885                                    “Novartis” Çinin “Abogen” şirkəti ilə 7,8 milyard dollarlıq saziş imzalayıb
2886                    </h3>
2887    </div>
2888</a>                                                 <!-- Loading indicator for grid view -->
2889                        <div id="gridViewLoading" class="hidden col-span-full">
2890                            <!-- Skeleton loading cards for grid view -->
2891                            <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
2892                                                                <div class="bg-gray-50 rounded-xl overflow-hidden border border-gray-50 animate-pulse">
2893                                    <!-- Skeleton image with standard dimensions -->
2894                                    <div class="w-full h-48 bg-gray-200"></div>
2895                                    <div class="p-3 space-y-3">
2896                                        <div class="flex items-center justify-between">
2897                                            <div class="w-20 h-3 bg-gray-200 rounded-full"></div>
2898                                            <div class="w-16 h-3 bg-gray-200 rounded-full"></div>
2899                                        </div>
2900                                        <div class="space-y-2">
2901                                            <div class="w-full h-4 bg-gray-200 rounded"></div>
2902                                            <div class="w-3/4 h-4 bg-gray-200 rounded"></div>
2903                                            <div class="w-1/2 h-4 bg-gray-200 rounded"></div>
2904                                        </div>
2905                                    </div>
2906                                </div>
2907                                                                <div class="bg-gray-50 rounded-xl overflow-hidden border border-gray-50 animate-pulse">
2908                                    <!-- Skeleton image with standard dimensions -->
2909                                    <div class="w-full h-48 bg-gray-200"></div>
2910                                    <div class="p-3 space-y-3">
2911                                        <div class="flex items-center justify-between">
2912                                            <div class="w-20 h-3 bg-gray-200 rounded-full"></div>
2913                                            <div class="w-16 h-3 bg-gray-200 rounded-full"></div>
2914                                        </div>
2915                                        <div class="space-y-2">
2916                                            <div class="w-full h-4 bg-gray-200 rounded"></div>
2917                                            <div class="w-3/4 h-4 bg-gray-200 rounded"></div>
2918                                            <div class="w-1/2 h-4 bg-gray-200 rounded"></div>
2919                                        </div>
2920                                    </div>
2921                                </div>
2922                                                                <div class="bg-gray-50 rounded-xl overflow-hidden border border-gray-50 animate-pulse">
2923                                    <!-- Skeleton image with standard dimensions -->
2924                                    <div class="w-full h-48 bg-gray-200"></div>
2925                                    <div class="p-3 space-y-3">
2926                                        <div class="flex items-center justify-between">
2927                                            <div class="w-20 h-3 bg-gray-200 rounded-full"></div>
2928                                            <div class="w-16 h-3 bg-gray-200 rounded-full"></div>
2929                                        </div>
2930                                        <div class="space-y-2">
2931                                            <div class="w-full h-4 bg-gray-200 rounded"></div>
2932                                            <div class="w-3/4 h-4 bg-gray-200 rounded"></div>
2933                                            <div class="w-1/2 h-4 bg-gray-200 rounded"></div>
2934                                        </div>
2935                                    </div>
2936                                </div>
2937                                                                <div class="bg-gray-50 rounded-xl overflow-hidden border border-gray-50 animate-pulse">
2938                                    <!-- Skeleton image with standard dimensions -->
2939                                    <div class="w-full h-48 bg-gray-200"></div>
2940                                    <div class="p-3 space-y-3">
2941                                        <div class="flex items-center justify-between">
2942                                            <div class="w-20 h-3 bg-gray-200 rounded-full"></div>
2943                                            <div class="w-16 h-3 bg-gray-200 rounded-full"></div>
2944                                        </div>
2945                                        <div class="space-y-2">
2946                                            <div class="w-full h-4 bg-gray-200 rounded"></div>
2947                                            <div class="w-3/4 h-4 bg-gray-200 rounded"></div>
2948                                            <div class="w-1/2 h-4 bg-gray-200 rounded"></div>
2949                                        </div>
2950                                    </div>
2951                                </div>
2952                                                                <div class="bg-gray-50 rounded-xl overflow-hidden border border-gray-50 animate-pulse">
2953                                    <!-- Skeleton image with standard dimensions -->
2954                                    <div class="w-full h-48 bg-gray-200"></div>
2955                                    <div class="p-3 space-y-3">
2956                                        <div class="flex items-center justify-between">
2957                                            <div class="w-20 h-3 bg-gray-200 rounded-full"></div>
2958                                            <div class="w-16 h-3 bg-gray-200 rounded-full"></div>
2959                                        </div>
2960                                        <div class="space-y-2">
2961                                            <div class="w-full h-4 bg-gray-200 rounded"></div>
2962                                            <div class="w-3/4 h-4 bg-gray-200 rounded"></div>
2963                                            <div class="w-1/2 h-4 bg-gray-200 rounded"></div>
2964                                        </div>
2965                                    </div>
2966                                </div>
2967                                                                <div class="bg-gray-50 rounded-xl overflow-hidden border border-gray-50 animate-pulse">
2968                                    <!-- Skeleton image with standard dimensions -->
2969                                    <div class="w-full h-48 bg-gray-200"></div>
2970                                    <div class="p-3 space-y-3">
2971                                        <div class="flex items-center justify-between">
2972                                            <div class="w-20 h-3 bg-gray-200 rounded-full"></div>
2973                                            <div class="w-16 h-3 bg-gray-200 rounded-full"></div>
2974                                        </div>
2975                                        <div class="space-y-2">
2976                                            <div class="w-full h-4 bg-gray-200 rounded"></div>
2977                                            <div class="w-3/4 h-4 bg-gray-200 rounded"></div>
2978                                            <div class="w-1/2 h-4 bg-gray-200 rounded"></div>
2979                                        </div>
2980                                    </div>
2981                                </div>
2982                                                            </div>
2983                        </div>
2984                    </div>
2985                </div>
2986                
2987            </div>
2988
2989            
2990            
2991        </div>
2992        <!-- Sağ: Widgetlər -->
2993        <div class="hidden md:block w-full md:w-[300px] space-y-6 flex-shrink-0">
2994            
2995            <!-- Writers Section -->
2996<div class="bg-white rounded-xl p-3">
2997    <!-- Header with title and navigation -->
2998    <div class="flex items-center justify-between mb-4 mt-2">
2999        <h2 class="text-lg font-bold text-gray-800">
3000            Köşə yazıları
3001        </h2>
3002        <div class="flex gap-1">
3003            <button onclick="prevWriter('desktop')" 
3004                    class="w-7 h-7 bg-gray-50 rounded flex items-center justify-center text-gray-500 hover:bg-[#388e3c]/10 hover:text-[#388e3c] transition-colors">
3005                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
3006                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/>
3007                </svg>
3008            </button>
3009            <button onclick="nextWriter('desktop')" 
3010                    class="w-7 h-7 bg-gray-50 rounded flex items-center justify-center text-gray-500 hover:bg-[#388e3c]/10 hover:text-[#388e3c] transition-colors">
3011                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
3012                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
3013                </svg>
3014            </button>
3015        </div>
3016    </div>
3017    
3018    <!-- Writers Carousel -->
3019    <div class="overflow-hidden">
3020        <div class="flex transition-transform duration-300 ease-in-out" id="writersContainer_desktop">
3021                        <div class="min-w-full">
3022                <!-- Writer Profile and Article -->
3023                <div class="flex gap-3">
3024                    <div class="flex-shrink-0">
3025                        <a href="https://valyuta.az/author/gunel-agazade" class="block">
3026                            <img src="https://valyuta.az/storage/authors/103975/conversions/01M31ZP92HJ94Q1NVB7PPNKS
30267D-default.jpg" 
3027                                 alt="Günel Ağazadə " 
3028                                 class="w-16 h-16 rounded-lg object-cover border border-gray-100">
3029                        </a>
3030                    </div>
3031                    <div class="flex-grow">
3032                        <div class="mb-1">
3033                            <a href="https://valyuta.az/author/gunel-agazade" class="block">
3034                                <h3 class="text-base font-bold text-[#388e3c] border-b border-[#388e3c]/20 pb-1 hover:text-[#2d7230] transition-colors">
3035                                    Günel Ağazadə 
3036                                </h3>
3037                            </a>
3038                        </div>
3039                        <h4 class="text-sm font-medium text-gray-900 mb-1 line-clamp-2">
3040                            <a href="https://valyuta.az/news/sirketinin-musterisi-insan-yox-suni-intellekt-agenti-olsa-yene-de-satis-ede-biler" class="hover:text-[#388e3c] transition-colors">
3041                                "Şirkətinin müştərisi insan yox, süni intellekt agenti olsa, yenə də satış edə bilər?”
3042                            </a>
3043                        </h4>
3044                        <div class="flex items-center justify-between">
3045                            <span class="text-xs text-gray-400">
3046                                17.09.2026
3047                            </span>
3048                        </div>
3049                    </div>
3050                </div>
3051            </div>
3052                        <div class="min-w-full">
3053                <!-- Writer Profile and Article -->
3054                <div class="flex gap-3">
3055                    <div class="flex-shrink-0">
3056                        <a href="https://valyuta.az/author/vuqar-baba" class="block">
3057                            <img src="https://valyuta.az/storage/authors/170/conversions/1730099567_462363749_843121467984678_3003252572227366788_n-Recovered-default.jpg" 
3058                                 alt="Vüqar Baba" 
3059                                 class="w-16 h-16 rounded-lg object-cover border border-gray-100">
3060                        </a>
3061                    </div>
3062                    <div class="flex-grow">
3063                        <div class="mb-1">
3064                            <a href="https://valyuta.az/author/vuqar-baba" class="block">
3065                                <h3 class="text-base font-bold text-[#388e3c] border-b border-[#388e3c]/20 pb-1 hover:text-[#2d7230] transition-colors">
3066                                    Vüqar Baba
3067                                </h3>
3068                            </a>
3069                        </div>
3070                        <h4 class="text-sm font-medium text-gray-900 mb-1 line-clamp-2">
3071                            <a href="https://valyuta.az/news/bank-respublika-accessbanki-alir-musterilere-neleri-aciqlamalidirlar" class="hover:text-[#388e3c] transition-colors">
3072                                "Bank Respublika" "AccessBank"ı alır - Müştərilərə nələri açıqlamalıdırlar?
3073                            </a>
3074                        </h4>
3075                        <div class="flex items-center justify-between">
3076                            <span class="text-xs text-gray-400">
3077                                14.09.2026
3078                            </span>
3079                        </div>
3080                    </div>
3081                </div>
3082            </div>
3083                        <div class="min-w-full">
3084                <!-- Writer Profile and Article -->
3085                <div class="flex gap-3">
3086                    <div class="flex-shrink-0">
3087                        <a href="https://valyuta.az/author/xeyyam-esgerov" class="block">
3088                            <img src="https://valyuta.az/storage/authors/99806/conversions/01KSHKNYZ8H2QQT9BKRGMM9EG7-default.jpg" 
3089                                 alt="Xəyyam Əsgərov" 
3090                                 class="w-16 h-16 rounded-lg object-cover border border-gray-100">
3091                        </a>
3092                    </div>
3093                    <div class="flex-grow">
3094                        <div class="mb-1">
3095                            <a href="https://valyuta.az/author/xeyyam-esgerov" class="block">
3096                                <h3 class="text-base font-bold text-[#388e3c] border-b border-[#388e3c]/20 pb-1 hover:text-[#2d7230] transition-colors">
3097                                    Xəyyam Əsgərov
3098                                </h3>
3099                            </a>
3100                        </div>
3101                        <h4 class="text-sm font-medium text-gray-900 mb-1 line-clamp-2">
3102                            <a href="https://valyuta.az/news/insani-suni-intellektin-geleceyine-kim-hazirlayir" class="hover:text-[#388e3c] transition-colors">
3103                                İnsanı süni intellektin gələcəyinə kim hazırlayır?
3104                            </a>
3105                        </h4>
3106                        <div class="flex items-center justify-between">
3107                            <span class="text-xs text-gray-400">
3108                                10.09.2026
3109                            </span>
3110                        </div>
3111                    </div>
3112                </div>
3113            </div>
3114                        <div class="min-w-full">
3115                <!-- Writer Profile and Article -->
3116                <div class="flex gap-3">
3117                    <div class="flex-shrink-0">
3118                        <a href="https://valyuta.az/author/ferid-musayev" class="block">
3119                            <img src="https://valyuta.az/storage/authors/103600/conversions/01M256AMTPM9PDJM4YTZ44WV83-default.jpg" 
3120                                 alt="Fərid Musayev" 
3121                                 class="w-16 h-16 rounded-lg object-cover border border-gray-100">
3122                        </a>
3123                    </div>
3124                    <div class="flex-grow">
3125                        <div class="mb-1">
3126                            <a href="https://valyuta.az/author/ferid-musayev" class="block">
3127                                <h3 class="text-base font-bold text-[#388e3c] border-b border-[#388e3c]/20 pb-1 hover:text-[#2d7230] transition-colors">
3128                                    Fərid Musayev
3129                                </h3>
3130                            </a>
3131                        </div>
3132                        <h4 class="text-sm font-medium text-gray-900 mb-1 line-clamp-2">
3133                            <a href="https://valyuta.az/news/evvel-qazandirir-sonra-pulunuzu-alirlar-deleduzlar-bele-isleyir" class="hover:text-[#388e3c] transition-colors">
3134                                Əvvəl qazandırır, sonra pulunuzu alırlar - Dələduzlar belə işləyir
3135                            </a>
3136                        </h4>
3137                        <div class="flex items-center justify-between">
3138                            <span class="text-xs text-gray-400">
3139                                10.09.2026
3140                            </span>
3141                        </div>
3142                    </div>
3143                </div>
3144            </div>
3145                        <div class="min-w-full">
3146                <!-- Writer Profile and Article -->
3147                <div class="flex gap-3">
3148                    <div class="flex-shrink-0">
3149                        <a href="https://valyuta.az/author/aida-ramiz" class="block">
3150                            <img src="https://valyuta.az/storage/authors/174/conversions/1731994583_0ec670e4-2668-4e0d-83f6-22ef8d29a4c0-default.jpg" 
3151                                 alt="Aida Ramiz" 
3152                                 class="w-16 h-16 rounded-lg object-cover border border-gray-100">
3153                        </a>
3154                    </div>
3155                    <div class="flex-grow">
3156                        <div class="mb-1">
3157                            <a href="https://valyuta.az/author/aida-ramiz" class="block">
3158                                <h3 class="text-base font-bold text-[#388e3c] border-b border-[#388e3c]/20 pb-1 hover:text-[#2d7230] transition-colors">
3159                                    Aida Ramiz
3160                                </h3>
3161                            </a>
3162                        </div>
3163                        <h4 class="text-sm font-medium text-gray-900 mb-1 line-clamp-2">
3164                            <a href="https://valyuta.az/news/mediada-heddinden-artiq-gorunen-ceo-sirketi-kolgede-qoya-biler-ekspert" class="hover:text-[#388e3c] transition-colors">
3165                                “Mediada həddindən artıq görünən CEO şirkəti kölgədə qoya bilər”
3166                            </a>
3167                        </h4>
3168                        <div class="flex items-center justify-between">
3169                            <span class="text-xs text-gray-400">
3170                                24.08.2026
3171                            </span>
3172                        </div>
3173                    </div>
3174                </div>
3175            </div>
3176                    </div>
3177    </div>
3178    
3179    <!-- Dots Navigation -->
3180        <div class="flex justify-center gap-1 mt-3">
3181                <button onclick="goToWriter('desktop', 0)" 
3182                id="writerDot_desktop_0"
3183                class="h-1 rounded-full transition-all duration-300 w-6 bg-[#388e3c]">
3184        </button>
3185                <button onclick="goToWriter('desktop', 1)" 
3186                id="writerDot_desktop_1"
3187                class="h-1 rounded-full transition-all duration-300 w-1.5 bg-gray-200">
3188        </button>
3189                <button onclick="goToWriter('desktop', 2)" 
3190                id="writerDot_desktop_2"
3191                class="h-1 rounded-full transition-all duration-300 w-1.5 bg-gray-200">
3192        </button>
3193                <button onclick="goToWriter('desktop', 3)" 
3194                id="writerDot_desktop_3"
3195                class="h-1 rounded-full transition-all duration-300 w-1.5 bg-gray-200">
3196        </button>
3197                <button onclick="goToWriter('desktop', 4)" 
3198                id="writerDot_desktop_4"
3199                class="h-1 rounded-full transition-all duration-300 w-1.5 bg-gray-200">
3200        </button>
3201            </div>
3202        
3203    <!-- Navigation Buttons -->
3204    <div class="mt-2 pt-1 border-t border-gray-100">
3205        <div class="flex items-center gap-3">
3206            <a href="https://valyuta.az/kose-yazilari" 
3207               class="flex-1 text-center text-sm text-[#388e3c] hover:text-[#2d7230] font-medium py-1 px-2 rounded-lg hover:bg-[#388e3c]/5 transition-all duration-200">
3208                MƏQALƏLƏR
3209            </a>
3210            <div class="w-px h-6 bg-gray-300"></div>
3211            <a href="https://valyuta.az/authors" 
3212               class="flex-1 text-center text-sm text-[#388e3c] hover:text-[#2d7230] font-medium py-1 px-2 rounded-lg hover:bg-[#388e3c]/5 transition-all duration-200">
3213                YAZARLAR
3214            </a>
3215        </div>
3216    </div>
3217</div>
3218
3219<script>
3220// Initialize writers data for this instance
3221if (typeof window.writersData === 'undefined') {
3222    window.writersData = {};
3223}
3224
3225window.writersData['desktop'] = {
3226    currentWriter: 0,
3227    totalWriters: 5,
3228    slideInterval: null
3229};
3230
3231function updateWriterSlide(instance) {
3232    const data = window.writersData[instance];
3233    const container = document.getElementById(`writersContainer_${instance}`);
3234    container.style.transform = `translateX(-${data.currentWriter * 100}%)`;
3235
3236    // Update dots
3237    for (let i = 0; i < data.totalWriters; i++) {
3238        const dot = document.getElementById(`writerDot_${instance}_${i}`);
3239        if (dot) { // Add null check to prevent error
3240            if (i === data.currentWriter) {
3241                dot.className = 'h-1 rounded-full transition-all duration-300 w-6 bg-[#388e3c]';
3242            } else {
3243                dot.className = 'h-1 rounded-full transition-all duration-300 w-1.5 bg-gray-200';
3244            }
3245        }
3246    }
3247}
3248
3249function prevWriter(instance) {
3250    const data = window.writersData[instance];
3251    data.currentWriter = (data.currentWriter - 1 + data.totalWriters) % data.totalWriters;
3252    updateWriterSlide(instance);
3253    resetInterval(instance);
3254}
3255
3256function nextWriter(instance) {
3257    const data = window.writersData[instance];
3258    data.currentWriter = (data.currentWriter + 1) % data.totalWriters;
3259    updateWriterSlide(instance);
3260    resetInterval(instance);
3261}
3262
3263function goToWriter(instance, index) {
3264    const data = window.writersData[instance];
3265    data.currentWriter = index;
3266    updateWriterSlide(instance);
3267    resetInterval(instance);
3268}
3269
3270function startAutoSlide(instance) {
3271    const data = window.writersData[instance];
3272    data.slideInterval = setInterval(() => {
3273        nextWriter(instance);
3274    }, 5000);
3275}
3276
3277function resetInterval(instance) {
3278    const data = window.writersData[instance];
3279    clearInterval(data.slideInterval);
3280    startAutoSlide(instance);
3281}
3282
3283// Start automatic sliding when the page loads
3284document.addEventListener('DOMContentLoaded', () => {
3285    startAutoSlide('desktop');
3286    updateWriterSlide('desktop');
3287    // Add hover events for this instance
3288    const container = document.getElementById(`writersContainer_desktop`);
3289    container.addEventListener('mouseenter', () => {
3290        clearInterval(window.writersData['desktop'].slideInterval);
3291    });
3292    container.addEventListener('mouseleave', () => {
3293        startAutoSlide('desktop');
3294    });
3295});
3296</script>
3296            
3297            <!-- Featured News Section -->
3298                                    <div class="bg-white rounded-2xl border border-gray-100 overflow-hidden relative transform hover:scale-[1.02] transition-all duration-300 hover:shadow-md max-w-full">
3299                
3300               
3301                <a href="https://valyuta.az/news/qazaxistanda-iki-zavod-tikdi-bakida-kitab-kafeye-rehberlik-edir-musfiq-memmedovla-musahibe" 
3302                   aria-label="Seçilmiş xəbər: Qazaxıstanda iki zavod tikdi, Bakıda kitab-kafeyə rəhbərlik edir  - Müşfiq Məmmədovla müsahibə"
3303                   class="block group">
3304                    <!-- Image Section -->
3305                    <div class="relative aspect-video overflow-hidden">
3306                        <img src="https://valyuta.az/storage/104125/conversions/01M39RQHEV4Q0RZ45DMSX3PRJA-maincard.webp" 
3307                             alt="Qazaxıstanda iki zavod tikdi, Bakıda kitab-kafeyə rəhbərlik edir  - Müşfiq Məmmədovla müsahibə" 
3308                             class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-700 ease-out">
3309                    </div>
3310                    
3311                    <!-- Content Section -->
3312                    <div class="p-2 lg:p-3">
3313                        <h3 class="text-gray-900 font-bold text-sm lg:text-base xl:text-lg leading-tight group-hover:text-[#388e3c] transition-colors duration-300 line-clamp-3 mb-2 break-words">
3314                            Qazaxıstanda iki zavod tikdi, Bakıda kitab-kafeyə rəhbərlik edir 
3315                                                            <span class="text-[#008000]">- Müşfiq Məmmədovla müsah...</span>
3316                                                    </h3>
3317                    </div>
3318                </a>
3319            </div>
3320                        <div class="bg-white rounded-2xl border border-gray-100 overflow-hidden relative transform hover:scale-[1.02] transition-all duration-300 hover:shadow-md max-w-full">
3321                
3322               
3323                <a href="https://valyuta.az/news/azpulmatda-500-manat-kredit-goturen-sexs-ne-qeder-geri-odeyir" 
3324                   aria-label="Seçilmiş xəbər: “Azpulmat”dan 500 manat kredit götürən şəxs nə qədər geri ödəyir?"
3325                   class="block group">
3326                    <!-- Image Section -->
3327                    <div class="relative aspect-video overflow-hidden">
3328                        <img src="https://valyuta.az/storage/104288/conversions/01M3RQ24RVJAVPZ3YJFPPD1R95-maincard.webp" 
3329                             alt="“Azpulmat”dan 500 manat kredit götürən şəxs nə qədər geri ödəyir?" 
3330                             class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-700 ease-out">
3331                    </div>
3332                    
3333                    <!-- Content Section -->
3334                    <div class="p-2 lg:p-3">
3335                        <h3 class="text-gray-900 font-bold text-sm lg:text-base xl:text-lg leading-tight group-hover:text-[#388e3c] transition-colors duration-300 line-clamp-3 mb-2 break-words">
3336                            “Azpulmat”dan 500 manat kredit götürən şəxs nə qədər geri ödəyir?
3337                                                    </h3>
3338                    </div>
3339                </a>
3340            </div>
3341                        <div class="bg-white rounded-2xl border border-gray-100 overflow-hidden relative transform hover:scale-[1.02] transition-all duration-300 hover:shadow-md max-w-full">
3342                
3343               
3344                <a href="https://valyuta.az/news/azerbaycan-banklarinin-esas-deyerleri-hansilardir-siyahi" 
3345                   aria-label="Seçilmiş xəbər: Azərbaycan banklarının əsas dəyərləri hansılardır?    - Siyahı"
3346                   class="block group">
3347                    <!-- Image Section -->
3348                    <div class="relative aspect-video overflow-hidden">
3349                        <img src="https://valyuta.az/storage/104236/conversions/01M3NRP4TXQG0MYRSFZ021PQ5N-maincard.webp" 
3350                             alt="Azərbaycan banklarının əsas dəyərləri hansılardır?    - Siyahı" 
3351                             class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-700 ease-out">
3352                    </div>
3353                    
3354                    <!-- Content Section -->
3355                    <div class="p-2 lg:p-3">
3356                        <h3 class="text-gray-900 font-bold text-sm lg:text-base xl:text-lg leading-tight group-hover:text-[#388e3c] transition-colors duration-300 line-clamp-3 mb-2 break-words">
3357                            Azərbaycan banklarının əsas dəyərləri hansılardır?   
3358                                                            <span class="text-[#008000]">- Siyahı</span>
3359                                                    </h3>
3360                    </div>
3361                </a>
3362            </div>
3363                                    
3364           
3365            
3366            
3367            <div class="hidden md:block">
3368                <style>
3369@keyframes aurora-1 {
3370  0%, 100% { transform: translate(0, 0) scale(1); }
3371  50% { transform: translate(30px, 20px) scale(1.2); }
3372}
3373@keyframes aurora-2 {
3374  0%, 100% { transform: translate(0, 0) scale(1); }
3375  50% { transform: translate(-25px, -15px) scale(1.1); }
3376}
3377@keyframes aurora-3 {
3378  0%, 100% { transform: translate(0, 0) scale(1); }
3379  50% { transform: translate(20px, -25px) scale(1.2); }
3380}
3381.animate-aurora-1 { animation: aurora-1 10s ease-in-out infinite; }
3382.animate-aurora-2 { animation: aurora-2 12s ease-in-out infinite reverse; }
3383.animate-aurora-3 { animation: aurora-3 8s ease-in-out infinite; }
3384</style>
3385<div class="bg-white rounded-2xl border border-gray-100 overflow-hidden shadow-sm">
3386    <!-- Header -->
3387    <div class="relative overflow-hidden bg-gradient-to-br from-[#388e3c] to-[#2e7d32] p-3">
3388        <!-- Aurora background elements -->
3389        <div class="absolute inset-0 z-0 opacity-40">
3390            <div class="absolute top-[-20px] left-[-30px] w-32 h-32 bg-green-300 rounded-full filter blur-2xl animate-aurora-1"></div>
3391            <div class="absolute top-[-10px] right-[-20px] w-28 h-28 bg-teal-200 rounded-full filter blur-2xl animate-aurora-2"></div>
3392            <div class="absolute bottom-[-30px] left-[20%] w-24 h-24 bg-green-200 rounded-full filter blur-xl animate-aurora-3"></div>
3393        </div>
3394        
3395        <div class="relative z-10 flex items-center gap-3">
3396            <div class="w-9 h-9 bg-white/20 backdrop-blur-sm rounded-xl flex items-center justify-center">
3397                <svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
3398                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 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"/>
3399                </svg>
3400            </div>
3401            <div>
3402                <h3 class="text-white font-bold text-base tracking-wide">Məzənnə</h3>
3403                <div id="last-update" class="text-green-100 text-xs">
3404                    <div class="animate-spin rounded-full h-3 w-3 border-b-2 border-white inline-block mr-1"></div>
3405                    Yüklənir...
3406                </div>
3407            </div>
3408        </div>
3409    </div>
3410
3411    <div class="p-4">
3412        <div id="currency-rates-grid" class="grid grid-cols-2 gap-3">
3413            <!-- Loading state -->
3414            <div class="col-span-2 flex items-center justify-center p-8">
3415                <div class="animate-spin rounded-full h-8 w-8 border-b-2 border-[#388e3c]"></div>
3416            </div>
3417        </div>
3418
3419        <div class="mt-4 text-center">
3420            <a href="https://valyuta.az/valyuta-kalkulyatoru2" class="text-[#388e3c] hover:text-[#1b5e20] text-sm font-medium flex items-center justify-center gap-2 group">
3421                Hamısı
3422                <svg class="w-4 h-4 transform group-hover:translate-x-1 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
3423                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
3424                </svg>
3425            </a>
3426        </div>
3427    </div>
3428</div>
3429
3430             </div>
3431            <div class="hidden md:block">
3432                <style>
3433@keyframes gradient-pan {
3434  0% { background-position: 0% 50%; }
3435  50% { background-position: 100% 50%; }
3436  100% { background-position: 0% 50%; }
3437}
3438@keyframes aurora-1 {
3439  0%, 100% { transform: translate(0, 0) scale(1); }
3440  50% { transform: translate(30px, 20px) scale(1.2); }
3441}
3442@keyframes aurora-2 {
3443  0%, 100% { transform: translate(0, 0) scale(1); }
3444  50% { transform: translate(-25px, -15px) scale(1.1); }
3445}
3446@keyframes aurora-3 {
3447  0%, 100% { transform: translate(0, 0) scale(1); }
3448  50% { transform: translate(20px, -25px) scale(1.2); }
3449}
3450.animate-aurora-1 { animation: aurora-1 10s ease-in-out infinite; }
3451.animate-aurora-2 { animation: aurora-2 12s ease-in-out infinite reverse; }
3452.animate-aurora-3 { animation: aurora-3 8s ease-in-out infinite; }
3453</style>
3454<div class="bg-white rounded-2xl border border-gray-100 overflow-hidden">
3455    <!-- Header -->
3456    <div class="relative overflow-hidden bg-gradient-to-br from-[#388e3c] to-[#2e7d32] p-3">
3457        <!-- Aurora background elements -->
3458        <div class="absolute inset-0 z-0 opacity-40">
3459            <div class="absolute top-[-20px] left-[-30px] w-32 h-32 bg-green-300 rounded-full filter blur-2xl animate-aurora-1"></div>
3460            <div class="absolute top-[-10px] right-[-20px] w-28 h-28 bg-teal-200 rounded-full filter blur-2xl animate-aurora-2"></div>
3461            <div class="absolute bottom-[-30px] left-[20%] w-24 h-24 bg-green-200 rounded-full filter blur-xl animate-aurora-3"></div>
3462        </div>
3463        
3464        <div class="relative z-10 flex items-center gap-3">
3465            <div class="w-9 h-9 bg-white/20 backdrop-blur-sm rounded-xl flex items-center justify-center">
3466                <span class="text-xl">🛢️</span>
3467            </div>
3468            <div>
3469                <h3 class="text-white font-bold text-base tracking-wide">Əmtəə qiymətləri</h3>
3470                <div id="commodity-last-update" class="text-green-100 text-xs">
3471                    <div class="animate-spin rounded-full h-3 w-3 border-b-2 border-white inline-block mr-1"></div>
3472                    Yüklənir...
3473                </div>
3474            </div>
3475        </div>
3476    </div>
3477
3478    <!-- Content -->
3479    <div class="p-3">
3480        <div id="commodities-container" class="space-y-2">
3481            <!-- Loading state -->
3482            <div class="flex items-center justify-center py-8">
3483                <div class="animate-spin rounded-full h-8 w-8 border-b-2 border-[#388e3c]"></div>
3484            </div>
3485        </div>
3486    </div>
3487</div>
3488
3489             </div>
3490            <div class="hidden md:block">
3491                <div class="bg-white rounded-2xl p-6 shadow-sm">
3492    <!-- Header with Bitcoin Logo -->
3493    <div class="flex items-center justify-between mb-4">
3494        <div class="flex items-center gap-3">
3495            <div class="w-10 h-10 bg-[#F7931A] rounded-full flex items-center justify-center">
3496                <svg class="w-6 h-6 text-white" viewBox="0 0 64 64" fill="currentColor">
3497                    <path d="M32 0C14.327 0 0 14.327 0 32s14.327 32 32 32 32-14.327 32-32S49.673 0 32 0zm0 60C16.536 60 4 47.464 4 32S16.536 4 32 4s28 12.536 28 28-12.536 28-28 28z"/>
3498                    <path d="M41 25.5V20h-6v-4h-6v4h-6v18h12v4h-12v5.5h6V52h6v-4.5h6V30H29v-4.5h12z"/>
3499                </svg>
3500            </div>
3501            <div>
3502                <div class="flex items-center gap-2">
3503                    <h3 class="text-lg font-bold">Bitcoin</h3>
3504                    <span class="text-sm text-gray-500">BTC</span>
3505                </div>
3506                <div class="text-xs text-gray-500">
3507                    Son yeniləmə: <span id="last-update">Yüklənir...</span>
3508                </div>
3509            </div>
3510        </div>
3511        <span id="change-indicator" class="text-sm text-gray-500 font-medium px-2 py-1 bg-gray-100 rounded-lg">
3512            Yüklənir...
3513        </span>
3514    </div>
3515
3516    <!-- Main Price -->
3517    <div class="flex items-baseline gap-2 mb-4">
3518        <span id="price" class="text-3xl font-bold">Yüklənir...</span>
3519    </div>
3520
3521    <!-- Quick Stats -->
3522    <div class="grid grid-cols-2 gap-3">
3523        <div class="bg-gray-50 rounded-xl p-3">
3524            <span class="text-xs text-gray-500">24s həcm</span>
3525            <div id="volume" class="text-sm font-bold text-gray-900">Yüklənir...</div>
3526        </div>
3527        <div class="bg-gray-50 rounded-xl p-3">
3528            <span class="text-xs text-gray-500">Bazar dəyəri</span>
3529            <div id="market-cap" class="text-sm font-bold text-gray-900">Yüklənir...</div>
3530        </div>
3531    </div>
3532
3533    <!-- Simple Chart -->
3534    <div id="chart" class="mt-4 flex items-end space-x-1 h-16">
3535        <div class="flex-1 bg-gray-100 rounded-sm animate-pulse" style="height: 24px"></div>
3536        <div class="flex-1 bg-gray-100 rounded-sm animate-pulse" style="height: 32px"></div>
3537        <div class="flex-1 bg-gray-100 rounded-sm animate-pulse" style="height: 28px"></div>
3538        <div class="flex-1 bg-gray-100 rounded-sm animate-pulse" style="height: 36px"></div>
3539        <div class="flex-1 bg-gray-100 rounded-sm animate-pulse" style="height: 42px"></div>
3540        <div class="flex-1 bg-gray-100 rounded-sm animate-pulse" style="height: 38px"></div>
3541        <div class="flex-1 bg-gray-100 rounded-sm animate-pulse" style="height: 44px"></div>
3542    </div>
3543
3544    <!-- Link to Crypto Currencies Page -->
3545    <a href="https://valyuta.az/kripto-valyutalar" class="mt-4 flex items-center justify-center gap-2 text-[#388e3c] hover:text-[#2d7230] transition-colors bg-gray-50 rounded-lg p-3 hover:bg-gray-100">
3546        <span class="text-base font-semibold">Kripto valyutalar</span>
3547        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
3548            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
3549        </svg>
3550    </a>
3551</div>
3552
3553             </div>
3554
3555            <div class="bg-white rounded-2xl border border-gray-100 overflow-hidden shadow-sm hover:shadow-md transition-all duration-500 group/container" 
3556    x-data="{ activeTab: 'daily', hoveredIndex: null }" 
3557    x-on:mouseleave="hoveredIndex = null">
3558    <!-- Beautiful Header with Animated Background -->
3559    <div class="bg-gradient-to-r from-[#388e3c]/8 via-[#388e3c]/4 to-transparent p-2 border-b border-gray-100 relative overflow-hidden">
3560        <!-- Animated Background Pattern -->
3561        <div class="absolute inset-0 bg-[url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIyMCIgY3k9IjIwIiByPSIxIiBmaWxsPSJjdXJyZW50Q29sb3IiLz48L3N2Zz4=')] opacity-3 animate-pulse"></div>
3562        <!-- Gradient Overlay -->
3563        <div class="absolute inset-0 bg-gradient-to-r from-white/20 via-transparent to-transparent"></div>
3564        
3565        <div class="flex items-center gap-2 relative">
3566            <!-- Enhanced Icon Container -->
3567            <div class="w-10 h-10 bg-gradient-to-br from-white to-gray-50 rounded-lg flex items-center justify-center shadow-xs relative overflow-hidden group/icon border border-gray-200/50">
3568                <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/10 via-trans
3568parent to-transparent opacity-0 group-hover/icon:opacity-100 transition-all duration-300"></div>
3569                <div class="absolute inset-0 bg-gradient-to-br from-white/50 to-transparent opacity-0 group-hover/icon:opacity-100 transition-all duration-300"></div>
3570                <img src="https://valyuta.az/images/view.svg" class="w-7 h-7 text-[#388e3c] relative z-10 group-hover/icon:scale-110 transition-transform duration-200" alt="views">
3571            </div>
3572            <div>
3573                <h3 class="text-base font-bold text-gray-900 leading-none group-hover/container:text-[#388e3c] transition-colors duration-300">Ən çox oxunanlar</h3>
3574            </div>
3575        </div>
3576    </div>
3577
3578    <div class="p-2">
3579        <!-- Beautiful Tabs with Enhanced Animation -->
3580        <div class="flex gap-0.5 mb-3 bg-gradient-to-r from-gray-50/80 to-gray-100/50 p-0.5 rounded-lg border border-gray-200/50">
3581            <button 
3582                @click="activeTab = 'daily'" 
3583                :class="{ 'bg-white shadow-sm text-[#388e3c] scale-100 ring-1 ring-[#388e3c]/20': activeTab === 'daily', 'text-gray-500 hover:text-gray-700 hover:bg-white/70 scale-95': activeTab !== 'daily' }"
3584                class="flex-1 py-1.5 px-2 text-sm font-medium rounded-md transition-all duration-300 transform hover:scale-105">
3585                Bu gün
3586            </button>
3587            <button 
3588                @click="activeTab = 'weekly'" 
3589                :class="{ 'bg-white shadow-sm text-[#388e3c] scale-100 ring-1 ring-[#388e3c]/20': activeTab === 'weekly', 'text-gray-500 hover:text-gray-700 hover:bg-white/70 scale-95': activeTab !== 'weekly' }"
3590                class="flex-1 py-1.5 px-2 text-sm font-medium rounded-md transition-all duration-300 transform hover:scale-105">
3591                Bu həftə
3592            </button>
3593            <button 
3594                @click="activeTab = 'monthly'" 
3595                :class="{ 'bg-white shadow-sm text-[#388e3c] scale-100 ring-1 ring-[#388e3c]/20': activeTab === 'monthly', 'text-gray-500 hover:text-gray-700 hover:bg-white/70 scale-95': activeTab !== 'monthly' }"
3596                class="flex-1 py-1.5 px-2 text-sm font-medium rounded-md transition-all duration-300 transform hover:scale-105">
3597                Bu ay
3598            </button>
3599        </div>
3600
3601        <!-- News Lists with Beautiful Animations -->
3602        <div class="relative">
3603            <div x-show="activeTab === 'daily'" 
3604                x-transition:enter="transition ease-out duration-300" 
3605                x-transition:enter-start="opacity-0 translate-y-2" 
3606                x-transition:enter-end="opacity-100 translate-y-0"
3607                class="space-y-0">
3608                                <div class="group" 
3609                    x-on:mouseenter="hoveredIndex = 0" 
3610                    x-on:mouseleave="hoveredIndex = null">
3611                    <!-- News Image on Hover -->
3612                    <div x-show="hoveredIndex === 0"
3613                        x-transition:enter="transition ease-out duration-200"
3614                        x-transition:enter-start="opacity-0 scale-95"
3615                        x-transition:enter-end="opacity-100 scale-100"
3616                        x-transition:leave="transition ease-in duration-100"
3617                        x-transition:leave-start="opacity-100 scale-100"
3618                        x-transition:leave-end="opacity-0 scale-95"
3619                        class="mb-2">
3620                        <a href="https://valyuta.az/news/qizilin-qiymeti-4-200-dollardan-asagi-enib" class="block">
3621                            <div class="relative rounded-xl overflow-hidden shadow-lg border border-[#388e3c]/10">
3622                                <img src="https://valyuta.az/storage/104416/conversions/01M406WRPSMHYCE3GNFDKBX0VG-longcard.webp" 
3623                                     alt="Qızılın qiyməti 4 200 dollardan aşağı enib" 
3624                                     class="w-full h-[140px] object-cover group-hover:scale-105 transition-transform duration-500">
3625                                <div class="absolute inset-0 bg-gradient-to-br from-black/10 to-black/20 mix-blend-multiply"></div>
3626                                <div class="absolute inset-0 border border-white/20 rounded-xl"></div>
3627                                <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/5 to-transparent roun
3627ded-xl"></div>
3628                            </div>
3629                        </a>
3630                    </div>
3631                    <a href="https://valyuta.az/news/qizilin-qiymeti-4-200-dollardan-asagi-enib" 
3632                        class="flex items-start gap-2 p-1.5 rounded-lg hover:bg-gradient-to-r hover:from-[#388e3c]/5 hover:to-transparent transition-all duration-300 border border-transparent hover:border-[#388e3c]/10">
3633                        <!-- View Count with Custom Icon -->
3634                        <div class="relative w-12 h-12 flex-shrink-0">
3635                            <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/8 to-[#388e3c]/15 rounded-lg transform transition-all duration-300 group-hover:scale-95 group-hover:rotate-1"></div>
3636                            <div class="absolute inset-0 bg-gradient-to-br from-white/20 to-transparent rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
3637                            <div class="absolute inset-0 flex flex-col items-center justify-center">
3638                                <img src="https://valyuta.az/images/view.svg" class="w-6 h-6 text-[#388e3c]/80 group-hover:text-[#388e3c] mb-0.5 transition-all duration-300" alt="views">
3639                                <span class="text-sm font-bold text-[#388e3c]/80 group-hover:text-[#388e3c] transition-all duration-300">417</span>
3640                            </div>
3641                            <div class="absolute inset-0 border border-[#388e3c]/15 rounded-lg group-hover:border-[#388e3c]/30 transition-all duration-300"></div>
3642                        </div>
3643                        
3644                        <div class="min-w-0 flex-1">
3645                            <h4 class="text-[13px] font-semibold text-gray-900 group-hover:text-[#388e3c] transition-all duration-300 line-clamp-2 leading-snug group-hover:translate-x-1">
3646                                Qızılın qiyməti 4 200 dollardan aşağı enib
3647                                                            </h4>
3648                            <div class="flex items-center gap-2 mt-1">
3649                                <div class="flex items-center text-xs text-gray-500 group-hover:text-gray-600 transition-colors duration-200">
3650                                    <svg class="w-3 h-3 mr-1 text-gray-400 group-hover:text-[#388e3c] transition-colors duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24">
3651                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
3652                                    </svg>
3653                                    03.10.2026
3654                                </div>
3655                            </div>
3656                        </div>
3657                    </a>
3658                                            <div class="h-px bg-gradient-to-r from-transparent via-gray-200 to-transparent mx-2 my-1"></div>
3659                                    </div>
3660                                <div class="group" 
3661                    x-on:mouseenter="hoveredIndex = 1" 
3662                    x-on:mouseleave="hoveredIndex = null">
3663                    <!-- News Image on Hover -->
3664                    <div x-show="hoveredIndex === 1"
3665                        x-transition:enter="transition ease-out duration-200"
3666                        x-transition:enter-start="opacity-0 scale-95"
3667                        x-transition:enter-end="opacity-100 scale-100"
3668                        x-transition:leave="transition ease-in duration-100"
3669                        x-transition:leave-start="opacity-100 scale-100"
3670                        x-transition:leave-end="opacity-0 scale-95"
3671                        class="mb-2">
3672                        <a href="https://valyuta.az/news/azerbaycanda-genis-pul-kutlesi-55-milyard-manata-yaxinlasib" class="block">
3673                            <div class="relative rounded-xl overflow-hidden shadow-lg border border-[#388e3c]/10">
3674                                <img src="https://valyuta.az/storage/104371/conversions/01M3XNK0WC8BCG3513SY9R34SV-longcard.webp" 
3675                                     alt="Azərbaycanda geniş pul kütləsi 55 milyard manata yaxınlaşıb" 
3676                                     class="w-full h-[140px] object-cover group-hover:scale-105 transition-transform duration-500">
3677                                <div class="absolute inset-0 bg-gradient-to-br from-black/10 to-black/20 mix-blend-multiply"></div>
3678                                <div class="absolute inset-0 border border-white/20 rounded-xl"></div>
3679                                <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/5 to-transparent roun
3679ded-xl"></div>
3680                            </div>
3681                        </a>
3682                    </div>
3683                    <a href="https://valyuta.az/news/azerbaycanda-genis-pul-kutlesi-55-milyard-manata-yaxinlasib" 
3684                        class="flex items-start gap-2 p-1.5 rounded-lg hover:bg-gradient-to-r hover:from-[#388e3c]/5 hover:to-transparent transition-all duration-300 border border-transparent hover:border-[#388e3c]/10">
3685                        <!-- View Count with Custom Icon -->
3686                        <div class="relative w-12 h-12 flex-shrink-0">
3687                            <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/8 to-[#388e3c]/15 rounded-lg transform transition-all duration-300 group-hover:scale-95 group-hover:rotate-1"></div>
3688                            <div class="absolute inset-0 bg-gradient-to-br from-white/20 to-transparent rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
3689                            <div class="absolute inset-0 flex flex-col items-center justify-center">
3690                                <img src="https://valyuta.az/images/view.svg" class="w-6 h-6 text-[#388e3c]/80 group-hover:text-[#388e3c] mb-0.5 transition-all duration-300" alt="views">
3691                                <span class="text-sm font-bold text-[#388e3c]/80 group-hover:text-[#388e3c] transition-all duration-300">279</span>
3692                            </div>
3693                            <div class="absolute inset-0 border border-[#388e3c]/15 rounded-lg group-hover:border-[#388e3c]/30 transition-all duration-300"></div>
3694                        </div>
3695                        
3696                        <div class="min-w-0 flex-1">
3697                            <h4 class="text-[13px] font-semibold text-gray-900 group-hover:text-[#388e3c] transition-all duration-300 line-clamp-2 leading-snug group-hover:translate-x-1">
3698                                Azərbaycanda geniş pul kütləsi 55 milyard manata yaxınlaşıb
3699                                                            </h4>
3700                            <div class="flex items-center gap-2 mt-1">
3701                                <div class="flex items-center text-xs text-gray-500 group-hover:text-gray-600 transition-colors duration-200">
3702                                    <svg class="w-3 h-3 mr-1 text-gray-400 group-hover:text-[#388e3c] transition-colors duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24">
3703                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
3704                                    </svg>
3705                                    03.10.2026
3706                                </div>
3707                            </div>
3708                        </div>
3709                    </a>
3710                                            <div class="h-px bg-gradient-to-r from-transparent via-gray-200 to-transparent mx-2 my-1"></div>
3711                                    </div>
3712                                <div class="group" 
3713                    x-on:mouseenter="hoveredIndex = 2" 
3714                    x-on:mouseleave="hoveredIndex = null">
3715                    <!-- News Image on Hover -->
3716                    <div x-show="hoveredIndex === 2"
3717                        x-transition:enter="transition ease-out duration-200"
3718                        x-transition:enter-start="opacity-0 scale-95"
3719                        x-transition:enter-end="opacity-100 scale-100"
3720                        x-transition:leave="transition ease-in duration-100"
3721                        x-transition:leave-start="opacity-100 scale-100"
3722                        x-transition:leave-end="opacity-0 scale-95"
3723                        class="mb-2">
3724                        <a href="https://valyuta.az/news/ozunden-daha-guclu-iscini-komandaya-getirmek-rehber-ucun-riskdirmi-ekspert" class="block">
3725                            <div class="relative rounded-xl overflow-hidden shadow-lg border border-[#388e3c]/10">
3726                                <img src="https://valyuta.az/storage/104372/conversions/01M3XP97ZERAMW30KV6M3M76FE-longcard.webp" 
3727                                     alt="&quot;Yaxşı rəhbər özündən güclü insanlarla işləyə bilməlidir&quot;" 
3728                                     class="w-full h-[140px] object-cover group-hover:scale-105 transition-transform duration-500">
3729                                <div class="absolute inset-0 bg-gradient-to-br from-black/10 to-black/20 mix-blend-multiply"></div>
3730                                <div class="absolute inset-0 border border-white/20 rounded-xl"></div>
3731                                <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/5 to-transparent roun
3731ded-xl"></div>
3732                            </div>
3733                        </a>
3734                    </div>
3735                    <a href="https://valyuta.az/news/ozunden-daha-guclu-iscini-komandaya-getirmek-rehber-ucun-riskdirmi-ekspert" 
3736                        class="flex items-start gap-2 p-1.5 rounded-lg hover:bg-gradient-to-r hover:from-[#388e3c]/5 hover:to-transparent transition-all duration-300 border border-transparent hover:border-[#388e3c]/10">
3737                        <!-- View Count with Custom Icon -->
3738                        <div class="relative w-12 h-12 flex-shrink-0">
3739                            <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/8 to-[#388e3c]/15 rounded-lg transform transition-all duration-300 group-hover:scale-95 group-hover:rotate-1"></div>
3740                            <div class="absolute inset-0 bg-gradient-to-br from-white/20 to-transparent rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
3741                            <div class="absolute inset-0 flex flex-col items-center justify-center">
3742                                <img src="https://valyuta.az/images/view.svg" class="w-6 h-6 text-[#388e3c]/80 group-hover:text-[#388e3c] mb-0.5 transition-all duration-300" alt="views">
3743                                <span class="text-sm font-bold text-[#388e3c]/80 group-hover:text-[#388e3c] transition-all duration-300">277</span>
3744                            </div>
3745                            <div class="absolute inset-0 border border-[#388e3c]/15 rounded-lg group-hover:border-[#388e3c]/30 transition-all duration-300"></div>
3746                        </div>
3747                        
3748                        <div class="min-w-0 flex-1">
3749                            <h4 class="text-[13px] font-semibold text-gray-900 group-hover:text-[#388e3c] transition-all duration-300 line-clamp-2 leading-snug group-hover:translate-x-1">
3750                                "Yaxşı rəhbər özündən güclü insanlarla işləyə bilməlidir"
3751                                                                    <span class="text-[#008000] font-bold">- Ekspert</span>
3752                                                            </h4>
3753                            <div class="flex items-center gap-2 mt-1">
3754                                <div class="flex items-center text-xs text-gray-500 group-hover:text-gray-600 transition-colors duration-200">
3755                                    <svg class="w-3 h-3 mr-1 text-gray-400 group-hover:text-[#388e3c] transition-colors duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24">
3756                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
3757                                    </svg>
3758                                    03.10.2026
3759                                </div>
3760                            </div>
3761                        </div>
3762                    </a>
3763                                            <div class="h-px bg-gradient-to-r from-transparent via-gray-200 to-transparent mx-2 my-1"></div>
3764                                    </div>
3765                                <div class="group" 
3766                    x-on:mouseenter="hoveredIndex = 3" 
3767                    x-on:mouseleave="hoveredIndex = null">
3768                    <!-- News Image on Hover -->
3769                    <div x-show="hoveredIndex === 3"
3770                        x-transition:enter="transition ease-out duration-200"
3771                        x-transition:enter-start="opacity-0 scale-95"
3772                        x-transition:enter-end="opacity-100 scale-100"
3773                        x-transition:leave="transition ease-in duration-100"
3774                        x-transition:leave-start="opacity-100 scale-100"
3775                        x-transition:leave-end="opacity-0 scale-95"
3776                        class="mb-2">
3777                        <a href="https://valyuta.az/news/hele-tikilmeyib-amma-80-i-satilib-17-milyard-dollarliq-layihe" class="block">
3778                            <div class="relative rounded-xl overflow-hidden shadow-lg border border-[#388e3c]/10">
3779                                <img src="https://valyuta.az/storage/104398/conversions/01M3Y6ZAZBYPN014XJAACAAC6H-longcard.webp" 
3780                                     alt="Hələ tikilməyib, amma 80%-i satılıb: " 
3781                                     class="w-full h-[140px] object-cover group-hover:scale-105 transition-transform duration-500">
3782                                <div class="absolute inset-0 bg-gradient-to-br from-black/10 to-black/20 mix-blend-multiply"></div>
3783                                <div class="absolute inset-0 border border-white/20 rounded-xl"></div>
3784                                <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/5 to-transparent roun
3784ded-xl"></div>
3785                            </div>
3786                        </a>
3787                    </div>
3788                    <a href="https://valyuta.az/news/hele-tikilmeyib-amma-80-i-satilib-17-milyard-dollarliq-layihe" 
3789                        class="flex items-start gap-2 p-1.5 rounded-lg hover:bg-gradient-to-r hover:from-[#388e3c]/5 hover:to-transparent transition-all duration-300 border border-transparent hover:border-[#388e3c]/10">
3790                        <!-- View Count with Custom Icon -->
3791                        <div class="relative w-12 h-12 flex-shrink-0">
3792                            <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/8 to-[#388e3c]/15 rounded-lg transform transition-all duration-300 group-hover:scale-95 group-hover:rotate-1"></div>
3793                            <div class="absolute inset-0 bg-gradient-to-br from-white/20 to-transparent rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
3794                            <div class="absolute inset-0 flex flex-col items-center justify-center">
3795                                <img src="https://valyuta.az/images/view.svg" class="w-6 h-6 text-[#388e3c]/80 group-hover:text-[#388e3c] mb-0.5 transition-all duration-300" alt="views">
3796                                <span class="text-sm font-bold text-[#388e3c]/80 group-hover:text-[#388e3c] transition-all duration-300">260</span>
3797                            </div>
3798                            <div class="absolute inset-0 border border-[#388e3c]/15 rounded-lg group-hover:border-[#388e3c]/30 transition-all duration-300"></div>
3799                        </div>
3800                        
3801                        <div class="min-w-0 flex-1">
3802                            <h4 class="text-[13px] font-semibold text-gray-900 group-hover:text-[#388e3c] transition-all duration-300 line-clamp-2 leading-snug group-hover:translate-x-1">
3803                                Hələ tikilməyib, amma 80%-i satılıb: 
3804                                                                    <span class="text-[#008000] font-bold">1,7 milyard dollarlıq layihə</span>
3805                                                            </h4>
3806                            <div class="flex items-center gap-2 mt-1">
3807                                <div class="flex items-center text-xs text-gray-500 group-hover:text-gray-600 transition-colors duration-200">
3808                                    <svg class="w-3 h-3 mr-1 text-gray-400 group-hover:text-[#388e3c] transition-colors duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24">
3809                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
3810                                    </svg>
3811                                    03.10.2026
3812                                </div>
3813                            </div>
3814                        </div>
3815                    </a>
3816                                            <div class="h-px bg-gradient-to-r from-transparent via-gray-200 to-transparent mx-2 my-1"></div>
3817                                    </div>
3818                                <div class="group" 
3819                    x-on:mouseenter="hoveredIndex = 4" 
3820                    x-on:mouseleave="hoveredIndex = null">
3821                    <!-- News Image on Hover -->
3822                    <div x-show="hoveredIndex === 4"
3823                        x-transition:enter="transition ease-out duration-200"
3824                        x-transition:enter-start="opacity-0 scale-95"
3825                        x-transition:enter-end="opacity-100 scale-100"
3826                        x-transition:leave="transition ease-in duration-100"
3827                        x-transition:leave-start="opacity-100 scale-100"
3828                        x-transition:leave-end="opacity-0 scale-95"
3829                        class="mb-2">
3830                        <a href="https://valyuta.az/news/emek-qabiliyyeti-uzre-sigorta-odenisleri-189-min-manat-azalib" class="block">
3831                            <div class="relative rounded-xl overflow-hidden shadow-lg border border-[#388e3c]/10">
3832                                <img src="https://valyuta.az/storage/104367/conversions/01M3XMQVD66761HBPGDGVN6CXC-longcard.webp" 
3833                                     alt="Əmək qabiliyyəti üzrə sığorta ödənişləri 189 min manat azalıb" 
3834                                     class="w-full h-[140px] object-cover group-hover:scale-105 transition-transform duration-500">
3835                                <div class="absolute inset-0 bg-gradient-to-br from-black/10 to-black/20 mix-blend-multiply"></div>
3836                                <div class="absolute inset-0 border border-white/20 rounded-xl"></div>
3837                                <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/5 to-transparent roun
3837ded-xl"></div>
3838                            </div>
3839                        </a>
3840                    </div>
3841                    <a href="https://valyuta.az/news/emek-qabiliyyeti-uzre-sigorta-odenisleri-189-min-manat-azalib" 
3842                        class="flex items-start gap-2 p-1.5 rounded-lg hover:bg-gradient-to-r hover:from-[#388e3c]/5 hover:to-transparent transition-all duration-300 border border-transparent hover:border-[#388e3c]/10">
3843                        <!-- View Count with Custom Icon -->
3844                        <div class="relative w-12 h-12 flex-shrink-0">
3845                            <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/8 to-[#388e3c]/15 rounded-lg transform transition-all duration-300 group-hover:scale-95 group-hover:rotate-1"></div>
3846                            <div class="absolute inset-0 bg-gradient-to-br from-white/20 to-transparent rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
3847                            <div class="absolute inset-0 flex flex-col items-center justify-center">
3848                                <img src="https://valyuta.az/images/view.svg" class="w-6 h-6 text-[#388e3c]/80 group-hover:text-[#388e3c] mb-0.5 transition-all duration-300" alt="views">
3849                                <span class="text-sm font-bold text-[#388e3c]/80 group-hover:text-[#388e3c] transition-all duration-300">256</span>
3850                            </div>
3851                            <div class="absolute inset-0 border border-[#388e3c]/15 rounded-lg group-hover:border-[#388e3c]/30 transition-all duration-300"></div>
3852                        </div>
3853                        
3854                        <div class="min-w-0 flex-1">
3855                            <h4 class="text-[13px] font-semibold text-gray-900 group-hover:text-[#388e3c] transition-all duration-300 line-clamp-2 leading-snug group-hover:translate-x-1">
3856                                Əmək qabiliyyəti üzrə sığorta ödənişləri 189 min manat azalıb
3857                                                            </h4>
3858                            <div class="flex items-center gap-2 mt-1">
3859                                <div class="flex items-center text-xs text-gray-500 group-hover:text-gray-600 transition-colors duration-200">
3860                                    <svg class="w-3 h-3 mr-1 text-gray-400 group-hover:text-[#388e3c] transition-colors duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24">
3861                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
3862                                    </svg>
3863                                    03.10.2026
3864                                </div>
3865                            </div>
3866                        </div>
3867                    </a>
3868                                    </div>
3869                            </div>
3870
3871            <!-- Weekly News -->
3872            <div x-show="activeTab === 'weekly'" 
3873                x-transition:enter="transition ease-out duration-300" 
3874                x-transition:enter-start="opacity-0 translate-y-2" 
3875                x-transition:enter-end="opacity-100 translate-y-0"
3876                class="space-y-0">
3877                                <div class="group" 
3878                    x-on:mouseenter="hoveredIndex = 0" 
3879                    x-on:mouseleave="hoveredIndex = null">
3880                    <!-- News Image on Hover -->
3881                    <div x-show="hoveredIndex === 0"
3882                        x-transition:enter="transition ease-out duration-200"
3883                        x-transition:enter-start="opacity-0 scale-95"
3884                        x-transition:enter-end="opacity-100 scale-100"
3885                        x-transition:leave="transition ease-in duration-100"
3886                        x-transition:leave-start="opacity-100 scale-100"
3887                        x-transition:leave-end="opacity-0 scale-95"
3888                        class="mb-2">
3889                        <a href="https://valyuta.az/news/azpulmatda-500-manat-kredit-goturen-sexs-ne-qeder-geri-odeyir" class="block">
3890                            <div class="relative rounded-xl overflow-hidden shadow-lg border border-[#388e3c]/10">
3891                                <img src="https://valyuta.az/storage/104288/conversions/01M3RQ24RVJAVPZ3YJFPPD1R95-longcard.webp" 
3892                                     alt="“Azpulmat”dan 500 manat kredit götürən şəxs nə qədər geri ödəyir?" 
3893                                     class="w-full h-[140px] object-cover group-hover:scale-105 transition-transform duration-500">
3894                                <div class="absolute inset-0 bg-gradient-to-br from-black/10 to-black/20 mix-blend-multiply"></div>
3895                                <div class="absolute inset-0 border border-white/20 rounded-xl"></div>
3896                                <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/5 to-transparent rounded-xl"></div>
3897                            </div>
3898                        </a>
3899                    </div>
3900                    <a href="https://valyuta.az/news/azpulmatda-500-manat-kredit-goturen-sexs-ne-qeder-geri-odeyir" 
3901                        class="flex items-start gap-2 p-1.5 rounded-lg hover:bg-gradient-to-r hover:from-[#388e3c]/5 hover:to-transparent transition-all duration-300 border border-transparent hover:border-[#388e3c]/10">
3902                        <!-- View Count with Custom Icon -->
3903                        <div class="relative w-12 h-12 flex-shrink-0">
3904                            <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/8 to-[#388e3c]/15 rounded-lg transform transition-all duration-300 group-hover:scale-95 group-hover:rotate-1"></div>
3905                            <div class="absolute inset-0 bg-gradient-to-br from-white/20 to-transparent rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
3906                            <div class="absolute inset-0 flex flex-col items-center justify-center">
3907                                <img src="https://valyuta.az/images/view.svg" class="w-6 h-6 text-[#388e3c]/80 group-hover:text-[#388e3c] mb-0.5 transition-all duration-300" alt="views">
3908                                <span class="text-sm font-bold text-[#388e3c]/80 group-hover:text-[#388e3c] transition-all duration-300">6,341</span>
3909                            </div>
3910                            <div class="absolute inset-0 border border-[#388e3c]/15 rounded-lg group-hover:border-[#388e3c]/30 transition-all duration-300"></div>
3911                        </div>
3912                        
3913                        <div class="min-w-0 flex-1">
3914                            <h4 class="text-[13px] font-semibold text-gray-900 group-hover:text-[#388e3c] transition-all duration-300 line-clamp-2 leading-snug group-hover:translate-x-1">
3915                                “Azpulmat”dan 500 manat kredit götürən şəxs nə qədər geri ödəyir?
3916                                                            </h4>
3917                            <div class="flex items-center gap-2 mt-1">
3918                                <div class="flex items-center text-xs text-gray-500 group-hover:text-gray-600 transition-colors duration-200">
3919                                    <svg class="w-3 h-3 mr-1 text-gray-400 group-hover:text-[#388e3c] transition-colors duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24">
3920                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
3921                                    </svg>
3922                                    01.10.2026
3923                                </div>
3924                            </div>
3925                        </div>
3926                    </a>
3927                                            <div class="h-px bg-gradient-to-r from-transparent via-gray-200 to-transparent mx-2 my-1"></div>
3928                                    </div>
3929                                <div class="group" 
3930                    x-on:mouseenter="hoveredIndex = 1" 
3931                    x-on:mouseleave="hoveredIndex = null">
3932                    <!-- News Image on Hover -->
3933                    <div x-show="hoveredIndex === 1"
3934                        x-transition:enter="transition ease-out duration-200"
3935                        x-transition:enter-start="opacity-0 scale-95"
3936                        x-transition:enter-end="opacity-100 scale-100"
3937                        x-transition:leave="transition ease-in duration-100"
3938                        x-transition:leave-start="opacity-100 scale-100"
3939                        x-transition:leave-end="opacity-0 scale-95"
3940                        class="mb-2">
3941                        <a href="https://valyuta.az/news/parlament-startapla-bagli-bir-sira-qanunlarda-deyisiklikleri-qebul-edib" class="block">
3942                            <div class="relative rounded-xl overflow-hidden shadow-lg border border-[#388e3c]/10">
3943                                <img src="https://valyuta.az/storage/104287/conversions/01M3RPW2DF1YTKSSPR248ZBVMN-longcard.webp" 
3944                                     alt="Parlament startapla bağlı bir sıra qanunlarda dəyişiklikləri qəbul edib" 
3945                                     class="w-full h-[140px] object-cover group-hover:scale-105 transition-transform duration-500">
3946                                <div class="absolute inset-0 bg-gradient-to-br from-black/10 to-black/20 mix-blend-multiply"></div>
3947                                <div class="absolute inset-0 border border-white/20 rounded-xl"></div>
3948                                <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/5 to-transparent roun
3948ded-xl"></div>
3949                            </div>
3950                        </a>
3951                    </div>
3952                    <a href="https://valyuta.az/news/parlament-startapla-bagli-bir-sira-qanunlarda-deyisiklikleri-qebul-edib" 
3953                        class="flex items-start gap-2 p-1.5 rounded-lg hover:bg-gradient-to-r hover:from-[#388e3c]/5 hover:to-transparent transition-all duration-300 border border-transparent hover:border-[#388e3c]/10">
3954                        <!-- View Count with Custom Icon -->
3955                        <div class="relative w-12 h-12 flex-shrink-0">
3956                            <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/8 to-[#388e3c]/15 rounded-lg transform transition-all duration-300 group-hover:scale-95 group-hover:rotate-1"></div>
3957                            <div class="absolute inset-0 bg-gradient-to-br from-white/20 to-transparent rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
3958                            <div class="absolute inset-0 flex flex-col items-center justify-center">
3959                                <img src="https://valyuta.az/images/view.svg" class="w-6 h-6 text-[#388e3c]/80 group-hover:text-[#388e3c] mb-0.5 transition-all duration-300" alt="views">
3960                                <span class="text-sm font-bold text-[#388e3c]/80 group-hover:text-[#388e3c] transition-all duration-300">5,630</span>
3961                            </div>
3962                            <div class="absolute inset-0 border border-[#388e3c]/15 rounded-lg group-hover:border-[#388e3c]/30 transition-all duration-300"></div>
3963                        </div>
3964                        
3965                        <div class="min-w-0 flex-1">
3966                            <h4 class="text-[13px] font-semibold text-gray-900 group-hover:text-[#388e3c] transition-all duration-300 line-clamp-2 leading-snug group-hover:translate-x-1">
3967                                Parlament startapla bağlı bir sıra qanunlarda dəyişiklikləri qəbul edib
3968                                                            </h4>
3969                            <div class="flex items-center gap-2 mt-1">
3970                                <div class="flex items-center text-xs text-gray-500 group-hover:text-gray-600 transition-colors duration-200">
3971                                    <svg class="w-3 h-3 mr-1 text-gray-400 group-hover:text-[#388e3c] transition-colors duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24">
3972                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
3973                                    </svg>
3974                                    30.09.2026
3975                                </div>
3976                            </div>
3977                        </div>
3978                    </a>
3979                                            <div class="h-px bg-gradient-to-r from-transparent via-gray-200 to-transparent mx-2 my-1"></div>
3980                                    </div>
3981                                <div class="group" 
3982                    x-on:mouseenter="hoveredIndex = 2" 
3983                    x-on:mouseleave="hoveredIndex = null">
3984                    <!-- News Image on Hover -->
3985                    <div x-show="hoveredIndex === 2"
3986                        x-transition:enter="transition ease-out duration-200"
3987                        x-transition:enter-start="opacity-0 scale-95"
3988                        x-transition:enter-end="opacity-100 scale-100"
3989                        x-transition:leave="transition ease-in duration-100"
3990                        x-transition:leave-start="opacity-100 scale-100"
3991                        x-transition:leave-end="opacity-0 scale-95"
3992                        class="mb-2">
3993                        <a href="https://valyuta.az/news/qazaxistanda-iki-zavod-tikdi-bakida-kitab-kafeye-rehberlik-edir-musfiq-memmedovla-musahibe" class="block">
3994                            <div class="relative rounded-xl overflow-hidden shadow-lg border border-[#388e3c]/10">
3995                                <img src="https://valyuta.az/storage/104125/conversions/01M39RQHEV4Q0RZ45DMSX3PRJA-longcard.webp" 
3996                                     alt="Qazaxıstanda iki zavod tikdi, Bakıda kitab-kafeyə rəhbərlik edir " 
3997                                     class="w-full h-[140px] object-cover group-hover:scale-105 transition-transform duration-500">
3998                                <div class="absolute inset-0 bg-gradient-to-br from-black/10 to-black/20 mix-blend-multiply"></div>
3999                                <div class="absolute inset-0 border border-white/20 rounded-xl"></div>
4000                                <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/5 to-transparent roun
4000ded-xl"></div>
4001                            </div>
4002                        </a>
4003                    </div>
4004                    <a href="https://valyuta.az/news/qazaxistanda-iki-zavod-tikdi-bakida-kitab-kafeye-rehberlik-edir-musfiq-memmedovla-musahibe" 
4005                        class="flex items-start gap-2 p-1.5 rounded-lg hover:bg-gradient-to-r hover:from-[#388e3c]/5 hover:to-transparent transition-all duration-300 border border-transparent hover:border-[#388e3c]/10">
4006                        <!-- View Count with Custom Icon -->
4007                        <div class="relative w-12 h-12 flex-shrink-0">
4008                            <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/8 to-[#388e3c]/15 rounded-lg transform transition-all duration-300 group-hover:scale-95 group-hover:rotate-1"></div>
4009                            <div class="absolute inset-0 bg-gradient-to-br from-white/20 to-transparent rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
4010                            <div class="absolute inset-0 flex flex-col items-center justify-center">
4011                                <img src="https://valyuta.az/images/view.svg" class="w-6 h-6 text-[#388e3c]/80 group-hover:text-[#388e3c] mb-0.5 transition-all duration-300" alt="views">
4012                                <span class="text-sm font-bold text-[#388e3c]/80 group-hover:text-[#388e3c] transition-all duration-300">2,256</span>
4013                            </div>
4014                            <div class="absolute inset-0 border border-[#388e3c]/15 rounded-lg group-hover:border-[#388e3c]/30 transition-all duration-300"></div>
4015                        </div>
4016                        
4017                        <div class="min-w-0 flex-1">
4018                            <h4 class="text-[13px] font-semibold text-gray-900 group-hover:text-[#388e3c] transition-all duration-300 line-clamp-2 leading-snug group-hover:translate-x-1">
4019                                Qazaxıstanda iki zavod tikdi, Bakıda kitab-kafeyə rəhbərlik edir 
4020                                                                    <span class="text-[#008000] font-bold">- Müşfiq Məmmədovla müsahibə</span>
4021                                                            </h4>
4022                            <div class="flex items-center gap-2 mt-1">
4023                                <div class="flex items-center text-xs text-gray-500 group-hover:text-gray-600 transition-colors duration-200">
4024                                    <svg class="w-3 h-3 mr-1 text-gray-400 group-hover:text-[#388e3c] transition-colors duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24">
4025                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
4026                                    </svg>
4027                                    28.09.2026
4028                                </div>
4029                            </div>
4030                        </div>
4031                    </a>
4032                                            <div class="h-px bg-gradient-to-r from-transparent via-gray-200 to-transparent mx-2 my-1"></div>
4033                                    </div>
4034                                <div class="group" 
4035                    x-on:mouseenter="hoveredIndex = 3" 
4036                    x-on:mouseleave="hoveredIndex = null">
4037                    <!-- News Image on Hover -->
4038                    <div x-show="hoveredIndex === 3"
4039                        x-transition:enter="transition ease-out duration-200"
4040                        x-transition:enter-start="opacity-0 scale-95"
4041                        x-transition:enter-end="opacity-100 scale-100"
4042                        x-transition:leave="transition ease-in duration-100"
4043                        x-transition:leave-start="opacity-100 scale-100"
4044                        x-transition:leave-end="opacity-0 scale-95"
4045                        class="mb-2">
4046                        <a href="https://valyuta.az/news/azcondan-baki-metropolitenine-teyinat" class="block">
4047                            <div class="relative rounded-xl overflow-hidden shadow-lg border border-[#388e3c]/10">
4048                                <img src="https://valyuta.az/storage/104346/conversions/01M3VJTX24CXTPV09XBY354CTQ-longcard.webp" 
4049                                     alt="&quot;AZCON&quot;-dan “Bakı Metropoliteni”nə təyinat" 
4050                                     class="w-full h-[140px] object-cover group-hover:scale-105 transition-transform duration-500">
4051                                <div class="absolute inset-0 bg-gradient-to-br from-black/10 to-black/20 mix-blend-multiply"></div>
4052                                <div class="absolute inset-0 border border-white/20 rounded-xl"></div>
4053                                <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/5 to-transparent roun
4053ded-xl"></div>
4054                            </div>
4055                        </a>
4056                    </div>
4057                    <a href="https://valyuta.az/news/azcondan-baki-metropolitenine-teyinat" 
4058                        class="flex items-start gap-2 p-1.5 rounded-lg hover:bg-gradient-to-r hover:from-[#388e3c]/5 hover:to-transparent transition-all duration-300 border border-transparent hover:border-[#388e3c]/10">
4059                        <!-- View Count with Custom Icon -->
4060                        <div class="relative w-12 h-12 flex-shrink-0">
4061                            <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/8 to-[#388e3c]/15 rounded-lg transform transition-all duration-300 group-hover:scale-95 group-hover:rotate-1"></div>
4062                            <div class="absolute inset-0 bg-gradient-to-br from-white/20 to-transparent rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
4063                            <div class="absolute inset-0 flex flex-col items-center justify-center">
4064                                <img src="https://valyuta.az/images/view.svg" class="w-6 h-6 text-[#388e3c]/80 group-hover:text-[#388e3c] mb-0.5 transition-all duration-300" alt="views">
4065                                <span class="text-sm font-bold text-[#388e3c]/80 group-hover:text-[#388e3c] transition-all duration-300">1,395</span>
4066                            </div>
4067                            <div class="absolute inset-0 border border-[#388e3c]/15 rounded-lg group-hover:border-[#388e3c]/30 transition-all duration-300"></div>
4068                        </div>
4069                        
4070                        <div class="min-w-0 flex-1">
4071                            <h4 class="text-[13px] font-semibold text-gray-900 group-hover:text-[#388e3c] transition-all duration-300 line-clamp-2 leading-snug group-hover:translate-x-1">
4072                                "AZCON"-dan “Bakı Metropoliteni”nə təyinat
4073                                                            </h4>
4074                            <div class="flex items-center gap-2 mt-1">
4075                                <div class="flex items-center text-xs text-gray-500 group-hover:text-gray-600 transition-colors duration-200">
4076                                    <svg class="w-3 h-3 mr-1 text-gray-400 group-hover:text-[#388e3c] transition-colors duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24">
4077                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
4078                                    </svg>
4079                                    01.10.2026
4080                                </div>
4081                            </div>
4082                        </div>
4083                    </a>
4084                                            <div class="h-px bg-gradient-to-r from-transparent via-gray-200 to-transparent mx-2 my-1"></div>
4085                                    </div>
4086                                <div class="group" 
4087                    x-on:mouseenter="hoveredIndex = 4" 
4088                    x-on:mouseleave="hoveredIndex = null">
4089                    <!-- News Image on Hover -->
4090                    <div x-show="hoveredIndex === 4"
4091                        x-transition:enter="transition ease-out duration-200"
4092                        x-transition:enter-start="opacity-0 scale-95"
4093                        x-transition:enter-end="opacity-100 scale-100"
4094                        x-transition:leave="transition ease-in duration-100"
4095                        x-transition:leave-start="opacity-100 scale-100"
4096                        x-transition:leave-end="opacity-0 scale-95"
4097                        class="mb-2">
4098                        <a href="https://valyuta.az/news/ucuz-ve-praktik-dunyanin-en-yaxsi-elektrik-avtomobili-secildi" class="block">
4099                            <div class="relative rounded-xl overflow-hidden shadow-lg border border-[#388e3c]/10">
4100                                <img src="https://valyuta.az/storage/104214/conversions/01M3KZ8AMGGNGYV72JKETC98WR-longcard.webp" 
4101                                     alt="Ucuz və praktik: Dünyanın ən yaxşı elektrik avtomobili seçildi" 
4102                                     class="w-full h-[140px] object-cover group-hover:scale-105 transition-transform duration-500">
4103                                <div class="absolute inset-0 bg-gradient-to-br from-black/10 to-black/20 mix-blend-multiply"></div>
4104                                <div class="absolute inset-0 border border-white/20 rounded-xl"></div>
4105                                <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/5 to-transparent roun
4105ded-xl"></div>
4106                            </div>
4107                        </a>
4108                    </div>
4109                    <a href="https://valyuta.az/news/ucuz-ve-praktik-dunyanin-en-yaxsi-elektrik-avtomobili-secildi" 
4110                        class="flex items-start gap-2 p-1.5 rounded-lg hover:bg-gradient-to-r hover:from-[#388e3c]/5 hover:to-transparent transition-all duration-300 border border-transparent hover:border-[#388e3c]/10">
4111                        <!-- View Count with Custom Icon -->
4112                        <div class="relative w-12 h-12 flex-shrink-0">
4113                            <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/8 to-[#388e3c]/15 rounded-lg transform transition-all duration-300 group-hover:scale-95 group-hover:rotate-1"></div>
4114                            <div class="absolute inset-0 bg-gradient-to-br from-white/20 to-transparent rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
4115                            <div class="absolute inset-0 flex flex-col items-center justify-center">
4116                                <img src="https://valyuta.az/images/view.svg" class="w-6 h-6 text-[#388e3c]/80 group-hover:text-[#388e3c] mb-0.5 transition-all duration-300" alt="views">
4117                                <span class="text-sm font-bold text-[#388e3c]/80 group-hover:text-[#388e3c] transition-all duration-300">1,199</span>
4118                            </div>
4119                            <div class="absolute inset-0 border border-[#388e3c]/15 rounded-lg group-hover:border-[#388e3c]/30 transition-all duration-300"></div>
4120                        </div>
4121                        
4122                        <div class="min-w-0 flex-1">
4123                            <h4 class="text-[13px] font-semibold text-gray-900 group-hover:text-[#388e3c] transition-all duration-300 line-clamp-2 leading-snug group-hover:translate-x-1">
4124                                Ucuz və praktik: Dünyanın ən yaxşı elektrik avtomobili seçildi
4125                                                            </h4>
4126                            <div class="flex items-center gap-2 mt-1">
4127                                <div class="flex items-center text-xs text-gray-500 group-hover:text-gray-600 transition-colors duration-200">
4128                                    <svg class="w-3 h-3 mr-1 text-gray-400 group-hover:text-[#388e3c] transition-colors duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24">
4129                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
4130                                    </svg>
4131                                    28.09.2026
4132                                </div>
4133                            </div>
4134                        </div>
4135                    </a>
4136                                    </div>
4137                            </div>
4138
4139            <!-- Monthly News -->
4140            <div x-show="activeTab === 'monthly'" 
4141                x-transition:enter="transition ease-out duration-300" 
4142                x-transition:enter-start="opacity-0 translate-y-2" 
4143                x-transition:enter-end="opacity-100 translate-y-0"
4144                class="space-y-0">
4145                                <div class="group" 
4146                    x-on:mouseenter="hoveredIndex = 0" 
4147                    x-on:mouseleave="hoveredIndex = null">
4148                    <!-- News Image on Hover -->
4149                    <div x-show="hoveredIndex === 0"
4150                        x-transition:enter="transition ease-out duration-200"
4151                        x-transition:enter-start="opacity-0 scale-95"
4152                        x-transition:enter-end="opacity-100 scale-100"
4153                        x-transition:leave="transition ease-in duration-100"
4154                        x-transition:leave-start="opacity-100 scale-100"
4155                        x-transition:leave-end="opacity-0 scale-95"
4156                        class="mb-2">
4157                        <a href="https://valyuta.az/news/azpulmatda-500-manat-kredit-goturen-sexs-ne-qeder-geri-odeyir" class="block">
4158                            <div class="relative rounded-xl overflow-hidden shadow-lg border border-[#388e3c]/10">
4159                                <img src="https://valyuta.az/storage/104288/conversions/01M3RQ24RVJAVPZ3YJFPPD1R95-longcard.webp" 
4160                                     alt="“Azpulmat”dan 500 manat kredit götürən şəxs nə qədər geri ödəyir?" 
4161                                     class="w-full h-[140px] object-cover group-hover:scale-105 transition-transform duration-500">
4162                                <div class="absolute inset-0 bg-gradient-to-br from-black/10 to-black/20 mix-blend-multiply"></div>
4163                                <div class="absolute inset-0 border border-white/20 rounded-xl"></div>
4164                                <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/5 to-transparent rounded-xl"></div>
4165                            </div>
4166                        </a>
4167                    </div>
4168                    <a href="https://valyuta.az/news/azpulmatda-500-manat-kredit-goturen-sexs-ne-qeder-geri-odeyir" 
4169                        class="flex items-start gap-2 p-1.5 rounded-lg hover:bg-gradient-to-r hover:from-[#388e3c]/5 hover:to-transparent transition-all duration-300 border border-transparent hover:border-[#388e3c]/10">
4170                        <!-- View Count with Custom Icon -->
4171                        <div class="relative w-12 h-12 flex-shrink-0">
4172                            <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/8 to-[#388e3c]/15 rounded-lg transform transition-all duration-300 group-hover:scale-95 group-hover:rotate-1"></div>
4173                            <div class="absolute inset-0 bg-gradient-to-br from-white/20 to-transparent rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
4174                            <div class="absolute inset-0 flex flex-col items-center justify-center">
4175                                <img src="https://valyuta.az/images/view.svg" class="w-6 h-6 text-[#388e3c]/80 group-hover:text-[#388e3c] mb-0.5 transition-all duration-300" alt="views">
4176                                <span class="text-sm font-bold text-[#388e3c]/80 group-hover:text-[#388e3c] transition-all duration-300">6,341</span>
4177                            </div>
4178                            <div class="absolute inset-0 border border-[#388e3c]/15 rounded-lg group-hover:border-[#388e3c]/30 transition-all duration-300"></div>
4179                        </div>
4180                        
4181                        <div class="min-w-0 flex-1">
4182                            <h4 class="text-[13px] font-semibold text-gray-900 group-hover:text-[#388e3c] transition-all duration-300 line-clamp-2 leading-snug group-hover:translate-x-1">
4183                                “Azpulmat”dan 500 manat kredit götürən şəxs nə qədər geri ödəyir?
4184                                                            </h4>
4185                            <div class="flex items-center gap-2 mt-1">
4186                                <div class="flex items-center text-xs text-gray-500 group-hover:text-gray-600 transition-colors duration-200">
4187                                    <svg class="w-3 h-3 mr-1 text-gray-400 group-hover:text-[#388e3c] transition-colors duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24">
4188                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
4189                                    </svg>
4190                                    01.10.2026
4191                                </div>
4192                            </div>
4193                        </div>
4194                    </a>
4195                                            <div class="h-px bg-gradient-to-r from-transparent via-gray-200 to-transparent mx-2 my-1"></div>
4196                                    </div>
4197                                <div class="group" 
4198                    x-on:mouseenter="hoveredIndex = 1" 
4199                    x-on:mouseleave="hoveredIndex = null">
4200                    <!-- News Image on Hover -->
4201                    <div x-show="hoveredIndex === 1"
4202                        x-transition:enter="transition ease-out duration-200"
4203                        x-transition:enter-start="opacity-0 scale-95"
4204                        x-transition:enter-end="opacity-100 scale-100"
4205                        x-transition:leave="transition ease-in duration-100"
4206                        x-transition:leave-start="opacity-100 scale-100"
4207                        x-transition:leave-end="opacity-0 scale-95"
4208                        class="mb-2">
4209                        <a href="https://valyuta.az/news/parlament-startapla-bagli-bir-sira-qanunlarda-deyisiklikleri-qebul-edib" class="block">
4210                            <div class="relative rounded-xl overflow-hidden shadow-lg border border-[#388e3c]/10">
4211                                <img src="https://valyuta.az/storage/104287/conversions/01M3RPW2DF1YTKSSPR248ZBVMN-longcard.webp" 
4212                                     alt="Parlament startapla bağlı bir sıra qanunlarda dəyişiklikləri qəbul edib" 
4213                                     class="w-full h-[140px] object-cover group-hover:scale-105 transition-transform duration-500">
4214                                <div class="absolute inset-0 bg-gradient-to-br from-black/10 to-black/20 mix-blend-multiply"></div>
4215                                <div class="absolute inset-0 border border-white/20 rounded-xl"></div>
4216                                <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/5 to-transparent roun
4216ded-xl"></div>
4217                            </div>
4218                        </a>
4219                    </div>
4220                    <a href="https://valyuta.az/news/parlament-startapla-bagli-bir-sira-qanunlarda-deyisiklikleri-qebul-edib" 
4221                        class="flex items-start gap-2 p-1.5 rounded-lg hover:bg-gradient-to-r hover:from-[#388e3c]/5 hover:to-transparent transition-all duration-300 border border-transparent hover:border-[#388e3c]/10">
4222                        <!-- View Count with Custom Icon -->
4223                        <div class="relative w-12 h-12 flex-shrink-0">
4224                            <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/8 to-[#388e3c]/15 rounded-lg transform transition-all duration-300 group-hover:scale-95 group-hover:rotate-1"></div>
4225                            <div class="absolute inset-0 bg-gradient-to-br from-white/20 to-transparent rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
4226                            <div class="absolute inset-0 flex flex-col items-center justify-center">
4227                                <img src="https://valyuta.az/images/view.svg" class="w-6 h-6 text-[#388e3c]/80 group-hover:text-[#388e3c] mb-0.5 transition-all duration-300" alt="views">
4228                                <span class="text-sm font-bold text-[#388e3c]/80 group-hover:text-[#388e3c] transition-all duration-300">5,630</span>
4229                            </div>
4230                            <div class="absolute inset-0 border border-[#388e3c]/15 rounded-lg group-hover:border-[#388e3c]/30 transition-all duration-300"></div>
4231                        </div>
4232                        
4233                        <div class="min-w-0 flex-1">
4234                            <h4 class="text-[13px] font-semibold text-gray-900 group-hover:text-[#388e3c] transition-all duration-300 line-clamp-2 leading-snug group-hover:translate-x-1">
4235                                Parlament startapla bağlı bir sıra qanunlarda dəyişiklikləri qəbul edib
4236                                                            </h4>
4237                            <div class="flex items-center gap-2 mt-1">
4238                                <div class="flex items-center text-xs text-gray-500 group-hover:text-gray-600 transition-colors duration-200">
4239                                    <svg class="w-3 h-3 mr-1 text-gray-400 group-hover:text-[#388e3c] transition-colors duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24">
4240                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
4241                                    </svg>
4242                                    30.09.2026
4243                                </div>
4244                            </div>
4245                        </div>
4246                    </a>
4247                                            <div class="h-px bg-gradient-to-r from-transparent via-gray-200 to-transparent mx-2 my-1"></div>
4248                                    </div>
4249                                <div class="group" 
4250                    x-on:mouseenter="hoveredIndex = 2" 
4251                    x-on:mouseleave="hoveredIndex = null">
4252                    <!-- News Image on Hover -->
4253                    <div x-show="hoveredIndex === 2"
4254                        x-transition:enter="transition ease-out duration-200"
4255                        x-transition:enter-start="opacity-0 scale-95"
4256                        x-transition:enter-end="opacity-100 scale-100"
4257                        x-transition:leave="transition ease-in duration-100"
4258                        x-transition:leave-start="opacity-100 scale-100"
4259                        x-transition:leave-end="opacity-0 scale-95"
4260                        class="mb-2">
4261                        <a href="https://valyuta.az/news/gencede-yollarin-temirine-49-milyon-manat-xerclenecek" class="block">
4262                            <div class="relative rounded-xl overflow-hidden shadow-lg border border-[#388e3c]/10">
4263                                <img src="https://valyuta.az/storage/103574/conversions/01M236Y6A66RXND71ZAY0XFCDR-longcard.webp" 
4264                                     alt="Gəncədə yolların təmirinə 4,9 milyon manat xərclənəcək" 
4265                                     class="w-full h-[140px] object-cover group-hover:scale-105 transition-transform duration-500">
4266                                <div class="absolute inset-0 bg-gradient-to-br from-black/10 to-black/20 mix-blend-multiply"></div>
4267                                <div class="absolute inset-0 border border-white/20 rounded-xl"></div>
4268                                <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/5 to-transparent roun
4268ded-xl"></div>
4269                            </div>
4270                        </a>
4271                    </div>
4272                    <a href="https://valyuta.az/news/gencede-yollarin-temirine-49-milyon-manat-xerclenecek" 
4273                        class="flex items-start gap-2 p-1.5 rounded-lg hover:bg-gradient-to-r hover:from-[#388e3c]/5 hover:to-transparent transition-all duration-300 border border-transparent hover:border-[#388e3c]/10">
4274                        <!-- View Count with Custom Icon -->
4275                        <div class="relative w-12 h-12 flex-shrink-0">
4276                            <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/8 to-[#388e3c]/15 rounded-lg transform transition-all duration-300 group-hover:scale-95 group-hover:rotate-1"></div>
4277                            <div class="absolute inset-0 bg-gradient-to-br from-white/20 to-transparent rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
4278                            <div class="absolute inset-0 flex flex-col items-center justify-center">
4279                                <img src="https://valyuta.az/images/view.svg" class="w-6 h-6 text-[#388e3c]/80 group-hover:text-[#388e3c] mb-0.5 transition-all duration-300" alt="views">
4280                                <span class="text-sm font-bold text-[#388e3c]/80 group-hover:text-[#388e3c] transition-all duration-300">3,282</span>
4281                            </div>
4282                            <div class="absolute inset-0 border border-[#388e3c]/15 rounded-lg group-hover:border-[#388e3c]/30 transition-all duration-300"></div>
4283                        </div>
4284                        
4285                        <div class="min-w-0 flex-1">
4286                            <h4 class="text-[13px] font-semibold text-gray-900 group-hover:text-[#388e3c] transition-all duration-300 line-clamp-2 leading-snug group-hover:translate-x-1">
4287                                Gəncədə yolların təmirinə 4,9 milyon manat xərclənəcək
4288                                                            </h4>
4289                            <div class="flex items-center gap-2 mt-1">
4290                                <div class="flex items-center text-xs text-gray-500 group-hover:text-gray-600 transition-colors duration-200">
4291                                    <svg class="w-3 h-3 mr-1 text-gray-400 group-hover:text-[#388e3c] transition-colors duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24">
4292                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
4293                                    </svg>
4294                                    09.09.2026
4295                                </div>
4296                            </div>
4297                        </div>
4298                    </a>
4299                                            <div class="h-px bg-gradient-to-r from-transparent via-gray-200 to-transparent mx-2 my-1"></div>
4300                                    </div>
4301                                <div class="group" 
4302                    x-on:mouseenter="hoveredIndex = 3" 
4303                    x-on:mouseleave="hoveredIndex = null">
4304                    <!-- News Image on Hover -->
4305                    <div x-show="hoveredIndex === 3"
4306                        x-transition:enter="transition ease-out duration-200"
4307                        x-transition:enter-start="opacity-0 scale-95"
4308                        x-transition:enter-end="opacity-100 scale-100"
4309                        x-transition:leave="transition ease-in duration-100"
4310                        x-transition:leave-start="opacity-100 scale-100"
4311                        x-transition:leave-end="opacity-0 scale-95"
4312                        class="mb-2">
4313                        <a href="https://valyuta.az/news/merkezi-nebatat-baginda-48-milyon-manatliq-isiq-sousu-planlasdirilir" class="block">
4314                            <div class="relative rounded-xl overflow-hidden shadow-lg border border-[#388e3c]/10">
4315                                <img src="https://valyuta.az/storage/103465/conversions/01M1XHPC2Y07MZZ1CMTE85NGM7-longcard.webp" 
4316                                     alt="Mərkəzi Nəbatat Bağında 4,8 milyon manatlıq işıq şousu planlaşdırılır" 
4317                                     class="w-full h-[140px] object-cover group-hover:scale-105 transition-transform duration-500">
4318                                <div class="absolute inset-0 bg-gradient-to-br from-black/10 to-black/20 mix-blend-multiply"></div>
4319                                <div class="absolute inset-0 border border-white/20 rounded-xl"></div>
4320                                <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/5 to-transparent roun
4320ded-xl"></div>
4321                            </div>
4322                        </a>
4323                    </div>
4324                    <a href="https://valyuta.az/news/merkezi-nebatat-baginda-48-milyon-manatliq-isiq-sousu-planlasdirilir" 
4325                        class="flex items-start gap-2 p-1.5 rounded-lg hover:bg-gradient-to-r hover:from-[#388e3c]/5 hover:to-transparent transition-all duration-300 border border-transparent hover:border-[#388e3c]/10">
4326                        <!-- View Count with Custom Icon -->
4327                        <div class="relative w-12 h-12 flex-shrink-0">
4328                            <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/8 to-[#388e3c]/15 rounded-lg transform transition-all duration-300 group-hover:scale-95 group-hover:rotate-1"></div>
4329                            <div class="absolute inset-0 bg-gradient-to-br from-white/20 to-transparent rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
4330                            <div class="absolute inset-0 flex flex-col items-center justify-center">
4331                                <img src="https://valyuta.az/images/view.svg" class="w-6 h-6 text-[#388e3c]/80 group-hover:text-[#388e3c] mb-0.5 transition-all duration-300" alt="views">
4332                                <span class="text-sm font-bold text-[#388e3c]/80 group-hover:text-[#388e3c] transition-all duration-300">2,988</span>
4333                            </div>
4334                            <div class="absolute inset-0 border border-[#388e3c]/15 rounded-lg group-hover:border-[#388e3c]/30 transition-all duration-300"></div>
4335                        </div>
4336                        
4337                        <div class="min-w-0 flex-1">
4338                            <h4 class="text-[13px] font-semibold text-gray-900 group-hover:text-[#388e3c] transition-all duration-300 line-clamp-2 leading-snug group-hover:translate-x-1">
4339                                Mərkəzi Nəbatat Bağında 4,8 milyon manatlıq işıq şousu planlaşdırılır
4340                                                            </h4>
4341                            <div class="flex items-center gap-2 mt-1">
4342                                <div class="flex items-center text-xs text-gray-500 group-hover:text-gray-600 transition-colors duration-200">
4343                                    <svg class="w-3 h-3 mr-1 text-gray-400 group-hover:text-[#388e3c] transition-colors duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24">
4344                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
4345                                    </svg>
4346                                    07.09.2026
4347                                </div>
4348                            </div>
4349                        </div>
4350                    </a>
4351                                            <div class="h-px bg-gradient-to-r from-transparent via-gray-200 to-transparent mx-2 my-1"></div>
4352                                    </div>
4353                                <div class="group" 
4354                    x-on:mouseenter="hoveredIndex = 4" 
4355                    x-on:mouseleave="hoveredIndex = null">
4356                    <!-- News Image on Hover -->
4357                    <div x-show="hoveredIndex === 4"
4358                        x-transition:enter="transition ease-out duration-200"
4359                        x-transition:enter-start="opacity-0 scale-95"
4360                        x-transition:enter-end="opacity-100 scale-100"
4361                        x-transition:leave="transition ease-in duration-100"
4362                        x-transition:leave-start="opacity-100 scale-100"
4363                        x-transition:leave-end="opacity-0 scale-95"
4364                        class="mb-2">
4365                        <a href="https://valyuta.az/news/respublika-uzre-11-modul-mekteb-qurasdirilacaq-67-milyon-manatliq-tender" class="block">
4366                            <div class="relative rounded-xl overflow-hidden shadow-lg border border-[#388e3c]/10">
4367                                <img src="https://valyuta.az/storage/103735/conversions/01M2FS1WV28G2GZNBGWNP3K958-longcard.webp" 
4368                                     alt="Respublika üzrə 20 modul məktəb quraşdırılacaq " 
4369                                     class="w-full h-[140px] object-cover group-hover:scale-105 transition-transform duration-500">
4370                                <div class="absolute inset-0 bg-gradient-to-br from-black/10 to-black/20 mix-blend-multiply"></div>
4371                                <div class="absolute inset-0 border border-white/20 rounded-xl"></div>
4372                                <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/5 to-transparent roun
4372ded-xl"></div>
4373                            </div>
4374                        </a>
4375                    </div>
4376                    <a href="https://valyuta.az/news/respublika-uzre-11-modul-mekteb-qurasdirilacaq-67-milyon-manatliq-tender" 
4377                        class="flex items-start gap-2 p-1.5 rounded-lg hover:bg-gradient-to-r hover:from-[#388e3c]/5 hover:to-transparent transition-all duration-300 border border-transparent hover:border-[#388e3c]/10">
4378                        <!-- View Count with Custom Icon -->
4379                        <div class="relative w-12 h-12 flex-shrink-0">
4380                            <div class="absolute inset-0 bg-gradient-to-br from-[#388e3c]/8 to-[#388e3c]/15 rounded-lg transform transition-all duration-300 group-hover:scale-95 group-hover:rotate-1"></div>
4381                            <div class="absolute inset-0 bg-gradient-to-br from-white/20 to-transparent rounded-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
4382                            <div class="absolute inset-0 flex flex-col items-center justify-center">
4383                                <img src="https://valyuta.az/images/view.svg" class="w-6 h-6 text-[#388e3c]/80 group-hover:text-[#388e3c] mb-0.5 transition-all duration-300" alt="views">
4384                                <span class="text-sm font-bold text-[#388e3c]/80 group-hover:text-[#388e3c] transition-all duration-300">2,972</span>
4385                            </div>
4386                            <div class="absolute inset-0 border border-[#388e3c]/15 rounded-lg group-hover:border-[#388e3c]/30 transition-all duration-300"></div>
4387                        </div>
4388                        
4389                        <div class="min-w-0 flex-1">
4390                            <h4 class="text-[13px] font-semibold text-gray-900 group-hover:text-[#388e3c] transition-all duration-300 line-clamp-2 leading-snug group-hover:translate-x-1">
4391                                Respublika üzrə 20 modul məktəb quraşdırılacaq 
4392                                                                    <span class="text-[#008000] font-bold">– 12 milyon manatlıq tender</span>
4393                                                            </h4>
4394                            <div class="flex items-center gap-2 mt-1">
4395                                <div class="flex items-center text-xs text-gray-500 group-hover:text-gray-600 transition-colors duration-200">
4396                                    <svg class="w-3 h-3 mr-1 text-gray-400 group-hover:text-[#388e3c] transition-colors duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24">
4397                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
4398                                    </svg>
4399                                    14.09.2026
4400                                </div>
4401                            </div>
4402                        </div>
4403                    </a>
4404                                    </div>
4405                            </div>
4406        </div>
4407    </div>
4408</div>             
4409        </div>
4410    </div>
4411</div>
4412
4413    </main>
4414
4415    <!-- Footer Section -->
4416    <footer class="bg-white border-t mt-12 relative overflow-hidden">
4417        <!-- Decorative elements -->
4418        <div class="absolute inset-0 pointer-events-none">
4419            <div class="absolute top-0 right-0 w-40 h-40 bg-[#388e3c]/5 rounded-full -mr-20 -mt-20 blur-xl animate-pulse"></div>
4420            <div class="absolute bottom-0 left-0 w-60 h-60 bg-[#388e3c]/5 rounded-full -ml-20 -mb-20 blur-xl animate-pulse"></div>
4421            <!-- Animated dots pattern -->
4422            <div class="absolute inset-0 opacity-10">
4423                <div class="absolute top-1/4 left-1/4 w-2 h-2 bg-[#388e3c] rounded-full animate-bounce"></div>
4424                <div class="absolute top-1/3 right-1/3 w-2 h-2 bg-[#388e3c] rounded-full animate-bounce" style="animation-delay: 0.2s"></div>
4425                <div class="absolute bottom-1/4 left-1/3 w-2 h-2 bg-[#388e3c] rounded-full animate-bounce" style="animation-delay: 0.4s"></div>
4426            </div>
4427        </div>
4428
4429        <div class="max-w-6xl mx-auto px-4 py-8 relative">
4430            <!-- Footer Content -->
4431            <div class="flex flex-col md:flex-row items-center justify-between gap-8">
4432                <!-- Logo and About -->
4433                <div class="flex-1 group">
4434                    <a href="https://valyuta.az" class="hover:text-[#388e3c] transition-colors duration-300">
4435                        <div class="flex items-center gap-3 mb-3 transform transition-transform duration-300 group-hover:scale-105">
4436                           
4437                            <div>
4438                                <div class="flex flex-col">
4439                                    <div class="flex items-center space-x-3">
4440                                       
4441                                        <!-- Logo Icon -->
4442                                        <div class="relative group">
4443                                            <a href="https://valyuta.az">
4444                                            <!-- Main Icon Container -->
4445                                            <div class="w-60 flex items-center justify-center relative overflow-hidden transform group-hover:scale-105 transition-all duration-300">
4446                                                <!-- Valyuta Logo SVG -->
4447                                                <img src="https://valyuta.az/images/valyuta_logo.svg" alt="Valyuta.az Logo" class="w-full h-full object-contain">
4448                                                
4449                                                <!-- Simple Hover Effect -->
4450                                                <div class="absolute inset-0 opacity-0 group-hover:opacity-100 transition-all duration-300 bg-white/10"></div>
4451                                            </div>
4452                                            </a>
4453                                        </div>
4454
4455                                    </div>
4456                                </div>
4457                            </div>
4458                        </div>
4459                    </a>
4460                </div>
4461
4462                <!-- Social Media -->
4463                <div class="flex flex-col items-center gap-4">
4464                    <div class="flex items-center gap-4">
4465                        <!-- X (Twitter) -->
4466                        <!-- <a href="#" class="text-gray-400 hover:text-[#388e3c] transition-all duration-300 group" title="X">
4467                            <div class="w-10 h-10 rounded-lg bg-gray-50 flex items-center justify-center group-hover:bg-[#388e3c]/10 group-hover:scale-110 transition-all duration-300 shadow-sm group-hover:shadow-md">
4468                                <svg class="w-5 h-5 transform group-hover:rotate-12 transition-transform duration-300" fill="currentColor" viewBox="0 0 24 24">
4469                                    <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
4470                                </svg>
4471                            </div>
4472                        </a> -->
4473                        <!-- Instagram -->
4474                        <a href="https://www.instagram.com/valyuta_az/" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-[#388e3c] transition-all duration-300 group" title="Instagram">
4475                            <div class="w-10 h-10 rounded-lg bg-gray-50 flex items-center justify-center group-hover:bg-[#388e3c]/10 group-hover:scale-110 transition-all duration-300 shadow-sm group-hover:shadow-md">
4476                                <svg class="w-5 h-5 transform group-hover:rotate-12 transition-transform duration-300" fill="currentColor" viewBox="0 0 24 24">
4477                                    <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/>
4478                                </svg>
4479                            </div>
4480                        </a>
4481                        <!-- WhatsApp -->
4482                        <!-- <a href="#" class="text-gray-400 hover:text-[#388e3c] transition-all duration-300 group" title="WhatsApp">
4483                            <div class="w-10 h-10 rounded-lg bg-gray-50 flex items-center justify-center group-hover:bg-[#388e3c]/10 group-hover:scale-110 transition-all duration-300 shadow-sm group-hover:shadow-md">
4484                                <svg class="w-5 h-5 transform group-hover:rotate-12 transition-transform duration-300" fill="currentColor" viewBox="0 0 24 24">
4485                                    <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-.
4485198 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 0020.885 3.488"/>
4486                                </svg>
4487                            </div>
4488                        </a> -->
4489                        <!-- YouTube -->
4490                        <a href="https://www.youtube.com/@valyuta_az" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-[#388e3c] transition-all duration-300 group" title="YouTube">
4491                            <div class="w-10 h-10 rounded-lg bg-gray-50 flex items-center justify-center group-hover:bg-[#388e3c]/10 group-hover:scale-110 transition-all duration-300 shadow-sm group-hover:shadow-md">
4492                                <svg class="w-5 h-5 transform group-hover:rotate-12 transition-transform duration-300" fill="currentColor" viewBox="0 0 24 24">
4493                                    <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/>
4494                                </svg>
4495                            </div>
4496                        </a>
4497                        <!-- TikTok -->
4498                        <a href="https://www.tiktok.com/@valyuta_az?_t=ZS-8yIHyjsdf9u&_r=1" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-[#388e3c] transition-all duration-300 group" title="TikTok">
4499                            <div class="w-10 h-10 rounded-lg bg-gray-50 flex items-center justify-center group-hover:bg-[#388e3c]/10 group-hover:scale-110 transition-all duration-300 shadow-sm group-hover:shadow-md">
4500                                <svg class="w-5 h-5 transform group-hover:rotate-12 transition-transform duration-300" fill="currentColor" viewBox="0 0 24 24">
4501                                    <path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"/>
4502                                </svg>
4503                            </div>
4504                        </a>
4505                        <!-- Facebook -->
4506                        <a href="https://www.facebook.com/valyuta.az/" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-[#388e3c] transition-all duration-300 group" title="Facebook">
4507                            <div class="w-10 h-10 rounded-lg bg-gray-50 flex items-center justify-center group-hover:bg-[#388e3c]/10 group-hover:scale-110 transition-all duration-300 shadow-sm group-hover:shadow-md">
4508                                <svg class="w-5 h-5 transform group-hover:rotate-12 transition-transform duration-300" fill="currentColor" viewBox="0 0 24 24">
4509                                    <path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/>
4510                                </svg>
4511                            </div>
4512                        </a>
4513                        <!-- Telegram -->
4514                        <a href="https://t.me/valyuta_az" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-[#388e3c] transition-all duration-300 group" title="Telegram">
4515                            <div class="w-10 h-10 rounded-lg bg-gray-50 flex items-center justify-center group-hover:bg-[#388e3c]/10 group-hover:scale-110 transition-all duration-300 shadow-sm group-hover:shadow-md">
4516                                <svg class="w-5 h-5 transform group-hover:rotate-12 transition-transform duration-300" fill="currentColor" viewBox="0 0 24 24">
4517                                    <path d="M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.9
451762 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"/>
4518                                </svg>
4519                            </div>
4520                        </a>
4521                        <!-- LinkedIn -->
4522                        <a href="https://www.linkedin.com/company/valyuta-az/posts/?feedView=all" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-[#388e3c] transition-all duration-300 group" title="LinkedIn">
4523                            <div class="w-10 h-10 rounded-lg bg-gray-50 flex items-center justify-center group-hover:bg-[#388e3c]/10 group-hover:scale-110 transition-all duration-300 shadow-sm group-hover:shadow-md">
4524                                <svg class="w-5 h-5 transform group-hover:rotate-12 transition-transform duration-300" fill="currentColor" viewBox="0 0 24 24">
4525                                    <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/>
4526                                </svg>
4527                            </div>
4528                        </a>
4529                        
4530                    </div>
4531                </div>
4532
4533                <!-- Contact -->
4534                <div class="flex-1">
4535                    <div class="flex flex-col items-end gap-4">
4536                        <div class="flex items-center gap-2 text-gray-600 text-sm group">
4537                            <div class="w-8 h-8 rounded-lg bg-gray-50 flex items-center justify-center group-hover:bg-[#388e3c]/10 group-hover:scale-110 transition-all duration-300 shadow-sm group-hover:shadow-md">
4538                                <svg class="w-4 h-4 transform group-hover:rotate-12 transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24">
4539                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/>
4540                                </svg>
4541                            </div>
4542                            <span class="min-w-[140px] group-hover:text-[#388e3c] transition-colors duration-300">+994 55 211 45 88</span>
4543                        </div>
4544                        <div class="flex items-center gap-2 text-gray-600 text-sm group">
4545                            <div class="w-8 h-8 rounded-lg bg-gray-50 flex items-center justify-center group-hover:bg-[#388e3c]/10 group-hover:scale-110 transition-all duration-300 shadow-sm group-hover:shadow-md">
4546                                <svg class="w-4 h-4 transform group-hover:rotate-12 transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24">
4547                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/>
4548                                </svg>
4549                            </div>
4550                            <span class="min-w-[140px] group-hover:text-[#388e3c] transition-colors duration-300"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="3a53545c557a4c5b56434f4e5b145b40">[email&#160;protected]</a></span>
4551                        </div>
4552                    </div>
4553
4554                    
4555                </div>
4556            </div>
4557
4558            <!-- Footer Bottom -->
4559            <div class="mt-8 pt-6 border-t border-gray-100 text-center relative">
4560                <p class="text-sm text-gray-600 inline-block relative group">
4561                    © 2025 Valyuta.az. Bütün hüquqlar qorunur.
4562                    <span class="absolute -bottom-1 left-0 w-full h-0.5 bg-[#388e3c] transform scale-x-0 group-hover:scale-x-100 transition-transform duration-300"></span>
4563                </p>
4564                <p class="flex justify-end pr-4">
4565                <!--LiveInternet counter--><a href="https://www.liveinternet.ru/click"
4566							target="_blank"><img id="licnt88D5" width="88" height="31" style="border:0"
4567								title="LiveInternet: показано число просмотров за 24 часа, посетителей за 24 часа и за сегодня"
4568								src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAIBTAA7"
4569								alt="" /></a>
vendor: 115 bytes, lines 4569-4570
4569
4570						<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
4570<script>
4571							(function(d, s) {
4572								d.getElementById("licnt88D5").src =
4573									"https://counter.yadro.ru/hit?t14.5;r" + escape(d.referrer) +
4574									((typeof(s) == "undefined") ? "" : ";s" + s.width + "" + s.height + "" +
4575										(s.colorDepth ? s.colorDepth : s.pixelDepth)) + ";u" + escape(d.URL) +
4576									";h" + escape(d.title.substring(0, 150)) + ";" + Math.random()
4577							})
4578							(document, screen)
4579						</script>
4579<!--/LiveInternet-->
4580                    </p>
4581
4582                </div>
4583            </div>
4584        </div>
4585    </footer>
4586
4587    
4588    
4588<script>
4589    document.addEventListener('DOMContentLoaded', function() {
4590        let isUpdating = false;
4591        let lastUpdateTime = 0;
4592        const UPDATE_INTERVAL = 5 * 60 * 1000; // 5 minutes
4593        const MIN_UPDATE_INTERVAL = 10 * 1000; // 10 seconds minimum between updates
4594
4595        function formatNumber(num, decimals = 4) {
4596            if (!num) return '0.00';
4597            return new Intl.NumberFormat('en-US', {
4598                minimumFractionDigits: decimals,
4599                maximumFractionDigits: decimals
4600            }).format(num);
4601        }
4602
4603        function getCurrencySymbol(currency) {
4604            const symbols = {
4605                'USD': '$',
4606                'EUR': '€',
4607                'GBP': '£',
4608                'RUB': '₽',
4609                'TRY': '₺'
4610            };
4611            return symbols[currency] || currency;
4612        }
4613
4614        function updateCurrencyRates() {
4615            const now = Date.now();
4616            
4617            // Prevent too frequent updates
4618            if (isUpdating || (now - lastUpdateTime) < MIN_UPDATE_INTERVAL) {
4619                return;
4620            }
4621
4622            isUpdating = true;
4623            
4624            fetch('https://valyuta.az/rates', {
4625                headers: {
4626                    'Accept': 'application/json',
4627                    'X-Requested-With': 'XMLHttpRequest'
4628                },
4629                cache: 'no-cache'
4630            })
4631            .then(response => {
4632                if (!response.ok) {
4633                    throw new Error('Network response was not ok');
4634                }
4635                return response.json();
4636            })
4637            .then(data => {
4638                if (!data.rates) {
4639                    throw new Error('No rates data available');
4640                }
4641
4642                lastUpdateTime = now;
4643                const container = document.getElementById('currency-rates-grid');
4644                
4645                // Update last update time
4646                document.getElementById('last-update').innerHTML = 
4647                    `Son yenilənmə: ${new Date().toLocaleDateString('az-AZ')}`;
4648                
4649                // Clear container
4650                container.innerHTML = '';
4651                
4652                // Add currency rates
4653                Object.entries(data.rates).forEach(([currency, rateData]) => {
4654                    const changeClass = rateData.change >= 0 ? 'text-[#388e3c]' : 'text-red-600';
4655                    const changeBgClass = rateData.change >= 0 ? 'bg-[#388e3c]/10' : 'bg-red-600/10';
4656                    
4657                    container.innerHTML += `
4658                        <div class="flex items-center justify-between p-3 bg-gray-50 rounded-xl hover:bg-gray-100 transition-colors">
4659                            <div class="flex flex-col items-center gap-1">
4660                                <div class="w-9 h-9 rounded-full bg-[#388e3c]/10 flex items-center justify-center">
4661                                    <span class="text-base font-bold text-[#388e3c]">
4662                                        ${getCurrencySymbol(currency)}
4663                                    </span>
4664                                </div>
4665                                <div class="text-sm font-semibold text-gray-800">${formatNumber(rateData.rate)}</div>
4666                            </div>
4667                            <div class="flex flex-col items-end gap-1">
4668                                <div class="text-base font-bold text-gray-800 mr-[10px]">${currency}</div>
4669                                <div class="text-xs font-medium ${changeClass} ${changeBgClass} px-1.5 py-0.5 rounded-lg mt-2 ml-2">
4670                                    ${rateData.change >= 0 ? '+' : ''}${formatNumber(rateData.change, 2)}%
4671                                </div>
4672                            </div>
4673                        </div>
4674                    `;
4675                });
4676            })
4677            .catch(error => {
4678                console.error('Error updating currency rates:', error);
4679                document.getElementById('currency-rates-grid').innerHTML = `
4680                    <div class="col-span-2 text-center p-4">
4681                        <div class="text-red-600 text-sm font-medium">
4682                            Məlumat yüklənə bilmədi
4683                        </div>
4684                    </div>
4685                `;
4686            })
4687            .finally(() => {
4688                isUpdating = false;
4689            });
4690        }
4691
4692        // Initial update
4693        updateCurrencyRates();
4694
4695        // Update every 5 minutes
4696        setInterval(updateCurrencyRates, UPDATE_INTERVAL);
4697    });
4698</script>
vendor: 1 bytes, line 4698
4698
4699<script>
4700    document.addEventListener('DOMContentLoaded', function() {
4701        let isUpdating = false;
4702        let lastUpdateTime = 0;
4703        const UPDATE_INTERVAL = 5 * 60 * 1000; // 5 minutes
4704        const MIN_UPDATE_INTERVAL = 10 * 1000; // 10 seconds minimum
4705
4706        function formatNumber(num, decimals = 2) {
4707            if (!num || isNaN(parseFloat(num))) return '0.00';
4708            return new Intl.NumberFormat('az-AZ', {
4709                minimumFractionDigits: decimals,
4710                maximumFractionDigits: decimals
4711            }).format(num);
4712        }
4713
4714        function updateCommodityWidget() {
4715            const now = Date.now();
4716            if (isUpdating || (now - lastUpdateTime) < MIN_UPDATE_INTERVAL) {
4717                return;
4718            }
4719            isUpdating = true;
4720
4721            fetch('https://valyuta.az/rates', {
4722                headers: { 'Accept': 'application/json', 'X-Requested-With': 'XMLHttpRequest' },
4723                cache: 'no-cache'
4724            })
4725            .then(response => {
4726                if (!response.ok) throw new Error('Network response was not ok');
4727                return response.json();
4728            })
4729            .then(data => {
4730                if (!data.commodities) throw new Error('No commodity data available');
4731                lastUpdateTime = now;
4732                updateCommodityDisplay(data.commodities);
4733            })
4734            .catch(error => {
4735                console.error('Error updating commodity widget:', error);
4736                const container = document.getElementById('commodities-container');
4737                container.innerHTML = `<div class="text-center p-4 text-red-600 text-sm font-medium">Məlumat yüklənə bilmədi</div>`;
4738            })
4739            .finally(() => {
4740                isUpdating = false;
4741            });
4742        }
4743
4744        function updateCommodityDisplay(commodities) {
4745            const container = document.getElementById('commodities-container');
4746            document.getElementById('commodity-last-update').innerHTML = 
4747                    `${new Date().toLocaleDateString('az-AZ', { day: '2-digit', month: '2-digit', year: 'numeric' , hour: '2-digit', minute: '2-digit'})}`;
4748            
4749            const commodityData = [
4750                { 
4751                    name: commodities.oil?.name || 'Neft (Azeri Light)', 
4752                    icon: '🛢️', 
4753                    unit: commodities.oil?.unit || 'AZN/barrel', 
4754                    price: commodities.oil?.price || 0, 
4755                    change: commodities.oil?.change || 0 
4756                },
4757                { 
4758                    name: commodities.gas?.name || 'Təbii Qaz', 
4759                    icon: '⛽', 
4760                    unit: commodities.gas?.unit || 'AZN/MMBtu', 
4761                    price: commodities.gas?.price || 0, 
4762                    change: commodities.gas?.change || 0 
4763                },
4764                { 
4765                    name: commodities.gold?.name || 'Qızıl', 
4766                    icon: '🥇', 
4767                    unit: 'AZN/t.u.', 
4768                    price: commodities.gold?.price || 0, 
4769                    change: commodities.gold?.change || 0 
4770                }
4771            ];
4772
4773            let html = '';
4774            commodityData.forEach(item => {
4775                const changeClass = item.change >= 0 ? 'text-green-600' : 'text-red-600';
4776                const changeBgClass = item.change >= 0 ? 'bg-green-500/10' : 'bg-red-500/10';
4777                const changeSign = item.change >= 0 ? '+' : '';
4778
4779                html += `
4780                    <div class="flex items-center justify-between p-2 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors duration-200">
4781                        <div class="flex items-center gap-3">
4782                            <div class="text-xl">${item.icon}</div>
4783                            <div>
4784                                <div class="font-semibold text-gray-800 text-sm">${item.name}</div>
4785                                <div class="text-xs text-gray-500">${item.unit}</div>
4786                            </div>
4787                        </div>
4788                        <div class="text-right">
4789                            <div class="font-bold text-gray-900 text-sm">${formatNumber(item.price)} ₼</div>
4790                            <div class="text-xs font-medium ${changeClass} ${changeBgClass} px-1.5 py-0.5 rounded-md mt-1">
4791                                ${changeSign}${formatNumber(item.change, 2)}%
4792                            </div>
4793                        </div>
4794                    </div>
4795                `;
4796            });
4797
4798            container.innerHTML = html;
4799        }
4800
4801        updateCommodityWidget();
4802        setInterval(updateCommodityWidget, UPDATE_INTERVAL);
4803    });
4804</script>
vendor: 1 bytes, line 4804
4804
4805<script>
4806    document.addEventListener('DOMContentLoaded', function() {
4807        let isUpdating = false;
4808        let lastUpdateTime = 0;
4809        const UPDATE_INTERVAL = 5 * 60 * 1000; // 5 minutes
4810        const MIN_UPDATE_INTERVAL = 10 * 1000; // 10 seconds minimum between updates
4811
4812        function formatNumber(num) {
4813            // Remove any commas and convert to number
4814            num = String(num).replace(/,/g, '');
4815            num = parseFloat(num);
4816            
4817            if (isNaN(num)) {
4818                return '0.00';
4819            }
4820            
4821            return new Intl.NumberFormat('en-US', {
4822                minimumFractionDigits: 2,
4823                maximumFractionDigits: 2,
4824                style: 'decimal'
4825            }).format(num);
4826        }
4827
4828        function formatLargeNumber(num) {
4829            // Remove any non-numeric characters except dots
4830            num = String(num).replace(/[^0-9.]/g, '');
4831            num = parseFloat(num);
4832            
4833            if (isNaN(num)) {
4834                return '$0';
4835            }
4836            
4837            let result;
4838            if (num >= 1e12) result = '$' + (num / 1e12).toFixed(2) + 'T';
4839            else if (num >= 1e9) result = '$' + (num / 1e9).toFixed(2) + 'B';
4840            else if (num >= 1e6) result = '$' + (num / 1e6).toFixed(2) + 'M';
4841            else if (num >= 1e3) result = '$' + (num / 1e3).toFixed(2) + 'K';
4842            else result = '$' + formatNumber(num);
4843            
4844            return result;
4845        }
4846
4847        function updateBitcoinWidget() {
4848            const now = Date.now();
4849            
4850            // Prevent too frequent updates
4851            if (isUpdating || (now - lastUpdateTime) < MIN_UPDATE_INTERVAL) {
4852                return;
4853            }
4854
4855            isUpdating = true;
4856            
4857            fetch('https://valyuta.az/rates', {
4858                headers: {
4859                    'Accept': 'application/json',
4860                    'X-Requested-With': 'XMLHttpRequest'
4861                },
4862                cache: 'no-cache'
4863            })
4864            .then(response => {
4865                if (!response.ok) {
4866                    throw new Error('Network response was not ok');
4867                }
4868                return response.json();
4869            })
4870            .then(data => {
4871                if (!data.cryptos || !data.cryptos.BTC) {
4872                    throw new Error('No Bitcoin data available');
4873                }
4874
4875                const bitcoin = data.cryptos.BTC;
4876                lastUpdateTime = now;
4877                
4878                // Update last update time
4879                document.getElementById('last-update').textContent = 
4880                    new Date().toLocaleString('az-AZ', {
4881                        year: 'numeric',
4882                        month: 'numeric',
4883                        day: 'numeric',
4884                        hour: '2-digit',
4885                        minute: '2-digit'
4886                    });
4887                
4888                // Update price
4889                const price = bitcoin.price;
4890                document.getElementById('price').textContent = 
4891                    `$${formatNumber(price)}`;
4892                
4893                // Update change indicator
4894                const change = parseFloat(bitcoin.change);
4895                const changeClass = change >= 0 ? 'text-[#388e3c] bg-[#388e3c]/10' : 'text-red-600 bg-red-600/10';
4896                document.getElementById('change-indicator').textContent = 
4897                    `${change >= 0 ? '+' : ''}${formatNumber(change)}%`;
4898                document.getElementById('change-indicator').className = 
4899                    `text-sm font-medium px-2 py-1 rounded-lg ${changeClass}`;
4900                
4901                // Update volume and market cap
4902                document.getElementById('volume').textContent = bitcoin.volume;
4903                document.getElementById('market-cap').textContent = bitcoin.marketCap;
4904                
4905                // Update chart
4906                const heights = [24, 32, 28, 36, 42, 38, 44];
4907                const colors = change >= 0 
4908                    ? ['bg-green-500/10', 'bg-green-500/20', 'bg-green-500/30', 'bg-green-500/40', 'bg-green-500/50', 'bg-green-500/60', 'bg-green-500/70']
4909                    : ['bg-red-500/10', 'bg-red-500/20', 'bg-red-500/30', 'bg-red-500/40', 'bg-red-500/50', 'bg-red-500/60', 'bg-red-500/70'];
4910                
4911                let chartHtml = '';
4912                heights.forEach((height, index) => {
4913                    chartHtml += `
4914                        <div class="flex-1 ${colors[index]} rounded-sm transition-all duration-300 hover:opacity-75" 
4915                             style="height: ${height}px"></div>
4916                    `;
4917                });
4918                document.getElementById('chart').innerHTML = chartHtml;
4919            })
4920            .catch(error => {
4921                console.error('Error updating bitcoin widget:', error);
4922                // Show error state
4923                document.getElementById('price').textContent = 'Məlumat yüklənə bilmədi';
4924                document.getElementById('change-indicator').textContent = '0%';
4925                document.getElementById('change-indicator').className = 'text-sm font-medium px-2 py-1 rounded-lg text-gray-500 bg-gray-100';
4926                document.getElementById('volume').textContent = '0';
4927                document.getElementById('market-cap').textContent = '0';
4928            })
4929            .finally(() => {
4930                isUpdating = false;
4931            });
4932        }
4933
4934        // Initial update
4935        updateBitcoinWidget();
4936
4937        // Update every 5 minutes
4938        setInterval(updateBitcoinWidget, UPDATE_INTERVAL);
4939    });
4940</script>
vendor: 1 bytes, line 4940
4940
4941<script src="https://valyuta.az/js/infinite-scroll.js"></script>
vendor: 1 bytes, line 4941
4941
4942<script src="https://valyuta.az/js/slider.js"></script>
vendor: 1 bytes, line 4942
4942
4943<script src="https://valyuta.az/js/currency-calculator.js"></script>
vendor: 1 bytes, line 4943
4943
4944<script src="https://valyuta.az/js/news-view.js"></script>
4944
4945
4946<script>
4947let idleTime = 0;
4948
4949// Hərəkətləri izləyək
4950function resetIdleTime() {
4951    idleTime = 0;
4952}
4953
4954// Mouse, klaviatura və scroll üçün reset
4955document.onmousemove = resetIdleTime;
4956document.onkeypress = resetIdleTime;
4957document.onscroll = resetIdleTime;
4958document.onclick = resetIdleTime;
4959
4960setInterval(() => {
4961    idleTime++;
4962    if (idleTime >= 60) { // 60 saniyə hərəkətsizdirsə
4963        location.reload(); // səhifəni yenidən yüklə
4964    }
4965}, 1000); // hər saniyə yoxla
4966</script>
4966
4967
4968<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a450c348a92ceae2',t:'MTc5MTA4MTAwNw=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
4968</body>
4969</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.