PageSourceSearch

https://www.glx.ir/Products/15565/%DA%AF%D9%88%D8%B4%DB%8C-%D9%87%…%D9%85%D9%86%D8%AF-%D8%AC%D8%AF%DB%8C%D8%AF

html glx.ir collected 2026-10-08 10:28:56 UTC 385,667 bytes, 4,378 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>خرید، مشخصات ، بررسی و قیمت گوشی هوشمند Revvl 7 Pro 5G دو سیم‌کارت ظرفیت ۲۵۶ گیگابایت و رم ۸ گیگابایتجی‌ال‌ایکس</title>
14    <meta property="og:sitename" content="GLX">
15    <meta property="og:title" content="خرید، مشخصات ، بررسی و قیمت گوشی هوشمند Revvl 7 Pro 5G دو سیم‌کارت ظرفیت ۲۵۶ گیگابایت و رم ۸ گیگابایتجی‌ال‌ایکس">
16    <meta property="og:url" content="http://www.glx.ir/Product/ProductDetails/15565">
17    <meta property="og:image" content="http://glx.ir/images/product/15565.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/product/15565.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="خرید اینترنتیگوشی هوشمند Revvl 7 Pro 5G دو سیم‌کارت ظرفیت ۲۵۶ گیگابایت و رم ۸ گیگابایتو دیگر انواع گوشی‌ و لوازم هوشمند جی‌ال‌ایکس در فروشگاه آنلاین جی‌ال‌ایکس" />
26    <meta name="keywords" content=", تولید ملی,وب سایت جی ال ایکس , لوازم جانبی جی ال ایکس، ارتباط گویا همراه، رونق تولید، گوشی هوشمند Revvl 7 Pro 5G دو سیم‌کارت ظرفیت ۲۵۶ گیگابایت و رم ۸ گیگابایت" />
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="جی ال ایکس | خرید، مشخصات ، بررسی و قیمت گوشی هوشمند Revvl 7 Pro 5G دو سیم‌کارت ظرفیت ۲۵۶ گیگابایت و رم ۸ گیگابایتجی‌ال‌ایکس">
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/product/15565.jpg">
41    <meta property="twitter:app:country" content="ir">
42    <meta property="twitter:app:name:googleplay" content="جی ال ایکس | خرید، مشخصات ، بررسی و قیمت گوشی هوشمند Revvl 7 Pro 5G دو سیم‌کارت ظرفیت ۲۵۶ گیگابایت و رم ۸ گیگابایتجی‌ال‌ایکس">
43    <meta property="twitter:app:name:ipad" content="جی ال ایکس | خرید، مشخصات ، بررسی و قیمت گوشی هوشمند Revvl 7 Pro 5G دو سیم‌کارت ظرفیت ۲۵۶ گیگابایت و رم ۸ گیگابایتجی‌ال‌ایکس">
44    <meta property="twitter:app:name:iphone" content="جی ال ایکس | خرید، مشخصات ، بررسی و قیمت گوشی هوشمند Revvl 7 Pro 5G دو سیم‌کارت ظرفیت ۲۵۶ گیگابایت و رم ۸ گیگابایتجی‌ال‌ایکس">
45    <meta name="theme-color" content="#3166bc">
46
47
48    
49    
49<script src="/Scripts/jquery-1.10.2.min.js" type="text/javascript"></script>
49
50
51    
52    <link rel="shortcut icon" href="/Content/BaseTemplate/Images/favicon.png">
53    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/Content/BaseTemplate/Images/favicon.png">
54    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/Content/BaseTemplate/Images/favicon.png">
55    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/Content/BaseTemplate/Images/favicon.png">
56    <link rel="apple-touch-icon-precomposed" href="/Content/BaseTemplate/Images/favicon.png ">
57
58    <link href="/Content/BaseTemplate/css/fontawesome-all.min.css" rel="stylesheet" />
59
60    <link href="/Content/NewTheme/public/assets/js/plugin/swiper/swiper-bundle.min.css" rel="stylesheet" />
61    <link href="/Content/NewTheme/public/assets/css/app.css" rel="stylesheet" />
62
63
64    <style>
65        @media (max-width: 767px) {
66            .glx-header-row { gap: 6px; }
67            .glx-header-brand, .glx-header-actions { gap: 6px; flex-shrink: 0; }
68            .glx-header-brand > a { flex: 0 0 80px; }
69            .glx-header-brand > a > img { width: 80px; max-width: none; height: auto; }
70            .glx-header-brand > button,
71            .glx-header-actions > button,
72            .glx-header-actions > a,
73            .glx-header-actions > .relative > a {
74                width: 40px;
75                height: 44px;
76                padding-left: 0;
77                padding-right: 0;
78                flex-shrink: 0;
79                display: inline-flex;
80                align-items: center;
81                justify-content: center;
82            }
83        }
84        @media (max-width: 359px) {
85            .glx-header-row, .glx-header-brand, .glx-header-actions { gap: 4px; }
86            .glx-header-brand > button,
87            .glx-header-actions > button,
88            .glx-header-actions > a,
89            .glx-header-actions > .relative > a { width: 36px; }
90        }
91        .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; }
92        .glx-search-panel[hidden] { display:none !important; }
93        #mega-search-panel { position:absolute; top:calc(100% + 10px); right:0; left:0; z-index:10001; max-height:min(65vh,440px); overflow-y:auto; }
94        #mobile-search-panel { margin:0 20px 20px; overflow-y:auto; min-height:0; }
95        .glx-search-option { display:flex; align-items:center; gap:12px; padding:15px 12px; min-height:52px; border-radius:12px; text-decoration:none; color:inherit; }
96        .glx-search-option + .glx-search-option { border-top:1px solid #f1f5f9; }
97        .glx-search-option:hover,.glx-search-option[aria-selected="true"],.glx-search-option:focus-visible { background:#eff6ff; color:#1d4ed8; outline:2px solid transparent; }
98        .glx-search-term { flex:1; min-width:0; overflow-wrap:anywhere; font-size:14px; font-weight:700; }
99        .glx-search-scope { flex-shrink:0; max-width:55%; font-size:12px; color:#64748b; }
100        .glx-search-status { padding:9px 12px 5px; font-size:11px; color:#64748b; }
101        .dark .glx-search-panel { background:#101827; border-color:#334155; color:#f1f5f9; }
102        .dark .glx-search-option + .glx-search-option { border-color:#263244; }
103        .dark .glx-search-option:hover,.dark .glx-search-option[aria-selected="true"],.dark .glx-search-option:focus-visible { background:#1e3a5f; color:#bfdbfe; }
104        .dark .glx-search-scope,.dark .glx-search-status { color:#b4c2d5; }
105        #search-modal > .relative { background:#f8fafc; }
106        .dark #search-modal > .relative { background:#0b1220; }
107        #wa { position:fixed; right:30px; bottom:calc(70px + env(safe-area-inset-bottom,0px)); z-index:120; font:inherit; color:#172033; }
108        #wa [hidden] { display:none !important; }
109        #wa button,#wa a { -webkit-tap-highlight-color:transparent; }
110        #wa button:focus-visible,#wa a:focus-visible { outline:3px solid #f59e0b; outline-offset:4px; }
111        #wa .eita-trigger { display:flex; align-items:center; gap:10px; border:0; background:transparent; padding:0; cursor:pointer; color:inherit; }
112        #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; }
113        #wa .eita-icon img { object-fit:contain; }
114        #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; }
115        #wa .eita-trigger[aria-expanded="true"] .eita-caption { visibility:hidden; }
116        #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; }
117        #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; }
118        #wa .eita-heading h2 { margin:0; font-size:15px; font-weight:800; line-height:2; }
119        #wa .eita-heading p { margin:5px 0 0; font-size:12px; line-height:1.9; color:#78502a; }
120        #wa #eita-close { flex-shrink:0; width:40px; height:40px; border:0; border-radius:12px; background:#ffffffb3; color:#9a4700; font-size:26px; cursor:pointer; }
121        #wa .eita-content { padding:18px 16px; }
122        #wa .eita-hours { margin:0 0 12px; font-size:12px; color:#64748b; line-height:2; }
123        #wa #eita-status { font-size:12px; line-height:2; color:#64748b; }
124        #wa #eita-status:empty { display:none; }
125        #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; }
126        #wa .eita-chat:hover { background:#ffedd5; }
127        #wa .eita-chat img { flex-shrink:0; object-fit:contain; }
128        #wa .eita-chat > span:first-of-type { flex:1; min-width:0; line-height:1.9; }
129        #wa .eita-chat small { display:block; margin-top:4px; font-size:11px; font-weight:400; color:#78502a; }
130        #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; }
131        .dark #wa { color:#f1f5f9; }
132        .dark #wa .eita-caption,.dark #wa .eita-panel { background:#111827; border-color:#374151; }
133        .dark #wa .eita-heading { background:#31251c; border-color:#604028; }
134        .dark #wa .eita-heading p,.dark #wa .eita-chat small { color:#e8be96; }
135        .dark #wa .eita-hours,.dark #wa #eita-status { color:#b4c2d5; }
136        .dark #wa #eita-close,.dark #wa #eita-retry,.dark #wa .eita-chat { background:#31251c; border-color:#604028; color:#fdba74; }
137        .dark #wa .eita-chat:hover { background:#45301d; }
138        @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)); } }
139        @media(prefers-reduced-motion:reduce) { #wa .eita-chat { transition:none; } }
140    </style>
141</head>
142<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">
143
144    <!-- NEON LIGHT -->
145    <div class="fixed  inset-0 pointer-events-none -z-[60] overflow-hidden bg-[#fafbfc] dark:bg-[#030303]">
146
147        <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>
148
149        <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>
150
151        <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>
152
153        <div class="absolute inset-0 opacity-[0.03] dark:opacity-[0.06] pointer-events-none mix-blend-multiply dark:mix-blend-soft-light"
154             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');">
155        </div>
156    </div>
157    <!-- END NEON LIGHT -->
158    <!-- HEADER -->
159    <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">
160
161        
162
163        <div class="container">
164            <div class="glx-header-row flex items-center justify-between h-20 gap-8">
165
166                <div class="glx-header-brand flex items-center gap-4">
167                    <button id="resMenu" class="lg:hidden p-2 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-full transition-colors">
168                        <svg class="w-6 h-6 text-gray-700 dark:text-gray-300" fill="none" stroke="currentColor" viewBox="0 0 24 24">
168<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4 6h16M4 12h16m-7 6h7" /></svg>
169                    </button>
170                    <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">
171                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
172                            <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" />
173                        </svg>
174                    </button>
175                    <a href="/" class="flex items-center gap-2 group">
176                        <img src="/Content/BaseTemplate/images/glx-logo.svg" class="w-30" alt="">
177                    </a>
178                </div>
179
180                <!-- Search -->
181                <div id="search-wrapper" class="hidden md:flex flex-1 max-w-4xl relative group/search mx-auto">
182
183                    <div class="relative w-full z-[10000]">
184                        <input type="text" id="main-search-input" maxlength="100" aria-label="جستجوی محصولات"
185                               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"
186                               placeholder="جستجوی سراسری در محصولات ..." autocomplete="off">
187
188                        <div class="absolute inset-y-0 right-4 flex items-center pointer-events-none text-gray-500">
189                            <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>
190                        </div>
191
192                        <div class="absolute left-2 top-1/2 -translate-y-1/2 flex items-center h-[75%] gap-2" hidden>
193                            <div class="h-full w-px bg-gray-300/40 dark:bg-white/10 ml-1"></div>
194                            <button class="h-full px-4 flex items-center gap-3 rounded-xl transition-all duration-300 group/archive
195                           bg-white border border-gray-200 text-gray-700 shadow-sm hover:border-[var(--color-primary-500)]
196                           dark:bg-[var(--color-primary-800)]/60 dark:border-white/10 dark:text-gray-200 dark:hover:bg-[var(--color-primary-500)]/10">
197                                <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">
198                                    <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
199                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M15 19l-7-7 7-7" />
200                                    </svg>
201                                </div>
202                                <span class="text-[11px] font-black whitespace-nowrap">آرشیو محصولات</span>
203                            </button>
204                        </div>
205                    </div>
206
207                    <div id="mega-search-panel" class="glx-search-panel" hidden data-search-url="/Product/SearchSuggestions" data-store-url="/Store/">
208                        <div id="main-search-options" role="listbox" aria-label="پیشنهادهای جستجو"></div>
209                        <div class="glx-search-status" role="status" aria-live="polite"></div>
210                    </div>
211                    
212
213                </div>
214
215                <!-- Register and action button-->
216                <div class="glx-header-actions flex items-center gap-3">
217
218                    <button id="dark-mode-toggle"
219                            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">
220                        <svg class="w-5 h-5 hidden dark:block" fill="none" stroke="currentColor" viewBox="0 0 24 24">
220<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>
221                        <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>
222                    </button>
223
224
225                        <div class="relative group">
226        <a href="/Account/Login"
227                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">
228            <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>
229            <span class="text-xs font-black text-gray-700 dark:text-gray-200 hidden lg:block uppercase tracking-tighter">ورود یا ثبت‌نام</span>
230        </a>
231    </div>
232
233
234<style type="text/css">
235
236    .dropdown-menu {
237        position: absolute;
238        top: 60px;
239        left: 70px;
240        z-index: 1000;
241        display: none;
242        float: left;
243        min-width: 10rem;
244        padding: .5rem 0;
245        margin: .125rem 0 0;
246        font-size: 1rem;
247        /*color: #212529;*/
248        text-align: left;
249        list-style: none;
250        /*background-color: #fff;*/
251        background-clip: padding-box;
252        border: 1px solid rgba(0, 0, 0, .15);
253        border-radius: .25rem;
254    }
255
256    .dropdown-menu {
257        border: 0;
258        box-shadow: 0 10px 50px 0 rgba(0, 0, 0, .2);
259        border-radius: .125rem;
260        transition: all .15s linear;
261        font-size: 14px;
262    }
263
264        .dropdown-menu.show {
265            display: block;
266        }
267
268        .dropdown-menu.profile-box {
269            min-width: 12rem;
270            overflow: hidden;
271            padding: 0;
272            margin: 0;
273            border-radius: 10px;
274            direction: rtl;
275        }
276
277
278        .dropdown-menu:before {
279            display: inline-block;
280            position: absolute;
281            width: 0;
282            height: 0;
283            vertical-align: middle;
284            content: "";
285            top: -5px;
286            left: 10px;
287            right: auto;
288            color: #fff;
289           /* border-bottom: .4em solid;
290            border-right: .4em solid transparent;
291            border-left: .4em solid transparent;*/
292        }
293
294
295    .header-profile-dropdown-account-container {
296        padding-top: 8px;
297        padding-bottom: 8px;
298        position: relative;
299        /*border-top: 1px solid transparent;
300        border-bottom: 1px solid #f0f0f1;*/
301        cursor: pointer;
302    }
303
304    .header-profile-dropdown-user {
305        display: -webkit-box;
306        display: -ms-flexbox;
307        display: flex;
308        -webkit-box-align: center;
309        -ms-flex-align: center;
310        align-items: center;
311        padding: 0 12px;
312        position: relative;
313        z-index: 1;
314    }
315
316    .header-profile-dropdown-user-img {
317        font-size: 2em;
318    }
319
320    .header-profile-dropdown-user-info {
321        margin-right: 8px;
322        text-align: right;
323    }
324
325    .navbar p {
326        display: inline-block;
327        margin: 0;
328        line-height: 21px;
329        font-weight: inherit;
330        font-size: inherit;
331    }
332
333    .header-profile-dropdown-user-profile-link {
334        display: -webkit-box;
335        display: -ms-flexbox;
336        display: flex;
337        -webkit-box-align: center;
338        -ms-flex-align: center;
339        align-items: center;
340        /*color: #1b6ad7;*/
341        font-size: 10px;
342        font-size: .6rem;
343        line-height: 2em;
344    }
345
346        .header-profile-dropdown-user-profile-link:after {
347            font-size: .7rem;
348            line-height: 2em;
349            margin-right: 8px;
350            content: '\f053';
351            font-family: Font Awesome\ 5 Pro;
352            -moz-osx-font-smoothing: grayscale;
353            -webkit-font-smoothing: antialiased;
354            display: inline-block;
355            font-style: normal;
356            font-variant: normal;
357            text-rendering: auto;
358            color: #1b6ad7;
359        }
360
361    .header-profile-dropdown-actions {
362        text-align: right;
363    }
364
365    .header-profile-dropdown-action {
366        display: -webkit-box;
367        display: -ms-flexbox;
368        display: flex;
369        -webkit-box-align: center;
370        -ms-flex-align: center;
371        align-items: center;
372        font-size: 11px;
373        line-height: 1.2em;
374        padding: 10px 20px;
375        cursor: pointer;
376        /*color: #424750;*/
377        /*border-bottom: 1px solid #f0f0f1;*/
378    }
379
380    .pl-1, .px-1 {
381        padding-left: .25rem !important;
382    }
383
384</style>
385
386                    
387
388
389
390
391<button id="cart-btn"
392        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">
393    <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>
394
395    <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">
396    </span>
397</button>
398
399
400                </div>
401
402            </div>
403        </div>
404
405        <nav class="hidden lg:block bg-white/50 dark:bg-gray-950/50 border-t border-gray-100 dark:border-gray-800">
406            <div class="container mx-auto px-8">
407                <ul class="flex items-center gap-8 py-3">
408
409                    <!--<li class="group/main static">
410                    <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">
411                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-5">
412                            <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
413                        </svg>
414                        مگاتب منو
415                    </a>
416
417                    <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]">
418                        <div class="container mx-auto flex h-full">
419
420                            <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">
421                                <ul class="flex flex-col">-->
422                    <!--Digital goods-->
423                    <!--<li class="mega-tab-item active group/tab" data-target="dk-digital">
424                        <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">
425                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
426                                <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>
427                            </svg>
428                            کالای دیجیتال
429                        </a>
430                    </li>-->
431                    <!--Home and kitchen-->
432                    <!--<li class="mega-tab-item group/tab" data-target="dk-home">
433                        <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">
434                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
435                                <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>
436                            </svg>
437                            خانه و آشپزخانه
438                        </a>
439                    </li>-->
440                    <!--Fashion and clothing-->
441                    <!--<li class="mega-tab-item group/tab" data-target="dk-fashion">
442                        <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">
443                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
444                                <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>
445                            </svg>
446                            مد و پوشاک
447                        </a>
448                    </li>-->
449                    <!--Beauty and health-->
450                    <!--<li class="mega-tab-item group/tab" data-target="dk-beauty">
451                        <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">
452                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
453                                <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>
454                            </svg>
455                            زیبایی و سلامت
456                        </a>
457                    </li>-->
458                    <!--Toys and children-->
459                    <!--<li class="mega-tab-item group/tab" data-target="dk-toys">
460                        <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">
461                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
462                                <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>
463                            </svg>
464                            اسباب بازی و کودک
465                        </a>
466                    </li>-->
467                    <!--Sports and travel-->
468                    <!--<li class="mega-tab-item group/tab" data-target="dk-sports">
469                        <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">
470                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
471                                <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>
472                            </svg>
473                            ورزش و سفر
474                        </a>
475                    </li>-->
476                    <!--Books and stationery-->
477                    <!--<li class="mega-tab-item group/tab" data-target="dk-books">
478                        <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">
479                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
480                                <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>
481                            </svg>
482                            کتاب و لوازم تحریر
483                        </a>
484                    </li>-->
485                    <!--Cars and motorcycles-->
486                    <!--<li class="mega-tab-item group/tab" data-target="dk-auto">
487                        <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">
488                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
489                                <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>
490                            </svg>
491                            خودرو و موتورسیکلت
492                        </a>
493                    </li>-->
494                    <!--Industrial and tools-->
495                    <!--<li class="mega-tab-item group/tab" data-target="dk-tools">
496                        <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">
497                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
498                                <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>
499                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
500                            </svg>
501                            صنعتی و ابزار
502                        </a>
503                    </li>-->
504                    <!--Agriculture and horticulture-->
505                    <!--<li class="mega-tab-item group/tab" data-target="dk-garden">
506                                <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">
507                                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
508                                        <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>
509                                    </svg>
510                                    کشاورزی و باغبانی
511                                </a>
512                            </li>
513                        </ul>
514                    </div>
515
516                    <div class="flex-1 p-8 overflow-y-auto custom-scrollbar bg-white dark:bg-[var(--color-primary-950)]">-->
517                    <!--Digital goods-->
518                    <!--<div id="dk-digital" class="mega-tab-content">
519                        <div class="flex items-center justify-between mb-8">
520                            <a href="#" class="flex items-center gap-1 text-[14px] font-black text-gray-900 dark:text-white hover:text-[var(--color-primary-500)]">
521                                مشاهده تمام محصولات کالای دیجیتال
522                                <svg class="w-4 h-4 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
522<path d="M9 5l7 7-7 7" stroke-width="3" /></svg>
523                            </a>
524                        </div>
525
526                        <div class="grid grid-cols-4 gap-x-6 gap-y-10">
527                            <div class="space-y-4">
528                                <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">
529                                    <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>
530                                    موبایل
531                                </a>
532                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
533                                    <li><a href="#" class="hover:text-[var(--color-primary-500)] transition-colors">گوشی‌های هوشمند</a></li>
534                                    <li><a href="#" class="hover:text-[var(--color-primary-500)] transition-colors">برند اپل (iPhone)</a></li>
535                                    <li><a href="#" class="hover:text-[var(--color-primary-500)] transition-colors">برند سامسونگ</a></li>
536                                    <li><a href="#" class="hover:text-[var(--color-primary-500)] transition-colors">برند شیائومی</a></li>
537                                    <li><a href="#" class="hover:text-[var(--color-primary-500)] transition-colors">گوشی‌های میان‌رده</a></li>
538                                    <li><a href="#" class="hover:text-[var(--color-primary-500)] transition-colors">گوشی‌های اقتصادی</a></li>
539                                    <li><a href="#" class="hover:text-[var(--color-primary-500)] transition-colors">گوشی‌های گیمینگ</a></li>
540                                </ul>
541                            </div>
542
543                            <div class="space-y-4">
544                                <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">
545                                    <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>
546                                    لپ‌تاپ
547                                </a>
548                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
549                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">لپ‌تاپ‌های گیمینگ</a></li>
550                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">مک‌بوک‌های اپل</a></li>
551                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">لپ‌تاپ‌های تجاری</a></li>
552                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">لپ‌تاپ‌های دانشجویی</a></li>
553                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">لپ‌تاپ‌های فوق سبک</a></li>
554                                </ul>
555                            </div>
556
557                            <div class="space-y-4">
558                                <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">
559                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="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>
560                                    هدفون و ساعت
561                                </a>
562                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
563                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">هندزفری بی‌سیم</a></li>
564                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">ساعت‌های هوشمند</a></li>
565                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">هدفون‌های گیمینگ</a></li>
566                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">اسپیکر و سیستم صوتی</a></li>
567                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">مچ‌بند سلامت</a></li>
568                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">هدفون‌های نویزکنسلینگ</a></li>
569                                </ul>
570                            </div>
571
572                            <div class="space-y-4">
573                                <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">
574                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
574<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>
575                                    لوازم جانبی
576                                </a>
577                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
578                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">کابل و شارژر</a></li>
579                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">پاوربانک (شارژر همراه)</a></li>
580                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">کیف و کاور</a></li>
581                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">پایه موبایل و لپ‌تاپ</a></li>
582                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">محافظ صفحه نمایش</a></li>
583                                </ul>
584                            </div>
585
586                            <div class="space-y-4">
587                                <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">
588                                    <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>
589                                    ذخیره‌سازی
590                                </a>
591                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
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)]">هارد SSD</a></li>
596                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">درایوهای NAS</a></li>
597                                </ul>
598                            </div>
599
600                            <div class="space-y-4">
601                                <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">
602                                    <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>
603                                    دوربین
604                                </a>
605                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
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 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>
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)]">پردازنده (CPU)</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)]">رم (RAM)</a></li>
624                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">مانیتور و نمایشگر</a></li>
625                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">کیبورد و موس</a></li>
626                                </ul>
627                            </div>
628
629                            <div class="space-y-4">
630                                <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">
631                                    <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>
632                                    گیمینگ
633                                </a>
634                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
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)]">صندلی گیمینگ</a></li>
638                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">میز گیمینگ</a></li>
639                                    <li><a href="#" class="hover:text-[var(--color-primary-500)]">کارت گرافیک گیمینگ</a></li>
640                                </ul>
641                            </div>
642                        </div>
643                    </div>-->
644                    <!--Home and kitchen-->
645                    <!--<div id="dk-home" class="mega-tab-content hidden">
646                        <div class="flex items-center justify-between mb-8">
647                            <a href="#" class="flex items-center gap-1 text-[14px] font-black text-gray-900 dark:text-white hover:text-green-500">
648                                مشاهده تمام محصولات خانه و آشپزخانه
649                                <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>
650                            </a>
651                        </div>
652
653                        <div class="grid grid-cols-4 gap-x-6 gap-y-10">
654                            <div class="space-y-4">
655                                <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>
656                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
657                                    <li><a href="#" class="hover:text-green-500">یخچال و فریزر</a></li>
658                                    <li><a href="#" class="hover:text-green-500">
658اجاق گاز و هود</a></li>
659                                    <li><a href="#" class="hover:text-green-500">ماشین ظرفشویی</a></li>
660                                    <li><a href="#" class="hover:text-green-500">مایکروویو و فر</a></li>
661                                    <li><a href="#" class="hover:text-green-500">چای‌ساز و قهوه‌ساز</a></li>
662                                    <li><a href="#" class="hover:text-green-500">آب‌سردکن و تصفیه آب</a></li>
663                                </ul>
664                            </div>
665
666                            <div class="space-y-4">
667                                <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>
668                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
669                                    <li><a href="#" class="hover:text-green-500">مبل و کاناپه</a></li>
670                                    <li><a href="#" class="hover:text-green-500">صندلی و میز ناهارخوری</a></li>
671                                    <li><a href="#" class="hover:text-green-500">تخت خواب</a></li>
672                                    <li><a href="#" class="hover:text-green-500">کمد و قفسه</a></li>
673                                    <li><a href="#" class="hover:text-green-500">میز تحریر و کتابخانه</a></li>
674                                </ul>
675                            </div>
676
677                            <div class="space-y-4">
678                                <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>
679                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
680                                    <li><a href="#" class="hover:text-green-500">پرده و رومیزی</a></li>
681                                    <li><a href="#" class="hover:text-green-500">فرش و گلیم</a></li>
682                                    <li><a href="#" class="hover:text-green-500">تابلو و ساعت دیواری</a></li>
683                                    <li><a href="#" class="hover:text-green-500">گلدان و تزئینات</a></li>
684                                    <li><a href="#" class="hover:text-green-500">آینه و شمعدان</a></li>
685                                </ul>
686                            </div>
687
688                            <div class="space-y-4">
689                                <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>
690                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
691                                    <li><a href="#" class="hover:text-green-500">لوستر و چراغ</a></li>
692                                    <li><a href="#" class="hover:text-green-500">لامپ و هالوژن</a></li>
693                                    <li><a href="#" class="hover:text-green-500">چراغ خواب</a></li>
694                                    <li><a href="#" class="hover:text-green-500">چراغ مطالعه</a></li>
695                                    <li><a href="#" class="hover:text-green-500">چراغ اضطراری</a></li>
696                                </ul>
697                            </div>
698
699                            <div class="space-y-4">
700                                <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>
701                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
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                                    <li><a href="#" class="hover:text-green-500">روبالشی و روتشکی</a></li>
706                                </ul>
707                            </div>
708
709                            <div class="space-y-4">
710                                <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>
711                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
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                                    <li><a href="#" class="hover:text-green-500">سطل زباله</a></li>
717                                </ul>
718                            </div>
719
720                            <div class="space-y-4">
721                                <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>
722                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
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">
735باربیکیو و منقل</a></li>
736                                    <li><a href="#" class="hover:text-green-500">گلدان و گیاه مصنوعی</a></li>
737                                </ul>
738                            </div>
739                        </div>
740                    </div>-->
741                    <!--Fashion and clothing-->
742                    <!--<div id="dk-fashion" class="mega-tab-content hidden">
743                        <div class="flex items-center justify-between mb-8">
744                            <a href="#" class="flex items-center gap-1 text-[14px] font-black text-gray-900 dark:text-white hover:text-pink-500">
745                                مشاهده تمام محصولات مد و پوشاک
746                                <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>
747                            </a>
748                        </div>
749
750                        <div class="grid grid-cols-4 gap-x-6 gap-y-10">
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-pink-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-pink-500">پیراهن و شلوار</a></li>
755                                    <li><a href="#" class="hover:text-pink-500">تی‌شرت و پولوشرت</a></li>
756                                    <li><a href="#" class="hover:text-pink-500">کت و شلوار</a></li>
757                                    <li><a href="#" class="hover:text-pink-500">لباس ورزشی</a></li>
758                                    <li><a href="#" class="hover:text-pink-500">لباس مجلسی</a></li>
759                                    <li><a href="#" class="hover:text-pink-500">لباس زیر</a></li>
760                                </ul>
761                            </div>
762
763                            <div class="space-y-4">
764                                <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>
765                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
766                                    <li><a href="#" class="hover:text-pink-500">مانتو و شلوار</a></li>
767                                    <li><a href="#" class="hover:text-pink-500">بلوز و دامن</a></li>
768                                    <li><a href="#" class="hover:text-pink-500">لباس مجلسی</a></li>
769                                    <li><a href="#" class="hover:text-pink-500">لباس ورزشی</a></li>
770                                    <li><a href="#" class="hover:text-pink-500">لباس خواب</a></li>
771                                    <li><a href="#" class="hover:text-pink-500">لباس زیر</a></li>
772                                </ul>
773                            </div>
774
775                            <div class="space-y-4">
776                                <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>
777                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
778                                    <li><a href="#" class="hover:text-pink-500">پسرانه</a></li>
779                                    <li><a href="#" class="hover:text-pink-500">دخترانه</a></li>
780                                    <li><a href="#" class="hover:text-pink-500">نوزادی</a></li>
781                                    <li><a href="#" class="hover:text-pink-500">لباس مدرسه</a></li>
782                                    <li><a href="#" class="hover:text-pink-500">لباس عروسک</a></li>
783                                </ul>
784                            </div>
785
786                            <div class="space-y-4">
787                                <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>
788                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
789                                    <li><a href="#" class="hover:text-pink-500">کفش مردانه</a></li>
790                                    <li><a href="#" class="hover:text-pink-500">کفش زنانه</a></li>
791                                    <li><a href="#" class="hover:text-pink-500">کفش ورزشی</a></li>
792                                    <li><a href="#" class="hover:text-pink-500">کفش مجلسی</a></li>
793                                    <li><a href="#" class="hover:text-pink-500">کفش بچه‌گانه</a></li>
794                                </ul>
795                            </div>
796
797                            <div class="space-y-4">
798                                <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>
799                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
800                                    <li><a href="#" class="hover:text-pink-500">کیف و کوله پشتی</a></li>
801                                    <li><a href="#" class="hover:text-pink-500">کلاه و شال</a></li>
802                                    <li><a href="#" class="hover:text-pink-500">کمربند و بند ساعت</a></li>
803                                    <li><a href="#" class="hover:text-pink-500">عینک آفتابی</a></li>
804                                    <li><a href="#" class="hover:text-pink-500">دستکش و جوراب</a></li>
805                                </ul>
806                            </div>
807
808                            <div class="space-y-4">
809                                <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>
810                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
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                                    <li><a href="#" class="hover:text-pink-500">گوشواره و پابند</a></li>
815                                    <li><a href="#" class="hover:text-pink-500">ساعت دیواری</a></li>
816                                </ul>
817                            </div>
818
819                            <div class="space-y-4">
820                                <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>
821                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
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                                    <li><a href="#" class="hover:text-pink-500">کفش عروس</a></li>
826                                </ul>
827                            </div>
828
829                            <div class="space-y-4">
830                                <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>
831                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
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                        </div>
839                    </div>-->
840                    <!--Beauty and health-->
841                    <!--<div id="dk-beauty" class="mega-tab-content hidden">
842                        <div class="flex items-center justify-between mb-8">
843                            <a href="#" class="flex items-center gap-1 text-[14px] font-black text-gray-900 dark:text-white hover:text-purple-500">
844                                مشاهده تمام محصولات زیبایی و سلامت
845                                <svg class="w-4 h-4 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
845<path d="M9 5l7 7-7 7" stroke-width="3" /></svg>
846                            </a>
847                        </div>
848
849                        <div class="grid grid-cols-4 gap-x-6 gap-y-10">
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-purple-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-purple-500">رژ لب و برق لب</a></li>
854                                    <li><a href="#" class="hover:text-purple-500">فونداسیون و پودر</a></li>
855                                    <li><a href="#" class="hover:text-purple-500">سایه و خط چشم</a></li>
856                                    <li><a href="#" class="hover:text-purple-500">ریمل و مژه</a></li>
857                                    <li><a href="#" class="hover:text-purple-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-purple-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-purple-500">شامپو و نرم کننده</a></li>
865                                    <li><a href="#" class="hover:text-purple-500">صابون و ژل شستشو</a></li>
866                                    <li><a href="#" class="hover:text-purple-500">خمیردندان و مسواک</a></li>
867                                    <li><a href="#" class="hover:text-purple-500">ضد تعریق و خوشبوکننده</a></li>
868                                    <li><a href="#" class="hover:text-purple-500">تونر و مرطوب کننده</a></li>
869                                </ul>
870                            </div>
871
872                            <div class="space-y-4">
873                                <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>
874                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
875                                    <li><a href="#" class="hover:text-purple-500">عطر مردانه</a></li>
876                                    <li><a href="#" class="hover:text-purple-500">عطر زنانه</a></li>
877                                    <li><a href="#" class="hover:text-purple-500">ادکلن</a></li>
878                                    <li><a href="#" class="hover:text-purple-500">اسپری بدن</a></li>
879                                    <li><a href="#" class="hover:text-purple-500">عطرهای اختصاصی</a></li>
880                                </ul>
881                            </div>
882
883                            <div class="space-y-4">
884                                <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>
885                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
886                                    <li><a href="#" class="hover:text-purple-500">تیغ و اپیلیدی</a></li>
887                                    <li><a href="#" class="hover:text-purple-500">ماشین اصلاح مو</a></li>
888                                    <li><a href="#" class="hover:text-purple-500">سشوار و اتوی مو</a></li>
889                                    <li><a href="#" class="hover:text-purple-500">برس و شانه</a></li>
890                                    <li><a href="#" class="hover:text-purple-500">ناخنگیر و قیچی</a></li>
891                                </ul>
892                            </div>
893
894                            <div class="space-y-4">
895                                <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>
896                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
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                                    <li><a href="#" class="hover:text-purple-500">محصولات ماساژ</a></li>
901                                    <li><a href="#" class="hover:text-purple-500">ترازو و فشارسنج</a></li>
902                                </ul>
903                            </div>
904
905                            <div class="space-y-4">
906                                <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>
907                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
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                                    <li><a href="#" class="hover:text-purple-500">اسکراب و پیلینگ</a></li>
912                                    <li><a href="#" class="hover:text-purple-500">محصولات آکنه</a></li>
913                                </ul>
914                            </div>
915
916                            <div class="space-y-4">
917                                <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>
918                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
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                                    <li><a href="#" class="hover:text-purple-500">محصولات ضد ریزش</a></li>
923                                </ul>
924                            </div>
925
926                            <div class="space-y-4">
927                                <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>
928                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
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                        </div>
936                    </div>-->
937                    <!--Toys and children-->
938                    <!--<div id="dk-toys" class="mega-tab-content hidden">
939                        <div class="flex items-center justify-between mb-8">
940                            <a href="#" class="flex items-center gap-1 text-[14px] font-black text-gray-900 dark:text-white hover:text-yellow-500">
941                                مشاهده تمام محصولات اسباب بازی و کودک
942                                <svg class="w-4 h-4 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
942<path d="M9 5l7 7-7 7" stroke-width="3" /></svg>
943                            </a>
944                        </div>
945
946                        <div class="grid grid-cols-4 gap-x-6 gap-y-10">
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-yellow-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-yellow-500">ماشین و موتور</a></li>
951                                    <li><a href="#" class="hover:text-yellow-500">عروسک و پولیش</a></li>
952                                    <li><a href="#" class="hover:text-yellow-500">لگو و ساختنی</a></li>
953                                    <li><a href="#" class="hover:text-yellow-500">فکری و آموزشی</a></li>
954                                    <li><a href="#" class="hover:text-yellow-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-yellow-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-yellow-500">لباس نوزاد</a></li>
962                                    <li><a href="#" class="hover:text-yellow-500">لباس پسرانه</a></li>
963                                    <li><a href="#" class="hover:text-yellow-500">لباس دخترانه</a></li>
964                                    <li><a href="#" class="hover:text-yellow-500">کفش کودک</a></li>
965                                    <li><a href="#" class="hover:text-yellow-500">کلاه و جوراب</a></li>
966                                </ul>
967                            </div>
968
969                            <div class="space-y-4">
970                                <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>
971                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
972                                    <li><a href="#" class="hover:text-yellow-500">شیر خشک</a></li>
973                                    <li><a href="#" class="hover:text-yellow-500">پوره و غذای آماده</a></li>
974                                    <li><a href="#" class="hover:text-yellow-500">بیسکویت و تنقلات</a></li>
975                                    <li><a href="#" class="hover:text-yellow-500">مکمل و ویتامین</a></li>
976                                    <li><a href="#" class="hover:text-yellow-500">لوازم تغذیه</a></li>
977                                </ul>
978                            </div>
979
980                            <div class="space-y-4">
981                                <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>
982                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
983                                    <li><a href="#" class="hover:text-yellow-500">کریر و کالسکه</a></li>
984                                    <li><a href="#" class="hover:text-yellow-500">صندلی ماشین</a></li>
985                                    <li><a href="#" class="hover:text-yellow-500">تخت و روروئک</a></li>
986                                    <li><a href="#" class="hover:text-yellow-500">پوشک و مرطوب کننده</a></li>
987                                    <li><a href="#" class="hover:text-yellow-500">شیشه شیر و پستانک</a></li>
988                                </ul>
989                            </div>
990
991                            <div class="space-y-4">
992                                <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>
993                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
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                                    <li><a href="#" class="hover:text-yellow-500">لوازم نقاشی</a></li>
998                                    <li><a href="#" class="hover:text-yellow-500">کتاب و قصه</a></li>
999                                </ul>
1000                            </div>
1001
1002                            <div class="space-y-4">
1003                                <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>
1004                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
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                                    <li><a href="#" class="hover:text-yellow-500">موسیقی کودک</a></li>
1009                                    <li><a href="#" class="hover:text-yellow-500">زبان آموزی</a></li>
1010                                </ul>
1011                            </div>
1012
1013                            <div class="space-y-4">
1014                                <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>
1015                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
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                                    <li><a href="#" class="hover:text-yellow-500">
1019ضد عفونی کننده</a></li>
1020                                </ul>
1021                            </div>
1022
1023                            <div class="space-y-4">
1024                                <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>
1025                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
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                        </div>
1033                    </div>-->
1034                    <!--Sports and travel-->
1035                    <!--<div id="dk-sports" class="mega-tab-content hidden">
1036                        <div class="flex items-center justify-between mb-8">
1037                            <a href="#" class="flex items-center gap-1 text-[14px] font-black text-gray-900 dark:text-white hover:text-blue-500">
1038                                مشاهده تمام محصولات ورزش و سفر
1039                                <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>
1040                            </a>
1041                        </div>
1042
1043                        <div class="grid grid-cols-4 gap-x-6 gap-y-10">
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-blue-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-blue-500">توپ و راکت</a></li>
1048                                    <li><a href="#" class="hover:text-blue-500">دمبل و هالتر</a></li>
1049                                    <li><a href="#" class="hover:text-blue-500">طناب و کش ورزشی</a></li>
1050                                    <li><a href="#" class="hover:text-blue-500">لباس ورزشی</a></li>
1051                                    <li><a href="#" class="hover:text-blue-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-blue-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-blue-500">تردمیل و دوچرخه ثابت</a></li>
1059                                    <li><a href="#" class="hover:text-blue-500">الپتیکال و استپر</a></li>
1060                                    <li><a href="#" class="hover:text-blue-500">نیمکت بدنسازی</a></li>
1061                                    <li><a href="#" class="hover:text-blue-500">موسیقی ورزشی</a></li>
1062                                    <li><a href="#" class="hover:text-blue-500">لوازم جانبی</a></li>
1063                                </ul>
1064                            </div>
1065
1066                            <div class="space-y-4">
1067                                <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>
1068                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1069                                    <li><a href="#" class="hover:text-blue-500">کفش و کتانی</a></li>
1070                                    <li><a href="#" class="hover:text-blue-500">کوله پشتی</a></li>
1071                                    <li><a href="#" class="hover:text-blue-500">چادر و کیسه خواب</a></li>
1072                                    <li><a href="#" class="hover:text-blue-500">طناب و کارابین</a></li>
1073                                    <li><a href="#" class="hover:text-blue-500">وسایل ایمنی</a></li>
1074                                </ul>
1075                            </div>
1076
1077                            <div class="space-y-4">
1078                                <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>
1079                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1080                                    <li><a href="#" class="hover:text-blue-500">چمدان و ساک</a></li>
1081                                    <li><a href="#" class="hover:text-blue-500">کیف لوازم بهداشتی</a></li>
1082                                    <li><a href="#" class="hover:text-blue-500">پاوربانک مسافرتی</a></li>
1083                                    <li><a href="#" class="hover:text-blue-500">عینک و کلاه</a></li>
1084                                    <li><a href="#" class="hover:text-blue-500">نقشه و راهنما</a></li>
1085                                </ul>
1086                            </div>
1087
1088                            <div class="space-y-4">
1089                                <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>
1090                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1091                                    <li><a href="#" class="hover:text-blue-500">
1091اجاق و باربیکیو</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                                    <li><a href="#" class="hover:text-blue-500">تشک و زیرانداز</a></li>
1095                                    <li><a href="#" class="hover:text-blue-500">وسایل آشپزی</a></li>
1096                                </ul>
1097                            </div>
1098
1099                            <div class="space-y-4">
1100                                <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>
1101                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
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                                    <li><a href="#" class="hover:text-blue-500">کلاه ایمنی</a></li>
1106                                    <li><a href="#" class="hover:text-blue-500">پمپ و تعمیرات</a></li>
1107                                </ul>
1108                            </div>
1109
1110                            <div class="space-y-4">
1111                                <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>
1112                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
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                                    <li><a href="#" class="hover:text-blue-500">لوازم غواصی</a></li>
1117                                </ul>
1118                            </div>
1119
1120                            <div class="space-y-4">
1121                                <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>
1122                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
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                        </div>
1130                    </div>-->
1131                    <!--Books and stationery-->
1132                    <!--<div id="dk-books" class="mega-tab-content hidden">
1133                        <div class="flex items-center justify-between mb-8">
1134                            <a href="#" class="flex items-center gap-1 text-[14px] font-black text-gray-900 dark:text-white hover:text-indigo-500">
1135                                مشاهده تمام محصولات کتاب و لوازم تحریر
1136                                <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>
1137                            </a>
1138                        </div>
1139
1140                        <div class="grid grid-cols-4 gap-x-6 gap-y-10">
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-indigo-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-indigo-500">
1144رمان و داستان</a></li>
1145                                    <li><a href="#" class="hover:text-indigo-500">کتاب دانشگاهی</a></li>
1146                                    <li><a href="#" class="hover:text-indigo-500">کودک و نوجوان</a></li>
1147                                    <li><a href="#" class="hover:text-indigo-500">تاریخ و سیاست</a></li>
1148                                    <li><a href="#" class="hover:text-indigo-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-indigo-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-indigo-500">خودکار و روان‌نویس</a></li>
1156                                    <li><a href="#" class="hover:text-indigo-500">مداد و پاک‌کن</a></li>
1157                                    <li><a href="#" class="hover:text-indigo-500">دفتر و کاغذ</a></li>
1158                                    <li><a href="#" class="hover:text-indigo-500">جامدادی و کیف</a></li>
1159                                    <li><a href="#" class="hover:text-indigo-500">خط کش و گونیا</a></li>
1160                                </ul>
1161                            </div>
1162
1163                            <div class="space-y-4">
1164                                <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>
1165                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1166                                    <li><a href="#" class="hover:text-indigo-500">رنگ و قلمو</a></li>
1167                                    <li><a href="#" class="hover:text-indigo-500">بوم و کاغذ طراحی</a></li>
1168                                    <li><a href="#" class="hover:text-indigo-500">مداد شمعی و پاستل</a></li>
1169                                    <li><a href="#" class="hover:text-indigo-500">مجسمه سازی</a></li>
1170                                    <li><a href="#" class="hover:text-indigo-500">کالیگرافی</a></li>
1171                                </ul>
1172                            </div>
1173
1174                            <div class="space-y-4">
1175                                <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>
1176                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1177                                    <li><a href="#" class="hover:text-indigo-500">پرونده و زونکن</a></li>
1178                                    <li><a href="#" class="hover:text-indigo-500">مهر و تاریخ‌زن</a></li>
1179                                    <li><a href="#" class="hover:text-indigo-500">منگنه و سوزن منگنه</a></li>
1180                                    <li><a href="#" class="hover:text-indigo-500">تمبر و پاکت نامه</a></li>
1181                                    <li><a href="#" class="hover:text-indigo-500">کاغذ کپی و پرینتر</a></li>
1182                                </ul>
1183                            </div>
1184
1185                            <div class="space-y-4">
1186                                <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>
1187                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
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                                    <li><a href="#" class="hover:text-indigo-500">نوار چسب و چسب</a></li>
1192                                    <li><a href="#" class="hover:text-indigo-500">کارت و برچسب</a></li>
1193                                </ul>
1194                            </div>
1195
1196                            <div class="space-y-4">
1197                                <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>
1198                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
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                                    <li><a href="#" class="hover:text-indigo-500">اسکنر و پرینتر</a></li>
1203                                </ul>
1204                            </div>
1205
1206                            <div class="space-y-4">
1207                                <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>
1208                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
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                                </ul>
1224                            </div>
1225                        </div>
1226                    </div>-->
1227                    <!--Cars and motorcycles-->
1228                    <!--<div id="dk-auto" class="mega-tab-content hidden">
1229                        <div class="flex items-center justify-between mb-8">
1230                            <a href="#" class="flex items-center gap-1 text-[14px] font-black text-gray-900 dark:text-white hover:text-red-500">
1231                                مشاهده تمام محصولات خودرو و موتورسیکلت
1232                                <svg class="w-4 h-4 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1232<path d="M9 5l7 7-7 7" stroke-width="3" /></svg>
1233                            </a>
1234                        </div>
1235
1236                        <div class="grid grid-cols-4 gap-x-6 gap-y-10">
1237                            <div class="space-y-4">
1238                                <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>
1239                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1240                                    <li><a href="#" class="hover:text-red-500">روغن و ضد یخ</a></li>
1241                                    <li><a href="#" class="hover:text-red-500">لاستیک و رینگ</a></li>
1242                                    <li><a href="#" class="hover:text-red-500">باتری و استارت</a></li>
1243                                    <li><a href="#" class="hover:text-red-500">فیلتر هوا و روغن</a></li>
1244                                    <li><a href="#" class="hover:text-red-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-red-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-red-500">کلاه ایمنی</a></li>
1252                                    <li><a href="#" class="hover:text-red-500">لوازم یدکی موتور</a></li>
1253                                    <li><a href="#" class="hover:text-red-500">پوشاک موتورسوار</a></li>
1254                                    <li><a href="#" class="hover:text-red-500">زین و باربند</a></li>
1255                                    <li><a href="#" class="hover:text-red-500">آینه و روشنایی</a></li>
1256                                </ul>
1257                            </div>
1258
1259                            <div class="space-y-4">
1260                                <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>
1261                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1262                                    <li><a href="#" class="hover:text-red-500">ضبط و پخش خودرو</a></li>
1263                                    <li><a href="#" class="hover:text-red-500">اسپیکر و آمپلی فایر</a></li>
1264                                    <li><a href="#" class="hover:text-red-500">دوربین دنده عقب</a></li>
1265                                    <li><a href="#" class="hover:text-red-500">هدآپ دیسپلی</a></li>
1266                                    <li><a href="#" class="hover:text-red-500">کابل و اتصالات</a></li>
1267                                </ul>
1268                            </div>
1269
1270                            <div class="space-y-4">
1271                                <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>
1272                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1273                                    <li><a href="#" class="hover:text-red-500">جعبه ابزار</a></li>
1274                                    <li><a href="#" class="hover:text-red-500">آچار و پیچ گوشتی</a></li>
1275                                    <li><a href="#" class="hover:text-red-500">جک و گاز آچار</a></li>
1276                                    <li><a href="#" class="hover:text-red-500">فنر و کمک فنر</a></li>
1277                                    <li><a href="#" class="hover:text-red-500">لوازم برقی خودرو</a></li>
1278                                </ul>
1279                            </div>
1280
1281                            <div class="space-y-4">
1282                                <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>
1283                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1284                                    <li><a href="#" class="hover:text-red-500">شامپو و واکس</a></li>
1285                                    <li><a href="#" class="hover:text-red-500">
1285برس و اسفنج</a></li>
1286                                    <li><a href="#" class="hover:text-red-500">جاذب رطوبت</a></li>
1287                                    <li><a href="#" class="hover:text-red-500">دستگاه کارواش</a></li>
1288                                    <li><a href="#" class="hover:text-red-500">پولیش و درخشان کننده</a></li>
1289                                </ul>
1290                            </div>
1291
1292                            <div class="space-y-4">
1293                                <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>
1294                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
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                                    <li><a href="#" class="hover:text-red-500">ترمز و کاسه چرخ</a></li>
1299                                    <li><a href="#" class="hover:text-red-500">رادیاتور و شلنگ</a></li>
1300                                </ul>
1301                            </div>
1302
1303                            <div class="space-y-4">
1304                                <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>
1305                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
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                                    <li><a href="#" class="hover:text-red-500">کاور و پارکینگی</a></li>
1310                                </ul>
1311                            </div>
1312
1313                            <div class="space-y-4">
1314                                <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>
1315                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
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                        </div>
1323                    </div>-->
1324                    <!--Industrial and tools-->
1325                    <!--<div id="dk-tools" class="mega-tab-content hidden">
1326                        <div class="flex items-center justify-between mb-8">
1327                            <a href="#" class="flex items-center gap-1 text-[14px] font-black text-gray-900 dark:text-white hover:text-secondary-500">
1328                                مشاهده تمام محصولات صنعتی و ابزار
1329                                <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>
1330                            </a>
1331                        </div>
1332
1333                        <div class="grid grid-cols-4 gap-x-6 gap-y-10">
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-secondary-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-secondary-500">آچار و پیچ گوشتی</a></li>
1338                                    <li><a href="#" class="hover:text-secondary-500">انبر و پliers</a></li>
1339                                    <li><a href="#" class="hover:text-secondary-500">چکش و پتک</a></li>
1340                                    <li><a href="#" class="hover:text-secondary-500">اره و اره مویی</a></li>
1341                                    <li><a href="#" class="hover:text-secondary-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-secondary-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-secondary-500">دریل و پیچ گوشتی برقی</a></li>
1349                                    <li><a href="#" class="hover:text-secondary-500">اره برقی و فرز</a></li>
1350                                    <li><a href="#" class="hover:text-secondary-500">سمباده و پولیشر</a></li>
1351                                    <li><a href="#" class="hover:text-secondary-500">هویه و لحیم کاری</a></li>
1352                                    <li><a href="#" class="hover:text-secondary-500">شارژر و باتری</a></li>
1353                                </ul>
1354                            </div>
1355
1356                            <div class="space-y-4">
1357                                <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>
1358                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1359                                    <li><a href="#" class="hover:text-secondary-500">کلاه و عینک ایمنی</a></li>
1360                                    <li><a href="#" class="hover:text-secondary-500">دستکش و کفش ایمنی</a></li>
1361                                    <li><a href="#" class="hover:text-secondary-500">ماسک و محافظ گوش</a></li>
1362                                    <li><a href="#" class="hover:text-secondary-500">جلیقه و لباس کار</a></li>
1363                                    <li><a href="#" class="hover:text-secondary-500">کپسول آتش‌نشانی</a></li>
1364                                </ul>
1365                            </div>
1366
1367                            <div class="space-y-4">
1368                                <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>
1369                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1370                                    <li><a href="#" class="hover:text-secondary-500">متر لیزری</a></li>
1371                                    <li><a href="#" class="hover:text-secondary-500">کولیس و میکرومتر</a></li>
1372                                    <li><a href="#" class="hover:text-secondary-500">تراز و شاغول</a></li>
1373                                    <li><a href="#" class="hover:text-secondary-500">دماسنج و رطوبت سنج</a></li>
1374                                    <li><a href="#" class="hover:text-secondary-500">آمپرمتر و مولتی متر</a></li>
1375                                </ul>
1376                            </div>
1377
1378                            <div class="space-y-4">
1379                                <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>
1380                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
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                                    <li><a href="#" class="hover:text-secondary-500">انبر و چکش جوشکاری</a></li>
1385                                    <li><a href="#" class="hover:text-secondary-500">گاز و اکسیژن</a></li>
1386                                </ul>
1387                            </div>
1388
1389                            <div class="space-y-4">
1390                                <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>
1391                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
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                                    <li><a href="#" class="hover:text-secondary-500">چمن زن و هرس برقی</a></li>
1396                                    <li><a href="#" class="hover:text-secondary-500">آبپاش و شلنگ</a></li>
1397                                </ul>
1398                            </div>
1399
1400                            <div class="space-y-4">
1401                                <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>
1402                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
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                                    <li><a href="#" class="hover:text-secondary-500">پیچ و مهره</a></li>
1407                                </ul>
1408                            </div>
1409
1410                            <div class="space-y-4">
1411                                <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>
1412                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1413                                    <li><a href="#" class="hover:text-secondary-500">
1413کمپرسور باد</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                        </div>
1420                    </div>-->
1421                    <!--Agriculture and horticulture-->
1422                    <!--<div id="dk-garden" class="mega-tab-content hidden">
1423                                        <div class="flex items-center justify-between mb-8">
1424                                            <a href="#" class="flex items-center gap-1 text-[14px] font-black text-gray-900 dark:text-white hover:text-emerald-500">
1425                                                مشاهده تمام محصولات کشاورزی و باغبانی
1426                                                <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>
1427                                            </a>
1428                                        </div>
1429
1430                                        <div class="grid grid-cols-4 gap-x-6 gap-y-10">
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-emerald-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-emerald-500">بذر سبزیجات</a></li>
1435                                                    <li><a href="#" class="hover:text-emerald-500">بذر گل و گیاهان زینتی</a></li>
1436                                                    <li><a href="#" class="hover:text-emerald-500">نهال میوه</a></li>
1437                                                    <li><a href="#" class="hover:text-emerald-500">قلمه و پیاز</a></li>
1438                                                    <li><a href="#" class="hover:text-emerald-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-emerald-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-emerald-500">کود حیوانی</a></li>
1446                                                    <li><a href="#" class="hover:text-emerald-500">کود شیمیایی</a></li>
1447                                                    <li><a href="#" class="hover:text-emerald-500">کود مایع و تقویتی</a></li>
1448                                                    <li><a href="#" class="hover:text-emerald-500">سموم دفع آفات</a></li>
1449                                                    <li><a href="#" class="hover:text-emerald-500">قارچ کش و علف کش</a></li>
1450                                                </ul>
1451                                            </div>
1452
1453                                            <div class="space-y-4">
1454                                                <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>
1455                                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1456                                                    <li><a href="#" class="hover:text-emerald-500">شلنگ و اتصالات</a></li>
1457                                                    <li><a href="#" class="hover:text-emerald-500">پمپ آب و قطره چکان</a></li>
1458                                                    <li><a href="#" class="hover:text-emerald-500">آبپاش و مه پاش</a></li>
1459                                                    <li><a href="#" class="hover:text-emerald-500">تایمر و سیستم اتوماتیک</a></li>
1460                                                    <li><a href="#" class="hover:text-emerald-500">منبع و مخزن آب</a></li>
1461                                                </ul>
1462                                            </div>
1463
1464                                            <div class="space-y-4">
1465                                                <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>
1466                                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
1467                                                    <li><a href="#" class="hover:text-emerald-500">بیل و بیلچه</a></li>
1468                                                    <li><a href="#" class="hover:text-emerald-500">چنگک و شن کش</a></li>
1469                                                    <li><a href="#" class="hover:text-emerald-500">قیچی باغبانی</a></li>
1470                                                    <li><a href="#" class="hover:text-emerald-500">اره و تبر</a></li>
1471                                                    <li><a href="#" class="hover:text-emerald-500">فرغون و سطل</a></li>
1472                                                </ul>
1473                                            </div>
1474
1475                                            <div class="space-y-4">
1476                                                <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>
1477                                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
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                                                    <li><a href="#" class="hover:text-emerald-500">گیاهان فضای باز</a></li>
1482                                                    <li><a href="#" class="hover:text-emerald-500">کاکتوس و ساکولنت</a></li>
1483                                                </ul>
1484                                            </div>
1485
1486                                            <div class="space-y-4">
1487                                                <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>
1488                                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
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                                                    <li><a href="#" class="hover:text-emerald-500">چمن زن و علف تراش</a></li>
1493                                                    <li><a href="#" class="hover:text-emerald-500">پمپ و موتور آب</a></li>
1494                                                </ul>
1495                                            </div>
1496
1497                                            <div class="space-y-4">
1498                                                <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>
1499                                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
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                                                    <li><a href="#" class="hover:text-emerald-500">آبخوری و دانخوری</a></li>
1504                                                    <li><a href="#" class="hover:text-emerald-500">قرص و مکمل دامی</a></li>
1505                                                </ul>
1506                                            </div>
1507
1508                                            <div class="space-y-4">
1509                                                <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>
1510                                                <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400">
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                                                    <li><a href="#" class="hover:text-emerald-500">قفسه و گروباکس</a></li>
1515                                                    <li><a href="#" class="hover:text-emerald-500">کنترل رطوبت و دما</a></li>
1516                                                </ul>
1517                                            </div>
1518                                        </div>
1519                                    </div>
1520
1521                                </div>
1522                            </div>
1523                        </div>
1524                    </li>
1525
1526                    <li class="group/megalist static">
1527                        <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">
1528                            مگالیست منو
1529                            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1530                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
1531                            </svg>
1532                        </a>
1533
1534                        <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">
1535                            <div class="container mx-auto px-8 py-10">
1536                                <div class="grid grid-cols-5 gap-8">-->
1537                    <!--Column 1: Most popular brands-->
1538                    <!--<div class="col-span-3 grid grid-cols-3 gap-6">-->
1539                    <!--Electronics brands-->
1540                    <!--<div class="space-y-4">
1541                        <h4 class="font-black text-sm mb-4 dark:text-white flex items-center gap-2">
1542                            <svg class="w-4 h-4 text-primary-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1543                                <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" />
1544                            </svg>
1545                            لوازم الکترونیکی
1546                        </h4>
1547                        <ul class="space-y-3">
1548                            <li>
1549                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1550                                    <span class="w-2 h-2 bg-primary-500 rounded-full"></span>
1551                                    اپل (Apple)
1552                                </a>
1553                            </li>
1554                            <li>
1555                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1556                                    <span class="w-2 h-2 bg-primary-400 rounded-full"></span>
1557                                    سامسونگ (Samsung)
1558                                </a>
1559                            </li>
1560                            <li>
1561                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1562                                    <span class="w-2 h-2 bg-primary-300 rounded-full"></span>
1563                                    سونی (Sony)
1564                                </a>
1565                            </li>
1566                            <li>
1567                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1568                                    <span class="w-2 h-2 bg-primary-500 rounded-full"></span>
1569                                    هواوی (Huawei)
1570                                </a>
1571                            </li>
1572                            <li>
1573                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1574                                    <span class="w-2 h-2 bg-primary-600 rounded-full"></span>
1575                                    ال‌جی (LG)
1576                                </a>
1577                            </li>
1578                            <li>
1579                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1580                                    <span class="w-2 h-2 bg-primary-500 rounded-full"></span>
1581                                    شیائومی (Xiaomi)
1582                                </a>
1583                            </li>
1584                            <li>
1585                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1586                                    <span class="w-2 h-2 bg-primary-400 rounded-full"></span>
1587                                    دِل (Dell)
1588                                </a>
1589                            </li>
1590                        </ul>
1591                    </div>-->
1592                    <!--Clothing and fashion brands-->
1593                    <!--<div class="space-y-4">
1594                        <h4 class="font-black text-sm mb-4 dark:text-white flex items-center gap-2">
1595                            <svg class="w-4 h-4 text-primary-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1596                                <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" />
1597                            </svg>
1598                            پوشاک و مد
1599                        </h4>
1600                        <ul class="space-y-3">
1601                            <li>
1602                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1603                                    <span class="w-2 h-2 bg-primary-500 rounded-full"></span>
1604                                    زارا (Zara)
1605                                </a>
1606                            </li>
1607                            <li>
1608                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1609                                    <span class="w-2 h-2 bg-primary-400 rounded-full"></span>
1610                                    اچ‌اند‌ام (H&M)
1611                                </a>
1612                            </li>
1613                            <li>
1614                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1615                                    <span class="w-2 h-2 bg-primary-300 rounded-full"></span>
1616                                    Ú¯Ù¾ (Gap)
1617                                </a>
1618                            </li>
1619                            <li>
1620                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1621                                    <span class="w-2 h-2 bg-primary-600 rounded-full"></span>
1622                                    نایک (Nike)
1623                                </a>
1624                            </li>
1625                            <li>
1626                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1627                                    <span class="w-2 h-2 bg-primary-700 rounded-full"></span>
1628                                    آدیداس (Adidas)
1629                                </a>
1630                            </li>
1631                            <li>
1632                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1633                                    <span class="w-2 h-2 bg-primary-800 rounded-full"></span>
1634                                    پوما (Puma)
1635                                </a>
1636                            </li>
1637                        </ul>
1638                    </div>-->
1639                    <!--Home appliance brands-->
1640                    <!--<div class="space-y-4">
1641                        <h4 class="font-black text-sm mb-4 dark:text-white flex items-center gap-2">
1642                            <svg class="w-4 h-4 text-primary-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1643                                <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" />
1644                            </svg>
1645                            لوازم خانگی
1646                        </h4>
1647                        <ul class="space-y-3">
1648                            <li>
1649                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1650                                    <span class="w-2 h-2 bg-primary-500 rounded-full"></span>
1651                                    بوش (Bosch)
1652                                </a>
1653                            </li>
1654                            <li>
1655                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1656                                    <span class="w-2 h-2 bg-primary-400 rounded-full"></span>
1657                                    سامسونگ خانگی
1658                                </a>
1659                            </li>
1660                            <li>
1661                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1662                                    <span class="w-2 h-2 bg-primary-300 rounded-full"></span>
1663                                    ال‌جی خانگی
1664                                </a>
1665                            </li>
1666                            <li>
1667                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1668                                    <span class="w-2 h-2 bg-primary-600 rounded-full"></span>
1669                                    پاناسونیک (Panasonic)
1670                                </a>
1671                            </li>
1672                            <li>
1673                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1674                                    <span class="w-2 h-2 bg-primary-700 rounded-full"></span>
1675                                    فیلیپس (Philips)
1676                                </a>
1677                            </li>
1678                            <li>
1679                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1680                                    <span class="w-2 h-2 bg-primary-800 rounded-full"></span>
1681                                    کنوود (Kenwood)
1682                                </a>
1683                            </li>
1684                        </ul>
1685                    </div>-->
1686                    <!--Beauty and health brands-->
1687                    <!--<div class="space-y-4">
1688                        <h4 class="font-black text-sm mb-4 dark:text-white flex items-center gap-2">
1689                            <svg class="w-4 h-4 text-primary-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1690                                <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" />
1691                            </svg>
1692                            زیبایی و سلامت
1693                        </h4>
1694                        <ul class="space-y-3">
1695                            <li>
1696                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1697                                    <span class="w-2 h-2 bg-primary-500 rounded-full"></span>
1698                                    لورآل (L'Oréal)
1699                                </a>
1700                            </li>
1701                            <li>
1702                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1703                                    <span class="w-2 h-2 bg-primary-400 rounded-full"></span>
1704                                    شنل (Chanel)
1705                                </a>
1706                            </li>
1707                            <li>
1708                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1709                                    <span class="w-2 h-2 bg-primary-300 rounded-full"></span>
1710                                    دیور (Dior)
1711                                </a>
1712                            </li>
1713                            <li>
1714                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1715                                    <span class="w-2 h-2 bg-primary-600 rounded-full"></span>
1716                                    نیوآ (Nivea)
1717                                </a>
1718                            </li>
1719                            <li>
1720                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1721                                    <span class="w-2 h-2 bg-primary-500 rounded-full"></span>
1722                                    گرن (Garnier)
1723                                </a>
1724                            </li>
1725                            <li>
1726                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1727                                    <span class="w-2 h-2 bg-primary-400 rounded-full"></span>
1728                                    وازلین (Vaseline)
1729                                </a>
1730                            </li>
1731                        </ul>
1732                    </div>-->
1733                    <!--Sports brands-->
1734                    <!--<div class="space-y-4">
1735                        <h4 class="font-black text-sm mb-4 dark:text-white flex items-center gap-2">
1736                            <svg class="w-4 h-4 text-primary-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1737                                <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" />
1738                            </svg>
1739                            ورزشی
1740                        </h4>
1741                        <ul class="space-y-3">
1742                            <li>
1743                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1744                                    <span class="w-2 h-2 bg-primary-600 rounded-full"></span>
1745                                    نایک (Nike)
1746                                </a>
1747                            </li>
1748                            <li>
1749                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1750                                    <span class="w-2 h-2 bg-primary-700 rounded-full"></span>
1751                                    آدیداس (Adidas)
1752                                </a>
1753                            </li>
1754                            <li>
1755                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1756                                    <span class="w-2 h-2 bg-primary-800 rounded-full"></span>
1757                                    پوما (Puma)
1758                                </a>
1759                            </li>
1760                            <li>
1761                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1762                                    <span class="w-2 h-2 bg-primary-500 rounded-full"></span>
1763                                    ریبوک (Reebok)
1764                                </a>
1765                            </li>
1766                            <li>
1767                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1768                                    <span class="w-2 h-2 bg-primary-600 rounded-full"></span>
1769                                    آندر آرمور (Under Armour)
1770                                </a>
1771                            </li>
1772                            <li>
1773                                <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1774                                    <span class="w-2 h-2 bg-primary-700 rounded-full"></span>
1775                                    اسکچرز (Skechers)
1776                                </a>
1777                            </li>
1778                        </ul>
1779                    </div>-->
1780                    <!--Iranian brands-->
1781                    <!--<div class="space-y-4">
1782                            <h4 class="font-black text-sm mb-4 dark:text-white flex items-center gap-2">
1783                                <svg class="w-4 h-4 text-primary-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1784                                    <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 
17840 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
1785                                </svg>
1786                                برندهای ایرانی
1787                            </h4>
1788                            <ul class="space-y-3">
1789                                <li>
1790                                    <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1791                                        <span class="w-2 h-2 bg-primary-500 rounded-full"></span>
1792                                        ایران خودرو
1793                                    </a>
1794                                </li>
1795                                <li>
1796                                    <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1797                                        <span class="w-2 h-2 bg-primary-400 rounded-full"></span>
1798                                        سایپا
1799                                    </a>
1800                                </li>
1801                                <li>
1802                                    <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1803                                        <span class="w-2 h-2 bg-primary-300 rounded-full"></span>
1804                                        پارس خودرو
1805                                    </a>
1806                                </li>
1807                                <li>
1808                                    <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1809                                        <span class="w-2 h-2 bg-primary-600 rounded-full"></span>
1810                                        شاتل
1811                                    </a>
1812                                </li>
1813                                <li>
1814                                    <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1815                                        <span class="w-2 h-2 bg-primary-500 rounded-full"></span>
1816                                        صانع (موبایل)
1817                                    </a>
1818                                </li>
1819                                <li>
1820                                    <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1821                                        <span class="w-2 h-2 bg-primary-600 rounded-full"></span>
1822                                        مارال (لوازم خانگی)
1823                                    </a>
1824                                </li>
1825                            </ul>
1826                        </div>
1827                    </div>-->
1828                    <!--Second column: Brand images-->
1829                    <!--<div class="col-span-2">
1830                    <div class="grid grid-cols-2 gap-4 mb-6">-->
1831                    <!--Luxury brands-->
1832                    <!--<div class="relative overflow-hidden rounded-2xl h-40 group/img">
1833                        <a href="">
1834                            <img src="assets/images/banner/banner-four-3.jpg"
1835                                 class="w-full h-full object-cover transition-transform duration-500 group-hover/img:scale-110">
1836                        </a>
1837                    </div>-->
1838                    <!--Advanced technology-->
1839                    <!--<div class="relative overflow-hidden rounded-2xl h-40 group/img">
1840                            <a href="">
1841                                <img src="assets/images/banner/banner-11.jpg"
1842                                     class="w-full h-full object-cover transition-transform duration-500 group-hover/img:scale-110">
1843                            </a>
1844                        </div>
1845                    </div>-->
1846                    <!--Special brands-->
1847                    <!--<div class="space-y-4">
1848                        <h4 class="font-black text-sm mb-4 dark:text-white">برندهای ویژه امروز</h4>
1849                        <div class="grid grid-cols-2 gap-3">
1850                            <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">
1851                                <div class="w-10 h-10 rounded-lg bg-primary-100 dark:bg-primary-900/30 flex items-center justify-center">
1852                                    <span class="text-primary-600 dark:text-primary-400 font-bold text-sm">AP</span>
1853                                </div>
1854                                <div>
1855                                    <span class="text-xs font-semibold dark:text-white group-hover/item:text-primary-500">اپل</span>
1856                                    <p class="text-xs text-gray-500">تا ۳۰٪ تخفیف</p>
1857                                </div>
1858                            </a>
1859
1860                            <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">
1861                                <div class="w-10 h-10 rounded-lg bg-primary-100 dark:bg-primary-900/30 flex items-center justify-center">
1862                                    <span class="text-primary-600 dark:text-primary-400 font-bold text-sm">SA</span>
1863                                </div>
1864                                <div>
1865                                    <span class="text-xs font-semibold dark:text-white group-hover/item:text-primary-500">سامسونگ</span>
1866                                    <p class="text-xs text-gray-500">هدیه خرید</p>
1867                                </div>
1868                            </a>
1869
1870                            <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">
1871                                <div class="w-10 h-10 rounded-lg bg-primary-100 dark:bg-primary-900/30 flex items-center justify-center">
1872                                    <span class="text-primary-600 dark:text-primary-400 font-bold text-sm">NI</span>
1873                                </div>
1874                                <div>
1875                                    <span class="text-xs font-semibold dark:text-white group-hover/item:text-primary-500">نایک</span>
1876                                    <p class="text-xs text-gray-500">حراج ویژه</p>
1877                                </div>
1878                            </a>
1879
1880                            <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">
1881                                <div class="w-10 h-10 rounded-lg bg-primary-100 dark:bg-primary-900/30 flex items-center justify-center">
1882                                    <span class="text-primary-600 dark:text-primary-400 font-bold text-sm">LO</span>
1883                                </div>
1884                                <div>
1885                                    <span class="text-xs font-semibold dark:text-white group-hover/item:text-primary-500">لورآل</span>
1886                                    <p class="text-xs text-gray-500">کادو رایگان</p>
1887                                </div>
1888                            </a>
1889                        </div>
1890                    </div>-->
1891                    <!--Top category-->
1892                    <!--<div class="mt-6 pt-6 border-t border-gray-200 dark:border-gray-800">
1893                                <h4 class="font-black text-sm mb-4 dark:text-white">دسته‌بندی‌های برتر</h4>
1894                                <div class="flex flex-wrap gap-2">
1895                                    <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">
1896                                        گوشی‌های هوشمند
1897                                    </a>
1898                                    <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">
1899                                        لپ‌تاپ‌های گیمینگ
1900                                    </a>
1901                                    <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">
1902                                        لباس ورزشی
1903                                    </a>
1904                                    <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">
1905                                        لوازم آرایشی
1906                                    </a>
1907                                    <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">
1908                                        اسباب‌بازی
1909                                    </a>
1910                                </div>
1911                            </div>
1912                        </div>
1913                    </div>-->
1914                    <!--Bottom line with quick links-->
1915                    <!--<div class="mt-8 pt-6 border-t border-gray-200 dark:border-gray-800">
1916                                    <div class="flex items-center justify-between">
1917                                        <div class="flex items-center gap-6">
1918                                            <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-1">
1919                                                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1920                                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" />
1921                                                </svg>
1922                                                پرطرفدارترین‌ها
1923                                            </a>
1924                                            <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-1">
1925                                                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1926                                                    <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" />
1927                                                </svg>
1928                                                جدیدترین برندها
1929                                            </a>
1930                                            <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-1">
1931                                                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1932                                                    <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" />
1933                                                </svg>
1934                                                پرفروش‌ترین‌ها
1935                                            </a>
1936                                        </div>
1937                                        <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">
1938                                            مشاهده همه برندها
1939                                            <svg class="w-4 h-4 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1940                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18" />
1941                                            </svg>
1942                                        </a>
1943                                    </div>
1944                                </div>
1945                            </div>
1946                        </div>
1947                    </li>-->
1948
1949                    <li class="relative group/drop">
1950                        <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
1950nded-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">
1951                            <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>
1952                            <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>
1953                            <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>
1954                            <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>
1955                            <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>
1956                            <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>
1957                        </ul>
1958                    </li>
1959                    <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>
1960                    <li class="relative group/drop">
1961                        <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">
1962                            <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>
1963                            <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>
1964                            <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>
1965                        </ul>
1966                    </li>
1967                    <li class="relative group/drop">
1968                        <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">
1968<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">
1969                            <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>
1970                            <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>
1971                            <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>
1972                        </ul>
1973                    </li>
1974                    <li class="relative group/drop">
1975                        <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">
1976                            <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>
1977                            <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>
1978                            <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>
1979                            <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>
1980                            <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>
1981                        </ul>
1982                    </li>
1983                    <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>
1984                </ul>
1985            </div>
1986        </nav>
1987
1988    </header>
1989    <!-- END HEADER -->
1990
1991    <main class="space-y-12">
1992
1993        <!-- CONTENT -->
1994
1995
1996        
1997    <!-- Breadcrumb -->
1998    <div class="container px-4 pt-6">
1999        <nav class="flex items-center gap-2 text-[11px] font-bold text-gray-400 dark:text-gray-500" aria-label="breadcrumb">
2000            <a href="/" class="hover:text-blue-600 transition-colors flex items-center gap-1"><i class="fal fa-home"></i> فروشگاه جی‌ال‌ایکس</a>
2001            <i class="far fa-chevron-left text-[8px] opacity-40"></i>
2002            <span class="text-gray-900 dark:text-white font-black">گوشی هوشمند Revvl 7 Pro 5G دو سیم‌کارت ظرفیت ۲۵۶ گیگابایت و رم ۸ گیگابایت</span>
2003        </nav>
2004    </div>
2005
2006    <!-- PRODUCT HERO -->
2007    <section class="product-hero relative pt-6 pb-4 overflow-hidden">
2008        <div class="absolute top-0 right-0 w-[400px] h-[400px] bg-blue-600/5 blur-[100px] rounded-full -z-10"></div>
2009
2010        <div class="container relative z-10 px-4">
2011            <div class="grid grid-cols-1 lg:grid-cols-12 gap-10 items-start">
2012
2013                <!-- GALLERY -->
2014                <div class="lg:col-span-5 space-y-6 flex flex-col items-center justify-center">
2015                    <div class="relative group bg-white/40 dark:bg-black/20 backdrop-blur-2xl rounded-[3rem] border border-white/60 dark:border-white/5 shadow-2xl p-6 overflow-hidden w-full">
2016
2017                        <!-- Icon toolbar: favorite + share -->
2018                        <div class="absolute top-6 left-1/2 -translate-x-1/2 z-[100] isolate">
2019                            <div class="flex items-center gap-1.5 p-1.5 bg-white/40 dark:bg-black/40 backdrop-blur-2xl rounded-2xl border border-white/60 dark:border-white/10 shadow-2xl opacity-0 group-hover:opacity-100 transition-all duration-500 transform translate-y-[-15px] group-hover:translate-y-0 flex-row-reverse">
2020
2021                                <div class="relative group/tooltip">
2022<form action="/Favorites/AjaxDelete" data-ajax="true" data-ajax-begin="OnUnFavBegin" data-ajax-failure="OnUnFavFailure" data-ajax-method="POST" data-ajax-mode="replace" data-ajax-success="OnUnFavSuccess" data-ajax-update="#favAjaxTarget1" id="form0" method="post"><input name="__RequestVerificationToken" type="hidden" value="_jyPrXQxwF4AMfg19ceB87WIhkj5RdaZ1h9VicEq-VlLKCblEinOt2Hh2y8zE6PETzLPT6jA00arMtbS-lxXBqhcwi29-lh3YNOJlX_dV2k1" />                                        <button id="RedHeart" type="submit" class="w-10 h-10 rounded-xl flex items-center justify-center text-red-500 hover:bg-red-500 hover:text-white transition-all duration-300" style="display:none" title="حذف از علاقه‌مندی">
2023                                            <i class="fas fa-heart"></i>
2024                                        </button>
2025                                        <input type="hidden" name="ProductId" value="15565">
2026</form>                                </div>
2027                                <div>
2028<form action="/Favorites/Create" data-ajax="true" data-ajax-begin="OnFavBegin" data-ajax-failure="OnFavFailure" data-ajax-method="POST" data-ajax-mode="replace" data-ajax-success="OnFavSuccess" data-ajax-update="#favAjaxTarget2" id="form1" method="post"><input name="__RequestVerificationToken" type="hidden" value="1Qx6Iy7jK9c6SaGxHAJfM8gXb0nY-dM8--um_WU4yi3b8cJPjjSk8nEcJx6u2rcfBjoygaco8HiR2HhALQP1rDcpu1UHgZFi4xwOPF9Wx2w1" />                                        <button id="WhiteHeart" type="submit" class="w-10 h-10 rounded-xl flex items-center justify-center text-gray-700 dark:text-gray-200 hover:bg-red-500 hover:text-white transition-all duration-300" style="" title="افزودن به علاقه‌مندی">
2029                                            <i class="fal fa-heart"></i>
2030                                        </button>
2031                                        <input type="hidden" name="ProductId" value="15565">
2032</form>                                </div>
2033                                <div id="favAjaxTarget1" class="hidden"></div>
2034                                <div id="favAjaxTarget2" class="hidden"></div>
2035
2036                                <div class="w-[1px] h-5 bg-gray-400/20 dark:bg-white/10"></div>
2037
2038                                <button onclick="toggleModal('shareModal')" class="w-10 h-10 rounded-xl flex items-center justify-center text-gray-700 dark:text-gray-200 hover:bg-blue-600 hover:text-white transition-all duration-300" title="اشتراک‌گذاری">
2039                                    <i class="fal fa-share-alt"></i>
2040                                </button>
2041                            </div>
2042                        </div>
2043
2044                        <!-- Sale / status badge -->
2045                            <div class="absolute top-6 right-6 z-50">
2046                                <span class="bg-amber-500 text-white text-[11px] font-black px-3 py-1.5 rounded-xl shadow-lg">ناموجود</span>
2047                            </div>
2048
2049                        <!-- Main gallery -->
2050                            <div class="swiper productMainSwiper h-[320px] md:h-[450px]" dir="rtl">
2051                                <div class="swiper-wrapper">
2052                                        <div class="swiper-slide">
2053                                            <div class="swiper-zoom-container flex items-center justify-center p-4">
2054                                                <img src="/Images/Product/Big_15565/01.jpg?ver=1.1" class="max-h-full w-auto object-contain" alt="گوشی هوشمند Revvl 7 Pro 5G دو سیم‌کارت ظرفیت ۲۵۶ گیگابایت و رم ۸ گیگابایت" title="گوشی هوشمند Revvl 7 Pro 5G دو سیم‌کارت ظرفیت ۲۵۶ گیگابایت و رم ۸ گیگابایت" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" />
2055                                            </div>
2056                                        </div>
2057                                        <div class="swiper-slide">
2058                                            <div class="swiper-zoom-container flex items-center justify-center p-4">
2059                                                <img src="/Images/Product/Big_15565/02.jpg?ver=1.1" class="max-h-full w-auto object-contain" alt="گوشی هوشمند Revvl 7 Pro 5G دو سیم‌کارت ظرفیت ۲۵۶ گیگابایت و رم ۸ گیگابایت" title="گوشی هوشمند Revvl 7 Pro 5G دو سیم‌کارت ظرفیت ۲۵۶ گیگابایت و رم ۸ گیگابایت" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" />
2060                                            </div>
2061                                        </div>
2062                                        <div class="swiper-slide">
2063                                            <div class="swiper-zoom-container flex items-center justify-center p-4">
2064                                                <img src="/Images/Product/Big_15565/03.jpg?ver=1.1" class="max-h-full w-auto object-contain" alt="گوشی هوشمند Revvl 7 Pro 5G دو سیم‌کارت ظرفیت ۲۵۶ گیگابایت و رم ۸ گیگابایت" title="گوشی هوشمند Revvl 7 Pro 5G دو سیم‌کارت ظرفیت ۲۵۶ گیگابایت و رم ۸ گیگابایت" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" />
2065                                            </div>
2066                                        </div>
2067                                        <div class="swiper-slide">
2068                                            <div class="swiper-zoom-container flex items-center justify-center p-4">
2069                                                <img src="/Images/Product/Big_15565/04.jpg?ver=1.1" class="max-h-full w-auto object-contain" alt="گوشی هوشمند Revvl 7 Pro 5G دو سیم‌کارت ظرفیت ۲۵۶ گیگابایت و رم ۸ گیگابایت" title="گوشی هوشمند Revvl 7 Pro 5G دو سیم‌کارت ظرفیت ۲۵۶ گیگابایت و رم ۸ گیگابایت" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" />
2070                                            </div>
2071                                        </div>
2072                                        <div class="swiper-slide">
2073                                            <div class="swiper-zoom-container flex items-center justify-center p-4">
2074                                                <img src="/Images/Product/Big_15565/05.jpg?ver=1.1" class="max-h-full w-auto object-contain" alt="گوشی هوشمند Revvl 7 Pro 5G دو سیم‌کارت ظرفیت ۲۵۶ گیگابایت و رم ۸ گیگابایت" title="گوشی هوشمند Revvl 7 Pro 5G دو سیم‌کارت ظرفیت ۲۵۶ گیگابایت و رم ۸ گیگابایت" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" />
2075                                            </div>
2076                                        </div>
2077                                        <div class="swiper-slide">
2078                                            <div class="swiper-zoom-container flex items-center justify-center p-4">
2079                                                <img src="/Images/Product/Big_15565/06.jpg?ver=1.1" class="max-h-full w-auto object-contain" alt="گوشی هوشمند Revvl 7 Pro 5G دو سیم‌کارت ظرفیت ۲۵۶ گیگابایت و رم ۸ گیگابایت" title="گوشی هوشمند Revvl 7 Pro 5G دو سیم‌کارت ظرفیت ۲۵۶ گیگابایت و رم ۸ گیگابایت" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" />
2080                                            </div>
2081                                        </div>
2082                                        <div class="swiper-slide">
2083                                            <div class="swiper-zoom-container flex items-center justify-center p-4">
2084                                                <img src="/Images/Product/Big_15565/07.jpg?ver=1.1" class="max-h-full w-auto object-contain" alt="گوشی هوشمند Revvl 7 Pro 5G دو سیم‌کارت ظرفیت ۲۵۶ گیگابایت و رم ۸ گیگابایت" title="گوشی هوشمند Revvl 7 Pro 5G دو سیم‌کارت ظرفیت ۲۵۶ گیگابایت و رم ۸ گیگابایت" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" />
2085                                            </div>
2086                                        </div>
2087                                        <div class="swiper-slide">
2088                                            <div class="swiper-zoom-container flex items-center justify-center p-4">
2089                                                <img src="/Images/Product/Big_15565/08.jpg?ver=1.1" class="max-h-full w-auto object-contain" alt="گوشی هوشمند Revvl 7 Pro 5G دو سیم‌کارت ظرفیت ۲۵۶ گیگابایت و رم ۸ گیگابایت" title="گوشی هوشمند Revvl 7 Pro 5G دو سیم‌کارت ظرفیت ۲۵۶ گیگابایت و رم ۸ گیگابایت" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" />
2090                                            </div>
2091                                        </div>
2092                                        <div class="swiper-slide">
2093                                            <div class="swiper-zoom-container flex items-center justify-center p-4">
2094                                                <img src="/Images/Product/Big_15565/09.jpg?ver=1.1" class="max-h-full w-auto object-contain" alt="گوشی هوشمند Revvl 7 Pro 5G دو سیم‌کارت ظرفیت ۲۵۶ گیگابایت و رم ۸ گیگابایت" title="گوشی هوشمند Revvl 7 Pro 5G دو سیم‌کارت ظرفیت ۲۵۶ گیگابایت و رم ۸ گیگابایت" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" />
2095                                            </div>
2096                                        </div>
2097                                        <div class="swiper-slide">
2098                                            <div class="swiper-zoom-container flex items-center justify-center p-4">
2099                                                <img src="/Images/Product/Big_15565/10.jpg?ver=1.1" class="max-h-full w-auto object-contain" alt="گوشی هوشمند Revvl 7 Pro 5G دو سیم‌کارت ظرفیت ۲۵۶ گیگابایت و رم ۸ گیگابایت" title="گوشی هوشمند Revvl 7 Pro 5G دو سیم‌کارت ظرفیت ۲۵۶ گیگابایت و رم ۸ گیگابایت" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" />
2100                                            </div>
2101                                        </div>
2102                                </div>
2103                                <div class="swiper-button-next w-12 h-12 bg-white/90 dark:bg-black/60 rounded-2xl after:!text-sm shadow-xl text-blue-600 border border-white/50 dark:border-white/5"></div>
2104                                <div class="swiper-button-prev w-12 h-12 bg-white/90 dark:bg-black/60 rounded-2xl after:!text-sm shadow-xl text-blue-600 border border-white/50 dark:border-white/5"></div>
2105                            </div>
2106                    </div>
2107
2108                    <!-- Thumbnails -->
2109                        <div class="w-full max-w-[400px]">
2110                            <div class="swiper productThumbsSwiper !pb-5" dir="rtl">
2111                                <div class="swiper-wrapper">
2112                                        <div class="swiper-slide cursor-pointer rounded-[1.5rem] border-2 border-transparent bg-white/40 dark:bg-white/5 p-2 transition-all opacity-40 overflow-hidden">
2113                                            <img src="/Images/Product/Big_15565/01.jpg?ver=1.1" class="w-full aspect-square object-contain" alt="گوشی هوشمند Revvl 7 Pro 5G دو سیم‌کارت ظرفیت ۲۵۶ گیگابایت و رم ۸ گیگابایت" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" />
2114                                        </div>
2115                                        <div class="swiper-slide cursor-pointer rounded-[1.5rem] border-2 border-transparent bg-white/40 dark:bg-white/5 p-2 transition-all opacity-40 overflow-hidden">
2116                                            <img src="/Images/Product/Big_15565/02.jpg?ver=1.1" class="w-full aspect-square object-contain" alt="گوشی هوشمند Revvl 7 Pro 5G دو سیم‌کارت ظرفیت ۲۵۶ گیگابایت و رم ۸ گیگابایت" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" />
2117                                        </div>
2118                                        <div class="swiper-slide cursor-pointer rounded-[1.5rem] border-2 border-transparent bg-white/40 dark:bg-white/5 p-2 transition-all opacity-40 overflow-hidden">
2119                                            <img src="/Images/Product/Big_15565/03.jpg?ver=1.1" class="w-full aspect-square object-contain" alt="گوشی هوشمند Revvl 7 Pro 5G دو سیم‌کارت ظرفیت ۲۵۶ گیگابایت و رم ۸ گیگابایت" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" />
2120                                        </div>
2121                                        <div class="swiper-slide cursor-pointer rounded-[1.5rem] border-2 border-transparent bg-white/40 dark:bg-white/5 p-2 transition-all opacity-40 overflow-hidden">
2122                                            <img src="/Images/Product/Big_15565/04.jpg?ver=1.1" class="w-full aspect-square object-contain" alt="گوشی هوشمند Revvl 7 Pro 5G دو سیم‌کارت ظرفیت ۲۵۶ گیگابایت و رم ۸ گیگابایت" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" />
2123                                        </div>
2124                                        <div class="swiper-slide cursor-pointer rounded-[1.5rem] border-2 border-transparent bg-white/40 dark:bg-white/5 p-2 transition-all opacity-40 overflow-hidden">
2125                                            <img src="/Images/Product/Big_15565/05.jpg?ver=1.1" class="w-full aspect-square object-contain" alt="گوشی هوشمند Revvl 7 Pro 5G دو سیم‌کارت ظرفیت ۲۵۶ گیگابایت و رم ۸ گیگابایت" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" />
2126                                        </div>
2127                                        <div class="swiper-slide cursor-pointer rounded-[1.5rem] border-2 border-transparent bg-white/40 dark:bg-white/5 p-2 transition-all opacity-40 overflow-hidden">
2128                                            <img src="/Images/Product/Big_15565/06.jpg?ver=1.1" class="w-full aspect-square object-contain" alt="گوشی هوشمند Revvl 7 Pro 5G دو سیم‌کارت ظرفیت ۲۵۶ گیگابایت و رم ۸ گیگابایت" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" />
2129                                        </div>
2130                                        <div class="swiper-slide cursor-pointer rounded-[1.5rem] border-2 border-transparent bg-white/40 dark:bg-white/5 p-2 transition-all opacity-40 overflow-hidden">
2131                                            <img src="/Images/Product/Big_15565/07.jpg?ver=1.1" class="w-full aspect-square object-contain" alt="گوشی هوشمند Revvl 7 Pro 5G دو سیم‌کارت ظرفیت ۲۵۶ گیگابایت و رم ۸ گیگابایت" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" />
2132                                        </div>
2133                                        <div class="swiper-slide cursor-pointer rounded-[1.5rem] border-2 border-transparent bg-white/40 dark:bg-white/5 p-2 transition-all opacity-40 overflow-hidden">
2134                                            <img src="/Images/Product/Big_15565/08.jpg?ver=1.1" class="w-full aspect-square object-contain" alt="گوشی هوشمند Revvl 7 Pro 5G دو سیم‌کارت ظرفیت ۲۵۶ گیگابایت و رم ۸ گیگابایت" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" />
2135                                        </div>
2136                                        <div class="swiper-slide cursor-pointer rounded-[1.5rem] border-2 border-transparent bg-white/40 dark:bg-white/5 p-2 transition-all opacity-40 overflow-hidden">
2137                                            <img src="/Images/Product/Big_15565/09.jpg?ver=1.1" class="w-full aspect-square object-contain" alt="گوشی هوشمند Revvl 7 Pro 5G دو سیم‌کارت ظرفیت ۲۵۶ گیگابایت و رم ۸ گیگابایت" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" />
2138                                        </div>
2139                                        <div class="swiper-slide cursor-pointer rounded-[1.5rem] border-2 border-transparent bg-white/40 dark:bg-white/5 p-2 transition-all opacity-40 overflow-hidden">
2140                                            <img src="/Images/Product/Big_15565/10.jpg?ver=1.1" class="w-full aspect-square object-contain" alt="گوشی هوشمند Revvl 7 Pro 5G دو سیم‌کارت ظرفیت ۲۵۶ گیگابایت و رم ۸ گیگابایت" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" />
2141                                        </div>
2142                                </div>
2143                            </div>
2144                        </div>
2145                </div>
2146
2147                <!-- INFO -->
2148                <div class="lg:col-span-7 space-y-6">
2149
2150                    <div class="space-y-2">
2151                        <h1 class="text-2xl font-black text-gray-900 dark:text-white leading-relaxed">
2152                            گوشی هوشمند Revvl 7 Pro 5G دو سیم‌کارت ظرفیت ۲۵۶ گیگابایت و رم ۸ گیگابایت
2153                        </h1>
2154                            <p class="text-[13px] font-bold text-gray-400 dark:text-gray-500">Revvl 7 PRO 5G</p>
2155                    </div>
2156
2157                    <div class="grid grid-cols-1 xl:grid-cols-12 gap-6">
2158
2159                        <!-- Variants + description -->
2160                        <div class="xl:col-span-7 space-y-6">
2161
2162
2163                        </div>
2164
2165                        <!-- Price / buy card -->
2166                        <div class="xl:col-span-5">
2167                            <div class="bg-gray-50 dark:bg-white/5 border border-gray-100 dark:border-white/5 rounded-[2.5rem] p-6 space-y-5">
2168
2169
2170
2171
2172
2173                                <!-- CTA -->
2174                                    <a class="
2174w-full h-14 bg-gray-300 dark:bg-white/10 text-gray-600 dark:text-gray-300 rounded-2xl font-black text-sm flex items-center justify-center gap-3">
2175                                        <span id="titleTime" class="titleTime"><i class="fal fa-shopping-cart"></i> ناموجود</span>
2176                                    </a>
2177
2178                                <!-- Inform me -->
2179<form action="/Inform/Create" data-ajax="true" data-ajax-begin="OnInformBegin" data-ajax-failure="OnInformFailure" data-ajax-method="POST" data-ajax-mode="replace" data-ajax-success="OnInformSuccess" data-ajax-update="#informAjaxTarget" id="form2" method="post"><input name="__RequestVerificationToken" type="hidden" value="HZFP6kD-XpRZPQqdzCOa5_uX9sOZoRX2pgsDHV8VbuET5JlxF9wfl9OWyt_hc20x6jvj4MaIyN6hozJX0d9eA4EjM_XPS-0fISo2-iz5GKE1" />                                                <a href="/Account/Login?ReturnUrl=/Products/15565/" id="btnInform" class="w-full text-center text-[12px] font-black text-blue-600 hover:underline flex items-center justify-center gap-2 py-2">
2180                                                    <i class="fal fa-bell"></i> به من اطلاع بده
2181                                                </a>
2182                                    <input type="hidden" name="ProductId" value="15565">
2183</form>                                <div id="informAjaxTarget" class="hidden"></div>
2184
2185                                <p class="text-center pt-1">
2186                                    <a href="/Home/poll" class="text-[11px] font-bold text-gray-400 hover:text-blue-600">مایلید در نظرسنجی جی‌ال‌ایکس شرکت نمایید؟</a>
2187                                </p>
2188                            </div>
2189                        </div>
2190                    </div>
2191                </div>
2192            </div>
2193        </div>
2194    </section>
2195
2196    <!-- MOBILE STICKY CTA -->
2197    <div class="add-to-cart-sticky fixed bottom-0 inset-x-0 z-40 lg:hidden bg-white/90 dark:bg-black/90 backdrop-blur-xl border-t border-gray-100 dark:border-white/5 p-3" style="padding-bottom:calc(env(safe-area-inset-bottom) + 0.75rem)">
2198            <a class="w-full h-12 bg-gray-200 dark:bg-white/10 text-gray-600 dark:text-gray-300 rounded-2xl font-black text-sm flex items-center justify-center gap-2">
2199                <span id="titleTime2"><i class="fal fa-shopping-cart"></i> ناموجود</span>
2200            </a>
2201    </div>
2202
2203    <!-- RELATED PRODUCTS -->
2204        <section class="space-y-6">
2205            <div class="container px-4 space-y-6">
2206                <div class="flex items-center gap-3">
2207                    <span class="w-2 h-8 bg-blue-600 rounded-full"></span>
2208                    <h2 class="text-xl font-black text-gray-900 dark:text-white">محصولات مرتبط</h2>
2209                </div>
2210
2211                <div class="relative">
2212                    <div class="swiper productSwiper !overflow-visible">
2213                        <div class="swiper-wrapper">
2214                                <div class="swiper-slide h-auto p-3">
2215                                    <a href="/Products/13485/شارژر-دیواری-30-وات-به-همراه-کابل-تایپ-سی" class="group relative h-full pt-8 block">
2216                                        <div class="absolute inset-0 bg-white/80 dark:bg-[#0a0a0a]/40 backdrop-blur-[20px] rounded-[3rem] border border-gray-100 dark:border-white/10 shadow-[0_20px_50px_rgba(0,0,0,0.02)] transition-all duration-700 group-hover:border-blue-500/50"></div>
2217                                        <div class="relative p-6 flex flex-col h-full z-10 transition-transform duration-500 group-hover:-translate-y-2">
2218                                            <div class="relative mb-4 flex items-center justify-center min-h-[120px]">
2219                                                <img src="/Images/Product/13485.jpg?ver=1.1" class="relative z-10 w-full h-36 object-contain transition-all duration-700 group-hover:scale-110" alt="شارژر دیواری 30 وات به همراه کابل تایپ سی" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/image/onerror-img.svg';">
2220                                            </div>
2221                                            <span class="text-[10px] font-bold text-gray-400">وسایل جانبی</span>
2222                                            <h3 class="text-[13px] font-black text-gray-800 dark:text-zinc-100 mb-4 line-clamp-2 leading-6 h-11 group-hover:text-blue-600 transition-colors">شارژر دیواری 30 وات به همراه کابل تایپ سی</h3>
2223                                            <div class="mt-auto pt-4 border-t border-gray-100 dark:border-white/5">
2224                                                    <span class="text-lg font-black text-gray-900 dark:text-white tabular-nums">1,090,000 <span class="text-[10px] font-bold text-gray-400">تومان</span></span>
2225                                            </div>
2226                                        </div>
2227                                    </a>
2228                                </div>
2229                                <div class="swiper-slide h-auto p-3">
2230                                    <a href="/Products/16583/محافظ-صفحه-نمایش-شیشه‌ای-revvl-7-pro-5g" class="group relative h-full pt-8 block">
2231                                        <div class="absolute inset-0 bg-white/80 dark:bg-[#0a0a0a]/40 backdrop-blur-[20px] rounded-[3rem] border border-gray-100 dark:border-white/10 shadow-[0_20px_50px_rgba(0,0,0,0.02)] transition-all duration-700 group-hover:border-blue-500/50"></div>
2232                                        <div class="relative p-6 flex flex-col h-full z-10 transition-transform duration-500 group-hover:-translate-y-2">
2233                                            <div class="relative mb-4 flex items-center justify-center min-h-[120px]">
2234                                                <img src="/Images/Product/16583.jpg?ver=1.1" class="relative z-10 w-full h-36 object-contain transition-all duration-700 group-hover:scale-110" alt="محافظ صفحه نمایش شیشه‌ای Revvl 7 Pro 5G" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/image/onerror-img.svg';">
2235                                            </div>
2236                                            <span class="text-[10px] font-bold text-gray-400">وسایل جانبی</span>
2237                                            <h3 class="text-[13px] font-black text-gray-800 dark:text-zinc-100 mb-4 line-clamp-2 leading-6 h-11 group-hover:text-blue-600 transition-colors">محافظ صفحه نمایش شیشه‌ای Revvl 7 Pro 5G</h3>
2238                                            <div class="mt-auto pt-4 border-t border-gray-100 dark:border-white/5">
2239                                                    <span class="text-lg font-black text-gray-900 dark:text-white tabular-nums">236,000 <span class="text-[10px] font-bold text-gray-400">تومان</span></span>
2240                                            </div>
2241                                        </div>
2242                                    </a>
2243                                </div>
2244                                <div class="swiper-slide h-auto p-3">
2245                                    <a href="/Products/16584/کیف-کلاسوری-مناسب-برای-گوشی-موبایل-revvl-7-pro-5g-طرح-سه-بعدی" class="group relative h-full pt-8 block">
2246                                        <div class="absolute inset-0 bg-white/80 dark:bg-[#0a0a0a]/40 backdrop-blur-[20px] rounded-[3rem] border border-gray-100 dark:border-white/10 shadow-[0_20px_50px_rgba(0,0,0,0.02)] transition-all duration-700 group-hover:border-blue-500/50"></div>
2247                                        <div class="relative p-6 flex flex-col h-full z-10 transition-transform duration-500 group-hover:-translate-y-2">
2248                                            <div class="relative mb-4 flex items-center justify-center min-h-[120px]">
2249                                                <img src="/Images/Product/16584.jpg?ver=1.1" class="relative z-10 w-full h-36 object-contain transition-all duration-700 group-hover:scale-110" alt="کیف کلاسوری مناسب برای گوشی موبایل Revvl 7 Pro 5G طرح سه بعدی" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/image/onerror-img.svg';">
2250                                            </div>
2251                                            <span class="text-[10px] font-bold text-gray-400">وسایل جانبی</span>
2252                                            <h3 class="text-[13px] font-black text-gray-800 dark:text-zinc-100 mb-4 line-clamp-2 leading-6 h-11 group-hover:text-blue-600 transition-colors">کیف کلاسوری مناسب برای گوشی موبایل Revvl 7 Pro 5G طرح سه بعدی</h3>
2253                                            <div class="mt-auto pt-4 border-t border-gray-100 dark:border-white/5">
2254                                                    <span class="text-lg font-black text-gray-900 dark:text-white tabular-nums">958,000 <span class="text-[10px] font-bold text-gray-400">تومان</span></span>
2255                                            </div>
2256                                        </div>
2257                                    </a>
2258                                </div>
2259                                <div class="swiper-slide h-auto p-3">
2260                                    <a href="/Products/16587/کیف-کلاسوری-مناسب-برای-گوشی-موبایل-revvl-7-pro-5g-طرح-چرمی" class="group relative h-full pt-8 block">
2261                                        <div class="absolute inset-0 bg-white/80 dark:bg-[#0a0a0a]/40 backdrop-blur-[20px] rounded-[3rem] border border-gray-100 dark:border-white/10 shadow-[0_20px_50px_rgba(0,0,0,0.02)] transition-all duration-700 group-hover:border-blue-500/50"></div>
2262                                        <div class="relative p-6 flex flex-col h-full z-10 transition-transform duration-500 group-hover:-translate-y-2">
2263                                            <div class="relative mb-4 flex items-center justify-center min-h-[120px]">
2264                                                <img src="/Images/Product/16587.jpg?ver=1.1" class="relative z-10 w-full h-36 object-contain transition-all duration-700 group-hover:scale-110" alt="کیف کلاسوری مناسب برای گوشی موبایل Revvl 7 Pro 5G طرح چرمی" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/image/onerror-img.svg';">
2265                                            </div>
2266                                            <span class="text-[10px] font-bold text-gray-400">وسایل جانبی</span>
2267                                            <h3 class="text-[13px] font-black text-gray-800 dark:text-zinc-100 mb-4 line-clamp-2 leading-6 h-11 group-hover:text-blue-600 transition-colors">کیف کلاسوری مناسب برای گوشی موبایل Revvl 7 Pro 5G طرح چرمی</h3>
2268                                            <div class="mt-auto pt-4 border-t border-gray-100 dark:border-white/5">
2269                                                    <span class="text-lg font-black text-gray-900 dark:text-white tabular-nums">958,000 <span class="text-[10px] font-bold text-gray-400">تومان</span></span>
2270                                            </div>
2271                                        </div>
2272                                    </a>
2273                                </div>
2274                                <div class="swiper-slide h-auto p-3">
2275                                    <a href="/Products/16585/گارد-ژله-ای-شفاف-مناسب-برای-گوشی-موبایل-revvl-7-pro-5g" class="group relative h-full pt-8 block">
2276                                        <div class="absolute inset-0 bg-white/80 dark:bg-[#0a0a0a]/40 backdrop-blur-[20px] rounded-[3rem] border border-gray-100 dark:border-white/10 shadow-[0_20px_50px_rgba(0,0,0,0.02)] transition-all duration-700 group-hover:border-blue-500/50"></div>
2277                                        <div class="relative p-6 flex flex-col h-full z-10 transition-transform duration-500 group-hover:-translate-y-2">
2278                                            <div class="relative mb-4 flex items-center justify-center min-h-[120px]">
2279                                                <img src="/Images/Product/16585.jpg?ver=1.1" class="relative z-10 w-full h-36 object-contain transition-all duration-700 group-hover:scale-110" alt="گارد ژله ای شفاف مناسب برای گوشی موبایل Revvl 7 Pro 5G" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/image/onerror-img.svg';">
2280                                            </div>
2281                                            <span class="text-[10px] font-bold text-gray-400">وسایل جانبی</span>
2282                                            <h3 class="text-[13px] font-black text-gray-800 dark:text-zinc-100 mb-4 line-clamp-2 leading-6 h-11 group-hover:text-blue-600 transition-colors">گارد ژله ای شفاف مناسب برای گوشی موبایل Revvl 7 Pro 5G</h3>
2283                                            <div class="mt-auto pt-4 border-t border-gray-100 dark:border-white/5">
2284                                                    <span class="text-lg font-black text-gray-900 dark:text-white tabular-nums">418,000 <span class="text-[10px] font-bold text-gray-400">تومان</span></span>
2285                                            </div>
2286                                        </div>
2287                                    </a>
2288                                </div>
2289                                <div class="swiper-slide h-auto p-3">
2290                                    <a href="/Products/16586/کاور-سیلیکونی-مشکی-مناسب-برای-گوشی-موبایل-revvl-7-pro-5g" class="group relative h-full pt-8 block">
2291                                        <div class="absolute inset-0 bg-white/80 dark:bg-[#0a0a0a]/40 backdrop-blur-[20px] rounded-[3rem] border border-gray-100 dark:border-white/10 shadow-[0_20px_50px_rgba(0,0,0,0.02)] transition-all duration-700 group-hover:border-blue-500/50"></div>
2292                                        <div class="relative p-6 flex flex-col h-full z-10 transition-transform duration-500 group-hover:-translate-y-2">
2293                                            <div class="relative mb-4 flex items-center justify-center min-h-[120px]">
2294                                                <img src="/Images/Product/16586.jpg?ver=1.1" class="relative z-10 w-full h-36 object-contain transition-all duration-700 group-hover:scale-110" alt="کاور سیلیکونی مشکی مناسب برای گوشی موبایل Revvl 7 Pro 5G" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/image/onerror-img.svg';">
2295                                            </div>
2296                                            <span class="text-[10px] font-bold text-gray-400">وسایل جانبی</span>
2297                                            <h3 class="text-[13px] font-black text-gray-800 dark:text-zinc-100 mb-4 line-clamp-2 leading-6 h-11 group-hover:text-blue-600 transition-colors">کاور سیلیکونی مشکی مناسب برای گوشی موبایل Revvl 7 Pro 5G</h3>
2298                                            <div class="mt-auto pt-4 border-t border-gray-100 dark:border-white/5">
2299                                                    <span class="text-lg font-black text-gray-900 dark:text-white tabular-nums">418,000 <span class="text-[10px] font-bold text-gray-400">تومان</span></span>
2300                                            </div>
2301                                        </div>
2302                                    </a>
2303                                </div>
2304                        </div>
2305                    </div>
2306                    <div class="swiper-button-next prod-next w-11 h-11 bg-white dark:bg-zinc-900 rounded-2xl after:!text-xs shadow-xl text-blue-600 border border-gray-100 dark:border-white/5"></div>
2307                    <div class="swiper-button-prev prod-prev w-11 h-11 bg-white dark:bg-zinc-900 rounded-2xl after:!text-xs shadow-xl text-blue-600 border border-gray-100 dark:border-white/5"></div>
2308                </div>
2309            </div>
2310        </section>
2311
2312    <!-- DETAILS TABS -->
2313    <section>
2314        <div class="container px-4">
2315            <div class="bg-white/40 dark:bg-zinc-900/40 backdrop-blur-3xl border border-white/40 dark:border-white/10 rounded-[3rem] shadow-2xl shadow-gray-200/30 dark:shadow-none">
2316
2317                <div class="flex items-center gap-2 p-4 bg-gray-50/50 dark:bg-white/5 border-b border-gray-100 dark:border-white/5 overflow-x-auto no-scrollbar" style="border-top-right-radius:3rem;border-top-left-radius:3rem">
2318                    <button onclick="switchTab('specs')" id="btn-specs" class="tab-btn active flex items-center gap-2 px-6 py-3 rounded-2xl text-sm font-black transition-all whitespace-nowrap">
2319                        <i class="fal fa-info-circle"></i> خصوصیات
2320                    </button>
2321                    <button onclick="switchTab('review')" id="btn-review" class="tab-btn flex items-center gap-2 px-6 py-3 rounded-2xl text-sm font-black text-gray-400 hover:text-gray-600 dark:hover:text-white transition-all whitespace-nowrap">
2322                        <i class="fal fa-cube"></i> نقد و بررسی
2323                    </button>
2324                    <button onclick="switchTab('comments')" id="btn-comments" class="tab-btn flex items-center gap-2 px-6 py-3 rounded-2xl text-sm font-black text-gray-400 hover:text-gray-600 dark:hover:text-white transition-all whitespace-nowrap">
2325                        <i class="fal fa-comments"></i> نظرات
2326                    </button>
2327                </div>
2328
2329                <div class="p-6 md:p-10">
2330
2331                    <!-- Specs -->
2332                    <div id="tab-specs" class="tab-content block animate-fadeIn">
2333                        <div class="w-full rounded-[2rem] border border-gray-100 dark:border-white/10 overflow-hidden">
2334                                <div class="flex items-center gap-3 px-6 py-3.5 bg-gray-50/80 dark:bg-white/10 border-b border-t border-gray-100 dark:border-white/10 first:border-t-0">
2335                                    <span class="w-8 h-8 rounded-lg bg-blue-600/10 flex items-center justify-center flex-shrink-0">
2336                                        <img src="/Images/PropertyGroup/1.png" class="w-5 h-5" onerror="this.src = '/Images/PropertyGroup/0.png'" alt="مشخصات کلی" title="مشخصات کلی">
2337                                    </span>
2338                                    <span class="text-[13px] font-black text-gray-900 dark:text-white">مشخصات کلی</span>
2339                                </div>
2340                                <div class="divide-y divide-gray-100 dark:divide-white/5">
2341                                        <div class="grid grid-cols-2 md:grid-cols-3 ">
2342                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2343                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">وزن</span>
2344                                            </div>
2345                                            <div class="md:col-span-2 px-4 py-3 text-right">
2346                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">198 گرم</span>
2347                                            </div>
2348                                        </div>
2349                                        <div class="grid grid-cols-2 md:grid-cols-3 bg-gray-50/50 dark:bg-white/5">
2350                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2351                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">ابعاد</span>
2352                                            </div>
2353                                            <div class="md:col-span-2 px-4 py-3 text-right">
2354                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">168.7*78*8.6 میلی متر</span>
2355                                            </div>
2356                                        </div>
2357                                        <div class="grid grid-cols-2 md:grid-cols-3 ">
2358                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2359                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">تعداد سیم کارت</span>
2360                                            </div>
2361                                            <div class="md:col-span-2 px-4 py-3 text-right">
2362                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">دو‌سیم‌کارت (Nano-SIM + eSIM)</span>
2363                                            </div>
2364                                        </div>
2365                                        <div class="grid grid-cols-2 md:grid-cols-3 bg-gray-50/50 dark:bg-white/5">
2366                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2367                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">قابلیت ویژه</span>
2368                                            </div>
2369                                            <div class="md:col-span-2 px-4 py-3 text-right">
2370                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">سرعت انتقال داده فوق العاده بالا برای تجربه ای سریع، پایدار و بدون تاخیر در ارتباطات. (سرعت دانلود دیتا حدودا  تا 1024 مگابیت و سرعت آپلود تا 468 مگابیت بر ثانیه میرسد)</span>
2371                                            </div>
2372                                        </div>
2373                                        <div class="grid grid-cols-2 md:grid-cols-3 ">
2374                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2375                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">گارانتی</span>
2376                                            </div>
2377                                            <div class="md:col-span-2 px-4 py-3 text-right">
2378                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">18 ماهه ارتباط همراه گویا اروند</span>
2379                                            </div>
2380                                        </div>
2381                                </div>
2382                                <div class="flex items-center gap-3 px-6 py-3.5 bg-gray-50/80 dark:bg-white/10 border-b border-t border-gray-100 dark:border-white/10 first:border-t-0">
2383                                    <span class="w-8 h-8 rounded-lg bg-blue-600/10 flex items-center justify-center flex-shrink-0">
2384                                        <img src="/Images/PropertyGroup/2.png" class="w-5 h-5" onerror="this.src = '/Images/PropertyGroup/0.png'" alt="پردازنده" title="پردازنده">
2385                                    </span>
2386                                    <span class="text-[13px] font-black text-gray-900 dark:text-white">پردازنده</span>
2387                                </div>
2388                                <div class="divide-y divide-gray-100 dark:divide-white/5">
2389                                        <div class="grid grid-cols-2 md:grid-cols-3 ">
2390                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2391                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">پردازنده مرکزی</span>
2392                                            </div>
2393                                            <div class="md:col-span-2 px-4 py-3 text-right">
2394                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">Qualcomm Snapdragon 6 Gen 1</span>
2395                                            </div>
2396                                        </div>
2397                                        <div class="grid grid-cols-2 md:grid-cols-3 bg-gray-50/50 dark:bg-white/5">
2398                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2399                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">فرکانس پردازنده مرکزی</span>
2400                                            </div>
2401                                            <div class="md:col-span-2 px-4 py-3 text-right">
2402                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">2.2 گیگاهرتز</span>
2403                                            </div>
2404                                        </div>
2405                                        <div class="grid grid-cols-2 md:grid-cols-3 ">
2406                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2407                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">پردازنده گرافیکی</span>
2408                                            </div>
2409                                            <div class="md:col-span-2 px-4 py-3 text-right">
2410                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">Qualcomm Adreno 710</span>
2411                                            </div>
2412                                        </div>
2413                                        <div class="grid grid-cols-2 md:grid-cols-3 bg-gray-50/50 dark:bg-white/5">
2414                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2415                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">هسته پردازنده</span>
2416                                            </div>
2417                                            <div class="md:col-span-2 px-4 py-3 text-right">
2418                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">8 هسته ای</span>
2419                                            </div>
2420                                        </div>
2421                                        <div class="grid grid-cols-2 md:grid-cols-3 ">
2422                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2423                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">ترکیب هسته ها</span>
2424                                            </div>
2425                                            <div class="md:col-span-2 px-4 py-3 text-right">
2426                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">4&#215; (A78 2.2GHz, A55 1.8GHz)</span>
2427                                            </div>
2428                                        </div>
2429                                </div>
2430                                <div class="flex items-center gap-3 px-6 py-3.5 bg-gray-50/80 dark:bg-white/10 border-b border-t border-gray-100 dark:border-white/10 first:border-t-0">
2431                                    <span class="w-8 h-8 rounded-lg bg-blue-600/10 flex items-center justify-center flex-shrink-0">
2432                                        <img src="/Images/PropertyGroup/3.png" class="w-5 h-5" onerror="this.src = '/Images/PropertyGroup/0.png'" alt="صفحه نمایش" title="صفحه نمایش">
2433                                    </span>
2434                                    <span class="text-[13px] font-black text-gray-900 dark:text-white">صفحه نمایش</span>
2435                                </div>
2436                                <div class="divide-y divide-gray-100 dark:divide-white/5">
2437                                        <div class="grid grid-cols-2 md:grid-cols-3 ">
2438                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2439                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">صفحه نمایش رنگی</span>
2440                                            </div>
2441                                            <div class="md:col-span-2 px-4 py-3 text-right">
2442                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">AMOLED</span>
2443                                            </div>
2444                                        </div>
2445                                        <div class="grid grid-cols-2 md:grid-cols-3 bg-gray-50/50 dark:bg-white/5">
2446                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2447                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">اندازه</span>
2448                                            </div>
2449                                            <div class="md:col-span-2 px-4 py-3 text-right">
2450                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">6.78 اینچ</span>
2451                                            </div>
2452                                        </div>
2453                                        <div class="grid grid-cols-2 md:grid-cols-3 ">
2454                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2455                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">رزولوشن</span>
2456                                            </div>
2457                                            <div class="md:col-span-2 px-4 py-3 text-right">
2458                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">1080 &#215; 2436 پیکسل</span>
2459                                            </div>
2460                                        </div>
2461                                        <div class="grid grid-cols-2 md:grid-cols-3 bg-gray-50/50 dark:bg-white/5">
2462                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2463                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">تراکم پیکسلی (PPI)</span>
2464                                            </div>
2465                                            <div class="md:col-span-2 px-4 py-3 text-right">
2466                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">393 ppi</span>
2467                                            </div>
2468                                        </div>
2469                                        <div class="grid grid-cols-2 md:grid-cols-3 ">
2470                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2471                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">نرخ نوسازی</span>
2472                                            </div>
2473                                            <div class="md:col-span-2 px-4 py-3 text-right">
2474                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">120 هرتز</span>
2475                                            </div>
2476                                        </div>
2477                                </div>
2478                                <div class="flex items-center gap-3 px-6 py-3.5 bg-gray-50/80 dark:bg-white/10 border-b border-t border-gray-100 dark:border-white/10 first:border-t-0">
2479                                    <span class="w-8 h-8 rounded-lg bg-blue-600/10 flex items-center justify-center flex-shrink-0">
2480                                        <img src="/Images/PropertyGroup/6.png" class="w-5 h-5" onerror="this.src = '/Images/PropertyGroup/0.png'" alt="حافظه" title="حافظه">
2481                                    </span>
2482                                    <span class="text-[13px] font-black text-gray-900 dark:text-white">حافظه</span>
2483                                </div>
2484                                <div class="divide-y divide-gray-100 dark:divide-white/5">
2485                                        <div class="grid grid-cols-2 md:grid-cols-3 ">
2486                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2487                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">حافظه داخلی</span>
2488                                            </div>
2489                                            <div class="md:col-span-2 px-4 py-3 text-right">
2490                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">256 گیگابایت</span>
2491                                            </div>
2492                                        </div>
2493                                        <div class="grid grid-cols-2 md:grid-cols-3 bg-gray-50/50 dark:bg-white/5">
2494                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2495                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">ظرفیت RAM</span>
2496                                            </div>
2497                                            <div class="md:col-span-2 px-4 py-3 text-right">
2498                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">8 گیگابایت</span>
2499                                            </div>
2500                                        </div>
2501                                        <div class="grid grid-cols-2 md:grid-cols-3 ">
2502                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2503                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">پشتیبانی از کارت حافظه جانبی</span>
2504                                            </div>
2505                                            <div class="md:col-span-2 px-4 py-3 text-right">
2506                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">microSDXC تا 2T</span>
2507                                            </div>
2508                                        </div>
2509                                </div>
2510                                <div class="flex items-center gap-3 px-6 py-3.5 bg-gray-50/80 dark:bg-white/10 border-b border-t border-gray-100 dark:border-white/10 first:border-t-0">
2511                                    <span class="w-8 h-8 rounded-lg bg-blue-600/10 flex items-center justify-center flex-shrink-0">
2512                                        <img src="/Images/PropertyGroup/7.png" class="w-5 h-5" onerror="this.src = '/Images/PropertyGroup/0.png'" alt="امکانات ارتباطی" title="امکانات ارتباطی">
2513                                    </span>
2514                                    <span class="text-[13px] font-black text-gray-900 dark:text-white">امکانات ارتباطی</span>
2515                                </div>
2516                                <div class="divide-y divide-gray-100 dark:divide-white/5">
2517                                        <div class="grid grid-cols-2 md:grid-cols-3 ">
2518                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2519                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">شبکه های ارتباطی</span>
2520                                            </div>
2521                                            <div class="md:col-span-2 px-4 py-3 text-right">
2522                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">2G /3G(HSPA) /4G(LTE) /5G</span>
2523                                            </div>
2524                                        </div>
2525                                        <div class="grid grid-cols-2 md:grid-cols-3 bg-gray-50/50 dark:bg-white/5">
2526                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2527                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">Wi-Fi</span>
2528                                            </div>
2529                                            <div class="md:col-span-2 px-4 py-3 text-right">
2530                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">Wi-Fi 6</span>
2531                                            </div>
2532                                        </div>
2533                                        <div class="grid grid-cols-2 md:grid-cols-3 ">
2534                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2535                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">نسخه بلوتوث</span>
2536                                            </div>
2537                                            <div class="md:col-span-2 px-4 py-3 text-right">
2538                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">5.2</span>
2539                                            </div>
2540                                        </div>
2541                                        <div class="grid grid-cols-2 md:grid-cols-3 bg-gray-50/50 dark:bg-white/5">
2542                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2543                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">GPS</span>
2544                                            </div>
2545                                            <div class="md:col-span-2 px-4 py-3 text-right">
2546                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">دارد</span>
2547                                            </div>
2548                                        </div>
2549                                        <div class="grid grid-cols-2 md:grid-cols-3 ">
2550                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2551                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">پشتیبانی از VoLTE</span>
2552                                            </div>
2553                                            <div class="md:col-span-2 px-4 py-3 text-right">
2554                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">دارد</span>
2555                                            </div>
2556                                        </div>
2557                                        <div class="grid grid-cols-2 md:grid-cols-3 bg-gray-50/50 dark:bg-white/5">
2558                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2559                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">درگاه‌های USB</span>
2560                                            </div>
2561                                            <div class="md:col-span-2 px-4 py-3 text-right">
2562                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">USB Type-C 3.0</span>
2563                                            </div>
2564                                        </div>
2565                                        <div class="grid grid-cols-2 md:grid-cols-3 ">
2566                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2567                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">پشتیبانی از NFC</span>
2568                                            </div>
2569                                            <div class="md:col-span-2 px-4 py-3 text-right">
2570                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">دارد</span>
2571                                            </div>
2572                                        </div>
2573                                        <div class="grid grid-cols-2 md:grid-cols-3 bg-gray-50/50 dark:bg-white/5">
2574                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2575                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">باندهای 2G</span>
2576                                            </div>
2577                                            <div class="md:col-span-2 px-4 py-3 text-right">
2578                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">GSM: 850 / 900 / 1800 / 1900 MHz</span>
2579                                            </div>
2580                                        </div>
2581                                        <div class="grid grid-cols-2 md:grid-cols-3 ">
2582                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2583                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">باندهای 3G</span>
2584                                            </div>
2585                                            <div class="md:col-span-2 px-4 py-3 text-right">
2586                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">HSPA: 850 / 900 / 1700 / 1900 / 2100 MHz</span>
2587                                            </div>
2588                                        </div>
2589                                        <div class="grid grid-cols-2 md:grid-cols-3 bg-gray-50/50 dark:bg-white/5">
2590                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2591                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">باندهای 4G</span>
2592                                            </div>
2593                                            <div class="md:col-span-2 px-4 py-3 text-right">
2594                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">B 1/2/3/4/5/7/8/12/13/17/20/25/ 26/28/38/39/40/41/66/71</span>
2595                                            </div>
2596                                        </div>
2597                                        <div class="grid grid-cols-2 md:grid-cols-3 ">
2598                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2599                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">باندهای 5G</span>
2600                                            </div>
2601                                            <div class="md:col-span-2 px-4 py-3 text-right">
2602                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">(5G: n1 (2100), n3 (1800), n7 (2600), n25 (1900), n28 (700), n38 (2600), n41 (2500), n66 (2100), n71 (600), n77 (3700), n78 (3500 MHz</span>
2603                                            </div>
2604                                        </div>
2605                                        <div class="grid grid-cols-2 md:grid-cols-3 bg-gray-50/50 dark:bg-white/5">
2606                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2607                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">5G Data</span>
2608                                            </div>
2609                                            <div class="md:col-span-2 px-4 py-3 text-right">
2610                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">سرعت دانلود تا 1024 مگابیت بر ثانیه و آپلود 468 مگابیت بر ثانیه (3GPP R16)-مودم گوشی از استاندارد 5G نسخه ی R16 پشتیبانی میکنه</span>
2611                                            </div>
2612                                        </div>
2613                                        <div class="grid grid-cols-2 md:grid-cols-3 ">
2614                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2615                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">4G Data</span>
2616                                            </div>
2617                                            <div class="md:col-span-2 px-4 py-3 text-right">
2618                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">سرعت دانلود تا 978 مگابیت بر ثانیه و آپلود 211 مگابیت بر ثانیه (ability LTE cat-16)-مودم گوشی از نسخه Category 16 پشتیبانی میکنه</span>
2619                                            </div>
2620                                        </div>
2621                                        <div class="grid grid-cols-2 md:grid-cols-3 bg-gray-50/50 dark:bg-white/5">
2622                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2623                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">پشتیبانی از VoWiFi</span>
2624                                            </div>
2625                                            <div class="md:col-span-2 px-4 py-3 text-right">
2626                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">دارد</span>
2627                                            </div>
2628                                        </div>
2629                                </div>
2630                                <div class="flex items-center gap-3 px-6 py-3.5 bg-gray-50/80 dark:bg-white/10 border-b border-t border-gray-100 dark:border-white/10 first:border-t-0">
2631                                    <span class="w-8 h-8 rounded-lg bg-blue-600/10 flex items-center justify-center flex-shrink-0">
2632                                        <img src="/Images/PropertyGroup/8.png" class="w-5 h-5" onerror="this.src = '/Images/PropertyGroup/0.png'" alt="دوربین" title="دوربین">
2633                                    </span>
2634                                    <span class="text-[13px] font-black text-gray-900 dark:text-white">دوربین</span>
2635                                </div>
2636                                <div class="divide-y divide-gray-100 dark:divide-white/5">
2637                                        <div class="grid grid-cols-2 md:grid-cols-3 ">
2638                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2639                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">کیفیت دوربین</span>
2640                                            </div>
2641                                            <div class="md:col-span-2 px-4 py-3 text-right">
2642                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">50/5/2/2 مگاپیکسل</span>
2643                                            </div>
2644                                        </div>
2645                                        <div class="grid grid-cols-2 md:grid-cols-3 bg-gray-50/50 dark:bg-white/5">
2646                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2647                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">فلاش دوربین</span>
2648                                            </div>
2649                                            <div class="md:col-span-2 px-4 py-3 text-right">
2650                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">فلاش دوگانه LED</span>
2651                                            </div>
2652                                        </div>
2653                                        <div class="grid grid-cols-2 md:grid-cols-3 ">
2654                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2655                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">سایر قابلیتهای دوربین</span>
2656                                            </div>
2657                                            <div class="md:col-span-2 px-4 py-3 text-right">
2658                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">دامنه دینامیکی بالا (HDR) پانوراما</span>
2659                                            </div>
2660                                        </div>
2661                                        <div class="grid grid-cols-2 md:grid-cols-3 bg-gray-50/50 dark:bg-white/5">
2662                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2663                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">تشخیص چهره</span>
2664                                            </div>
2665                                            <div class="md:col-span-2 px-4 py-3 text-right">
2666                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">دارد</span>
2667                                            </div>
2668                                        </div>
2669                                        <div class="grid grid-cols-2 md:grid-cols-3 ">
2670                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2671                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">وضوح ویدئو</span>
2672                                            </div>
2673                                            <div class="md:col-span-2 px-4 py-3 text-right">
2674                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">2K @ 30fps - 1080P @ 30fps / 60fps</span>
2675                                            </div>
2676                                        </div>
2677                                </div>
2678                                <div class="flex items-center gap-3 px-6 py-3.5 bg-gray-50/80 dark:bg-white/10 border-b border-t border-gray-100 dark:border-white/10 first:border-t-0">
2679                                    <span class="w-8 h-8 rounded-lg bg-blue-600/10 flex items-center justify-center flex-shrink-0">
2680                                        <img src="/Images/PropertyGroup/9.png" class="w-5 h-5" onerror="this.src = '/Images/PropertyGroup/0.png'" alt="دوربین جلو" title="دوربین جلو">
2681                                    </span>
2682                                    <span class="text-[13px] font-black text-gray-900 dark:text-white">دوربین جلو</span>
2683                                </div>
2684                                <div class="divide-y divide-gray-100 dark:divide-white/5">
2685                                        <div class="grid grid-cols-2 md:grid-cols-3 ">
2686                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2687                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">کیفیت دوربین جلو</span>
2688                                            </div>
2689                                            <div class="md:col-span-2 px-4 py-3 text-right">
2690                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">16 مگاپیکسل</span>
2691                                            </div>
2692                                        </div>
2693                                        <div class="grid grid-cols-2 md:grid-cols-3 bg-gray-50/50 dark:bg-white/5">
2694                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2695                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">وضوح ویدئو دوربین سلفی</span>
2696                                            </div>
2697                                            <div class="md:col-span-2 px-4 py-3 text-right">
2698                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">1080p @ 30 fps</span>
2699                                            </div>
2700                                        </div>
2701                                </div>
2702                                <div class="flex items-center gap-3 px-6 py-3.5 bg-gray-50/80 dark:bg-white/10 border-b border-t border-gray-100 dark:border-white/10 first:border-t-0">
2703                                    <span class="w-8 h-8 rounded-lg bg-blue-600/10 flex items-center justify-center flex-shrink-0">
2704                                        <img src="/Images/PropertyGroup/10.png" class="w-5 h-5" onerror="this.src = '/Images/PropertyGroup/0.png'" alt="امکانات نرم افزاری" title="امکانات نرم افزاری">
2705                                    </span>
2706                                    <span class="text-[13px] font-black text-gray-900 dark:text-white">امکانات نرم افزاری</span>
2707                                </div>
2708                                <div class="divide-y divide-gray-100 dark:divide-white/5">
2709                                        <div class="grid grid-cols-2 md:grid-cols-3 ">
2710                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2711                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">نسخه سیستم عامل</span>
2712                                            </div>
2713                                            <div class="md:col-span-2 px-4 py-3 text-right">
2714                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">ANDROID 16</span>
2715                                            </div>
2716                                        </div>
2717                                </div>
2718                                <div class="flex items-center gap-3 px-6 py-3.5 bg-gray-50/80 dark:bg-white/10 border-b border-t border-gray-100 dark:border-white/10 first:border-t-0">
2719                                    <span class="w-8 h-8 rounded-lg bg-blue-600/10 flex items-center justify-center flex-shrink-0">
2720                                        <img src="/Images/PropertyGroup/18.png" class="w-5 h-5" onerror="this.src = '/Images/PropertyGroup/0.png'" alt="باتری" title="باتری">
2721                                    </span>
2722                                    <span class="text-[13px] font-black text-gray-900 dark:text-white">باتری</span>
2723                                </div>
2724                                <div class="divide-y divide-gray-100 dark:divide-white/5">
2725                                        <div class="grid grid-cols-2 md:grid-cols-3 ">
2726                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2727                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">میزان شارژ آماده به کار</span>
2728                                            </div>
2729                                            <div class="md:col-span-2 px-4 py-3 text-right">
2730                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">تا 500 ساعت</span>
2731                                            </div>
2732                                        </div>
2733                                        <div class="grid grid-cols-2 md:grid-cols-3 bg-gray-50/50 dark:bg-white/5">
2734                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2735                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">میزان شارژ مکالمه</span>
2736                                            </div>
2737                                            <div class="md:col-span-2 px-4 py-3 text-right">
2738                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">تا 35 ساعت</span>
2739                                            </div>
2740                                        </div>
2741                                        <div class="grid grid-cols-2 md:grid-cols-3 ">
2742                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2743                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">ظرفیت باتری</span>
2744                                            </div>
2745                                            <div class="md:col-span-2 px-4 py-3 text-right">
2746                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">5000 میلی‌آمپر ساعت</span>
2747                                            </div>
2748                                        </div>
2749                                        <div class="grid grid-cols-2 md:grid-cols-3 bg-gray-50/50 dark:bg-white/5">
2750                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2751                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">فناوری شارژ سریع</span>
2752                                            </div>
2753                                            <div class="md:col-span-2 px-4 py-3 text-right">
2754                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">25 وات</span>
2755                                            </div>
2756                                        </div>
2757                                        <div class="grid grid-cols-2 md:grid-cols-3 ">
2758                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2759                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">قابلیت شارژ بی سیم</span>
2760                                            </div>
2761                                            <div class="md:col-span-2 px-4 py-3 text-right">
2762                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">15 وات</span>
2763                                            </div>
2764                                        </div>
2765                                </div>
2766                                <div class="flex items-center gap-3 px-6 py-3.5 bg-gray-50/80 dark:bg-white/10 border-b border-t border-gray-100 dark:border-white/10 first:border-t-0">
2767                                    <span class="w-8 h-8 rounded-lg bg-blue-600/10 flex items-center justify-center flex-shrink-0">
2768                                        <img src="/Images/PropertyGroup/15.png" class="w-5 h-5" onerror="this.src = '/Images/PropertyGroup/0.png'" alt="ورودی، خروجی" title="ورودی، خروجی">
2769                                    </span>
2770                                    <span class="text-[13px] font-black text-gray-900 dark:text-white">ورودی، خروجی</span>
2771                                </div>
2772                                <div class="divide-y divide-gray-100 dark:divide-white/5">
2773                                        <div class="grid grid-cols-2 md:grid-cols-3 ">
2774                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2775                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">پایه خروجی هندز فری</span>
2776                                            </div>
2777                                            <div class="md:col-span-2 px-4 py-3 text-right">
2778                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">جک 3.5 میلیمتر</span>
2779                                            </div>
2780                                        </div>
2781                                </div>
2782                                <div class="flex items-center gap-3 px-6 py-3.5 bg-gray-50/80 dark:bg-white/10 border-b border-t border-gray-100 dark:border-white/10 first:border-t-0">
2783                                    <span class="w-8 h-8 rounded-lg bg-blue-600/10 flex items-center justify-center flex-shrink-0">
2784                                        <img src="/Images/PropertyGroup/16.png" class="w-5 h-5" onerror="this.src = '/Images/PropertyGroup/0.png'" alt="سنسورهای موجود" title="سنسورهای موجود">
2785                                    </span>
2786                                    <span class="text-[13px] font-black text-gray-900 dark:text-white">سنسورهای موجود</span>
2787                                </div>
2788                                <div class="divide-y divide-gray-100 dark:divide-white/5">
2789                                        <div class="grid grid-cols-2 md:grid-cols-3 ">
2790                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2791                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">تشخیص چهره</span>
2792                                            </div>
2793                                            <div class="md:col-span-2 px-4 py-3 text-right">
2794                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">دارد</span>
2795                                            </div>
2796                                        </div>
2797                                        <div class="grid grid-cols-2 md:grid-cols-3 bg-gray-50/50 dark:bg-white/5">
2798                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2799                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">حسگر اثر انگشت</span>
2800                                            </div>
2801                                            <div class="md:col-span-2 px-4 py-3 text-right">
2802                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">دارد (روی کلید پاور)</span>
2803                                            </div>
2804                                        </div>
2805                                </div>
2806                                <div class="flex items-center gap-3 px-6 py-3.5 bg-gray-50/80 dark:bg-white/10 border-b border-t border-gray-100 dark:border-white/10 first:border-t-0">
2807                                    <span class="w-8 h-8 rounded-lg bg-blue-600/10 flex items-center justify-center flex-shrink-0">
2808                                        <img src="/Images/PropertyGroup/30.png" class="w-5 h-5" onerror="this.src = '/Images/PropertyGroup/0.png'" alt="سایر ویژگی ها" title="سایر ویژگی ها">
2809                                    </span>
2810                                    <span class="text-[13px] font-black text-gray-900 dark:text-white">سایر ویژگی ها</span>
2811                                </div>
2812                                <div class="divide-y divide-gray-100 dark:divide-white/5">
2813                                        <div class="grid grid-cols-2 md:grid-cols-3 ">
2814                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2815                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">معرفی کالا</span>
2816                                            </div>
2817                                            <div class="md:col-span-2 px-4 py-3 text-right">
2818                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">Revvl 7 Pro 5G از برند تی موبایل زیربرند وینگ تک است که در چین فعالیت دارد. قطعات این دستگاه از شرکت چینی تهیه شده و در شرکت جی ال ایکس عمل مونتاژ صورت گرفته.</span>
2819                                            </div>
2820                                        </div>
2821                                </div>
2822                                <div class="flex items-center gap-3 px-6 py-3.5 bg-gray-50/80 dark:bg-white/10 border-b border-t border-gray-100 dark:border-white/10 first:border-t-0">
2823                                    <span class="w-8 h-8 rounded-lg bg-blue-600/10 flex items-center justify-center flex-shrink-0">
2824                                        <img src="/Images/PropertyGroup/27.png" class="w-5 h-5" onerror="this.src = '/Images/PropertyGroup/0.png'" alt="سایر مشخصات" title="سایر مشخصات">
2825                                    </span>
2826                                    <span class="text-[13px] font-black text-gray-900 dark:text-white">سایر مشخصات</span>
2827                                </div>
2828                                <div class="divide-y divide-gray-100 dark:divide-white/5">
2829                                        <div class="grid grid-cols-2 md:grid-cols-3 ">
2830                                            <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2831                                                <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">اقلام همراه</span>
2832                                            </div>
2833                                            <div class="md:col-span-2 px-4 py-3 text-right">
2834                                                <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">کابل USB - دفترچه راهنما</span>
2835                                            </div>
2836                                        </div>
2837                                </div>
2838                        </div>
2839                    </div>
2840
2841                    <!-- Review -->
2842                    <div id="tab-review" class="tab-content hidden animate-fadeIn">
2843                        <div class="prose prose-sm max-w-none dark:prose-invert text-[13px] leading-8 font-medium text-gray-700 dark:text-gray-300">
2844                            
2845                        </div>
2846                    </div>
2847
2848                    <!-- Comments -->
2849                    <div id="tab-comments" class="tab-content hidden animate-fadeIn">
2850                        <div class="grid grid-cols-1 lg:grid-cols-12 gap-10">
2851                            <div class="lg:col-span-5">
2852                                <div class="bg-white/40 dark:bg-white/5 border border-gray-100 dark:border-white/5 rounded-[2.5rem] p-6 space-y-4">
2853                                    <h5 class="text-[14px] font-black text-gray-900 dark:text-white">اگر مایلید نظر خود را برای ما بنویسید</h5>
2854
2855<form action="/Comments/Create" data-ajax="true" data-ajax-begin="OnBegin" data-ajax-failure="OnFailure" data-ajax-method="POST" data-ajax-mode="replace" data-ajax-success="OnSuccess" data-ajax-update="#commentsAjaxTarget" id="form3" method="post"><input name="__RequestVerificationToken" type="hidden" value="0NHkER46WOh5CU4e9qQOhjhMidgrQTS2Ifd-dO7JKjTosAknMo_Z-tCPs34Y6WD8kaw9G2boS8dycX0qaxK2T4VlJJA_exZt3dsSdg-vnko1" />                                        <div class="rounded-xl bg-emerald-50 dark:bg-emerald-500/10 border border-emerald-200 dark:border-emerald-500/20 text-emerald-700 dark:text-emerald-400 text-[11px] font-bold px-4 py-2" id="ActionSuccess" style="display:none">
2856                                            <i class="fa fa-check"></i> نظرشما ثبت و پس از تایید نمایش داده خواهد شد.
2857                                        </div>
2858                                        <div class="rounded-xl bg-red-50 dark:bg-red-500/10 border border-red-200 dark:border-red-500/20 text-red-700 dark:text-red-400 text-[11px] font-bold px-4 py-2" id="ActionError" style="display:none">
2859                                            <i class="fa fa-exclamation-triangle"></i> خطا: عملیات با خطا مواجه شد!
2860                                        </div>
2861                                        <div class="grid grid-cols-1 sm:grid-cols-2 gap-3">
2862                                            <div>
2863                                                <input class="w-full h-11 rounded-xl border border-gray-200 dark:border-white/10 bg-white dark:bg-black/30 text-[12px] font-bold px-4 outline-none focus:border-blue-600" type="text" name="CommentName" id="CommentName" placeholder="نام" required>
2864                                                <span class="field-validation-valid text-red-500 text-[10px]" data-valmsg-for="AddCommentViewModel.CommentName" data-valmsg-replace="true"></span>
2865                                            </div>
2866                                            <div>
2867                                                <input class="w-full h-11 rounded-xl border border-gray-200 dark:border-white/10 bg-white dark:bg-black/30 text-[12px] font-bold px-4 outline-none focus:border-blue-600" type="email" name="CommentEmail" id="CommentEmail" placeholder="ایمیل" required>
2868                                                <span class="field-validation-valid text-red-500 text-[10px]" data-valmsg-for="AddComment
2868ViewModel.CommentEmail" data-valmsg-replace="true"></span>
2869                                            </div>
2870                                        </div>
2871                                        <div class="mt-3">
2872                                            <textarea class="w-full rounded-2xl border border-gray-200 dark:border-white/10 bg-white dark:bg-black/30 text-[12px] font-bold px-4 py-3 outline-none focus:border-blue-600" name="CommentText" id="CommentText" rows="5" placeholder="نظر خود را در این قسمت بنویسید..." required></textarea>
2873                                            <span class="field-validation-valid text-red-500 text-[10px]" data-valmsg-for="AddCommentViewModel.CommentText" data-valmsg-replace="true"></span>
2874                                        </div>
2875                                        <input type="hidden" id="ProductId" name="ProductId" value="15565">
2876                                        <div class="space-y-3">
2877                                            <span class="text-[11px] font-bold text-gray-400">عبارت امنیتی را وارد نمایید.</span>
2878                                            
2879
2880<img id="CaptchaImage" src="/DefaultCaptcha/Generate?t=2a36f074074b462b81a79e8312daa75c" style="height: 50px;" />
2881<input id="CaptchaDeText" name="CaptchaDeText" type="hidden" value="2a36f
2881074074b462b81a79e8312daa75c" />
2882
2883    
2883<script type="text/javascript">
2884
2885    $(function () {
2886        $('#dae0229f7ee54fc1980e8aa2d9adf5dc').show();
2887    });
2888
2889
2890    function ______feaed285ac194b7b835b4c1920807809________() {
2891            $('#dae0229f7ee54fc1980e8aa2d9adf5dc').hide();
2892        $.post("/DefaultCaptcha/Refresh", { t: $('#CaptchaDeText').val() },
2893            function () {
2894                $('#dae0229f7ee54fc1980e8aa2d9adf5dc').show();
2895                
2896            });
2897        return false;
2898    }
2899    </script>
2899
2900
2901
2902
2903
2904
2905
2906
2907<input data-val="true" data-val-required="عبارت امنیتی را وارد نمایید." id="CaptchaInputText" name="CaptchaInputText" style="" type="text" value="" />
2908<p><span class="field-validation-valid" data-valmsg-for="CaptchaInputText" data-valmsg-replace="true" style=""></span></p>
2909   
2910
2911                                            <button type="submit" id="SubmitComment" name="SubmitComment" class="w-full h-11 bg-blue-600 hover:bg-blue-700 text-white rounded-xl font-black text-[13px] transition-all">ثبت نظر</button>
2912                                        </div>
2913</form>                                    <div id="commentsAjaxTarget" class="hidden"></div>
2914                                </div>
2915                            </div>
2916
2917                            <div class="lg:col-span-7 space-y-4">
2918                                <h5 class="text-[14px] font-black text-gray-900 dark:text-white">نظرات کاربران</h5>
2919                                <div class="comment-rows space-y-4">
2920         <div class="cmnt-user">
2921        <div class="row media">
2922            <div class="col-sm-2 col-md-1 d-none d-sm-block pull-right text-center user-avatar-comment">
2923                <i class="fal fa-user-circle "></i>
2924            </div>
2925            <div class="col-sm-10 col-md-11 pull-left">
2926                <div class="media-body">
2927                    <p class="bold" style="margin-bottom:5px;">
2928                        محمد
2929                        <span class="badge badge-pill badge-gray mr-2">یکشنبه, 21 تیر,1405</span>
2930                    </p>
2931                    <p data-type="textarea">سلام
2932ابن گوشی رو می خوام بخرم
2933فقط اینکه شارژر و محافظ و گارد هم ، همراهش هست؟</p>
2934                    <p class="extra-options"></p>
2935                </div>
2936            </div>
2937        </div>
2938            <div class="row media item-reply">
2939                <div class="col-sm-2 col-md-1 hidden-xs pull-right text-sm-center">
2940                    <img style="width:60px;" class="img-rounded" src="/Content/BaseTemplate/images/glx-avatar.svg" title="تصویر جی ال ایکس" alt="تصویر  جی ال ایکس">
2941                </div>
2942                <div class="col-sm-10 col-md-11 pull-left">
2943                    <div class="media-body">
2944                        <p class="font-weight-bold mb-3">
2945                           پاسخ جی‌ال‌ایکس
2946                        </p>
2947                        <p data-type="textarea">سلام و درود دوست عزیز، همراه گوشی فقط کابل USB هست. اما لوازم جانبیش توی سایت موجوده و میتونید تهیه Ú©Ù
2947†ÛŒØ¯.</p>
2948                        <p class="extra-options"></p>
2949                    </div>
2950                </div>
2951            </div>
2952    </div>
2953    <div class="cmnt-user">
2954        <div class="row media">
2955            <div class="col-sm-2 col-md-1 d-none d-sm-block pull-right text-center user-avatar-comment">
2956                <i class="fal fa-user-circle "></i>
2957            </div>
2958            <div class="col-sm-10 col-md-11 pull-left">
2959                <div class="media-body">
2960                    <p class="bold" style="margin-bottom:5px;">
2961                        فرشید
2962                        <span class="badge badge-pill badge-gray mr-2">پنجشنبه, 18 تیر,1405</span>
2963                    </p>
2964                    <p data-type="textarea">کاش فیلمبرداری ۴کا داشت . بقیه امکاناتش عالیه </p>
2965                    <p class="extra-options"></p>
2966                </div>
2967            </div>
2968        </div>
2969            <div class="row media item-reply">
2970                <div class="col-sm-2 col-md-1 hidden-xs pull-right text-sm-center">
2971                    <img style="width:60px;" class="img-rounded" src="/Content/BaseTemplate/images/glx-avatar.svg" title="تصویر جی ال ایکس" alt="تصویر  جی ال ایکس">
2972                </div>
2973                <div class="col-sm-10 col-md-11 pull-left">
2974                    <div class="media-body">
2975                        <p class="font-weight-bold mb-3">
2976                           پاسخ جی‌ال‌ایکس
2977                        </p>
2978                        <p data-type="textarea">سلام و درود، ممنون از توجهتون دوست عزیز </p>
2979                        <p class="extra-options"></p>
2980                    </div>
2981                </div>
2982            </div>
2983    </div>
2984    <div class="cmnt-user">
2985        <div class="row media">
2986            <div class="col-sm-2 col-md-1 d-none d-sm-block pull-right text-center user-avatar-comment">
2987                <i class="fal fa-user-circle "></i>
2988            </div>
2989            <div class="col-sm-10 col-md-11 pull-left">
2990                <div class="media-body">
2991                    <p class="bold" style="margin-bottom:5px;">
2992                        Rahmat
2993                        <span class="badge badge-pill badge-gray mr-2">یکشنبه, 14 تیر,1405</span>
2994                    </p>
2995                    <p data-type="textarea">سلام من گوشی شاهین 4رو خرید کردم این گوشی هم رده با شاهین 4هست ویا از نظر کیفیت بایر برندها هست</p>
2996                    <p class="extra-options"></p>
2997                </div>
2998            </div>
2999        </div>
3000            <div class="row media item-reply">
3001                <div class="col-sm-2 col-md-1 hidden-xs pull-right text-sm-center">
3002                    <img style="width:60px;" class="img-rounded" src="/Content/BaseTemplate/images/glx-avatar.svg" title="تصویر جی ال ایکس" alt="تصویر  جی ال ایکس">
3003                </div>
3004                <div class="col-sm-10 col-md-11 pull-left">
3005                    <div class="media-body">
3006                        <p class="font-weight-bold mb-3">
3007                           پاسخ جی‌ال‌ایکس
3008                        </p>
3009                        <p data-type="textarea">سلام و درود، گوشی ریول از نظر مشخصات از شاهین4 بالاتر هست.</p>
3010                        <p class="extra-options"></p>
3011                    </div>
3012                </div>
3013            </div>
3014    </div>
3015    <div class="cmnt-user">
3016        <div class="row media">
3017            <div class="col-sm-2 col-md-1 d-none d-sm-block pull-right text-center user-avatar-comment">
3018                <i class="fal fa-user-circle "></i>
3019            </div>
3020            <div class="col-sm-10 col-md-11 pull-left">
3021                <div class="media-body">
3022                    <p class="bold" style="margin-bottom:5px;">
3023                        Reza 
3024                        <span class="badge badge-pill badge-gray mr-2">جمعه, 12 تیر,1405</span>
3025                    </p>
3026                    <p data-type="textarea">سلام من شاهین۴ دارم خیلی ازش راضی هستم 
3027امیدوارم جی ال ایکس بزودی شاهین۵ رو با اسم خودش بده بیرون با ارتقا محسوس نسبت به شاهین ۴ 
3028
3029این گوشی اگه با اسم و برند خود جی ال ایکس بود قطعا میخریدم ولی حیف</p>
3030                    <p class="extra-options"></p>
3031                </div>
3032            </div>
3033        </div>
3034            <div class="row media item-reply">
3035                <div class="col-sm-2 col-md-1 hidden-xs pull-right text-sm-center">
3036                    <img style="width:60px;" class="img-rounded" src="/Content/BaseTemplate/images/glx-avatar.svg" title="تصویر جی ال ایکس" alt="تصویر  جی ال ایکس">
3037                </div>
3038                <div class="col-sm-10 col-md-11 pull-left">
3039                    <div class="media-body">
3040                        <p class="font-weight-bold mb-3">
3041                           پاسخ جی‌ال‌ایکس
3042                        </p>
3043                        <p data-type="textarea">سلام و درود،
3044گوشی ریول توسط شرکت جی ال ایکس و با همکاری یک شرکت چینی تولید میشه دوست عزیز &#128591;&#127995;</p>
3045                        <p class="extra-options"></p>
3046                    </div>
3047                </div>
3048            </div>
3049    </div>
3050    <div class="cmnt-user">
3051        <div class="row media">
3052            <div class="col-sm-2 col-md-1 d-none d-sm-block pull-right text-center user-avatar-comment">
3053                <i class="fal fa-user-circle "></i>
3054            </div>
3055            <div class="col-sm-10 col-md-11 pull-left">
3056                <div class="media-body">
3057                    <p class="bold" style="margin-bottom:5px;">
3058                        علی
3059                        <span class="badge badge-pill badge-gray mr-2">شنبه, 30 خرداد,1405</span>
3060                    </p>
3061                    <p data-type="textarea">خیلی دوست داریم وارد بازار بشه و تست کنیم.
3062امیدواریم قیمت نجومی نباشه. بصرفه باشه تا اغلب نظرشون جلب بشه جهت خرید </p>
3063                    <p class="extra-options"></p>
3064                </div>
3065            </div>
3066        </div>
3067            <div class="row media item-reply">
3068                <div class="col-sm-2 col-md-1 hidden-xs pull-right text-sm-center">
3069                    <img style="width:60px;" class="img-rounded" src="/Content/BaseTemplate/images/glx-avatar.svg" title="تصویر جی ال ایکس" alt="تصویر  جی ال ایکس">
3070                </div>
3071                <div class="col-sm-10 col-md-11 pull-left">
3072                    <div class="media-body">
3073                        <p class="font-weight-bold mb-3">
3074                           پاسخ جی‌ال‌ایکس
3075                        </p>
3076                        <p data-type="textarea">سلام و درود،
3077گوشی ریول با همون قیمت قبل به بازار عرضه شد &#128591;&#127995;</p>
3078                        <p class="extra-options"></p>
3079                    </div>
3080                </div>
3081            </div>
3082    </div>
3083    <div class="cmnt-user">
3084        <div class="row media">
3085            <div class="col-sm-2 col-md-1 d-none d-sm-block pull-right text-center user-avatar-comment">
3086                <i class="fal fa-user-circle "></i>
3087            </div>
3088            <div class="col-sm-10 col-md-11 pull-left">
3089                <div class="media-body">
3090                    <p class="bold" style="margin-bottom:5px;">
3091                        J
3092                        <span class="badge badge-pill badge-gray mr-2">پنجشنبه, 28 خرداد,1405</span>
3093                    </p>
3094                    <p data-type="textarea">سلام 
3095ایشالا کی باز موجود میشه؟</p>
3096                    <p class="extra-options"></p>
3097                </div>
3098            </div>
3099        </div>
3100            <div class="row media item-reply">
3101                <div class="col-sm-2 col-md-1 hidden-xs pull-right text-sm-center">
3102                    <img style="width:60px;" class="img-rounded" src="/Content/BaseTemplate/images/glx-avatar.svg" title="تصویر جی ال ایکس" alt="تصویر  جی ال ایکس">
3103                </div>
3104                <div class="col-sm-10 col-md-11 pull-left">
3105                    <div class="media-body">
3106                        <p class="font-weight-bold mb-3">
3107                           پاسخ جی‌ال‌ایکس
3108                        </p>
3109                        <p data-type="textarea">سلام و درود، در حال حاضر موجود و قابل خرید هست</p>
3110                        <p class="extra-options"></p>
3111                    </div>
3112                </div>
3113            </div>
3114    </div>
3115    <div class="cmnt-user">
3116        <div class="row media">
3117            <div class="col-sm-2 col-md-1 d-none d-sm-block pull-right text-center user-avatar-comment">
3118                <i class="fal fa-user-circle "></i>
3119            </div>
3120            <div class="col-sm-10 col-md-11 pull-left">
3121                <div class="media-body">
3122                    <p class="bold" style="margin-bottom:5px;">
3123                        جواد 
3124                        <span class="badge badge-pill badge-gray mr-2">شنبه, 16 خرداد,1405</span>
3125                    </p>
3126                    <p data-type="textarea">سلام و خدا قوت ، این گوشی آیا دوباره موجود میشه؟ در چه تاریخی؟</p>
3127                    <p class="extra-options"></p>
3128                </div>
3129            </div>
3130        </div>
3131            <div class="row media item-reply">
3132                <div class="col-sm-2 col-md-1 hidden-xs pull-right text-sm-center">
3133                    <img style="width:60px;" class="img-rounded" src="/Content/BaseTemplate/images/glx-avatar.svg" title="تصویر جی ال ایکس" alt="تصویر  جی ال ایکس">
3134                </div>
3135                <div class="col-sm-10 col-md-11 pull-left">
3136                    <div class="media-body">
3137                        <p class="font-weight-bold mb-3">
3138                           پاسخ جی‌ال‌ایکس
3139                        </p>
3140                        <p data-type="textarea">سلام و درود،
3141گوشی ریول در حال حاضر موجود و قابل خرید هست &#128591;&#127995;</p>
3142                        <p class="extra-options"></p>
3143                    </div>
3144                </div>
3145            </div>
3146    </div>
3147    <div class="cmnt-user">
3148        <div class="row media">
3149            <div class="col-sm-2 col-md-1 d-none d-sm-block pull-right text-center user-avatar-comment">
3150                <i class="fal fa-user-circle "></i>
3151            </div>
3152            <div class="col-sm-10 col-md-11 pull-left">
3153                <div class="media-body">
3154                    <p class="bold" style="margin-bottom:5px;">
3155                        جواد
3156                        <span class="badge badge-pill badge-gray mr-2">چهار شنبه, 06 خرداد,1405</span>
3157                    </p>
3158                    <p data-type="textarea">سلام .. این گوشی کی و با چه قیمتی موحود میشه؟</p>
3159                    <p class="extra-options"></p>
3160                </div>
3161            </div>
3162        </div>
3163            <div class="row media item-reply">
3164                <div class="col-sm-2 col-md-1 hidden-xs pull-right text-sm-center">
3165                    <img style="width:60px;" class="img-rounded" src="/Content/BaseTemplate/images/glx-avatar.svg" title="تصویر جی ال ایکس" alt="تصویر  جی ال ایکس">
3166                </div>
3167                <div class="col-sm-10 col-md-11 pull-left">
3168                    <div class="media-body">
3169                        <p class="font-weight-bold mb-3">
3170                           پاسخ جی‌ال‌ایکس
3171                        </p>
3172                        <p data-type="textarea">سلام و درود،
3173به احترام شما مشتریان عزیز، گوشی ریول با همون قیمت قبل موجود و قابل خرید هست.&#128591;&#127995;</p>
3174                        <p class="extra-options"></p>
3175                    </div>
3176                </div>
3177            </div>
3178    </div>
3179    <div class="cmnt-user">
3180        <div class="row media">
3181            <div class="col-sm-2 col-md-1 d-none d-sm-block pull-right text-center user-avatar-comment">
3182                <i class="fal fa-user-circle "></i>
3183            </div>
3184            <div class="col-sm-10 col-md-11 pull-left">
3185                <div class="media-body">
3186                    <p class="bold" style="margin-bottom:5px;">
3187                        Rrrssr
3188                        <span class="badge badge-pill badge-gray mr-2">چهار شنبه, 30 اردیبهشت,1405</span>
3189                    </p>
3190                    <p data-type="textarea">با سلام ی مدتی هست که قصد خرید گوشی ایرانی دارم اما متاسفانه اون گوشی که میخوام ناموجود زده شده ما قصد خرید محصول ایرانی و داریم اما متاسفانه گوشی ایرانی موجود نیست </p>
3191                    <p class="extra-options"></p>
3192                </div>
3193            </div>
3194        </div>
3195            <div class="row media item-reply">
3196                <div class="col-sm-2 col-md-1 hidden-xs pull-right text-sm-center">
3197                    <img style="width:60px;" class="img-rounded" src="/Content/BaseTemplate/images/glx-avatar.svg" title="تصویر جی ال ایکس" alt="تصویر  جی ال ایکس">
3198                </div>
3199                <div class="col-sm-10 col-md-11 pull-left">
3200                    <div class="media-body">
3201                        <p class="font-weight-bold mb-3">
3202                           پاسخ جی‌ال‌ایکس
3203                        </p>
3204                        <p data-type="textarea">سلام و درود،
3205گوشی ریول در حال حاضر موجود و قابل خرید هست.</p>
3206                        <p class="extra-options"></p>
3207                    </div>
3208                </div>
3209            </div>
3210    </div>
3211    <div class="cmnt-user">
3212        <div class="row media">
3213            <div class="col-sm-2 col-md-1 d-none d-sm-block pull-right text-center user-avatar-comment">
3214                <i class="fal fa-user-circle "></i>
3215            </div>
3216            <div class="col-sm-10 col-md-11 pull-left">
3217                <div class="media-body">
3218                    <p class="bold" style="margin-bottom:5px;">
3219                        محمدهادی
3220                        <span class="badge badge-pill badge-gray mr-2">سه شنبه, 29 اردیبهشت,1405</span>
3221                    </p>
3222                    <p data-type="textarea">سلام و عرض خدا قوت ، گوشی شاهین ۱ داشتم امروز متأسفانه سوخت ، منتظر موجود شدن این گوشی جدید هستم ، لطفا اطلاع بدید .</p>
3223                    <p class="extra-options"></p>
3224                </div>
3225            </div>
3226        </div>
3227            <div class="row media item-reply">
3228                <div class="col-sm-2 col-md-1 hidden-xs pull-right text-sm-center">
3229                    <img style="width:60px;" class="img-rounded" src="/Content/BaseTemplate/images/glx-avatar.svg" title="تصویر جی ال ایکس" alt="تصویر  جی ال ایکس">
3230                </div>
3231                <div class="col-sm-10 col-md-11 pull-left">
3232                    <div class="media-body">
3233                        <p class="font-weight-bold mb-3">
3234                           پاسخ جی‌ال‌ایکس
3235                        </p>
3236                        <p data-type="textarea">سلام وقتتون و درود،
3237گوشی هوشمند ریول در حال حاضر موجود و قابل خرید هست.</p>
3238                        <p class="extra-options"></p>
3239                    </div>
3240                </div>
3241            </div>
3242    </div>
3243 
3244                                    <div id="MoreInfoDiv"></div>
3245                                    <div class="text-center pt-2">
3246                                        <button id="moreInfoButton" type="submit" class="inline-flex items-center gap-2 px-6 py-2.5 rounded-xl bg-gray-100 dark:bg-white/5 text-gray-600 dark:text-gray-300 text-[12px] font-black hover:bg-gray-200 dark:hover:bg-white/10 transition-all">
3247                                            <span>بیشتر</span>
3248                                            <i class="fal fa-ellipsis-h"></i>
3249                                        </button>
3250                                    </div>
3251                                    <div id="ProgressDiv" align="center" style="display: none">
3252                                        <br />
3253                                        <img src="/Content/images/loadingAnimation.gif" alt="loading..." />
3254                                        <br /><br /><br />
3255                                    </div>
3256                                </div>
3257                            </div>
3258                        </div>
3259                    </div>
3260
3261                </div>
3262            </div>
3263        </div>
3264    </section>
3265
3266    <!-- PRODUCT VIDEOS -->
3267        <section class="space-y-6">
3268            <div class="container px-4 space-y-6">
3269                <div class="flex items-center gap-3">
3270                    <span class="w-2 h-8 bg-blue-600 rounded-full"></span>
3271                    <h2 class="text-xl font-black text-gray-900 dark:text-white">ویدیوهای مرتبط</h2>
3272                </div>
3273                <div class="relative">
3274                    <div class="swiper productSwiper !overflow-visible" dir="rtl">
3275                        <div class="swiper-wrapper">
3276                                <div class="swiper-slide h-auto p-3">
3277                                    <div class="bg-white/40 dark:bg-white/5 border border-gray-100 dark:border-white/5 rounded-[2rem] p-3 space-y-2 h-full">
3278                                        <div class='rounded-xl overflow-hidden' id="40319510420">
3278<script type="text/JavaScript" src="https://www.aparat.com/embed/ooi4122?data[rnddiv]=40319510420&data[responsive]=yes"></script>
3278</div>
3279                                        <div class="text-[12px] font-bold text-gray-700 dark:text-gray-300 px-1">چرا گوشی هوشمند ریول؟</div>
3280                                    </div>
3281                                </div>
3282                                <div class="swiper-slide h-auto p-3">
3283                                    <div class="bg-white/40 dark:bg-white/5 border border-gray-100 dark:border-white/5 rounded-[2rem] p-3 space-y-2 h-full">
3284                                        <div class='rounded-xl overflow-hidden' id="19596893371">
3284<script type="text/JavaScript" src="https://www.aparat.com/embed/dyqk097?data[rnddiv]=19596893371&data[responsive]=yes"></script>
3284</div>
3285                                        <div class="text-[12px] font-bold text-gray-700 dark:text-gray-300 px-1">آنباکس گوشی هوشمند ریول</div>
3286                                    </div>
3287                                </div>
3288                                <div class="swiper-slide h-auto p-3">
3289                                    <div class="bg-white/40 dark:bg-white/5 border border-gray-100 dark:border-white/5 rounded-[2rem] p-3 space-y-2 h-full">
3290                                        <div class='rounded-xl overflow-hidden' id="20010095774">
3290<script type="text/JavaScript" src="https://www.aparat.com/embed/lhzjmsr?data[rnddiv]=20010095774&data[responsive]=yes"></script>
3290</div>
3291                                        <div class="text-[12px] font-bold text-gray-700 dark:text-gray-300 px-1">لوازم جانبی گوشی موبایل ریول</div>
3292                                    </div>
3293                                </div>
3294                                <div class="swiper-slide h-auto p-3">
3295                                    <div class="bg-white/40 dark:bg-white/5 border border-gray-100 dark:border-white/5 rounded-[2rem] p-3 space-y-2 h-full">
3296                                        <div class='rounded-xl overflow-hidden' id="63094814786">
3296<script type="text/JavaScript" src="https://www.aparat.com/embed/vcdtvij?data[rnddiv]=63094814786&data[responsive]=yes"></script>
3296</div>
3297                                        <div class="text-[12px] font-bold text-gray-700 dark:text-gray-300 px-1">گوشی هوشمند ریول در ترب</div>
3298                                    </div>
3299                                </div>
3300                                <div class="swiper-slide h-auto p-3">
3301                                    <div class="bg-white/40 dark:bg-white/5 border border-gray-100 dark:border-white/5 rounded-[2rem] p-3 space-y-2 h-full">
3302                                        <div class='rounded-xl overflow-hidden' id="93585244430">
3302<script type="text/JavaScript" src="https://www.aparat.com/embed/jyh715q?data[rnddiv]=93585244430&data[responsive]=yes"></script>
3302</div>
3303                                        <div class="text-[12px] font-bold text-gray-700 dark:text-gray-300 px-1">آنباکس کوتاه گوشی موبایل Revvl 7 Pro 5G </div>
3304                                    </div>
3305                                </div>
3306                        </div>
3307                    </div>
3308                    <div class="swiper-button-next prod-next w-11 h-11 bg-white dark:bg-zinc-900 rounded-2xl after:!text-xs shadow-xl text-blue-600 border border-gray-100 dark:border-white/5"></div>
3309                    <div class="swiper-button-prev prod-prev w-11 h-11 bg-white dark:bg-zinc-900 rounded-2xl after:!text-xs shadow-xl text-blue-600 border border-gray-100 dark:border-white/5"></div>
3310                </div>
3311            </div>
3312        </section>
3313
3314    <!-- SHARE MODAL -->
3315    <div id="shareModal" class="hidden fixed inset-0 z-[1000] flex items-center justify-center p-4">
3316        <div class="absolute inset-0 bg-black/40 backdrop-blur-md" onclick="toggleModal('shareModal')"></div>
3317        <div class="relative w-full max-w-sm bg-white dark:bg-zinc-900 rounded-[2.5rem] border border-gray-100 dark:border-white/10 shadow-2xl overflow-hidden p-6 space-y-5 text-center">
3318            <h3 class="text-[15px] font-black text-gray-900 dark:text-white">اشتراک‌گذاری در شبکه‌های اجتماعی</h3>
3319            <div class="flex items-center justify-center gap-4 text-2xl">
3320                <a href="https://wa.me?text=https://www.glx.ir/Products/15565" rel="nofollow" target="_blank" class="text-emerald-500 hover:scale-110 transition-transform"><i class="fab fa-whatsapp-square"></i></a>
3321                <a href="https://twitter.com/intent/tweet/?url=https://www.glx.ir/Products/15565" rel="nofollow" target="_blank" class="text-sky-500 hover:scale-110 transition-transform"><i class="fab fa-twitter-square"></i></a>
3322                <a href="https://www.facebook.com/sharer/sharer.php?u=https://www.glx.ir/Products/15565" rel="nofollow" target="_blank" class="text-blue-600 hover:scale-110 transition-transform"><i class="fab fa-facebook-square"></i></a>
3323                <a href="https://telegram.me/share/url?url=https://www.glx.ir/Products/15565" rel="nofollow" target="_blank" class="text-blue-400 hover:scale-110 transition-transform"><i class="fab fa-telegram"></i></a>
3324            </div>
3325            <div class="pt-3 border-t border-gray-100 dark:border-white/10">
3326                <p class="text-[11px] font-bold text-gray-400 dir-ltr break-all"><i class="fal fa-link"></i> https://www.glx.ir/Products/15565</p>
3327            </div>
3328            <button type="button" onclick="toggleModal('shareModal')" class="w-full h-11 bg-gray-100 dark:bg-white/5 text-gray-700 dark:text-gray-300 rounded-xl font-black text-[13px]">بستن</button>
3329        </div>
3330    </div>
3331
3332        
3333
3334
3335
3336
3337
3338
3339        
3340
3341
3342        <!-- END CONTENT -->
3343        <!-- SHOP FEATURE -->
3344        <section class="relative overflow-hidden transition-colors duration-500">
3345            <div class="container pt-5">
3346                <div class="grid grid-cols-2 lg:grid-cols-4 gap-12 lg:gap-8">
3347
3348                    <div class="flex flex-col items-center text-center group">
3349                        <div class="relative w-20 h-20 mb-6 flex items-center justify-center">
3350                            <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>
3351                            <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">
3352                                <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">
3353                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13 10V3L4 14h7v7l9-11h-7z" />
3354                                </svg>
3355                            </div>
3356                        </div>
3357                        <h3 class="text-sm font-black text-gray-900 dark:text-white mb-2 transition-colors group-hover:text-blue-600 dar
3357k:group-hover:text-blue-400">تحویل فوری</h3>
3358                        
3359                    </div>
3360
3361                    <div class="flex flex-col items-center text-center group">
3362                        <div class="relative w-20 h-20 mb-6 flex items-center justify-center">
3363                            <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>
3364                            <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">
3365                                <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">
3366                                    <path stroke-linecap="round"
3367                                          stroke-linejoin="round"
3368                                          stroke-width="1.5"
3369                                          d="M7 7h.01M3 11l8.586-8.586a2 2 0 012.828 0l6.172 6.172a2 2 0 010 2.828L11 21H3v-8z" />
3370                                </svg>
3371                            </div>
3372                        </div>
3373                        <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>
3374                        
3375                    </div>
3376
3377                    <div class="flex flex-col items-center text-center group">
3378                        <div class="relative w-20 h-20 mb-6 flex items-center justify-center">
3379                            <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>
3380                            <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">
3381                                <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">
3382                                    <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" />
3383                                </svg>
3384                            </div>
3385                        </div>
3386                        <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>
3387                        
3388                    </div>
3389
3390                    <div class="flex flex-col items-center text-center group">
3391                        <div class="relative w-20 h-20 mb-6 flex items-center justify-center">
3392                            <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>
3393                            <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">
3394                                <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">
3395                                    <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" />
3396                                </svg>
3397                            </div>
3398                        </div>
3399                        <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>
3400                        
3401                    </div>
3402
3403                </div>
3404            </div>
3405        </section>
3406        <!-- END SHOP FEATURE -->
3407    </main>
3408
3409    <!-- FOOTER -->
3410    <footer class="relative amazing-glass-footer pt-24 pb-6 overflow-hidden transition-colors duration-500">
3411
3412        <div class="container relative z-10">
3413
3414            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-12">
3415                <div class="contact-tile">
3416                    <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">
3416<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>
3417                    <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>
3418                </div>
3419                <div class="contact-tile">
3420                    <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>
3421                    <div><h4 class="text-xs font-bold text-gray-400 mb-1">پشتیبانی در روزهای کاری</h4><p class="text-sm font-black dark:text-white">از ساعت ۹ الی ۱۳ و ۱۴ الی ۱۷</p></div>
3422                </div>
3423                <div class="contact-tile">
3424                    <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>
3425                    <div><h4 class="text-xs font-bold text-gray-400 mb-1">آدرس</h4><p class="text-sm font-black dark:text-white">خرمشهر، شهرک صنعتی، فازیک، شرکت ارتباط همراه گویا اروند</p></div>
3426                </div>
3427                <div class="contact-tile">
3428                    <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>
3429                    <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>
3430                </div>
3431            </div>
3432
3433            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-5 gap-12 mb-12">
3434
3435                <div class="xl:col-span-2 space-y-8">
3436                    <div class="flex items-center gap-4">
3437
3438                        <a href="/" class="flex items-center gap-2 group">
3439                            <img src="/Content/BaseTemplate/images/glx-logo.svg" class="w-30" alt="">
3440                        </a>
3441
3442                        
3443                    </div>
3444                    <p class="text-sm text-gray-500 dark:text-gray-400 leading-8 text-justify font-medium max-w-md">
3445                        شرکت ارتباط همراه گویا اروند طراح و تولید کننده گوشی‌های کلاسیک، هوشمند و تبلت با برند جی ال ایکس (GLX) به عنوان اولین شرکت تولید کننده تلفن همراه ایرانی از سال ۱۳۸۶ کار خود را به صورت رسمی در شهر خرمشهر و در منطقه آزاد اروند با تولید گوشی‌های ساده و کلاسیک آغاز نمود.
3446                    </p>
3447                    <div class="flex gap-4">
3448                        <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 
34480-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>
3449                        
3450
3451
3452                        <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>
3453                        <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>
3454
3455
3456
3457
3458                        <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>
3459
3460
3461                        
3462
3463
3464                    </div>
3465                </div>
3466
3467                <div class="space-y-8">
3468                    <h3 class="footer-title">دسترسی سریع</h3>
3469                    <ul class="space-y-5">
3470                        <li><a href="/Home/Poll" class="footer-link">نظرسنجی</a></li>
3471                        <li><a href="/Pages/Service" class="footer-link">خدمات پس از فروش</a></li>
3472                        <li><a href="/Representation" class="footer-link">نمایندگی‌ها</a></li>
3473
3474                        <li><a href="https://dlglx.ir" class="footer-link">خدمات آنلاین</a></li>
3475
3476                        <li><a href="/Blog?page=1/" class="footer-link">اخبار و رویدادها</a></li>
3477                        <li><a href="/Req/Create/پرسش-از-جی-ال-ایکس" class="footer-link">تماس با ما</a></li>
3478                    </ul>
3479                </div>
3480
3481                <div class="space-y-8">
3482                    <h3 class="footer-title">راهنمای خرید</h3>
3483                    <ul class="space-y-5">
3484                        <li><a href="/Orders" class="footer-link">پیگیری سفارش</a></li>
3485                        <li><a href="/pages/Warranty" class="footer-link">شرایط گارانتی</a></li>
3486                        <li><a href="/FAQs" class="footer-link">سوالات متداول</a></li>
3487                        <li><a href="/Seller" class="footer-link">کارشناسان فروش</a></li>
3488
3489                    </ul>
3490                </div>
3491
3492                <div class="flex flex-col gap-6 items-center lg:items-end">
3493                    <h3 class="footer-title">مجوزهای قانونی</h3>
3494                    <div class="flex gap-4">
3495                        <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">
3496                            <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">
3497
3498                                <a target="_blank" rel="origin" href="https://trustseal.enamad.ir/?id=21224&C
3498ode=FVhROHnAdj1mqEJLTdKu"><img src="https://trustseal.enamad.ir/logo.aspx?id=21224&Code=FVhROHnAdj1mqEJLTdKu" id="FVhROHnAdj1mqEJLTdKu" class="loaded" data-was-processed="true"></a>
3499
3500                                
3501                            </div>
3502                            <span class="text-[9px] font-black text-gray-400 dark:text-gray-500 uppercase tracking-[0.2em]">Enamad</span>
3503                        </div>
3504                        
3505                    </div>
3506                </div>
3507            </div>
3508
3509            <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">
3510                <div class="flex items-center gap-4">
3511                    <p class="text-[11px] text-gray-500 font-bold">© ۲۰۲۶ طراحی و توسعه وب  <span class="text-gray-900 dark:text-white font-black">نگاه نوین</span></p>
3512                </div>
3513                <div class="flex flex-wrap justify-center gap-8">
3514
3515                    <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>
3516
3517
3518                    
3519                </div>
3520            </div>
3521        </div>
3522    </footer>
3523    <!-- END FOOTER -->
3524    <!-- NAV MOBILE -->
3525    <div class="fixed bottom-6 left-1/2 -translate-x-1/2 w-[92%] max-w-[400px] z-[100] md:hidden hidden">
3526
3527        <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">
3528
3529            <ul class="flex items-center justify-around relative">
3530
3531                <li class="relative">
3532                    <a href="#" class="flex flex-col items-center gap-1 group relative px-4 py-1">
3533                        <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>
3534
3535                        <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">
3536                            <path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" />
3537                        </svg>
3538                        <span class="text-[10px] font-black text-blue-600 dark:text-blue-400">خانه</span>
3539                    </a>
3540                </li>
3541
3542                <li>
3543                    <a href="#" class="flex flex-col items-center gap-1 group px-4 py-1 text-gray-400 dark:text-gray-500">
3544                        <svg class="w-6 h-6 transition-transform group-active:scale-90" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
3545                            <path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16m-7 6h7" />
3546                        </svg>
3547                        <span class="text-[10px] font-black">دسته‌ها</span>
3548                    </a>
3549                </li>
3550
3551                <li class="-mt-12">
3552                    <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">
3553                        <svg class="w-7 h-7" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24">
3554                            <path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z" />
3555                        </svg>
3556                        <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>
3557                    </a>
3558                </li>
3559
3560                <li>
3561                    <a href="#" class="flex flex-col items-center gap-1 group px-4 py-1 text-gray-400 dark:text-gray-500">
3562                        <svg class="w-6 h-6 transition-transform group-active:scale-90" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
3563                            <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" />
3564                        </svg>
3565                        <span class="text-[10px] font-black">علاقه‌مندی</span>
3566                    </a>
3567                </li>
3568
3569                <li>
3570                    <a href="#" class="flex flex-col items-center gap-1 group px-4 py-1 text-gray-400 dark:text-gray-500">
3571                        <svg class="w-6 h-6 transition-transform group-active:scale-90" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
3572                            <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" />
3573                        </svg>
3574                        <span class="text-[10px] font-black">پروفایل</span>
3575                    </a>
3576                </li>
3577
3578            </ul>
3579        </div>
3580    </div>
3581    <!-- END NAV MOBILE -->
3582    <!-- SEARCH MODAL -->
3583    <div id="search-modal" class="fixed inset-0 z-[2000] invisible opacity-0 transition-all duration-300 md:hidden flex flex-col">
3584        <div class="absolute inset-0 bg-gray-900/60 dark:bg-black/90 backdrop-blur-2xl"></div>
3585
3586        <div class="relative flex-1 flex flex-col bg-white/10 dark:bg-black/20 overflow-hidden">
3587
3588            <div class="flex items-center justify-between p-5 border-b border-white/10">
3589                <span class="text-xl font-black text-gray-800 dark:text-white">جستجو در <span class="text-primary-500">محصولات</span></span>
3590                <button id="close-search-modal" class="p-2 bg-white/10 rounded-full text-gray-500 dark:text-gray-400">
3591                    <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>
3592                </button>
3593            </div>
3594
3595            <div class="p-5">
3596                <div class="relative w-full">
3597                    <input type="text" id="modal-search-input" maxlength="100" autocomplete="off" aria-label="جستجوی محصولات"
3598                           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"
3599                           placeholder="جستجو...">
3600                    <div class="absolute inset-y-0 right-4 flex items-center text-primary-500">
3601                        <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>
3602                    </div>
3603                </div>
3604            </div>
3605
3606            <div id="mobile-search-panel" class="glx-search-panel" hidden>
3607                <div id="mobile-search-options" role="listbox" aria-label="پیشنهادهای جستجو"></div>
3608                <div class="glx-search-status" role="status" aria-live="polite"></div>
3609            </div>
3610            
3611
3612        </div>
3613    </div>
3614    <!-- END SEARCH MODAL -->
3615    <!--QUICK MODAL-->
3616    <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">
3617
3618        <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">
3619
3620            <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">
3621                <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>
3622            </button>
3623
3624            <div class="grid grid-cols-1 lg:grid-cols-2 gap-10">
3625
3626                <div class="flex flex-col gap-6">
3627
3628                    <!-- Gallery -->
3629
3630                    <div class="relative group">
3631                        <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">
3632                            <div class="swiper-wrapper">
3633                                <div class="swiper-slide">
3634                                    <div class="swiper-zoom-container">
3635                                        <img src="assets/images/product/mobile-1.png" class="w-full object-cover" alt="" />
3636                                    </div>
3637                                </div>
3638                                <div class="swiper-slide">
3639                                    <div class="swiper-zoom-container">
3640                                        <img src="assets/images/product/mobile-2.png" class="w-full object-cover" alt="" />
3641                                    </div>
3642                                </div>
3643                                <div class="swiper-slide">
3644                                    <div class="swiper-zoom-container">
3645                                        <img src="assets/images/product/mobile-3.png" class="w-full object-cover" alt="" />
3646                                    </div>
3647                                </div>
3648                                <div class="swiper-slide">
3649                                    <div class="swiper-zoom-container">
3650                                        <img src="assets/images/product/mobile-4.png" class="w-full object-cover" alt="" />
3651                                    </div>
3652                                </div>
3653                                <div class="swiper-slide">
3654                                    <div class="swiper-zoom-container">
3655                                        <img src="assets/images/product/mobile-5.png" class="w-full object-cover" alt="" />
3656                                    </div>
3657                                </div>
3658                            </div>
3659                            <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-
3659primary-500/30">
3660                                <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>
3661                            </div>
3662
3663                            <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">
3664                                <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>
3665                            </div>
3666                        </div>
3667
3668                        <div class="swiper thumbSwiper mt-4 px-1">
3669                            <div class="swiper-wrapper">
3670                                <div class="swiper-slide cursor-pointer opacity-40 transition-all duration-300">
3671                                    <img src="assets/images/product/mobile-1.png" class="rounded-2xl border-2 border-transparent object-cover w-full aspect-square" alt="" />
3672                                </div>
3673                                <div class="swiper-slide cursor-pointer opacity-40 transition-all duration-300">
3674                                    <img src="assets/images/product/mobile-2.png" class="rounded-2xl border-2 border-transparent object-cover w-full aspect-square" alt="" />
3675                                </div>
3676                                <div class="swiper-slide cursor-pointer opacity-40 transition-all duration-300">
3677                                    <img src="assets/images/product/mobile-3.png" class="rounded-2xl border-2 border-transparent object-cover w-full aspect-square" alt="" />
3678                                </div>
3679                                <div class="swiper-slide cursor-pointer opacity-40 transition-all duration-300">
3680                                    <img src="assets/images/product/mobile-4.png" class="rounded-2xl border-2 border-transparent object-cover w-full aspect-square" alt="" />
3681                                </div>
3682                                <div class="swiper-slide cursor-pointer opacity-40 transition-all duration-300">
3683                                    <img src="assets/images/product/mobile-5.png" class="rounded-2xl border-2 border-transparent object-cover w-full aspect-square" alt="" />
3684                                </div>
3685                            </div>
3686                        </div>
3687
3688                    </div>
3689
3690
3691                    <div class="grid grid-cols-3 gap-3 mt-2">
3692                        <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">
3693                            <span class="block text-[10px] text-blue-500 dark:text-blue-400 font-black mb-1">پردازنده</span>
3694                            <span class="text-xs font-bold text-gray-700 dark:text-gray-200 uppercase">Core i9</span>
3695                        </div>
3696                        <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">
3697                            <span class="block text-[10px] text-blue-500 dark:text-blue-400 font-black mb-1">رم</span>
3698                            <span class="text-xs font-bold text-gray-700 dark:text-gray-200 uppercase">32GB DDR5</span>
3699                        </div>
3700                        <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">
3701                            <span class="block text-[10px] text-blue-500 dark:text-blue-400 font-black mb-1">حافظه</span>
3702                            <span class="text-xs font-bold text-gray-700 dark:text-gray-200 uppercase">1TB SSD</span>
3703                        </div>
3704
3705                    </div>
3706                </div>
3707
3708                <div class="flex flex-col">
3709                    <div class="mb-6">
3710                        <h3 class="text-3xl font-black text-gray-900 dark:text-white mb-3 leading-tight tracking-tight">لپ‌تاپ ۱۶ اینچی ایسوس مدل ROG Zephyrus M16</h3>
3711                        <div class="flex items-center gap-4 text-xs">
3712                            <span class="text-gray-400">شناسه کالا: <span class="text-blue-600 font-bold">DKP-88231</span></span>
3713                            <div class="flex items-center gap-1 text-secondary-500 bg-secondary-500/10 px-3 py-1 rounded-full font-black">
3714                                <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>
3715                                <span>Û´.Û¸</span>
3716                            </div>
3717                        </div>
3718                    </div>
3719
3720                    <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">
3721                        <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">
3722                            <option>۱۸ ماه گارانتی اصلی یکتا سرویس (رایگان)</option>
3723                            <option>۲۴ ماه گارانتی طلایی پارس (۱,۲۰۰,۰۰۰ تومان)</option>
3724                        </select>
3725                    </div>
3726
3727                    <div class="mb-8">
3728                        <span class="text-sm font-black text-gray-800 dark:text-gray-200 block mb-4">انتخاب رنگ:</span>
3729                        <div class="flex gap-3">
3730                            <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="مشکی">
3731                                <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>
3732                            </button>
3733                            <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="طوسی">
3734                                <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>
3735                            </button>
3736                        </div>
3737                    </div>
3738
3739                    <div class="mb-8">
3740                        <div class="flex justify-between text-[10px] mb-2 font-bold">
3741                            <span class="text-red-500">فقط ۳ عدد در انبار باقیست!</span>
3742                            <span class="text-gray-400 tracking-tighter">۸۰٪ فروخته شده</span>
3743                        </div>
3744                        <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">
3745                            <div class="w-[80%] h-full bg-gradient-to-l from-red-500 to-rose-400 rounded-full"></div>
3746                        </div>
3747                    </div>
3748
3749                    <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">
3750
3751                        <div class="flex justify-between items-center relative z-10">
3752                            <div class="flex flex-col">
3753                                <span class="text-gray-400 dark:text-gray-500 line-through text-xs font-bold mb-1">Û´Ûµ,Û°Û°Û°,Û°Û°Û°</span>
3754                                <div class="flex items-center gap-2">
3755                                    <span class="text-4xl font-black text-blue-600 dark:text-blue-400 tracking-tight">Û³Û¸,ÛµÛ°Û°,Û°Û°Û°</span>
3756                                    <span class="text-[10px] font-bold text-gray-500 dark:text-gray-400">تومان</span>
3757                                </div>
3758                            </div>
3759
3760                            <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">
3761                                <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>
3762                                <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" />
3763                                <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>
3764                            </div>
3765                        </div>
3766
3767                        <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">
3768                            <svg class="w-6 h-6 group-hover:animate-bounce" fill="none" stroke="currentColor" viewBox="0 0 24 24">
3769                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z" />
3770                            </svg>
3771                            افزودن به سبد خرید
3772                        </button>
3773                    </div>
3774                </div>
3775            </div>
3776        </div>
3777    </div>
3778    <!--END QUICK MODAL-->
3779    <!--LOGIN MODAL-->
3780    <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">
3781
3782        <div class="relative w-[92%] max-w-[430px] transform scale-95 translate-y-10 transition-all duration-500 my-auto h-fit">
3783
3784            <div class="absolute -inset-4 bg-blue-500/20 blur-[50px] rounded-[4rem] -z-10"></div>
3785
3786            <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">
3787
3788                <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">
3789                    <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>
3790                </button>
3791
3792                <div class="p-8 lg:p-12">
3793                    <div id="auth-steps">
3794
3795                        <div id="step-1" class="auth-step transition-all duration-300">
3796                            <div class="text-center mb-10">
3797                                <div class="relative w-20 h-20 lg:w-24 lg:h-24 mx-auto mb-8">
3798                                    <div class="absolute inset-0 bg-blue-500/20 rounded-[2.5rem] rotate-12 animate-pulse"></div>
3799                                    <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">
3800                                        <svg class="w-10 h-10" fill="none" stroke="currentColor" viewBox="0 0 24 24">
3800<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>
3801                                    </div>
3802                                </div>
3803                                <h3 class="text-2xl lg:text-3xl font-black text-gray-900 dark:text-white tracking-tight">خوش آمدید</h3>
3804                                <div class="flex items-center justify-center gap-2 mt-3">
3805                                    <span class="w-2 h-2 bg-blue-500 rounded-full animate-ping"></span>
3806                                    <p class="text-sm text-gray-500 dark:text-gray-400 font-bold">ورود یا ثبت‌نام در سایت</p>
3807                                </div>
3808                            </div>
3809
3810                            <div class="space-y-6">
3811                                <div class="space-y-2 text-right">
3812                                    <label class="text-[12px] font-black text-gray-400 dark:text-gray-500 mr-2 uppercase">شماره موبایل</label>
3813                                    <div class="relative group">
3814                                        <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">
3815                                            <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>
3816                                        </div>
3817                                        <input type="tel" id="phoneInput" dir="ltr" maxlength="11" placeholder="09123456789"
3818                                               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">
3819                                    </div>
3820                                </div>
3821
3822                                <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">
3823                                    <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>
3824                                    <span class="relative flex items-center justify-center gap-3 text-lg">تایید و دریافت کد</span>
3825                                </button>
3826
3827                                <div class="relative flex items-center justify-center py-2">
3828                                    <div class="flex-grow border-t border-gray-200 dark:border-white/10"></div>
3829                                    <span class="relative z-10 px-4 text-[11px] font-black text-gray-400 bg-transparent uppercase">یا از طریق</span>
3830                                    <div class="flex-grow border-t border-gray-200 dark:border-white/10"></div>
3831                                </div>
3832
3833                                <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">
3834                                    <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>
3835                                    <span>ادامه با حساب گوگل</span>
3836                                </button>
3837                            </div>
3838                        </div>
3839
3840                        <div id="step-2" class="auth-step hidden opacity-0 scale-95 transition-all duration-300">
3841                            <div class="text-center mb-10">
3842                                <div class="relative w-16 h-16 lg:w-20 lg:h-20 mx-auto mb-6">
3843                                    <div class="absolute inset-0 bg-secondary-500/20 rounded-[2rem] rotate-12 animate-pulse"></div>
3844                                    <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">
3845                                        <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>
3846                                    </div>
3847                                </div>
3848                                <h3 class="text-2xl font-black text-gray-900 dark:text-white">تایید شماره</h3>
3849                                <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>
3850                            </div>
3851
3852                            <div class="space-y-8">
3853                                <div id="otp-container" class="flex flex-row justify-center gap-2 lg:gap-3" dir="ltr">
3854                                    <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">
3855                                    <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">
3856                                    <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">
3857                                    <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">
3858                                    <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">
3859                                </div>
3860
3861                                <div class="space-y-4">
3862                                    <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">
3863                                        <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>
3864                                        <span class="relative text-lg">ورود به حساب کاربری</span>
3865                                    </button>
3866                                    <div class="flex flex-col items-center gap-4 pt-2">
3867                                        <button id="resend-btn" disabled class="text-xs font-black text-gray-400 transition-colors flex items-center gap-2">
3868                                            <span id="timer-text">ارسال مجدد کد (۵۹ ثانیه)</span>
3869                                        </button>
3870                                        <button onclick="goToStep(1)" class="text-xs font-black text-gray-400 hover:text-red-500 transition-colors">اصلاح شماره موبایل</button>
3871                                    </div>
3872                                </div>
3873                            </div>
3874                        </div>
3875
3876                    </div>
3877
3878                    <div class="mt-10 text-center">
3879                        <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>
3880                    </div>
3881                </div>
3882            </div>
3883        </div>
3884    </div>
3885    <!--END LOGIN MODAL-->
3886    <!--CART DRAWER-->
3887    
3888<div id="cart-drawer" class="fixed inset-0 z-[1100] pointer-events-none">
3889    <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>
3890
3891    <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">
3892
3893        <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">
3894            <h3 class="font-black text-lg dark:text-white flex items-center gap-2">
3895                <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>
3896                سبد خرید <span id="cart-header-count" class="text-xs font-normal text-gray-400 dark:text-gray-500">(۰ کالا)</span>
3897            </h3>
3898            <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">
3899                <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>
3900            </button>
3901        </div>
3902
3903
3904        <div id="cart-items-container" class="flex-1 overflow-y-auto p-5 flex flex-col" dir="rtl">
3905
3906            <div id="empty-cart-msg" class="hidden flex-1 flex-col items-center justify-center text-center animate-fadeIn">
3907                <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">
3908                    <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>
3909                </div>
3910                <h4 class="text-gray-800 dark:text-gray-200 font-black text-lg mb-2">سبد خرید شما خالی است!</h4>
3911                <p class="text-sm text-gray-500 dark:text-gray-400 max-w-[250px] leading-6 mb-8">به‌نظر می‌رسد هنوز هیچ محصولی را به سبد خرید خود اضافه نکرده‌اید.</p>
3912                
3913            </div>
3914
3915
3916            
3917
3918
3919
3920            <div id="actual-items-list" class="space-y-4">
3921<input name="__RequestVerificationToken" type="hidden" value="NozkZxNSrcwESdR7RKO4WP21INOAA0QhSu4Kv5N_XTLKqqd0b6CnZ2o6raWnGHngcEY7Yg-Zb2n98F_cM6Gn3wHvUro8yjD7FZQtwJ0hnQs1" />
3922
3923
3924
3925            </div>
3926        </div>
3927
3928        <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">
3929            <div class="flex justify-between items-center text-sm">
3930                <span class="text-gray-500 dark:text-gray-400 font-bold">مجموع سبد خرید:</span>
3931                <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>
3932            </div>
3933            <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">
3934                <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>
3935                مشاهده سبد و ادامه خرید
3936                <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>
3937            </a>
3938        </div>
3939    </div>
3940</div>
3941
3942
3943
3944
3945
3946    <!--END CART DRAWER-->
3947    <!--Mobile Menu-->
3948    <div id="mobile-menu" class="fixed inset-0 z-[1100] pointer-events-none">
3949        <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>
3950
3951        <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">
3952
3953            <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">
3954                <div class="flex items-center gap-2">
3955                    <div class="w-8 h-8 bg-blue-600 rounded-lg flex items-center justify-center shadow-lg shadow-blue-500/40">
3956                        <svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
3957                            <path d="M4 6h16M4 12h16m-7 6h7" stroke-width="2.5" stroke-linecap="round" />
3958                        </svg>
3959                    </div>
3960                    <span class="font-black text-xl dark:text-white">منوی اصلی</span>
3961                </div>
3962                <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">
3963                    <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
3964                        <path d="M6 18L18 6M6 6l12 12" stroke-width="2.5" stroke-linecap="round" />
3965                    </svg>
3966                </button>
3967            </div>
3968
3969            <div class="flex-1 overflow-y-auto custom-scrollbar pt-2">
3970
3971                
3972
3973                <nav class="px-3 pb-20">
3974                    <ul class="space-y-3">
3975                        <li class="menu-item">
3976                            <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">
3977                                <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>
3978                                <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>
3979                                <li>
3979<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>
3980                                <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>
3981                                <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>
3982                                <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>
3983                            </ul>
3984                        </li>
3985                        <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>
3986                        <li class="menu-item">
3987                            <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">
3988                                <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>
3989                                <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>
3990                                <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>
3991                            </ul>
3992                        </li>
3993                        <li class="menu-item">
3994                            <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">
3995                                <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>
3996                                <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>
3997                                <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>
3998                            </ul>
3999                        </li>
4000                        <li class="menu-item">
4001                            <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">
4001<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">
4002                                <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>
4003                                <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>
4004                                <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>
4005                                <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>
4006                                <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>
4007                            </ul>
4008                        </li>
4009                        <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>
4010                    </ul>
4011
4012                    <!--Contact information-->
4013                    <div class="mt-8 pt-6 border-t border-white/40 dark:border-gray-800 space-y-6">
4014                        
4015
4016                        <!-- شبکه‌های اجتماعی -->
4017                        <div class="flex gap-4 justify-center">
4018                            <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">
4019                                <svg class="w-5 h-5 group-hover:scale-110 transition-transform" fill="currentColor" viewBox="0 0 24 24">
4020                                    <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>
4021                                </svg>
4022                            </a>
4023                            <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">
4024
4025                                <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
4025<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>
4026
4027                                
4028                            </a>
4029                            <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">
4030
4031                                <img data-src="~/Content/BasicTemplate/images/eita-gray.png" width="25" src="/Content/BasicTemplate/images/eita-gray.png">
4032
4033                                
4034                            </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>
4035                            <!--<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">
4036                            <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">-->
4037                            <!-- Icon from Tabler Icons by Paweł Kuna - https://github.com/tabler/tabler-icons/blob/master/LICENSE -->
4038                            <!--<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" />
4039                                </svg>
4040                            </a>-->
4041                        </div>
4042                    </div>
4043                </nav>
4044            </div>
4045        </div>
4046    </div>
4047    <!--END Mobile Menu-->
4048
4049
4050    <div id="wa" dir="rtl" data-get-url="/Home/GetPhone" data-set-url="/Home/SetPhone">
4051        <button id="whatslink" class="eita-trigger" type="button" aria-expanded="false" aria-controls="whatsdiv">
4052            <span class="eita-icon"><img src="/Content/Images/eitac.png" width="36" height="36" alt="" /></span>
4053            
4054        </button>
4055        <section id="whatsdiv" class="eita-panel" aria-labelledby="eita-title" hidden>
4056            <div class="eita-heading">
4057                <div><h2 id="eita-title">پشتیبانی مستقیم با ایتا</h2><p>سلام، چطور میتونیم کمکتون کنیم؟</p></div>
4058                <button id="eita-close" type="button" aria-label="بستن پنجره پشتیبانی">×</button>
4059            </div>
4060            <div class="eita-content">
4061                <p class="eita-hours">ساعت پاسخگویی: ۹ صبح الی ۱۷</p>
4062                <p id="eita-status" role="status" aria-live="polite"></p>
4063                <a id="lnkwhatsapp" class="eita-chat" target="_blank" rel="nofollow noopener noreferrer" hidden>
4064                    <img src="/Content/Images/eitac.png" width="40" height="40" alt="" />
4065                    <span>برای شروع گفتگو کلیک کنید<small>گفتگو در ایتا باز می‌شود</small></span>
4066                    <span aria-hidden="true">↗</span>
4067                </a>
4068                <button id="eita-retry" type="button" hidden>تلاش مجدد</button>
4069            </div>
4070        </section>
4071    </div>
4072    
4072<script>
4073    (function () {
4074        'use strict';
4075        const widget = document.getElementById('wa');
4076        const trigger = document.getElementById('whatslink');
4077        const panel = document.getElementById('whatsdiv');
4078        const close = document.getElementById('eita-close');
4079        const link = document.getElementById('lnkwhatsapp');
4080        const status = document.getElementById('eita-status');
4081        const retry = document.getElementById('eita-retry');
4082        let loading = false;
4083        let account = '';
4084        let notified = false;
4085
4086        async function loadSupport() {
4087            if (loading || account) return;
4088            loading = true;
4089            retry.hidden = true;
4090            link.hidden = true;
4091            status.textContent = 'در حال دریافت لینک پشتیبانی…';
4092            panel.setAttribute('aria-busy', 'true');
4093            const controller = new AbortController();
4094            const timeout = setTimeout(function () { controller.abort(); }, 10000);
4095            try {
4096                const response = await fetch(widget.dataset.getUrl, {
4097                    method: 'POST',
4098                    credentials: 'same-origin',
4099                    headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' },
4100                    body: 'sendType=1',
4101                    signal: controller.signal
4102                });
4103                if (!response.ok) throw new Error('Support unavailable');
4104                const value = await response.json();
4105                if (typeof value !== 'string' || !/^[a-zA-Z0-9_]+$/.test(value)) throw new Error('Invalid support account');
4106                account = value;
4107                link.href = 'https://eitaa.com/' + encodeURIComponent(account);
4108                link.hidden = false;
4109                status.textContent = '';
4110            } catch (error) {
4111                status.textContent = 'دریافت لینک پشتیبانی ممکن نشد. لطفاً دوباره تلاش کنید.';
4112                retry.hidden = false;
4113            } finally {
4114                clearTimeout(timeout);
4115                loading = false;
4116                panel.removeAttribute('aria-busy');
4117            }
4118        }
4119
4120        function setOpen(open, restoreFocus) {
4121            panel.hidden = !open;
4122            trigger.setAttribute('aria-expanded', String(open));
4123            if (open) {
4124                close.focus();
4125                loadSupport();
4126            } else if (restoreFocus) {
4127                trigger.focus();
4128            }
4129        }
4130        trigger.addEventListener('click', function () { setOpen(panel.hidden, false); });
4131        close.addEventListener('click', function () { setOpen(false, true); });
4132        retry.addEventListener('click', loadSupport);
4133        document.addEventListener('click', function (event) {
4134            if (!panel.hidden && !widget.contains(event.target)) {
4135                setOpen(false, panel.contains(document.activeElement));
4136            }
4137        });
4138        document.addEventListener('keydown', function (event) {
4139            if (event.key === 'Escape' && !panel.hidden) setOpen(false, widget.contains(document.activeElement));
4140        });
4141        document.addEventListener('focusin', function (event) {
4142            if (!panel.hidden && !widget.contains(event.target)) setOpen(false, false);
4143        });
4144        link.addEventListener('click', function (event) {
4145            if (!account) { event.preventDefault(); return; }
4146            if (notified) return;
4147            notified = true;
4148            fetch(widget.dataset.setUrl, {
4149                method: 'POST',
4150                credentials: 'same-origin',
4151                headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' },
4152                body: 'tel=' + encodeURIComponent(account),
4153                keepalive: true
4154            }).then(function (response) {
4155                if (!response.ok) notified = false;
4156            }).catch(function () { notified = false; });
4157        });
4158    }());
4159    </script>
4159
4160    
4160<script src="/Content/NewTheme/public/assets/js/plugin/swiper/swiper-bundle.min.js"></script>
4160
4161    
4161<script src="/Content/NewTheme/public/assets/js/dependencies/swiper-script.js?v=639270333682349669"></script>
4161
4162    
4162<script src="/Content/NewTheme/public/assets/js/dependencies/app.js?v=639270319970859018"></script>
4162
4163
4164  
4165
4166    
4167
4168    
4168<script src="/Scripts/jquery.unobtrusive-ajax.min.js" type="text/javascript"></script>
4168
4169    
4169<script src="/Scripts/jquery.InfiniteScroll.js" type="text/javascript"></script>
4169
4170
4171    <style>
4172        #titleTime, #titleTime2 {
4173            direction: ltr;
4174        }
4175    </style>
4176
4177    <style>
4178        .product-cart-widget [hidden], #btnAddToCart[hidden], #btnAddToCart-stickyBtn[hidden] { display:none !important; }
4179        .product-cart-widget { width:100%; }
4180        .product-cart-widget.is-cart-loading [data-cart-action="add"], .product-cart-widget.is-cart-loading .product-cart-count { position:relative; color:transparent !important; }
4181        .product-cart-widget.is-cart-loading [data-cart-action="add"] > * { visibility:hidden; }
4182        .product-cart-widget.is-cart-loading [data-cart-action="add"]:disabled { opacity:1; cursor:wait; }
4183        .product-cart-widget.is-cart-loading [data-cart-action="add"]::after, .product-cart-widget.is-cart-loading .product-cart-count::after { content:""; position:absolute; top:50%; left:50%; width:22px; height:22px; margin:-11px 0 0 -11px; border:3px solid rgba(255,255,255,.35); border-top-color:#fff; border-radius:50%; animation:product-cart-spin .7s linear infinite; }
4184        .product-cart-widget.is-cart-loading .product-cart-count::after { border-color:#bfdbfe; border-top-color:#2563eb; }
4185        .dark .product-cart-widget.is-cart-loading .product-cart-count::after { border-color:#334155; border-top-color:#93c5fd; }
4186        .product-cart-loading-status { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
4187        @keyframes product-cart-spin { to { transform:rotate(360deg); } }
4188        .product-cart-controls { display:flex; align-items:center; justify-content:center; gap:12px; }
4189        .product-cart-counter { display:flex; align-items:center; gap:6px; padding:6px; border:1px solid #e5e7eb; border-radius:18px; background:rgba(107,114,128,.06); }
4190        .dark .product-cart-counter { border-color:#374151; background:rgba(255,255,255,.05); }
4191        .product-cart-counter button { width:44px; height:44px; border-radius:12px; background:white; color:#334155; font-size:24px; }
4192        .dark .product-cart-counter button { background:#1f2937; color:#e5e7eb; }
4193        .product-cart-counter [data-cart-action="increase"], .dark .product-cart-counter [data-cart-action="increase"] { background:#2563eb; color:white; }
4194        .product-cart-count { min-width:36px; text-align:center; font-size:18px; font-weight:900; color:#111827; }
4195        .dark .product-cart-count { color:#f9fafb; }
4196        .product-cart-remove { width:44px; height:44px; border-radius:12px; background:rgba(244,63,94,.1); color:#be123c; }
4197        .dark .product-cart-remove { color:#fda4af; }
4198        .product-cart-widget button:disabled { opacity:.4; cursor:not-allowed; }
4199        .product-cart-note,.product-cart-price { text-align:center; margin:8px 0; font-size:12px; font-weight:700; color:#475569; }
4200        .product-cart-price { font-size:16px; color:#2563eb; }
4201        .dark .product-cart-note { color:#cbd5e1; }
4202        .dark .product-cart-price { color:#60a5fa; }
4203        .product-cart-error { color:#be123c; font-size:12px; line-height:2; margin-top:8px; }
4204        .dark .product-cart-error { color:#fda4af; }
4205        .product-cart-widget button:focus-visible { outline:2px solid #3b82f6; outline-offset:3px; }
4206    </style>
4207    
4207<script>
4208    (function () {
4209        const add = document.getElementById('btnAddToCart');
4210        if (!add) return;
4211        const productId = 15565;
4212        const actualProductId = productId === 10400 ? 10412 : productId;
4213        const widgets = [];
4214        let version = 0;
4215        const markup = '<p class="product-cart-price" hidden></p>' +
4216            '<div class="product-cart-controls" hidden><div class="product-cart-counter" role="group" aria-label="تعداد رنگ انتخاب‌شده">' +
4217            '<button type="button" data-cart-action="increase" aria-label="افزایش تعداد">+</button>' +
4218            '<span class="product-cart-count" aria-live="polite">0</span>' +
4219            '<button type="button" data-cart-action="decrease" aria-label="کاهش تعداد">−</button></div>' +
4220            '<button type="button" class="product-cart-remove" data-cart-action="remove" aria-label="حذف این انتخاب از سبد" title="حذف این انتخاب از سبد"><i class="far fa-trash-alt" aria-hidden="true"></i></button></div>' +
4221            '<p class="product-cart-note" role="status"></p><p class="product-cart-error" data-cart-error role="alert"></p>';
4222        [add, document.getElementById('btnAddToCart-stickyBtn')].filter(Boolean).forEach(function (button) {
4223            const widget = document.createElement('div');
4224            widget.className = 'product-cart-widget';
4225            widget.setAttribute('data-cart-row','');
4226            widget.innerHTML = markup + '<span class="product-cart-loading-status" role="status"></span>';
4227            button.before(widget);
4228            widget.prepend(button);
4229            button.dataset.cartAction = 'add';
4230            widgets.push({ root:widget, add:button });
4231        });
4232        const selectors = document.querySelectorAll('input[name="ColorSelect"], input[name="GiftSelect"], #TimeList');
4233        selectors.forEach(function(input){ input.setAttribute('data-product-cart-input',''); input.addEventListener('change',loadSelection); });
4234        function selection() {
4235            const color = document.querySelector('input[name="ColorSelect"]:checked');
4236            const gift = document.querySelector('input[name="GiftSelect"]:checked');
4237            const price = document.getElementById('TimeList');
4238            return {id:actualProductId, c:productId === 10400 ? '2a4e5c' : color ? color.value : '', specialPrice:price ? price.value : '', g:gift ? gift.value : ''};
4239        }
4240        function setLoading(loading) {
4241            widgets.forEach(function(w) {
4242                w.root.classList.toggle('is-cart-loading', loading);
4243                w.root.setAttribute('aria-busy', String(loading));
4244                w.root.querySelector('.product-cart-loading-status').textContent = loading ? 'در حال به‌روزرسانی سبد' : '';
4245            });
4246        }
4247        async function loadSelection() {
4248            setLoading(true);
4249            const request = ++version;
4250            const chosen = selection();
4251            widgets.forEach(function(w){
4252                w.root.setAttribute('aria-busy','true');
4253                w.root.querySelectorAll('[data-cart-action]').forEach(function(b){b.disabled=true;});
4254                w.root.querySelector('.product-cart-note').textContent = '';
4255                w.root.querySelector('[data-cart-error]').textContent = '';
4256            });
4257            try {
4258                const response = await fetch('/Product/CartSelection?' + new URLSearchParams(chosen),{credentials:'same-origin',cache:'no-store'});
4259                if (!response.ok) throw new Error('دریافت وضعیت سبد ممکن نشد.');
4260                const result = await response.json();
4261                if(request !== version) return;
4262                if(!result.success) throw new Error(result.message || 'این انتخاب در دسترس نیست.');
4263                const state = result.selection;
4264                widgets.forEach(function(w){
4265                    Object.assign(w.root.dataset, {product:String(state.ProductId),color:String(state.ColorId),special:String(state.Special),gift:state.GiftId == null ? '' : String(state.GiftId),c
4265ount:String(state.Count),sourceProduct:String(chosen.id),sourceColor:chosen.c,sourcePrice:chosen.specialPrice,sourceGift:chosen.g});
4266                    w.add.hidden = state.Count > 0;
4267                    w.add.disabled = state.Max < 1;
4268                    w.root.querySelector('.product-cart-controls').hidden = state.Count === 0;
4269                    w.root.querySelector('.product-cart-count').textContent = new Intl.NumberFormat('fa-IR').format(state.Count);
4270                    w.root.querySelector('[data-cart-action="increase"]').disabled = state.Count >= state.Max;
4271                    w.root.querySelector('[data-cart-action="decrease"]').disabled = state.Count <= 1;
4272                    w.root.querySelector('[data-cart-action="remove"]').disabled = state.Count === 0;
4273                    const price = w.root.querySelector('.product-cart-price');
4274                    price.hidden = state.Count === 0;
4275                    price.textContent = document.getElementById('finalPriceValue').textContent;
4276                    w.root.querySelector('.product-cart-note').textContent = state.Count > 0 ? '' : state.Max < 1 ? 'موجودی یا سقف مجاز خرید این انتخاب کافی نیست.' : '';
4277                    w.root.removeAttribute('aria-busy');
4278                    w.root.classList.remove('is-cart-loading');
4279                    w.root.querySelector('.product-cart-loading-status').textContent = '';
4280                });
4281            } catch(error) {
4282                if(request !== version) return;
4283                widgets.forEach(function(w){
4284                    w.root.removeAttribute('aria-busy');
4285                    w.root.classList.remove('is-cart-loading');
4286                    w.root.querySelector('.product-cart-loading-status').textContent = '';
4287                    w.root.querySelector('.product-cart-note').textContent = '';
4288                    const message = w.root.querySelector('[data-cart-error]');
4289                    message.textContent = error.message + ' ';
4290                    const retry = document.createElement('button');
4291                    retry.type='button'; retry.textContent='تلاش دوباره'; retry.style.textDecoration='underline'; retry.addEventListener('click',loadSelection); message.appendChild(retry);
4292                });
4293            }
4294        }
4295        document.addEventListener('glx:cart-busy',function(){ setLoading(true); });
4296        document.addEventListener('glx:cart-idle',function(event){ if(!event.detail.stale) loadSelection(); else setLoading(false); });
4297        window.addEventListener('pageshow',loadSelection);
4298    })();
4299    </script>
4299
4300
4301    
4301<script>
4302        $(document).ready(function () {
4303            $("#moreInfoButton").InfiniteScroll({
4304                moreInfoDiv: '#MoreInfoDiv',
4305                progressDiv: '#ProgressDiv',
4306                loadInfoUrl: '/Product/PagedIndex?productId=15565',
4307                loginUrl: '/login',
4308                errorHandler: function () {
4309                    alert('خطايي رخ داده است');
4310                },
4311                completeHandler: function () {
4312                },
4313                noMoreInfoHandler: function () {
4314                    $("#moreInfoButton").hide();
4315                }
4316            });
4317        });
4318    </script>
4318
4319
4320    
4320<script>
4321        function OnSuccess() {
4322            $("#ActionSuccess").show();
4323            $("#CommentName").val("");
4324            $("#CommentEmail").val("");
4325            $("#CommentText").val("");
4326            $("#CaptchaInputText").val("");
4327        }
4328        function OnBegin() {
4329            $("#ActionSuccess").hide();
4330        }
4331        function OnFailure() {
4332            $("#ActionSuccess").hide();
4333            $("#ActionError").show();
4334            setTimeout(function () {
4335                $("#ActionError").hide();
4336            }, 9000);
4337        }
4338    </script>
4338
4339
4340    
4340<script>
4341        function OnFavSuccess() {
4342            $("#RedHeart").show();
4343            $("#WhiteHeart").hide();
4344        }
4345        function OnFavBegin() {
4346            $("#WhiteHeart").hide();
4347        }
4348        function OnFavFailure() {
4349            $("#WhiteHeart").show();
4350            $("#RedHeart").hide();
4351        }
4352        function OnUnFavSuccess() {
4353            $("#RedHeart").hide();
4354            $("#WhiteHeart").show();
4355        }
4356        function OnUnFavBegin() {
4357            $("#RedHeart").hide();
4358        }
4359        function OnUnFavFailure() {
4360            $("#RedHeart").show();
4361            $("#WhiteHeart").hide();
4362        }
4363
4364        function OnInformSuccess() {
4365            document.getElementById("btnInform").innerHTML = "اطلاع داده خواهد شد";
4366        };
4367        function OnInformBegin() { };
4368        function OnInformFailure() { };
4369    </script>
4369
4370
4371
4372    
4373
4374
4375
4376
4377</body>
4378</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.