PageSourceSearch

https://www.glx.ir/

html glx.ir collected 2026-10-08 10:28:54 UTC 400,982 bytes, 4,731 lines download raw bytes

1
2<!DOCTYPE html>
3
4<html dir="rtl">
5<head>
6    <!--پیشگامان نگاه نوین-->
7    <!--DesignedBy: PNNJ-->
8
9    <meta name="author" content="Http://GLX.IR">
10    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
11    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
12    <meta charset="UTF-8" />
13    <title>گوشی های جی ال ایکس GLX Mobile</title>
14    <meta property="og:sitename" content="GLX">
15    <meta property="og:title" content="گوشی های جی ال ایکس GLX Mobile">
16    <meta property="og:url" content="http://www.glx.ir">
17    <meta property="og:image" content="http://glx.ir/images/slider/12306.jpg">
18    <meta property="og:type" content="website" />
19    <meta property="og:locale" content="fa_IR" />
20    <meta property="og:locale:alternate" content="En_US" />
21    <meta property="og:image:secure_url" content="http://glx.ir/images/slider/12306.jpg" />
22    <meta property="og:image:type" content="image/jpg" />
23    <meta property="og:image:width" content="300" />
24    <meta property="og:image:height" content="300" />
25    <meta property="og:description" content="شرکت ارتباط گویا همراه اروند تولید کننده گوشی و تبلت در ایران" />
26    <meta name="keywords" content="وب سایت جی ال ایکس , لوازم جانبی جی ال ایکس، ارتباط گویا همراه، ماد، جی 6" />
27    <meta property="place:location:latitude" content="31.322969">
28    <meta property="place:location:longitude" content="48.693388">
29    <meta property="business:contact_data:street_address" content=" ایران، خوزستان، اهواز، نبش خیابان طالقانی برج جی ال ایکس">
30    <meta property="business:contact_data:locality" content="اهواز">
31    <meta property="business:contact_data:country_name" content="ایران">
32    <meta property="business:contact_data:phone_number" content="٠٦١٥٣٥٨٣٣٦٢">
33    <meta property="business:contact_data:website" content="https://www.glx.ir/">
34    <meta name="twitter:card" content="summary_large_image">
35    <meta name="twitter:site" content="GLX">
36    <meta name="twitter:title" content="GLX.ir">
37    <meta name="twitter:text:description" content="جی ال ایکس | گوشی های جی ال ایکس GLX Mobile">
38    <meta name="twitter:creator" content="GLX">
39    <meta name="twitter:url" content="https://www.GLX.ir/" />
40    <meta name="twitter:image" content="http://glx.ir/images/slider/12306.jpg">
41    <meta property="twitter:app:country" content="ir">
42    <meta property="twitter:app:name:googleplay" content="جی ال ایکس | گوشی های جی ال ایکس GLX Mobile">
43    <meta property="twitter:app:name:ipad" content="جی ال ایکس | گوشی های جی ال ایکس GLX Mobile">
44    <meta property="twitter:app:name:iphone" content="جی ال ایکس | گوشی های جی ال ایکس GLX Mobile">
45    <meta name="theme-color" content="#3166bc">
46
47
48    
49    <link rel="stylesheet" href="/Content/BaseTemplate/css/flip.min.css">
50    <style>
51        @media (max-width: 1023px) {
52            #home-hero-slider { order: -1; }
53        }
54        #home-hero-slider .home-hero-pagination {
55            position: absolute;
56            z-index: 10;
57            text-align: center;
58        }
59        @media (max-width: 767px) {
60            #home-hero-slider .home-hero-navigation {
61                bottom: 12px;
62                left: 16px;
63                gap: 8px;
64            }
65            #home-hero-slider .home-hero-navigation > div {
66                width: 32px;
67                height: 32px;
68            }
69            #home-hero-slider .home-hero-navigation svg {
70                width: 16px;
71                height: 16px;
72            }
73        }
74        @layer homeHeroControls {
75          @media (max-width: 767px) {
76            #home-hero-slider .home-hero-pagination {
77                bottom: 12px !important;
78                right: 16px !important;
79                line-height: 1;
80            }
81            #home-hero-slider .home-hero-pagination .swiper-pagination-bullet {
82                width: 6px !important;
83                height: 6px !important;
84                margin: 0 3px;
85            }
86            #home-hero-slider .home-hero-pagination .swiper-pagination-bullet-active {
87                width: 18px !important;
88            }
89        }
90        }
91    </style>
92
93    
94    <link rel="shortcut icon" href="/Content/BaseTemplate/Images/favicon.png">
95    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/Content/BaseTemplate/Images/favicon.png">
96    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/Content/BaseTemplate/Images/favicon.png">
97    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/Content/BaseTemplate/Images/favicon.png">
98    <link rel="apple-touch-icon-precomposed" href="/Content/BaseTemplate/Images/favicon.png ">
99
100    <link href="/Content/BaseTemplate/css/fontawesome-all.min.css" rel="stylesheet" />
101
102    <link href="/Content/NewTheme/public/assets/js/plugin/swiper/swiper-bundle.min.css" rel="stylesheet" />
103    <link href="/Content/NewTheme/public/assets/css/app.css" rel="stylesheet" />
104
105
106    <style>
107        @media (max-width: 767px) {
108            .glx-header-row { gap: 6px; }
109            .glx-header-brand, .glx-header-actions { gap: 6px; flex-shrink: 0; }
110            .glx-header-brand > a { flex: 0 0 80px; }
111            .glx-header-brand > a > img { width: 80px; max-width: none; height: auto; }
112            .glx-header-brand > button,
113            .glx-header-actions > button,
114            .glx-header-actions > a,
115            .glx-header-actions > .relative > a {
116                width: 40px;
117                height: 44px;
118                padding-left: 0;
119                padding-right: 0;
120                flex-shrink: 0;
121                display: inline-flex;
122                align-items: center;
123                justify-content: center;
124            }
125        }
126        @media (max-width: 359px) {
127            .glx-header-row, .glx-header-brand, .glx-header-actions { gap: 4px; }
128            .glx-header-brand > button,
129            .glx-header-actions > button,
130            .glx-header-actions > a,
131            .glx-header-actions > .relative > a { width: 36px; }
132        }
133        .glx-search-panel { color:#172033; background:#fff; border:1px solid #e2e8f0; border-radius:18px; padding:8px; box-shadow:0 18px 45px #0f172a26; text-align:right; }
134        .glx-search-panel[hidden] { display:none !important; }
135        #mega-search-panel { position:absolute; top:calc(100% + 10px); right:0; left:0; z-index:10001; max-height:min(65vh,440px); overflow-y:auto; }
136        #mobile-search-panel { margin:0 20px 20px; overflow-y:auto; min-height:0; }
137        .glx-search-option { display:flex; align-items:center; gap:12px; padding:15px 12px; min-height:52px; border-radius:12px; text-decoration:none; color:inherit; }
138        .glx-search-option + .glx-search-option { border-top:1px solid #f1f5f9; }
139        .glx-search-option:hover,.glx-search-option[aria-selected="true"],.glx-search-option:focus-visible { background:#eff6ff; color:#1d4ed8; outline:2px solid transparent; }
140        .glx-search-term { flex:1; min-width:0; overflow-wrap:anywhere; font-size:14px; font-weight:700; }
141        .glx-search-scope { flex-shrink:0; max-width:55%; font-size:12px; color:#64748b; }
142        .glx-search-status { padding:9px 12px 5px; font-size:11px; color:#64748b; }
143        .dark .glx-search-panel { background:#101827; border-color:#334155; color:#f1f5f9; }
144        .dark .glx-search-option + .glx-search-option { border-color:#263244; }
145        .dark .glx-search-option:hover,.dark .glx-search-option[aria-selected="true"],.dark .glx-search-option:focus-visible { background:#1e3a5f; color:#bfdbfe; }
146        .dark .glx-search-scope,.dark .glx-search-status { color:#b4c2d5; }
147        #search-modal > .relative { background:#f8fafc; }
148        .dark #search-modal > .relative { background:#0b1220; }
149        #wa { position:fixed; right:30px; bottom:calc(70px + env(safe-area-inset-bottom,0px)); z-index:120; font:inherit; color:#172033; }
150        #wa [hidden] { display:none !important; }
151        #wa button,#wa a { -webkit-tap-highlight-color:transparent; }
152        #wa button:focus-visible,#wa a:focus-visible { outline:3px solid #f59e0b; outline-offset:4px; }
153        #wa .eita-trigger { display:flex; align-items:center; gap:10px; border:0; background:transparent; padding:0; cursor:pointer; color:inherit; }
154        #wa .eita-icon { display:flex; align-items:center; justify-content:center; width:56px; height:56px; border-radius:20px; background:#ef7c00; box-shadow:0 8px 24px #ef7c0040; }
155        #wa .eita-icon img { object-fit:contain; }
156        #wa .eita-caption { padding:11px 14px; border:1px solid #e2e8f0; border-radius:14px; background:#fff; box-shadow:0 4px 18px #0f172a12; font-size:12px; font-weight:700; }
157        #wa .eita-trigger[aria-expanded="true"] .eita-caption { visibility:hidden; }
158        #wa .eita-panel { position:absolute; bottom:72px; right:0; width:340px; max-width:calc(100vw - 32px); max-height:calc(100dvh - 180px - env(safe-area-inset-bottom,0px)); overflow:auto; background:#fff; border:1px solid #e2e8f0; border-radius:24px; box-shadow:0 18px 55px #0f172a26; }
159        #wa .eita-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; padding:20px 16px; background:#fff3e5; border-bottom:1px solid #ffdfb9; }
160        #wa .eita-heading h2 { margin:0; font-size:15px; font-weight:800; line-height:2; }
161        #wa .eita-heading p { margin:5px 0 0; font-size:12px; line-height:1.9; color:#78502a; }
162        #wa #eita-close { flex-shrink:0; width:40px; height:40px; border:0; border-radius:12px; background:#ffffffb3; color:#9a4700; font-size:26px; cursor:pointer; }
163        #wa .eita-content { padding:18px 16px; }
164        #wa .eita-hours { margin:0 0 12px; font-size:12px; color:#64748b; line-height:2; }
165        #wa #eita-status { font-size:12px; line-height:2; color:#64748b; }
166        #wa #eita-status:empty { display:none; }
167        #wa .eita-chat { display:flex; align-items:center; gap:10px; padding:14px 12px; border:1px solid #fed7aa; border-radius:16px; background:#fffaf5; color:#9a4700; text-decoration:none; font-size:12px; font-weight:800; transition:background-color .2s; }
168        #wa .eita-chat:hover { background:#ffedd5; }
169        #wa .eita-chat img { flex-shrink:0; object-fit:contain; }
170        #wa .eita-chat > span:first-of-type { flex:1; min-width:0; line-height:1.9; }
171        #wa .eita-chat small { display:block; margin-top:4px; font-size:11px; font-weight:400; color:#78502a; }
172        #wa #eita-retry { margin-top:12px; min-height:44px; padding:8px 16px; border:1px solid #fdba74; border-radius:12px; background:#fff7ed; color:#9a4700; cursor:pointer; font-size:12px; }
173        .dark #wa { color:#f1f5f9; }
174        .dark #wa .eita-caption,.dark #wa .eita-panel { background:#111827; border-color:#374151; }
175        .dark #wa .eita-heading { background:#31251c; border-color:#604028; }
176        .dark #wa .eita-heading p,.dark #wa .eita-chat small { color:#e8be96; }
177        .dark #wa .eita-hours,.dark #wa #eita-status { color:#b4c2d5; }
178        .dark #wa #eita-close,.dark #wa #eita-retry,.dark #wa .eita-chat { background:#31251c; border-color:#604028; color:#fdba74; }
179        .dark #wa .eita-chat:hover { background:#45301d; }
180        @media(max-width:767px) { #wa { right:16px; bottom:calc(100px + env(safe-area-inset-bottom,0px)); } #wa .eita-panel { max-height:calc(100dvh - 200px - env(safe-area-inset-bottom,0px)); } }
181        @media(prefers-reduced-motion:reduce) { #wa .eita-chat { transition:none; } }
182    </style>
183</head>
184<body class="bg-[#fcfdfe] dark:bg-[#050505] min-h-screen transition-colors duration-700 selection:bg-blue-500/30 selection:text-blue-600 overflow-x-hidden">
185
186    <!-- NEON LIGHT -->
187    <div class="fixed  inset-0 pointer-events-none -z-[60] overflow-hidden bg-[#fafbfc] dark:bg-[#030303]">
188
189        <div class="absolute -top-[15%] -left-[10%] w-[70%] h-[70%] bg-indigo-500/10 dark:bg-indigo-600/[0.15] blur-[150px] rounded-full animate-pulse" style="animation-duration: 8s;"></div>
190
191        <div class="absolute -bottom-[15%] -right-[10%] w-[70%] h-[70%] bg-blue-500/10 dark:bg-blue-600/[0.18] blur-[150px] rounded-full animate-pulse" style="animation-duration: 10s;"></div>
192
193        <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[50%] h-[50%] bg-blue-400/[0.03] dark:bg-blue-500/[0.05] blur-[120px] rounded-full"></div>
194
195        <div class="absolute inset-0 opacity-[0.03] dark:opacity-[0.06] pointer-events-none mix-blend-multiply dark:mix-blend-soft-light"
196             style="background-image: url('data:image/svg+xml,%3Csvg viewBox=\'0 0 200 200\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cfilter id=\'n\'%3E%3CfeTurbulence type=\'fractalNoise\' baseFrequency=\'0.8\' numOctaves=\'4\' stitchTiles=\'stitch\'/%3E%3C/filter%3E%3Crect width=\'100%25\' height=\'100%25\' filter=\'url(%23n)\'/%3E%3C/svg%3E');">
197        </div>
198    </div>
199    <!-- END NEON LIGHT -->
200    <!-- HEADER -->
201    <header class="glass-header sticky top-0 z-50 border-b drop-shadow border-gray-200/50 dark:border-gray-800/50 bg-white/80 dark:bg-gray-950/80 backdrop-blur-xl transition-all duration-300">
202
203        
204
205        <div class="container">
206            <div class="glx-header-row flex items-center justify-between h-20 gap-8">
207
208                <div class="glx-header-brand flex items-center gap-4">
209                    <button id="resMenu" class="lg:hidden p-2 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-full transition-colors">
210                        <svg class="w-6 h-6 text-gray-700 dark:text-gray-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4 6h16M4 12h16m-7 6h7" /></svg>
211                    </button>
212                    <button id="mobile-search-toggle" class="md:hidden p-2.5 rounded-xl border border-gray-200/50 dark:border-white/10 bg-white/40 dark:bg-white/5 text-gray-600 dark:text-gray-400 transition-all shadow-sm">
213                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
214                            <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" />
215                        </svg>
216                    </button>
217                    <a href="/" class="flex items-center gap-2 group">
218                        <img src="/Content/BaseTemplate/images/glx-logo.svg" class="w-30" alt="">
219                    </a>
220                </div>
221
222                <!-- Search -->
223                <div id="search-wrapper" class="hidden md:flex flex-1 max-w-4xl relative group/search mx-auto">
224
225                    <div class="relative w-full z-[10000]">
226                        <input type="text" id="main-search-input" maxlength="100" aria-label="جستجوی محصولات"
227                               class="w-full bg-gray-200/60 dark:bg-[var(--color-primary-950)]/60 backdrop-blur-md border border-gray-300/30 dark:border-white/5 rounded-2xl py-4 pr-12 pl-40 text-sm font-bold text-right outline-none focus:bg-white dark:focus:bg-[var(--color-primary-950)] focus:ring-4 ring-[var(--color-primary-500)]/40 transition-all placeholder:text-gray-500 shadow-sm dark:text-white"
228                               placeholder="جستجوی سراسری در محصولات ..." autocomplete="off">
229
230                        <div class="absolute inset-y-0 right-4 flex items-center pointer-events-none text-gray-500">
231                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
231<path d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" stroke-width="2.5" /></svg>
232                        </div>
233
234                        <div class="absolute left-2 top-1/2 -translate-y-1/2 flex items-center h-[75%] gap-2" hidden>
235                            <div class="h-full w-px bg-gray-300/40 dark:bg-white/10 ml-1"></div>
236                            <button class="h-full px-4 flex items-center gap-3 rounded-xl transition-all duration-300 group/archive
237                           bg-white border border-gray-200 text-gray-700 shadow-sm hover:border-[var(--color-primary-500)]
238                           dark:bg-[var(--color-primary-800)]/60 dark:border-white/10 dark:text-gray-200 dark:hover:bg-[var(--color-primary-500)]/10">
239                                <div class="flex items-center justify-center w-6 h-6 rounded-lg bg-gray-100 dark:bg-white/10 group-hover/archive:bg-[var(--color-primary-500)] group-hover/archive:text-white transition-all duration-300">
240                                    <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
241                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M15 19l-7-7 7-7" />
242                                    </svg>
243                                </div>
244                                <span class="text-[11px] font-black whitespace-nowrap">آرشیو محصولات</span>
245                            </button>
246                        </div>
247                    </div>
248
249                    <div id="mega-search-panel" class="glx-search-panel" hidden data-search-url="/Product/SearchSuggestions" data-store-url="/Store/">
250                        <div id="main-search-options" role="listbox" aria-label="پیشنهادهای جستجو"></div>
251                        <div class="glx-search-status" role="status" aria-live="polite"></div>
252                    </div>
253                    
254
255                </div>
256
257                <!-- Register and action button-->
258                <div class="glx-header-actions flex items-center gap-3">
259
260                    <button id="dark-mode-toggle"
261                            class="p-2.5 rounded-xl border border-gray-200/50 dark:border-white/10 bg-white/40 dark:bg-white/5 backdrop-blur-md hover:border-primary-500/50 hover:bg-white/80 dark:hover:bg-white/10 text-gray-600 dark:text-gray-400 hover:text-primary-500 transition-all duration-300 shadow-sm">
262                        <svg class="w-5 h-5 hidden dark:block" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m9-9h-1M4 9H3m15.364-6.364l-.707.707M6.343 17.657l-.707.707m12.728 0l-.707-.707M6.343 6.343l-.707-.707M12 8a4 4 0 100 8 4 4 0 000-8z" /></svg>
263                        <svg class="w-5 h-5 block dark:hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z" /></svg>
264                    </button>
265
266
267                        <div class="relative group">
268        <a href="/Account/Login"
269                class="flex items-center gap-2 px-4 py-2.5 rounded-xl border border-gray-200/50 dark:border-white/10 bg-white/40 dark:bg-white/5 backdrop-blur-md hover:border-primary-500/50 hover:bg-primary-50/50 dark:hover:bg-primary-500/10 transition-all duration-300 group shadow-sm">
270            <svg class="w-5 h-5 text-gray-600 dark:text-gray-400 group-hover:text-primary-600 transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" /></svg>
271            <span class="text-xs font-black text-gray-700 dark:text-gray-200 hidden lg:block uppercase tracking-tighter">ورود یا ثبت‌نام</span>
272        </a>
273    </div>
274
275
276<style type="text/css">
277
278    .dropdown-menu {
279        position: absolute;
280        top: 60px;
281        left: 70px;
282        z-index: 1000;
283        display: none;
284        float: left;
285        min-width: 10rem;
286        padding: .5rem 0;
287        margin: .125rem 0 0;
288        font-size: 1rem;
289        /*color: #212529;*/
290        text-align: left;
291        list-style: none;
292        /*background-color: #fff;*/
293        background-clip: padding-box;
294        border: 1px solid rgba(0, 0, 0, .15);
295        border-radius: .25rem;
296    }
297
298    .dropdown-menu {
299        border: 0;
300        box-shadow: 0 10px 50px 0 rgba(0, 0, 0, .2);
301        border-radius: .125rem;
302        transition: all .15s linear;
303        font-size: 14px;
304    }
305
306        .dropdown-menu.show {
307            display: block;
308        }
309
310        .dropdown-menu.profile-box {
311            min-width: 12rem;
312            overflow: hidden;
313            padding: 0;
314            margin: 0;
315            border-radius: 10px;
316            direction: rtl;
317        }
318
319
320        .dropdown-menu:before {
321            display: inline-block;
322            position: absolute;
323            width: 0;
324            height: 0;
325            vertical-align: middle;
326            content: "";
327            top: -5px;
328            left: 10px;
329            right: auto;
330            color: #fff;
331           /* border-bottom: .4em solid;
332            border-right: .4em solid transparent;
333            border-left: .4em solid transparent;*/
334        }
335
336
337    .header-profile-dropdown-account-container {
338        padding-top: 8px;
339        padding-bottom: 8px;
340        position: relative;
341        /*border-top: 1px solid transparent;
342        border-bottom: 1px solid #f0f0f1;*/
343        cursor: pointer;
344    }
345
346    .header-profile-dropdown-user {
347        display: -webkit-box;
348        display: -ms-flexbox;
349        display: flex;
350        -webkit-box-align: center;
351        -ms-flex-align: center;
352        align-items: center;
353        padding: 0 12px;
354        position: relative;
355        z-index: 1;
356    }
357
358    .header-profile-dropdown-user-img {
359        font-size: 2em;
360    }
361
362    .header-profile-dropdown-user-info {
363        margin-right: 8px;
364        text-align: right;
365    }
366
367    .navbar p {
368        display: inline-block;
369        margin: 0;
370        line-height: 21px;
371        font-weight: inherit;
372        font-size: inherit;
373    }
374
375    .header-profile-dropdown-user-profile-link {
376        display: -webkit-box;
377        display: -ms-flexbox;
378        display: flex;
379        -webkit-box-align: center;
380        -ms-flex-align: center;
381        align-items: center;
382        /*color: #1b6ad7;*/
383        font-size: 10px;
384        font-size: .6rem;
385        line-height: 2em;
386    }
387
388        .header-profile-dropdown-user-profile-link:after {
389            font-size: .7rem;
390            line-height: 2em;
391            margin-right: 8px;
392            content: '\f053';
393            font-family: Font Awesome\ 5 Pro;
394            -moz-osx-font-smoothing: grayscale;
395            -webkit-font-smoothing: antialiased;
396            display: inline-block;
397            font-style: normal;
398            font-variant: normal;
399            text-rendering: auto;
400            color: #1b6ad7;
401        }
402
403    .header-profile-dropdown-actions {
404        text-align: right;
405    }
406
407    .header-profile-dropdown-action {
408        display: -webkit-box;
409        display: -ms-flexbox;
410        display: flex;
411        -webkit-box-align: center;
412        -ms-flex-align: center;
413        align-items: center;
414        font-size: 11px;
415        line-height: 1.2em;
416        padding: 10px 20px;
417        cursor: pointer;
418        /*color: #424750;*/
419        /*border-bottom: 1px solid #f0f0f1;*/
420    }
421
422    .pl-1, .px-1 {
423        padding-left: .25rem !important;
424    }
425
426</style>
427
428                    
429
430
431
432
433<button id="cart-btn"
434        class="relative p-2.5 rounded-xl border border-secondary-500/20 bg-secondary-500/10 dark:bg-secondary-500/20 backdrop-blur-md hover:bg-secondary-500 hover:text-white transition-all duration-300 group shadow-lg shadow-secondary-500/10">
435    <svg class="w-6 h-6 text-secondary-600 group-hover:text-white transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z" /></svg>
436
437    <span id="cart-badge-count" class="absolute -top-1.5 -right-1.5 bg-primary-600 text-white text-[10px] font-black w-5 h-5 flex items-center justify-center rounded-lg border-2 border-white dark:border-gray-950 shadow-sm">
438    </span>
439</button>
440
441
442                </div>
443
444            </div>
445        </div>
446
447        <nav class="hidden lg:block bg-white/50 dark:bg-gray-950/50 border-t border-gray-100 dark:border-gray-800">
448            <div class="container mx-auto px-8">
449                <ul class="flex items-center gap-8 py-3">
450
451                    <!--<li class="group/main static">
452                    <a href="#" class="flex items-center gap-2 py-4 text-[13px] font-bold text-gray-800 dark:text-gray-200 group-hover/main:text-[var(--color-primary-500)] transition-colors">
453                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-5">
454                            <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
455                        </svg>
456                        مگاتب منو
457                    </a>
458
459                    <div class="absolute top-full right-0 left-0 w-full bg-white dark:bg-[var(--color-primary-950)] border-t border-gray-100 dark:border-[var(--color-primary-900)] shadow-2xl opacity-0 invisible group-hover/main:opacity-100 group-hover/main:visible transition-all duration-200 z-50 flex h-[580px]">
460                        <div class="container mx-auto flex h-full">
461
462                            <div class="w-64 border-l border-gray-100 dark:border-[var(--color-primary-900)] py-2 overflow-y-auto bg-gray-50/80 dark:bg-[var(--color-primary-900)]/30">
463                                <ul class="flex flex-col">-->
464                    <!--Digital goods-->
465                    <!--<li class="mega-tab-item active group/tab" data-target="dk-digital">
466                        <a href="#" class="flex items-center gap-3 px-6 py-4 text-[13px] font-bold text-gray-600 dark:text-gray-400 group-[.active]/tab:bg-white dark:group-[.active]/tab:bg-[var(--color-primary-950)] group-[.active]/tab:text-[var(--color-primary-600)] dark:group-[.active]/tab:text-[var(--color-primary-400)] transition-all">
467                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
468                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 18h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z"></path>
469                            </svg>
470                            کالای دیجیتال
471                        </a>
472                    </li>-->
473                    <!--Home and kitchen-->
474                    <!--<li class="mega-tab-item group/tab" data-target="dk-home">
475                        <a href="#" class="flex items-center gap-3 px-6 py-4 text-[13px] font-bold text-gray-600 dark:text-gray-400 group-[.active]/tab:bg-white dark:group-[.active]/tab:bg-[var(--color-primary-950)] group-[.active]/tab:text-[var(--color-primary-600)] transition-all">
476                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
477                                <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"></path>
478                            </svg>
479                            خانه و آشپزخانه
480                        </a>
481                    </li>-->
482                    <!--Fashion and clothing-->
483                    <!--<li class="mega-tab-item group/tab" data-target="dk-fashion">
484                        <a href="#" class="flex items-center gap-3 px-6 py-4 text-[13px] font-bold text-gray-600 dark:text-gray-400 group-[.active]/tab:bg-white dark:group-[.active]/tab:bg-[var(--color-primary-950)] group-[.active]/tab:text-[var(--color-primary-600)] transition-all">
485                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
486                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path>
487                            </svg>
488                            مد و پوشاک
489                        </a>
490                    </li>-->
491                    <!--Beauty and health-->
492                    <!--<li class="mega-tab-item group/tab" data-target="dk-beauty">
493                        <a href="#" class="flex items-center gap-3 px-6 py-4 text-[13px] font-bold text-gray-600 dark:text-gray-400 group-[.active]/tab:bg-white dark:group-[.active]/tab:bg-[var(--color-primary-950)] group-[.active]/tab:text-[var(--color-primary-600)] transition-all">
494                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
495                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
496                            </svg>
497                            زیبایی و سلامت
498                        </a>
499                    </li>-->
500                    <!--Toys and children-->
501                    <!--<li class="mega-tab-item group/tab" data-target="dk-toys">
502                        <a href="#" class="flex items-center gap-3 px-6 py-4 text-[13px] font-bold text-gray-600 dark:text-gray-400 group-[.active]/tab:bg-white dark:group-[.active]/tab:bg-[var(--color-primary-950)] group-[.active]/tab:text-[var(--color-primary-600)] transition-all">
503                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
504                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z"></path>
505                            </svg>
506                            اسباب بازی و کودک
507                        </a>
508                    </li>-->
509                    <!--Sports and travel-->
510                    <!--<li class="mega-tab-item group/tab" data-target="dk-sports">
511                        <a href="#" class="flex items-center gap-3 px-6 py-4 text-[13px] font-bold text-gray-600 dark:text-gray-400 group-[.active]/tab:bg-white dark:group-[.active]/tab:bg-[var(--color-primary-950)] group-[.active]/tab:text-[var(--color-primary-600)] transition-all">
512                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
513                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path>
514                            </svg>
515                            ورزش و سفر
516                        </a>
517                    </li>-->
518                    <!--Books and stationery-->
519                    <!--<li class="mega-tab-item group/tab" data-target="dk-books">
520                        <a href="#" class="flex items-center gap-3 px-6 py-4 text-[13px] font-bold text-gray-600 dark:text-gray-400 group-[.active]/tab:bg-white dark:group-[.active]/tab:bg-[var(--color-primary-950)] group-[.active]/tab:text-[var(--color-primary-600)] transition-all">
521                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
522                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"></path>
523                            </svg>
524                            کتاب و لوازم تحریر
525                        </a>
526                    </li>-->
527                    <!--Cars and motorcycles-->
528                    <!--<li class="mega-tab-item group/tab" data-target="dk-auto">
529                        <a href="#" class="flex items-center gap-3 px-6 py-4 text-[13px] font-bold text-gray-600 dark:text-gray-400 group-[.active]/tab:bg-white dark:group-[.active]/tab:bg-[var(--color-primary-950)] group-[.active]/tab:text-[var(--color-primary-600)] transition-all">
530                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
531                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4"></path>
532                            </svg>
533                            خودرو و موتورسیکلت
534                        </a>
535                    </li>-->
536                    <!--Industrial and tools-->
537                    <!--<li class="mega-tab-item group/tab" data-target="dk-tools">
538                        <a href="#" class="flex items-center gap-3 px-6 py-4 text-[13px] font-bold text-gray-600 dark:text-gray-400 group-[.active]/tab:bg-white dark:group-[.active]/tab:bg-[var(--color-primary-950)] group-[.active]/tab:text-[var(--color-primary-600)] transition-all">
539                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
540                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"></path>
541                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
542                            </svg>
543                            صنعتی و ابزار
544                        </a>
545                    </li>-->
546                    <!--Agriculture and horticulture-->
547                    <!--<li class="mega-tab-item group/tab" data-target="dk-garden">
548                                <a href="#" class="flex items-center gap-3 px-6 py-4 text-[13px] font-bold text-gray-600 dark:text-gray-400 group-[.active]/tab:bg-white dark:group-[.active]/tab:bg-[var(--color-primary-950)] group-[.active]/tab:text-[var(--color-primary-600)] transition-all">
549                                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
550                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 11.5V14m0-2.5v-6a1.5 1.5 0 113 0m-3 6a1.5 1.5 0 00-3 0v2a7.5 7.5 0 0015 0v-5a1.5 1.5 0 00-3 0m-6-3V11m0-5.5v-1a1.5 1.5 0 013 0v1m0 0V11m0-5.5a1.5 1.5 0 013 0v3m0 0V11"></path>
551                                    </svg>
552                                    کشاورزی و باغبانی
553                                </a>
554                            </li>
555                        </ul>
556                    </div>
557
558                    <div class="flex-1 p-8 overflow-y-auto custom-scrollbar bg-white dark:bg-[var(--color-primary-950)]">-->
559                    <!--Digital goods-->
560                    <!--<div id="dk-digital" class="mega-tab-content">
561                        <div class="flex items-center justify-between mb-8">
562                            <a href="#" class="flex items-center gap-1 text-[14px] font-black text-gray-900 dark:text-white hover:text-[var(--color-primary-500)]">
563                                مشاهده تمام محصولات کالای دیجیتال
564                                <svg class="w-4 h-4 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
564<path d="M9 5l7 7-7 7" stroke-width="3" /></svg>
565                            </a>
566                        </div>
567
568                        <div class="grid grid-cols-4 gap-x-6 gap-y-10">
569                            <div class="space-y-4">
570                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-[var(--color-primary-500)] pr-3">
571                                    <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 18h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z"></path></svg>
572                                    موبایل
573                                </a>
574                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
575                                    <li><a href="#" class="hover:text-[var(--color-primary-500)] transition-colors">گوشی‌های هوشمند</a></li>
576                                    <li><a href="#" class="hover:text-[var(--color-primary-500)] transition-colors">برند اپل (iPhone)</a></li>
577                                    <li><a href="#" class="hover:text-[var(--color-primary-500)] transition-colors">برند سامسونگ</a></li>
578                                    <li><a href="#" class="hover:text-[var(--color-primary-500)] transition-colors">برند شیائومی</a></li>
579                                    <li><a href="#" class="hover:text-[var(--color-primary-500)] transition-colors">گوشی‌های میان‌رده</a></li>
580                                    <li><a href="#" class="hover:text-[var(--color-primary-500)] transition-colors">گوشی‌های اقتصادی</a></li>
581                                    <li><a href="#" class="hover:text-[var(--color-primary-500)] transition-colors">گوشی‌های گیمینگ</a></li>
582                                </ul>
583                            </div>
584
585                            <div class="space-y-4">
586                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-[var(--color-primary-500)] pr-3">
587                                    <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"></path></svg>
588                                    لپ‌تاپ
589                                </a>
590                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
591                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">لپ‌تاپ‌های گیمینگ</a></li>
592                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">مک‌بوک‌های اپل</a></li>
593                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">لپ‌تاپ‌های تجاری</a></li>
594                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">لپ‌تاپ‌های دانشجویی</a></li>
595                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">لپ‌تاپ‌های فوق سبک</a></li>
596                                </ul>
597                            </div>
598
599                            <div class="space-y-4">
600                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-[var(--color-primary-500)] pr-3">
601                                    <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="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"></path></svg>
602                                    هدفون و ساعت
603                                </a>
604                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
605                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">هندزفری بی‌سیم</a></li>
606                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">ساعت‌های هوشمند</a></li>
607                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">هدفون‌های گیمینگ</a></li>
608                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">اسپیکر و سیستم صوتی</a></li>
609                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">مچ‌بند سلامت</a></li>
610                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">هدفون‌های نویزکنسلینگ</a></li>
611                                </ul>
612                            </div>
613
614                            <div class="space-y-4">
615                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-[var(--color-primary-500)] pr-3">
616                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
616<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"></path></svg>
617                                    لوازم جانبی
618                                </a>
619                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
620                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">کابل و شارژر</a></li>
621                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">پاوربانک (شارژر همراه)</a></li>
622                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">کیف و کاور</a></li>
623                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">پایه موبایل و لپ‌تاپ</a></li>
624                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">محافظ صفحه نمایش</a></li>
625                                </ul>
626                            </div>
627
628                            <div class="space-y-4">
629                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-[var(--color-primary-500)] pr-3">
630                                    <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="M5 8h14M5 8a2 2 0 110-4h14a2 2 0 110 4M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8m-9 4h4"></path></svg>
631                                    ذخیره‌سازی
632                                </a>
633                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
634                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">هارد اکسترنال</a></li>
635                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">فلش مموری</a></li>
636                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">کارت حافظه</a></li>
637                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">هارد SSD</a></li>
638                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">درایوهای NAS</a></li>
639                                </ul>
640                            </div>
641
642                            <div class="space-y-4">
643                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-[var(--color-primary-500)] pr-3">
644                                    <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="M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 13a3 3 0 11-6 0 3 3 0 016 0z"></path></svg>
645                                    دوربین
646                                </a>
647                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
648                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">دوربین عکاسی</a></li>
649                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">لنز و لوازم حرفه‌ای</a></li>
650                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">دوربین فیلمبرداری</a></li>
651                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">دوربین‌های اکشن</a></li>
652                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">دوربین‌های مداربسته</a></li>
653                                </ul>
654                            </div>
655
656                            <div class="space-y-4">
657                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-[var(--color-primary-500)] pr-3">
658                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
658<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z"></path></svg>
659                                    کامپیوتر و قطعات
660                                </a>
661                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
662                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">کارت گرافیک</a></li>
663                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">پردازنده (CPU)</a></li>
664                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">مادربورد</a></li>
665                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">رم (RAM)</a></li>
666                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">مانیتور و نمایشگر</a></li>
667                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">کیبورد و موس</a></li>
668                                </ul>
669                            </div>
670
671                            <div class="space-y-4">
672                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-[var(--color-primary-500)] pr-3">
673                                    <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="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"></path></svg>
674                                    گیمینگ
675                                </a>
676                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
677                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">کنسول بازی</a></li>
678                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">دسته بازی</a></li>
679                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">صندلی گیمینگ</a></li>
680                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">میز گیمینگ</a></li>
681                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">کارت گرافیک گیمینگ</a></li>
682                                </ul>
683                            </div>
684                        </div>
685                    </div>-->
686                    <!--Home and kitchen-->
687                    <!--<div id="dk-home" class="mega-tab-content hidden">
688                        <div class="flex items-center justify-between mb-8">
689                            <a href="#" class="flex items-center gap-1 text-[14px] font-black text-gray-900 dark:text-white hover:text-green-500">
690                                مشاهده تمام محصولات خانه و آشپزخانه
691                                <svg class="w-4 h-4 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M9 5l7 7-7 7" stroke-width="3" /></svg>
692                            </a>
693                        </div>
694
695                        <div class="grid grid-cols-4 gap-x-6 gap-y-10">
696                            <div class="space-y-4">
697                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-green-500 pr-3">لوازم آشپزخانه</a>
698                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
699                                    <li><a href="#" class="hover:text-green-500">یخچال و فریزر</a></li>
700                                    <li><a href="#" class="hover:text-green-500">
700اجاق گاز و هود</a></li>
701                                    <li><a href="#" class="hover:text-green-500">ماشین ظرفشویی</a></li>
702                                    <li><a href="#" class="hover:text-green-500">مایکروویو و فر</a></li>
703                                    <li><a href="#" class="hover:text-green-500">چای‌ساز و قهوه‌ساز</a></li>
704                                    <li><a href="#" class="hover:text-green-500">آب‌سردکن و تصفیه آب</a></li>
705                                </ul>
706                            </div>
707
708                            <div class="space-y-4">
709                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-green-500 pr-3">مبلمان</a>
710                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
711                                    <li><a href="#" class="hover:text-green-500">مبل و کاناپه</a></li>
712                                    <li><a href="#" class="hover:text-green-500">صندلی و میز ناهارخوری</a></li>
713                                    <li><a href="#" class="hover:text-green-500">تخت خواب</a></li>
714                                    <li><a href="#" class="hover:text-green-500">کمد و قفسه</a></li>
715                                    <li><a href="#" class="hover:text-green-500">میز تحریر و کتابخانه</a></li>
716                                </ul>
717                            </div>
718
719                            <div class="space-y-4">
720                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-green-500 pr-3">دکوراسیون</a>
721                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
722                                    <li><a href="#" class="hover:text-green-500">پرده و رومیزی</a></li>
723                                    <li><a href="#" class="hover:text-green-500">فرش و گلیم</a></li>
724                                    <li><a href="#" class="hover:text-green-500">تابلو و ساعت دیواری</a></li>
725                                    <li><a href="#" class="hover:text-green-500">گلدان و تزئینات</a></li>
726                                    <li><a href="#" class="hover:text-green-500">آینه و شمعدان</a></li>
727                                </ul>
728                            </div>
729
730                            <div class="space-y-4">
731                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-green-500 pr-3">نور و روشنایی</a>
732                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
733                                    <li><a href="#" class="hover:text-green-500">لوستر و چراغ</a></li>
734                                    <li><a href="#" class="hover:text-green-500">لامپ و هالوژن</a></li>
735                                    <li><a href="#" class="hover:text-green-500">چراغ خواب</a></li>
736                                    <li><a href="#" class="hover:text-green-500">چراغ مطالعه</a></li>
737                                    <li><a href="#" class="hover:text-green-500">چراغ اضطراری</a></li>
738                                </ul>
739                            </div>
740
741                            <div class="space-y-4">
742                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-green-500 pr-3">سرویس خواب</a>
743                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
744                                    <li><a href="#" class="hover:text-green-500">ملحفه و روتختی</a></li>
745                                    <li><a href="#" class="hover:text-green-500">بالش و تشک</a></li>
746                                    <li><a href="#" class="hover:text-green-500">پتو و لحاف</a></li>
747                                    <li><a href="#" class="hover:text-green-500">روبالشی و روتشکی</a></li>
748                                </ul>
749                            </div>
750
751                            <div class="space-y-4">
752                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-green-500 pr-3">نظافت</a>
753                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
754                                    <li><a href="#" class="hover:text-green-500">جاروبرقی</a></li>
755                                    <li><a href="#" class="hover:text-green-500">ماشین لباسشویی</a></li>
756                                    <li><a href="#" class="hover:text-green-500">اتو و میز اتو</a></li>
757                                    <li><a href="#" class="hover:text-green-500">شوینده و پاک کننده</a></li>
758                                    <li><a href="#" class="hover:text-green-500">سطل زباله</a></li>
759                                </ul>
760                            </div>
761
762                            <div class="space-y-4">
763                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-green-500 pr-3">حمام و سرویس بهداشتی</a>
764                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
765                                    <li><a href="#" class="hover:text-green-500">دوش و شیرآلات</a></li>
766                                    <li><a href="#" class="hover:text-green-500">توالت و روشویی</a></li>
767                                    <li><a href="#" class="hover:text-green-500">موکت و حصیر</a></li>
768                                    <li><a href="#" class="hover:text-green-500">آینه و کابینت</a></li>
769                                </ul>
770                            </div>
771
772                            <div class="space-y-4">
773                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-green-500 pr-3">حیاط و تراس</a>
774                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
775                                    <li><a href="#" class="hover:text-green-500">میز و صندلی باغچه</a></li>
776                                    <li><a href="#" class="hover:text-green-500">چتر و سایبان</a></li>
777                                    <li><a href="#" class="hover:text-green-500">
777باربیکیو و منقل</a></li>
778                                    <li><a href="#" class="hover:text-green-500">گلدان و گیاه مصنوعی</a></li>
779                                </ul>
780                            </div>
781                        </div>
782                    </div>-->
783                    <!--Fashion and clothing-->
784                    <!--<div id="dk-fashion" class="mega-tab-content hidden">
785                        <div class="flex items-center justify-between mb-8">
786                            <a href="#" class="flex items-center gap-1 text-[14px] font-black text-gray-900 dark:text-white hover:text-pink-500">
787                                مشاهده تمام محصولات مد و پوشاک
788                                <svg class="w-4 h-4 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M9 5l7 7-7 7" stroke-width="3" /></svg>
789                            </a>
790                        </div>
791
792                        <div class="grid grid-cols-4 gap-x-6 gap-y-10">
793                            <div class="space-y-4">
794                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-pink-500 pr-3">لباس مردانه</a>
795                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
796                                    <li><a href="#" class="hover:text-pink-500">پیراهن و شلوار</a></li>
797                                    <li><a href="#" class="hover:text-pink-500">تی‌شرت و پولوشرت</a></li>
798                                    <li><a href="#" class="hover:text-pink-500">کت و شلوار</a></li>
799                                    <li><a href="#" class="hover:text-pink-500">لباس ورزشی</a></li>
800                                    <li><a href="#" class="hover:text-pink-500">لباس مجلسی</a></li>
801                                    <li><a href="#" class="hover:text-pink-500">لباس زیر</a></li>
802                                </ul>
803                            </div>
804
805                            <div class="space-y-4">
806                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-pink-500 pr-3">لباس زنانه</a>
807                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
808                                    <li><a href="#" class="hover:text-pink-500">مانتو و شلوار</a></li>
809                                    <li><a href="#" class="hover:text-pink-500">بلوز و دامن</a></li>
810                                    <li><a href="#" class="hover:text-pink-500">لباس مجلسی</a></li>
811                                    <li><a href="#" class="hover:text-pink-500">لباس ورزشی</a></li>
812                                    <li><a href="#" class="hover:text-pink-500">لباس خواب</a></li>
813                                    <li><a href="#" class="hover:text-pink-500">لباس زیر</a></li>
814                                </ul>
815                            </div>
816
817                            <div class="space-y-4">
818                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-pink-500 pr-3">بچه‌گانه</a>
819                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
820                                    <li><a href="#" class="hover:text-pink-500">پسرانه</a></li>
821                                    <li><a href="#" class="hover:text-pink-500">دخترانه</a></li>
822                                    <li><a href="#" class="hover:text-pink-500">نوزادی</a></li>
823                                    <li><a href="#" class="hover:text-pink-500">لباس مدرسه</a></li>
824                                    <li><a href="#" class="hover:text-pink-500">لباس عروسک</a></li>
825                                </ul>
826                            </div>
827
828                            <div class="space-y-4">
829                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-pink-500 pr-3">کفش</a>
830                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
831                                    <li><a href="#" class="hover:text-pink-500">کفش مردانه</a></li>
832                                    <li><a href="#" class="hover:text-pink-500">کفش زنانه</a></li>
833                                    <li><a href="#" class="hover:text-pink-500">کفش ورزشی</a></li>
834                                    <li><a href="#" class="hover:text-pink-500">کفش مجلسی</a></li>
835                                    <li><a href="#" class="hover:text-pink-500">کفش بچه‌گانه</a></li>
836                                </ul>
837                            </div>
838
839                            <div class="space-y-4">
840                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-pink-500 pr-3">اکسسوری</a>
841                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
842                                    <li><a href="#" class="hover:text-pink-500">کیف و کوله پشتی</a></li>
843                                    <li><a href="#" class="hover:text-pink-500">کلاه و شال</a></li>
844                                    <li><a href="#" class="hover:text-pink-500">کمربند و بند ساعت</a></li>
845                                    <li><a href="#" class="hover:text-pink-500">عینک آفتابی</a></li>
846                                    <li><a href="#" class="hover:text-pink-500">دستکش و جوراب</a></li>
847                                </ul>
848                            </div>
849
850                            <div class="space-y-4">
851                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-pink-500 pr-3">ساعت و زیورآلات</a>
852                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
853                                    <li><a href="#" class="hover:text-pink-500">ساعت مچی</a></li>
854                                    <li><a href="#" class="hover:text-pink-500">گردنبند و دستبند</a></li>
855                                    <li><a href="#" class="hover:text-pink-500">انگشتر و النگو</a></li>
856                                    <li><a href="#" class="hover:text-pink-500">گوشواره و پابند</a></li>
857                                    <li><a href="#" class="hover:text-pink-500">ساعت دیواری</a></li>
858                                </ul>
859                            </div>
860
861                            <div class="space-y-4">
862                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-pink-500 pr-3">لباس عروس و داماد</a>
863                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
864                                    <li><a href="#" class="hover:text-pink-500">لباس عروس</a></li>
865                                    <li><a href="#" class="hover:text-pink-500">لباس داماد</a></li>
866                                    <li><a href="#" class="hover:text-pink-500">تزئینات عروسی</a></li>
867                                    <li><a href="#" class="hover:text-pink-500">کفش عروس</a></li>
868                                </ul>
869                            </div>
870
871                            <div class="space-y-4">
872                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-pink-500 pr-3">مزون و اختصاصی</a>
873                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
874                                    <li><a href="#" class="hover:text-pink-500">طراحی اختصاصی</a></li>
875                                    <li><a href="#" class="hover:text-pink-500">دوخت سفارشی</a></li>
876                                    <li><a href="#" class="hover:text-pink-500">برندهای لوکس</a></li>
877                                    <li><a href="#" class="hover:text-pink-500">لباس سنتی</a></li>
878                                </ul>
879                            </div>
880                        </div>
881                    </div>-->
882                    <!--Beauty and health-->
883                    <!--<div id="dk-beauty" class="mega-tab-content hidden">
884                        <div class="flex items-center justify-between mb-8">
885                            <a href="#" class="flex items-center gap-1 text-[14px] font-black text-gray-900 dark:text-white hover:text-purple-500">
886                                مشاهده تمام محصولات زیبایی و سلامت
887                                <svg class="w-4 h-4 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
887<path d="M9 5l7 7-7 7" stroke-width="3" /></svg>
888                            </a>
889                        </div>
890
891                        <div class="grid grid-cols-4 gap-x-6 gap-y-10">
892                            <div class="space-y-4">
893                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-purple-500 pr-3">آرایشی</a>
894                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
895                                    <li><a href="#" class="hover:text-purple-500">رژ لب و برق لب</a></li>
896                                    <li><a href="#" class="hover:text-purple-500">فونداسیون و پودر</a></li>
897                                    <li><a href="#" class="hover:text-purple-500">سایه و خط چشم</a></li>
898                                    <li><a href="#" class="hover:text-purple-500">ریمل و مژه</a></li>
899                                    <li><a href="#" class="hover:text-purple-500">رژگونه و هایلایتر</a></li>
900                                </ul>
901                            </div>
902
903                            <div class="space-y-4">
904                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-purple-500 pr-3">بهداشتی</a>
905                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
906                                    <li><a href="#" class="hover:text-purple-500">شامپو و نرم کننده</a></li>
907                                    <li><a href="#" class="hover:text-purple-500">صابون و ژل شستشو</a></li>
908                                    <li><a href="#" class="hover:text-purple-500">خمیردندان و مسواک</a></li>
909                                    <li><a href="#" class="hover:text-purple-500">ضد تعریق و خوشبوکننده</a></li>
910                                    <li><a href="#" class="hover:text-purple-500">تونر و مرطوب کننده</a></li>
911                                </ul>
912                            </div>
913
914                            <div class="space-y-4">
915                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-purple-500 pr-3">عطر</a>
916                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
917                                    <li><a href="#" class="hover:text-purple-500">عطر مردانه</a></li>
918                                    <li><a href="#" class="hover:text-purple-500">عطر زنانه</a></li>
919                                    <li><a href="#" class="hover:text-purple-500">ادکلن</a></li>
920                                    <li><a href="#" class="hover:text-purple-500">اسپری بدن</a></li>
921                                    <li><a href="#" class="hover:text-purple-500">عطرهای اختصاصی</a></li>
922                                </ul>
923                            </div>
924
925                            <div class="space-y-4">
926                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-purple-500 pr-3">لوازم شخصی</a>
927                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
928                                    <li><a href="#" class="hover:text-purple-500">تیغ و اپیلیدی</a></li>
929                                    <li><a href="#" class="hover:text-purple-500">ماشین اصلاح مو</a></li>
930                                    <li><a href="#" class="hover:text-purple-500">سشوار و اتوی مو</a></li>
931                                    <li><a href="#" class="hover:text-purple-500">برس و شانه</a></li>
932                                    <li><a href="#" class="hover:text-purple-500">ناخنگیر و قیچی</a></li>
933                                </ul>
934                            </div>
935
936                            <div class="space-y-4">
937                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-purple-500 pr-3">سلامت و درمان</a>
938                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
939                                    <li><a href="#" class="hover:text-purple-500">ویتامین و مکمل</a></li>
940                                    <li><a href="#" class="hover:text-purple-500">لوازم پزشکی</a></li>
941                                    <li><a href="#" class="hover:text-purple-500">داروهای بدون نسخه</a></li>
942                                    <li><a href="#" class="hover:text-purple-500">محصولات ماساژ</a></li>
943                                    <li><a href="#" class="hover:text-purple-500">ترازو و فشارسنج</a></li>
944                                </ul>
945                            </div>
946
947                            <div class="space-y-4">
948                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-purple-500 pr-3">مراقبت پوست</a>
949                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
950                                    <li><a href="#" class="hover:text-purple-500">کرم ضد آفتاب</a></li>
951                                    <li><a href="#" class="hover:text-purple-500">لوسیون بدن</a></li>
952                                    <li><a href="#" class="hover:text-purple-500">ماسک صورت</a></li>
953                                    <li><a href="#" class="hover:text-purple-500">اسکراب و پیلینگ</a></li>
954                                    <li><a href="#" class="hover:text-purple-500">محصولات آکنه</a></li>
955                                </ul>
956                            </div>
957
958                            <div class="space-y-4">
959                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-purple-500 pr-3">مراقبت مو</a>
960                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
961                                    <li><a href="#" class="hover:text-purple-500">رنگ مو</a></li>
962                                    <li><a href="#" class="hover:text-purple-500">محصولات ابرو و مژه</a></li>
963                                    <li><a href="#" class="hover:text-purple-500">محصولات ریش و سبیل</a></li>
964                                    <li><a href="#" class="hover:text-purple-500">محصولات ضد ریزش</a></li>
965                                </ul>
966                            </div>
967
968                            <div class="space-y-4">
969                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-purple-500 pr-3">آرایشگاه و سالن</a>
970                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
971                                    <li><a href="#" class="hover:text-purple-500">لوازم حرفه‌ای</a></li>
972                                    <li><a href="#" class="hover:text-purple-500">صندلی آرایشگاه</a></li>
973                                    <li><a href="#" class="hover:text-purple-500">آینه و میز آرایش</a></li>
974                                    <li><a href="#" class="hover:text-purple-500">لوازم استریل</a></li>
975                                </ul>
976                            </div>
977                        </div>
978                    </div>-->
979                    <!--Toys and children-->
980                    <!--<div id="dk-toys" class="mega-tab-content hidden">
981                        <div class="flex items-center justify-between mb-8">
982                            <a href="#" class="flex items-center gap-1 text-[14px] font-black text-gray-900 dark:text-white hover:text-yellow-500">
983                                مشاهده تمام محصولات اسباب بازی و کودک
984                                <svg class="w-4 h-4 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
984<path d="M9 5l7 7-7 7" stroke-width="3" /></svg>
985                            </a>
986                        </div>
987
988                        <div class="grid grid-cols-4 gap-x-6 gap-y-10">
989                            <div class="space-y-4">
990                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-yellow-500 pr-3">اسباب بازی</a>
991                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
992                                    <li><a href="#" class="hover:text-yellow-500">ماشین و موتور</a></li>
993                                    <li><a href="#" class="hover:text-yellow-500">عروسک و پولیش</a></li>
994                                    <li><a href="#" class="hover:text-yellow-500">لگو و ساختنی</a></li>
995                                    <li><a href="#" class="hover:text-yellow-500">فکری و آموزشی</a></li>
996                                    <li><a href="#" class="hover:text-yellow-500">بازی‌های تخته‌ای</a></li>
997                                </ul>
998                            </div>
999
1000                            <div class="space-y-4">
1001                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-yellow-500 pr-3">پوشاک کودک</a>
1002                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1003                                    <li><a href="#" class="hover:text-yellow-500">لباس نوزاد</a></li>
1004                                    <li><a href="#" class="hover:text-yellow-500">لباس پسرانه</a></li>
1005                                    <li><a href="#" class="hover:text-yellow-500">لباس دخترانه</a></li>
1006                                    <li><a href="#" class="hover:text-yellow-500">کفش کودک</a></li>
1007                                    <li><a href="#" class="hover:text-yellow-500">کلاه و جوراب</a></li>
1008                                </ul>
1009                            </div>
1010
1011                            <div class="space-y-4">
1012                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-yellow-500 pr-3">غذای کودک</a>
1013                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1014                                    <li><a href="#" class="hover:text-yellow-500">شیر خشک</a></li>
1015                                    <li><a href="#" class="hover:text-yellow-500">پوره و غذای آماده</a></li>
1016                                    <li><a href="#" class="hover:text-yellow-500">بیسکویت و تنقلات</a></li>
1017                                    <li><a href="#" class="hover:text-yellow-500">مکمل و ویتامین</a></li>
1018                                    <li><a href="#" class="hover:text-yellow-500">لوازم تغذیه</a></li>
1019                                </ul>
1020                            </div>
1021
1022                            <div class="space-y-4">
1023                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-yellow-500 pr-3">وسایل نوزاد</a>
1024                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1025                                    <li><a href="#" class="hover:text-yellow-500">کریر و کالسکه</a></li>
1026                                    <li><a href="#" class="hover:text-yellow-500">صندلی ماشین</a></li>
1027                                    <li><a href="#" class="hover:text-yellow-500">تخت و روروئک</a></li>
1028                                    <li><a href="#" class="hover:text-yellow-500">پوشک و مرطوب کننده</a></li>
1029                                    <li><a href="#" class="hover:text-yellow-500">شیشه شیر و پستانک</a></li>
1030                                </ul>
1031                            </div>
1032
1033                            <div class="space-y-4">
1034                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-yellow-500 pr-3">سرگرمی</a>
1035                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1036                                    <li><a href="#" class="hover:text-yellow-500">دوچرخه و اسکوتر</a></li>
1037                                    <li><a href="#" class="hover:text-yellow-500">استخر بادی</a></li>
1038                                    <li><a href="#" class="hover:text-yellow-500">تاب و سرسره</a></li>
1039                                    <li><a href="#" class="hover:text-yellow-500">لوازم نقاشی</a></li>
1040                                    <li><a href="#" class="hover:text-yellow-500">کتاب و قصه</a></li>
1041                                </ul>
1042                            </div>
1043
1044                            <div class="space-y-4">
1045                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-yellow-500 pr-3">آموزشی</a>
1046                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1047                                    <li><a href="#" class="hover:text-yellow-500">کامپیوتر کودک</a></li>
1048                                    <li><a href="#" class="hover:text-yellow-500">تبلت آموزشی</a></li>
1049                                    <li><a href="#" class="hover:text-yellow-500">پازل و معما</a></li>
1050                                    <li><a href="#" class="hover:text-yellow-500">موسیقی کودک</a></li>
1051                                    <li><a href="#" class="hover:text-yellow-500">زبان آموزی</a></li>
1052                                </ul>
1053                            </div>
1054
1055                            <div class="space-y-4">
1056                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-yellow-500 pr-3">ایمنی و بهداشت</a>
1057                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1058                                    <li><a href="#" class="hover:text-yellow-500">محافظ گوشه‌ها</a></li>
1059                                    <li><a href="#" class="hover:text-yellow-500">گیت و نرده محافظ</a></li>
1060                                    <li><a href="#" class="hover:text-yellow-500">دماسنج و مراقبت</a></li>
1061                                    <li><a href="#" class="hover:text-yellow-500">
1061ضد عفونی کننده</a></li>
1062                                </ul>
1063                            </div>
1064
1065                            <div class="space-y-4">
1066                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-yellow-500 pr-3">جشن و تولد</a>
1067                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1068                                    <li><a href="#" class="hover:text-yellow-500">تزئینات جشن</a></li>
1069                                    <li><a href="#" class="hover:text-yellow-500">کیک و شیرینی</a></li>
1070                                    <li><a href="#" class="hover:text-yellow-500">هدیه و سوپرایز</a></li>
1071                                    <li><a href="#" class="hover:text-yellow-500">کارت دعوت</a></li>
1072                                </ul>
1073                            </div>
1074                        </div>
1075                    </div>-->
1076                    <!--Sports and travel-->
1077                    <!--<div id="dk-sports" class="mega-tab-content hidden">
1078                        <div class="flex items-center justify-between mb-8">
1079                            <a href="#" class="flex items-center gap-1 text-[14px] font-black text-gray-900 dark:text-white hover:text-blue-500">
1080                                مشاهده تمام محصولات ورزش و سفر
1081                                <svg class="w-4 h-4 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M9 5l7 7-7 7" stroke-width="3" /></svg>
1082                            </a>
1083                        </div>
1084
1085                        <div class="grid grid-cols-4 gap-x-6 gap-y-10">
1086                            <div class="space-y-4">
1087                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-blue-500 pr-3">لوازم ورزشی</a>
1088                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1089                                    <li><a href="#" class="hover:text-blue-500">توپ و راکت</a></li>
1090                                    <li><a href="#" class="hover:text-blue-500">دمبل و هالتر</a></li>
1091                                    <li><a href="#" class="hover:text-blue-500">طناب و کش ورزشی</a></li>
1092                                    <li><a href="#" class="hover:text-blue-500">لباس ورزشی</a></li>
1093                                    <li><a href="#" class="hover:text-blue-500">کفش ورزشی</a></li>
1094                                </ul>
1095                            </div>
1096
1097                            <div class="space-y-4">
1098                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-blue-500 pr-3">باشگاه خانگی</a>
1099                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1100                                    <li><a href="#" class="hover:text-blue-500">تردمیل و دوچرخه ثابت</a></li>
1101                                    <li><a href="#" class="hover:text-blue-500">الپتیکال و استپر</a></li>
1102                                    <li><a href="#" class="hover:text-blue-500">نیمکت بدنسازی</a></li>
1103                                    <li><a href="#" class="hover:text-blue-500">موسیقی ورزشی</a></li>
1104                                    <li><a href="#" class="hover:text-blue-500">لوازم جانبی</a></li>
1105                                </ul>
1106                            </div>
1107
1108                            <div class="space-y-4">
1109                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-blue-500 pr-3">کوهنوردی</a>
1110                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1111                                    <li><a href="#" class="hover:text-blue-500">کفش و کتانی</a></li>
1112                                    <li><a href="#" class="hover:text-blue-500">کوله پشتی</a></li>
1113                                    <li><a href="#" class="hover:text-blue-500">چادر و کیسه خواب</a></li>
1114                                    <li><a href="#" class="hover:text-blue-500">طناب و کارابین</a></li>
1115                                    <li><a href="#" class="hover:text-blue-500">وسایل ایمنی</a></li>
1116                                </ul>
1117                            </div>
1118
1119                            <div class="space-y-4">
1120                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-blue-500 pr-3">سفر</a>
1121                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1122                                    <li><a href="#" class="hover:text-blue-500">چمدان و ساک</a></li>
1123                                    <li><a href="#" class="hover:text-blue-500">کیف لوازم بهداشتی</a></li>
1124                                    <li><a href="#" class="hover:text-blue-500">پاوربانک مسافرتی</a></li>
1125                                    <li><a href="#" class="hover:text-blue-500">عینک و کلاه</a></li>
1126                                    <li><a href="#" class="hover:text-blue-500">نقشه و راهنما</a></li>
1127                                </ul>
1128                            </div>
1129
1130                            <div class="space-y-4">
1131                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-blue-500 pr-3">کمپینگ</a>
1132                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1133                                    <li><a href="#" class="hover:text-blue-500">
1133اجاق و باربیکیو</a></li>
1134                                    <li><a href="#" class="hover:text-blue-500">چراغ قوه و چراغ</a></li>
1135                                    <li><a href="#" class="hover:text-blue-500">ظروف سفری</a></li>
1136                                    <li><a href="#" class="hover:text-blue-500">تشک و زیرانداز</a></li>
1137                                    <li><a href="#" class="hover:text-blue-500">وسایل آشپزی</a></li>
1138                                </ul>
1139                            </div>
1140
1141                            <div class="space-y-4">
1142                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-blue-500 pr-3">دوچرخه</a>
1143                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1144                                    <li><a href="#" class="hover:text-blue-500">دوچرخه کوهستان</a></li>
1145                                    <li><a href="#" class="hover:text-blue-500">دوچرخه شهری</a></li>
1146                                    <li><a href="#" class="hover:text-blue-500">لوازم جانبی دوچرخه</a></li>
1147                                    <li><a href="#" class="hover:text-blue-500">کلاه ایمنی</a></li>
1148                                    <li><a href="#" class="hover:text-blue-500">پمپ و تعمیرات</a></li>
1149                                </ul>
1150                            </div>
1151
1152                            <div class="space-y-4">
1153                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-blue-500 pr-3">شنا و آبی</a>
1154                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1155                                    <li><a href="#" class="hover:text-blue-500">مایو و عینک شنا</a></li>
1156                                    <li><a href="#" class="hover:text-blue-500">تشک و اسباب بازی آبی</a></li>
1157                                    <li><a href="#" class="hover:text-blue-500">کفش و دماغی شنا</a></li>
1158                                    <li><a href="#" class="hover:text-blue-500">لوازم غواصی</a></li>
1159                                </ul>
1160                            </div>
1161
1162                            <div class="space-y-4">
1163                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-blue-500 pr-3">ورزش‌های تخصصی</a>
1164                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1165                                    <li><a href="#" class="hover:text-blue-500">گلف و تنیس</a></li>
1166                                    <li><a href="#" class="hover:text-blue-500">اسکی و اسنوبرد</a></li>
1167                                    <li><a href="#" class="hover:text-blue-500">اسب‌سواری</a></li>
1168                                    <li><a href="#" class="hover:text-blue-500">پینت بال</a></li>
1169                                </ul>
1170                            </div>
1171                        </div>
1172                    </div>-->
1173                    <!--Books and stationery-->
1174                    <!--<div id="dk-books" class="mega-tab-content hidden">
1175                        <div class="flex items-center justify-between mb-8">
1176                            <a href="#" class="flex items-center gap-1 text-[14px] font-black text-gray-900 dark:text-white hover:text-indigo-500">
1177                                مشاهده تمام محصولات کتاب و لوازم تحریر
1178                                <svg class="w-4 h-4 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M9 5l7 7-7 7" stroke-width="3" /></svg>
1179                            </a>
1180                        </div>
1181
1182                        <div class="grid grid-cols-4 gap-x-6 gap-y-10">
1183                            <div class="space-y-4">
1184                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-indigo-500 pr-3">کتاب</a>
1185                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1186                                    <li><a href="#" class="hover:text-indigo-500">
1186رمان و داستان</a></li>
1187                                    <li><a href="#" class="hover:text-indigo-500">کتاب دانشگاهی</a></li>
1188                                    <li><a href="#" class="hover:text-indigo-500">کودک و نوجوان</a></li>
1189                                    <li><a href="#" class="hover:text-indigo-500">تاریخ و سیاست</a></li>
1190                                    <li><a href="#" class="hover:text-indigo-500">مذهبی و عرفانی</a></li>
1191                                </ul>
1192                            </div>
1193
1194                            <div class="space-y-4">
1195                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-indigo-500 pr-3">لوازم التحریر</a>
1196                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1197                                    <li><a href="#" class="hover:text-indigo-500">خودکار و روان‌نویس</a></li>
1198                                    <li><a href="#" class="hover:text-indigo-500">مداد و پاک‌کن</a></li>
1199                                    <li><a href="#" class="hover:text-indigo-500">دفتر و کاغذ</a></li>
1200                                    <li><a href="#" class="hover:text-indigo-500">جامدادی و کیف</a></li>
1201                                    <li><a href="#" class="hover:text-indigo-500">خط کش و گونیا</a></li>
1202                                </ul>
1203                            </div>
1204
1205                            <div class="space-y-4">
1206                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-indigo-500 pr-3">هنری</a>
1207                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1208                                    <li><a href="#" class="hover:text-indigo-500">رنگ و قلمو</a></li>
1209                                    <li><a href="#" class="hover:text-indigo-500">بوم و کاغذ طراحی</a></li>
1210                                    <li><a href="#" class="hover:text-indigo-500">مداد شمعی و پاستل</a></li>
1211                                    <li><a href="#" class="hover:text-indigo-500">مجسمه سازی</a></li>
1212                                    <li><a href="#" class="hover:text-indigo-500">کالیگرافی</a></li>
1213                                </ul>
1214                            </div>
1215
1216                            <div class="space-y-4">
1217                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-indigo-500 pr-3">اداری</a>
1218                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1219                                    <li><a href="#" class="hover:text-indigo-500">پرونده و زونکن</a></li>
1220                                    <li><a href="#" class="hover:text-indigo-500">مهر و تاریخ‌زن</a></li>
1221                                    <li><a href="#" class="hover:text-indigo-500">منگنه و سوزن منگنه</a></li>
1222                                    <li><a href="#" class="hover:text-indigo-500">تمبر و پاکت نامه</a></li>
1223                                    <li><a href="#" class="hover:text-indigo-500">کاغذ کپی و پرینتر</a></li>
1224                                </ul>
1225                            </div>
1226
1227                            <div class="space-y-4">
1228                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-indigo-500 pr-3">کاغذ و بسته‌بندی</a>
1229                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1230                                    <li><a href="#" class="hover:text-indigo-500">کاغذ کادو</a></li>
1231                                    <li><a href="#" class="hover:text-indigo-500">ربان و تزئینات</a></li>
1232                                    <li><a href="#" class="hover:text-indigo-500">جعبه و کارتن</a></li>
1233                                    <li><a href="#" class="hover:text-indigo-500">نوار چسب و چسب</a></li>
1234                                    <li><a href="#" class="hover:text-indigo-500">کارت و برچسب</a></li>
1235                                </ul>
1236                            </div>
1237
1238                            <div class="space-y-4">
1239                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-indigo-500 pr-3">نوشت‌افزار دیجیتال</a>
1240                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1241                                    <li><a href="#" class="hover:text-indigo-500">تبلت طراحی</a></li>
1242                                    <li><a href="#" class="hover:text-indigo-500">قلم نوری</a></li>
1243                                    <li><a href="#" class="hover:text-indigo-500">نرم‌افزار طراحی</a></li>
1244                                    <li><a href="#" class="hover:text-indigo-500">اسکنر و پرینتر</a></li>
1245                                </ul>
1246                            </div>
1247
1248                            <div class="space-y-4">
1249                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-indigo-500 pr-3">آموزشی</a>
1250                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1251                                    <li><a href="#" class="hover:text-indigo-500">فلش کارت</a></li>
1252                                    <li><a href="#" class="hover:text-indigo-500">پازل آموزشی</a></li>
1253                                    <li><a href="#" class="hover:text-indigo-500">نقشه و اطلس</a></li>
1254                                    <li><a href="#" class="hover:text-indigo-500">کیت علمی</a></li>
1255                                </ul>
1256                            </div>
1257
1258                            <div class="space-y-4">
1259                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-indigo-500 pr-3">کتاب‌های الکترونیکی</a>
1260                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1261                                    <li><a href="#" class="hover:text-indigo-500">ایبوک ریدر</a></li>
1262                                    <li><a href="#" class="hover:text-indigo-500">کتاب‌های صوتی</a></li>
1263                                    <li><a href="#" class="hover:text-indigo-500">اشتراک کتابخانه</a></li>
1264                                    <li><a href="#" class="hover:text-indigo-500">اپلیکیشن‌های مطالعه</a></li>
1265                                </ul>
1266                            </div>
1267                        </div>
1268                    </div>-->
1269                    <!--Cars and motorcycles-->
1270                    <!--<div id="dk-auto" class="mega-tab-content hidden">
1271                        <div class="flex items-center justify-between mb-8">
1272                            <a href="#" class="flex items-center gap-1 text-[14px] font-black text-gray-900 dark:text-white hover:text-red-500">
1273                                مشاهده تمام محصولات خودرو و موتورسیکلت
1274                                <svg class="w-4 h-4 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1274<path d="M9 5l7 7-7 7" stroke-width="3" /></svg>
1275                            </a>
1276                        </div>
1277
1278                        <div class="grid grid-cols-4 gap-x-6 gap-y-10">
1279                            <div class="space-y-4">
1280                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-red-500 pr-3">لوازم خودرو</a>
1281                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1282                                    <li><a href="#" class="hover:text-red-500">روغن و ضد یخ</a></li>
1283                                    <li><a href="#" class="hover:text-red-500">لاستیک و رینگ</a></li>
1284                                    <li><a href="#" class="hover:text-red-500">باتری و استارت</a></li>
1285                                    <li><a href="#" class="hover:text-red-500">فیلتر هوا و روغن</a></li>
1286                                    <li><a href="#" class="hover:text-red-500">تیغه برف پاک کن</a></li>
1287                                </ul>
1288                            </div>
1289
1290                            <div class="space-y-4">
1291                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-red-500 pr-3">موتورسیکلت</a>
1292                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1293                                    <li><a href="#" class="hover:text-red-500">کلاه ایمنی</a></li>
1294                                    <li><a href="#" class="hover:text-red-500">لوازم یدکی موتور</a></li>
1295                                    <li><a href="#" class="hover:text-red-500">پوشاک موتورسوار</a></li>
1296                                    <li><a href="#" class="hover:text-red-500">زین و باربند</a></li>
1297                                    <li><a href="#" class="hover:text-red-500">آینه و روشنایی</a></li>
1298                                </ul>
1299                            </div>
1300
1301                            <div class="space-y-4">
1302                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-red-500 pr-3">صوتی و تصویری</a>
1303                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1304                                    <li><a href="#" class="hover:text-red-500">ضبط و پخش خودرو</a></li>
1305                                    <li><a href="#" class="hover:text-red-500">اسپیکر و آمپلی فایر</a></li>
1306                                    <li><a href="#" class="hover:text-red-500">دوربین دنده عقب</a></li>
1307                                    <li><a href="#" class="hover:text-red-500">هدآپ دیسپلی</a></li>
1308                                    <li><a href="#" class="hover:text-red-500">کابل و اتصالات</a></li>
1309                                </ul>
1310                            </div>
1311
1312                            <div class="space-y-4">
1313                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-red-500 pr-3">ابزار</a>
1314                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1315                                    <li><a href="#" class="hover:text-red-500">جعبه ابزار</a></li>
1316                                    <li><a href="#" class="hover:text-red-500">آچار و پیچ گوشتی</a></li>
1317                                    <li><a href="#" class="hover:text-red-500">جک و گاز آچار</a></li>
1318                                    <li><a href="#" class="hover:text-red-500">فنر و کمک فنر</a></li>
1319                                    <li><a href="#" class="hover:text-red-500">لوازم برقی خودرو</a></li>
1320                                </ul>
1321                            </div>
1322
1323                            <div class="space-y-4">
1324                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-red-500 pr-3">کارواش</a>
1325                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1326                                    <li><a href="#" class="hover:text-red-500">شامپو و واکس</a></li>
1327                                    <li><a href="#" class="hover:text-red-500">
1327برس و اسفنج</a></li>
1328                                    <li><a href="#" class="hover:text-red-500">جاذب رطوبت</a></li>
1329                                    <li><a href="#" class="hover:text-red-500">دستگاه کارواش</a></li>
1330                                    <li><a href="#" class="hover:text-red-500">پولیش و درخشان کننده</a></li>
1331                                </ul>
1332                            </div>
1333
1334                            <div class="space-y-4">
1335                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-red-500 pr-3">یدکی</a>
1336                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1337                                    <li><a href="#" class="hover:text-red-500">سیستم تعلیق</a></li>
1338                                    <li><a href="#" class="hover:text-red-500">تسمه و پولی</a></li>
1339                                    <li><a href="#" class="hover:text-red-500">شمع و کوئل</a></li>
1340                                    <li><a href="#" class="hover:text-red-500">ترمز و کاسه چرخ</a></li>
1341                                    <li><a href="#" class="hover:text-red-500">رادیاتور و شلنگ</a></li>
1342                                </ul>
1343                            </div>
1344
1345                            <div class="space-y-4">
1346                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-red-500 pr-3">ایمنی و نگهداری</a>
1347                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1348                                    <li><a href="#" class="hover:text-red-500">کپسول آتش‌نشانی</a></li>
1349                                    <li><a href="#" class="hover:text-red-500">جکسه و مثلث خطر</a></li>
1350                                    <li><a href="#" class="hover:text-red-500">ضد سرقت و آلارم</a></li>
1351                                    <li><a href="#" class="hover:text-red-500">کاور و پارکینگی</a></li>
1352                                </ul>
1353                            </div>
1354
1355                            <div class="space-y-4">
1356                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-red-500 pr-3">لوازم داخلی</a>
1357                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1358                                    <li><a href="#" class="hover:text-red-500">روکش صندلی</a></li>
1359                                    <li><a href="#" class="hover:text-red-500">فرش و زیرپایی</a></li>
1360                                    <li><a href="#" class="hover:text-red-500">آینه و شیشه</a></li>
1361                                    <li><a href="#" class="hover:text-red-500">جاکلیدی و نگهدارنده</a></li>
1362                                </ul>
1363                            </div>
1364                        </div>
1365                    </div>-->
1366                    <!--Industrial and tools-->
1367                    <!--<div id="dk-tools" class="mega-tab-content hidden">
1368                        <div class="flex items-center justify-between mb-8">
1369                            <a href="#" class="flex items-center gap-1 text-[14px] font-black text-gray-900 dark:text-white hover:text-secondary-500">
1370                                مشاهده تمام محصولات صنعتی و ابزار
1371                                <svg class="w-4 h-4 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M9 5l7 7-7 7" stroke-width="3" /></svg>
1372                            </a>
1373                        </div>
1374
1375                        <div class="grid grid-cols-4 gap-x-6 gap-y-10">
1376                            <div class="space-y-4">
1377                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-secondary-500 pr-3">ابزار دستی</a>
1378                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1379                                    <li><a href="#" class="hover:text-secondary-500">آچار و پیچ گوشتی</a></li>
1380                                    <li><a href="#" class="hover:text-secondary-500">انبر و پliers</a></li>
1381                                    <li><a href="#" class="hover:text-secondary-500">چکش و پتک</a></li>
1382                                    <li><a href="#" class="hover:text-secondary-500">اره و اره مویی</a></li>
1383                                    <li><a href="#" class="hover:text-secondary-500">متر و خط کش</a></li>
1384                                </ul>
1385                            </div>
1386
1387                            <div class="space-y-4">
1388                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-secondary-500 pr-3">ابزار برقی</a>
1389                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1390                                    <li><a href="#" class="hover:text-secondary-500">دریل و پیچ گوشتی برقی</a></li>
1391                                    <li><a href="#" class="hover:text-secondary-500">اره برقی و فرز</a></li>
1392                                    <li><a href="#" class="hover:text-secondary-500">سمباده و پولیشر</a></li>
1393                                    <li><a href="#" class="hover:text-secondary-500">هویه و لحیم کاری</a></li>
1394                                    <li><a href="#" class="hover:text-secondary-500">شارژر و باتری</a></li>
1395                                </ul>
1396                            </div>
1397
1398                            <div class="space-y-4">
1399                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-secondary-500 pr-3">ایمنی</a>
1400                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1401                                    <li><a href="#" class="hover:text-secondary-500">کلاه و عینک ایمنی</a></li>
1402                                    <li><a href="#" class="hover:text-secondary-500">دستکش و کفش ایمنی</a></li>
1403                                    <li><a href="#" class="hover:text-secondary-500">ماسک و محافظ گوش</a></li>
1404                                    <li><a href="#" class="hover:text-secondary-500">جلیقه و لباس کار</a></li>
1405                                    <li><a href="#" class="hover:text-secondary-500">کپسول آتش‌نشانی</a></li>
1406                                </ul>
1407                            </div>
1408
1409                            <div class="space-y-4">
1410                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-secondary-500 pr-3">اندازه‌گیری</a>
1411                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1412                                    <li><a href="#" class="hover:text-secondary-500">متر لیزری</a></li>
1413                                    <li><a href="#" class="hover:text-secondary-500">کولیس و میکرومتر</a></li>
1414                                    <li><a href="#" class="hover:text-secondary-500">تراز و شاغول</a></li>
1415                                    <li><a href="#" class="hover:text-secondary-500">دماسنج و رطوبت سنج</a></li>
1416                                    <li><a href="#" class="hover:text-secondary-500">آمپرمتر و مولتی متر</a></li>
1417                                </ul>
1418                            </div>
1419
1420                            <div class="space-y-4">
1421                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-secondary-500 pr-3">جوشکاری</a>
1422                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1423                                    <li><a href="#" class="hover:text-secondary-500">دستگاه جوش</a></li>
1424                                    <li><a href="#" class="hover:text-secondary-500">ماسک جوشکاری</a></li>
1425                                    <li><a href="#" class="hover:text-secondary-500">الکترود و سیم جوش</a></li>
1426                                    <li><a href="#" class="hover:text-secondary-500">انبر و چکش جوشکاری</a></li>
1427                                    <li><a href="#" class="hover:text-secondary-500">گاز و اکسیژن</a></li>
1428                                </ul>
1429                            </div>
1430
1431                            <div class="space-y-4">
1432                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-secondary-500 pr-3">باغبانی</a>
1433                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1434                                    <li><a href="#" class="hover:text-secondary-500">قیچی باغبانی</a></li>
1435                                    <li><a href="#" class="hover:text-secondary-500">اره و تبر</a></li>
1436                                    <li><a href="#" class="hover:text-secondary-500">بیل و شن کش</a></li>
1437                                    <li><a href="#" class="hover:text-secondary-500">چمن زن و هرس برقی</a></li>
1438                                    <li><a href="#" class="hover:text-secondary-500">آبپاش و شلنگ</a></li>
1439                                </ul>
1440                            </div>
1441
1442                            <div class="space-y-4">
1443                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-secondary-500 pr-3">نگهداری و تعمیر</a>
1444                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1445                                    <li><a href="#" class="hover:text-secondary-500">روغن و گریس</a></li>
1446                                    <li><a href="#" class="hover:text-secondary-500">چسب و درزگیر</a></li>
1447                                    <li><a href="#" class="hover:text-secondary-500">سیم و کابل</a></li>
1448                                    <li><a href="#" class="hover:text-secondary-500">پیچ و مهره</a></li>
1449                                </ul>
1450                            </div>
1451
1452                            <div class="space-y-4">
1453                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-secondary-500 pr-3">ماشین‌آلات</a>
1454                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1455                                    <li><a href="#" class="hover:text-secondary-500">
1455کمپرسور باد</a></li>
1456                                    <li><a href="#" class="hover:text-secondary-500">پمپ آب و شناور</a></li>
1457                                    <li><a href="#" class="hover:text-secondary-500">ژنراتور و موتور</a></li>
1458                                    <li><a href="#" class="hover:text-secondary-500">جرثقیل و بالابر</a></li>
1459                                </ul>
1460                            </div>
1461                        </div>
1462                    </div>-->
1463                    <!--Agriculture and horticulture-->
1464                    <!--<div id="dk-garden" class="mega-tab-content hidden">
1465                                        <div class="flex items-center justify-between mb-8">
1466                                            <a href="#" class="flex items-center gap-1 text-[14px] font-black text-gray-900 dark:text-white hover:text-emerald-500">
1467                                                مشاهده تمام محصولات کشاورزی و باغبانی
1468                                                <svg class="w-4 h-4 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M9 5l7 7-7 7" stroke-width="3" /></svg>
1469                                            </a>
1470                                        </div>
1471
1472                                        <div class="grid grid-cols-4 gap-x-6 gap-y-10">
1473                                            <div class="space-y-4">
1474                                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-emerald-500 pr-3">بذر و نهال</a>
1475                                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1476                                                    <li><a href="#" class="hover:text-emerald-500">بذر سبزیجات</a></li>
1477                                                    <li><a href="#" class="hover:text-emerald-500">بذر گل و گیاهان زینتی</a></li>
1478                                                    <li><a href="#" class="hover:text-emerald-500">نهال میوه</a></li>
1479                                                    <li><a href="#" class="hover:text-emerald-500">قلمه و پیاز</a></li>
1480                                                    <li><a href="#" class="hover:text-emerald-500">بذر صیفی جات</a></li>
1481                                                </ul>
1482                                            </div>
1483
1484                                            <div class="space-y-4">
1485                                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-emerald-500 pr-3">کود و سم</a>
1486                                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1487                                                    <li><a href="#" class="hover:text-emerald-500">کود حیوانی</a></li>
1488                                                    <li><a href="#" class="hover:text-emerald-500">کود شیمیایی</a></li>
1489                                                    <li><a href="#" class="hover:text-emerald-500">کود مایع و تقویتی</a></li>
1490                                                    <li><a href="#" class="hover:text-emerald-500">سموم دفع آفات</a></li>
1491                                                    <li><a href="#" class="hover:text-emerald-500">قارچ کش و علف کش</a></li>
1492                                                </ul>
1493                                            </div>
1494
1495                                            <div class="space-y-4">
1496                                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-emerald-500 pr-3">آبیاری</a>
1497                                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1498                                                    <li><a href="#" class="hover:text-emerald-500">شلنگ و اتصالات</a></li>
1499                                                    <li><a href="#" class="hover:text-emerald-500">پمپ آب و قطره چکان</a></li>
1500                                                    <li><a href="#" class="hover:text-emerald-500">آبپاش و مه پاش</a></li>
1501                                                    <li><a href="#" class="hover:text-emerald-500">تایمر و سیستم اتوماتیک</a></li>
1502                                                    <li><a href="#" class="hover:text-emerald-500">منبع و مخزن آب</a></li>
1503                                                </ul>
1504                                            </div>
1505
1506                                            <div class="space-y-4">
1507                                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-emerald-500 pr-3">ابزار باغبانی</a>
1508                                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1509                                                    <li><a href="#" class="hover:text-emerald-500">بیل و بیلچه</a></li>
1510                                                    <li><a href="#" class="hover:text-emerald-500">چنگک و شن کش</a></li>
1511                                                    <li><a href="#" class="hover:text-emerald-500">قیچی باغبانی</a></li>
1512                                                    <li><a href="#" class="hover:text-emerald-500">اره و تبر</a></li>
1513                                                    <li><a href="#" class="hover:text-emerald-500">فرغون و سطل</a></li>
1514                                                </ul>
1515                                            </div>
1516
1517                                            <div class="space-y-4">
1518                                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-emerald-500 pr-3">گل و گیاه</a>
1519                                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1520                                                    <li><a href="#" class="hover:text-emerald-500">گلدان و زیرگلدانی</a></li>
1521                                                    <li><a href="#" class="hover:text-emerald-500">خاک و بستر کاشت</a></li>
1522                                                    <li><a href="#" class="hover:text-emerald-500">گیاهان آپارتمانی</a></li>
1523                                                    <li><a href="#" class="hover:text-emerald-500">گیاهان فضای باز</a></li>
1524                                                    <li><a href="#" class="hover:text-emerald-500">کاکتوس و ساکولنت</a></li>
1525                                                </ul>
1526                                            </div>
1527
1528                                            <div class="space-y-4">
1529                                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-emerald-500 pr-3">ماشین‌آلات</a>
1530                                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1531                                                    <li><a href="#" class="hover:text-emerald-500">تراکتور و تیلر</a></li>
1532                                                    <li><a href="#" class="hover:text-emerald-500">دروگر و کمباین</a></li>
1533                                                    <li><a href="#" class="hover:text-emerald-500">سمپاش و کودپاش</a></li>
1534                                                    <li><a href="#" class="hover:text-emerald-500">چمن زن و علف تراش</a></li>
1535                                                    <li><a href="#" class="hover:text-emerald-500">پمپ و موتور آب</a></li>
1536                                                </ul>
1537                                            </div>
1538
1539                                            <div class="space-y-4">
1540                                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-emerald-500 pr-3">پرورش و دامداری</a>
1541                                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1542                                                    <li><a href="#" class="hover:text-emerald-500">خوراک دام و طیور</a></li>
1543                                                    <li><a href="#" class="hover:text-emerald-500">تجهیزات مرغداری</a></li>
1544                                                    <li><a href="#" class="hover:text-emerald-500">لوازم زنبورداری</a></li>
1545                                                    <li><a href="#" class="hover:text-emerald-500">آبخوری و دانخوری</a></li>
1546                                                    <li><a href="#" class="hover:text-emerald-500">قرص و مکمل دامی</a></li>
1547                                                </ul>
1548                                            </div>
1549
1550                                            <div class="space-y-4">
1551                                                <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-emerald-500 pr-3">تجهیزات گلخانه</a>
1552                                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1553                                                    <li><a href="#" class="hover:text-emerald-500">پوشش گلخانه</a></li>
1554                                                    <li><a href="#" class="hover:text-emerald-500">سیستم گرمایشی</a></li>
1555                                                    <li><a href="#" class="hover:text-emerald-500">سیستم تهویه</a></li>
1556                                                    <li><a href="#" class="hover:text-emerald-500">قفسه و گروباکس</a></li>
1557                                                    <li><a href="#" class="hover:text-emerald-500">کنترل رطوبت و دما</a></li>
1558                                                </ul>
1559                                            </div>
1560                                        </div>
1561                                    </div>
1562
1563                                </div>
1564                            </div>
1565                        </div>
1566                    </li>
1567
1568                    <li class="group/megalist static">
1569                        <a href="#" class="flex items-center gap-1 text-sm font-medium text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors py-4">
1570                            مگالیست منو
1571                            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1572                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
1573                            </svg>
1574                        </a>
1575
1576                        <div class="absolute top-full right-0 left-0 w-full bg-white dark:bg-gray-950 border-b border-gray-200 dark:border-gray-800 shadow-2xl opacity-0 invisible group-hover/megalist:opacity-100 group-hover/megalist:visible transition-all duration-300 z-40 transform translate-y-2 group-hover/megalist:translate-y-0">
1577                            <div class="container mx-auto px-8 py-10">
1578                                <div class="grid grid-cols-5 gap-8">-->
1579                    <!--Column 1: Most popular brands-->
1580                    <!--<div class="col-span-3 grid grid-cols-3 gap-6">-->
1581                    <!--Electronics brands-->
1582                    <!--<div class="space-y-4">
1583                        <h4 class="font-black text-sm mb-4 dark:text-white flex items-center gap-2">
1584                            <svg class="w-4 h-4 text-primary-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1585                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z" />
1586                            </svg>
1587                            لوازم الکترونیکی
1588                        </h4>
1589                        <ul class="space-y-3">
1590                            <li>
1591                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1592                                    <span class="w-2 h-2 bg-primary-500 rounded-full"></span>
1593                                    اپل (Apple)
1594                                </a>
1595                            </li>
1596                            <li>
1597                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1598                                    <span class="w-2 h-2 bg-primary-400 rounded-full"></span>
1599                                    سامسونگ (Samsung)
1600                                </a>
1601                            </li>
1602                            <li>
1603                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1604                                    <span class="w-2 h-2 bg-primary-300 rounded-full"></span>
1605                                    سونی (Sony)
1606                                </a>
1607                            </li>
1608                            <li>
1609                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1610                                    <span class="w-2 h-2 bg-primary-500 rounded-full"></span>
1611                                    هواوی (Huawei)
1612                                </a>
1613                            </li>
1614                            <li>
1615                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1616                                    <span class="w-2 h-2 bg-primary-600 rounded-full"></span>
1617                                    ال‌جی (LG)
1618                                </a>
1619                            </li>
1620                            <li>
1621                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1622                                    <span class="w-2 h-2 bg-primary-500 rounded-full"></span>
1623                                    شیائومی (Xiaomi)
1624                                </a>
1625                            </li>
1626                            <li>
1627                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1628                                    <span class="w-2 h-2 bg-primary-400 rounded-full"></span>
1629                                    دِل (Dell)
1630                                </a>
1631                            </li>
1632                        </ul>
1633                    </div>-->
1634                    <!--Clothing and fashion brands-->
1635                    <!--<div class="space-y-4">
1636                        <h4 class="font-black text-sm mb-4 dark:text-white flex items-center gap-2">
1637                            <svg class="w-4 h-4 text-primary-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1638                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" />
1639                            </svg>
1640                            پوشاک و مد
1641                        </h4>
1642                        <ul class="space-y-3">
1643                            <li>
1644                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1645                                    <span class="w-2 h-2 bg-primary-500 rounded-full"></span>
1646                                    زارا (Zara)
1647                                </a>
1648                            </li>
1649                            <li>
1650                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1651                                    <span class="w-2 h-2 bg-primary-400 rounded-full"></span>
1652                                    اچ‌اند‌ام (H&M)
1653                                </a>
1654                            </li>
1655                            <li>
1656                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1657                                    <span class="w-2 h-2 bg-primary-300 rounded-full"></span>
1658                                    Ú¯Ù¾ (Gap)
1659                                </a>
1660                            </li>
1661                            <li>
1662                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1663                                    <span class="w-2 h-2 bg-primary-600 rounded-full"></span>
1664                                    نایک (Nike)
1665                                </a>
1666                            </li>
1667                            <li>
1668                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1669                                    <span class="w-2 h-2 bg-primary-700 rounded-full"></span>
1670                                    آدیداس (Adidas)
1671                                </a>
1672                            </li>
1673                            <li>
1674                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1675                                    <span class="w-2 h-2 bg-primary-800 rounded-full"></span>
1676                                    پوما (Puma)
1677                                </a>
1678                            </li>
1679                        </ul>
1680                    </div>-->
1681                    <!--Home appliance brands-->
1682                    <!--<div class="space-y-4">
1683                        <h4 class="font-black text-sm mb-4 dark:text-white flex items-center gap-2">
1684                            <svg class="w-4 h-4 text-primary-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1685                                <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" />
1686                            </svg>
1687                            لوازم خانگی
1688                        </h4>
1689                        <ul class="space-y-3">
1690                            <li>
1691                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1692                                    <span class="w-2 h-2 bg-primary-500 rounded-full"></span>
1693                                    بوش (Bosch)
1694                                </a>
1695                            </li>
1696                            <li>
1697                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1698                                    <span class="w-2 h-2 bg-primary-400 rounded-full"></span>
1699                                    سامسونگ خانگی
1700                                </a>
1701                            </li>
1702                            <li>
1703                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1704                                    <span class="w-2 h-2 bg-primary-300 rounded-full"></span>
1705                                    ال‌جی خانگی
1706                                </a>
1707                            </li>
1708                            <li>
1709                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1710                                    <span class="w-2 h-2 bg-primary-600 rounded-full"></span>
1711                                    پاناسونیک (Panasonic)
1712                                </a>
1713                            </li>
1714                            <li>
1715                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1716                                    <span class="w-2 h-2 bg-primary-700 rounded-full"></span>
1717                                    فیلیپس (Philips)
1718                                </a>
1719                            </li>
1720                            <li>
1721                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1722                                    <span class="w-2 h-2 bg-primary-800 rounded-full"></span>
1723                                    کنوود (Kenwood)
1724                                </a>
1725                            </li>
1726                        </ul>
1727                    </div>-->
1728                    <!--Beauty and health brands-->
1729                    <!--<div class="space-y-4">
1730                        <h4 class="font-black text-sm mb-4 dark:text-white flex items-center gap-2">
1731                            <svg class="w-4 h-4 text-primary-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1732                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
1733                            </svg>
1734                            زیبایی و سلامت
1735                        </h4>
1736                        <ul class="space-y-3">
1737                            <li>
1738                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1739                                    <span class="w-2 h-2 bg-primary-500 rounded-full"></span>
1740                                    لورآل (L'Oréal)
1741                                </a>
1742                            </li>
1743                            <li>
1744                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1745                                    <span class="w-2 h-2 bg-primary-400 rounded-full"></span>
1746                                    شنل (Chanel)
1747                                </a>
1748                            </li>
1749                            <li>
1750                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1751                                    <span class="w-2 h-2 bg-primary-300 rounded-full"></span>
1752                                    دیور (Dior)
1753                                </a>
1754                            </li>
1755                            <li>
1756                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1757                                    <span class="w-2 h-2 bg-primary-600 rounded-full"></span>
1758                                    نیوآ (Nivea)
1759                                </a>
1760                            </li>
1761                            <li>
1762                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1763                                    <span class="w-2 h-2 bg-primary-500 rounded-full"></span>
1764                                    گرن (Garnier)
1765                                </a>
1766                            </li>
1767                            <li>
1768                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1769                                    <span class="w-2 h-2 bg-primary-400 rounded-full"></span>
1770                                    وازلین (Vaseline)
1771                                </a>
1772                            </li>
1773                        </ul>
1774                    </div>-->
1775                    <!--Sports brands-->
1776                    <!--<div class="space-y-4">
1777                        <h4 class="font-black text-sm mb-4 dark:text-white flex items-center gap-2">
1778                            <svg class="w-4 h-4 text-primary-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1779                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z" />
1780                            </svg>
1781                            ورزشی
1782                        </h4>
1783                        <ul class="space-y-3">
1784                            <li>
1785                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1786                                    <span class="w-2 h-2 bg-primary-600 rounded-full"></span>
1787                                    نایک (Nike)
1788                                </a>
1789                            </li>
1790                            <li>
1791                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1792                                    <span class="w-2 h-2 bg-primary-700 rounded-full"></span>
1793                                    آدیداس (Adidas)
1794                                </a>
1795                            </li>
1796                            <li>
1797                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1798                                    <span class="w-2 h-2 bg-primary-800 rounded-full"></span>
1799                                    پوما (Puma)
1800                                </a>
1801                            </li>
1802                            <li>
1803                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1804                                    <span class="w-2 h-2 bg-primary-500 rounded-full"></span>
1805                                    ریبوک (Reebok)
1806                                </a>
1807                            </li>
1808                            <li>
1809                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1810                                    <span class="w-2 h-2 bg-primary-600 rounded-full"></span>
1811                                    آندر آرمور (Under Armour)
1812                                </a>
1813                            </li>
1814                            <li>
1815                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1816                                    <span class="w-2 h-2 bg-primary-700 rounded-full"></span>
1817                                    اسکچرز (Skechers)
1818                                </a>
1819                            </li>
1820                        </ul>
1821                    </div>-->
1822                    <!--Iranian brands-->
1823                    <!--<div class="space-y-4">
1824                            <h4 class="font-black text-sm mb-4 dark:text-white flex items-center gap-2">
1825                                <svg class="w-4 h-4 text-primary-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1826                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 
18260 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
1827                                </svg>
1828                                برندهای ایرانی
1829                            </h4>
1830                            <ul class="space-y-3">
1831                                <li>
1832                                    <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1833                                        <span class="w-2 h-2 bg-primary-500 rounded-full"></span>
1834                                        ایران خودرو
1835                                    </a>
1836                                </li>
1837                                <li>
1838                                    <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1839                                        <span class="w-2 h-2 bg-primary-400 rounded-full"></span>
1840                                        سایپا
1841                                    </a>
1842                                </li>
1843                                <li>
1844                                    <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1845                                        <span class="w-2 h-2 bg-primary-300 rounded-full"></span>
1846                                        پارس خودرو
1847                                    </a>
1848                                </li>
1849                                <li>
1850                                    <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1851                                        <span class="w-2 h-2 bg-primary-600 rounded-full"></span>
1852                                        شاتل
1853                                    </a>
1854                                </li>
1855                                <li>
1856                                    <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1857                                        <span class="w-2 h-2 bg-primary-500 rounded-full"></span>
1858                                        صانع (موبایل)
1859                                    </a>
1860                                </li>
1861                                <li>
1862                                    <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1863                                        <span class="w-2 h-2 bg-primary-600 rounded-full"></span>
1864                                        مارال (لوازم خانگی)
1865                                    </a>
1866                                </li>
1867                            </ul>
1868                        </div>
1869                    </div>-->
1870                    <!--Second column: Brand images-->
1871                    <!--<div class="col-span-2">
1872                    <div class="grid grid-cols-2 gap-4 mb-6">-->
1873                    <!--Luxury brands-->
1874                    <!--<div class="relative overflow-hidden rounded-2xl h-40 group/img">
1875                        <a href="">
1876                            <img src="assets/images/banner/banner-four-3.jpg"
1877                                 class="w-full h-full object-cover transition-transform duration-500 group-hover/img:scale-110">
1878                        </a>
1879                    </div>-->
1880                    <!--Advanced technology-->
1881                    <!--<div class="relative overflow-hidden rounded-2xl h-40 group/img">
1882                            <a href="">
1883                                <img src="assets/images/banner/banner-11.jpg"
1884                                     class="w-full h-full object-cover transition-transform duration-500 group-hover/img:scale-110">
1885                            </a>
1886                        </div>
1887                    </div>-->
1888                    <!--Special brands-->
1889                    <!--<div class="space-y-4">
1890                        <h4 class="font-black text-sm mb-4 dark:text-white">برندهای ویژه امروز</h4>
1891                        <div class="grid grid-cols-2 gap-3">
1892                            <a href="#" class="flex items-center gap-3 p-3 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-primary-500 dark:hover:border-primary-500 transition-all group/item">
1893                                <div class="w-10 h-10 rounded-lg bg-primary-100 dark:bg-primary-900/30 flex items-center justify-center">
1894                                    <span class="text-primary-600 dark:text-primary-400 font-bold text-sm">AP</span>
1895                                </div>
1896                                <div>
1897                                    <span class="text-xs font-semibold dark:text-white group-hover/item:text-primary-500">اپل</span>
1898                                    <p class="text-xs text-gray-500">تا ۳۰٪ تخفیف</p>
1899                                </div>
1900                            </a>
1901
1902                            <a href="#" class="flex items-center gap-3 p-3 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-primary-500 dark:hover:border-primary-500 transition-all group/item">
1903                                <div class="w-10 h-10 rounded-lg bg-primary-100 dark:bg-primary-900/30 flex items-center justify-center">
1904                                    <span class="text-primary-600 dark:text-primary-400 font-bold text-sm">SA</span>
1905                                </div>
1906                                <div>
1907                                    <span class="text-xs font-semibold dark:text-white group-hover/item:text-primary-500">سامسونگ</span>
1908                                    <p class="text-xs text-gray-500">هدیه خرید</p>
1909                                </div>
1910                            </a>
1911
1912                            <a href="#" class="flex items-center gap-3 p-3 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-primary-500 dark:hover:border-primary-500 transition-all group/item">
1913                                <div class="w-10 h-10 rounded-lg bg-primary-100 dark:bg-primary-900/30 flex items-center justify-center">
1914                                    <span class="text-primary-600 dark:text-primary-400 font-bold text-sm">NI</span>
1915                                </div>
1916                                <div>
1917                                    <span class="text-xs font-semibold dark:text-white group-hover/item:text-primary-500">نایک</span>
1918                                    <p class="text-xs text-gray-500">حراج ویژه</p>
1919                                </div>
1920                            </a>
1921
1922                            <a href="#" class="flex items-center gap-3 p-3 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-primary-500 dark:hover:border-primary-500 transition-all group/item">
1923                                <div class="w-10 h-10 rounded-lg bg-primary-100 dark:bg-primary-900/30 flex items-center justify-center">
1924                                    <span class="text-primary-600 dark:text-primary-400 font-bold text-sm">LO</span>
1925                                </div>
1926                                <div>
1927                                    <span class="text-xs font-semibold dark:text-white group-hover/item:text-primary-500">لورآل</span>
1928                                    <p class="text-xs text-gray-500">کادو رایگان</p>
1929                                </div>
1930                            </a>
1931                        </div>
1932                    </div>-->
1933                    <!--Top category-->
1934                    <!--<div class="mt-6 pt-6 border-t border-gray-200 dark:border-gray-800">
1935                                <h4 class="font-black text-sm mb-4 dark:text-white">دسته‌بندی‌های برتر</h4>
1936                                <div class="flex flex-wrap gap-2">
1937                                    <a href="#" class="px-3 py-1.5 text-xs rounded-full border border-gray-300 dark:text-white dark:border-gray-700 hover:border-primary-500 hover:text-primary-500 dark:hover:border-primary-500 transition-all">
1938                                        گوشی‌های هوشمند
1939                                    </a>
1940                                    <a href="#" class="px-3 py-1.5 text-xs rounded-full border border-gray-300 dark:text-white dark:border-gray-700 hover:border-primary-500 hover:text-primary-500 dark:hover:border-primary-500 transition-all">
1941                                        لپ‌تاپ‌های گیمینگ
1942                                    </a>
1943                                    <a href="#" class="px-3 py-1.5 text-xs rounded-full border border-gray-300 dark:text-white dark:border-gray-700 hover:border-primary-500 hover:text-primary-500 dark:hover:border-primary-500 transition-all">
1944                                        لباس ورزشی
1945                                    </a>
1946                                    <a href="#" class="px-3 py-1.5 text-xs rounded-full border border-gray-300 dark:text-white dark:border-gray-700 hover:border-primary-500 hover:text-primary-500 dark:hover:border-primary-500 transition-all">
1947                                        لوازم آرایشی
1948                                    </a>
1949                                    <a href="#" class="px-3 py-1.5 text-xs rounded-full border border-gray-300 dark:text-white dark:border-gray-700 hover:border-primary-500 hover:text-primary-500 dark:hover:border-primary-500 transition-all">
1950                                        اسباب‌بازی
1951                                    </a>
1952                                </div>
1953                            </div>
1954                        </div>
1955                    </div>-->
1956                    <!--Bottom line with quick links-->
1957                    <!--<div class="mt-8 pt-6 border-t border-gray-200 dark:border-gray-800">
1958                                    <div class="flex items-center justify-between">
1959                                        <div class="flex items-center gap-6">
1960                                            <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-1">
1961                                                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1962                                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" />
1963                                                </svg>
1964                                                پرطرفدارترین‌ها
1965                                            </a>
1966                                            <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-1">
1967                                                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1968                                                    <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" />
1969                                                </svg>
1970                                                جدیدترین برندها
1971                                            </a>
1972                                            <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-1">
1973                                                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1974                                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" />
1975                                                </svg>
1976                                                پرفروش‌ترین‌ها
1977                                            </a>
1978                                        </div>
1979                                        <a href="#" class="text-sm font-semibold text-primary-600 dark:text-primary-400 hover:text-primary-700 dark:hover:text-primary-300 transition-colors flex items-center gap-1">
1980                                            مشاهده همه برندها
1981                                            <svg class="w-4 h-4 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1982                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18" />
1983                                            </svg>
1984                                        </a>
1985                                    </div>
1986                                </div>
1987                            </div>
1988                        </div>
1989                    </li>-->
1990
1991                    <li class="relative group/drop">
1992                        <button type="button" class="flex items-center gap-1 text-sm font-medium text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors py-4 w-full lg:w-auto"><i class="fal fa-shopping-basket" aria-hidden="true"></i> فروشگاه<svg class="w-4 h-4 transition-transform group-hover/drop:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /></svg></button><ul class="lg:absolute lg:top-full lg:right-0 w-full lg:w-64 bg-white dark:bg-gray-900 border border-gray-100 dark:border-gray-800 shadow-xl lg:rou
1992nded-2xl py-2 opacity-0 invisible group-hover/drop:opacity-100 group-hover/drop:visible lg:transform lg:translate-y-2 lg:group-hover/drop:translate-y-0 transition-all duration-300 z-50 hidden lg:block mobile-menu-content">
1993                            <li class="p-2"><a href="/Store/2" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-mobile-android" aria-hidden="true"></i>گوشی‌‌های هوشمند</a></li>
1994                            <li class="p-2"><a href="/Store/3" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-mobile-android-alt" aria-hidden="true"></i>گوشی‌های کلاسیک</a></li>
1995                            <li class="p-2"><a href="/Store/4" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-tablet-android" aria-hidden="true"></i>تبلت‌های هوشمند</a></li>
1996                            <li class="p-2"><a href="/Store/23" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-laptop" aria-hidden="true"></i>لپ تاپ</a></li>
1997                            <li class="p-2"><a href="/Store/7" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-headphones" aria-hidden="true"></i>لوازم جانبی</a></li>
1998                            <li class="p-2"><a href="/Store/22" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-plug" aria-hidden="true"></i>لوازم جانبی سایر برندها</a></li>
1999                        </ul>
2000                    </li>
2001                    <li><a href="/Blog?page=1/" class="text-sm font-medium text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors">بلاگ</a></li>
2002                    <li class="relative group/drop">
2003                        <button type="button" class="flex items-center gap-1 text-sm font-medium text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors py-4 w-full lg:w-auto">خدمات<svg class="w-4 h-4 transition-transform group-hover/drop:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /></svg></button><ul class="lg:absolute lg:top-full lg:right-0 w-full lg:w-64 bg-white dark:bg-gray-900 border border-gray-100 dark:border-gray-800 shadow-xl lg:rounded-2xl py-2 opacity-0 invisible group-hover/drop:opacity-100 group-hover/drop:visible lg:transform lg:translate-y-2 lg:group-hover/drop:translate-y-0 transition-all duration-300 z-50 hidden lg:block mobile-menu-content">
2004                            <li class="p-2"><a href="/Representation" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-map-marker-alt" aria-hidden="true"></i>نمایندگی‌های خدمات پس از فروش</a></li>
2005                            <li class="p-2"><a href="/Seller" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-users" aria-hidden="true"></i>کارشناسان فروش</a></li>
2006                            <li class="p-2"><a href="https://dlglx.ir" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-globe" aria-hidden="true"></i>خدمات پس از فروش آنلاین</a></li>
2007                        </ul>
2008                    </li>
2009                    <li class="relative group/drop">
2010                        <button type="button" class="flex items-center gap-1 text-sm font-medium text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors py-4 w-full lg:w-auto">درباره‌ی ما<svg class="w-4 h-4 transition-transform group-hover/drop:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2010<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /></svg></button><ul class="lg:absolute lg:top-full lg:right-0 w-full lg:w-64 bg-white dark:bg-gray-900 border border-gray-100 dark:border-gray-800 shadow-xl lg:rounded-2xl py-2 opacity-0 invisible group-hover/drop:opacity-100 group-hover/drop:visible lg:transform lg:translate-y-2 lg:group-hover/drop:translate-y-0 transition-all duration-300 z-50 hidden lg:block mobile-menu-content">
2011                            <li class="p-2"><a href="/Home/About" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-building" aria-hidden="true"></i>درباره جی‌ال‌ایکس</a></li>
2012                            <li class="p-2"><a href="/FAQs" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-question-circle" aria-hidden="true"></i>پرسش های متداول</a></li>
2013                            <li class="p-2"><a href="/Req/Create/پرسش-از-جی-ال-ایکس" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-phone" aria-hidden="true"></i>تماس با ما</a></li>
2014                        </ul>
2015                    </li>
2016                    <li class="relative group/drop">
2017                        <button type="button" class="flex items-center gap-1 text-sm font-medium text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors py-4 w-full lg:w-auto">خدمات پس از فروش<svg class="w-4 h-4 transition-transform group-hover/drop:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /></svg></button><ul class="lg:absolute lg:top-full lg:right-0 w-full lg:w-64 bg-white dark:bg-gray-900 border border-gray-100 dark:border-gray-800 shadow-xl lg:rounded-2xl py-2 opacity-0 invisible group-hover/drop:opacity-100 group-hover/drop:visible lg:transform lg:translate-y-2 lg:group-hover/drop:translate-y-0 transition-all duration-300 z-50 hidden lg:block mobile-menu-content">
2018                            <li class="p-2"><a href="/Pages/Service" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-wrench" aria-hidden="true"></i>خدمات پس از فروش</a></li>
2019                            <li class="p-2"><a href="/pages/Warranty" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-shield-check" aria-hidden="true"></i>شرایط گارانتی</a></li>
2020                            <li class="p-2"><a href="/Representation" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-map-marker-alt" aria-hidden="true"></i>لیست نمایندگان</a></li>
2021                            <li class="p-2"><a href="/Home/Poll" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-clipboard-check" aria-hidden="true"></i>فرم نظرسنجی</a></li>
2022                            <li class="p-2"><a href="/Req/Create/" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-comments" aria-hidden="true"></i>شکایت و درخواست</a></li>
2023                        </ul>
2024                    </li>
2025                    <li><a href="/pages/PhoneCase" class="text-sm font-medium text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors">سفارش عمده قاب</a></li>
2026                </ul>
2027            </div>
2028        </nav>
2029
2030    </header>
2031    <!-- END HEADER -->
2032
2033    <main class="space-y-12">
2034
2035        <!-- CONTENT -->
2036
2037
2038        
2039
2040    <!-- STORY SECTION -->
2041    <section class="pt-12" style="display:none;">
2042        <h2 class="sr-only">استوری های فروشگاه</h2>
2043        <!-- for seo -->
2044        <div class="container">
2045            <div id="stories-container" role="region" aria-labelledby="stories-title">
2046                <h3 id="stories-title" class="sr-only">استوری های فروشگاه</h3>
2047                <!-- title for screen readers -->
2048            </div>
2049        </div>
2050    </section>
2051    <!-- END STORY SECTION -->
2052    <!-- SLIDER SECTION -->
2053    <section class="container transition-colors duration-500 pt-5">
2054        <div class="grid grid-cols-1 lg:grid-cols-12 gap-6">
2055
2056
2057            <!--Instant offers-->
2058            <div class="lg:col-span-4 relative group bg-white dark:bg-black lg:bg-white/80 lg:dark:bg-[#0a0a0a]/40 lg:backdrop-blur-3xl rounded-[3rem] p-6 border border-gray-100 dark:border-white/5 flex flex-col transition-all duration-500 shadow-sm">
2059
2060                <div class="flex justify-between items-center mb-6 relative z-10">
2061                    <div class="flex items-center gap-3">
2062                        <div class="w-2.5 h-2.5 rounded-full bg-primary shadow-[0_0_15px_rgba(var(--color-primary),1)] animate-pulse"></div>
2063                        <h2 class="text-lg font-black text-gray-900 dark:text-white">پیشنهادات لحظه‌ای</h2>
2064                    </div>
2065                    
2066                </div>
2067
2068                <div class="suggestion-wrapper overflow-hidden relative z-10">
2069                    <div class="swiper suggestionSwiper w-full px-1">
2070                        <div class="swiper-wrapper">
2071
2072
2073                                <div class="swiper-slide py-4 px-2">
2074                                    <a href="/Products/11461/گوشی-هوشمند-دوجی-s61-pro-دو-سیم‌کارت-ظرفیت-128-گیگابایت-و-رم-6-گیگابایت" class="group/card block relative bg-gray-100 dark:bg-[#0c0c0e] p-4 rounded-[2.8rem] border border-gray-100 dark:border-white/5 transition-all duration-500  dark:hover:shadow-[0_20px_40px_-10px_rgba(59,130,246,0.15)] hover:-translate-y-2">
2075
2076                                            <div class="absolute top-6 right-6 z-20">
2077                                                <span class="bg-red-500 text-white text-[10px] font-black px-2.5 py-1.5 rounded-full shadow-lg shadow-red-500/30 flex items-center gap-1">
2078                                                    <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 24 24"><path d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2z" /></svg>
2079                                                    9Ùª-
2080                                                </span>
2081                                            </div>
2082
2083
2084                                        <div class="flex items-center gap-6">
2085                                            <div class="relative w-28 h-28 bg-gray-50 dark:bg-white/5 rounded-[2.2rem] flex-shrink-0 p-3 transition-transform duration-700 group-hover/card:scale-105">
2086                                                <img src="/Images/Product/11461.jpg?version=1.4" alt="گوشی هوشمند دوجی S61 PRO دو سیم‌کارت ظرفیت 128 گیگابایت و رم 6 گیگابایت"
2087                                                     class="w-full h-full object-contain drop-shadow-[0_10px_20px_rgba(0,0,0,0.1)] transition-all duration-700">
2088
2089                                                <div class="absolute inset-0 bg-primary-500/10 blur-2xl rounded-full opacity-0 group-hover/card:opacity-100 transition-opacity"></div>
2090                                            </div>
2091
2092                                            <div class="flex flex-col flex-1 gap-1">
2093
2094                                                    <div class="flex items-center gap-2 mb-1">
2095                                                        <span class="text-[9px] font-black px-2 py-0.5 bg-primary/10 text-primary rounded-lg uppercase tracking-tighter">ارسال رایگان</span>
2096                                                    </div>
2097
2098
2099
2100                                                <h3 class="text-[13px] font-black text-gray-800 dark:text-gray-100 leading-6 truncate group-hover/card:text-primary transition-colors">
2101                                                    
2102
2103                                                    گوشی هوشمند دوجی S61 PRO دو سیم‌کارت ظرف...
2104
2105                                                </h3>
2106
2107                                                <div class="mt-2 flex flex-col">
2108
2109                                                            <div class="flex items-center gap-2">
2110                                                                <span class="text-[11px] text-gray-400 font-bold line-through decoration-red-400/50 tabular-nums">44,000,000</span>
2111                                                            </div>
2112                                                            <div class="flex items-center gap-1.5">
2113                                                                <span class="text-xl font-black text-gray-900 dark:text-white tabular-nums tracking-tighter">39,998,000</span>
2114                                                                <span class="text-[10px] text-gray-500 dark:text-gray-400 font-bold">تومان</span>
2115                                                            </div>
2116
2117
2118
2119                                                    
2120                                                </div>
2121                                            </div>
2122
2123                                            <div class="absolute bottom-6 left-6 w-10 h-10 bg-primary-500 dark:bg-primary-500 text-white rounded-2xl flex items-center justify-center opacity-0 translate-y-4 group-hover/card:opacity-100 group-hover/card:translate-y-0 transition-all duration-500 shadow-xl shadow-primary-500/20">
2124                                                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M12 4v16m8-8H4" stroke-width="2.5" stroke-linecap="round" /></svg>
2125                                            </div>
2126                                        </div>
2127
2128
2129
2130                                    </a>
2131                                </div>
2132                                <div class="swiper-slide py-4 px-2">
2133                                    <a href="/Products/15506/گوشی-موبایل-جی-ال-ایکس-مدل-c66-new-دو-سیم‌کارت-با-قابلیت-اذان-گو" class="group/card block relative bg-gray-100 dark:bg-[#0c0c0e] p-4 rounded-[2.8rem] border border-gray-100 dark:border-white/5 transition-all duration-500  dark:hover:shadow-[0_20px_40px_-10px_rgba(59,130,246,0.15)] hover:-translate-y-2">
2134
2135
2136
2137                                        <div class="flex items-center gap-6">
2138                                            <div class="relative w-28 h-28 bg-gray-50 dark:bg-white/5 rounded-[2.2rem] flex-shrink-0 p-3 transition-transform duration-700 group-hover/card:scale-105">
2139                                                <img src="/Images/Product/15506.jpg?version=1.4" alt="گوشی موبایل جی ال ایکس مدل C66 New دو سیم‌کارت با قابلیت اذان گو"
2140                                                     class="w-full h-full object-contain drop-shadow-[0_10px_20px_rgba(0,0,0,0.1)] transition-all duration-700">
2141
2142                                                <div class="absolute inset-0 bg-primary-500/10 blur-2xl rounded-full opacity-0 group-hover/card:opacity-100 transition-opacity"></div>
2143                                            </div>
2144
2145                                            <div class="flex flex-col flex-1 gap-1">
2146
2147                                                    <div class="flex items-center gap-2 mb-1">
2148                                                        <span class="text-[9px] font-black px-2 py-0.5 bg-primary/10 text-primary rounded-lg uppercase tracking-tighter">ارسال رایگان</span>
2149                                                    </div>
2150
2151
2152
2153                                                <h3 class="text-[13px] font-black text-gray-800 dark:text-gray-100 leading-6 truncate group-hover/card:text-primary transition-colors">
2154                                                    
2155
2156                                                    گوشی موبایل جی ال ایکس مدل C66 New دو سی...
2157
2158                                                </h3>
2159
2160                                                <div class="mt-2 flex flex-col">
2161
2162                                                            <div class="flex items-center gap-1.5">
2163                                                                <span class="text-xl font-black text-gray-900 dark:text-white tabular-nums tracking-tighter">2,450,000</span>
2164                                                                <span class="text-[10px] text-gray-500 dark:text-gray-400 font-bold">تومان</span>
2165                                                            </div>
2166
2167
2168
2169                                                    
2170                                                </div>
2171                                            </div>
2172
2173                                            <div class="absolute bottom-6 left-6 w-10 h-10 bg-primary-500 dark:bg-primary-500 text-white rounded-2xl flex items-center justify-center opacity-0 translate-y-4 group-hover/card:opacity-100 group-hover/card:translate-y-0 transition-all duration-500 shadow-xl shadow-primary-500/20">
2174                                                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M12 4v16m8-8H4" stroke-width="2.5" stroke-linecap="round" /></svg>
2175                                            </div>
2176                                        </div>
2177
2178
2179
2180                                    </a>
2181                                </div>
2182                                <div class="swiper-slide py-4 px-2">
2183                                    <a href="/Products/10402/گوشی-موبایل-جی-ال-ایکس-مدل-c66-دو-سیم‌کارت" class="group/card block relative bg-gray-100 dark:bg-[#0c0c0e] p-4 rounded-[2.8rem] border border-gray-100 dark:border-white/5 transition-all duration-500  dark:hover:shadow-[0_20px_40px_-10px_rgba(59,130,246,0.15)] hover:-translate-y-2">
2184
2185
2186
2187                                        <div class="flex items-center gap-6">
2188                                            <div class="relative w-28 h-28 bg-gray-50 dark:bg-white/5 rounded-[2.2rem] flex-shrink-0 p-3 transition-transform duration-700 group-hover/card:scale-105">
2189                                                <img src="/Images/Product/10402.jpg?version=1.4" alt="گوشی موبایل جی ال ایکس مدل C66 دو سیم‌کارت"
2190                                                     class="w-full h-full object-contain drop-shadow-[0_10px_20px_rgba(0,0,0,0.1)] transition-all duration-700">
2191
2192                                                <div class="absolute inset-0 bg-primary-500/10 blur-2xl rounded-full opacity-0 group-hover/card:opacity-100 transition-opacity"></div>
2193                                            </div>
2194
2195                                            <div class="flex flex-col flex-1 gap-1">
2196
2197
2198
2199
2200                                                <h3 class="text-[13px] font-black text-gray-800 dark:text-gray-100 leading-6 truncate group-hover/card:text-primary transition-colors">
2201                                                    
2202
2203                                                    گوشی موبایل جی ال ایکس مدل C66 دو سیم‌کا...
2204
2205                                                </h3>
2206
2207                                                <div class="mt-2 flex flex-col">
2208
2209                                                            <div class="flex items-center gap-1.5">
2210                                                                <sp
2210an class="text-xl font-black text-gray-900 dark:text-white tabular-nums tracking-tighter">2,299,000</span>
2211                                                                <span class="text-[10px] text-gray-500 dark:text-gray-400 font-bold">تومان</span>
2212                                                            </div>
2213
2214
2215
2216                                                    
2217                                                </div>
2218                                            </div>
2219
2220                                            <div class="absolute bottom-6 left-6 w-10 h-10 bg-primary-500 dark:bg-primary-500 text-white rounded-2xl flex items-center justify-center opacity-0 translate-y-4 group-hover/card:opacity-100 group-hover/card:translate-y-0 transition-all duration-500 shadow-xl shadow-primary-500/20">
2221                                                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M12 4v16m8-8H4" stroke-width="2.5" stroke-linecap="round" /></svg>
2222                                            </div>
2223                                        </div>
2224
2225
2226
2227                                    </a>
2228                                </div>
2229                                <div class="swiper-slide py-4 px-2">
2230                                    <a href="/Products/13492/لپ-تاپ-156-اینچی-جی-ال-ایکس-مدل-g1-با-ظرفیت-256-گیگابایت-و-رم-8-گیگابایت" class="group/card block relative bg-gray-100 dark:bg-[#0c0c0e] p-4 rounded-[2.8rem] border border-gray-100 dark:border-white/5 transition-all duration-500  dark:hover:shadow-[0_20px_40px_-10px_rgba(59,130,246,0.15)] hover:-translate-y-2">
2231
2232
2233
2234                                        <div class="flex items-center gap-6">
2235                                            <div class="relative w-28 h-28 bg-gray-50 dark:bg-white/5 rounded-[2.2rem] flex-shrink-0 p-3 transition-transform duration-700 group-hover/card:scale-105">
2236                                                <img src="/Images/Product/13492.jpg?version=1.4" alt="لپ تاپ 15.6 اینچی جی ال ایکس مدل G1 با ظرفیت 256 گیگابایت و رم 8 گیگابایت"
2237                                                     class="w-full h-full object-contain drop-shadow-[0_10px_20px_rgba(0,0,0,0.1)] transition-all duration-700">
2238
2239                                                <div class="absolute inset-0 bg-primary-500/10 blur-2xl rounded-full opacity-0 group-hover/card:opacity-100 transition-opacity"></div>
2240                                            </div>
2241
2242                                            <div class="flex flex-col flex-1 gap-1">
2243
2244                                                    <div class="flex items-center gap-2 mb-1">
2245                                                        <span class="text-[9px] font-black px-2 py-0.5 bg-primary/10 text-primary rounded-lg uppercase tracking-tighter">ارسال رایگان</span>
2246                                                    </div>
2247
2248
2249
2250                                                <h3 class="text-[13px] font-black text-gray-800 dark:text-gray-100 leading-6 truncate group-hover/card:text-primary transition-colors">
2251                                                    
2252
2253                                                    لپ تاپ 15.6 اینچی جی ال ایکس مدل G1 با ظ...
2254
2255                                                </h3>
2256
2257                                                <div class="mt-2 flex flex-col">
2258
2259                                                            <div class="flex items-center gap-1.5">
2260                                                                <span class="text-xl font-black text-gray-900 dark:text-white tabular-nums tracking-tighter">65,997,000</span>
2261                                                                <span class="text-[10px] text-gray-500 dark:text-gray-400 font-bold">تومان</span>
2262                                                            </div>
2263
2264
2265
2266                                                    
2267                                                </div>
2268                                            </div>
2269
2270                                            <div class="absolute bottom-6 left-6 w-10 h-10 bg-primary-500 dark:bg-primary-500 text-white rounded-2xl flex items-center justify-center opacity-0 translate-y-4 group-hover/card:opacity-100 group-hover/card:translate-y-0 transition-all duration-500 shadow-xl shadow-primary-500/20">
2271                                                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2271<path d="M12 4v16m8-8H4" stroke-width="2.5" stroke-linecap="round" /></svg>
2272                                            </div>
2273                                        </div>
2274
2275
2276
2277                                    </a>
2278                                </div>
2279                                <div class="swiper-slide py-4 px-2">
2280                                    <a href="/Products/15503/گوشی-موبایل-جی-ال-ایکس-مدل-فلیپ-دو-سیم‌کارت-با-قابلیت-تماس-4g" class="group/card block relative bg-gray-100 dark:bg-[#0c0c0e] p-4 rounded-[2.8rem] border border-gray-100 dark:border-white/5 transition-all duration-500  dark:hover:shadow-[0_20px_40px_-10px_rgba(59,130,246,0.15)] hover:-translate-y-2">
2281
2282
2283
2284                                        <div class="flex items-center gap-6">
2285                                            <div class="relative w-28 h-28 bg-gray-50 dark:bg-white/5 rounded-[2.2rem] flex-shrink-0 p-3 transition-transform duration-700 group-hover/card:scale-105">
2286                                                <img src="/Images/Product/15503.jpg?version=1.4" alt="گوشی موبایل جی ال ایکس مدل فلیپ دو سیم‌کارت با قابلیت تماس 4G"
2287                                                     class="w-full h-full object-contain drop-shadow-[0_10px_20px_rgba(0,0,0,0.1)] transition-all duration-700">
2288
2289                                                <div class="absolute inset-0 bg-primary-500/10 blur-2xl rounded-full opacity-0 group-hover/card:opacity-100 transition-opacity"></div>
2290                                            </div>
2291
2292                                            <div class="flex flex-col flex-1 gap-1">
2293
2294                                                    <div class="flex items-center gap-2 mb-1">
2295                                                        <span class="text-[9px] font-black px-2 py-0.5 bg-primary/10 text-primary rounded-lg uppercase tracking-tighter">ارسال رایگان</span>
2296                                                    </div>
2297
2298
2299
2300                                                <h3 class="text-[13px] font-black text-gray-800 dark:text-gray-100 leading-6 truncate group-hover/card:text-primary transition-colors">
2301                                                    
2302
2303                                                    گوشی موبایل جی ال ایکس مدل فلیپ دو سیم‌ک...
2304
2305                                                </h3>
2306
2307                                                <div class="mt-2 flex flex-col">
2308
2309                                                            <div class="flex items-center gap-1.5">
2310                                                                <span class="text-xl font-black text-gray-900 dark:text-white tabular-nums tracking-tighter">5,900,000</span>
2311                                                                <span class="text-[10px] text-gray-500 dark:text-gray-400 font-bold">تومان</span>
2312                                                            </div>
2313
2314
2315
2316                                                    
2317                                                </div>
2318                                            </div>
2319
2320                                            <div class="absolute bottom-6 left-6 w-10 h-10 bg-primary-500 dark:bg-primary-500 text-white rounded-2xl flex items-center justify-center opacity-0 translate-y-4 group-hover/card:opacity-100 group-hover/card:translate-y-0 transition-all duration-500 shadow-xl shadow-primary-500/20">
2321                                                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M12 4v16m8-8H4" stroke-width="2.5" stroke-linecap="round" /></svg>
2322                                            </div>
2323                                        </div>
2324
2325
2326
2327                                    </a>
2328                                </div>
2329                                <div class="swiper-slide py-4 px-2">
2330                                    <a href="/Products/11451/تبلت-۸-اینچ-جی‌‌-ال‌-ایکس-مدل-f8-لایت-با-ظرفیت-32-گیگابایت-و-رم-۲-گیگابایت" class="group/card block relative bg-gray-100 dark:bg-[#0c0c0e] p-4 rounded-[2.8rem] border border-gray-100 dark:border-white/5 transition-all duration-500  dark:hover:shadow-[0_20px_40px_-10px_rgba(59,130,246,0.15)] hover:-translate-y-2">
2331
2332
2333
2334                                        <div class="flex items-center gap-6">
2335                                            <div class="relative w-28 h-28 bg-gray-50 dark:bg-white/5 rounded-[2.2rem] flex-shrink-0 p-3 transition-transform duration-700 group-hover/card:scale-105">
2336                                                <img src="/Images/Product/11451.jpg?version=1.4" alt="تبلت ۸ اینچ جی‌‌ ال‌ ایکس مدل F8 لایت با ظرفیت 32 گیگابایت و رم ۲ گیگابایت"
2337                                                     class="w-full h-full object-contain drop-shadow-[0_10px_20px_rgba(0,0,0,0.1)] transition-all duration-700">
2338
2339                                                <div class="absolute inset-0 bg-primary-500/10 blur-2xl rounded-full opacity-0 group-hover/card:opacity-100 transition-opacity"></div>
2340                                            </div>
2341
2342                                            <div class="flex flex-col flex-1 gap-1">
2343
2344                                                    <div class="flex items-center gap-2 mb-1">
2345                                                        <span class="text-[9px] font-black px-2 py-0.5 bg-primary/10 text-primary rounded-lg uppercase tracking-tighter">ارسال رایگان</span>
2346                                                    </div>
2347
2348
2349
2350                                                <h3 class="text-[13px] font-black text-gray-800 dark:text-gray-100 leading-6 truncate group-hover/card:text-primary transition-colors">
2351                                                    
2352
2353                                                    تبلت ۸ اینچ جی‌‌ ال‌ ایکس مدل F8 لایت با...
2354
2355                                                </h3>
2356
2357                                                <div class="mt-2 flex flex-col">
2358
2359                                                            <div class="flex items-center gap-1.5">
2360                                                                <span class="text-xl font-black text-gray-900 dark:text-white tabular-nums tracking-tighter">18,498,000</span>
2361                                                                <span class="text-[10px] text-gray-500 dark:text-gray-400 font-bold">تومان</span>
2362                                                            </div>
2363
2364
2365
2366                                                    
2367                                                </div>
2368                                            </div>
2369
2370                                            <div class="absolute bottom-6 left-6 w-10 h-10 bg-primary-500 dark:bg-primary-500 text-white rounded-2xl flex items-center justify-center opacity-0 translate-y-4 group-hover/card:opacity-100 group-hover/card:translate-y-0 transition-all duration-500 shadow-xl shadow-primary-500/20">
2371                                                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M12 4v16m8-8H4" stroke-width="2.5" stroke-linecap="round" /></svg>
2372                                            </div>
2373                                        </div>
2374
2375
2376
2377                                    </a>
2378                                </div>
2379                                <div class="swiper-slide py-4 px-2">
2380                                    <a href="/Products/19645/گوشی-هوشمند-دوجی-s51-دو-سیم‌کارت-ظرفیت-64-گیگابایت-و-رم-4-گیگابایت" class="group/card block relative bg-gray-100 dark:bg-[#0c0c0e] p-4 rounded-[2.8rem] border border-gray-100 dark:border-white/5 transition-all duration-500  dark:hover:shadow-[0_20px_40px_-10px_rgba(59,130,246,0.15)] hover:-translate-y-2">
2381
2382                                            <div class="absolute top-6 right-6 z-20">
2383                                                <span class="bg-red-500 text-white text-[10px] font-black px-2.5 py-1.5 rounded-full shadow-lg shadow-red-500/30 flex items-center gap-1">
2384                                                    <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 24 24"><path d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2z" /></svg>
2385                                                    22Ùª-
2386                                                </span>
2387                                            </div>
2388
2389
2390                                        <div class="flex items-center gap-6">
2391                                            <div class="relative w-28 h-28 bg-gray-50 dark:bg-white/5 rounded-[2.2rem] flex-shrink-0 p-3 transition-transform duration-700 group-hover/card:scale-105">
2392                                                <img src="/Images/Product/19645.jpg?version=1.4" alt="گوشی هوشمند دوجی S51 دو سیم‌کارت ظرفیت 64 گیگابایت و رم 4 گیگابایت"
2393                                                     class="w-full h-full object-contain drop-shadow-[0_10px_20px_rgba(0,0,0,0.1)] transition-all duration-700">
2394
2395                                                <div class="absolute inset-0 bg-primary-500/10 blur-2xl rounded-full opacity-0 group-hover/card:opacity-100 transition-opacity"></div>
2396                                            </div>
2397
2398                                            <div class="flex flex-col flex-1 gap-1">
2399
2400                                                    <div class="flex items-center gap-2 mb-1">
2401                                                        <span class="text-[9px] font-black px-2 py-0.5 bg-primary/10 text-primary rounded-lg uppercase tracking-tighter">ارسال رایگان</span>
2402                                                    </div>
2403
2404
2405
2406                                                <h3 class="text-[13px] font-black text-gray-800 dark:text-gray-100 leading-6 truncate group-hover/card:text-primary transition-colors">
2407                                                    
2408
2409                                                    گوشی هوشمند دوجی S51 دو سیم‌کارت ظرفیت 6...
2410
2411                                                </h3>
2412
2413                                                <div class="mt-2 flex flex-col">
2414
2415                                                            <div class="flex items-center gap-2">
2416                                                                <span class="text-[11px] text-gray-400 font-bold line-through decoration-red-400/50 tabular-nums">38,500,000</span>
2417                                                            </div>
2418                                                            <div class="flex items-center gap-1.5">
2419                                                                <span class="text-xl font-black text-gray-900 dark:text-white tabular-nums tracking-tighter">29,998,000</span>
2420                                                                <span class="text-[10px] text-gray-500 dark:text-gray-400 font-bold">تومان</span>
2421                                                            </div>
2422
2423
2424
2425                                                    
2426                                                </div>
2427                                            </div>
2428
2429                                            <div class="absolute bottom-6 left-6 w-10 h-10 bg-primary-500 dark:bg-primary-500 text-white rounded-2xl flex items-center justify-center opacity-0 translate-y-4 group-hover/card:opacity-100 group-hover/card:translate-y-0 transition-all duration-500 shadow-xl shadow-primary-500/20">
2430                                                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M12 4v16m8-8H4" stroke-width="2.5" stroke-linecap="round" /></svg>
2431                                            </div>
2432                                        </div>
2433
2434
2435
2436                                    </a>
2437                                </div>
2438                                <div class="swiper-slide py-4 px-2">
2439                                    <a href="/Products/5343/گوشی-موبایل-جی-ال-ایکس-مدل-c43-دو-سیم‌کارت" class="group/card block relative bg-gray-100 dark:bg-[#0c0c0e] p-4 rounded-[2.8rem] border border-gray-100 dark:border-white/5 transition-all duration-500  dark:hover:shadow-[0_20px_40px_-10px_rgba(59,130,246,0.15)] hover:-translate-y-2">
2440
2441
2442
2443                                        <div class="flex items-center gap-6">
2444                                            <div class="relative w-28 h-28 bg-gray-50 dark:bg-white/5 rounded-[2.2rem] flex-shrink-0 p-3 transition-transform duration-700 group-hover/card:scale-105">
2445                                                <img src="/Images/Product/5343.jpg?version=1.4" alt="گوشی موبایل جی ال ایکس مدل C43 دو سیم‌کارت"
2446                                                     class="w-full h-full object-contain drop-shadow-[0_10px_20px_rgba(0,0,0,0.1)] transition-all duration-700">
2447
2448                                                <div class="absolute inset-0 bg-primary-500/10 blur-2xl rounded-full opacity-0 group-hover/card:opacity-100 transition-opacity"></div>
2449                                            </div>
2450
2451                                            <div class="flex flex-col flex-1 gap-1">
2452
2453
2454
2455
2456                                                <h3 class="text-[13px] font-black text-gray-800 dark:text-gray-100 leading-6 truncate group-hover/card:text-primary transition-colors">
2457                                                    
2458
2459                                                    گوشی موبایل جی ال ایکس مدل C43 دو سیم‌کا...
2460
2461                                                </h3>
2462
2463                                                <div class="mt-2 flex flex-col">
2464
2465                                                            <div class="flex items-center gap-1.5">
2466                                                                <sp
2466an class="text-xl font-black text-gray-900 dark:text-white tabular-nums tracking-tighter">2,499,000</span>
2467                                                                <span class="text-[10px] text-gray-500 dark:text-gray-400 font-bold">تومان</span>
2468                                                            </div>
2469
2470
2471
2472                                                    
2473                                                </div>
2474                                            </div>
2475
2476                                            <div class="absolute bottom-6 left-6 w-10 h-10 bg-primary-500 dark:bg-primary-500 text-white rounded-2xl flex items-center justify-center opacity-0 translate-y-4 group-hover/card:opacity-100 group-hover/card:translate-y-0 transition-all duration-500 shadow-xl shadow-primary-500/20">
2477                                                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M12 4v16m8-8H4" stroke-width="2.5" stroke-linecap="round" /></svg>
2478                                            </div>
2479                                        </div>
2480
2481
2482
2483                                    </a>
2484                                </div>
2485                                <div class="swiper-slide py-4 px-2">
2486                                    <a href="/Products/14495/گوشی-موبایل-جی-ال-ایکس-مدل-c100-دو-سیم‌کارت-با-قابلیت-تماس-اضطراری-sos" class="group/card block relative bg-gray-100 dark:bg-[#0c0c0e] p-4 rounded-[2.8rem] border border-gray-100 dark:border-white/5 transition-all duration-500  dark:hover:shadow-[0_20px_40px_-10px_rgba(59,130,246,0.15)] hover:-translate-y-2">
2487
2488
2489
2490                                        <div class="flex items-center gap-6">
2491                                            <div class="relative w-28 h-28 bg-gray-50 dark:bg-white/5 rounded-[2.2rem] flex-shrink-0 p-3 transition-transform duration-700 group-hover/card:scale-105">
2492                                                <img src="/Images/Product/14495.jpg?version=1.4" alt="گوشی موبایل جی ال ایکس مدل C100 دو سیم‌کارت با قابلیت تماس اضطراری SOS"
2493                                                     class="w-full h-full object-contain drop-shadow-[0_10px_20px_rgba(0,0,0,0.1)] transition-all duration-700">
2494
2495                                                <div class="absolute inset-0 bg-primary-500/10 blur-2xl rounded-full opacity-0 group-hover/card:opacity-100 transition-opacity"></div>
2496                                            </div>
2497
2498                                            <div class="flex flex-col flex-1 gap-1">
2499
2500                                                    <div class="flex items-center gap-2 mb-1">
2501                                                        <span class="text-[9px] font-black px-2 py-0.5 bg-primary/10 text-primary rounded-lg uppercase tracking-tighter">ارسال رایگان</span>
2502                                                    </div>
2503
2504
2505
2506                                                <h3 class="text-[13px] font-black text-gray-800 dark:text-gray-100 leading-6 truncate group-hover/card:text-primary transition-colors">
2507                                                    
2508
2509                                                    گوشی موبایل جی ال ایکس مدل C100 دو سیم‌ک...
2510
2511                                                </h3>
2512
2513                                                <div class="mt-2 flex flex-col">
2514
2515                                                            <div class="flex items-center gap-1.5">
2516                                                                <span class="text-xl font-black text-gray-900 dark:text-white tabular-nums tracking-tighter">5,250,000</span>
2517                                                                <span class="text-[10px] text-gray-500 dark:text-gray-400 font-bold">تومان</span>
2518                                                            </div>
2519
2520
2521
2522                                                    
2523                                                </div>
2524                                            </div>
2525
2526                                            <div class="absolute bottom-6 left-6 w-10 h-10 bg-primary-500 dark:bg-primary-500 text-white rounded-2xl flex items-center justify-center opacity-0 translate-y-4 group-hover/card:opacity-100 group-hover/card:translate-y-0 transition-all duration-500 shadow-xl shadow-primary-500/20">
2527                                                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2527<path d="M12 4v16m8-8H4" stroke-width="2.5" stroke-linecap="round" /></svg>
2528                                            </div>
2529                                        </div>
2530
2531
2532
2533                                    </a>
2534                                </div>
2535                                <div class="swiper-slide py-4 px-2">
2536                                    <a href="/Products/11450/تبلت-۸-اینچ-جی‌‌-ال‌-ایکس-مدل-f4x-با-ظرفیت-32-گیگابایت-و-رم-۲-گیگابایت" class="group/card block relative bg-gray-100 dark:bg-[#0c0c0e] p-4 rounded-[2.8rem] border border-gray-100 dark:border-white/5 transition-all duration-500  dark:hover:shadow-[0_20px_40px_-10px_rgba(59,130,246,0.15)] hover:-translate-y-2">
2537
2538
2539
2540                                        <div class="flex items-center gap-6">
2541                                            <div class="relative w-28 h-28 bg-gray-50 dark:bg-white/5 rounded-[2.2rem] flex-shrink-0 p-3 transition-transform duration-700 group-hover/card:scale-105">
2542                                                <img src="/Images/Product/11450.jpg?version=1.4" alt="تبلت ۸ اینچ جی‌‌ ال‌ ایکس مدل F4X با ظرفیت 32 گیگابایت و رم ۲ گیگابایت"
2543                                                     class="w-full h-full object-contain drop-shadow-[0_10px_20px_rgba(0,0,0,0.1)] transition-all duration-700">
2544
2545                                                <div class="absolute inset-0 bg-primary-500/10 blur-2xl rounded-full opacity-0 group-hover/card:opacity-100 transition-opacity"></div>
2546                                            </div>
2547
2548                                            <div class="flex flex-col flex-1 gap-1">
2549
2550                                                    <div class="flex items-center gap-2 mb-1">
2551                                                        <span class="text-[9px] font-black px-2 py-0.5 bg-primary/10 text-primary rounded-lg uppercase tracking-tighter">ارسال رایگان</span>
2552                                                    </div>
2553
2554
2555
2556                                                <h3 class="text-[13px] font-black text-gray-800 dark:text-gray-100 leading-6 truncate group-hover/card:text-primary transition-colors">
2557                                                    
2558
2559                                                    تبلت ۸ اینچ جی‌‌ ال‌ ایکس مدل F4X با ظرف...
2560
2561                                                </h3>
2562
2563                                                <div class="mt-2 flex flex-col">
2564
2565                                                            <div class="flex items-center gap-1.5">
2566                                                                <span class="text-xl font-black text-gray-900 dark:text-white tabular-nums tracking-tighter">18,498,000</span>
2567                                                                <span class="text-[10px] text-gray-500 dark:text-gray-400 font-bold">تومان</span>
2568                                                            </div>
2569
2570
2571
2572                                                    
2573                                                </div>
2574                                            </div>
2575
2576                                            <div class="absolute bottom-6 left-6 w-10 h-10 bg-primary-500 dark:bg-primary-500 text-white rounded-2xl flex items-center justify-center opacity-0 translate-y-4 group-hover/card:opacity-100 group-hover/card:translate-y-0 transition-all duration-500 shadow-xl shadow-primary-500/20">
2577                                                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M12 4v16m8-8H4" stroke-width="2.5" stroke-linecap="round" /></svg>
2578                                            </div>
2579                                        </div>
2580
2581
2582
2583                                    </a>
2584                                </div>
2585
2586
2587
2588
2589
2590                        </div>
2591                    </div>
2592                </div>
2593
2594                <div class="mt-auto pt-6 border-t border-gray-100 dark:border-white/10 relative z-10">
2595                    <p class="text-[10px] font-black text-gray-400 uppercase tracking-[0.2em] mb-4 mr-1">محصولات ارسال رایگان</p>
2596                    <div class="grid grid-cols-4 gap-3">
2597
2598                            <a href="/Products/5389/تبلت-۸-اینچ-جی‌‌-ال‌-ایکس-مدل-f8-با-ظرفیت-۱۶-گیگابایت-و-رم-۲-گیگابایت" class="relative aspect-square bg-gray-50 dark:bg-black rounded-2xl p-2.5 border border-gray-200 dark:border-white/10 transition-all duration-500 group overflow-hidden hover:border-primary/60 dark:hover:shadow-[0_0_15px_rgba(var(--color-primary),0.3)]">
2599                                <div class="absolute inset-0 bg-primary/5 opacity-0 group-hover:opacity-100 transition-opacity"></div>
2600                                <img src="/Images/Product/5389.jpg?version=1.4" alt="تبلت ۸ اینچ جی‌‌ ال‌ ایکس مدل F8 با ظرفیت ۱۶ گیگابایت و رم ۲ گیگابایت " title="تبلت ۸ اینچ جی‌‌ ال‌ ایکس مدل F8 با ظرفیت ۱۶ گیگابایت و رم ۲ گیگابایت " class="relative z-10 w-full h-full object-contain group-hover:scale-110 transition-transform duration-500">
2601                            </a>
2602                            <a href="/Products/9393/تبلت-۸-اینچ-جی‌‌-ال‌-ایکس-مدل-plus-f8-با-ظرفیت-32-گیگابایت-و-رم-۲-گیگابایت" class="relative aspect-square bg-gray-50 dark:bg-black rounded-2xl p-2.5 border border-gray-200 dark:border-white/10 transition-all duration-500 group overflow-hidden hover:border-primary/60 dark:hover:shadow-[0_0_15px_rgba(var(--color-primary),0.3)]">
2603                                <div class="absolute inset-0 bg-primary/5 opacity-0 group-hover:opacity-100 transition-opacity"></div>
2604                                <img src="/Images/Product/9393.jpg?version=1.4" alt="تبلت ۸ اینچ جی‌‌ ال‌ ایکس مدل +F8 با ظرفیت 32 گیگابایت و رم ۲ گیگابایت" title="تبلت ۸ اینچ جی‌‌ ال‌ ایکس مدل +F8 با ظرفیت 32 گیگابایت و رم ۲ گیگابایت" class="relative z-10 w-full h-full object-contain group-hover:scale-110 transition-transform duration-500">
2605                            </a>
2606                            <a href="/Products/11450/تبلت-۸-اینچ-جی‌‌-ال‌-ایکس-مدل-f4x-با-ظرفیت-32-گیگابایت-و-رم-۲-گیگابایت" class="relative aspect-square bg-gray-50 dark:bg-black rounded-2xl p-2.5 border border-gray-200 dark:border-white/10 transition-all duration-500 group overflow-hidden hover:border-primary/60 dark:hover:shadow-[0_0_15px_rgba(var(--color-primary),0.3)]">
2607                                <div class="absolute inset-0 bg-primary/5 opacity-0 group-hover:opacity-100 transition-opacity"></div>
2608                                <img src="/Images/Product/11450.jpg?version=1.4" alt="تبلت ۸ اینچ جی‌‌ ال‌ ایکس مدل F4X با ظرفیت 32 گیگابایت و رم ۲ گیگابایت" title="تبلت ۸ اینچ جی‌‌ ال‌ ایکس مدل F4X با ظرفیت 32 گیگابایت و رم ۲ گیگابایت" class="relative z-10 w-full h-full object-contain group-hover:scale-110 transition-transform duration-500">
2609                            </a>
2610                            <a href="/Products/11451/تبلت-۸-اینچ-جی‌‌-ال‌-ایکس-مدل-f8-لایت-با-ظرفیت-32-گیگابایت-و-رم-۲-گیگابایت" class="relative aspect-square bg-gray-50 dark:bg-black rounded-2xl p-2.5 border border-gray-200 dark:border-white/10 transition-all duration-500 group overflow-hidden hover:border-primary/60 dark:hover:shadow-[0_0_15px_rgba(var(--color-primary),0.3)]">
2611                                <div class="absolute inset-0 bg-primary/5 opacity-0 group-hover:opacity-100 transition-opacity"></div>
2612                                <img src="/Images/Product/11451.jpg?version=1.4" alt="تبلت ۸ اینچ جی‌‌ ال‌ ایکس مدل F8 لایت با ظرفیت 32 گیگابایت و رم ۲ گیگابایت" title="تبلت ۸ اینچ جی‌‌ ال‌ ایکس مدل F8 لایت با ظرفیت 32 گیگابایت و رم ۲ گیگابایت" class="relative z-10 w-full h-full object-contain group-hover:scale-110 transition-transform duration-500">
2613                            </a>
2614
2615                        
2616                    </div>
2617                </div>
2618            </div>
2619            <!--Slider-->
2620            <div id="home-hero-slider" class="lg:col-span-8 relative group overflow-hidden rounded-[2.5rem]">
2621                <div class="swiper mainHeroSwiper h-full ">
2622                    
2623                    <div class="swiper-wrapper">
2624
2625                            <div class="swiper-slide relative">
2626                                
2627                                <a href="https://www.glx.ir/Store/4" 
2627class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent"></a>
2628                                
2629                                <img src="/Images/Slider/13317.jpg" alt="تبلت های هوشمند جی ال ایکس " class="w-full h-full">
2630                            </div>
2631                            <div class="swiper-slide relative">
2632                                
2633                                <a href="https://www.glx.ir/Products/15565/%DA%AF%D9%88%D8%B4%DB%8C-%D9%87%D9%88%D8%B4%D9%85%D9%86%D8%AF-%D8%AC%D8%AF%DB%8C%D8%AF" class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent"></a>
2634                                
2635                                <img src="/Images/Slider/13315.jpg" alt="گوشی هوشمند Revvl 7 pro 5G" class="w-full h-full">
2636                            </div>
2637                            <div class="swiper-slide relative">
2638                                
2639                                <a href="https://www.glx.ir/Products/15574/%D9%BE%D8%A7%D9%88%D8%B1%D8%A8%D8%A7%D9%86%DA%A9-%D9%84%D9%88%DB%8C%D9%86%D9%88-%D9%85%D8%AF%D9%84-n-22-%D8%A8%D8%A7-%D8%B8%D8%B1%D9%81%DB%8C%D8%AA-30000-%D9%85%DB%8C%D9%84%DB%8C-%D8%A2%D9%85%D9%BE%D8%B1-%D8%B3%D8%A7%D8%B9%D8%AA" class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent"></a>
2640                                
2641                                <img src="/Images/Slider/12306.jpg" alt="پاوربانک های جدید برند levino" class="w-full h-full">
2642                            </div>
2643
2644                        
2645                    </div>
2646
2647                    <div class="home-hero-navigation absolute bottom-8 left-8 flex gap-3 z-10">
2648                        <div class="swiper-button-prev-custom w-12 h-12 rounded-full bg-white/20 backdrop-blur-md border border-white/30 text-white flex items-center justify-center cursor-pointer hover:bg-white hover:text-blue-600 transition-all">
2649                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M9 5l7 7-7 7" /></svg>
2650                        </div>
2651                        <div class="swiper-button-next-custom w-12 h-12 rounded-full bg-white/20 backdrop-blur-md border border-white/30 text-white flex items-center justify-center cursor-pointer hover:bg-white hover:text-blue-600 transition-all">
2652                            <svg class="w-5 h-5 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M9 5l7 7-7 7" /></svg>
2653                        </div>
2654                    </div>
2655
2656                    <div class="home-hero-pagination !bottom-8 !right-8 !left-auto !w-auto"></div>
2657                </div>
2658            </div>
2659
2660        </div>
2661    </section>
2662    <!-- END SLIDER SECTION -->
2663    <!-- CATEGORY SECTION -->
2664    <section class="relative overflow-hidden  transition-colors duration-500">
2665        <div class="container py-4 relative z-10">
2666
2667            <div class="flex flex-col md:flex-row md:items-end justify-between mb-8 gap-6">
2668                
2669
2670
2671                
2672            </div>
2673
2674            <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-5 ">
2675
2676                <a href="/Store/2" class="group relative flex flex-col items-center">
2677                    <div class="relative w-full aspect-square max-w-[160px] flex items-center justify-center mb-6">
2678                        <div class="absolute inset-0 bg-white/60 dark:bg-white/[0.03] backdrop-blur-2xl rounded-[3rem] border border-white dark:border-white/10 shadow-[0_20px_40px_-15px_rgba(0,0,0,0.05)] transition-all duration-700 group-hover:-translate-y-4 group-hover:bg-white/80 dark:group-hover:bg-white/[0.07] group-hover:shadow-2xl group-hover:shadow-primary/20 group-hover:border-primary/30"></div>
2679
2680                        <div class="relative z-10 p-6 flex flex-col items-center transition-transform duration-700 group-hover:scale-110">
2681                            <div class="absolute inset-0 bg-primary/20 blur-[30px] rounded-full opacity-0 group-hover:opacity-100 transition-opacity"></div>
2682                            <img src="/Content/NewTheme/public/assets/images/category/smart.png" alt="گوشی‌های هوشمند" class="relative z-10 w-24 h-24 object-contain drop-shadow-2xl">
2683                        </div>
2684                    </div>
2685                    <span class="text-[13px] font-black text-gray-500 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white transition-colors duration-300">گوشی‌های هوشمند</span>
2686                    <div class="mt-4 w-1.5 h-1.5 bg-primary rounded-full opacity-0 group-hover:opacity-100 group-hover:scale-[3] transition-all duration-500"></div>
2687                </a>
2688
2689                <a href="/Store/3" class="group relative flex flex-col items-center">
2690                    <div class="relative w-full aspect-square max-w-[160px] flex items-center justify-center mb-6">
2691                        <div class="absolute inset-0 bg-white/60 dark:bg-white/[0.03] backdrop-blur-2xl rounded-[3rem] border border-white dark:border-white/10 shadow-[0_20px_40px_-15px_rgba(0,0,0,0.05)] transition-all duration-700 group-hover:-translate-y-4 group-hover:bg-white/80 dark:group-hover:bg-white/[0.07] group-hover:shadow-2xl group-hover:shadow-primary/20 group-hover:border-primary/30"></div>
2692                        <div class="relative z-10 p-6 flex flex-col items-center transition-transform duration-700 group-hover:scale-110">
2693                            <div class="absolute inset-0 bg-primary/20 blur-[30px] rounded-full opacity-0 group-hover:opacity-100 transition-opacity"></div>
2694                            <img src="/Content/NewTheme/public/assets/images/category/classic.png" alt="گوشی‌های کلاسیک" class="relative z-10 w-24 h-24 object-contain drop-shadow-2xl">
2695                        </div>
2696                    </div>
2697                    <span class="text-[13px] font-black text-gray-500 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white transition-colors duration-300">گوشی‌های کلاسیک</span>
2698                    <div class="mt-4 w-1.5 h-1.5 bg-primary rounded-full opacity-0 group-hover:opacity-100 group-hover:scale-[3] transition-all duration-500"></div>
2699                </a>
2700
2701                <a href="/Store/4" class="group relative flex flex-col items-center">
2702                    <div class="relative w-full aspect-square max-w-[160px] flex items-center justify-center mb-6">
2703                        <div class="absolute inset-0 bg-white/60 dark:bg-white/[0.03] backdrop-blur-2xl rounded-[3rem] border border-white dark:border-white/10 shadow-[0_20px_40px_-15px_rgba(0,0,0,0.05)] transition-all duration-700 group-hover:-translate-y-4 group-hover:bg-white/80 dark:group-hover:bg-white/[0.07] group-hover:shadow-2xl group-hover:shadow-primary/20 group-hover:border-primary/30"></div>
2704                        <div class="relative z-10 p-6 flex flex-col items-center transition-transform duration-700 group-hover:scale-110">
2705                            <div class="absolute inset-0 bg-primary/20 blur-[30px] rounded-full opacity-0 group-hover:opacity-100 transition-opacity"></div>
2706                            <img src="/Content/NewTheme/public/assets/images/category/tablet.png" alt="تبلت‌‌های هوشمند" class="relative z-10 w-24 h-24 object-contain drop-shadow-2xl">
2707                        </div>
2708                    </div>
2709                    <span class="text-[13px] font-black text-gray-500 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white transition-colors duration-300">تبلت‌‌های هوشمند</span>
2710                    <div class="mt-4 w-1.5 h-1.5 bg-primary rounded-full opacity-0 group-hover:opacity-100 group-hover:scale-[3] transition-all duration-500"></div>
2711                </a>
2712
2713                <a href="/Store/23" class="group relative flex flex-col items-center">
2714                    <div class="relative w-full aspect-square max-w-[160px] flex items-center justify-center mb-6">
2715                        <div class="absolute inset-0 bg-white/60 dark:bg-white/[0.03] backdrop-blur-2xl rounded-[3rem] border border-white dark:border-white/10 shadow-[0_20px_40px_-15px_rgba(0,0,0,0.05)] transition-all duration-700 group-hover:-translate-y-4 group-hover:bg-white/80 dark:group-hover:bg-white/[0.07] group-hover:shadow-2xl group-hover:shadow-
2715primary/20 group-hover:border-primary/30"></div>
2716                        <div class="relative z-10 p-6 flex flex-col items-center transition-transform duration-700 group-hover:scale-110">
2717                            <div class="absolute inset-0 bg-primary/20 blur-[30px] rounded-full opacity-0 group-hover:opacity-100 transition-opacity"></div>
2718                            <img src="/Content/NewTheme/public/assets/images/category/laptop.png" alt="لپتاپ" class="relative z-10 w-24 h-24 object-contain drop-shadow-2xl">
2719                        </div>
2720                    </div>
2721                    <span class="text-[13px] font-black text-gray-500 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white transition-colors duration-300">لپتاپ</span>
2722                    <div class="mt-4 w-1.5 h-1.5 bg-primary rounded-full opacity-0 group-hover:opacity-100 group-hover:scale-[3] transition-all duration-500"></div>
2723                </a>
2724
2725                <a href="/Store/22" class="group relative flex flex-col items-center">
2726                    <div class="relative w-full aspect-square max-w-[160px] flex items-center justify-center mb-6">
2727                        <div class="absolute inset-0 bg-white/60 dark:bg-white/[0.03] backdrop-blur-2xl rounded-[3rem] border border-white dark:border-white/10 shadow-[0_20px_40px_-15px_rgba(0,0,0,0.05)] transition-all duration-700 group-hover:-translate-y-4 group-hover:bg-white/80 dark:group-hover:bg-white/[0.07] group-hover:shadow-2xl group-hover:shadow-primary/20 group-hover:border-primary/30"></div>
2728                        <div class="relative z-10 p-6 flex flex-col items-center transition-transform duration-700 group-hover:scale-110">
2729                            <div class="absolute inset-0 bg-primary/20 blur-[30px] rounded-full opacity-0 group-hover:opacity-100 transition-opacity"></div>
2730                            <img src="/Content/NewTheme/public/assets/images/category/janebi.png" alt="لوازم جانبی" class="relative z-10 w-24 h-24 object-contain drop-shadow-2xl">
2731                        </div>
2732                    </div>
2733                    <span class="text-[13px] font-black text-gray-500 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white transition-colors duration-300">لوازم جانبی</span>
2734                    <div class="mt-4 w-1.5 h-1.5 bg-primary rounded-full opacity-0 group-hover:opacity-100 group-hover:scale-[3] transition-all duration-500"></div>
2735                </a>
2736
2737                
2738
2739                
2740
2741            </div>
2742        </div>
2743    </section>
2744    <!-- END CATEGORY SECTION -->
2745    <!--AMAZING SLIDER-->
2746
2747
2748
2749    <!--END AMAZING SLIDER-->
2750    <!-- START NEWER PRODUCT -->
2751    <section class="relative transition-colors duration-500 overflow-hidden">
2752
2753        <div class="container mx-auto relative z-10">
2754
2755            <div class="flex flex-col md:flex-row md:items-end justify-between mb-8 gap-6 border-r-4 border-primary-600 pr-6">
2756                <div>
2757                    <h2 class="text-3xl lg:text-4xl font-black text-gray-900 dark:text-white">جدیدترین <span class="text-primary-600">محصولات</span></h2>
2758                    
2759                </div>
2760
2761                <div class="flex items-center gap-2 p-1.5 bg-white/60 dark:bg-white/5 backdrop-blur-xl rounded-2xl border border-white dark:border-white/10 shadow-sm overflow-x-auto no-scrollbar">
2762                    <button data-filter="all" class="shop-filter-btn active px-6 py-2.5 rounded-xl font-black text-xs transition-all duration-300">همه</button>
2763
2764                        <button data-filter="mobile" class="shop-filter-btn px-6 py-2.5 rounded-xl font-black text-xs text-gray-500 dark:text-gray-400 hover:bg-white/50 dark:hover:bg-white/10 transition-all duration-300">گوشی هوشمند</button>
2765
2766                        <button data-filter="classic" class="shop-filter-btn px-6 py-2.5 rounded-xl font-black text-xs text-gray-500 dark:text-gray-400 hover:bg-white/50 dark:hover:bg-white/10 transition-all duration-300">گوشی کلاسیک</button>
2767
2768                        <button data-filter="tablet" class="shop-filter-btn px-6 py-2.5 rounded-xl font-black text-xs text-gray-500 dark:text-gray-400 hover:bg-white/50 dark:hover:bg-white/10 transition-all duration-300">تبلت</button>
2769
2770                        <button data-filter="laptop" class="shop-filter-btn px-6 py-2.5 rounded-xl font-black text-xs text-gray-500 dark:text-gray-400 hover:bg-white/50 dark:hover:bg-white/10 transition-all duration-300">لپ‌تاپ</button>
2771
2772                        <button data-filter="watch" class="shop-filter-btn px-6 py-2.5 rounded-xl font-black text-xs text-gray-500 dark:text-gray-400 hover:bg-white/50 dark:hover:bg-white/10 transition-all duration-300">لوازم جانبی</button>
2773
2774
2775
2776                </div>
2777            </div>
2778
2779            <div id="product-grid" class="grid pb-6 grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-8">
2780
2781                        <div class="product-card group relative bg-white/70 dark:bg-white/[0.03] backdrop-blur-2xl rounded-[2.5rem] border border-gray-200 dark:border-white/10 p-2 transition-all duration-500 hover:shadow-2xl hover:shadow-
2781primary-600/20 hover:-translate-y-2" data-category="mobile">
2782                            <div class="flex h-[220px]">
2783                                <div class="w-2/5 relative bg-gradient-to-br from-gray-100 to-transparent dark:from-white/5 dark:to-transparent rounded-[2rem] overflow-hidden flex items-center justify-center m-1 transition-all duration-500 group-hover:scale-[0.98]">
2784                                    <img src="/Images/Product/19645.jpg?version=1.4" class="w-32 h-32 object-contain drop-shadow-2xl transition-transform duration-700 group-hover:scale-110 group-hover:-rotate-6" alt="گوشی هوشمند دوجی S51 دو سیم‌کارت ظرفیت 64 گیگابایت و رم 4 گیگابایت">
2785
2786
2787                                        <div class="absolute top-3 right-3 bg-red-500 text-white text-[10px] font-black px-2.5 py-1 rounded-lg shadow-lg shadow-red-500/40">22Ùª-</div>
2788
2789                                        <div class="absolute top-3 left-3 bg-emerald-500 text-white text-[10px] font-black px-2.5 py-1 rounded-lg shadow-lg">ارسال رایگان</div>
2790
2791
2792
2793                                </div>
2794
2795                                <div class="w-3/5 p-5 flex flex-col justify-between">
2796                                    <div>
2797                                        
2798                                        <h3 class="font-black text-gray-900 dark:text-white text-base leading-tight mb-2">گوشی هوشمند دوجی S51 دو سیم‌کارت ظرفیت 64 گیگابایت و رم 4 گیگابایت</h3>
2799                                        
2800                                        <p class="text-[10px] text-gray-500 dark:text-gray-400 font-medium line-clamp-2 leading-relaxed">&nbsp;</p>
2801                                    </div>
2802
2803                                    <div class="mt-auto">
2804                                        <div class="mb-3 text-left">
2805
2806                                                <p class="text-[10px] text-gray-400 line-through mb-0.5">38,500,000</p>
2807                                                                                            <div class="flex items-baseline justify-end gap-1">
2808                                                    <span class="text-xl font-black text-gray-900 dark:text-white tracking-tighter">29,998,000</span>
2809                                                    <span class="text-[10px] font-bold text-gray-500">تومان</span>
2810                                                </div>
2811
2812
2813
2814                                        </div>
2815
2816                                        <a href="/Products/19645/گوشی-هوشمند-دوجی-s51-دو-سیم‌کارت-ظرفیت-64-گیگابایت-و-رم-4-گیگابایت" class="w-full py-3 bg-primary-500 text-white rounded-xl text-[11px] font-black shadow-lg shadow-primary-500/20 hover:bg-primary-700 transition-all flex items-center justify-center gap-2 group/btn">
2817                                            <span>مشاهده و خرید</span>
2818                                            <svg class="w-4 h-4 transition-transform group-hover:translate-x-[-3px]" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-width="3" d="M10 19l-7-7m0 0l7-7m-7 7h18" /></svg>
2819                                        </a>
2820                                    </div>
2821                                </div>
2822                            </div>
2823                        </div>
2824                        <div class="product-card group relative bg-white/70 dark:bg-white/[0.03] backdrop-blur-2xl rounded-[2.5rem] border border-gray-200 dark:border-white/10 p-2 transition-all duration-500 hover:shadow-2xl hover:shadow-primary-600/20 hover:-translate-y-2" data-category="mobile">
2825                            <div class="flex h-[220px]">
2826                                <div class="w-2/5 relative bg-gradient-to-br from-gray-100 to-transparent dark:from-white/5 dark:to-transparent rounded-[2rem] overflow-hidden flex items-center justify-center m-1 transition-all duration-500 group-hover:scale-[0.98]">
2827                                    <img src="/Images/Product/11461.jpg?version=1.4" class="w-32 h-32 object-contain drop-shadow-2xl transition-transform duration-700 group-hover:scale-110 group-hover:-rotate-6" alt="گوشی هوشمند دوجی S61 PRO دو سیم‌کارت ظرفیت 128 گیگابایت و رم 6 گیگابایت">
2828
2829
2830                                        <div class="absolute top-3 right-3 bg-red-500 text-white text-[10px] font-black px-2.5 py-1 rounded-lg shadow-lg shadow-red-500/40">9Ùª-</div>
2831
2832                                        <div class="absolute top-3 left-3 bg-emerald-500 text-white text-[10px] font-black px-2.5 py-1 rounded-lg shadow-lg">ارسال رایگان</div>
2833
2834
2835
2836                                </div>
2837
2838                                <div class="w-3/5 p-5 flex flex-col justify-between">
2839                                    <div>
2840                                        
2841                                        <h3 class="font-black text-gray-900 dark:text-white text-base leading-tight mb-2">گوشی هوشمند دوجی S61 PRO دو سیم‌کارت ظرفیت 128 گیگابایت و رم 6 گیگابایت</h3>
2842                                        
2843                                        <p class="text-[10px] text-gray-500 dark:text-gray-400 font-medium line-clamp-2 leading-relaxed">&nbsp;</p>
2844                                    </div>
2845
2846                                    <div class="mt-auto">
2847                                        <div class="mb-3 text-left">
2848
2849                                                <p class="text-[10px] text-gray-400 line-through mb-0.5">44,000,000</p>
2850                                                                                            <div class="flex items-baseline justify-end gap-1">
2851                                                    <span class="text-xl font-black text-gray-900 dark:text-white tracking-tighter">39,998,000</span>
2852                                                    <span class="text-[10px] font-bold text-gray-500">تومان</span>
2853                                                </div>
2854
2855
2856
2857                                        </div>
2858
2859                                        <a href="/Products/11461/گوشی-هوشمند-دوجی-s61-pro-دو-سیم‌کارت-ظرفیت-128-گیگابایت-و-رم-6-گیگابایت" class="w-full py-3 bg-primary-500 text-white rounded-xl text-[11px] font-black shadow-lg shadow-primary-500/20 hover:bg-primary-700 transition-all flex items-center justify-center gap-2 group/btn">
2860                                            <span>مشاهده و خرید</span>
2861                                            <svg class="w-4 h-4 transition-transform group-hover:translate-x-[-3px]" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-width="3" d="M10 19l-7-7m0 0l7-7m-7 7h18" /></svg>
2862                                        </a>
2863                                    </div>
2864                                </div>
2865                            </div>
2866                        </div>
2867
2868
2869                        <div class="product-card group relative bg-white/70 dark:bg-white/[0.03] backdrop-blur-2xl rounded-[2.5rem] border border-gray-200 dark:border-white/10 p-2 transition-all duration-500 hover:shadow-2xl hover:shadow-primary-600/20 hover:-translate-y-2" data-category="classic">
2870                            <div class="flex h-[220px]">
2871                                <div class="w-2/5 relative bg-gradient-to-br from-gray-100 to-transparent dark:from-white/5 dark:to-transparent rounded-[2rem] overflow-hidden flex items-center justify-center m-1 transition-all duration-500 group-hover:scale-[0.98]">
2872                                    <img src="/Images/Product/15506.jpg?version=1.4" class="w-32 h-32 object-contain drop-shadow-2xl transition-transform duration-700 group-hover:scale-110 group-hover:-rotate-6" alt="گوشی موبایل جی ال ایکس مدل C66 New دو سیم‌کارت با قابلیت اذان گو">
2873
2874
2875
2876                                        <div class="absolute top-3 left-3 bg-emerald-500 text-white text-[10px] font-black px-2.5 py-1 rounded-lg shadow-lg">ارسال رایگان</div>
2877
2878
2879
2880                                </div>
2881
2882                                <div class="w-3/5 p-5 flex flex-col justify-between">
2883                                    <div>
2884                                        
2885                                        <h3 class="font-black text-gray-900 dark:text-white text-base leading-tight mb-2">گوشی موبایل جی ال ایکس مدل C66 New دو سیم‌کارت با قابلیت اذان گو</h3>
2886                                        
2887                                        <p class="text-[10px] text-gray-500 dark:text-gray-400 font-medium line-clamp-2 leading-relaxed">&nbsp;</p>
2888                                    </div>
2889
2890                                    <div class="mt-auto">
2891                                        <div class="mb-3 text-left">
2892
2893                                                                                            <div class="flex items-baseline justify-end gap-1">
2894                                                    <span class="text-xl font-black text-gray-900 dark:text-white tracking-tighter">2,450,000</span>
2895                                                    <span class="text-[10px] font-bold text-gray-500">تومان</span>
2896                                                </div>
2897
2898
2899
2900                                        </div>
2901
2902                                        <a href="/Products/15506/گوشی-موبایل-جی-ال-ایکس-مدل-c66-new-دو-سیم‌کارت-با-قابلیت-اذان-گو" class="w-full py-3 bg-primary-500 text-white rounded-xl text-[11px] font-black shadow-lg shadow-primary-500/20 hover:bg-primary-700 transition-all flex items-center justify-center gap-2 group/btn">
2903                                            <span>مشاهده و خرید</span>
2904                                            <svg class="w-4 h-4 transition-transform group-hover:translate-x-[-3px]" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-width="3" d="M10 19l-7-7m0 0l7-7m-7 7h18" /></svg>
2905                                        </a>
2906                                    </div>
2907                                </div>
2908                            </div>
2909                        </div>
2910                        <div class="product-card group relative bg-white/70 dark:bg-white/[0.03] backdrop-blur-2xl rounded-[2.5rem] border border-gray-200 dark:border-white/10 p-2 transition-all duration-500 hover:shadow-2xl hover:shadow-primary-600/20 hover:-translate-y-2" data-category="classic">
2911                            <div class="flex h-[220px]">
2912                                <div class="w-2/5 relative bg-gradient-to-br from-gray-100 to-transparent dark:from-white/5 dark:to-transparent rounded-[2rem] overflow-hidden flex items-center justify-center m-1 transition-all duration-500 group-hover:scale-[0.98]">
2913                                    <img src="/Images/Product/15503.jpg?version=1.4" class="w-32 h-32 object-contain drop-shadow-2xl transition-transform duration-700 group-hover:scale-110 group-hover:-rotate-6" alt="گوشی موبایل جی ال ایکس مدل فلیپ دو سیم‌کارت با قابلیت تماس 4G">
2914
2915
2916
2917                                        <div class="absolute top-3 left-3 bg-emerald-500 text-white text-[10px] font-black px-2.5 py-1 rounded-lg shadow-lg">ارسال رایگان</div>
2918
2919
2920
2921                                </div>
2922
2923                                <div class="w-3/5 p-5 flex flex-col justify-between">
2924                                    <div>
2925                                        
2926                                        <h3 class="font-black text-gray-900 dark:text-white text-base leading-tight mb-2">گوشی موبایل جی ال ایکس مدل فلیپ دو سیم‌کارت با قابلیت تماس 4G</h3>
2927                                        
2928                                        <p class="text-[10px] text-gray-500 dark:text-gray-400 font-medium line-clamp-2 leading-relaxed">&nbsp;</p>
2929                                    </div>
2930
2931                                    <div class="mt-auto">
2932                                        <div class="mb-3 text-left">
2933
2934                                                                                            <div class="flex items-baseline justify-end gap-1">
2935                                                    <span class="text-xl font-black text-gray-900 dark:text-white tracking-tighter">5,900,000</span>
2936                                                    <span class="text-[10px] font-bold text-gray-500">تومان</span>
2937                                                </div>
2938
2939
2940
2941                                        </div>
2942
2943                                        <a href="/Products/15503/گوشی-موبایل-جی-ال-ایکس-مدل-فلیپ-دو-سیم‌کارت-با-قابلیت-تماس-4g" class="w-full py-3 bg-primary-500 text-white rounded-xl text-[11px] font-black shadow-lg shadow-primary-500/20 hover:bg-primary-700 transition-all flex items-center justify-center gap-2 group/btn">
2944                                            <span>مشاهده و خرید</span>
2945                                            <svg class="w-4 h-4 transition-transform group-hover:translate-x-[-3px]" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-width="3" d="M10 19l-7-7m0 0l7-7m-7 7h18" /></svg>
2946                                        </a>
2947                                    </div>
2948                                </div>
2949                            </div>
2950                        </div>
2951                        <div class="product-card group relative bg-white/70 dark:bg-white/[0.03] backdrop-blur-2xl rounded-[2.5rem] border border-gray-200 dark:border-white/10 p-2 transition-all duration-500 hover:shadow-2xl hover:shadow-
2951primary-600/20 hover:-translate-y-2" data-category="classic">
2952                            <div class="flex h-[220px]">
2953                                <div class="w-2/5 relative bg-gradient-to-br from-gray-100 to-transparent dark:from-white/5 dark:to-transparent rounded-[2rem] overflow-hidden flex items-center justify-center m-1 transition-all duration-500 group-hover:scale-[0.98]">
2954                                    <img src="/Images/Product/14495.jpg?version=1.4" class="w-32 h-32 object-contain drop-shadow-2xl transition-transform duration-700 group-hover:scale-110 group-hover:-rotate-6" alt="گوشی موبایل جی ال ایکس مدل C100 دو سیم‌کارت با قابلیت تماس اضطراری SOS">
2955
2956
2957
2958                                        <div class="absolute top-3 left-3 bg-emerald-500 text-white text-[10px] font-black px-2.5 py-1 rounded-lg shadow-lg">ارسال رایگان</div>
2959
2960
2961
2962                                </div>
2963
2964                                <div class="w-3/5 p-5 flex flex-col justify-between">
2965                                    <div>
2966                                        
2967                                        <h3 class="font-black text-gray-900 dark:text-white text-base leading-tight mb-2">گوشی موبایل جی ال ایکس مدل C100 دو سیم‌کارت با قابلیت تماس اضطراری SOS</h3>
2968                                        
2969                                        <p class="text-[10px] text-gray-500 dark:text-gray-400 font-medium line-clamp-2 leading-relaxed">&nbsp;</p>
2970                                    </div>
2971
2972                                    <div class="mt-auto">
2973                                        <div class="mb-3 text-left">
2974
2975                                                                                            <div class="flex items-baseline justify-end gap-1">
2976                                                    <span class="text-xl font-black text-gray-900 dark:text-white tracking-tighter">5,250,000</span>
2977                                                    <span class="text-[10px] font-bold text-gray-500">تومان</span>
2978                                                </div>
2979
2980
2981
2982                                        </div>
2983
2984                                        <a href="/Products/14495/گوشی-موبایل-جی-ال-ایکس-مدل-c100-دو-سیم‌کارت-با-قابلیت-تماس-اضطراری-sos" class="w-full py-3 bg-primary-500 text-white rounded-xl text-[11px] font-black shadow-lg shadow-primary-500/20 hover:bg-primary-700 transition-all flex items-center justify-center gap-2 group/btn">
2985                                            <span>مشاهده و خرید</span>
2986                                            <svg class="w-4 h-4 transition-transform group-hover:translate-x-[-3px]" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-width="3" d="M10 19l-7-7m0 0l7-7m-7 7h18" /></svg>
2987                                        </a>
2988                                    </div>
2989                                </div>
2990                            </div>
2991                        </div>
2992
2993
2994                        <div class="product-card group relative bg-white/70 dark:bg-white/[0.03] backdrop-blur-2xl rounded-[2.5rem] border border-gray-200 dark:border-white/10 p-2 transition-all duration-500 hover:shadow-2xl hover:shadow-primary-600/20 hover:-translate-y-2" data-category="tablet">
2995                            <div class="flex h-[220px]">
2996                                <div class="w-2/5 relative bg-gradient-to-br from-gray-100 to-transparent dark:from-white/5 dark:to-transparent rounded-[2rem] overflow-hidden flex items-center justify-center m-1 transition-all duration-500 group-hover:scale-[0.98]">
2997                                    <img src="/Images/Product/5389.jpg?version=1.4" class="w-32 h-32 object-contain drop-shadow-2xl transition-transform duration-700 group-hover:scale-110 group-hover:-rotate-6" alt="تبلت ۸ اینچ جی‌‌ ال‌ ایکس مدل F8 با ظرفیت ۱۶ گیگابایت و رم ۲ گیگابایت ">
2998
2999
3000
3001                                        <div class="absolute top-3 left-3 bg-emerald-500 text-white text-[10px] font-black px-2.5 py-1 rounded-lg shadow-lg">ارسال رایگان</div>
3002
3003
3004
3005                                </div>
3006
3007                                <div class="w-3/5 p-5 flex flex-col justify-between">
3008                                    <div>
3009                                        
3010                                        <h3 class="font-black text-gray-900 dark:text-white text-base leading-tight mb-2">تبلت ۸ اینچ جی‌‌ ال‌ ایکس مدل F8 با ظرفیت ۱۶ گیگابایت و رم ۲ گیگابایت </h3>
3011                                        
3012                                        <p class="text-[10px] text-gray-500 dark:text-gray-400 font-medium line-clamp-2 leading-relaxed">&nbsp;</p>
3013                                    </div>
3014
3015                                    <div class="mt-auto">
3016                                        <div class="mb-3 text-left">
3017
3018                                                                                            <div class="flex items-baseline justify-end gap-1">
3019                                                    <span class="text-xl font-black text-gray-900 dark:text-white tracking-tighter">15,997,000</span>
3020                                                    <span class="text-[10px] font-bold text-gray-500">تومان</span>
3021                                                </div>
3022
3023
3024
3025                                        </div>
3026
3027                                        <a href="/Products/5389/تبلت-۸-اینچ-جی‌‌-ال‌-ایکس-مدل-f8-با-ظرفیت-۱۶-گیگابایت-و-رم-۲-گیگابایت" class="w-full py-3 bg-primary-500 text-white rounded-xl text-[11px] font-black shadow-lg shadow-primary-500/20 hover:bg-primary-700 transition-all flex items-center justify-center gap-2 group/btn">
3028                                            <span>مشاهده و خرید</span>
3029                                            <svg class="w-4 h-4 transition-transform group-hover:translate-x-[-3px]" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-width="3" d="M10 19l-7-7m0 0l7-7m-7 7h18" /></svg>
3030                                        </a>
3031                                    </div>
3032                                </div>
3033                            </div>
3034                        </div>
3035                        <div class="product-card group relative bg-white/70 dark:bg-white/[0.03] backdrop-blur-2xl rounded-[2.5rem] border border-gray-200 dark:border-white/10 p-2 transition-all duration-500 hover:shadow-2xl hover:shadow-primary-600/20 hover:-translate-y-2" data-category="tablet">
3036                            <div class="flex h-[220px]">
3037                                <div class="w-2/5 relative bg-gradient-to-br from-gray-100 to-transparent dark:from-white/5 dark:to-transparent rounded-[2rem] overflow-hidden flex items-center justify-center m-1 transition-all duration-500 group-hover:scale-[0.98]">
3038                                    <img src="/Images/Product/9393.jpg?version=1.4" class="w-32 h-32 object-contain drop-shadow-2xl transition-transform duration-700 group-hover:scale-110 group-hover:-rotate-6" alt="تبلت ۸ اینچ جی‌‌ ال‌ ایکس مدل +F8 با ظرفیت 32 گیگابایت و رم ۲ گیگابایت">
3039
3040
3041
3042                                        <div class="absolute top-3 left-3 bg-emerald-500 text-white text-[10px] font-black px-2.5 py-1 rounded-lg shadow-lg">ارسال رایگان</div>
3043
3044
3045
3046                                </div>
3047
3048                                <div class="w-3/5 p-5 flex flex-col justify-between">
3049                                    <div>
3050                                        
3051                                        <h3 class="font-black text-gray-900 dark:text-white text-base leading-tight mb-2">تبلت ۸ اینچ جی‌‌ ال‌ ایکس مدل +F8 با ظرفیت 32 گیگابایت و رم ۲ گیگابایت</h3>
3052                                        
3053                                        <p class="text-[10px] text-gray-500 dark:text-gray-400 font-medium line-clamp-2 leading-relaxed">&nbsp;</p>
3054                                    </div>
3055
3056                                    <div class="mt-auto">
3057                                        <div class="mb-3 text-left">
3058
3059                                                                                            <div class="flex items-baseline justify-end gap-1">
3060                                                    <span class="text-xl font-black text-gray-900 dark:text-white tracking-tighter">18,498,000</span>
3061                                                    <span class="text-[10px] font-bold text-gray-500">تومان</span>
3062                                                </div>
3063
3064
3065
3066                                        </div>
3067
3068                                        <a href="/Products/9393/تبلت-۸-اینچ-جی‌‌-ال‌-ایکس-مدل-plus-f8-با-ظرفیت-32-گیگابایت-و-رم-۲-گیگابایت" class="w-full py-3 bg-primary-500 text-white rounded-xl text-[11px] font-black shadow-lg shadow-primary-500/20 hover:bg-primary-700 transition-all flex items-center justify-center gap-2 group/btn">
3069                                            <span>مشاهده و خرید</span>
3070                                            <svg class="w-4 h-4 transition-transform group-hover:translate-x-[-3px]" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-width="3" d="M10 19l-7-7m0 0l7-7m-7 7h18" /></svg>
3071                                        </a>
3072                                    </div>
3073                                </div>
3074                            </div>
3075                        </div>
3076                        <div class="product-card group relative bg-white/70 dark:bg-white/[0.03] backdrop-blur-2xl rounded-[2.5rem] border border-gray-200 dark:border-white/10 p-2 transition-all duration-500 hover:shadow-2xl hover:shadow-primary-600/20 hover:-translate-y-2" data-category="tablet">
3077                            <div class="flex h-[220px]">
3078                                <div class="w-2/5 relative bg-gradient-to-br from-gray-100 to-transparent dark:from-white/5 dark:to-transparent rounded-[2rem] overflow-hidden flex items-center justify-center m-1 transition-all duration-500 group-hover:scale-[0.98]">
3079                                    <img src="/Images/Product/11450.jpg?version=1.4" class="w-32 h-32 object-contain drop-shadow-2xl transition-transform duration-700 group-hover:scale-110 group-hover:-rotate-6" alt="تبلت ۸ اینچ جی‌‌ ال‌ ایکس مدل F4X با ظرفیت 32 گیگابایت و رم ۲ گیگابایت">
3080
3081
3082
3083                                        <div class="absolute top-3 left-3 bg-emerald-500 text-white text-[10px] font-black px-2.5 py-1 rounded-lg shadow-lg">ارسال رایگان</div>
3084
3085
3086
3087                                </div>
3088
3089                                <div class="w-3/5 p-5 flex flex-col justify-between">
3090                                    <div>
3091                                        
3092                                        <h3 class="font-black text-gray-900 dark:text-white text-base leading-tight mb-2">تبلت ۸ اینچ جی‌‌ ال‌ ایکس مدل F4X با ظرفیت 32 گیگابایت و رم ۲ گیگابایت</h3>
3093                                        
3094                                        <p class="text-[10px] text-gray-500 dark:text-gray-400 font-medium line-clamp-2 leading-relaxed">&nbsp;</p>
3095                                    </div>
3096
3097                                    <div class="mt-auto">
3098                                        <div class="mb-3 text-left">
3099
3100                                                                                            <div class="flex items-baseline justify-end gap-1">
3101                                                    <span class="text-xl font-black text-gray-900 dark:text-white tracking-tighter">18,498,000</span>
3102                                                    <span class="text-[10px] font-bold text-gray-500">تومان</span>
3103                                                </div>
3104
3105
3106
3107                                        </div>
3108
3109                                        <a href="/Products/11450/تبلت-۸-اینچ-جی‌‌-ال‌-ایکس-مدل-f4x-با-ظرفیت-32-گیگابایت-و-رم-۲-گیگابایت" class="w-full py-3 bg-primary-500 text-white rounded-xl text-[11px] font-black shadow-lg shadow-primary-500/20 hover:bg-primary-700 transition-all flex items-center justify-center gap-2 group/btn">
3110                                            <span>مشاهده و خرید</span>
3111                                            <svg class="w-4 h-4 transition-transform group-hover:translate-x-[-3px]" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-width="3" d="M10 19l-7-7m0 0l7-7m-7 7h18" /></svg>
3112                                        </a>
3113                                    </div>
3114                                </div>
3115                            </div>
3116                        </div>
3117
3118
3119                        <div class="product-card group relative bg-white/70 dark:bg-white/[0.03] backdrop-blur-2xl rounded-[2.5rem] border border-gray-200 dark:border-white/10 p-2 transition-all duration-500 hover:shadow-2xl hover:shadow-
3119primary-600/20 hover:-translate-y-2" data-category="laptop">
3120                            <div class="flex h-[220px]">
3121                                <div class="w-2/5 relative bg-gradient-to-br from-gray-100 to-transparent dark:from-white/5 dark:to-transparent rounded-[2rem] overflow-hidden flex items-center justify-center m-1 transition-all duration-500 group-hover:scale-[0.98]">
3122                                    <img src="/Images/Product/13492.jpg?version=1.4" class="w-32 h-32 object-contain drop-shadow-2xl transition-transform duration-700 group-hover:scale-110 group-hover:-rotate-6" alt="لپ تاپ 15.6 اینچی جی ال ایکس مدل G1 با ظرفیت 256 گیگابایت و رم 8 گیگابایت">
3123
3124
3125
3126                                        <div class="absolute top-3 left-3 bg-emerald-500 text-white text-[10px] font-black px-2.5 py-1 rounded-lg shadow-lg">ارسال رایگان</div>
3127
3128
3129
3130                                </div>
3131
3132                                <div class="w-3/5 p-5 flex flex-col justify-between">
3133                                    <div>
3134                                        
3135                                        <h3 class="font-black text-gray-900 dark:text-white text-base leading-tight mb-2">لپ تاپ 15.6 اینچی جی ال ایکس مدل G1 با ظرفیت 256 گیگابایت و رم 8 گیگابایت</h3>
3136                                        
3137                                        <p class="text-[10px] text-gray-500 dark:text-gray-400 font-medium line-clamp-2 leading-relaxed">&nbsp;</p>
3138                                    </div>
3139
3140                                    <div class="mt-auto">
3141                                        <div class="mb-3 text-left">
3142
3143                                                                                            <div class="flex items-baseline justify-end gap-1">
3144                                                    <span class="text-xl font-black text-gray-900 dark:text-white tracking-tighter">65,997,000</span>
3145                                                    <span class="text-[10px] font-bold text-gray-500">تومان</span>
3146                                                </div>
3147
3148
3149
3150                                        </div>
3151
3152                                        <a href="/Products/13492/لپ-تاپ-156-اینچی-جی-ال-ایکس-مدل-g1-با-ظرفیت-256-گیگابایت-و-رم-8-گیگابایت" class="w-full py-3 bg-primary-500 text-white rounded-xl text-[11px] font-black shadow-lg shadow-primary-500/20 hover:bg-primary-700 transition-all flex items-center justify-center gap-2 group/btn">
3153                                            <span>مشاهده و خرید</span>
3154                                            <svg class="w-4 h-4 transition-transform group-hover:translate-x-[-3px]" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-width="3" d="M10 19l-7-7m0 0l7-7m-7 7h18" /></svg>
3155                                        </a>
3156                                    </div>
3157                                </div>
3158                            </div>
3159                        </div>
3160
3161
3162                        <div class="product-card group relative bg-white/70 dark:bg-white/[0.03] backdrop-blur-2xl rounded-[2.5rem] border border-gray-200 dark:border-white/10 p-2 transition-all duration-500 hover:shadow-2xl hover:shadow-primary-600/20 hover:-translate-y-2" data-category="watch">
3163                            <div class="flex h-[220px]">
3164                                <div class="w-2/5 relative bg-gradient-to-br from-gray-100 to-transparent dark:from-white/5 dark:to-transparent rounded-[2rem] overflow-hidden flex items-center justify-center m-1 transition-all duration-500 group-hover:scale-[0.98]">
3165                                    <img src="/Images/Product/19646.jpg?version=1.4" class="w-32 h-32 object-contain drop-shadow-2xl transition-transform duration-700 group-hover:scale-110 group-hover:-rotate-6" alt="کابل تبدیل USB به Type-C مدل کنفی به طول 2 متر">
3166
3167
3168                                        <div class="absolute top-3 right-3 bg-red-500 text-white text-[10px] font-black px-2.5 py-1 rounded-lg shadow-lg shadow-red-500/40">42Ùª-</div>
3169
3170
3171
3172
3173                                </div>
3174
3175                                <div class="w-3/5 p-5 flex flex-col justify-between">
3176                                    <div>
3177                                        
3178                                        <h3 class="font-black text-gray-900 dark:text-white text-base leading-tight mb-2">کابل تبدیل USB به Type-C مدل کنفی به طول 2 متر</h3>
3179                                        
3180                                        <p class="text-[10px] text-gray-500 dark:text-gray-400 font-medium line-clamp-2 leading-relaxed">&nbsp;</p>
3181                                    </div>
3182
3183                                    <div class="mt-auto">
3184                                        <div class="mb-3 text-left">
3185
3186                                                <p class="text-[10px] text-gray-400 line-through mb-0.5">330,000</p>
3187                                                                                            <div class="flex items-baseline justify-end gap-1">
3188                                                    <span class="text-xl font-black text-gray-900 dark:text-white tracking-tighter">188,399</span>
3189                                                    <span class="text-[10px] font-bold text-gray-500">تومان</span>
3190                                                </div>
3191
3192
3193
3194                                        </div>
3195
3196                                        <a href="/Products/19646/کابل-تبدیل-usb-به-type-c-مدل-کنفی-به-طول-2-متر" class="w-full py-3 bg-primary-500 text-white rounded-xl text-[11px] font-black shadow-lg shadow-primary-500/20 hover:bg-primary-700 transition-all flex items-center justify-center gap-2 group/btn">
3197                                            <span>مشاهده و خرید</span>
3198                                            <svg class="w-4 h-4 transition-transform group-hover:translate-x-[-3px]" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-width="3" d="M10 19l-7-7m0 0l7-7m-7 7h18" /></svg>
3199                                        </a>
3200                                    </div>
3201                                </div>
3202                            </div>
3203                        </div>
3204                        <div class="product-card group relative bg-white/70 dark:bg-white/[0.03] backdrop-blur-2xl rounded-[2.5rem] border border-gray-200 dark:border-white/10 p-2 transition-all duration-500 hover:shadow-2xl hover:shadow-primary-600/20 hover:-translate-y-2" data-category="watch">
3205                            <div class="flex h-[220px]">
3206                                <div class="w-2/5 relative bg-gradient-to-br from-gray-100 to-transparent dark:from-white/5 dark:to-transparent rounded-[2rem] overflow-hidden flex items-center justify-center m-1 transition-all duration-500 group-hover:scale-[0.98]">
3207                                    <img src="/Images/Product/19643.jpg?version=1.4" class="w-32 h-32 object-contain drop-shadow-2xl transition-transform duration-700 group-hover:scale-110 group-hover:-rotate-6" alt="پاوربانک 22.5 وات لوینو مدل N-19 با ظرفیت 30000 میلی آمپر ساعت">
3208
3209
3210
3211
3212
3213
3214                                </div>
3215
3216                                <div class="w-3/5 p-5 flex flex-col justify-between">
3217                                    <div>
3218                                        
3219                                        <h3 class="font-black text-gray-900 dark:text-white text-base leading-tight mb-2">پاوربانک 22.5 وات لوینو مدل N-19 با ظرفیت 30000 میلی آمپر ساعت</h3>
3220                                        
3221                                        <p class="text-[10px] text-gray-500 dark:text-gray-400 font-medium line-clamp-2 leading-relaxed">&nbsp;</p>
3222                                    </div>
3223
3224                                    <div class="mt-auto">
3225                                        <div class="mb-3 text-left">
3226
3227                                                                                            <div class="flex items-baseline justify-end gap-1">
3228                                                    <span class="text-xl font-black text-gray-900 dark:text-white tracking-tighter">4,439,999</span>
3229                                                    <span class="text-[10px] font-bold text-gray-500">تومان</span>
3230                                                </div>
3231
3232
3233
3234                                        </div>
3235
3236                                        <a href="/Products/19643/پاوربانک-225-وات-لوینو-مدل-n-19-با-ظرفیت-30000-میلی-آمپر-ساعت" class="w-full py-3 bg-primary-500 text-white rounded-xl text-[11px] font-black shadow-lg shadow-primary-500/20 hover:bg-primary-700 transition-all flex items-center justify-center gap-2 group/btn">
3237                                            <span>مشاهده و خرید</span>
3238                                            <svg class="w-4 h-4 transition-transform group-hover:translate-x-[-3px]" fill="none" stroke="currentColor" viewBox="0 0 24 24">
3238<path stroke-width="3" d="M10 19l-7-7m0 0l7-7m-7 7h18" /></svg>
3239                                        </a>
3240                                    </div>
3241                                </div>
3242                            </div>
3243                        </div>
3244                        <div class="product-card group relative bg-white/70 dark:bg-white/[0.03] backdrop-blur-2xl rounded-[2.5rem] border border-gray-200 dark:border-white/10 p-2 transition-all duration-500 hover:shadow-2xl hover:shadow-primary-600/20 hover:-translate-y-2" data-category="watch">
3245                            <div class="flex h-[220px]">
3246                                <div class="w-2/5 relative bg-gradient-to-br from-gray-100 to-transparent dark:from-white/5 dark:to-transparent rounded-[2rem] overflow-hidden flex items-center justify-center m-1 transition-all duration-500 group-hover:scale-[0.98]">
3247                                    <img src="/Images/Product/18642.jpg?version=1.4" class="w-32 h-32 object-contain drop-shadow-2xl transition-transform duration-700 group-hover:scale-110 group-hover:-rotate-6" alt="پاوربانک 22.5 وات لوینو مدل N-31 با ظرفیت 20000 میلی آمپر ساعت">
3248
3249
3250
3251
3252
3253
3254                                </div>
3255
3256                                <div class="w-3/5 p-5 flex flex-col justify-between">
3257                                    <div>
3258                                        
3259                                        <h3 class="font-black text-gray-900 dark:text-white text-base leading-tight mb-2">پاوربانک 22.5 وات لوینو مدل N-31 با ظرفیت 20000 میلی آمپر ساعت</h3>
3260                                        
3261                                        <p class="text-[10px] text-gray-500 dark:text-gray-400 font-medium line-clamp-2 leading-relaxed">&nbsp;</p>
3262                                    </div>
3263
3264                                    <div class="mt-auto">
3265                                        <div class="mb-3 text-left">
3266
3267                                                                                            <div class="flex items-baseline justify-end gap-1">
3268                                                    <span class="text-xl font-black text-gray-900 dark:text-white tracking-tighter">3,480,001</span>
3269                                                    <span class="text-[10px] font-bold text-gray-500">تومان</span>
3270                                                </div>
3271
3272
3273
3274                                        </div>
3275
3276                                        <a href="/Products/18642/پاوربانک-225-وات-لوینو-مدل-n-31-با-ظرفیت-20000-میلی-آمپر-ساعت" class="w-full py-3 bg-primary-500 text-white rounded-xl text-[11px] font-black shadow-lg shadow-primary-500/20 hover:bg-primary-700 transition-all flex items-center justify-center gap-2 group/btn">
3277                                            <span>مشاهده و خرید</span>
3278                                            <svg class="w-4 h-4 transition-transform group-hover:translate-x-[-3px]" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-width="3" d="M10 19l-7-7m0 0l7-7m-7 7h18" /></svg>
3279                                        </a>
3280                                    </div>
3281                                </div>
3282                            </div>
3283                        </div>
3284
3285            </div>
3286        </div>
3287    </section>
3288    <!-- END NEWER PRODUCT -->
3289    <!-- AMAZING SECTION -->
3290    
3291    <!-- END AMAZING SECTION -->
3292    <!-- LAST SEEN -->
3293    
3294    <!-- END LAST SEEN -->
3295    <!-- PREMIUM SELECTION PRODUCTS-->
3296    
3297    <!--END PREMIUM SELECTION PRODUCTS-->
3298    <!-- HOT -->
3299    <!--<section class="relative overflow-hidden transition-colors duration-500">
3300
3301        <div class="container pb-6">
3302
3303            <div class="flex mb-6 flex-col md:flex-row md:items-center justify-between gap-6">
3304                <div class="flex items-center gap-5">
3305                    <div class="relative">
3306                        <div class="relative w-14 h-14 bg-secondary-500 dark:bg-red-500 rounded-[1.5rem] flex items-center justify-center text-white shadow-xl shadow-red-500/20">
3307                            <svg class="w-7 h-7" fill="none" stroke="currentColor" viewBox="0 0 24 24">
3308                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M13 10V3L4 14h7v7l9-11h-7z" />
3309                            </svg>
3310                        </div>
3311                    </div>
3312                    <div class="space-y-1">
3313                        <h2 class="text-3xl pt-3 font-black text-gray-900 dark:text-white tracking-tight">داغ‌ترین‌های <span class="text-secondary-600 dark:text-red-500">چند ساعت گذشته</span></h2>
3314                        <p class="text-[10px] mt-2 font-black text-gray-400 dark:text-gray-500 uppercase tracking-[0.2em] flex items-center gap-2">
3315                            <span class="w-1.5 h-1.5 rounded-full bg-red-500 animate-ping"></span>
3316                            Live Trending Now
3317                        </p>
3318                    </div>
3319                </div>
3320
3321                <div class="flex items-center gap-3 px-4 py-2 bg-blue-50/50 dark:bg-gray-900/50 backdrop-blur-md border border-blue-100/50 dark:border-gray-800 rounded-2xl">
3322                    <span class="text-[11px] font-bold text-blue-600 dark:text-blue-400">بروزرسانی: ۱۰ دقیقه پیش</span>
3323                </div>
3324            </div>-->
3325    <!--Products-->
3326    <!--<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
3327
3328                <a href="#" class="group relative flex items-center gap-6 p-5 bg-white/50 dark:bg-gray-900/40 backdrop-blur-md rounded-[2.8rem] border border-gray-100 dark:border-gray-800 hover:border-red-200 dark:hover:border-red-500/30 transition-all duration-500 hover:shadow-2xl hover:shadow-red-500/10 hover:-translate-y-2">
3329
3330                    <span class="absolute left-8 bottom-2 text-8xl font-black text-gray-100 dark:text-gray-800/30 group-hover:text-red-100 dark:group-hover:text-red-500/10 transition-colors duration-500 -z-10">01</span>
3331
3332                    <div class="w-28 h-28 flex-shrink-0 bg-gray-50 dark:bg-gray-800 rounded-[2rem] p-3 border border-gray-100 dark:border-gray-700 flex items-center justify-center group-hover:bg-white dark:group-hover:bg-gray-700 transition-all duration-500">
3333                        <img src="~/Content/NewTheme/public/assets/images/product/mobile-1.png" class="w-full h-full object-contain dark:brightness-110" alt="trending">
3334                    </div>
3335
3336                    <div class="flex flex-col gap-2 overflow-hidden">
3337                        <div class="flex items-center gap-2">
3338                            <span class="flex h-2 w-2 rounded-full bg-red-500"></span>
3339                            <span class="text-[10px] font-black text-gray-400 dark:text-gray-500 uppercase tracking-widest">تقاضای بالا</span>
3340                        </div>
3341
3342                        <h3 class="text-sm font-black text-gray-800 dark:text-gray-200 truncate group-hover:text-secondary-600 dark:group-hover:text-red-400 transition-colors">ایربادز بی‌سیم مدل Pro 2024</h3>
3343
3344                        <div class="flex items-center gap-1.5 mt-1">
3345                            <span class="text-xl font-black text-gray-900 dark:text-white tracking-tighter">Û³,Û´ÛµÛ°</span>
3346                            <span class="text-[9px] font-bold text-gray-400 dark:text-gray-500">هزار تومان</span>
3347                        </div>
3348
3349                        <div class="w-full h-1.5 bg-gray-100 dark:bg-gray-800 rounded-full mt-2 overflow-hidden">
3350                            <div class="w-3/4 h-full bg-gradient-to-l from-red-600 to-secondary-400 rounded-full shadow-[0_0_10px_rgba(239,68,68,0.4)]"></div>
3351                        </div>
3352                    </div>
3353
3354                    <div class="absolute -left-2 top-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-100 group-hover:left-4 transition-all duration-500">
3355                        <div class="w-10 h-10 bg-gray-900 dark:bg-secondary-500 text-white rounded-full flex items-center justify-center shadow-xl">
3356                            <svg class="w-5 h-5 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M14 5l7 7-7 7" /></svg>
3357                        </div>
3358                    </div>
3359                </a>
3360
3361                <a href="#" class="group relative flex items-center gap-6 p-5 bg-white/50 dark:bg-gray-900/40 backdrop-blur-md rounded-[2.8rem] border border-gray-100 dark:border-gray-800 hover:border-red-200 dark:hover:border-red-500/30 transition-all duration-500 hover:shadow-2xl hover:shadow-red-500/10 hover:-translate-y-2">
3362
3363                    <span class="absolute left-8 bottom-2 text-8xl font-black text-gray-100 dark:text-gray-800/30 group-hover:text-red-100 dark:group-hover:text-red-500/10 transition-colors duration-500 -z-10">02</span>
3364
3365                    <div class="w-28 h-28 flex-shrink-0 bg-gray-50 dark:bg-gray-800 rounded-[2rem] p-3 border border-gray-100 dark:border-gray-700 flex items-center justify-center group-hover:bg-white dark:group-hover:bg-gray-700 transition-all duration-500">
3366                        <img src="~/Content/NewTheme/public/assets/images/product/mobile-2.png" class="w-full h-full object-contain dark:brightness-110" alt="trending">
3367                    </div>
3368
3369                    <div class="flex flex-col gap-2 overflow-hidden">
3370                        <div class="flex items-center gap-2">
3371                            <span class="flex h-2 w-2 rounded-full bg-red-500"></span>
3372                            <span class="text-[10px] font-black text-gray-400 dark:text-gray-500 uppercase tracking-widest">تقاضای بالا</span>
3373                        </div>
3374
3375                        <h3 class="text-sm font-black text-gray-800 dark:text-gray-200 truncate group-hover:text-secondary-600 dark:group-hover:text-red-400 transition-colors">ایربادز بی‌سیم مدل Pro 2024</h3>
3376
3377                        <div class="flex items-center gap-1.5 mt-1">
3378                            <span class="text-xl font-black text-gray-900 dark:text-white tracking-tighter">Û³,Û´ÛµÛ°</span>
3379                            <span class="text-[9px] font-bold text-gray-400 dark:text-gray-500">هزار تومان</span>
3380                        </div>
3381
3382                        <div class="w-full h-1.5 bg-gray-100 dark:bg-gray-800 rounded-full mt-2 overflow-hidden">
3383                            <div class="w-3/4 h-full bg-gradient-to-l from-red-600 to-secondary-400 rounded-full shadow-[0_0_10px_rgba(239,68,68,0.4)]"></div>
3384                        </div>
3385                    </div>
3386
3387                    <div class="absolute -left-2 top-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-100 group-hover:left-4 transition-all duration-500">
3388                        <div class="w-10 h-10 bg-gray-900 dark:bg-secondary-500 text-white rounded-full flex items-center justify-center shadow-xl">
3389                            <svg class="w-5 h-5 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M14 5l7 7-7 7" /></svg>
3390                        </div>
3391                    </div>
3392                </a>
3393
3394                <a href="#" class="group relative flex items-center gap-6 p-5 bg-white/50 dark:bg-gray-900/40 backdrop-blur-md rounded-[2.8rem] border border-gray-100 dark:border-gray-800 hover:border-red-200 dark:hover:border-red-500/30 transition-all duration-500 hover:shadow-2xl hover:shadow-red-500/10 hover:-translate-y-2">
3395
3396                    <span class="absolute left-8 bottom-2 text-8xl font-black text-gray-100 dark:text-gray-800/30 group-hover:text-red-100 dark:group-hover:text-red-500/10 transition-colors duration-500 -z-10">03</span>
3397
3398                    <div class="w-28 h-28 flex-shrink-0 bg-gray-50 dark:bg-gray-800 rounded-[2rem] p-3 border border-gray-100 dark:border-gray-700 flex items-center justify-center group-hover:bg-white dark:group-hover:bg-gray-700 transition-all duration-500">
3399                        <img src="~/Content/NewTheme/public/assets/images/product/mobile-3.png" class="w-full h-full object-contain dark:brightness-110" alt="trending">
3400                    </div>
3401
3402                    <div class="flex flex-col gap-2 overflow-hidden">
3403                        <div class="flex items-center gap-2">
3404                            <span class="flex h-2 w-2 rounded-full bg-red-500"></span>
3405                            <span class="text-[10px] font-black text-gray-400 dark:text-gray-500 uppercase tracking-widest">تقاضای بالا</span>
3406                        </div>
3407
3408                        <h3 class="text-sm font-black text-gray-800 dark:text-gray-200 truncate group-hover:text-secondary-600 dark:group-hover:text-red-400 transition-colors">ایربادز بی‌سیم مدل Pro 2024</h3>
3409
3410                        <div class="flex items-center gap-1.5 mt-1">
3411                            <span class="text-xl font-black text-gray-900 dark:text-white tracking-tighter">Û³,Û´ÛµÛ°</span>
3412                            <span class="text-[9px] font-bold text-gray-400 dark:text-gray-500">هزار تومان</span>
3413                        </div>
3414
3415                        <div class="w-full h-1.5 bg-gray-100 dark:bg-gray-800 rounded-full mt-2 overflow-hidden">
3416                            <div class="w-3/4 h-full bg-gradient-to-l from-red-600 to-secondary-400 rounded-full shadow-[0_0_10px_rgba(239,68,68,0.4)]"></div>
3417                        </div>
3418                    </div>
3419
3420                    <div class="absolute -left-2 top-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-100 group-hover:left-4 transition-all duration-500">
3421                        <div class="w-10 h-10 bg-gray-900 dark:bg-secondary-500 text-white rounded-full flex items-center justify-center shadow-xl">
3422                            <svg class="w-5 h-5 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
3422<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M14 5l7 7-7 7" /></svg>
3423                        </div>
3424                    </div>
3425                </a>
3426
3427                <a href="#" class="group relative flex items-center gap-6 p-5 bg-white/50 dark:bg-gray-900/40 backdrop-blur-md rounded-[2.8rem] border border-gray-100 dark:border-gray-800 hover:border-red-200 dark:hover:border-red-500/30 transition-all duration-500 hover:shadow-2xl hover:shadow-red-500/10 hover:-translate-y-2">
3428
3429                    <span class="absolute left-8 bottom-2 text-8xl font-black text-gray-100 dark:text-gray-800/30 group-hover:text-red-100 dark:group-hover:text-red-500/10 transition-colors duration-500 -z-10">04</span>
3430
3431                    <div class="w-28 h-28 flex-shrink-0 bg-gray-50 dark:bg-gray-800 rounded-[2rem] p-3 border border-gray-100 dark:border-gray-700 flex items-center justify-center group-hover:bg-white dark:group-hover:bg-gray-700 transition-all duration-500">
3432                        <img src="~/Content/NewTheme/public/assets/images/product/mobile-4.png" class="w-full h-full object-contain dark:brightness-110" alt="trending">
3433                    </div>
3434
3435                    <div class="flex flex-col gap-2 overflow-hidden">
3436                        <div class="flex items-center gap-2">
3437                            <span class="flex h-2 w-2 rounded-full bg-red-500"></span>
3438                            <span class="text-[10px] font-black text-gray-400 dark:text-gray-500 uppercase tracking-widest">تقاضای بالا</span>
3439                        </div>
3440
3441                        <h3 class="text-sm font-black text-gray-800 dark:text-gray-200 truncate group-hover:text-secondary-600 dark:group-hover:text-red-400 transition-colors">ایربادز بی‌سیم مدل Pro 2024</h3>
3442
3443                        <div class="flex items-center gap-1.5 mt-1">
3444                            <span class="text-xl font-black text-gray-900 dark:text-white tracking-tighter">Û³,Û´ÛµÛ°</span>
3445                            <span class="text-[9px] font-bold text-gray-400 dark:text-gray-500">هزار تومان</span>
3446                        </div>
3447
3448                        <div class="w-full h-1.5 bg-gray-100 dark:bg-gray-800 rounded-full mt-2 overflow-hidden">
3449                            <div class="w-3/4 h-full bg-gradient-to-l from-red-600 to-secondary-400 rounded-full shadow-[0_0_10px_rgba(239,68,68,0.4)]"></div>
3450                        </div>
3451                    </div>
3452
3453                    <div class="absolute -left-2 top-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-100 group-hover:left-4 transition-all duration-500">
3454                        <div class="w-10 h-10 bg-gray-900 dark:bg-secondary-500 text-white rounded-full flex items-center justify-center shadow-xl">
3455                            <svg class="w-5 h-5 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M14 5l7 7-7 7" /></svg>
3456                        </div>
3457                    </div>
3458                </a>
3459
3460                <a href="#" class="group relative flex items-center gap-6 p-5 bg-white/50 dark:bg-gray-900/40 backdrop-blur-md rounded-[2.8rem] border border-gray-100 dark:border-gray-800 hover:border-red-200 dark:hover:border-red-500/30 transition-all duration-500 hover:shadow-2xl hover:shadow-red-500/10 hover:-translate-y-2">
3461
3462                    <span class="absolute left-8 bottom-2 text-8xl font-black text-gray-100 dark:text-gray-800/30 group-hover:text-red-100 dark:group-hover:text-red-500/10 transition-colors duration-500 -z-10">05</span>
3463
3464                    <div class="w-28 h-28 flex-shrink-0 bg-gray-50 dark:bg-gray-800 rounded-[2rem] p-3 border border-gray-100 dark:border-gray-700 flex items-center justify-center group-hover:bg-white dark:group-hover:bg-gray-700 transition-all duration-500">
3465                        <img src="~/Content/NewTheme/public/assets/images/product/mobile-5.png" class="w-full h-full object-contain dark:brightness-110" alt="trending">
3466                    </div>
3467
3468                    <div class="flex flex-col gap-2 overflow-hidden">
3469                        <div class="flex items-center gap-2">
3470                            <span class="flex h-2 w-2 rounded-full bg-red-500"></span>
3471                            <span class="text-[10px] font-black text-gray-400 dark:text-gray-500 uppercase tracking-widest">تقاضای بالا</span>
3472                        </div>
3473
3474                        <h3 class="text-sm font-black text-gray-800 dark:text-gray-200 truncate group-hover:text-secondary-600 dark:group-hover:text-red-400 transition-colors">ایربادز بی‌سیم مدل Pro 2024</h3>
3475
3476                        <div class="flex items-center gap-1.5 mt-1">
3477                            <span class="text-xl font-black text-gray-900 dark:text-white tracking-tighter">Û³,Û´ÛµÛ°</span>
3478                            <span class="text-[9px] font-bold text-gray-400 dark:text-gray-500">هزار تومان</span>
3479                        </div>
3480
3481                        <div class="w-full h-1.5 bg-gray-100 dark:bg-gray-800 rounded-full mt-2 overflow-hidden">
3482                            <div class="w-3/4 h-full bg-gradient-to-l from-red-600 to-secondary-400 rounded-full shadow-[0_0_10px_rgba(239,68,68,0.4)]"></div>
3483                        </div>
3484                    </div>
3485
3486                    <div class="absolute -left-2 top-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-100 group-hover:left-4 transition-all duration-500">
3487                        <div class="w-10 h-10 bg-gray-900 dark:bg-secondary-500 text-white rounded-full flex items-center justify-center shadow-xl">
3488                            <svg class="w-5 h-5 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M14 5l7 7-7 7" /></svg>
3489                        </div>
3490                    </div>
3491                </a>
3492
3493                <a href="#" class="group relative flex items-center gap-6 p-5 bg-white/50 dark:bg-gray-900/40 backdrop-blur-md rounded-[2.8rem] border border-gray-100 dark:border-gray-800 hover:border-red-200 dark:hover:border-red-500/30 transition-all duration-500 hover:shadow-2xl hover:shadow-red-500/10 hover:-translate-y-2">
3494
3495                    <span class="absolute left-8 bottom-2 text-8xl font-black text-gray-100 dark:text-gray-800/30 group-hover:text-red-100 dark:group-hover:text-red-500/10 transition-colors duration-500 -z-10">06</span>
3496
3497                    <div class="w-28 h-28 flex-shrink-0 bg-gray-50 dark:bg-gray-800 rounded-[2rem] p-3 border border-gray-100 dark:border-gray-700 flex items-center justify-center group-hover:bg-white dark:group-hover:bg-gray-700 transition-all duration-500">
3498                        <img src="~/Content/NewTheme/public/assets/images/product/mobile-6.png" class="w-full h-full object-contain dark:brightness-110" alt="trending">
3499                    </div>
3500
3501                    <div class="flex flex-col gap-2 overflow-hidden">
3502                        <div class="flex items-center gap-2">
3503                            <span class="flex h-2 w-2 rounded-full bg-red-500"></span>
3504                            <span class="text-[10px] font-black text-gray-400 dark:text-gray-500 uppercase tracking-widest">تقاضای بالا</span>
3505                        </div>
3506
3507                        <h3 class="text-sm font-black text-gray-800 dark:text-gray-200 truncate group-hover:text-secondary-600 dark:group-hover:text-red-400 transition-colors">ایربادز بی‌سیم مدل Pro 2024</h3>
3508
3509                        <div class="flex items-center gap-1.5 mt-1">
3510                            <span class="text-xl font-black text-gray-900 dark:text-white tracking-tighter">Û³,Û´ÛµÛ°</span>
3511                            <span class="text-[9px] font-bold text-gray-400 dark:text-gray-500">هزار تومان</span>
3512                        </div>
3513
3514                        <div class="w-full h-1.5 bg-gray-100 dark:bg-gray-800 rounded-full mt-2 overflow-hidden">
3515                            <div class="w-3/4 h-full bg-gradient-to-l from-red-600 to-secondary-400 rounded-full shadow-[0_0_10px_rgba(239,68,68,0.4)]"></div>
3516                        </div>
3517                    </div>
3518
3519                    <div class="absolute -left-2 top-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-100 group-hover:left-4 transition-all duration-500">
3520                        <div class="w-10 h-10 bg-gray-900 dark:bg-secondary-500 text-white rounded-full flex items-center justify-center shadow-xl">
3521                            <svg class="w-5 h-5 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
3521<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M14 5l7 7-7 7" /></svg>
3522                        </div>
3523                    </div>
3524                </a>
3525
3526
3527            </div>
3528        </div>
3529    </section>-->
3530    <!-- END HOT -->
3531    <!-- MAG -->
3532    <section class="magazine-section relative overflow-hidden py-16 transition-colors duration-700">
3533        <div class="container relative z-10">
3534
3535            <div class="flex items-end justify-between mb-10 gap-4 flex-wrap">
3536                <div class="flex items-center gap-6">
3537                    <div class="relative group">
3538                        <div class="relative w-16 h-16 bg-white dark:bg-black border border-gray-100 dark:border-blue-500/40 rounded-[1.8rem] flex items-center justify-center text-blue-600 shadow-2xl">
3539                            <svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
3540                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 20H5a2 2 0 01-2-2V6a2 2 0 012-2h10l4 4v10a2 2 0 01-2 2z"></path>
3541                            </svg>
3542                        </div>
3543                    </div>
3544                    <div>
3545                        <h2 class="text-3xl font-black text-gray-900 dark:text-white tracking-tight">اخبار جی‌ال‌ایکس</h2>
3546                        <p class="text-[10px] font-black text-blue-500 uppercase tracking-[0.4em] mt-2 flex items-center gap-2">
3547                            <span class="w-8 h-[2px] bg-blue-500/30"></span>
3548                            Latest News
3549                        </p>
3550                    </div>
3551                </div>
3552
3553                <a href="/Blog?page=1" class="group/link relative overflow-hidden px-8 py-3.5 rounded-2xl transition-all duration-500 flex items-center gap-3 bg-white/40 backdrop-blur-md border border-gray-200 text-gray-800 hover:border-blue-500/50 hover:text-white dark:bg-white/[0.03] dark:border-white/10 dark:text-gray-300 dark:hover:text-white">
3554                    <span class="absolute inset-0 bg-blue-600 translate-y-full group-hover/link:translate-y-0 transition-transform duration-500 ease-out"></span>
3555                    <span class="relative z-10 text-[13px] font-black tracking-tight">مشاهده همه مطالب</span>
3556                    <div class="relative z-10 w-5 h-5 flex items-center justify-center bg-blue-600/10 dark:bg-white/5 rounded-lg group-hover/link:bg-white/20 transition-colors">
3557                        <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
3558                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M15 19l-7-7 7-7" />
3559                        </svg>
3560                    </div>
3561                </a>
3562            </div>
3563
3564            <div class="swiper magazineSwiper !overflow-visible">
3565                <div class="swiper-wrapper">
3566
3567<div class="swiper-slide h-auto p-4">
3568                                <a href="/Blog/19312/زمان-فعالیت-مجدد-کارخانه-در-سال-1405">
3569                                    <div class="group relative h-full pt-10">
3570                                        <div class="absolute inset-0 bg-white/80 dark:bg-[#0a0a0a]/40 backdrop-blur-3xl rounded-[2.8rem] border border-gray-100 dark:border-white/5 shadow-sm transition-all duration-500 group-hover:border-blue-400/40 group-hover:shadow-blue-500/15"></div>
3571
3572                                        <div class="relative p-5 flex flex-col h-full z-10 transition-transform duration-500 group-hover:-translate-y-4">
3573                                            <div class="absolute -top-4 -right-2 z-20">
3574                                                <div class="bg-blue-600 text-white text-[10px] font-black px-4 py-2 rounded-xl shadow-lg shadow-blue-500/30">شرکت و کارخانه جی ال ایکس</div>
3575                                            </div>
3576
3577                                            <div class="relative mb-6 overflow-hidden rounded-[2rem] h-48 shadow-lg">
3578                                                <img src="/Images/Articles/19312.jpg" alt="زمان فعالیت مجدد کارخانه در سال 1405" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" title="زمان فعالیت مجدد کارخانه در سال 1405" class="w-full h-full object-cover transition-all duration-1000 group-hover:scale-110">
3579                                                <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div>
3580                                            </div>
3581
3582                                            <div class="flex items-center gap-4 mb-4 text-[11px] font-bold text-gray-400">
3583                                                <span class="flex items-center gap-1.5"><i class="far fa-clock text-blue-500"></i> ۵ دقیقه مطالعه</span>
3584                                                <span class="w-1 h-1 bg-gray-300 rounded-full"></span>
3585                                                <span class="tabular-nums">1404/12/26</span>
3586                                            </div>
3587
3588                                            <h3 class="text-[16px] font-black text-gray-800 dark:text-gray-100 mb-6 line-clamp-2 leading-7 h-14 group-hover:text-blue-600 transition-colors">
3589                                                زمان فعالیت مجدد کارخانه در سال 1405
3590                                            </h3>
3591
3592                                            <div class="flex items-center justify-between mt-auto pt-5 border-t border-gray-100 dark:border-white/5">
3593                                                <div class="flex items-center gap-1">
3594                                                    <div class="w-8 h-8 rounded-full bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center text-blue-600 font-black text-[10px]">0</div>
3595                                                    <span class="text-[12px] font-bold text-gray-600 pt-1 dark:text-gray-400">نظر</span>
3596                                                </div>
3597                                                <div class="w-10 h-10 bg-primary-500 dark:bg-primary-600 text-white rounded-xl flex items-center justify-center shadow-lg group-hover:scale-110 transition-all">
3598                                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M15 19l-7-7 7-7" /></svg>
3599                                                </div>
3600                                            </div>
3601                                        </div>
3602                                    </div>
3603                                </a>
3604                            </div>
3605<div class="swiper-slide h-auto p-4">
3606                                <a href="/Blog/18311/فرارسیدن-ماه-مبارک-رمضان،-تبریک-و-تهنیت-باد">
3607                                    <div class="group relative h-full pt-10">
3608                                        <div class="absolute inset-0 bg-white/80 dark:bg-[#0a0a0a]/40 backdrop-blur-3xl rounded-[2.8rem] border border-gray-100 dark:border-white/5 shadow-sm transition-all duration-500 group-hover:border-blue-400/40 group-hover:shadow-blue-500/15"></div>
3609
3610                                        <div class="relative p-5 flex flex-col h-full z-10 transition-transform duration-500 group-hover:-translate-y-4">
3611                                            <div class="absolute -top-4 -right-2 z-20">
3612                                                <div class="bg-blue-600 text-white text-[10px] font-black px-4 py-2 rounded-xl shadow-lg shadow-blue-500/30">شرکت و کارخانه جی ال ایکس</div>
3613                                            </div>
3614
3615                                            <div class="relative mb-6 overflow-hidden rounded-[2rem] h-48 shadow-lg">
3616                                                <img src="/Images/Articles/18311.jpg" alt="فرارسیدن ماه مبارک رمضان، تبریک و تهنیت باد" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" title="فرارسیدن ماه مبارک رمضان، تبریک و تهنیت باد" class="w-full h-full object-cover transition-all duration-1000 group-hover:scale-110">
3617                                                <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div>
3618                                            </div>
3619
3620                                            <div class="flex items-center gap-4 mb-4 text-[11px] font-bold text-gray-400">
3621                                                <span class="flex items-center gap-1.5"><i class="far fa-clock text-blue-500"></i> ۵ دقیقه مطالعه</span>
3622                                                <span class="w-1 h-1 bg-gray-300 rounded-full"></span>
3623                                                <span class="tabular-nums">1404/11/29</span>
3624                                            </div>
3625
3626                                            <h3 class="text-[16px] font-black text-gray-800 dark:text-gray-100 mb-6 line-clamp-2 leading-7 h-14 group-hover:text-blue-600 transition-colors">
3627                                                فرارسیدن ماه مبارک رمضان، تبریک و تهنیت باد
3628                                            </h3>
3629
3630                                            <div class="flex items-center justify-between mt-auto pt-5 border-t border-gray-100 dark:border-white/5">
3631                                                <div class="flex items-center gap-1">
3632                                                    <div class="w-8 h-8 rounded-full bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center text-blue-600 font-black text-[10px]">0</div>
3633                                                    <span class="text-[12px] font-bold text-gray-600 pt-1 dark:text-gray-400">نظر</span>
3634                                                </div>
3635                                                <div class="w-10 h-10 bg-primary-500 dark:bg-primary-600 text-white rounded-xl flex items-center justify-center shadow-lg group-hover:scale-110 transition-all">
3636                                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M15 19l-7-7 7-7" /></svg>
3637                                                </div>
3638                                            </div>
3639                                        </div>
3640                                    </div>
3641                                </a>
3642                            </div>
3643<div class="swiper-slide h-auto p-4">
3644                                <a href="/Blog/18302/مقایسه-قیمت-شاهین4-با-مدلهای-مشابه-">
3645                                    <div class="group relative h-full pt-10">
3646                                        <div class="absolute inset-0 bg-white/80 dark:bg-[#0a0a0a]/40 backdrop-blur-3xl rounded-[2.8rem] border border-gray-100 dark:border-white/5 shadow-sm transition-all duration-500 group-hover:border-blue-400/40 group-hover:shadow-blue-500/15"></div>
3647
3648                                        <div class="relative p-5 flex flex-col h-full z-10 transition-transform duration-500 group-hover:-translate-y-4">
3649                                            <div class="absolute -top-4 -right-2 z-20">
3650                                                <div class="bg-blue-600 text-white text-[10px] font-black px-4 py-2 rounded-xl shadow-lg shadow-blue-500/30">شرکت و کارخانه جی ال ایکس</div>
3651                                            </div>
3652
3653                                            <div class="relative mb-6 overflow-hidden rounded-[2rem] h-48 shadow-lg">
3654                                                <img src="/Images/Articles/18302.jpg" alt="مقایسه قیمت شاهین4 با مدلهای مشابه:" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" title="مقایسه قیمت شاهین4 با مدلهای مشابه:" class="w-full h-full object-cover transition-all duration-1000 group-hover:scale-110">
3655                                                <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div>
3656                                            </div>
3657
3658                                            <div class="flex items-center gap-4 mb-4 text-[11px] font-bold text-gray-400">
3659                                                <span class="flex items-center gap-1.5"><i class="far fa-clock text-blue-500"></i> ۵ دقیقه مطالعه</span>
3660                                                <span class="w-1 h-1 bg-gray-300 rounded-full"></span>
3661                                                <span class="tabular-nums">1404/09/24</span>
3662                                            </div>
3663
3664                                            <h3 class="text-[16px] font-black text-gray-800 dark:text-gray-100 mb-6 line-clamp-2 leading-7 h-14 group-hover:text-blue-600 transition-colors">
3665                                                مقایسه قیمت شاهین4 با مدلهای مشابه:
3666                                            </h3>
3667
3668                                            <div class="flex items-center justify-between mt-auto pt-5 border-t border-gray-100 dark:border-white/5">
3669                                                <div class="flex items-center gap-1">
3670                                                    <div class="w-8 h-8 rounded-full bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center text-blue-600 font-black text-[10px]">0</div>
3671                                                    <span class="text-[12px] font-bold text-gray-600 pt-1 dark:text-gray-400">نظر</span>
3672                                                </div>
3673                                                <div class="w-10 h-10 bg-primary-500 dark:bg-primary-600 text-white rounded-xl flex items-center justify-center shadow-lg group-hover:scale-110 transition-all">
3674                                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M15 19l-7-7 7-7" /></svg>
3675                                                </div>
3676                                            </div>
3677                                        </div>
3678                                    </div>
3679                                </a>
3680                            </div>
3681<div class="swiper-slide h-auto p-4">
3682                                <a href="/Blog/18286/تعطیلی-کارخانه-به-مناسبت-رحلت-پیامبر-و-شهادت-امام-رضا-(ع)">
3683                                    <div class="group relative h-full pt-10">
3684                                        <div class="absolute inset-0 bg-white/80 dark:bg-[#0a0a0a]/40 backdrop-blur-3xl rounded-[2.8rem] border border-gray-100 dark:border-white/5 shadow-sm transition-all duration-500 group-hover:border-blue-400/40 group-hover:shadow-blue-500/15"></div>
3685
3686                                        <div class="relative p-5 flex flex-col h-full z-10 transition-transform duration-500 group-hover:-translate-y-4">
3687                                            <div class="absolute -top-4 -right-2 z-20">
3688                                                <div class="bg-blue-600 text-white text-[10px] font-black px-4 py-2 rounded-xl shadow-lg shadow-blue-500/30">اخبار جی ال ایکس</div>
3689                                            </div>
3690
3691                                            <div class="relative mb-6 overflow-hidden rounded-[2rem] h-48 shadow-lg">
3692                                                <img src="/Images/Articles/18286.jpg" alt="تعطیلی کارخانه به مناسبت رحلت پیامبر و شهادت امام رضا (ع)" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" title="تعطیلی کارخانه به مناسبت رحلت پیامبر و شهادت امام رضا (ع)" class="w-full h-full object-cover transition-all duration-1000 group-hover:scale-110">
3693                                                <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div>
3694                                            </div>
3695
3696                                            <div class="flex items-center gap-4 mb-4 text-[11px] font-bold text-gray-400">
3697                                                <span class="flex items-center gap-1.5"><i class="far fa-clock text-blue-500"></i> ۵ دقیقه مطالعه</span>
3698                                                <span class="w-1 h-1 bg-gray-300 rounded-full"></span>
3699                                                <span class="tabular-nums">1404/06/01</span>
3700                                            </div>
3701
3702                                            <h3 class="text-[16px] font-black text-gray-800 dark:text-gray-100 mb-6 line-clamp-2 leading-7 h-14 group-hover:text-blue-600 transition-colors">
3703                                                تعطیلی کارخانه به مناسبت رحلت پیامبر و شهادت امام رضا (ع)
3704                                            </h3>
3705
3706                                            <div class="flex items-center justify-between mt-auto pt-5 border-t border-gray-100 dark:border-white/5">
3707                                                <div class="flex items-center gap-1">
3708                                                    <div class="w-8 h-8 rounded-full bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center text-blue-600 font-black text-[10px]">0</div>
3709                                                    <span class="text-[12px] font-bold text-gray-600 pt-1 dark:text-gray-400">نظر</span>
3710                                                </div>
3711                                                <div class="w-10 h-10 bg-primary-500 dark:bg-primary-600 text-white rounded-xl flex items-center justify-center shadow-lg group-hover:scale-110 transition-all">
3712                                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M15 19l-7-7 7-7" /></svg>
3713                                                </div>
3714                                            </div>
3715                                        </div>
3716                                    </div>
3717                                </a>
3718                            </div>
3719<div class="swiper-slide h-auto p-4">
3720                                <a href="/Blog/17277/اطلاعیه-مهم-درباره-ارسال-سفارش‌ها">
3721                                    <div class="group relative h-full pt-10">
3722                                        <div class="absolute inset-0 bg-white/80 dark:bg-[#0a0a0a]/40 backdrop-blur-3xl rounded-[2.8rem] border border-gray-100 dark:border-white/5 shadow-sm transition-all duration-500 group-hover:border-blue-400/40 group-hover:shadow-blue-500/15"></div>
3723
3724                                        <div class="relative p-5 flex flex-col h-full z-10 transition-transform duration-500 group-hover:-translate-y-4">
3725                                            <div class="absolute -top-4 -right-2 z-20">
3726                                                <div class="bg-blue-600 text-white text-[10px] font-black px-4 py-2 rounded-xl shadow-lg shadow-blue-500/30">اخبار جی ال ایکس</div>
3727                                            </div>
3728
3729                                            <div class="relative mb-6 overflow-hidden rounded-[2rem] h-48 shadow-lg">
3730                                                <img src="/Images/Articles/17277.jpg" alt="اطلاعیه مهم درباره ارسال سفارش‌ها" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" title="اطلاعیه مهم درباره ارسال سفارش‌ها" class="w-full h-full object-cover transition-all duration-1000 group-hover:scale-110">
3731                                                <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div>
3732                                            </div>
3733
3734                                            <div class="flex items-center gap-4 mb-4 text-[11px] font-bold text-gray-400">
3735                                                <span class="flex items-center gap-1.5"><i class="far fa-clock text-blue-500"></i> ۵ دقیقه مطالعه</span>
3736                                                <span class="w-1 h-1 bg-gray-300 rounded-full"></span>
3737                                                <span class="tabular-nums">1404/03/27</span>
3738                                            </div>
3739
3740                                            <h3 class="text-[16px] font-black text-gray-800 dark:text-gray-100 mb-6 line-clamp-2 leading-7 h-14 group-hover:text-blue-600 transition-colors">
3741                                                اطلاعیه مهم درباره ارسال سفارش‌ها
3742                                            </h3>
3743
3744                                            <div class="flex items-center justify-between mt-auto pt-5 border-t border-gray-100 dark:border-white/5">
3745                                                <div class="flex items-center gap-1">
3746                                                    <div class="w-8 h-8 rounded-full bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center text-blue-600 font-black text-[10px]">0</div>
3747                                                    <span class="text-[12px] font-bold text-gray-600 pt-1 dark:text-gray-400">نظر</span>
3748                                                </div>
3749                                                <div class="w-10 h-10 bg-primary-500 dark:bg-primary-600 text-white rounded-xl flex items-center justify-center shadow-lg group-hover:scale-110 transition-all">
3750                                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M15 19l-7-7 7-7" /></svg>
3751                                                </div>
3752                                            </div>
3753                                        </div>
3754                                    </div>
3755                                </a>
3756                            </div>
3757<div class="swiper-slide h-auto p-4">
3758                                <a href="/Blog/17273/تعویض-شاهین-2-با-شاهین-4-!!!">
3759                                    <div class="group relative h-full pt-10">
3760                                        <div class="absolute inset-0 bg-white/80 dark:bg-[#0a0a0a]/40 backdrop-blur-3xl rounded-[2.8rem] border border-gray-100 dark:border-white/5 shadow-sm transition-all duration-500 group-hover:border-blue-400/40 group-hover:shadow-blue-500/15"></div>
3761
3762                                        <div class="relative p-5 flex flex-col h-full z-10 transition-transform duration-500 group-hover:-translate-y-4">
3763                                            <div class="absolute -top-4 -right-2 z-20">
3764                                                <div class="bg-blue-600 text-white text-[10px] font-black px-4 py-2 rounded-xl shadow-lg shadow-blue-500/30">محصولات جدید جی ال ایکس</div>
3765                                            </div>
3766
3767                                            <div class="relative mb-6 overflow-hidden rounded-[2rem] h-48 shadow-lg">
3768                                                <img src="/Images/Articles/17273.jpg" alt="تعویض شاهین 2 با شاهین 4 !!!" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" title="تعویض شاهین 2 با شاهین 4 !!!" class="w-full h-full object-cover transition-all duration-1000 group-hover:scale-110">
3769                                                <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div>
3770                                            </div>
3771
3772                                            <div class="flex items-center gap-4 mb-4 text-[11px] font-bold text-gray-400">
3773                                                <span class="flex items-center gap-1.5"><i class="far fa-clock text-blue-500"></i> ۵ دقیقه مطالعه</span>
3774                                                <span class="w-1 h-1 bg-gray-300 rounded-full"></span>
3775                                                <span class="tabular-nums">1404/02/31</span>
3776                                            </div>
3777
3778                                            <h3 class="text-[16px] font-black text-gray-800 dark:text-gray-100 mb-6 line-clamp-2 leading-7 h-14 group-hover:text-blue-600 transition-colors">
3779                                                تعویض شاهین 2 با شاهین 4 !!!
3780                                            </h3>
3781
3782                                            <div class="flex items-center justify-between mt-auto pt-5 border-t border-gray-100 dark:border-white/5">
3783                                                <div class="flex items-center gap-1">
3784                                                    <div class="w-8 h-8 rounded-full bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center text-blue-600 font-black text-[10px]">19</div>
3785                                                    <span class="text-[12px] font-bold text-gray-600 pt-1 dark:text-gray-400">نظر</span>
3786                                                </div>
3787                                                <div class="w-10 h-10 bg-primary-500 dark:bg-primary-600 text-white rounded-xl flex items-center justify-center shadow-lg group-hover:scale-110 transition-all">
3788                                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M15 19l-7-7 7-7" /></svg>
3789                                                </div>
3790                                            </div>
3791                                        </div>
3792                                    </div>
3793                                </a>
3794                            </div>
3795
3796                </div>
3797            </div>
3798
3799            <div class="flex justify-center gap-6 mt-12">
3800                <div class="swiper-nav-prev w-14 h-14 rounded-2xl bg-white/50 dark:bg-white/5 dark:text-white border border-white dark:border-white/10 flex items-center justify-center cursor-pointer hover:bg-blue-600 hover:text-white transition-all shadow-lg group">
3801                    <svg class="w-6 h-6 transition-transform group-hover:scale-110" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M9 5l7 7-7 7" /></svg>
3802                </div>
3803                <div class="swiper-nav-next w-14 h-14 rounded-2xl bg-white/50 dark:bg-white/5 dark:text-white border border-white dark:border-white/10 flex items-center justify-center cursor-pointer hover:bg-blue-600 hover:text-white transition-all shadow-lg group">
3804                    <svg class="w-6 h-6 transition-transform group-hover:scale-110" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M15 19l-7-7 7-7" /></svg>
3805                </div>
3806            </div>
3807        </div>
3808    </section>
3809    <!-- END MAG -->
3810
3811
3812
3813        
3814
3815
3816
3817
3818
3819
3820
3821
3822
3823
3824
3825
3826
3827
3828
3829
3830
3831        
3832
3833
3834        <!-- END CONTENT -->
3835        <!-- SHOP FEATURE -->
3836        <section class="relative overflow-hidden transition-colors duration-500">
3837            <div class="container pt-5">
3838                <div class="grid grid-cols-2 lg:grid-cols-4 gap-12 lg:gap-8">
3839
3840                    <div class="flex flex-col items-center text-center group">
3841                        <div class="relative w-20 h-20 mb-6 flex items-center justify-center">
3842                            <div class="absolute inset-0 bg-blue-500/10 dark:bg-blue-500/20 blur-2xl rounded-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div>
3843                            <div class="relative z-10 w-full h-full bg-white dark:bg-gray-900 rounded-[2rem] border border-gray-100 dark:border-gray-800 shadow-sm transition-all duration-500 group-hover:-translate-y-2 group-hover:border-blue-500/50 group-hover:shadow-xl group-hover:shadow-blue-500/10 flex items-center justify-center">
3844                                <svg class="w-9 h-9 text-gray-700 dark:text-gray-300 group-hover:text-blue-500 transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24">
3845                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13 10V3L4 14h7v7l9-11h-7z" />
3846                                </svg>
3847                            </div>
3848                        </div>
3849                        <h3 class="text-sm font-black text-gray-900 dark:text-white mb-2 transition-colors group-hover:text-blue-600 dar
3849k:group-hover:text-blue-400">تحویل فوری</h3>
3850                        
3851                    </div>
3852
3853                    <div class="flex flex-col items-center text-center group">
3854                        <div class="relative w-20 h-20 mb-6 flex items-center justify-center">
3855                            <div class="absolute inset-0 bg-secondary-500/10 dark:bg-secondary-500/20 blur-2xl rounded-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div>
3856                            <div class="relative z-10 w-full h-full bg-white dark:bg-gray-900 rounded-[2rem] border border-gray-100 dark:border-gray-800 shadow-sm transition-all duration-500 group-hover:-translate-y-2 group-hover:border-secondary-500/50 group-hover:shadow-xl group-hover:shadow-secondary-500/10 flex items-center justify-center">
3857                                <svg class="w-9 h-9 text-gray-700 dark:text-gray-300 group-hover:text-secondary-500 transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24">
3858                                    <path stroke-linecap="round"
3859                                          stroke-linejoin="round"
3860                                          stroke-width="1.5"
3861                                          d="M7 7h.01M3 11l8.586-8.586a2 2 0 012.828 0l6.172 6.172a2 2 0 010 2.828L11 21H3v-8z" />
3862                                </svg>
3863                            </div>
3864                        </div>
3865                        <h3 class="text-sm font-black text-gray-900 dark:text-white mb-2 transition-colors group-hover:text-secondary-600 dark:group-hover:text-secondary-500">تخفیف ویژه</h3>
3866                        
3867                    </div>
3868
3869                    <div class="flex flex-col items-center text-center group">
3870                        <div class="relative w-20 h-20 mb-6 flex items-center justify-center">
3871                            <div class="absolute inset-0 bg-emerald-500/10 dark:bg-emerald-500/20 blur-2xl rounded-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div>
3872                            <div class="relative z-10 w-full h-full bg-white dark:bg-gray-900 rounded-[2rem] border border-gray-100 dark:border-gray-800 shadow-sm transition-all duration-500 group-hover:-translate-y-2 group-hover:border-emerald-500/50 group-hover:shadow-xl group-hover:shadow-emerald-500/10 flex items-center justify-center">
3873                                <svg class="w-9 h-9 text-gray-700 dark:text-gray-300 group-hover:text-emerald-500 transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24">
3874                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" />
3875                                </svg>
3876                            </div>
3877                        </div>
3878                        <h3 class="text-sm font-black text-gray-900 dark:text-white mb-2 transition-colors group-hover:text-emerald-600 dark:group-hover:text-emerald-500">پرداخت امن</h3>
3879                        
3880                    </div>
3881
3882                    <div class="flex flex-col items-center text-center group">
3883                        <div class="relative w-20 h-20 mb-6 flex items-center justify-center">
3884                            <div class="absolute inset-0 bg-indigo-500/10 dark:bg-indigo-500/20 blur-2xl rounded-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div>
3885                            <div class="relative z-10 w-full h-full bg-white dark:bg-gray-900 rounded-[2rem] border border-gray-100 dark:border-gray-800 shadow-sm transition-all duration-500 group-hover:-translate-y-2 group-hover:border-indigo-500/50 group-hover:shadow-xl group-hover:shadow-indigo-500/10 flex items-center justify-center">
3886                                <svg class="w-9 h-9 text-gray-700 dark:text-gray-300 group-hover:text-indigo-500 transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24">
3887                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z" />
3888                                </svg>
3889                            </div>
3890                        </div>
3891                        <h3 class="text-sm font-black text-gray-900 dark:text-white mb-2 transition-colors group-hover:text-indigo-600 dark:group-hover:text-indigo-400">دارای گارانتی</h3>
3892                        
3893                    </div>
3894
3895                </div>
3896            </div>
3897        </section>
3898        <!-- END SHOP FEATURE -->
3899    </main>
3900
3901    <!-- FOOTER -->
3902    <footer class="relative amazing-glass-footer pt-24 pb-6 overflow-hidden transition-colors duration-500">
3903
3904        <div class="container relative z-10">
3905
3906            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-12">
3907                <div class="contact-tile">
3908                    <div class="icon-box bg-blue-500/10 text-blue-600"><svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
3908<path 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" stroke-width="2" /></svg></div>
3909                    <div><h4 class="text-xs font-bold text-gray-400 mb-1">شماره تماس کارخانه</h4><p class="text-sm font-black dark:text-white">09165784523</p> <p class="text-sm font-black dark:text-white">09059605308</p></div>
3910                </div>
3911                <div class="contact-tile">
3912                    <div class="icon-box bg-indigo-500/10 text-indigo-600"><svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" stroke-width="2" /></svg></div>
3913                    <div><h4 class="text-xs font-bold text-gray-400 mb-1">پشتیبانی در روزهای کاری</h4><p class="text-sm font-black dark:text-white">از ساعت ۹ الی ۱۳ و ۱۴ الی ۱۷</p></div>
3914                </div>
3915                <div class="contact-tile">
3916                    <div class="icon-box bg-purple-500/10 text-purple-600"><svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" stroke-width="2" /><path d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" stroke-width="2" /></svg></div>
3917                    <div><h4 class="text-xs font-bold text-gray-400 mb-1">آدرس</h4><p class="text-sm font-black dark:text-white">خرمشهر، شهرک صنعتی، فازیک، شرکت ارتباط همراه گویا اروند</p></div>
3918                </div>
3919                <div class="contact-tile">
3920                    <div class="icon-box bg-emerald-500/10 text-emerald-600"><svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path 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" stroke-width="2" /></svg></div>
3921                    <div><h4 class="text-xs font-bold text-gray-400 mb-1">ایمیل</h4><p class="text-sm font-black dark:text-white">[email protected]</p></div>
3922                </div>
3923            </div>
3924
3925            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-5 gap-12 mb-12">
3926
3927                <div class="xl:col-span-2 space-y-8">
3928                    <div class="flex items-center gap-4">
3929
3930                        <a href="/" class="flex items-center gap-2 group">
3931                            <img src="/Content/BaseTemplate/images/glx-logo.svg" class="w-30" alt="">
3932                        </a>
3933
3934                        
3935                    </div>
3936                    <p class="text-sm text-gray-500 dark:text-gray-400 leading-8 text-justify font-medium max-w-md">
3937                        شرکت ارتباط همراه گویا اروند طراح و تولید کننده گوشی‌های کلاسیک، هوشمند و تبلت با برند جی ال ایکس (GLX) به عنوان اولین شرکت تولید کننده تلفن همراه ایرانی از سال ۱۳۸۶ کار خود را به صورت رسمی در شهر خرمشهر و در منطقه آزاد اروند با تولید گوشی‌های ساده و کلاسیک آغاز نمود.
3938                    </p>
3939                    <div class="flex gap-4">
3940                        <a href="https://instagram.com/glxphones" class=" w-12 h-12 rounded-2xl bg-black/5 dark:bg-white/5 border border-black/5 dark:border-white/10 flex items-center justify-center text-gray-500 dark:text-gray-400 hover:bg-blue-600 hover:text-white hover:scale-110 transition-all duration-500"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><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 
39400-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"></path></svg></a>
3941                        
3942
3943
3944                        <a href="https://eitaa.com/glxmobilephones" class=" w-12 h-12 rounded-2xl bg-black/5 dark:bg-white/5 border border-black/5 dark:border-white/10 flex items-center justify-center text-gray-500 dark:text-gray-400 hover:bg-blue-600 hover:text-white hover:scale-110 transition-all duration-500"> <img data-src="~/Content/BasicTemplate/images/eita-gray.png" width="25" src="/Content/BasicTemplate/images/eita-gray.png"> </a>
3945                        <a href="https://ble.ir/glxmobilephones" class=" w-12 h-12 rounded-2xl bg-black/5 dark:bg-white/5 border border-black/5 dark:border-white/10 flex items-center justify-center text-gray-500 dark:text-gray-400 hover:bg-blue-600 hover:text-white hover:scale-110 transition-all duration-500" aria-label="بله جی‌ال‌ایکس" title="بله جی‌ال‌ایکس"><span class="text-xs font-bold">بله</span></a>
3946
3947
3948
3949
3950                        <a href="mailto:[email protected]" class=" w-12 h-12 rounded-2xl bg-black/5 dark:bg-white/5 border border-black/5 dark:border-white/10 flex items-center justify-center text-gray-500 dark:text-gray-400 hover:bg-blue-600 hover:text-white hover:scale-110 transition-all duration-500"><svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path 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" stroke-width="2"></path></svg></a>
3951
3952
3953                        
3954
3955
3956                    </div>
3957                </div>
3958
3959                <div class="space-y-8">
3960                    <h3 class="footer-title">دسترسی سریع</h3>
3961                    <ul class="space-y-5">
3962                        <li><a href="/Home/Poll" class="footer-link">نظرسنجی</a></li>
3963                        <li><a href="/Pages/Service" class="footer-link">خدمات پس از فروش</a></li>
3964                        <li><a href="/Representation" class="footer-link">نمایندگی‌ها</a></li>
3965
3966                        <li><a href="https://dlglx.ir" class="footer-link">خدمات آنلاین</a></li>
3967
3968                        <li><a href="/Blog?page=1/" class="footer-link">اخبار و رویدادها</a></li>
3969                        <li><a href="/Req/Create/پرسش-از-جی-ال-ایکس" class="footer-link">تماس با ما</a></li>
3970                    </ul>
3971                </div>
3972
3973                <div class="space-y-8">
3974                    <h3 class="footer-title">راهنمای خرید</h3>
3975                    <ul class="space-y-5">
3976                        <li><a href="/Orders" class="footer-link">پیگیری سفارش</a></li>
3977                        <li><a href="/pages/Warranty" class="footer-link">شرایط گارانتی</a></li>
3978                        <li><a href="/FAQs" class="footer-link">سوالات متداول</a></li>
3979                        <li><a href="/Seller" class="footer-link">کارشناسان فروش</a></li>
3980
3981                    </ul>
3982                </div>
3983
3984                <div class="flex flex-col gap-6 items-center lg:items-end">
3985                    <h3 class="footer-title">مجوزهای قانونی</h3>
3986                    <div class="flex gap-4">
3987                        <div class="w-28 h-36 bg-white/30 dark:bg-white/[0.02] backdrop-blur-xl rounded-2xl border border-gray-200 dark:border-white/10 flex flex-col items-center justify-center p-4 transition-all duration-500 hover:shadow-2xl hover:border-blue-500/30 group">
3988                            <div class="w-14 h-14 bg-gray-100 dark:bg-white/5 rounded-lg mb-4 flex items-center justify-center transition-all duration-500">
3989
3990                                <a target="_blank" rel="origin" href="https://trustseal.enamad.ir/?id=21224&C
3990ode=FVhROHnAdj1mqEJLTdKu"><img src="https://trustseal.enamad.ir/logo.aspx?id=21224&Code=FVhROHnAdj1mqEJLTdKu" id="FVhROHnAdj1mqEJLTdKu" class="loaded" data-was-processed="true"></a>
3991
3992                                
3993                            </div>
3994                            <span class="text-[9px] font-black text-gray-400 dark:text-gray-500 uppercase tracking-[0.2em]">Enamad</span>
3995                        </div>
3996                        
3997                    </div>
3998                </div>
3999            </div>
4000
4001            <div class="pt-5 border-t border-black/5 dark:border-white/5 flex flex-col md:flex-row justify-between items-center gap-8">
4002                <div class="flex items-center gap-4">
4003                    <p class="text-[11px] text-gray-500 font-bold">© ۲۰۲۶ طراحی و توسعه وب  <span class="text-gray-900 dark:text-white font-black">نگاه نوین</span></p>
4004                </div>
4005                <div class="flex flex-wrap justify-center gap-8">
4006
4007                    <p class="text-[11px] text-gray-500 font-bold">© کلیه حقوق برای شرکت <span class="text-gray-900 dark:text-white font-black pl-1 pr-1">ارتباط همراه گویا اروند (جی ال ایکس)</span> محفوظ است  </p>
4008
4009
4010                    
4011                </div>
4012            </div>
4013        </div>
4014    </footer>
4015    <!-- END FOOTER -->
4016    <!-- NAV MOBILE -->
4017    <div class="fixed bottom-6 left-1/2 -translate-x-1/2 w-[92%] max-w-[400px] z-[100] md:hidden hidden">
4018
4019        <div class="relative bg-white/70 dark:bg-black/60 backdrop-blur-2xl border border-white/40 dark:border-white/10 rounded-[2.5rem] shadow-[0_20px_50px_rgba(0,0,0,0.3)] px-2 py-3">
4020
4021            <ul class="flex items-center justify-around relative">
4022
4023                <li class="relative">
4024                    <a href="#" class="flex flex-col items-center gap-1 group relative px-4 py-1">
4025                        <div class="absolute -top-3 left-1/2 -translate-x-1/2 w-8 h-1 bg-blue-600 rounded-full shadow-[0_0_15px_rgba(37,99,235,0.8)]"></div>
4026
4027                        <svg class="w-6 h-6 text-blue-600 dark:text-blue-400 transition-transform group-active:scale-90" fill="currentColor" viewBox="0 0 24 24">
4028                            <path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" />
4029                        </svg>
4030                        <span class="text-[10px] font-black text-blue-600 dark:text-blue-400">خانه</span>
4031                    </a>
4032                </li>
4033
4034                <li>
4035                    <a href="#" class="flex flex-col items-center gap-1 group px-4 py-1 text-gray-400 dark:text-gray-500">
4036                        <svg class="w-6 h-6 transition-transform group-active:scale-90" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
4037                            <path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16m-7 6h7" />
4038                        </svg>
4039                        <span class="text-[10px] font-black">دسته‌ها</span>
4040                    </a>
4041                </li>
4042
4043                <li class="-mt-12">
4044                    <a href="#" class="relative flex items-center justify-center w-16 h-16 bg-blue-600 rounded-[1.8rem] text-white shadow-[0_10px_25px_rgba(37,99,235,0.5)] border-4 border-[#fafbfc] dark:border-[#050505] group transition-transform hover:scale-110 active:scale-95">
4045                        <svg class="w-7 h-7" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24">
4046                            <path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z" />
4047                        </svg>
4048                        <span class="absolute -top-1 -right-1 bg-red-500 text-[9px] font-black w-5 h-5 rounded-full flex items-center justify-center border-2 border-blue-600">Û³</span>
4049                    </a>
4050                </li>
4051
4052                <li>
4053                    <a href="#" class="flex flex-col items-center gap-1 group px-4 py-1 text-gray-400 dark:text-gray-500">
4054                        <svg class="w-6 h-6 transition-transform group-active:scale-90" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
4055                            <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" />
4056                        </svg>
4057                        <span class="text-[10px] font-black">علاقه‌مندی</span>
4058                    </a>
4059                </li>
4060
4061                <li>
4062                    <a href="#" class="flex flex-col items-center gap-1 group px-4 py-1 text-gray-400 dark:text-gray-500">
4063                        <svg class="w-6 h-6 transition-transform group-active:scale-90" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
4064                            <path stroke-linecap="round" stroke-linejoin="round" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" />
4065                        </svg>
4066                        <span class="text-[10px] font-black">پروفایل</span>
4067                    </a>
4068                </li>
4069
4070            </ul>
4071        </div>
4072    </div>
4073    <!-- END NAV MOBILE -->
4074    <!-- SEARCH MODAL -->
4075    <div id="search-modal" class="fixed inset-0 z-[2000] invisible opacity-0 transition-all duration-300 md:hidden flex flex-col">
4076        <div class="absolute inset-0 bg-gray-900/60 dark:bg-black/90 backdrop-blur-2xl"></div>
4077
4078        <div class="relative flex-1 flex flex-col bg-white/10 dark:bg-black/20 overflow-hidden">
4079
4080            <div class="flex items-center justify-between p-5 border-b border-white/10">
4081                <span class="text-xl font-black text-gray-800 dark:text-white">جستجو در <span class="text-primary-500">محصولات</span></span>
4082                <button id="close-search-modal" class="p-2 bg-white/10 rounded-full text-gray-500 dark:text-gray-400">
4083                    <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /></svg>
4084                </button>
4085            </div>
4086
4087            <div class="p-5">
4088                <div class="relative w-full">
4089                    <input type="text" id="modal-search-input" maxlength="100" autocomplete="off" aria-label="جستجوی محصولات"
4090                           class="w-full bg-white dark:bg-white/5 border border-gray-200 dark:border-white/10 rounded-2xl py-4 pr-12 pl-4 text-sm font-bold dark:text-white outline-none focus:ring-2 ring-primary-500 transition-all shadow-xl"
4091                           placeholder="جستجو...">
4092                    <div class="absolute inset-y-0 right-4 flex items-center text-primary-500">
4093                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" stroke-width="2.5" /></svg>
4094                    </div>
4095                </div>
4096            </div>
4097
4098            <div id="mobile-search-panel" class="glx-search-panel" hidden>
4099                <div id="mobile-search-options" role="listbox" aria-label="پیشنهادهای جستجو"></div>
4100                <div class="glx-search-status" role="status" aria-live="polite"></div>
4101            </div>
4102            
4103
4104        </div>
4105    </div>
4106    <!-- END SEARCH MODAL -->
4107    <!--QUICK MODAL-->
4108    <div id="quick-view-modal" class="fixed inset-0 bg-blue-900/20 dark:bg-black/70 backdrop-blur-md flex items-center justify-center z-[999] opacity-0 pointer-events-none transition-all duration-500">
4109
4110        <div class="bg-white/80 dark:bg-gray-900/85 backdrop-blur-2xl rounded-[3.5rem] p-6 md:p-10 w-11/12 lg:w-3/4 max-w-5xl max-h-[92vh] overflow-y-auto transform scale-95 opacity-0 transition-all duration-500 relative border border-white dark:border-gray-700/50 shadow-2xl" dir="rtl">
4111
4112            <button class="close-modal-btn absolute top-6 left-6 p-3 bg-white/50 dark:bg-gray-800/50 text-gray-500 dark:text-gray-400 rounded-2xl hover:bg-red-500 hover:text-white transition-all z-10">
4113                <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M6 18L18 6M6 6l12 12" /></svg>
4114            </button>
4115
4116            <div class="grid grid-cols-1 lg:grid-cols-2 gap-10">
4117
4118                <div class="flex flex-col gap-6">
4119
4120                    <!-- Gallery -->
4121
4122                    <div class="relative group">
4123                        <div class="swiper mainGallerySwiper rounded-[2.5rem] overflow-hidden border border-gray-100 dark:border-gray-800 shadow-inner bg-gray-50 dark:bg-gray-800/20">
4124                            <div class="swiper-wrapper">
4125                                <div class="swiper-slide">
4126                                    <div class="swiper-zoom-container">
4127                                        <img src="assets/images/product/mobile-1.png" class="w-full object-cover" alt="" />
4128                                    </div>
4129                                </div>
4130                                <div class="swiper-slide">
4131                                    <div class="swiper-zoom-container">
4132                                        <img src="assets/images/product/mobile-2.png" class="w-full object-cover" alt="" />
4133                                    </div>
4134                                </div>
4135                                <div class="swiper-slide">
4136                                    <div class="swiper-zoom-container">
4137                                        <img src="assets/images/product/mobile-3.png" class="w-full object-cover" alt="" />
4138                                    </div>
4139                                </div>
4140                                <div class="swiper-slide">
4141                                    <div class="swiper-zoom-container">
4142                                        <img src="assets/images/product/mobile-4.png" class="w-full object-cover" alt="" />
4143                                    </div>
4144                                </div>
4145                                <div class="swiper-slide">
4146                                    <div class="swiper-zoom-container">
4147                                        <img src="assets/images/product/mobile-5.png" class="w-full object-cover" alt="" />
4148                                    </div>
4149                                </div>
4150                            </div>
4151                            <div class="custom-next absolute top-1/2 -translate-y-1/2 left-4 z-20 w-12 h-12 flex items-center justify-center bg-white/40 dark:bg-gray-900/40 backdrop-blur-xl border border-white/50 dark:border-white/10 rounded-2xl text-gray-800 dark:text-white cursor-pointer opacity-0 group-hover:opacity-100 -translate-x-4 group-hover:translate-x-0 transition-all duration-500 hover:bg-primary-600 hover:text-white hover:shadow-xl hover:shadow-
4151primary-500/30">
4152                                <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M15 19l-7-7 7-7" /></svg>
4153                            </div>
4154
4155                            <div class="custom-prev absolute top-1/2 -translate-y-1/2 right-4 z-20 w-12 h-12 flex items-center justify-center bg-white/40 dark:bg-gray-900/40 backdrop-blur-xl border border-white/50 dark:border-white/10 rounded-2xl text-gray-800 dark:text-white cursor-pointer opacity-0 group-hover:opacity-100 translate-x-4 group-hover:translate-x-0 transition-all duration-500 hover:bg-primary-600 hover:text-white hover:shadow-xl hover:shadow-primary-500/30">
4156                                <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M9 5l7 7-7 7" /></svg>
4157                            </div>
4158                        </div>
4159
4160                        <div class="swiper thumbSwiper mt-4 px-1">
4161                            <div class="swiper-wrapper">
4162                                <div class="swiper-slide cursor-pointer opacity-40 transition-all duration-300">
4163                                    <img src="assets/images/product/mobile-1.png" class="rounded-2xl border-2 border-transparent object-cover w-full aspect-square" alt="" />
4164                                </div>
4165                                <div class="swiper-slide cursor-pointer opacity-40 transition-all duration-300">
4166                                    <img src="assets/images/product/mobile-2.png" class="rounded-2xl border-2 border-transparent object-cover w-full aspect-square" alt="" />
4167                                </div>
4168                                <div class="swiper-slide cursor-pointer opacity-40 transition-all duration-300">
4169                                    <img src="assets/images/product/mobile-3.png" class="rounded-2xl border-2 border-transparent object-cover w-full aspect-square" alt="" />
4170                                </div>
4171                                <div class="swiper-slide cursor-pointer opacity-40 transition-all duration-300">
4172                                    <img src="assets/images/product/mobile-4.png" class="rounded-2xl border-2 border-transparent object-cover w-full aspect-square" alt="" />
4173                                </div>
4174                                <div class="swiper-slide cursor-pointer opacity-40 transition-all duration-300">
4175                                    <img src="assets/images/product/mobile-5.png" class="rounded-2xl border-2 border-transparent object-cover w-full aspect-square" alt="" />
4176                                </div>
4177                            </div>
4178                        </div>
4179
4180                    </div>
4181
4182
4183                    <div class="grid grid-cols-3 gap-3 mt-2">
4184                        <div class="bg-blue-50/50 dark:bg-blue-900/10 p-4 rounded-[1.5rem] text-center border border-blue-100/50 dark:border-blue-500/10">
4185                            <span class="block text-[10px] text-blue-500 dark:text-blue-400 font-black mb-1">پردازنده</span>
4186                            <span class="text-xs font-bold text-gray-700 dark:text-gray-200 uppercase">Core i9</span>
4187                        </div>
4188                        <div class="bg-blue-50/50 dark:bg-blue-900/10 p-4 rounded-[1.5rem] text-center border border-blue-100/50 dark:border-blue-500/10">
4189                            <span class="block text-[10px] text-blue-500 dark:text-blue-400 font-black mb-1">رم</span>
4190                            <span class="text-xs font-bold text-gray-700 dark:text-gray-200 uppercase">32GB DDR5</span>
4191                        </div>
4192                        <div class="bg-blue-50/50 dark:bg-blue-900/10 p-4 rounded-[1.5rem] text-center border border-blue-100/50 dark:border-blue-500/10">
4193                            <span class="block text-[10px] text-blue-500 dark:text-blue-400 font-black mb-1">حافظه</span>
4194                            <span class="text-xs font-bold text-gray-700 dark:text-gray-200 uppercase">1TB SSD</span>
4195                        </div>
4196
4197                    </div>
4198                </div>
4199
4200                <div class="flex flex-col">
4201                    <div class="mb-6">
4202                        <h3 class="text-3xl font-black text-gray-900 dark:text-white mb-3 leading-tight tracking-tight">لپ‌تاپ ۱۶ اینچی ایسوس مدل ROG Zephyrus M16</h3>
4203                        <div class="flex items-center gap-4 text-xs">
4204                            <span class="text-gray-400">شناسه کالا: <span class="text-blue-600 font-bold">DKP-88231</span></span>
4205                            <div class="flex items-center gap-1 text-secondary-500 bg-secondary-500/10 px-3 py-1 rounded-full font-black">
4206                                <svg class="w-4 h-4 fill-current" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" /></svg>
4207                                <span>Û´.Û¸</span>
4208                            </div>
4209                        </div>
4210                    </div>
4211
4212                    <div class="mb-6 p-1 rounded-3xl bg-gray-50/50 dark:bg-gray-800/40 border border-white/50 dark:border-gray-700/50">
4213                        <select class="w-full bg-transparent border-none rounded-2xl text-sm p-4 outline-none text-gray-700 dark:text-gray-200 font-bold cursor-pointer">
4214                            <option>۱۸ ماه گارانتی اصلی یکتا سرویس (رایگان)</option>
4215                            <option>۲۴ ماه گارانتی طلایی پارس (۱,۲۰۰,۰۰۰ تومان)</option>
4216                        </select>
4217                    </div>
4218
4219                    <div class="mb-8">
4220                        <span class="text-sm font-black text-gray-800 dark:text-gray-200 block mb-4">انتخاب رنگ:</span>
4221                        <div class="flex gap-3">
4222                            <button class="color-option active w-10 h-10 rounded-2xl flex items-center justify-center border-2 border-transparent transition-all bg-black shadow-xl ring-4 ring-blue-500/20 group" data-color="مشکی">
4223                                <svg class="w-5 h-5 text-white opacity-0 group-[.active]:opacity-100 transition-opacity" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M5 13l4 4L19 7"></path></svg>
4224                            </button>
4225                            <button class="color-option w-10 h-10 rounded-2xl flex items-center justify-center border-2 border-transparent transition-all bg-gray-400 group opacity-50" data-color="طوسی">
4226                                <svg class="w-5 h-5 text-white opacity-0 group-[.active]:opacity-100 transition-opacity" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M5 13l4 4L19 7"></path></svg>
4227                            </button>
4228                        </div>
4229                    </div>
4230
4231                    <div class="mb-8">
4232                        <div class="flex justify-between text-[10px] mb-2 font-bold">
4233                            <span class="text-red-500">فقط ۳ عدد در انبار باقیست!</span>
4234                            <span class="text-gray-400 tracking-tighter">۸۰٪ فروخته شده</span>
4235                        </div>
4236                        <div class="w-full h-2 bg-gray-100 dark:bg-gray-800/60 rounded-full overflow-hidden border border-white dark:border-gray-700/30">
4237                            <div class="w-[80%] h-full bg-gradient-to-l from-red-500 to-rose-400 rounded-full"></div>
4238                        </div>
4239                    </div>
4240
4241                    <div class="mt-auto p-6 lg:p-8 rounded-[2.5rem] bg-blue-50/30 dark:bg-blue-500/5 border border-blue-200/50 dark:border-blue-500/20 relative overflow-hidden backdrop-blur-sm">
4242
4243                        <div class="flex justify-between items-center relative z-10">
4244                            <div class="flex flex-col">
4245                                <span class="text-gray-400 dark:text-gray-500 line-through text-xs font-bold mb-1">Û´Ûµ,Û°Û°Û°,Û°Û°Û°</span>
4246                                <div class="flex items-center gap-2">
4247                                    <span class="text-4xl font-black text-blue-600 dark:text-blue-400 tracking-tight">Û³Û¸,ÛµÛ°Û°,Û°Û°Û°</span>
4248                                    <span class="text-[10px] font-bold text-gray-500 dark:text-gray-400">تومان</span>
4249                                </div>
4250                            </div>
4251
4252                            <div class="flex items-center bg-white dark:bg-gray-800/80 rounded-2xl p-1 shadow-sm border border-gray-100 dark:border-gray-700">
4253                                <button onclick="changeQty(1)" class="w-9 h-9 flex items-center justify-center text-blue-600 dark:text-blue-400 hover:bg-blue-50 dark:hover:bg-blue-900/30 rounded-xl transition-all font-black text-xl">+</button>
4254                                <input type="number" id="modalQty" value="1" readonly class="w-10 bg-transparent text-center font-black text-gray-800 dark:text-white outline-none border-none text-sm" />
4255                                <button onclick="changeQty(-1)" class="w-9 h-9 flex items-center justify-center text-gray-400 hover:bg-red-50 dark:hover:bg-red-900/20 rounded-xl transition-all font-black text-xl">-</button>
4256                            </div>
4257                        </div>
4258
4259                        <button class="w-full mt-6 bg-blue-600 hover:bg-blue-700 text-white font-black py-5 rounded-[1.8rem] shadow-xl shadow-blue-500/20 transition-all flex items-center justify-center gap-3 active:scale-95 group">
4260                            <svg class="w-6 h-6 group-hover:animate-bounce" fill="none" stroke="currentColor" viewBox="0 0 24 24">
4261                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z" />
4262                            </svg>
4263                            افزودن به سبد خرید
4264                        </button>
4265                    </div>
4266                </div>
4267            </div>
4268        </div>
4269    </div>
4270    <!--END QUICK MODAL-->
4271    <!--LOGIN MODAL-->
4272    <div id="login-modal" class="fixed inset-0 bg-gray-900/60 dark:bg-black/90 flex items-center justify-center z-[1000] opacity-0 pointer-events-none transition-all duration-500 backdrop-blur-md p-4" dir="rtl">
4273
4274        <div class="relative w-[92%] max-w-[430px] transform scale-95 translate-y-10 transition-all duration-500 my-auto h-fit">
4275
4276            <div class="absolute -inset-4 bg-blue-500/20 blur-[50px] rounded-[4rem] -z-10"></div>
4277
4278            <div class="relative bg-white/80 dark:bg-gray-950/85 backdrop-blur-3xl rounded-[3.5rem] border border-white dark:border-white/10 shadow-[0_32px_64px_-15px_rgba(0,0,0,0.2)] overflow-y-auto max-h-[92vh] scroll-smooth scrollbar-hide">
4279
4280                <button onclick="closeLoginModal()" class="close-login absolute top-6 left-6 w-11 h-11 flex items-center justify-center rounded-2xl bg-white/50 dark:bg-white/5 text-gray-400 hover:text-blue-600 hover:scale-110 transition-all border border-white/80 dark:border-white/5 shadow-sm z-50">
4281                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M6 18L18 6M6 6l12 12" /></svg>
4282                </button>
4283
4284                <div class="p-8 lg:p-12">
4285                    <div id="auth-steps">
4286
4287                        <div id="step-1" class="auth-step transition-all duration-300">
4288                            <div class="text-center mb-10">
4289                                <div class="relative w-20 h-20 lg:w-24 lg:h-24 mx-auto mb-8">
4290                                    <div class="absolute inset-0 bg-blue-500/20 rounded-[2.5rem] rotate-12 animate-pulse"></div>
4291                                    <div class="relative w-full h-full bg-gradient-to-br from-white to-gray-50 dark:from-gray-800 dark:to-gray-900 rounded-[2.5rem] flex items-center justify-center text-blue-600 shadow-2xl border border-white dark:border-gray-700">
4292                                        <svg class="w-10 h-10" fill="none" stroke="currentColor" viewBox="0 0 24 24">
4292<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" /></svg>
4293                                    </div>
4294                                </div>
4295                                <h3 class="text-2xl lg:text-3xl font-black text-gray-900 dark:text-white tracking-tight">خوش آمدید</h3>
4296                                <div class="flex items-center justify-center gap-2 mt-3">
4297                                    <span class="w-2 h-2 bg-blue-500 rounded-full animate-ping"></span>
4298                                    <p class="text-sm text-gray-500 dark:text-gray-400 font-bold">ورود یا ثبت‌نام در سایت</p>
4299                                </div>
4300                            </div>
4301
4302                            <div class="space-y-6">
4303                                <div class="space-y-2 text-right">
4304                                    <label class="text-[12px] font-black text-gray-400 dark:text-gray-500 mr-2 uppercase">شماره موبایل</label>
4305                                    <div class="relative group">
4306                                        <div class="absolute inset-y-0 right-5 flex items-center pointer-events-none text-gray-400 group-focus-within:text-blue-500 transition-colors">
4307                                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z" /></svg>
4308                                        </div>
4309                                        <input type="tel" id="phoneInput" dir="ltr" maxlength="11" placeholder="09123456789"
4310                                               class="w-full bg-gray-100/50 dark:bg-white/5 border-2 border-transparent focus:border-blue-500/30 focus:bg-white dark:focus:bg-gray-900 rounded-[2rem] p-5 pr-14 outline-none font-black text-xl sm:text-2xl tracking-[0.1em] text-gray-900 dark:text-white transition-all shadow-inner">
4311                                    </div>
4312                                </div>
4313
4314                                <button onclick="goToStep(2)" class="group relative w-full bg-blue-600 hover:bg-blue-700 text-white font-black py-5 rounded-[2rem] transition-all active:scale-[0.97] overflow-hidden shadow-xl shadow-blue-500/25">
4315                                    <div class="absolute inset-0 bg-gradient-to-r from-transparent via-white/10 to-transparent -translate-x-full group-hover:animate-[shimmer_1.5s_infinite]"></div>
4316                                    <span class="relative flex items-center justify-center gap-3 text-lg">تایید و دریافت کد</span>
4317                                </button>
4318
4319                                <div class="relative flex items-center justify-center py-2">
4320                                    <div class="flex-grow border-t border-gray-200 dark:border-white/10"></div>
4321                                    <span class="relative z-10 px-4 text-[11px] font-black text-gray-400 bg-transparent uppercase">یا از طریق</span>
4322                                    <div class="flex-grow border-t border-gray-200 dark:border-white/10"></div>
4323                                </div>
4324
4325                                <button class="w-full bg-white dark:bg-white/5 border border-gray-100 dark:border-white/10 text-gray-700 dark:text-gray-200 py-4 rounded-3xl flex items-center justify-center gap-3 hover:bg-gray-50 dark:hover:bg-gray-800 transition-all font-bold shadow-sm">
4326                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#F44336" d="M7.209 1.061c.725-.081 1.154-.081 1.933 0a6.57 6.57 0 0 1 3.65 1.82a100 100 0 0 0-1.986 1.93q-1.876-1.59-4.188-.734q-1.696.78-2.362 2.528a78 78 0 0 1-2.148-1.658a.26.26 0 0 0-.16-.027q1.683-3.245 5.26-3.86" opacity=".987"></path><path fill="#FFC107" d="M1.946 4.92q.085-.013.161.027a78 78 0 0 0 2.148 1.658A7.6 7.6 0 0 0 4.04 7.99q.037.678.215 1.331L2 11.116Q.527 8.038 1.946 4.92" opacity=".997"></path><path fill="#448AFF" d="M12.685 13.29a26 26 0 0 0-2.202-1.74q1.15-.812 1.396-2.228H8.122V6.713q3.25-.027 6.497.055q.616 3.345-1.423 6.032a7 7 0 0 1-.51.49" opacity=".999"></path><path fill="#43A047" d="M4.255 9.322q1.23 3.057 4.51 2.854a3.94 3.94 0 0 0 1.718-.626q1.148.812 2.202 1.74a6.62 6.62 0 0 1-4.027 1.684a6.4 6.4 0 0 1-1.02 0Q3.82 14.524 2 11.116z" opacity=".993"></path></g></svg>
4327                                    <span>ادامه با حساب گوگل</span>
4328                                </button>
4329                            </div>
4330                        </div>
4331
4332                        <div id="step-2" class="auth-step hidden opacity-0 scale-95 transition-all duration-300">
4333                            <div class="text-center mb-10">
4334                                <div class="relative w-16 h-16 lg:w-20 lg:h-20 mx-auto mb-6">
4335                                    <div class="absolute inset-0 bg-secondary-500/20 rounded-[2rem] rotate-12 animate-pulse"></div>
4336                                    <div class="relative w-full h-full bg-white dark:bg-gray-800 rounded-[2rem] flex items-center justify-center text-secondary-500 border border-secondary-100 dark:border-gray-700 shadow-xl">
4337                                        <svg class="w-9 h-9" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" /></svg>
4338                                    </div>
4339                                </div>
4340                                <h3 class="text-2xl font-black text-gray-900 dark:text-white">تایید شماره</h3>
4341                                <p class="text-sm text-gray-500 dark:text-gray-400 mt-3 font-bold">کد ۵ رقمی به شماره <span class="text-blue-600 dark:text-blue-400" dir="ltr" id="displayPhone">0912***45</span> ارسال شد</p>
4342                            </div>
4343
4344                            <div class="space-y-8">
4345                                <div id="otp-container" class="flex flex-row justify-center gap-2 lg:gap-3" dir="ltr">
4346                                    <input type="text" inputmode="numeric" maxlength="1" class="otp-field w-11 lg:w-12 h-16 bg-gray-100/50 dark:bg-white/5 border-2 border-transparent focus:border-blue-500/40 focus:bg-white dark:focus:bg-gray-900 rounded-2xl text-center font-black text-2xl outline-none text-gray-900 dark:text-white transition-all shadow-inner">
4347                                    <input type="text" inputmode="numeric" maxlength="1" class="otp-field w-11 lg:w-12 h-16 bg-gray-100/50 dark:bg-white/5 border-2 border-transparent focus:border-blue-500/40 focus:bg-white dark:focus:bg-gray-900 rounded-2xl text-center font-black text-2xl outline-none text-gray-900 dark:text-white transition-all shadow-inner">
4348                                    <input type="text" inputmode="numeric" maxlength="1" class="otp-field w-11 lg:w-12 h-16 bg-gray-100/50 dark:bg-white/5 border-2 border-transparent focus:border-blue-500/40 focus:bg-white dark:focus:bg-gray-900 rounded-2xl text-center font-black text-2xl outline-none text-gray-900 dark:text-white transition-all shadow-inner">
4349                                    <input type="text" inputmode="numeric" maxlength="1" class="otp-field w-11 lg:w-12 h-16 bg-gray-100/50 dark:bg-white/5 border-2 border-transparent focus:border-blue-500/40 focus:bg-white dark:focus:bg-gray-900 rounded-2xl text-center font-black text-2xl outline-none text-gray-900 dark:text-white transition-all shadow-inner">
4350                                    <input type="text" inputmode="numeric" maxlength="1" class="otp-field w-11 lg:w-12 h-16 bg-gray-100/50 dark:bg-white/5 border-2 border-transparent focus:border-blue-500/40 focus:bg-white dark:focus:bg-gray-900 rounded-2xl text-center font-black text-2xl outline-none text-gray-900 dark:text-white transition-all shadow-inner">
4351                                </div>
4352
4353                                <div class="space-y-4">
4354                                    <button class="group relative w-full bg-blue-600 hover:bg-blue-700 text-white font-black py-5 rounded-[2rem] transition-all active:scale-[0.97] overflow-hidden shadow-xl shadow-blue-500/25">
4355                                        <div class="absolute inset-0 bg-gradient-to-r from-transparent via-white/10 to-transparent -translate-x-full group-hover:animate-[shimmer_1.5s_infinite]"></div>
4356                                        <span class="relative text-lg">ورود به حساب کاربری</span>
4357                                    </button>
4358                                    <div class="flex flex-col items-center gap-4 pt-2">
4359                                        <button id="resend-btn" disabled class="text-xs font-black text-gray-400 transition-colors flex items-center gap-2">
4360                                            <span id="timer-text">ارسال مجدد کد (۵۹ ثانیه)</span>
4361                                        </button>
4362                                        <button onclick="goToStep(1)" class="text-xs font-black text-gray-400 hover:text-red-500 transition-colors">اصلاح شماره موبایل</button>
4363                                    </div>
4364                                </div>
4365                            </div>
4366                        </div>
4367
4368                    </div>
4369
4370                    <div class="mt-10 text-center">
4371                        <p class="text-[11px] text-gray-400 font-bold">با ورود به سایت، تمامی <a href="#" class="text-blue-500 font-black border-b border-blue-500/20 pb-0.5">شرایط و قوانین</a> جی‌ال‌ایکس را می‌پذیرم.</p>
4372                    </div>
4373                </div>
4374            </div>
4375        </div>
4376    </div>
4377    <!--END LOGIN MODAL-->
4378    <!--CART DRAWER-->
4379    
4380<div id="cart-drawer" class="fixed inset-0 z-[1100] pointer-events-none">
4381    <div class="absolute inset-0 bg-black/60 dark:bg-black/80 opacity-0 transition-opacity duration-500 backdrop-blur-sm drawer-overlay cursor-pointer"></div>
4382
4383    <div class="absolute left-0 top-0 h-full w-full max-w-[420px] bg-white/70 dark:bg-gray-950/80 backdrop-blur-2xl shadow-2xl transform -translate-x-full transition-transform duration-500 pointer-events-auto flex flex-col border-r border-white/20 dark:border-white/5">
4384
4385        <div class="p-6 border-b border-gray-200/50 dark:border-white/5 flex justify-between items-center bg-white/30 dark:bg-white/5">
4386            <h3 class="font-black text-lg dark:text-white flex items-center gap-2">
4387                <svg class="w-6 h-6 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z" /></svg>
4388                سبد خرید <span id="cart-header-count" class="text-xs font-normal text-gray-400 dark:text-gray-500">(۰ کالا)</span>
4389            </h3>
4390            <button type="button" aria-label="بستن سبد خرید" class="close-cart p-2 hover:bg-red-500/10 hover:text-red-500 rounded-xl transition-all dark:text-white">
4391                <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /></svg>
4392            </button>
4393        </div>
4394
4395
4396        <div id="cart-items-container" class="flex-1 overflow-y-auto p-5 flex flex-col" dir="rtl">
4397
4398            <div id="empty-cart-msg" class="hidden flex-1 flex-col items-center justify-center text-center animate-fadeIn">
4399                <div class="w-24 h-24 bg-gray-100/50 dark:bg-white/5 rounded-full flex items-center justify-center mb-6 border border-dashed border-gray-300 dark:border-white/10 shadow-inner">
4400                    <svg class="w-10 h-10 text-gray-400 opacity-50" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path></svg>
4401                </div>
4402                <h4 class="text-gray-800 dark:text-gray-200 font-black text-lg mb-2">سبد خرید شما خالی است!</h4>
4403                <p class="text-sm text-gray-500 dark:text-gray-400 max-w-[250px] leading-6 mb-8">به‌نظر می‌رسد هنوز هیچ محصولی را به سبد خرید خود اضافه نکرده‌اید.</p>
4404                
4405            </div>
4406
4407
4408            
4409
4410
4411
4412            <div id="actual-items-list" class="space-y-4">
4413<input name="__RequestVerificationToken" type="hidden" value="6PUAeT4mYUes_lQDF8-1UTiON9sKok_18woulfCy-WgHtK37TWyzPL7-hOWHDMPSzqioHM8Jvj-Qb03f87WeLTgk_aTAnZCnEbFyInBhRZE1" />
4414
4415
4416
4417            </div>
4418        </div>
4419
4420        <div id="cart-footer" class="p-8 border-t border-gray-200/50 dark:border-white/5 space-y-5 bg-white/40 dark:bg-gray-950/40 backdrop-blur-md">
4421            <div class="flex justify-between items-center text-sm">
4422                <span class="text-gray-500 dark:text-gray-400 font-bold">مجموع سبد خرید:</span>
4423                <span id="total-price-display" class="font-black text-xl dark:text-white text-blue-600 dark:text-blue-400">۰ <span class="text-[10px]">تومان</span></span>
4424            </div>
4425            <a href="/ShoppingCart" class="w-full bg-blue-600 hover:bg-blue-700 text-white font-black py-5 rounded-[2rem] shadow-xl shadow-blue-500/30 transition-all flex items-center justify-center gap-3 group relative overflow-hidden">
4426                <div class="absolute inset-0 bg-gradient-to-r from-transparent via-white/10 to-transparent -translate-x-full group-hover:animate-[shimmer_1.5s_infinite]"></div>
4427                مشاهده سبد و ادامه خرید
4428                <svg class="w-5 h-5 group-hover:translate-x-[-4px] transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M13 7l5 5m0 0l-5 5m5-5H6" /></svg>
4429            </a>
4430        </div>
4431    </div>
4432</div>
4433
4434
4435
4436
4437
4438    <!--END CART DRAWER-->
4439    <!--Mobile Menu-->
4440    <div id="mobile-menu" class="fixed inset-0 z-[1100] pointer-events-none">
4441        <div class="absolute inset-0 bg-black/40 dark:bg-black/70 opacity-0 transition-opacity duration-500 backdrop-blur-sm menu-overlay cursor-pointer"></div>
4442
4443        <div class="absolute right-0 top-0 h-full w-[320px] bg-white/70 dark:bg-gray-950/80 backdrop-blur-2xl shadow-[-15px_0_50px_rgba(0,0,0,0.2)] transform translate-x-full transition-transform duration-500 pointer-events-auto flex flex-col border-l border-white/40 dark:border-white/10">
4444
4445            <div class="p-5 border-b border-white/40 dark:border-gray-800 flex justify-between items-center bg-white/30 dark:bg-gray-900/30">
4446                <div class="flex items-center gap-2">
4447                    <div class="w-8 h-8 bg-blue-600 rounded-lg flex items-center justify-center shadow-lg shadow-blue-500/40">
4448                        <svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
4449                            <path d="M4 6h16M4 12h16m-7 6h7" stroke-width="2.5" stroke-linecap="round" />
4450                        </svg>
4451                    </div>
4452                    <span class="font-black text-xl dark:text-white">منوی اصلی</span>
4453                </div>
4454                <button class="close-menu p-2 hover:bg-red-50 dark:hover:bg-red-900/20 text-gray-400 hover:text-red-500 rounded-xl transition-all border border-transparent hover:border-red-100">
4455                    <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
4456                        <path d="M6 18L18 6M6 6l12 12" stroke-width="2.5" stroke-linecap="round" />
4457                    </svg>
4458                </button>
4459            </div>
4460
4461            <div class="flex-1 overflow-y-auto custom-scrollbar pt-2">
4462
4463                
4464
4465                <nav class="px-3 pb-20">
4466                    <ul class="space-y-3">
4467                        <li class="menu-item">
4468                            <button type="button" class="layer-btn w-full flex items-center justify-between p-4 rounded-2xl bg-white/40 dark:bg-white/5 border border-white/60 dark:border-white/10 shadow-sm transition-all hover:bg-white/60"><span class="flex items-center gap-3 text-gray-800 dark:text-gray-200"><i class="fal fa-shopping-basket text-blue-500" aria-hidden="true"></i><span class="font-black text-sm">فروشگاه</span></span><svg class="w-4 h-4 text-gray-400 arrow-icon transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M19 9l-7 7-7-7" stroke-width="3" /></svg></button><ul class="hidden submenu mt-2 mr-2 space-y-2 border-r-2 border-blue-500/20 pr-2 overflow-hidden transition-all duration-300">
4469                                <li><a href="/Store/2" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-mobile-android" aria-hidden="true"></i>گوشی‌‌های هوشمند</a></li>
4470                                <li><a href="/Store/3" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-mobile-android-alt" aria-hidden="true"></i>گوشی‌های کلاسیک</a></li>
4471                                <li>
4471<a href="/Store/4" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-tablet-android" aria-hidden="true"></i>تبلت‌های هوشمند</a></li>
4472                                <li><a href="/Store/23" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-laptop" aria-hidden="true"></i>لپ تاپ</a></li>
4473                                <li><a href="/Store/7" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-headphones" aria-hidden="true"></i>لوازم جانبی</a></li>
4474                                <li><a href="/Store/22" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-plug" aria-hidden="true"></i>لوازم جانبی سایر برندها</a></li>
4475                            </ul>
4476                        </li>
4477                        <li><a href="/Blog?page=1/" class="flex items-center gap-3 p-4 rounded-2xl bg-white/40 dark:bg-white/5 border border-white/60 dark:border-white/10 shadow-sm text-gray-800 dark:text-gray-200 font-black text-sm"><i class="fal fa-newspaper text-purple-500" aria-hidden="true"></i>بلاگ</a></li>
4478                        <li class="menu-item">
4479                            <button type="button" class="layer-btn w-full flex items-center justify-between p-4 rounded-2xl bg-white/40 dark:bg-white/5 border border-white/60 dark:border-white/10 shadow-sm transition-all hover:bg-white/60"><span class="flex items-center gap-3 text-gray-800 dark:text-gray-200"><i class="fal fa-life-ring text-blue-500" aria-hidden="true"></i><span class="font-black text-sm">خدمات</span></span><svg class="w-4 h-4 text-gray-400 arrow-icon transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M19 9l-7 7-7-7" stroke-width="3" /></svg></button><ul class="hidden submenu mt-2 mr-2 space-y-2 border-r-2 border-blue-500/20 pr-2 overflow-hidden transition-all duration-300">
4480                                <li><a href="/Representation" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-map-marker-alt" aria-hidden="true"></i>نمایندگی‌های خدمات پس از فروش</a></li>
4481                                <li><a href="/Seller" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-users" aria-hidden="true"></i>کارشناسان فروش</a></li>
4482                                <li><a href="https://dlglx.ir" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-globe" aria-hidden="true"></i>خدمات پس از فروش آنلاین</a></li>
4483                            </ul>
4484                        </li>
4485                        <li class="menu-item">
4486                            <button type="button" class="layer-btn w-full flex items-center justify-between p-4 rounded-2xl bg-white/40 dark:bg-white/5 border border-white/60 dark:border-white/10 shadow-sm transition-all hover:bg-white/60"><span class="flex items-center gap-3 text-gray-800 dark:text-gray-200"><i class="fal fa-building text-blue-500" aria-hidden="true"></i><span class="font-black text-sm">درباره‌ی ما</span></span><svg class="w-4 h-4 text-gray-400 arrow-icon transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M19 9l-7 7-7-7" stroke-width="3" /></svg></button><ul class="hidden submenu mt-2 mr-2 space-y-2 border-r-2 border-blue-500/20 pr-2 overflow-hidden transition-all duration-300">
4487                                <li><a href="/Home/About" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-building" aria-hidden="true"></i>درباره جی‌ال‌ایکس</a></li>
4488                                <li><a href="/FAQs" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-question-circle" aria-hidden="true"></i>پرسش های متداول</a></li>
4489                                <li><a href="/Req/Create/پرسش-از-جی-ال-ایکس" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-phone" aria-hidden="true"></i>تماس با ما</a></li>
4490                            </ul>
4491                        </li>
4492                        <li class="menu-item">
4493                            <button type="button" class="layer-btn w-full flex items-center justify-between p-4 rounded-2xl bg-white/40 dark:bg-white/5 border border-white/60 dark:border-white/10 shadow-sm transition-all hover:bg-white/60"><span class="flex items-center gap-3 text-gray-800 dark:text-gray-200"><i class="fal fa-wrench text-blue-500" aria-hidden="true"></i><span class="font-black text-sm">خدمات پس از فروش</span></span><svg class="w-4 h-4 text-gray-400 arrow-icon transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24">
4493<path d="M19 9l-7 7-7-7" stroke-width="3" /></svg></button><ul class="hidden submenu mt-2 mr-2 space-y-2 border-r-2 border-blue-500/20 pr-2 overflow-hidden transition-all duration-300">
4494                                <li><a href="/Pages/Service" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-wrench" aria-hidden="true"></i>خدمات پس از فروش</a></li>
4495                                <li><a href="/pages/Warranty" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-shield-check" aria-hidden="true"></i>شرایط گارانتی</a></li>
4496                                <li><a href="/Representation" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-map-marker-alt" aria-hidden="true"></i>لیست نمایندگان</a></li>
4497                                <li><a href="/Home/Poll" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-clipboard-check" aria-hidden="true"></i>فرم نظرسنجی</a></li>
4498                                <li><a href="/Req/Create/" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-comments" aria-hidden="true"></i>شکایت و درخواست</a></li>
4499                            </ul>
4500                        </li>
4501                        <li><a href="/pages/PhoneCase" class="flex items-center gap-3 p-4 rounded-2xl bg-white/40 dark:bg-white/5 border border-white/60 dark:border-white/10 shadow-sm text-gray-800 dark:text-gray-200 font-black text-sm"><i class="fal fa-boxes text-blue-500" aria-hidden="true"></i>سفارش عمده قاب</a></li>
4502                    </ul>
4503
4504                    <!--Contact information-->
4505                    <div class="mt-8 pt-6 border-t border-white/40 dark:border-gray-800 space-y-6">
4506                        
4507
4508                        <!-- شبکه‌های اجتماعی -->
4509                        <div class="flex gap-4 justify-center">
4510                            <a href="https://instagram.com/glxphones" class="w-12 h-12 rounded-2xl bg-gray-50 dark:bg-gray-900 border border-gray-100 dark:border-gray-800 flex items-center justify-center text-gray-400 hover:text-blue-600 hover:border-blue-600 transition-all group">
4511                                <svg class="w-5 h-5 group-hover:scale-110 transition-transform" fill="currentColor" viewBox="0 0 24 24">
4512                                    <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"></path>
4513                                </svg>
4514                            </a>
4515                            <a href="mailto:[email protected]" class="w-12 h-12 rounded-2xl bg-gray-50 dark:bg-gray-900 border border-gray-100 dark:border-gray-800 flex items-center justify-center text-gray-400 hover:text-blue-400 hover:border-blue-400 transition-all group">
4516
4517                                <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
4517<path 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" stroke-width="2"></path></svg>
4518
4519                                
4520                            </a>
4521                            <a href="https://eitaa.com/glxmobilephones" class="w-12 h-12 rounded-2xl bg-gray-50 dark:bg-gray-900 border border-gray-100 dark:border-gray-800 flex items-center justify-center text-gray-400 hover:text-blue-400 hover:border-blue-400 transition-all group">
4522
4523                                <img data-src="~/Content/BasicTemplate/images/eita-gray.png" width="25" src="/Content/BasicTemplate/images/eita-gray.png">
4524
4525                                
4526                            </a><a href="https://ble.ir/glxmobilephones" class="w-12 h-12 rounded-2xl bg-gray-50 dark:bg-gray-900 border border-gray-100 dark:border-gray-800 flex items-center justify-center text-gray-400 hover:text-blue-400 hover:border-blue-400 transition-all group" aria-label="بله جی‌ال‌ایکس"><span class="text-xs font-bold">بله</span></a>
4527                            <!--<a href="#" class="w-12 h-12 rounded-2xl bg-gray-50 dark:bg-gray-900 border border-gray-100 dark:border-gray-800 flex items-center justify-center text-gray-400 hover:text-blue-400 hover:border-blue-400 transition-all group">
4528                            <svg class="w-5 h-5 group-hover:scale-110 transition-transform" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">-->
4529                            <!-- Icon from Tabler Icons by Paweł Kuna - https://github.com/tabler/tabler-icons/blob/master/LICENSE -->
4530                            <!--<path fill="currentColor" d="M18 3a5 5 0 0 1 5 5v8a5 5 0 0 1-5 5H6a5 5 0 0 1-5-5V8a5 5 0 0 1 5-5zM9 9v6a1 1 0 0 0 1.514.857l5-3a1 1 0 0 0 0-1.714l-5-3A1 1 0 0 0 9 9" />
4531                                </svg>
4532                            </a>-->
4533                        </div>
4534                    </div>
4535                </nav>
4536            </div>
4537        </div>
4538    </div>
4539    <!--END Mobile Menu-->
4540
4541
4542    <div id="wa" dir="rtl" data-get-url="/Home/GetPhone" data-set-url="/Home/SetPhone">
4543        <button id="whatslink" class="eita-trigger" type="button" aria-expanded="false" aria-controls="whatsdiv">
4544            <span class="eita-icon"><img src="/Content/Images/eitac.png" width="36" height="36" alt="" /></span>
4545            
4546        </button>
4547        <section id="whatsdiv" class="eita-panel" aria-labelledby="eita-title" hidden>
4548            <div class="eita-heading">
4549                <div><h2 id="eita-title">پشتیبانی مستقیم با ایتا</h2><p>سلام، چطور میتونیم کمکتون کنیم؟</p></div>
4550                <button id="eita-close" type="button" aria-label="بستن پنجره پشتیبانی">×</button>
4551            </div>
4552            <div class="eita-content">
4553                <p class="eita-hours">ساعت پاسخگویی: ۹ صبح الی ۱۷</p>
4554                <p id="eita-status" role="status" aria-live="polite"></p>
4555                <a id="lnkwhatsapp" class="eita-chat" target="_blank" rel="nofollow noopener noreferrer" hidden>
4556                    <img src="/Content/Images/eitac.png" width="40" height="40" alt="" />
4557                    <span>برای شروع گفتگو کلیک کنید<small>گفتگو در ایتا باز می‌شود</small></span>
4558                    <span aria-hidden="true">↗</span>
4559                </a>
4560                <button id="eita-retry" type="button" hidden>تلاش مجدد</button>
4561            </div>
4562        </section>
4563    </div>
4564    
4564<script>
4565    (function () {
4566        'use strict';
4567        const widget = document.getElementById('wa');
4568        const trigger = document.getElementById('whatslink');
4569        const panel = document.getElementById('whatsdiv');
4570        const close = document.getElementById('eita-close');
4571        const link = document.getElementById('lnkwhatsapp');
4572        const status = document.getElementById('eita-status');
4573        const retry = document.getElementById('eita-retry');
4574        let loading = false;
4575        let account = '';
4576        let notified = false;
4577
4578        async function loadSupport() {
4579            if (loading || account) return;
4580            loading = true;
4581            retry.hidden = true;
4582            link.hidden = true;
4583            status.textContent = 'در حال دریافت لینک پشتیبانی…';
4584            panel.setAttribute('aria-busy', 'true');
4585            const controller = new AbortController();
4586            const timeout = setTimeout(function () { controller.abort(); }, 10000);
4587            try {
4588                const response = await fetch(widget.dataset.getUrl, {
4589                    method: 'POST',
4590                    credentials: 'same-origin',
4591                    headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' },
4592                    body: 'sendType=1',
4593                    signal: controller.signal
4594                });
4595                if (!response.ok) throw new Error('Support unavailable');
4596                const value = await response.json();
4597                if (typeof value !== 'string' || !/^[a-zA-Z0-9_]+$/.test(value)) throw new Error('Invalid support account');
4598                account = value;
4599                link.href = 'https://eitaa.com/' + encodeURIComponent(account);
4600                link.hidden = false;
4601                status.textContent = '';
4602            } catch (error) {
4603                status.textContent = 'دریافت لینک پشتیبانی ممکن نشد. لطفاً دوباره تلاش کنید.';
4604                retry.hidden = false;
4605            } finally {
4606                clearTimeout(timeout);
4607                loading = false;
4608                panel.removeAttribute('aria-busy');
4609            }
4610        }
4611
4612        function setOpen(open, restoreFocus) {
4613            panel.hidden = !open;
4614            trigger.setAttribute('aria-expanded', String(open));
4615            if (open) {
4616                close.focus();
4617                loadSupport();
4618            } else if (restoreFocus) {
4619                trigger.focus();
4620            }
4621        }
4622        trigger.addEventListener('click', function () { setOpen(panel.hidden, false); });
4623        close.addEventListener('click', function () { setOpen(false, true); });
4624        retry.addEventListener('click', loadSupport);
4625        document.addEventListener('click', function (event) {
4626            if (!panel.hidden && !widget.contains(event.target)) {
4627                setOpen(false, panel.contains(document.activeElement));
4628            }
4629        });
4630        document.addEventListener('keydown', function (event) {
4631            if (event.key === 'Escape' && !panel.hidden) setOpen(false, widget.contains(document.activeElement));
4632        });
4633        document.addEventListener('focusin', function (event) {
4634            if (!panel.hidden && !widget.contains(event.target)) setOpen(false, false);
4635        });
4636        link.addEventListener('click', function (event) {
4637            if (!account) { event.preventDefault(); return; }
4638            if (notified) return;
4639            notified = true;
4640            fetch(widget.dataset.setUrl, {
4641                method: 'POST',
4642                credentials: 'same-origin',
4643                headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' },
4644                body: 'tel=' + encodeURIComponent(account),
4645                keepalive: true
4646            }).then(function (response) {
4647                if (!response.ok) notified = false;
4648            }).catch(function () { notified = false; });
4649        });
4650    }());
4651    </script>
4651
4652    
4652<script src="/Content/NewTheme/public/assets/js/plugin/swiper/swiper-bundle.min.js"></script>
4652
4653    
4653<script src="/Content/NewTheme/public/assets/js/dependencies/swiper-script.js?v=639270333682349669"></script>
4653
4654    
4654<script src="/Content/NewTheme/public/assets/js/dependencies/app.js?v=639270319970859018"></script>
4654
4655
4656  
4657
4658    
4659
4660
4661    
4661<script>
4662    (function () {
4663        var box = document.getElementById('wonder-offers');
4664        if (!box) return;
4665        var remaining = 0;
4666        var started = window.performance && performance.now ? performance.now() : Date.now();
4667        var timer;
4668        function elapsed() { return (window.performance && performance.now ? performance.now() : Date.now()) - started; }
4669        function digits(value) { return ('0' + value).slice(-Math.max(2, String(value).length)).replace(/\d/g, function (d) { return 'Û°Û±Û²Û³Û´ÛµÛ¶Û·Û¸Û¹'[d]; }); }
4670        function update() {
4671            var left = Math.max(0, remaining - elapsed());
4672            if (left <= 0) {
4673                if (timer) clearInterval(timer);
4674                var container = box.querySelector('.incredible-timer-container');
4675                if (container) { container.textContent = 'پیشنهاد به پایان رسید'; container.style.justifyContent = 'center'; container.setAttribute('role', 'status'); }
4676                var prices = box.querySelectorAll('.divprice');
4677                for (var p = 0; p < prices.length; p++) { prices[p].style.display = 'none'; }
4678                var images = box.querySelectorAll('.imgoffer');
4679                for (var j = 0; j < images.length; j++) { images[j].classList.add('blur'); }
4680                var links = box.querySelectorAll('.offerlink');
4681                for (var i = 0; i < links.length; i++) { links[i].removeAttribute('href'); links[i].setAttribute('aria-disabled', 'true'); links[i].setAttribute('tabindex', '-1'); links[i].style.display = 'none'; }
4682                return;
4683            }
4684            var values = { days: Math.floor(left / 86400000), hours: Math.floor(left / 3600000) % 24, minutes: Math.floor(left / 60000) % 60, seconds: Math.floor(left / 1000) % 60 };
4685            for (var key in values) { var element = box.querySelector('#' + key); if (element) element.textContent = digits(values[key]); }
4686        }
4687        box.addEventListener('click', function (event) {
4688            var node = event.target;
4689            while (node && node !== box) {
4690                if (node.classList && node.classList.contains('offerlink') && remaining - elapsed() <= 0) { event.preventDefault(); update(); return; }
4691                node = node.parentNode;
4692            }
4693        });
4694        update();
4695        if (remaining > 0) timer = setInterval(update, 1000);
4696        document.addEventListener('visibilitychange', update);
4697    })();
4698    </script>
4698
4699    
4699<script>
4700        var OnSuccess = function (data) {
4701
4702            document.getElementById("succestId").innerHTML = "درخواست شما با موفقیت ثبت گردید و بزودی به شما اطلاع داده خواهد شد ";
4703            $("#ActionSuccess").show();
4704
4705            $("#PhoneNumber").val("");
4706            $("#RegisterForm").hide();
4707            $("#counter").hide();
4708        }
4709
4710        function OnBegin() {
4711            $("#RegisterForm").hide();
4712        }
4713
4714        function OnFailure() {
4715            $("#ActionSuccess").hide();
4716            $("#ActionError").show();
4717            $("#RegisterForm").show();
4718            $("#PhoneNumber").val("");
4719            setTimeout(function () {
4720                $("#ActionError").hide();
4721            }, 9000);
4722        }
4723    </script>
4723
4724
4725    
4726
4727
4728
4729
4730</body>
4731</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.