1 2<!DOCTYPE html> 3 4<html dir="rtl"> 5<head> 6 <!--Ù¾ÛØ´Ú¯Ø§Ù ا٠Ùگا٠ÙÙÛÙ--> 7 <!--DesignedBy: PNNJ--> 8 9 <meta name="author" content="Http://GLX.IR"> 10 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 11 <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> 12 <meta charset="UTF-8" /> 13 <title>Ú¯ÙØ´Û ÙØ§Û Ø¬Û Ø§Ù Ø§Ûکس GLX Mobile</title> 14 <meta property="og:sitename" content="GLX"> 15 <meta property="og:title" content="Ú¯ÙØ´Û ÙØ§Û Ø¬Û Ø§Ù Ø§Ûکس GLX Mobile"> 16 <meta property="og:url" content="http://www.glx.ir"> 17 <meta property="og:image" content="http://glx.ir/images/slider/12306.jpg"> 18 <meta property="og:type" content="website" /> 19 <meta property="og:locale" content="fa_IR" /> 20 <meta property="og:locale:alternate" content="En_US" /> 21 <meta property="og:image:secure_url" content="http://glx.ir/images/slider/12306.jpg" /> 22 <meta property="og:image:type" content="image/jpg" /> 23 <meta property="og:image:width" content="300" /> 24 <meta property="og:image:height" content="300" /> 25 <meta property="og:description" content="شرکت ارتباط Ú¯ÙÛØ§ Ù٠را٠ارÙÙØ¯ تÙÙÛØ¯ Ú©ÙÙØ¯Ù Ú¯ÙØ´Û Ù ØªØ¨ÙØª در Ø§ÛØ±Ø§Ù" /> 26 <meta name="keywords" content="ÙØ¨ Ø³Ø§ÛØª Ø¬Û Ø§Ù Ø§Ûکس , ÙÙØ§Ø²Ù Ø¬Ø§ÙØ¨Û Ø¬Û Ø§Ù Ø§ÛÚ©Ø³Ø Ø§Ø±ØªØ¨Ø§Ø· Ú¯ÙÛØ§ ÙÙ Ø±Ø§ÙØ Ù Ø§Ø¯Ø Ø¬Û 6" /> 27 <meta property="place:location:latitude" content="31.322969"> 28 <meta property="place:location:longitude" content="48.693388"> 29 <meta property="business:contact_data:street_address" content=" Ø§ÛØ±Ø§ÙØ Ø®ÙØ²Ø³ØªØ§ÙØ Ø§ÙÙØ§Ø²Ø ÙØ¨Ø´ Ø®ÛØ§Ø¨Ø§Ù طاÙÙØ§ÙÛ Ø¨Ø±Ø¬ Ø¬Û Ø§Ù Ø§Ûکس"> 30 <meta property="business:contact_data:locality" content="اÙÙØ§Ø²"> 31 <meta property="business:contact_data:country_name" content="Ø§ÛØ±Ø§Ù"> 32 <meta property="business:contact_data:phone_number" content="٠٦١٥٣٥٨٣٣٦٢"> 33 <meta property="business:contact_data:website" content="https://www.glx.ir/"> 34 <meta name="twitter:card" content="summary_large_image"> 35 <meta name="twitter:site" content="GLX"> 36 <meta name="twitter:title" content="GLX.ir"> 37 <meta name="twitter:text:description" content="Ø¬Û Ø§Ù Ø§Ûکس | Ú¯ÙØ´Û ÙØ§Û Ø¬Û Ø§Ù Ø§Ûکس GLX Mobile"> 38 <meta name="twitter:creator" content="GLX"> 39 <meta name="twitter:url" content="https://www.GLX.ir/" /> 40 <meta name="twitter:image" content="http://glx.ir/images/slider/12306.jpg"> 41 <meta property="twitter:app:country" content="ir"> 42 <meta property="twitter:app:name:googleplay" content="Ø¬Û Ø§Ù Ø§Ûکس | Ú¯ÙØ´Û ÙØ§Û Ø¬Û Ø§Ù Ø§Ûکس GLX Mobile"> 43 <meta property="twitter:app:name:ipad" content="Ø¬Û Ø§Ù Ø§Ûکس | Ú¯ÙØ´Û ÙØ§Û Ø¬Û Ø§Ù Ø§Ûکس GLX Mobile"> 44 <meta property="twitter:app:name:iphone" content="Ø¬Û Ø§Ù Ø§Ûکس | Ú¯ÙØ´Û ÙØ§Û Ø¬Û Ø§Ù Ø§Ûکس GLX Mobile"> 45 <meta name="theme-color" content="#3166bc"> 46 47 48 49 <link rel="stylesheet" href="/Content/BaseTemplate/css/flip.min.css"> 50 <style> 51 @media (max-width: 1023px) { 52 #home-hero-slider { order: -1; } 53 } 54 #home-hero-slider .home-hero-pagination { 55 position: absolute; 56 z-index: 10; 57 text-align: center; 58 } 59 @media (max-width: 767px) { 60 #home-hero-slider .home-hero-navigation { 61 bottom: 12px; 62 left: 16px; 63 gap: 8px; 64 } 65 #home-hero-slider .home-hero-navigation > div { 66 width: 32px; 67 height: 32px; 68 } 69 #home-hero-slider .home-hero-navigation svg { 70 width: 16px; 71 height: 16px; 72 } 73 } 74 @layer homeHeroControls { 75 @media (max-width: 767px) { 76 #home-hero-slider .home-hero-pagination { 77 bottom: 12px !important; 78 right: 16px !important; 79 line-height: 1; 80 } 81 #home-hero-slider .home-hero-pagination .swiper-pagination-bullet { 82 width: 6px !important; 83 height: 6px !important; 84 margin: 0 3px; 85 } 86 #home-hero-slider .home-hero-pagination .swiper-pagination-bullet-active { 87 width: 18px !important; 88 } 89 } 90 } 91 </style> 92 93 94 <link rel="shortcut icon" href="/Content/BaseTemplate/Images/favicon.png"> 95 <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/Content/BaseTemplate/Images/favicon.png"> 96 <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/Content/BaseTemplate/Images/favicon.png"> 97 <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/Content/BaseTemplate/Images/favicon.png"> 98 <link rel="apple-touch-icon-precomposed" href="/Content/BaseTemplate/Images/favicon.png "> 99 100 <link href="/Content/BaseTemplate/css/fontawesome-all.min.css" rel="stylesheet" /> 101 102 <link href="/Content/NewTheme/public/assets/js/plugin/swiper/swiper-bundle.min.css" rel="stylesheet" /> 103 <link href="/Content/NewTheme/public/assets/css/app.css" rel="stylesheet" /> 104 105 106 <style> 107 @media (max-width: 767px) { 108 .glx-header-row { gap: 6px; } 109 .glx-header-brand, .glx-header-actions { gap: 6px; flex-shrink: 0; } 110 .glx-header-brand > a { flex: 0 0 80px; } 111 .glx-header-brand > a > img { width: 80px; max-width: none; height: auto; } 112 .glx-header-brand > button, 113 .glx-header-actions > button, 114 .glx-header-actions > a, 115 .glx-header-actions > .relative > a { 116 width: 40px; 117 height: 44px;
118 padding-left: 0; 119 padding-right: 0; 120 flex-shrink: 0; 121 display: inline-flex; 122 align-items: center; 123 justify-content: center; 124 } 125 } 126 @media (max-width: 359px) { 127 .glx-header-row, .glx-header-brand, .glx-header-actions { gap: 4px; } 128 .glx-header-brand > button, 129 .glx-header-actions > button, 130 .glx-header-actions > a, 131 .glx-header-actions > .relative > a { width: 36px; } 132 } 133 .glx-search-panel { color:#172033; background:#fff; border:1px solid #e2e8f0; border-radius:18px; padding:8px; box-shadow:0 18px 45px #0f172a26; text-align:right; } 134 .glx-search-panel[hidden] { display:none !important; } 135 #mega-search-panel { position:absolute; top:calc(100% + 10px); right:0; left:0; z-index:10001; max-height:min(65vh,440px); overflow-y:auto; } 136 #mobile-search-panel { margin:0 20px 20px; overflow-y:auto; min-height:0; } 137 .glx-search-option { display:flex; align-items:center; gap:12px; padding:15px 12px; min-height:52px; border-radius:12px; text-decoration:none; color:inherit; } 138 .glx-search-option + .glx-search-option { border-top:1px solid #f1f5f9; } 139 .glx-search-option:hover,.glx-search-option[aria-selected="true"],.glx-search-option:focus-visible { background:#eff6ff; color:#1d4ed8; outline:2px solid transparent; } 140 .glx-search-term { flex:1; min-width:0; overflow-wrap:anywhere; font-size:14px; font-weight:700; } 141 .glx-search-scope { flex-shrink:0; max-width:55%; font-size:12px; color:#64748b; } 142 .glx-search-status { padding:9px 12px 5px; font-size:11px; color:#64748b; } 143 .dark .glx-search-panel { background:#101827; border-color:#334155; color:#f1f5f9; } 144 .dark .glx-search-option + .glx-search-option { border-color:#263244; } 145 .dark .glx-search-option:hover,.dark .glx-search-option[aria-selected="true"],.dark .glx-search-option:focus-visible { background:#1e3a5f; color:#bfdbfe; } 146 .dark .glx-search-scope,.dark .glx-search-status { color:#b4c2d5; } 147 #search-modal > .relative { background:#f8fafc; } 148 .dark #search-modal > .relative { background:#0b1220; } 149 #wa { position:fixed; right:30px; bottom:calc(70px + env(safe-area-inset-bottom,0px)); z-index:120; font:inherit; color:#172033; } 150 #wa [hidden] { display:none !important; } 151 #wa button,#wa a { -webkit-tap-highlight-color:transparent; } 152 #wa button:focus-visible,#wa a:focus-visible { outline:3px solid #f59e0b; outline-offset:4px; } 153 #wa .eita-trigger { display:flex; align-items:center; gap:10px; border:0; background:transparent; padding:0; cursor:pointer; color:inherit; } 154 #wa .eita-icon { display:flex; align-items:center; justify-content:center; width:56px; height:56px; border-radius:20px; background:#ef7c00; box-shadow:0 8px 24px #ef7c0040; } 155 #wa .eita-icon img { object-fit:contain; } 156 #wa .eita-caption { padding:11px 14px; border:1px solid #e2e8f0; border-radius:14px; background:#fff; box-shadow:0 4px 18px #0f172a12; font-size:12px; font-weight:700; } 157 #wa .eita-trigger[aria-expanded="true"] .eita-caption { visibility:hidden; } 158 #wa .eita-panel { position:absolute; bottom:72px; right:0; width:340px; max-width:calc(100vw - 32px); max-height:calc(100dvh - 180px - env(safe-area-inset-bottom,0px)); overflow:auto; background:#fff; border:1px solid #e2e8f0; border-radius:24px; box-shadow:0 18px 55px #0f172a26; } 159 #wa .eita-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; padding:20px 16px; background:#fff3e5; border-bottom:1px solid #ffdfb9; } 160 #wa .eita-heading h2 { margin:0; font-size:15px; font-weight:800; line-height:2; } 161 #wa .eita-heading p { margin:5px 0 0; font-size:12px; line-height:1.9; color:#78502a; } 162 #wa #eita-close { flex-shrink:0; width:40px; height:40px; border:0; border-radius:12px; background:#ffffffb3; color:#9a4700; font-size:26px; cursor:pointer; } 163 #wa .eita-content { padding:18px 16px; } 164 #wa .eita-hours { margin:0 0 12px; font-size:12px; color:#64748b; line-height:2; } 165 #wa #eita-status { font-size:12px; line-height:2; color:#64748b; } 166 #wa #eita-status:empty { display:none; } 167 #wa .eita-chat { display:flex; align-items:center; gap:10px; padding:14px 12px; border:1px solid #fed7aa; border-radius:16px; background:#fffaf5; color:#9a4700; text-decoration:none; font-size:12px; font-weight:800; transition:background-color .2s; } 168 #wa .eita-chat:hover { background:#ffedd5; } 169 #wa .eita-chat img { flex-shrink:0; object-fit:contain; } 170 #wa .eita-chat > span:first-of-type { flex:1; min-width:0; line-height:1.9; } 171 #wa .eita-chat small { display:block; margin-top:4px; font-size:11px; font-weight:400; color:#78502a; } 172 #wa #eita-retry { margin-top:12px; min-height:44px; padding:8px 16px; border:1px solid #fdba74; border-radius:12px; background:#fff7ed; color:#9a4700; cursor:pointer; font-size:12px; } 173 .dark #wa { color:#f1f5f9; } 174 .dark #wa .eita-caption,.dark #wa .eita-panel { background:#111827; border-color:#374151; } 175 .dark #wa .eita-heading { background:#31251c; border-color:#604028; } 176 .dark #wa .eita-heading p,.dark #wa .eita-chat small { color:#e8be96; }
177 .dark #wa .eita-hours,.dark #wa #eita-status { color:#b4c2d5; } 178 .dark #wa #eita-close,.dark #wa #eita-retry,.dark #wa .eita-chat { background:#31251c; border-color:#604028; color:#fdba74; } 179 .dark #wa .eita-chat:hover { background:#45301d; } 180 @media(max-width:767px) { #wa { right:16px; bottom:calc(100px + env(safe-area-inset-bottom,0px)); } #wa .eita-panel { max-height:calc(100dvh - 200px - env(safe-area-inset-bottom,0px)); } } 181 @media(prefers-reduced-motion:reduce) { #wa .eita-chat { transition:none; } } 182 </style> 183</head> 184<body class="bg-[#fcfdfe] dark:bg-[#050505] min-h-screen transition-colors duration-700 selection:bg-blue-500/30 selection:text-blue-600 overflow-x-hidden"> 185 186 <!-- NEON LIGHT --> 187 <div class="fixed inset-0 pointer-events-none -z-[60] overflow-hidden bg-[#fafbfc] dark:bg-[#030303]"> 188 189 <div class="absolute -top-[15%] -left-[10%] w-[70%] h-[70%] bg-indigo-500/10 dark:bg-indigo-600/[0.15] blur-[150px] rounded-full animate-pulse" style="animation-duration: 8s;"></div> 190 191 <div class="absolute -bottom-[15%] -right-[10%] w-[70%] h-[70%] bg-blue-500/10 dark:bg-blue-600/[0.18] blur-[150px] rounded-full animate-pulse" style="animation-duration: 10s;"></div> 192 193 <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[50%] h-[50%] bg-blue-400/[0.03] dark:bg-blue-500/[0.05] blur-[120px] rounded-full"></div> 194 195 <div class="absolute inset-0 opacity-[0.03] dark:opacity-[0.06] pointer-events-none mix-blend-multiply dark:mix-blend-soft-light" 196 style="background-image: url('data:image/svg+xml,%3Csvg viewBox=\'0 0 200 200\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cfilter id=\'n\'%3E%3CfeTurbulence type=\'fractalNoise\' baseFrequency=\'0.8\' numOctaves=\'4\' stitchTiles=\'stitch\'/%3E%3C/filter%3E%3Crect width=\'100%25\' height=\'100%25\' filter=\'url(%23n)\'/%3E%3C/svg%3E');"> 197 </div> 198 </div> 199 <!-- END NEON LIGHT --> 200 <!-- HEADER --> 201 <header class="glass-header sticky top-0 z-50 border-b drop-shadow border-gray-200/50 dark:border-gray-800/50 bg-white/80 dark:bg-gray-950/80 backdrop-blur-xl transition-all duration-300"> 202 203 204 205 <div class="container"> 206 <div class="glx-header-row flex items-center justify-between h-20 gap-8"> 207 208 <div class="glx-header-brand flex items-center gap-4"> 209 <button id="resMenu" class="lg:hidden p-2 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-full transition-colors"> 210 <svg class="w-6 h-6 text-gray-700 dark:text-gray-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4 6h16M4 12h16m-7 6h7" /></svg> 211 </button> 212 <button id="mobile-search-toggle" class="md:hidden p-2.5 rounded-xl border border-gray-200/50 dark:border-white/10 bg-white/40 dark:bg-white/5 text-gray-600 dark:text-gray-400 transition-all shadow-sm"> 213 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 214 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> 215 </svg> 216 </button> 217 <a href="/" class="flex items-center gap-2 group"> 218 <img src="/Content/BaseTemplate/images/glx-logo.svg" class="w-30" alt=""> 219 </a> 220 </div> 221 222 <!-- Search --> 223 <div id="search-wrapper" class="hidden md:flex flex-1 max-w-4xl relative group/search mx-auto"> 224 225 <div class="relative w-full z-[10000]"> 226 <input type="text" id="main-search-input" maxlength="100" aria-label="جستجÙÛ Ù ØØµÙÙØ§Øª" 227 class="w-full bg-gray-200/60 dark:bg-[var(--color-primary-950)]/60 backdrop-blur-md border border-gray-300/30 dark:border-white/5 rounded-2xl py-4 pr-12 pl-40 text-sm font-bold text-right outline-none focus:bg-white dark:focus:bg-[var(--color-primary-950)] focus:ring-4 ring-[var(--color-primary-500)]/40 transition-all placeholder:text-gray-500 shadow-sm dark:text-white" 228 placeholder="جستجÙÛ Ø³Ø±Ø§Ø³Ø±Û Ø¯Ø± Ù ØØµÙÙØ§Øª ..." autocomplete="off"> 229 230 <div class="absolute inset-y-0 right-4 flex items-center pointer-events-none text-gray-500"> 231 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
231<path d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" stroke-width="2.5" /></svg> 232 </div> 233 234 <div class="absolute left-2 top-1/2 -translate-y-1/2 flex items-center h-[75%] gap-2" hidden> 235 <div class="h-full w-px bg-gray-300/40 dark:bg-white/10 ml-1"></div> 236 <button class="h-full px-4 flex items-center gap-3 rounded-xl transition-all duration-300 group/archive 237 bg-white border border-gray-200 text-gray-700 shadow-sm hover:border-[var(--color-primary-500)] 238 dark:bg-[var(--color-primary-800)]/60 dark:border-white/10 dark:text-gray-200 dark:hover:bg-[var(--color-primary-500)]/10"> 239 <div class="flex items-center justify-center w-6 h-6 rounded-lg bg-gray-100 dark:bg-white/10 group-hover/archive:bg-[var(--color-primary-500)] group-hover/archive:text-white transition-all duration-300"> 240 <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 241 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M15 19l-7-7 7-7" /> 242 </svg> 243 </div> 244 <span class="text-[11px] font-black whitespace-nowrap">آرشÛÙ Ù ØØµÙÙØ§Øª</span> 245 </button> 246 </div> 247 </div> 248 249 <div id="mega-search-panel" class="glx-search-panel" hidden data-search-url="/Product/SearchSuggestions" data-store-url="/Store/"> 250 <div id="main-search-options" role="listbox" aria-label="Ù¾ÛØ´ÙÙØ§Ø¯ÙØ§Û Ø¬Ø³ØªØ¬Ù"></div> 251 <div class="glx-search-status" role="status" aria-live="polite"></div> 252 </div> 253 254 255 </div> 256 257 <!-- Register and action button--> 258 <div class="glx-header-actions flex items-center gap-3"> 259 260 <button id="dark-mode-toggle" 261 class="p-2.5 rounded-xl border border-gray-200/50 dark:border-white/10 bg-white/40 dark:bg-white/5 backdrop-blur-md hover:border-primary-500/50 hover:bg-white/80 dark:hover:bg-white/10 text-gray-600 dark:text-gray-400 hover:text-primary-500 transition-all duration-300 shadow-sm"> 262 <svg class="w-5 h-5 hidden dark:block" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m9-9h-1M4 9H3m15.364-6.364l-.707.707M6.343 17.657l-.707.707m12.728 0l-.707-.707M6.343 6.343l-.707-.707M12 8a4 4 0 100 8 4 4 0 000-8z" /></svg> 263 <svg class="w-5 h-5 block dark:hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z" /></svg> 264 </button> 265 266 267 <div class="relative group"> 268 <a href="/Account/Login" 269 class="flex items-center gap-2 px-4 py-2.5 rounded-xl border border-gray-200/50 dark:border-white/10 bg-white/40 dark:bg-white/5 backdrop-blur-md hover:border-primary-500/50 hover:bg-primary-50/50 dark:hover:bg-primary-500/10 transition-all duration-300 group shadow-sm"> 270 <svg class="w-5 h-5 text-gray-600 dark:text-gray-400 group-hover:text-primary-600 transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" /></svg> 271 <span class="text-xs font-black text-gray-700 dark:text-gray-200 hidden lg:block uppercase tracking-tighter">ÙØ±Ùد ÛØ§ ثبتâÙØ§Ù </span> 272 </a> 273 </div> 274 275 276<style type="text/css"> 277 278 .dropdown-menu { 279 position: absolute; 280 top: 60px; 281 left: 70px; 282 z-index: 1000; 283 display: none; 284 float: left; 285 min-width: 10rem; 286 padding: .5rem 0; 287 margin: .125rem 0 0; 288 font-size: 1rem; 289 /*color: #212529;*/ 290 text-align: left; 291 list-style: none; 292 /*background-color: #fff;*/ 293 background-clip: padding-box; 294 border: 1px solid rgba(0, 0, 0, .15); 295 border-radius: .25rem; 296 } 297 298 .dropdown-menu { 299 border: 0; 300 box-shadow: 0 10px 50px 0 rgba(0, 0, 0, .2); 301 border-radius: .125rem; 302 transition: all .15s linear; 303 font-size: 14px; 304 } 305 306 .dropdown-menu.show { 307 display: block; 308 } 309 310 .dropdown-menu.profile-box { 311 min-width: 12rem; 312 overflow: hidden; 313 padding: 0; 314 margin: 0; 315 border-radius: 10px; 316 direction: rtl; 317 } 318 319 320 .dropdown-menu:before { 321 display: inline-block; 322 position: absolute; 323 width: 0; 324 height: 0; 325 vertical-align: middle; 326 content: ""; 327 top: -5px; 328 left: 10px; 329 right: auto; 330 color: #fff; 331 /* border-bottom: .4em solid; 332 border-right: .4em solid transparent; 333 border-left: .4em solid transparent;*/ 334 } 335 336 337 .header-profile-dropdown-account-container { 338 padding-top: 8px; 339 padding-bottom: 8px; 340 position: relative; 341 /*border-top: 1px solid transparent;
342 border-bottom: 1px solid #f0f0f1;*/ 343 cursor: pointer; 344 } 345 346 .header-profile-dropdown-user { 347 display: -webkit-box; 348 display: -ms-flexbox; 349 display: flex; 350 -webkit-box-align: center; 351 -ms-flex-align: center; 352 align-items: center; 353 padding: 0 12px; 354 position: relative; 355 z-index: 1; 356 } 357 358 .header-profile-dropdown-user-img { 359 font-size: 2em; 360 } 361 362 .header-profile-dropdown-user-info { 363 margin-right: 8px; 364 text-align: right; 365 } 366 367 .navbar p { 368 display: inline-block; 369 margin: 0; 370 line-height: 21px; 371 font-weight: inherit; 372 font-size: inherit; 373 } 374 375 .header-profile-dropdown-user-profile-link { 376 display: -webkit-box; 377 display: -ms-flexbox; 378 display: flex; 379 -webkit-box-align: center; 380 -ms-flex-align: center; 381 align-items: center; 382 /*color: #1b6ad7;*/ 383 font-size: 10px; 384 font-size: .6rem; 385 line-height: 2em; 386 } 387 388 .header-profile-dropdown-user-profile-link:after { 389 font-size: .7rem; 390 line-height: 2em; 391 margin-right: 8px; 392 content: '\f053'; 393 font-family: Font Awesome\ 5 Pro; 394 -moz-osx-font-smoothing: grayscale; 395 -webkit-font-smoothing: antialiased; 396 display: inline-block; 397 font-style: normal; 398 font-variant: normal; 399 text-rendering: auto; 400 color: #1b6ad7; 401 } 402 403 .header-profile-dropdown-actions { 404 text-align: right; 405 } 406 407 .header-profile-dropdown-action { 408 display: -webkit-box; 409 display: -ms-flexbox; 410 display: flex; 411 -webkit-box-align: center; 412 -ms-flex-align: center; 413 align-items: center; 414 font-size: 11px; 415 line-height: 1.2em; 416 padding: 10px 20px; 417 cursor: pointer; 418 /*color: #424750;*/ 419 /*border-bottom: 1px solid #f0f0f1;*/ 420 } 421 422 .pl-1, .px-1 { 423 padding-left: .25rem !important; 424 } 425 426</style> 427 428 429 430 431 432 433<button id="cart-btn" 434 class="relative p-2.5 rounded-xl border border-secondary-500/20 bg-secondary-500/10 dark:bg-secondary-500/20 backdrop-blur-md hover:bg-secondary-500 hover:text-white transition-all duration-300 group shadow-lg shadow-secondary-500/10"> 435 <svg class="w-6 h-6 text-secondary-600 group-hover:text-white transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z" /></svg> 436 437 <span id="cart-badge-count" class="absolute -top-1.5 -right-1.5 bg-primary-600 text-white text-[10px] font-black w-5 h-5 flex items-center justify-center rounded-lg border-2 border-white dark:border-gray-950 shadow-sm"> 438 </span> 439</button> 440 441 442 </div> 443 444 </div> 445 </div> 446 447 <nav class="hidden lg:block bg-white/50 dark:bg-gray-950/50 border-t border-gray-100 dark:border-gray-800"> 448 <div class="container mx-auto px-8"> 449 <ul class="flex items-center gap-8 py-3"> 450 451 <!--<li class="group/main static"> 452 <a href="#" class="flex items-center gap-2 py-4 text-[13px] font-bold text-gray-800 dark:text-gray-200 group-hover/main:text-[var(--color-primary-500)] transition-colors"> 453 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-5"> 454 <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" /> 455 </svg> 456 ٠گاتب Ù ÙÙ 457 </a> 458 459 <div class="absolute top-full right-0 left-0 w-full bg-white dark:bg-[var(--color-primary-950)] border-t border-gray-100 dark:border-[var(--color-primary-900)] shadow-2xl opacity-0 invisible group-hover/main:opacity-100 group-hover/main:visible transition-all duration-200 z-50 flex h-[580px]"> 460 <div class="container mx-auto flex h-full"> 461 462 <div class="w-64 border-l border-gray-100 dark:border-[var(--color-primary-900)] py-2 overflow-y-auto bg-gray-50/80 dark:bg-[var(--color-primary-900)]/30"> 463 <ul class="flex flex-col">--> 464 <!--Digital goods--> 465 <!--<li class="mega-tab-item active group/tab" data-target="dk-digital"> 466 <a href="#" class="flex items-center gap-3 px-6 py-4 text-[13px] font-bold text-gray-600 dark:text-gray-400 group-[.active]/tab:bg-white dark:group-[.active]/tab:bg-[var(--color-primary-950)] group-[.active]/tab:text-[var(--color-primary-600)] dark:group-[.active]/tab:text-[var(--color-primary-400)] transition-all"> 467 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 468 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 18h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z"></path> 469 </svg> 470 Ú©Ø§ÙØ§Û Ø¯ÛØ¬Ûتا٠471 </a> 472 </li>--> 473 <!--Home and kitchen--> 474 <!--<li class="mega-tab-item group/tab" data-target="dk-home"> 475 <a href="#" class="flex items-center gap-3 px-6 py-4 text-[13px] font-bold text-gray-600 dark:text-gray-400 group-[.active]/tab:bg-white dark:group-[.active]/tab:bg-[var(--color-primary-950)] group-[.active]/tab:text-[var(--color-primary-600)] transition-all"> 476 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 477 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"></path> 478 </svg> 479 خاÙ٠٠آشپزخاÙÙ 480 </a> 481 </li>--> 482 <!--Fashion and clothing--> 483 <!--<li class="mega-tab-item group/tab" data-target="dk-fashion"> 484 <a href="#" class="flex items-center gap-3 px-6 py-4 text-[13px] font-bold text-gray-600 dark:text-gray-400 group-[.active]/tab:bg-white dark:group-[.active]/tab:bg-[var(--color-primary-950)] group-[.active]/tab:text-[var(--color-primary-600)] transition-all"> 485 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 486 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path> 487 </svg> 488 ٠د Ù Ù¾ÙØ´Ø§Ú© 489 </a> 490 </li>--> 491 <!--Beauty and health--> 492 <!--<li class="mega-tab-item group/tab" data-target="dk-beauty"> 493 <a href="#" class="flex items-center gap-3 px-6 py-4 text-[13px] font-bold text-gray-600 dark:text-gray-400 group-[.active]/tab:bg-white dark:group-[.active]/tab:bg-[var(--color-primary-950)] group-[.active]/tab:text-[var(--color-primary-600)] transition-all"> 494 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 495 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path> 496 </svg> 497 Ø²ÛØ¨Ø§ÛÛ Ù Ø³ÙØ§Ù ت 498 </a> 499 </li>--> 500 <!--Toys and children--> 501 <!--<li class="mega-tab-item group/tab" data-target="dk-toys"> 502 <a href="#" class="flex items-center gap-3 px-6 py-4 text-[13px] font-bold text-gray-600 dark:text-gray-400 group-[.active]/tab:bg-white dark:group-[.active]/tab:bg-[var(--color-primary-950)] group-[.active]/tab:text-[var(--color-primary-600)] transition-all"> 503 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 504 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z"></path> 505 </svg>
506 اسباب Ø¨Ø§Ø²Û Ù Ú©ÙØ¯Ú© 507 </a> 508 </li>--> 509 <!--Sports and travel--> 510 <!--<li class="mega-tab-item group/tab" data-target="dk-sports"> 511 <a href="#" class="flex items-center gap-3 px-6 py-4 text-[13px] font-bold text-gray-600 dark:text-gray-400 group-[.active]/tab:bg-white dark:group-[.active]/tab:bg-[var(--color-primary-950)] group-[.active]/tab:text-[var(--color-primary-600)] transition-all"> 512 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 513 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path> 514 </svg> 515 ÙØ±Ø²Ø´ Ù Ø³ÙØ± 516 </a> 517 </li>--> 518 <!--Books and stationery--> 519 <!--<li class="mega-tab-item group/tab" data-target="dk-books"> 520 <a href="#" class="flex items-center gap-3 px-6 py-4 text-[13px] font-bold text-gray-600 dark:text-gray-400 group-[.active]/tab:bg-white dark:group-[.active]/tab:bg-[var(--color-primary-950)] group-[.active]/tab:text-[var(--color-primary-600)] transition-all"> 521 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 522 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"></path> 523 </svg> 524 کتاب Ù ÙÙØ§Ø²Ù ØªØØ±Ûر 525 </a> 526 </li>--> 527 <!--Cars and motorcycles--> 528 <!--<li class="mega-tab-item group/tab" data-target="dk-auto"> 529 <a href="#" class="flex items-center gap-3 px-6 py-4 text-[13px] font-bold text-gray-600 dark:text-gray-400 group-[.active]/tab:bg-white dark:group-[.active]/tab:bg-[var(--color-primary-950)] group-[.active]/tab:text-[var(--color-primary-600)] transition-all"> 530 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 531 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4"></path> 532 </svg> 533 Ø®ÙØ¯Ø±Ù Ù Ù ÙØªÙرسÛÚ©ÙØª 534 </a> 535 </li>--> 536 <!--Industrial and tools--> 537 <!--<li class="mega-tab-item group/tab" data-target="dk-tools"> 538 <a href="#" class="flex items-center gap-3 px-6 py-4 text-[13px] font-bold text-gray-600 dark:text-gray-400 group-[.active]/tab:bg-white dark:group-[.active]/tab:bg-[var(--color-primary-950)] group-[.active]/tab:text-[var(--color-primary-600)] transition-all"> 539 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 540 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"></path> 541 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path> 542 </svg> 543 ØµÙØ¹ØªÛ ٠ابزار 544 </a> 545 </li>--> 546 <!--Agriculture and horticulture--> 547 <!--<li class="mega-tab-item group/tab" data-target="dk-garden"> 548 <a href="#" class="flex items-center gap-3 px-6 py-4 text-[13px] font-bold text-gray-600 dark:text-gray-400 group-[.active]/tab:bg-white dark:group-[.active]/tab:bg-[var(--color-primary-950)] group-[.active]/tab:text-[var(--color-primary-600)] transition-all"> 549 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 550 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 11.5V14m0-2.5v-6a1.5 1.5 0 113 0m-3 6a1.5 1.5 0 00-3 0v2a7.5 7.5 0 0015 0v-5a1.5 1.5 0 00-3 0m-6-3V11m0-5.5v-1a1.5 1.5 0 013 0v1m0 0V11m0-5.5a1.5 1.5 0 013 0v3m0 0V11"></path> 551 </svg> 552 Ú©Ø´Ø§ÙØ±Ø²Û ٠باغباÙÛ 553 </a> 554 </li> 555 </ul> 556 </div> 557 558 <div class="flex-1 p-8 overflow-y-auto custom-scrollbar bg-white dark:bg-[var(--color-primary-950)]">--> 559 <!--Digital goods--> 560 <!--<div id="dk-digital" class="mega-tab-content"> 561 <div class="flex items-center justify-between mb-8"> 562 <a href="#" class="flex items-center gap-1 text-[14px] font-black text-gray-900 dark:text-white hover:text-[var(--color-primary-500)]"> 563 Ù Ø´Ø§ÙØ¯Ù ØªÙ Ø§Ù Ù ØØµÙÙØ§Øª Ú©Ø§ÙØ§Û Ø¯ÛØ¬Ûتا٠564 <svg class="w-4 h-4 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
564<path d="M9 5l7 7-7 7" stroke-width="3" /></svg> 565 </a> 566 </div> 567 568 <div class="grid grid-cols-4 gap-x-6 gap-y-10"> 569 <div class="space-y-4"> 570 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-[var(--color-primary-500)] pr-3"> 571 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 18h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z"></path></svg> 572 Ù ÙØ¨Ø§ÛÙ 573 </a> 574 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 575 <li><a href="#" class="hover:text-[var(--color-primary-500)] transition-colors">Ú¯ÙØ´ÛâÙØ§Û ÙÙØ´Ù ÙØ¯</a></li> 576 <li><a href="#" class="hover:text-[var(--color-primary-500)] transition-colors">Ø¨Ø±ÙØ¯ اپ٠(iPhone)</a></li> 577 <li><a href="#" class="hover:text-[var(--color-primary-500)] transition-colors">Ø¨Ø±ÙØ¯ سا٠سÙÙÚ¯</a></li> 578 <li><a href="#" class="hover:text-[var(--color-primary-500)] transition-colors">Ø¨Ø±ÙØ¯ Ø´ÛØ§Ø¦ÙÙ Û</a></li> 579 <li><a href="#" class="hover:text-[var(--color-primary-500)] transition-colors">Ú¯ÙØ´ÛâÙØ§Û Ù ÛØ§ÙâØ±Ø¯Ù</a></li> 580 <li><a href="#" class="hover:text-[var(--color-primary-500)] transition-colors">Ú¯ÙØ´ÛâÙØ§Û Ø§ÙØªØµØ§Ø¯Û</a></li> 581 <li><a href="#" class="hover:text-[var(--color-primary-500)] transition-colors">Ú¯ÙØ´ÛâÙØ§Û Ú¯ÛÙ ÛÙÚ¯</a></li> 582 </ul> 583 </div> 584 585 <div class="space-y-4"> 586 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-[var(--color-primary-500)] pr-3"> 587 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path></svg> 588 ÙÙ¾âØªØ§Ù¾ 589 </a> 590 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 591 <li><a href="#" class="hover:text-[var(--color-primary-500)]">ÙÙ¾âØªØ§Ù¾âÙØ§Û Ú¯ÛÙ ÛÙÚ¯</a></li> 592 <li><a href="#" class="hover:text-[var(--color-primary-500)]">Ù Ú©âØ¨ÙÚ©âÙØ§Û اپÙ</a></li> 593 <li><a href="#" class="hover:text-[var(--color-primary-500)]">ÙÙ¾âØªØ§Ù¾âÙØ§Û تجارÛ</a></li> 594 <li><a href="#" class="hover:text-[var(--color-primary-500)]">ÙÙ¾âØªØ§Ù¾âÙØ§Û Ø¯Ø§ÙØ´Ø¬ÙÛÛ</a></li> 595 <li><a href="#" class="hover:text-[var(--color-primary-500)]">ÙÙ¾âØªØ§Ù¾âÙØ§Û ÙÙ٠سبک</a></li> 596 </ul> 597 </div> 598 599 <div class="space-y-4"> 600 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-[var(--color-primary-500)] pr-3"> 601 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"></path></svg> 602 ÙØ¯ÙÙ٠٠ساعت 603 </a> 604 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 605 <li><a href="#" class="hover:text-[var(--color-primary-500)]">ÙÙØ¯Ø²ÙØ±Û Ø¨ÛâØ³ÛÙ </a></li> 606 <li><a href="#" class="hover:text-[var(--color-primary-500)]">ساعتâÙØ§Û ÙÙØ´Ù ÙØ¯</a></li> 607 <li><a href="#" class="hover:text-[var(--color-primary-500)]">ÙØ¯ÙÙÙâÙØ§Û Ú¯ÛÙ ÛÙÚ¯</a></li> 608 <li><a href="#" class="hover:text-[var(--color-primary-500)]">اسپÛکر Ù Ø³ÛØ³ØªÙ ØµÙØªÛ</a></li> 609 <li><a href="#" class="hover:text-[var(--color-primary-500)]">Ù ÚâØ¨ÙØ¯ Ø³ÙØ§Ù ت</a></li> 610 <li><a href="#" class="hover:text-[var(--color-primary-500)]">ÙØ¯ÙÙÙâÙØ§Û ÙÙÛØ²Ú©ÙسÙÛÙÚ¯</a></li> 611 </ul> 612 </div> 613 614 <div class="space-y-4"> 615 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-[var(--color-primary-500)] pr-3"> 616 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
616<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"></path></svg> 617 ÙÙØ§Ø²Ù Ø¬Ø§ÙØ¨Û 618 </a> 619 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 620 <li><a href="#" class="hover:text-[var(--color-primary-500)]">Ú©Ø§Ø¨Ù Ù Ø´Ø§Ø±ÚØ±</a></li> 621 <li><a href="#" class="hover:text-[var(--color-primary-500)]">Ù¾Ø§ÙØ±Ø¨Ø§ÙÚ© (Ø´Ø§Ø±ÚØ± Ù٠راÙ)</a></li> 622 <li><a href="#" class="hover:text-[var(--color-primary-500)]">Ú©ÛÙ Ù Ú©Ø§ÙØ±</a></li> 623 <li><a href="#" class="hover:text-[var(--color-primary-500)]">پاÛÙ Ù ÙØ¨Ø§ÛÙ Ù ÙÙ¾âØªØ§Ù¾</a></li> 624 <li><a href="#" class="hover:text-[var(--color-primary-500)]">Ù ØØ§Ùظ ØµÙØÙ ÙÙ Ø§ÛØ´</a></li> 625 </ul> 626 </div> 627 628 <div class="space-y-4"> 629 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-[var(--color-primary-500)] pr-3"> 630 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 8h14M5 8a2 2 0 110-4h14a2 2 0 110 4M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8m-9 4h4"></path></svg> 631 Ø°Ø®ÛØ±ÙâØ³Ø§Ø²Û 632 </a> 633 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 634 <li><a href="#" class="hover:text-[var(--color-primary-500)]">ÙØ§Ø±Ø¯ Ø§Ú©Ø³ØªØ±ÙØ§Ù</a></li> 635 <li><a href="#" class="hover:text-[var(--color-primary-500)]">ÙÙØ´ Ù Ù ÙØ±Û</a></li> 636 <li><a href="#" class="hover:text-[var(--color-primary-500)]">کارت ØØ§ÙظÙ</a></li> 637 <li><a href="#" class="hover:text-[var(--color-primary-500)]">ÙØ§Ø±Ø¯ SSD</a></li> 638 <li><a href="#" class="hover:text-[var(--color-primary-500)]">دراÛÙÙØ§Û NAS</a></li> 639 </ul> 640 </div> 641 642 <div class="space-y-4"> 643 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-[var(--color-primary-500)] pr-3"> 644 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 13a3 3 0 11-6 0 3 3 0 016 0z"></path></svg> 645 Ø¯ÙØ±Ø¨ÛÙ 646 </a> 647 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 648 <li><a href="#" class="hover:text-[var(--color-primary-500)]">Ø¯ÙØ±Ø¨Û٠عکاسÛ</a></li> 649 <li><a href="#" class="hover:text-[var(--color-primary-500)]">ÙÙØ² Ù ÙÙØ§Ø²Ù ØØ±ÙÙâØ§Û</a></li> 650 <li><a href="#" class="hover:text-[var(--color-primary-500)]">Ø¯ÙØ±Ø¨ÛÙ ÙÛÙ٠بردارÛ</a></li> 651 <li><a href="#" class="hover:text-[var(--color-primary-500)]">Ø¯ÙØ±Ø¨ÛÙâÙØ§Û اکشÙ</a></li> 652 <li><a href="#" class="hover:text-[var(--color-primary-500)]">Ø¯ÙØ±Ø¨ÛÙâÙØ§Û ٠داربستÙ</a></li> 653 </ul> 654 </div> 655 656 <div class="space-y-4"> 657 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-[var(--color-primary-500)] pr-3"> 658 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
658<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z"></path></svg> 659 کا٠پÛÙØªØ± Ù ÙØ·Ø¹Ø§Øª 660 </a> 661 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 662 <li><a href="#" class="hover:text-[var(--color-primary-500)]">کارت گراÙÛÚ©</a></li> 663 <li><a href="#" class="hover:text-[var(--color-primary-500)]">Ù¾Ø±Ø¯Ø§Ø²ÙØ¯Ù (CPU)</a></li> 664 <li><a href="#" class="hover:text-[var(--color-primary-500)]">Ù Ø§Ø¯Ø±Ø¨ÙØ±Ø¯</a></li> 665 <li><a href="#" class="hover:text-[var(--color-primary-500)]">ر٠(RAM)</a></li> 666 <li><a href="#" class="hover:text-[var(--color-primary-500)]">٠اÙÛØªÙر Ù ÙÙ Ø§ÛØ´Ú¯Ø±</a></li> 667 <li><a href="#" class="hover:text-[var(--color-primary-500)]">Ú©ÛØ¨Ùرد Ù Ù ÙØ³</a></li> 668 </ul> 669 </div> 670 671 <div class="space-y-4"> 672 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-[var(--color-primary-500)] pr-3"> 673 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z"></path></svg> 674 Ú¯ÛÙ ÛÙÚ¯ 675 </a> 676 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 677 <li><a href="#" class="hover:text-[var(--color-primary-500)]">Ú©ÙØ³Ù٠بازÛ</a></li> 678 <li><a href="#" class="hover:text-[var(--color-primary-500)]">دست٠بازÛ</a></li> 679 <li><a href="#" class="hover:text-[var(--color-primary-500)]">ØµÙØ¯ÙÛ Ú¯ÛÙ ÛÙÚ¯</a></li> 680 <li><a href="#" class="hover:text-[var(--color-primary-500)]">Ù ÛØ² Ú¯ÛÙ ÛÙÚ¯</a></li> 681 <li><a href="#" class="hover:text-[var(--color-primary-500)]">کارت گراÙÛÚ© Ú¯ÛÙ ÛÙÚ¯</a></li> 682 </ul> 683 </div> 684 </div> 685 </div>--> 686 <!--Home and kitchen--> 687 <!--<div id="dk-home" class="mega-tab-content hidden"> 688 <div class="flex items-center justify-between mb-8"> 689 <a href="#" class="flex items-center gap-1 text-[14px] font-black text-gray-900 dark:text-white hover:text-green-500"> 690 Ù Ø´Ø§ÙØ¯Ù ØªÙ Ø§Ù Ù ØØµÙÙØ§Øª خاÙ٠٠آشپزخاÙÙ 691 <svg class="w-4 h-4 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M9 5l7 7-7 7" stroke-width="3" /></svg> 692 </a> 693 </div> 694 695 <div class="grid grid-cols-4 gap-x-6 gap-y-10"> 696 <div class="space-y-4"> 697 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-green-500 pr-3">ÙÙØ§Ø²Ù آشپزخاÙÙ</a> 698 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 699 <li><a href="#" class="hover:text-green-500">ÛØ®ÚØ§Ù Ù ÙØ±Ûزر</a></li> 700 <li><a href="#" class="hover:text-green-500">
700اجا٠گاز Ù ÙÙØ¯</a></li> 701 <li><a href="#" class="hover:text-green-500">٠اشÛÙ Ø¸Ø±ÙØ´ÙÛÛ</a></li> 702 <li><a href="#" class="hover:text-green-500">٠اÛکرÙÙÛÙ Ù ÙØ±</a></li> 703 <li><a href="#" class="hover:text-green-500">ÚØ§ÛâØ³Ø§Ø² Ù ÙÙÙÙâØ³Ø§Ø²</a></li> 704 <li><a href="#" class="hover:text-green-500">Ø¢Ø¨âØ³Ø±Ø¯Ú©Ù Ù ØªØµÙÛ٠آب</a></li> 705 </ul> 706 </div> 707 708 <div class="space-y-4"> 709 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-green-500 pr-3">٠بÙ٠اÙ</a> 710 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 711 <li><a href="#" class="hover:text-green-500">Ù Ø¨Ù Ù Ú©Ø§ÙØ§Ù¾Ù</a></li> 712 <li><a href="#" class="hover:text-green-500">ØµÙØ¯ÙÛ Ù Ù ÛØ² ÙØ§ÙØ§Ø±Ø®ÙØ±Û</a></li> 713 <li><a href="#" class="hover:text-green-500">تخت Ø®ÙØ§Ø¨</a></li> 714 <li><a href="#" class="hover:text-green-500">ک٠د Ù ÙÙØ³Ù</a></li> 715 <li><a href="#" class="hover:text-green-500">Ù ÛØ² ØªØØ±Ûر ٠کتابخاÙÙ</a></li> 716 </ul> 717 </div> 718 719 <div class="space-y-4"> 720 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-green-500 pr-3">Ø¯Ú©ÙØ±Ø§Ø³ÛÙÙ</a> 721 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 722 <li><a href="#" class="hover:text-green-500">پرد٠٠رÙÙ ÛØ²Û</a></li> 723 <li><a href="#" class="hover:text-green-500">ÙØ±Ø´ Ù Ú¯ÙÛÙ </a></li> 724 <li><a href="#" class="hover:text-green-500">تابÙ٠٠ساعت دÛÙØ§Ø±Û</a></li> 725 <li><a href="#" class="hover:text-green-500">Ú¯ÙØ¯Ø§Ù ٠تزئÛÙØ§Øª</a></li> 726 <li><a href="#" class="hover:text-green-500">Ø¢ÛÙ٠٠ش٠عداÙ</a></li> 727 </ul> 728 </div> 729 730 <div class="space-y-4"> 731 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-green-500 pr-3">ÙÙØ± Ù Ø±ÙØ´ÙاÛÛ</a> 732 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 733 <li><a href="#" class="hover:text-green-500">ÙÙØ³ØªØ± Ù ÚØ±Ø§Øº</a></li> 734 <li><a href="#" class="hover:text-green-500">ÙØ§Ù Ù¾ Ù ÙØ§ÙÙÚÙ</a></li> 735 <li><a href="#" class="hover:text-green-500">ÚØ±Ø§Øº Ø®ÙØ§Ø¨</a></li> 736 <li><a href="#" class="hover:text-green-500">ÚØ±Ø§Øº Ù Ø·Ø§ÙØ¹Ù</a></li> 737 <li><a href="#" class="hover:text-green-500">ÚØ±Ø§Øº اضطرارÛ</a></li> 738 </ul> 739 </div> 740 741 <div class="space-y-4"> 742 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-green-500 pr-3">سرÙÛØ³ Ø®ÙØ§Ø¨</a> 743 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 744 <li><a href="#" class="hover:text-green-500">Ù ÙØÙÙ Ù Ø±ÙØªØ®ØªÛ</a></li> 745 <li><a href="#" class="hover:text-green-500">Ø¨Ø§ÙØ´ ٠تشک</a></li> 746 <li><a href="#" class="hover:text-green-500">Ù¾ØªÙ Ù ÙØØ§Ù</a></li> 747 <li><a href="#" class="hover:text-green-500">Ø±ÙØ¨Ø§ÙØ´Û Ù Ø±ÙØªØ´Ú©Û</a></li> 748 </ul> 749 </div> 750 751 <div class="space-y-4"> 752 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-green-500 pr-3">ÙØ¸Ø§Ùت</a> 753 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 754 <li><a href="#" class="hover:text-green-500">Ø¬Ø§Ø±ÙØ¨Ø±ÙÛ</a></li> 755 <li><a href="#" class="hover:text-green-500">٠اشÛÙ ÙØ¨Ø§Ø³Ø´ÙÛÛ</a></li> 756 <li><a href="#" class="hover:text-green-500">Ø§ØªÙ Ù Ù ÛØ² اتÙ</a></li> 757 <li><a href="#" class="hover:text-green-500">Ø´ÙÛÙØ¯Ù ٠پاک Ú©ÙÙØ¯Ù</a></li> 758 <li><a href="#" class="hover:text-green-500">سط٠زباÙÙ</a></li> 759 </ul> 760 </div> 761 762 <div class="space-y-4"> 763 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-green-500 pr-3">ØÙ ا٠٠سرÙÛØ³ Ø¨ÙØ¯Ø§Ø´ØªÛ</a> 764 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 765 <li><a href="#" class="hover:text-green-500">Ø¯ÙØ´ Ù Ø´ÛØ±Ø¢Ùات</a></li> 766 <li><a href="#" class="hover:text-green-500">ØªÙØ§Ùت Ù Ø±ÙØ´ÙÛÛ</a></li> 767 <li><a href="#" class="hover:text-green-500">Ù Ùکت Ù ØØµÛر</a></li> 768 <li><a href="#" class="hover:text-green-500">Ø¢ÛÙ٠٠کابÛÙØª</a></li> 769 </ul> 770 </div> 771 772 <div class="space-y-4"> 773 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-green-500 pr-3">ØÛاط ٠تراس</a> 774 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 775 <li><a href="#" class="hover:text-green-500">Ù ÛØ² Ù ØµÙØ¯ÙÛ Ø¨Ø§ØºÚÙ</a></li> 776 <li><a href="#" class="hover:text-green-500">ÚØªØ± Ù Ø³Ø§ÛØ¨Ø§Ù</a></li> 777 <li><a href="#" class="hover:text-green-500">
777باربÛÚ©ÛÙ Ù Ù ÙÙÙ</a></li> 778 <li><a href="#" class="hover:text-green-500">Ú¯ÙØ¯Ø§Ù Ù Ú¯ÛØ§Ù ٠صÙÙØ¹Û</a></li> 779 </ul> 780 </div> 781 </div> 782 </div>--> 783 <!--Fashion and clothing--> 784 <!--<div id="dk-fashion" class="mega-tab-content hidden"> 785 <div class="flex items-center justify-between mb-8"> 786 <a href="#" class="flex items-center gap-1 text-[14px] font-black text-gray-900 dark:text-white hover:text-pink-500"> 787 Ù Ø´Ø§ÙØ¯Ù ØªÙ Ø§Ù Ù ØØµÙÙØ§Øª ٠د Ù Ù¾ÙØ´Ø§Ú© 788 <svg class="w-4 h-4 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M9 5l7 7-7 7" stroke-width="3" /></svg> 789 </a> 790 </div> 791 792 <div class="grid grid-cols-4 gap-x-6 gap-y-10"> 793 <div class="space-y-4"> 794 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-pink-500 pr-3">ÙØ¨Ø§Ø³ ٠رداÙÙ</a> 795 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 796 <li><a href="#" class="hover:text-pink-500">Ù¾ÛØ±Ø§ÙÙ Ù Ø´ÙÙØ§Ø±</a></li> 797 <li><a href="#" class="hover:text-pink-500">تÛâØ´Ø±Øª Ù Ù¾ÙÙÙØ´Ø±Øª</a></li> 798 <li><a href="#" class="hover:text-pink-500">کت Ù Ø´ÙÙØ§Ø±</a></li> 799 <li><a href="#" class="hover:text-pink-500">ÙØ¨Ø§Ø³ ÙØ±Ø²Ø´Û</a></li> 800 <li><a href="#" class="hover:text-pink-500">ÙØ¨Ø§Ø³ Ù Ø¬ÙØ³Û</a></li> 801 <li><a href="#" class="hover:text-pink-500">ÙØ¨Ø§Ø³ Ø²ÛØ±</a></li> 802 </ul> 803 </div> 804 805 <div class="space-y-4"> 806 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-pink-500 pr-3">ÙØ¨Ø§Ø³ Ø²ÙØ§ÙÙ</a> 807 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 808 <li><a href="#" class="hover:text-pink-500">Ù Ø§ÙØªÙ Ù Ø´ÙÙØ§Ø±</a></li> 809 <li><a href="#" class="hover:text-pink-500">بÙÙØ² ٠دا٠Ù</a></li> 810 <li><a href="#" class="hover:text-pink-500">ÙØ¨Ø§Ø³ Ù Ø¬ÙØ³Û</a></li> 811 <li><a href="#" class="hover:text-pink-500">ÙØ¨Ø§Ø³ ÙØ±Ø²Ø´Û</a></li> 812 <li><a href="#" class="hover:text-pink-500">ÙØ¨Ø§Ø³ Ø®ÙØ§Ø¨</a></li> 813 <li><a href="#" class="hover:text-pink-500">ÙØ¨Ø§Ø³ Ø²ÛØ±</a></li> 814 </ul> 815 </div> 816 817 <div class="space-y-4"> 818 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-pink-500 pr-3">بÚÙâگاÙÙ</a> 819 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 820 <li><a href="#" class="hover:text-pink-500">پسراÙÙ</a></li> 821 <li><a href="#" class="hover:text-pink-500">دختراÙÙ</a></li> 822 <li><a href="#" class="hover:text-pink-500">ÙÙØ²Ø§Ø¯Û</a></li> 823 <li><a href="#" class="hover:text-pink-500">ÙØ¨Ø§Ø³ ٠درسÙ</a></li> 824 <li><a href="#" class="hover:text-pink-500">ÙØ¨Ø§Ø³ Ø¹Ø±ÙØ³Ú©</a></li> 825 </ul> 826 </div> 827 828 <div class="space-y-4"> 829 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-pink-500 pr-3">Ú©ÙØ´</a> 830 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 831 <li><a href="#" class="hover:text-pink-500">Ú©ÙØ´ ٠رداÙÙ</a></li> 832 <li><a href="#" class="hover:text-pink-500">Ú©ÙØ´ Ø²ÙØ§ÙÙ</a></li> 833 <li><a href="#" class="hover:text-pink-500">Ú©ÙØ´ ÙØ±Ø²Ø´Û</a></li> 834 <li><a href="#" class="hover:text-pink-500">Ú©ÙØ´ Ù Ø¬ÙØ³Û</a></li> 835 <li><a href="#" class="hover:text-pink-500">Ú©ÙØ´ بÚÙâگاÙÙ</a></li> 836 </ul> 837 </div> 838 839 <div class="space-y-4"> 840 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-pink-500 pr-3">Ø§Ú©Ø³Ø³ÙØ±Û</a> 841 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 842 <li><a href="#" class="hover:text-pink-500">Ú©ÛÙ Ù Ú©ÙÙ٠پشتÛ</a></li> 843 <li><a href="#" class="hover:text-pink-500">Ú©ÙØ§Ù ٠شاÙ</a></li> 844 <li><a href="#" class="hover:text-pink-500">Ú©Ù Ø±Ø¨ÙØ¯ Ù Ø¨ÙØ¯ ساعت</a></li> 845 <li><a href="#" class="hover:text-pink-500">عÛÙÚ© Ø¢ÙØªØ§Ø¨Û</a></li> 846 <li><a href="#" class="hover:text-pink-500">دستکش Ù Ø¬ÙØ±Ø§Ø¨</a></li> 847 </ul> 848 </div> 849 850 <div class="space-y-4"> 851 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-pink-500 pr-3">ساعت ٠زÛÙØ±Ø¢Ùات</a> 852 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 853 <li><a href="#" class="hover:text-pink-500">ساعت Ù ÚÛ</a></li> 854 <li><a href="#" class="hover:text-pink-500">Ú¯Ø±Ø¯ÙØ¨Ùد Ù Ø¯Ø³ØªØ¨ÙØ¯</a></li> 855 <li><a href="#" class="hover:text-pink-500">اÙگشتر ٠اÙÙÚ¯Ù</a></li> 856 <li><a href="#" class="hover:text-pink-500">Ú¯ÙØ´ÙØ§Ø±Ù Ù Ù¾Ø§Ø¨ÙØ¯</a></li> 857 <li><a href="#" class="hover:text-pink-500">ساعت دÛÙØ§Ø±Û</a></li> 858 </ul> 859 </div> 860 861 <div class="space-y-4"> 862 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-pink-500 pr-3">ÙØ¨Ø§Ø³ Ø¹Ø±ÙØ³ ٠دا٠اد</a> 863 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 864 <li><a href="#" class="hover:text-pink-500">ÙØ¨Ø§Ø³ Ø¹Ø±ÙØ³</a></li> 865 <li><a href="#" class="hover:text-pink-500">ÙØ¨Ø§Ø³ دا٠اد</a></li> 866 <li><a href="#" class="hover:text-pink-500">تزئÛÙØ§Øª Ø¹Ø±ÙØ³Û</a></li> 867 <li><a href="#" class="hover:text-pink-500">Ú©ÙØ´ Ø¹Ø±ÙØ³</a></li> 868 </ul> 869 </div> 870 871 <div class="space-y-4"> 872 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-pink-500 pr-3">٠زÙ٠٠اختصاصÛ</a> 873 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 874 <li><a href="#" class="hover:text-pink-500">طراØÛ اختصاصÛ</a></li> 875 <li><a href="#" class="hover:text-pink-500">Ø¯ÙØ®Øª Ø³ÙØ§Ø±Ø´Û</a></li> 876 <li><a href="#" class="hover:text-pink-500">Ø¨Ø±ÙØ¯ÙØ§Û ÙÙکس</a></li> 877 <li><a href="#" class="hover:text-pink-500">ÙØ¨Ø§Ø³ Ø³ÙØªÛ</a></li> 878 </ul> 879 </div> 880 </div> 881 </div>--> 882 <!--Beauty and health--> 883 <!--<div id="dk-beauty" class="mega-tab-content hidden"> 884 <div class="flex items-center justify-between mb-8"> 885 <a href="#" class="flex items-center gap-1 text-[14px] font-black text-gray-900 dark:text-white hover:text-purple-500"> 886 Ù Ø´Ø§ÙØ¯Ù ØªÙ Ø§Ù Ù ØØµÙÙØ§Øª Ø²ÛØ¨Ø§ÛÛ Ù Ø³ÙØ§Ù ت 887 <svg class="w-4 h-4 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
887<path d="M9 5l7 7-7 7" stroke-width="3" /></svg> 888 </a> 889 </div> 890 891 <div class="grid grid-cols-4 gap-x-6 gap-y-10"> 892 <div class="space-y-4"> 893 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-purple-500 pr-3">Ø¢Ø±Ø§ÛØ´Û</a> 894 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 895 <li><a href="#" class="hover:text-purple-500">Ø±Ú ÙØ¨ Ù Ø¨Ø±Ù ÙØ¨</a></li> 896 <li><a href="#" class="hover:text-purple-500">ÙÙÙØ¯Ø§Ø³ÛÙÙ Ù Ù¾ÙØ¯Ø±</a></li> 897 <li><a href="#" class="hover:text-purple-500">ساÛ٠٠خط ÚØ´Ù </a></li> 898 <li><a href="#" class="hover:text-purple-500">رÛÙ Ù Ù Ù ÚÙ</a></li> 899 <li><a href="#" class="hover:text-purple-500">رÚÚ¯ÙÙÙ Ù ÙØ§ÛÙØ§Ûتر</a></li> 900 </ul> 901 </div> 902 903 <div class="space-y-4"> 904 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-purple-500 pr-3">Ø¨ÙØ¯Ø§Ø´ØªÛ</a> 905 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 906 <li><a href="#" class="hover:text-purple-500">Ø´Ø§Ù Ù¾Ù Ù ÙØ±Ù Ú©ÙÙØ¯Ù</a></li> 907 <li><a href="#" class="hover:text-purple-500">صابÙÙ Ù Ú٠شستشÙ</a></li> 908 <li><a href="#" class="hover:text-purple-500">Ø®Ù ÛØ±Ø¯ÙØ¯Ø§Ù Ù Ù Ø³ÙØ§Ú©</a></li> 909 <li><a href="#" class="hover:text-purple-500">ضد تعرÛÙ Ù Ø®ÙØ´Ø¨ÙÚ©ÙÙØ¯Ù</a></li> 910 <li><a href="#" class="hover:text-purple-500">تÙÙØ± Ù Ù Ø±Ø·ÙØ¨ Ú©ÙÙØ¯Ù</a></li> 911 </ul> 912 </div> 913 914 <div class="space-y-4"> 915 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-purple-500 pr-3">عطر</a> 916 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 917 <li><a href="#" class="hover:text-purple-500">عطر ٠رداÙÙ</a></li> 918 <li><a href="#" class="hover:text-purple-500">عطر Ø²ÙØ§ÙÙ</a></li> 919 <li><a href="#" class="hover:text-purple-500">ادکÙÙ</a></li> 920 <li><a href="#" class="hover:text-purple-500">Ø§Ø³Ù¾Ø±Û Ø¨Ø¯Ù</a></li> 921 <li><a href="#" class="hover:text-purple-500">Ø¹Ø·Ø±ÙØ§Û اختصاصÛ</a></li> 922 </ul> 923 </div> 924 925 <div class="space-y-4"> 926 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-purple-500 pr-3">ÙÙØ§Ø²Ù شخصÛ</a> 927 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 928 <li><a href="#" class="hover:text-purple-500">ØªÛØº ٠اپÛÙÛØ¯Û</a></li> 929 <li><a href="#" class="hover:text-purple-500">٠اشÛÙ Ø§ØµÙØ§Ø Ù Ù</a></li> 930 <li><a href="#" class="hover:text-purple-500">Ø³Ø´ÙØ§Ø± ٠اتÙÛ Ù Ù</a></li> 931 <li><a href="#" class="hover:text-purple-500">برس ٠شاÙÙ</a></li> 932 <li><a href="#" class="hover:text-purple-500">ÙØ§Ø®ÙÚ¯ÛØ± Ù ÙÛÚÛ</a></li> 933 </ul> 934 </div> 935 936 <div class="space-y-4"> 937 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-purple-500 pr-3">Ø³ÙØ§Ù ت ٠در٠اÙ</a> 938 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 939 <li><a href="#" class="hover:text-purple-500">ÙÛØªØ§Ù ÛÙ Ù Ù Ú©Ù Ù</a></li> 940 <li><a href="#" class="hover:text-purple-500">ÙÙØ§Ø²Ù پزشکÛ</a></li> 941 <li><a href="#" class="hover:text-purple-500">دارÙÙØ§Û بدÙÙ ÙØ³Ø®Ù</a></li> 942 <li><a href="#" class="hover:text-purple-500">Ù ØØµÙÙØ§Øª ٠اساÚ</a></li> 943 <li><a href="#" class="hover:text-purple-500">ØªØ±Ø§Ø²Ù Ù ÙØ´Ø§Ø±Ø³Ùج</a></li> 944 </ul> 945 </div> 946 947 <div class="space-y-4"> 948 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-purple-500 pr-3">Ù Ø±Ø§ÙØ¨Øª Ù¾ÙØ³Øª</a> 949 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 950 <li><a href="#" class="hover:text-purple-500">کر٠ضد Ø¢ÙØªØ§Ø¨</a></li> 951 <li><a href="#" class="hover:text-purple-500">ÙÙØ³ÛÙ٠بدÙ</a></li> 952 <li><a href="#" class="hover:text-purple-500">٠اسک ØµÙØ±Øª</a></li> 953 <li><a href="#" class="hover:text-purple-500">اسکراب Ù Ù¾ÛÙÛÙÚ¯</a></li> 954 <li><a href="#" class="hover:text-purple-500">Ù ØØµÙÙØ§Øª Ø¢Ú©ÙÙ</a></li> 955 </ul> 956 </div> 957 958 <div class="space-y-4"> 959 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-purple-500 pr-3">Ù Ø±Ø§ÙØ¨Øª Ù Ù</a> 960 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 961 <li><a href="#" class="hover:text-purple-500">رÙÚ¯ Ù Ù</a></li> 962 <li><a href="#" class="hover:text-purple-500">Ù ØØµÙÙØ§Øª ابر٠٠٠ÚÙ</a></li> 963 <li><a href="#" class="hover:text-purple-500">Ù ØØµÙÙØ§Øª Ø±ÛØ´ ٠سبÛÙ</a></li> 964 <li><a href="#" class="hover:text-purple-500">Ù ØØµÙÙØ§Øª ضد Ø±ÛØ²Ø´</a></li> 965 </ul> 966 </div> 967 968 <div class="space-y-4"> 969 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-purple-500 pr-3">Ø¢Ø±Ø§ÛØ´Ú¯Ø§Ù ٠ساÙÙ</a> 970 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 971 <li><a href="#" class="hover:text-purple-500">ÙÙØ§Ø²Ù ØØ±ÙÙâØ§Û</a></li> 972 <li><a href="#" class="hover:text-purple-500">ØµÙØ¯ÙÛ Ø¢Ø±Ø§ÛØ´Ú¯Ø§Ù</a></li> 973 <li><a href="#" class="hover:text-purple-500">Ø¢ÛÙÙ Ù Ù ÛØ² Ø¢Ø±Ø§ÛØ´</a></li> 974 <li><a href="#" class="hover:text-purple-500">ÙÙØ§Ø²Ù استرÛÙ</a></li> 975 </ul> 976 </div> 977 </div> 978 </div>--> 979 <!--Toys and children--> 980 <!--<div id="dk-toys" class="mega-tab-content hidden"> 981 <div class="flex items-center justify-between mb-8"> 982 <a href="#" class="flex items-center gap-1 text-[14px] font-black text-gray-900 dark:text-white hover:text-yellow-500"> 983 Ù Ø´Ø§ÙØ¯Ù ØªÙ Ø§Ù Ù ØØµÙÙØ§Øª اسباب Ø¨Ø§Ø²Û Ù Ú©ÙØ¯Ú© 984 <svg class="w-4 h-4 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
984<path d="M9 5l7 7-7 7" stroke-width="3" /></svg> 985 </a> 986 </div> 987 988 <div class="grid grid-cols-4 gap-x-6 gap-y-10"> 989 <div class="space-y-4"> 990 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-yellow-500 pr-3">اسباب بازÛ</a> 991 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 992 <li><a href="#" class="hover:text-yellow-500">٠اشÛÙ Ù Ù ÙØªÙر</a></li> 993 <li><a href="#" class="hover:text-yellow-500">Ø¹Ø±ÙØ³Ú© Ù Ù¾ÙÙÛØ´</a></li> 994 <li><a href="#" class="hover:text-yellow-500">Ùگ٠٠ساختÙÛ</a></li> 995 <li><a href="#" class="hover:text-yellow-500">ÙÚ©Ø±Û Ù Ø¢Ù ÙØ²Ø´Û</a></li> 996 <li><a href="#" class="hover:text-yellow-500">بازÛâÙØ§Û تختÙâØ§Û</a></li> 997 </ul> 998 </div> 999 1000 <div class="space-y-4"> 1001 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-yellow-500 pr-3">Ù¾ÙØ´Ø§Ú© Ú©ÙØ¯Ú©</a> 1002 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1003 <li><a href="#" class="hover:text-yellow-500">ÙØ¨Ø§Ø³ ÙÙØ²Ø§Ø¯</a></li> 1004 <li><a href="#" class="hover:text-yellow-500">ÙØ¨Ø§Ø³ پسراÙÙ</a></li> 1005 <li><a href="#" class="hover:text-yellow-500">ÙØ¨Ø§Ø³ دختراÙÙ</a></li> 1006 <li><a href="#" class="hover:text-yellow-500">Ú©ÙØ´ Ú©ÙØ¯Ú©</a></li> 1007 <li><a href="#" class="hover:text-yellow-500">Ú©ÙØ§Ù Ù Ø¬ÙØ±Ø§Ø¨</a></li> 1008 </ul> 1009 </div> 1010 1011 <div class="space-y-4"> 1012 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-yellow-500 pr-3">ØºØ°Ø§Û Ú©ÙØ¯Ú©</a> 1013 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1014 <li><a href="#" class="hover:text-yellow-500">Ø´ÛØ± خشک</a></li> 1015 <li><a href="#" class="hover:text-yellow-500">Ù¾ÙØ±Ù Ù ØºØ°Ø§Û Ø¢Ù Ø§Ø¯Ù</a></li> 1016 <li><a href="#" class="hover:text-yellow-500">Ø¨ÛØ³Ú©ÙÛØª ٠تÙÙÙØ§Øª</a></li> 1017 <li><a href="#" class="hover:text-yellow-500">Ù Ú©Ù Ù Ù ÙÛØªØ§Ù ÛÙ</a></li> 1018 <li><a href="#" class="hover:text-yellow-500">ÙÙØ§Ø²Ù تغذÛÙ</a></li> 1019 </ul> 1020 </div> 1021 1022 <div class="space-y-4"> 1023 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-yellow-500 pr-3">ÙØ³Ø§ÛÙ ÙÙØ²Ø§Ø¯</a> 1024 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1025 <li><a href="#" class="hover:text-yellow-500">Ú©Ø±ÛØ± Ù Ú©Ø§ÙØ³Ú©Ù</a></li> 1026 <li><a href="#" class="hover:text-yellow-500">ØµÙØ¯ÙÛ Ù Ø§Ø´ÛÙ</a></li> 1027 <li><a href="#" class="hover:text-yellow-500">تخت Ù Ø±ÙØ±Ùئک</a></li> 1028 <li><a href="#" class="hover:text-yellow-500">Ù¾ÙØ´Ú© Ù Ù Ø±Ø·ÙØ¨ Ú©ÙÙØ¯Ù</a></li> 1029 <li><a href="#" class="hover:text-yellow-500">Ø´ÛØ´Ù Ø´ÛØ± ٠پستاÙÚ©</a></li> 1030 </ul> 1031 </div> 1032 1033 <div class="space-y-4"> 1034 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-yellow-500 pr-3">سرگر٠Û</a> 1035 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1036 <li><a href="#" class="hover:text-yellow-500">دÙÚØ±Ø®Ù Ù Ø§Ø³Ú©ÙØªØ±</a></li> 1037 <li><a href="#" class="hover:text-yellow-500">استخر بادÛ</a></li> 1038 <li><a href="#" class="hover:text-yellow-500">تاب ٠سرسرÙ</a></li> 1039 <li><a href="#" class="hover:text-yellow-500">ÙÙØ§Ø²Ù ÙÙØ§Ø´Û</a></li> 1040 <li><a href="#" class="hover:text-yellow-500">کتاب Ù ÙØµÙ</a></li> 1041 </ul> 1042 </div> 1043 1044 <div class="space-y-4"> 1045 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-yellow-500 pr-3">Ø¢Ù ÙØ²Ø´Û</a> 1046 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1047 <li><a href="#" class="hover:text-yellow-500">کا٠پÛÙØªØ± Ú©ÙØ¯Ú©</a></li> 1048 <li><a href="#" class="hover:text-yellow-500">ØªØ¨ÙØª Ø¢Ù ÙØ²Ø´Û</a></li> 1049 <li><a href="#" class="hover:text-yellow-500">پاز٠٠٠ع٠ا</a></li> 1050 <li><a href="#" class="hover:text-yellow-500">Ù ÙØ³ÛÙÛ Ú©ÙØ¯Ú©</a></li> 1051 <li><a href="#" class="hover:text-yellow-500">Ø²Ø¨Ø§Ù Ø¢Ù ÙØ²Û</a></li> 1052 </ul> 1053 </div> 1054 1055 <div class="space-y-4"> 1056 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-yellow-500 pr-3">اÛÙ ÙÛ Ù Ø¨ÙØ¯Ø§Ø´Øª</a> 1057 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1058 <li><a href="#" class="hover:text-yellow-500">Ù ØØ§Ùظ Ú¯ÙØ´ÙâÙØ§</a></li> 1059 <li><a href="#" class="hover:text-yellow-500">Ú¯ÛØª Ù ÙØ±Ø¯Ù Ù ØØ§Ùظ</a></li> 1060 <li><a href="#" class="hover:text-yellow-500">Ø¯Ù Ø§Ø³ÙØ¬ Ù Ù Ø±Ø§ÙØ¨Øª</a></li> 1061 <li><a href="#" class="hover:text-yellow-500">
1061ضد عÙÙÙÛ Ú©ÙÙØ¯Ù</a></li> 1062 </ul> 1063 </div> 1064 1065 <div class="space-y-4"> 1066 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-yellow-500 pr-3">جش٠٠تÙÙØ¯</a> 1067 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1068 <li><a href="#" class="hover:text-yellow-500">تزئÛÙØ§Øª جشÙ</a></li> 1069 <li><a href="#" class="hover:text-yellow-500">Ú©ÛÚ© Ù Ø´ÛØ±ÛÙÛ</a></li> 1070 <li><a href="#" class="hover:text-yellow-500">ÙØ¯Û٠٠سÙÙ¾Ø±Ø§ÛØ²</a></li> 1071 <li><a href="#" class="hover:text-yellow-500">کارت Ø¯Ø¹ÙØª</a></li> 1072 </ul> 1073 </div> 1074 </div> 1075 </div>--> 1076 <!--Sports and travel--> 1077 <!--<div id="dk-sports" class="mega-tab-content hidden"> 1078 <div class="flex items-center justify-between mb-8"> 1079 <a href="#" class="flex items-center gap-1 text-[14px] font-black text-gray-900 dark:text-white hover:text-blue-500"> 1080 Ù Ø´Ø§ÙØ¯Ù ØªÙ Ø§Ù Ù ØØµÙÙØ§Øª ÙØ±Ø²Ø´ Ù Ø³ÙØ± 1081 <svg class="w-4 h-4 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M9 5l7 7-7 7" stroke-width="3" /></svg> 1082 </a> 1083 </div> 1084 1085 <div class="grid grid-cols-4 gap-x-6 gap-y-10"> 1086 <div class="space-y-4"> 1087 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-blue-500 pr-3">ÙÙØ§Ø²Ù ÙØ±Ø²Ø´Û</a> 1088 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1089 <li><a href="#" class="hover:text-blue-500">تÙÙ¾ ٠راکت</a></li> 1090 <li><a href="#" class="hover:text-blue-500">Ø¯Ù Ø¨Ù Ù ÙØ§Ùتر</a></li> 1091 <li><a href="#" class="hover:text-blue-500">Ø·ÙØ§Ø¨ Ù Ú©Ø´ ÙØ±Ø²Ø´Û</a></li> 1092 <li><a href="#" class="hover:text-blue-500">ÙØ¨Ø§Ø³ ÙØ±Ø²Ø´Û</a></li> 1093 <li><a href="#" class="hover:text-blue-500">Ú©ÙØ´ ÙØ±Ø²Ø´Û</a></li> 1094 </ul> 1095 </div> 1096 1097 <div class="space-y-4"> 1098 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-blue-500 pr-3">باشگا٠خاÙÚ¯Û</a> 1099 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1100 <li><a href="#" class="hover:text-blue-500">ترد٠Û٠٠دÙÚØ±Ø®Ù ثابت</a></li> 1101 <li><a href="#" class="hover:text-blue-500">اÙپتÛکا٠٠استپر</a></li> 1102 <li><a href="#" class="hover:text-blue-500">ÙÛ٠کت Ø¨Ø¯ÙØ³Ø§Ø²Û</a></li> 1103 <li><a href="#" class="hover:text-blue-500">Ù ÙØ³ÛÙÛ ÙØ±Ø²Ø´Û</a></li> 1104 <li><a href="#" class="hover:text-blue-500">ÙÙØ§Ø²Ù Ø¬Ø§ÙØ¨Û</a></li> 1105 </ul> 1106 </div> 1107 1108 <div class="space-y-4"> 1109 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-blue-500 pr-3">Ú©ÙÙÙÙØ±Ø¯Û</a> 1110 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1111 <li><a href="#" class="hover:text-blue-500">Ú©ÙØ´ ٠کتاÙÛ</a></li> 1112 <li><a href="#" class="hover:text-blue-500">Ú©ÙÙ٠پشتÛ</a></li> 1113 <li><a href="#" class="hover:text-blue-500">ÚØ§Ø¯Ø± Ù Ú©ÛØ³Ù Ø®ÙØ§Ø¨</a></li> 1114 <li><a href="#" class="hover:text-blue-500">Ø·ÙØ§Ø¨ ٠کارابÛÙ</a></li> 1115 <li><a href="#" class="hover:text-blue-500">ÙØ³Ø§Û٠اÛÙ ÙÛ</a></li> 1116 </ul> 1117 </div> 1118 1119 <div class="space-y-4"> 1120 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-blue-500 pr-3">Ø³ÙØ±</a> 1121 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1122 <li><a href="#" class="hover:text-blue-500">Ú٠دا٠٠ساک</a></li> 1123 <li><a href="#" class="hover:text-blue-500">Ú©ÛÙ ÙÙØ§Ø²Ù Ø¨ÙØ¯Ø§Ø´ØªÛ</a></li> 1124 <li><a href="#" class="hover:text-blue-500">Ù¾Ø§ÙØ±Ø¨Ø§ÙÚ© Ù Ø³Ø§ÙØ±ØªÛ</a></li> 1125 <li><a href="#" class="hover:text-blue-500">عÛÙÚ© Ù Ú©ÙØ§Ù</a></li> 1126 <li><a href="#" class="hover:text-blue-500">ÙÙØ´Ù ٠راÙÙ٠ا</a></li> 1127 </ul> 1128 </div> 1129 1130 <div class="space-y-4"> 1131 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-blue-500 pr-3">Ú©Ù Ù¾ÛÙÚ¯</a> 1132 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1133 <li><a href="#" class="hover:text-blue-500">
1133اجا٠٠باربÛÚ©ÛÙ</a></li> 1134 <li><a href="#" class="hover:text-blue-500">ÚØ±Ø§Øº ÙÙÙ Ù ÚØ±Ø§Øº</a></li> 1135 <li><a href="#" class="hover:text-blue-500">ظرÙÙ Ø³ÙØ±Û</a></li> 1136 <li><a href="#" class="hover:text-blue-500">تشک Ù Ø²ÛØ±Ø§Ùداز</a></li> 1137 <li><a href="#" class="hover:text-blue-500">ÙØ³Ø§Û٠آشپزÛ</a></li> 1138 </ul> 1139 </div> 1140 1141 <div class="space-y-4"> 1142 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-blue-500 pr-3">دÙÚØ±Ø®Ù</a> 1143 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1144 <li><a href="#" class="hover:text-blue-500">دÙÚØ±Ø®Ù Ú©ÙÙØ³ØªØ§Ù</a></li> 1145 <li><a href="#" class="hover:text-blue-500">دÙÚØ±Ø®Ù Ø´ÙØ±Û</a></li> 1146 <li><a href="#" class="hover:text-blue-500">ÙÙØ§Ø²Ù Ø¬Ø§ÙØ¨Û دÙÚØ±Ø®Ù</a></li> 1147 <li><a href="#" class="hover:text-blue-500">Ú©ÙØ§Ù اÛÙ ÙÛ</a></li> 1148 <li><a href="#" class="hover:text-blue-500">Ù¾Ù Ù¾ Ù ØªØ¹Ù ÛØ±Ø§Øª</a></li> 1149 </ul> 1150 </div> 1151 1152 <div class="space-y-4"> 1153 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-blue-500 pr-3">Ø´ÙØ§ ٠آبÛ</a> 1154 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1155 <li><a href="#" class="hover:text-blue-500">٠اÛ٠٠عÛÙÚ© Ø´ÙØ§</a></li> 1156 <li><a href="#" class="hover:text-blue-500">تشک ٠اسباب Ø¨Ø§Ø²Û Ø¢Ø¨Û</a></li> 1157 <li><a href="#" class="hover:text-blue-500">Ú©ÙØ´ Ù Ø¯Ù Ø§ØºÛ Ø´ÙØ§</a></li> 1158 <li><a href="#" class="hover:text-blue-500">ÙÙØ§Ø²Ù ØºÙØ§ØµÛ</a></li> 1159 </ul> 1160 </div> 1161 1162 <div class="space-y-4"> 1163 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-blue-500 pr-3">ÙØ±Ø²Ø´âÙØ§Û تخصصÛ</a> 1164 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1165 <li><a href="#" class="hover:text-blue-500">Ú¯Ù٠٠تÙÛØ³</a></li> 1166 <li><a href="#" class="hover:text-blue-500">Ø§Ø³Ú©Û Ù Ø§Ø³ÙÙØ¨Ø±Ø¯</a></li> 1167 <li><a href="#" class="hover:text-blue-500">Ø§Ø³Ø¨âØ³ÙØ§Ø±Û</a></li> 1168 <li><a href="#" class="hover:text-blue-500">Ù¾ÛÙØª باÙ</a></li> 1169 </ul> 1170 </div> 1171 </div> 1172 </div>--> 1173 <!--Books and stationery--> 1174 <!--<div id="dk-books" class="mega-tab-content hidden"> 1175 <div class="flex items-center justify-between mb-8"> 1176 <a href="#" class="flex items-center gap-1 text-[14px] font-black text-gray-900 dark:text-white hover:text-indigo-500"> 1177 Ù Ø´Ø§ÙØ¯Ù ØªÙ Ø§Ù Ù ØØµÙÙØ§Øª کتاب Ù ÙÙØ§Ø²Ù ØªØØ±Ûر 1178 <svg class="w-4 h-4 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M9 5l7 7-7 7" stroke-width="3" /></svg> 1179 </a> 1180 </div> 1181 1182 <div class="grid grid-cols-4 gap-x-6 gap-y-10"> 1183 <div class="space-y-4"> 1184 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-indigo-500 pr-3">کتاب</a> 1185 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1186 <li><a href="#" class="hover:text-indigo-500">
1186ر٠ا٠٠داستاÙ</a></li> 1187 <li><a href="#" class="hover:text-indigo-500">کتاب Ø¯Ø§ÙØ´Ú¯Ø§ÙÛ</a></li> 1188 <li><a href="#" class="hover:text-indigo-500">Ú©ÙØ¯Ú© Ù ÙÙØ¬ÙاÙ</a></li> 1189 <li><a href="#" class="hover:text-indigo-500">ØªØ§Ø±ÛØ® Ù Ø³ÛØ§Ø³Øª</a></li> 1190 <li><a href="#" class="hover:text-indigo-500">Ù Ø°ÙØ¨Û Ù Ø¹Ø±ÙØ§ÙÛ</a></li> 1191 </ul> 1192 </div> 1193 1194 <div class="space-y-4"> 1195 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-indigo-500 pr-3">ÙÙØ§Ø²Ù Ø§ÙØªØØ±Ûر</a> 1196 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1197 <li><a href="#" class="hover:text-indigo-500">Ø®ÙØ¯Ú©Ø§Ø± Ù Ø±ÙØ§ÙâÙÙÛØ³</a></li> 1198 <li><a href="#" class="hover:text-indigo-500">٠داد ٠پاکâÚ©Ù</a></li> 1199 <li><a href="#" class="hover:text-indigo-500">Ø¯ÙØªØ± ٠کاغذ</a></li> 1200 <li><a href="#" class="hover:text-indigo-500">Ø¬Ø§Ù Ø¯Ø§Ø¯Û Ù Ú©ÛÙ</a></li> 1201 <li><a href="#" class="hover:text-indigo-500">خط Ú©Ø´ Ù Ú¯ÙÙÛØ§</a></li> 1202 </ul> 1203 </div> 1204 1205 <div class="space-y-4"> 1206 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-indigo-500 pr-3">ÙÙØ±Û</a> 1207 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1208 <li><a href="#" class="hover:text-indigo-500">رÙÚ¯ Ù ÙÙÙ Ù</a></li> 1209 <li><a href="#" class="hover:text-indigo-500">بÙ٠٠کاغذ طراØÛ</a></li> 1210 <li><a href="#" class="hover:text-indigo-500">٠داد Ø´Ù Ø¹Û Ù Ù¾Ø§Ø³ØªÙ</a></li> 1211 <li><a href="#" class="hover:text-indigo-500">٠جس٠٠سازÛ</a></li> 1212 <li><a href="#" class="hover:text-indigo-500">کاÙÛگراÙÛ</a></li> 1213 </ul> 1214 </div> 1215 1216 <div class="space-y-4"> 1217 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-indigo-500 pr-3">ادارÛ</a> 1218 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1219 <li><a href="#" class="hover:text-indigo-500">پرÙÙØ¯Ù ٠زÙÙÚ©Ù</a></li> 1220 <li><a href="#" class="hover:text-indigo-500">Ù ÙØ± Ù ØªØ§Ø±ÛØ®âزÙ</a></li> 1221 <li><a href="#" class="hover:text-indigo-500">Ù ÙÚ¯ÙÙ Ù Ø³ÙØ²Ù Ù ÙÚ¯ÙÙ</a></li> 1222 <li><a href="#" class="hover:text-indigo-500">ت٠بر ٠پاکت ÙØ§Ù Ù</a></li> 1223 <li><a href="#" class="hover:text-indigo-500">کاغذ Ú©Ù¾Û Ù Ù¾Ø±ÛÙØªØ±</a></li> 1224 </ul> 1225 </div> 1226 1227 <div class="space-y-4"> 1228 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-indigo-500 pr-3">کاغذ ٠بستÙâØ¨ÙØ¯Û</a> 1229 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1230 <li><a href="#" class="hover:text-indigo-500">کاغذ کادÙ</a></li> 1231 <li><a href="#" class="hover:text-indigo-500">ربا٠٠تزئÛÙØ§Øª</a></li> 1232 <li><a href="#" class="hover:text-indigo-500">جعب٠٠کارتÙ</a></li> 1233 <li><a href="#" class="hover:text-indigo-500">ÙÙØ§Ø± ÚØ³Ø¨ Ù ÚØ³Ø¨</a></li> 1234 <li><a href="#" class="hover:text-indigo-500">کارت Ù Ø¨Ø±ÚØ³Ø¨</a></li> 1235 </ul> 1236 </div> 1237 1238 <div class="space-y-4"> 1239 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-indigo-500 pr-3">ÙÙØ´ØªâØ§ÙØ²Ø§Ø± Ø¯ÛØ¬ÛتاÙ</a> 1240 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1241 <li><a href="#" class="hover:text-indigo-500">ØªØ¨ÙØª طراØÛ</a></li> 1242 <li><a href="#" class="hover:text-indigo-500">ÙÙÙ ÙÙØ±Û</a></li> 1243 <li><a href="#" class="hover:text-indigo-500">ÙØ±Ù âØ§ÙØ²Ø§Ø± طراØÛ</a></li> 1244 <li><a href="#" class="hover:text-indigo-500">Ø§Ø³Ú©ÙØ± ٠پرÛÙØªØ±</a></li> 1245 </ul> 1246 </div> 1247 1248 <div class="space-y-4"> 1249 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-indigo-500 pr-3">Ø¢Ù ÙØ²Ø´Û</a> 1250 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1251 <li><a href="#" class="hover:text-indigo-500">ÙÙØ´ کارت</a></li> 1252 <li><a href="#" class="hover:text-indigo-500">Ù¾Ø§Ø²Ù Ø¢Ù ÙØ²Ø´Û</a></li> 1253 <li><a href="#" class="hover:text-indigo-500">ÙÙØ´Ù Ù Ø§Ø·ÙØ³</a></li> 1254 <li><a href="#" class="hover:text-indigo-500">Ú©ÛØª عÙÙ Û</a></li> 1255 </ul> 1256 </div> 1257 1258 <div class="space-y-4"> 1259 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-indigo-500 pr-3">کتابâÙØ§Û اÙکترÙÙÛÚ©Û</a> 1260 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1261 <li><a href="#" class="hover:text-indigo-500">Ø§ÛØ¨ÙÚ© Ø±ÛØ¯Ø±</a></li> 1262 <li><a href="#" class="hover:text-indigo-500">کتابâÙØ§Û ØµÙØªÛ</a></li> 1263 <li><a href="#" class="hover:text-indigo-500">اشتراک کتابخاÙÙ</a></li> 1264 <li><a href="#" class="hover:text-indigo-500">اپÙÛÚ©ÛØ´ÙâÙØ§Û Ù Ø·Ø§ÙØ¹Ù</a></li> 1265 </ul> 1266 </div> 1267 </div> 1268 </div>--> 1269 <!--Cars and motorcycles--> 1270 <!--<div id="dk-auto" class="mega-tab-content hidden"> 1271 <div class="flex items-center justify-between mb-8"> 1272 <a href="#" class="flex items-center gap-1 text-[14px] font-black text-gray-900 dark:text-white hover:text-red-500"> 1273 Ù Ø´Ø§ÙØ¯Ù ØªÙ Ø§Ù Ù ØØµÙÙØ§Øª Ø®ÙØ¯Ø±Ù Ù Ù ÙØªÙرسÛÚ©ÙØª 1274 <svg class="w-4 h-4 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1274<path d="M9 5l7 7-7 7" stroke-width="3" /></svg> 1275 </a> 1276 </div> 1277 1278 <div class="grid grid-cols-4 gap-x-6 gap-y-10"> 1279 <div class="space-y-4"> 1280 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-red-500 pr-3">ÙÙØ§Ø²Ù Ø®ÙØ¯Ø±Ù</a> 1281 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1282 <li><a href="#" class="hover:text-red-500">Ø±ÙØºÙ ٠ضد ÛØ®</a></li> 1283 <li><a href="#" class="hover:text-red-500">ÙØ§Ø³ØªÛÚ© ٠رÛÙÚ¯</a></li> 1284 <li><a href="#" class="hover:text-red-500">Ø¨Ø§ØªØ±Û Ù Ø§Ø³ØªØ§Ø±Øª</a></li> 1285 <li><a href="#" class="hover:text-red-500">ÙÛÙØªØ± ÙÙØ§ Ù Ø±ÙØºÙ</a></li> 1286 <li><a href="#" class="hover:text-red-500">ØªÛØºÙ بر٠پاک Ú©Ù</a></li> 1287 </ul> 1288 </div> 1289 1290 <div class="space-y-4"> 1291 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-red-500 pr-3">Ù ÙØªÙرسÛÚ©ÙØª</a> 1292 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1293 <li><a href="#" class="hover:text-red-500">Ú©ÙØ§Ù اÛÙ ÙÛ</a></li> 1294 <li><a href="#" class="hover:text-red-500">ÙÙØ§Ø²Ù ÛØ¯Ú©Û Ù ÙØªÙر</a></li> 1295 <li><a href="#" class="hover:text-red-500">Ù¾ÙØ´Ø§Ú© Ù ÙØªÙØ±Ø³ÙØ§Ø±</a></li> 1296 <li><a href="#" class="hover:text-red-500">زÛÙ Ù Ø¨Ø§Ø±Ø¨ÙØ¯</a></li> 1297 <li><a href="#" class="hover:text-red-500">Ø¢ÛÙÙ Ù Ø±ÙØ´ÙاÛÛ</a></li> 1298 </ul> 1299 </div> 1300 1301 <div class="space-y-4"> 1302 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-red-500 pr-3">ØµÙØªÛ ٠تصÙÛØ±Û</a> 1303 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1304 <li><a href="#" class="hover:text-red-500">ضبط ٠پخش Ø®ÙØ¯Ø±Ù</a></li> 1305 <li><a href="#" class="hover:text-red-500">اسپÛکر ٠آ٠پÙÛ ÙØ§Ûر</a></li> 1306 <li><a href="#" class="hover:text-red-500">Ø¯ÙØ±Ø¨ÛÙ Ø¯ÙØ¯Ù Ø¹ÙØ¨</a></li> 1307 <li><a href="#" class="hover:text-red-500">ÙØ¯Ø¢Ù¾ Ø¯ÛØ³Ù¾ÙÛ</a></li> 1308 <li><a href="#" class="hover:text-red-500">Ú©Ø§Ø¨Ù Ù Ø§ØªØµØ§ÙØ§Øª</a></li> 1309 </ul> 1310 </div> 1311 1312 <div class="space-y-4"> 1313 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-red-500 pr-3">ابزار</a> 1314 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1315 <li><a href="#" class="hover:text-red-500">جعب٠ابزار</a></li> 1316 <li><a href="#" class="hover:text-red-500">Ø¢ÚØ§Ø± Ù Ù¾ÛÚ Ú¯ÙØ´ØªÛ</a></li> 1317 <li><a href="#" class="hover:text-red-500">جک ٠گاز Ø¢ÚØ§Ø±</a></li> 1318 <li><a href="#" class="hover:text-red-500">ÙÙØ± Ù Ú©Ù Ú© ÙÙØ±</a></li> 1319 <li><a href="#" class="hover:text-red-500">ÙÙØ§Ø²Ù برÙÛ Ø®ÙØ¯Ø±Ù</a></li> 1320 </ul> 1321 </div> 1322 1323 <div class="space-y-4"> 1324 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-red-500 pr-3">Ú©Ø§Ø±ÙØ§Ø´</a> 1325 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1326 <li><a href="#" class="hover:text-red-500">Ø´Ø§Ù Ù¾Ù Ù ÙØ§Ú©Ø³</a></li> 1327 <li><a href="#" class="hover:text-red-500">
1327برس ٠اسÙÙØ¬</a></li> 1328 <li><a href="#" class="hover:text-red-500">جاذب Ø±Ø·ÙØ¨Øª</a></li> 1329 <li><a href="#" class="hover:text-red-500">Ø¯Ø³ØªÚ¯Ø§Ù Ú©Ø§Ø±ÙØ§Ø´</a></li> 1330 <li><a href="#" class="hover:text-red-500">Ù¾ÙÙÛØ´ ٠درخشا٠کÙÙØ¯Ù</a></li> 1331 </ul> 1332 </div> 1333 1334 <div class="space-y-4"> 1335 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-red-500 pr-3">ÛØ¯Ú©Û</a> 1336 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1337 <li><a href="#" class="hover:text-red-500">Ø³ÛØ³ØªÙ تعÙÛÙ</a></li> 1338 <li><a href="#" class="hover:text-red-500">تس٠٠٠پÙÙÛ</a></li> 1339 <li><a href="#" class="hover:text-red-500">ش٠ع Ù Ú©ÙØ¦Ù</a></li> 1340 <li><a href="#" class="hover:text-red-500">تر٠ز Ù Ú©Ø§Ø³Ù ÚØ±Ø®</a></li> 1341 <li><a href="#" class="hover:text-red-500">Ø±Ø§Ø¯ÛØ§ØªÙر Ù Ø´ÙÙÚ¯</a></li> 1342 </ul> 1343 </div> 1344 1345 <div class="space-y-4"> 1346 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-red-500 pr-3">اÛÙ ÙÛ Ù ÙÚ¯ÙØ¯Ø§Ø±Û</a> 1347 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1348 <li><a href="#" class="hover:text-red-500">کپسÙ٠آتشâÙØ´Ø§ÙÛ</a></li> 1349 <li><a href="#" class="hover:text-red-500">Ø¬Ú©Ø³Ù Ù Ù Ø«ÙØ« خطر</a></li> 1350 <li><a href="#" class="hover:text-red-500">ضد Ø³Ø±ÙØª Ù Ø¢ÙØ§Ø±Ù </a></li> 1351 <li><a href="#" class="hover:text-red-500">Ú©Ø§ÙØ± ٠پارکÛÙÚ¯Û</a></li> 1352 </ul> 1353 </div> 1354 1355 <div class="space-y-4"> 1356 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-red-500 pr-3">ÙÙØ§Ø²Ù داخÙÛ</a> 1357 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1358 <li><a href="#" class="hover:text-red-500">رÙÚ©Ø´ ØµÙØ¯ÙÛ</a></li> 1359 <li><a href="#" class="hover:text-red-500">ÙØ±Ø´ Ù Ø²ÛØ±Ù¾Ø§ÛÛ</a></li> 1360 <li><a href="#" class="hover:text-red-500">Ø¢ÛÙÙ Ù Ø´ÛØ´Ù</a></li> 1361 <li><a href="#" class="hover:text-red-500">جاکÙÛØ¯Û Ù ÙÚ¯ÙØ¯Ø§Ø±ÙدÙ</a></li> 1362 </ul> 1363 </div> 1364 </div> 1365 </div>--> 1366 <!--Industrial and tools--> 1367 <!--<div id="dk-tools" class="mega-tab-content hidden"> 1368 <div class="flex items-center justify-between mb-8"> 1369 <a href="#" class="flex items-center gap-1 text-[14px] font-black text-gray-900 dark:text-white hover:text-secondary-500"> 1370 Ù Ø´Ø§ÙØ¯Ù ØªÙ Ø§Ù Ù ØØµÙÙØ§Øª ØµÙØ¹ØªÛ ٠ابزار 1371 <svg class="w-4 h-4 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M9 5l7 7-7 7" stroke-width="3" /></svg> 1372 </a> 1373 </div> 1374 1375 <div class="grid grid-cols-4 gap-x-6 gap-y-10"> 1376 <div class="space-y-4"> 1377 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-secondary-500 pr-3">ابزار دستÛ</a> 1378 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1379 <li><a href="#" class="hover:text-secondary-500">Ø¢ÚØ§Ø± Ù Ù¾ÛÚ Ú¯ÙØ´ØªÛ</a></li> 1380 <li><a href="#" class="hover:text-secondary-500">Ø§ÙØ¨Ø± Ù Ù¾liers</a></li> 1381 <li><a href="#" class="hover:text-secondary-500">ÚÚ©Ø´ ٠پتک</a></li> 1382 <li><a href="#" class="hover:text-secondary-500">ار٠٠ار٠٠ÙÛÛ</a></li> 1383 <li><a href="#" class="hover:text-secondary-500">٠تر ٠خط Ú©Ø´</a></li> 1384 </ul> 1385 </div> 1386 1387 <div class="space-y-4"> 1388 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-secondary-500 pr-3">ابزار برÙÛ</a> 1389 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1390 <li><a href="#" class="hover:text-secondary-500">درÛÙ Ù Ù¾ÛÚ Ú¯ÙØ´ØªÛ برÙÛ</a></li> 1391 <li><a href="#" class="hover:text-secondary-500">ار٠برÙÛ Ù ÙØ±Ø²</a></li> 1392 <li><a href="#" class="hover:text-secondary-500">س٠باد٠٠پÙÙÛØ´Ø±</a></li> 1393 <li><a href="#" class="hover:text-secondary-500">ÙÙÛÙ Ù ÙØÛ٠کارÛ</a></li> 1394 <li><a href="#" class="hover:text-secondary-500">Ø´Ø§Ø±ÚØ± ٠باترÛ</a></li> 1395 </ul> 1396 </div> 1397 1398 <div class="space-y-4"> 1399 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-secondary-500 pr-3">اÛÙ ÙÛ</a> 1400 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1401 <li><a href="#" class="hover:text-secondary-500">Ú©ÙØ§Ù ٠عÛÙÚ© اÛÙ ÙÛ</a></li> 1402 <li><a href="#" class="hover:text-secondary-500">دستکش Ù Ú©ÙØ´ اÛÙ ÙÛ</a></li> 1403 <li><a href="#" class="hover:text-secondary-500">٠اسک Ù Ù ØØ§Ùظ Ú¯ÙØ´</a></li> 1404 <li><a href="#" class="hover:text-secondary-500">جÙÛÙÙ Ù ÙØ¨Ø§Ø³ کار</a></li> 1405 <li><a href="#" class="hover:text-secondary-500">کپسÙ٠آتشâÙØ´Ø§ÙÛ</a></li> 1406 </ul> 1407 </div> 1408 1409 <div class="space-y-4"> 1410 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-secondary-500 pr-3">Ø§ÙØ¯Ø§Ø²ÙâÚ¯ÛØ±Û</a> 1411 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1412 <li><a href="#" class="hover:text-secondary-500">٠تر ÙÛØ²Ø±Û</a></li> 1413 <li><a href="#" class="hover:text-secondary-500">Ú©ÙÙÛØ³ Ù Ù ÛکرÙ٠تر</a></li> 1414 <li><a href="#" class="hover:text-secondary-500">تراز ٠شاغÙÙ</a></li> 1415 <li><a href="#" class="hover:text-secondary-500">Ø¯Ù Ø§Ø³ÙØ¬ Ù Ø±Ø·ÙØ¨Øª Ø³ÙØ¬</a></li> 1416 <li><a href="#" class="hover:text-secondary-500">آ٠پر٠تر Ù Ù ÙÙØªÛ ٠تر</a></li> 1417 </ul> 1418 </div> 1419 1420 <div class="space-y-4"> 1421 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-secondary-500 pr-3">Ø¬ÙØ´Ú©Ø§Ø±Û</a> 1422 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1423 <li><a href="#" class="hover:text-secondary-500">Ø¯Ø³ØªÚ¯Ø§Ù Ø¬ÙØ´</a></li> 1424 <li><a href="#" class="hover:text-secondary-500">٠اسک Ø¬ÙØ´Ú©Ø§Ø±Û</a></li> 1425 <li><a href="#" class="hover:text-secondary-500">اÙÚ©ØªØ±ÙØ¯ ٠سÛÙ Ø¬ÙØ´</a></li> 1426 <li><a href="#" class="hover:text-secondary-500">Ø§ÙØ¨Ø± Ù ÚÚ©Ø´ Ø¬ÙØ´Ú©Ø§Ø±Û</a></li> 1427 <li><a href="#" class="hover:text-secondary-500">گاز ٠اکسÛÚÙ</a></li> 1428 </ul> 1429 </div> 1430 1431 <div class="space-y-4"> 1432 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-secondary-500 pr-3">باغباÙÛ</a> 1433 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1434 <li><a href="#" class="hover:text-secondary-500">ÙÛÚÛ Ø¨Ø§ØºØ¨Ø§ÙÛ</a></li> 1435 <li><a href="#" class="hover:text-secondary-500">ار٠٠تبر</a></li> 1436 <li><a href="#" class="hover:text-secondary-500">بÛÙ Ù Ø´Ù Ú©Ø´</a></li> 1437 <li><a href="#" class="hover:text-secondary-500">ÚÙ Ù Ø²Ù Ù ÙØ±Ø³ برÙÛ</a></li> 1438 <li><a href="#" class="hover:text-secondary-500">آبپاش Ù Ø´ÙÙÚ¯</a></li> 1439 </ul> 1440 </div> 1441 1442 <div class="space-y-4"> 1443 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-secondary-500 pr-3">ÙÚ¯ÙØ¯Ø§Ø±Û Ù ØªØ¹Ù ÛØ±</a> 1444 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1445 <li><a href="#" class="hover:text-secondary-500">Ø±ÙØºÙ Ù Ú¯Ø±ÛØ³</a></li> 1446 <li><a href="#" class="hover:text-secondary-500">ÚØ³Ø¨ Ù Ø¯Ø±Ø²Ú¯ÛØ±</a></li> 1447 <li><a href="#" class="hover:text-secondary-500">سÛ٠٠کابÙ</a></li> 1448 <li><a href="#" class="hover:text-secondary-500">Ù¾ÛÚ Ù Ù ÙØ±Ù</a></li> 1449 </ul> 1450 </div> 1451 1452 <div class="space-y-4"> 1453 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-secondary-500 pr-3">٠اشÛÙâØ¢ÙØ§Øª</a> 1454 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1455 <li><a href="#" class="hover:text-secondary-500">
1455Ú©Ù Ù¾Ø±Ø³ÙØ± باد</a></li> 1456 <li><a href="#" class="hover:text-secondary-500">Ù¾Ù Ù¾ آب Ù Ø´ÙØ§Ùر</a></li> 1457 <li><a href="#" class="hover:text-secondary-500">ÚÙØ±Ø§ØªÙر Ù Ù ÙØªÙر</a></li> 1458 <li><a href="#" class="hover:text-secondary-500">جرثÙÛÙ Ù Ø¨Ø§ÙØ§Ø¨Ø±</a></li> 1459 </ul> 1460 </div> 1461 </div> 1462 </div>--> 1463 <!--Agriculture and horticulture--> 1464 <!--<div id="dk-garden" class="mega-tab-content hidden"> 1465 <div class="flex items-center justify-between mb-8"> 1466 <a href="#" class="flex items-center gap-1 text-[14px] font-black text-gray-900 dark:text-white hover:text-emerald-500"> 1467 Ù Ø´Ø§ÙØ¯Ù ØªÙ Ø§Ù Ù ØØµÙÙØ§Øª Ú©Ø´Ø§ÙØ±Ø²Û ٠باغباÙÛ 1468 <svg class="w-4 h-4 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M9 5l7 7-7 7" stroke-width="3" /></svg> 1469 </a> 1470 </div> 1471 1472 <div class="grid grid-cols-4 gap-x-6 gap-y-10"> 1473 <div class="space-y-4"> 1474 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-emerald-500 pr-3">بذر Ù ÙÙØ§Ù</a> 1475 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1476 <li><a href="#" class="hover:text-emerald-500">بذر Ø³Ø¨Ø²ÛØ¬Ø§Øª</a></li> 1477 <li><a href="#" class="hover:text-emerald-500">بذر Ú¯Ù Ù Ú¯ÛØ§Ùا٠زÛÙØªÛ</a></li> 1478 <li><a href="#" class="hover:text-emerald-500">ÙÙØ§Ù Ù ÛÙÙ</a></li> 1479 <li><a href="#" class="hover:text-emerald-500">ÙÙÙ Ù Ù Ù¾ÛØ§Ø²</a></li> 1480 <li><a href="#" class="hover:text-emerald-500">بذر صÛÙÛ Ø¬Ø§Øª</a></li> 1481 </ul> 1482 </div> 1483 1484 <div class="space-y-4"> 1485 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-emerald-500 pr-3">Ú©ÙØ¯ ٠س٠</a> 1486 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1487 <li><a href="#" class="hover:text-emerald-500">Ú©ÙØ¯ ØÛÙØ§ÙÛ</a></li> 1488 <li><a href="#" class="hover:text-emerald-500">Ú©ÙØ¯ Ø´ÛÙ ÛØ§ÛÛ</a></li> 1489 <li><a href="#" class="hover:text-emerald-500">Ú©ÙØ¯ Ù Ø§ÛØ¹ ٠تÙÙÛØªÛ</a></li> 1490 <li><a href="#" class="hover:text-emerald-500">س٠ÙÙ Ø¯ÙØ¹ Ø¢ÙØ§Øª</a></li> 1491 <li><a href="#" class="hover:text-emerald-500">ÙØ§Ø±Ú Ú©Ø´ ٠عÙÙ Ú©Ø´</a></li> 1492 </ul> 1493 </div> 1494 1495 <div class="space-y-4"> 1496 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-emerald-500 pr-3">Ø¢Ø¨ÛØ§Ø±Û</a> 1497 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1498 <li><a href="#" class="hover:text-emerald-500">Ø´ÙÙÚ¯ Ù Ø§ØªØµØ§ÙØ§Øª</a></li> 1499 <li><a href="#" class="hover:text-emerald-500">Ù¾Ù Ù¾ آب Ù ÙØ·Ø±Ù ÚکاÙ</a></li> 1500 <li><a href="#" class="hover:text-emerald-500">آبپاش ٠٠٠پاش</a></li> 1501 <li><a href="#" class="hover:text-emerald-500">تاÛ٠ر Ù Ø³ÛØ³ØªÙ اتÙ٠اتÛÚ©</a></li> 1502 <li><a href="#" class="hover:text-emerald-500">Ù ÙØ¨Ø¹ ٠٠خز٠آب</a></li> 1503 </ul> 1504 </div> 1505 1506 <div class="space-y-4"> 1507 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-emerald-500 pr-3">ابزار باغباÙÛ</a> 1508 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1509 <li><a href="#" class="hover:text-emerald-500">بÛ٠٠بÛÙÚÙ</a></li> 1510 <li><a href="#" class="hover:text-emerald-500">ÚÙÚ¯Ú© Ù Ø´Ù Ú©Ø´</a></li> 1511 <li><a href="#" class="hover:text-emerald-500">ÙÛÚÛ Ø¨Ø§ØºØ¨Ø§ÙÛ</a></li> 1512 <li><a href="#" class="hover:text-emerald-500">ار٠٠تبر</a></li> 1513 <li><a href="#" class="hover:text-emerald-500">ÙØ±ØºÙ٠٠سطÙ</a></li> 1514 </ul> 1515 </div> 1516 1517 <div class="space-y-4"> 1518 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-emerald-500 pr-3">Ú¯Ù Ù Ú¯ÛØ§Ù</a> 1519 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1520 <li><a href="#" class="hover:text-emerald-500">Ú¯ÙØ¯Ø§Ù Ù Ø²ÛØ±Ú¯ÙداÙÛ</a></li> 1521 <li><a href="#" class="hover:text-emerald-500">خاک ٠بستر کاشت</a></li> 1522 <li><a href="#" class="hover:text-emerald-500">Ú¯ÛØ§Ùا٠آپارت٠اÙÛ</a></li> 1523 <li><a href="#" class="hover:text-emerald-500">Ú¯ÛØ§ÙØ§Ù ÙØ¶Ø§Û باز</a></li> 1524 <li><a href="#" class="hover:text-emerald-500">Ú©Ø§Ú©ØªÙØ³ ٠ساکÙÙÙØª</a></li> 1525 </ul> 1526 </div> 1527 1528 <div class="space-y-4"> 1529 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-emerald-500 pr-3">٠اشÛÙâØ¢ÙØ§Øª</a> 1530 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1531 <li><a href="#" class="hover:text-emerald-500">ØªØ±Ø§Ú©ØªÙØ± ٠تÛÙØ±</a></li> 1532 <li><a href="#" class="hover:text-emerald-500">درÙگر ٠ک٠باÛÙ</a></li> 1533 <li><a href="#" class="hover:text-emerald-500">س٠پاش Ù Ú©ÙØ¯Ù¾Ø§Ø´</a></li> 1534 <li><a href="#" class="hover:text-emerald-500">Ú٠٠ز٠٠عÙ٠تراش</a></li> 1535 <li><a href="#" class="hover:text-emerald-500">Ù¾Ù Ù¾ Ù Ù ÙØªÙر آب</a></li> 1536 </ul> 1537 </div> 1538 1539 <div class="space-y-4"> 1540 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-emerald-500 pr-3">Ù¾Ø±ÙØ±Ø´ ٠دا٠دارÛ</a> 1541 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1542 <li><a href="#" class="hover:text-emerald-500">Ø®ÙØ±Ø§Ú© دا٠٠طÛÙØ±</a></li> 1543 <li><a href="#" class="hover:text-emerald-500">تجÙÛØ²Ø§Øª ٠رغدارÛ</a></li> 1544 <li><a href="#" class="hover:text-emerald-500">ÙÙØ§Ø²Ù Ø²ÙØ¨ÙردارÛ</a></li> 1545 <li><a href="#" class="hover:text-emerald-500">Ø¢Ø¨Ø®ÙØ±Û Ù Ø¯Ø§ÙØ®ÙرÛ</a></li> 1546 <li><a href="#" class="hover:text-emerald-500">ÙØ±Øµ ٠٠ک٠٠دا٠Û</a></li> 1547 </ul> 1548 </div> 1549 1550 <div class="space-y-4"> 1551 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-emerald-500 pr-3">تجÙÛØ²Ø§Øª Ú¯ÙØ®Ø§ÙÙ</a> 1552 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1553 <li><a href="#" class="hover:text-emerald-500">Ù¾ÙØ´Ø´ Ú¯ÙØ®Ø§ÙÙ</a></li> 1554 <li><a href="#" class="hover:text-emerald-500">Ø³ÛØ³ØªÙ Ú¯Ø±Ù Ø§ÛØ´Û</a></li> 1555 <li><a href="#" class="hover:text-emerald-500">Ø³ÛØ³ØªÙ تÙÙÛÙ</a></li> 1556 <li><a href="#" class="hover:text-emerald-500">ÙÙØ³Ù Ù Ú¯Ø±ÙØ¨Ø§Ú©Ø³</a></li> 1557 <li><a href="#" class="hover:text-emerald-500">Ú©ÙØªØ±Ù Ø±Ø·ÙØ¨Øª ٠د٠ا</a></li> 1558 </ul> 1559 </div> 1560 </div> 1561 </div> 1562 1563 </div> 1564 </div> 1565 </div> 1566 </li> 1567 1568 <li class="group/megalist static"> 1569 <a href="#" class="flex items-center gap-1 text-sm font-medium text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors py-4"> 1570 ٠گاÙÛØ³Øª Ù ÙÙ 1571 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1572 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> 1573 </svg> 1574 </a> 1575 1576 <div class="absolute top-full right-0 left-0 w-full bg-white dark:bg-gray-950 border-b border-gray-200 dark:border-gray-800 shadow-2xl opacity-0 invisible group-hover/megalist:opacity-100 group-hover/megalist:visible transition-all duration-300 z-40 transform translate-y-2 group-hover/megalist:translate-y-0"> 1577 <div class="container mx-auto px-8 py-10">
1578 <div class="grid grid-cols-5 gap-8">--> 1579 <!--Column 1: Most popular brands--> 1580 <!--<div class="col-span-3 grid grid-cols-3 gap-6">--> 1581 <!--Electronics brands--> 1582 <!--<div class="space-y-4"> 1583 <h4 class="font-black text-sm mb-4 dark:text-white flex items-center gap-2"> 1584 <svg class="w-4 h-4 text-primary-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1585 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z" /> 1586 </svg> 1587 ÙÙØ§Ø²Ù اÙکترÙÙÛÚ©Û 1588 </h4> 1589 <ul class="space-y-3"> 1590 <li> 1591 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1592 <span class="w-2 h-2 bg-primary-500 rounded-full"></span> 1593 اپ٠(Apple) 1594 </a> 1595 </li> 1596 <li> 1597 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1598 <span class="w-2 h-2 bg-primary-400 rounded-full"></span> 1599 سا٠سÙÙÚ¯ (Samsung) 1600 </a> 1601 </li> 1602 <li> 1603 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1604 <span class="w-2 h-2 bg-primary-300 rounded-full"></span> 1605 سÙÙÛ (Sony) 1606 </a> 1607 </li> 1608 <li> 1609 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1610 <span class="w-2 h-2 bg-primary-500 rounded-full"></span> 1611 ÙÙØ§ÙÛ (Huawei) 1612 </a> 1613 </li> 1614 <li> 1615 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1616 <span class="w-2 h-2 bg-primary-600 rounded-full"></span> 1617 اÙâØ¬Û (LG) 1618 </a> 1619 </li> 1620 <li> 1621 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1622 <span class="w-2 h-2 bg-primary-500 rounded-full"></span> 1623 Ø´ÛØ§Ø¦ÙÙ Û (Xiaomi) 1624 </a> 1625 </li> 1626 <li> 1627 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1628 <span class="w-2 h-2 bg-primary-400 rounded-full"></span> 1629 دÙÙ (Dell) 1630 </a> 1631 </li> 1632 </ul> 1633 </div>--> 1634 <!--Clothing and fashion brands--> 1635 <!--<div class="space-y-4"> 1636 <h4 class="font-black text-sm mb-4 dark:text-white flex items-center gap-2"> 1637 <svg class="w-4 h-4 text-primary-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1638 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" /> 1639 </svg> 1640 Ù¾ÙØ´Ø§Ú© ٠٠د 1641 </h4> 1642 <ul class="space-y-3"> 1643 <li> 1644 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1645 <span class="w-2 h-2 bg-primary-500 rounded-full"></span> 1646 زارا (Zara) 1647 </a> 1648 </li> 1649 <li> 1650 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1651 <span class="w-2 h-2 bg-primary-400 rounded-full"></span> 1652 اÚâØ§ÙØ¯âا٠(H&M) 1653 </a> 1654 </li> 1655 <li> 1656 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1657 <span class="w-2 h-2 bg-primary-300 rounded-full"></span> 1658 Ú¯Ù¾ (Gap) 1659 </a> 1660 </li> 1661 <li> 1662 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1663 <span class="w-2 h-2 bg-primary-600 rounded-full"></span> 1664 ÙØ§ÛÚ© (Nike) 1665 </a> 1666 </li> 1667 <li> 1668 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1669 <span class="w-2 h-2 bg-primary-700 rounded-full"></span> 1670 Ø¢Ø¯ÛØ¯Ø§Ø³ (Adidas) 1671 </a> 1672 </li> 1673 <li> 1674 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1675 <span class="w-2 h-2 bg-primary-800 rounded-full"></span> 1676 Ù¾Ù٠ا (Puma) 1677 </a> 1678 </li> 1679 </ul> 1680 </div>--> 1681 <!--Home appliance brands--> 1682 <!--<div class="space-y-4"> 1683 <h4 class="font-black text-sm mb-4 dark:text-white flex items-center gap-2"> 1684 <svg class="w-4 h-4 text-primary-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1685 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" /> 1686 </svg> 1687 ÙÙØ§Ø²Ù خاÙÚ¯Û 1688 </h4> 1689 <ul class="space-y-3"> 1690 <li> 1691 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1692 <span class="w-2 h-2 bg-primary-500 rounded-full"></span> 1693 Ø¨ÙØ´ (Bosch) 1694 </a> 1695 </li> 1696 <li> 1697 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1698 <span class="w-2 h-2 bg-primary-400 rounded-full"></span> 1699 سا٠سÙÙÚ¯ خاÙÚ¯Û 1700 </a> 1701 </li> 1702 <li> 1703 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1704 <span class="w-2 h-2 bg-primary-300 rounded-full"></span> 1705 اÙâØ¬Û Ø®Ø§ÙÚ¯Û 1706 </a> 1707 </li> 1708 <li> 1709 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1710 <span class="w-2 h-2 bg-primary-600 rounded-full"></span> 1711 Ù¾Ø§ÙØ§Ø³ÙÙÛÚ© (Panasonic) 1712 </a> 1713 </li> 1714 <li> 1715 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1716 <span class="w-2 h-2 bg-primary-700 rounded-full"></span> 1717 ÙÛÙÛپس (Philips) 1718 </a> 1719 </li> 1720 <li> 1721 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1722 <span class="w-2 h-2 bg-primary-800 rounded-full"></span> 1723 Ú©ÙÙÙØ¯ (Kenwood) 1724 </a> 1725 </li> 1726 </ul> 1727 </div>--> 1728 <!--Beauty and health brands--> 1729 <!--<div class="space-y-4"> 1730 <h4 class="font-black text-sm mb-4 dark:text-white flex items-center gap-2"> 1731 <svg class="w-4 h-4 text-primary-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1732 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> 1733 </svg> 1734 Ø²ÛØ¨Ø§ÛÛ Ù Ø³ÙØ§Ù ت 1735 </h4> 1736 <ul class="space-y-3"> 1737 <li> 1738 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1739 <span class="w-2 h-2 bg-primary-500 rounded-full"></span> 1740 ÙÙØ±Ø¢Ù (L'Oréal) 1741 </a> 1742 </li> 1743 <li> 1744 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1745 <span class="w-2 h-2 bg-primary-400 rounded-full"></span> 1746 Ø´ÙÙ (Chanel) 1747 </a> 1748 </li> 1749 <li> 1750 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1751 <span class="w-2 h-2 bg-primary-300 rounded-full"></span> 1752 دÛÙØ± (Dior) 1753 </a> 1754 </li> 1755 <li> 1756 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1757 <span class="w-2 h-2 bg-primary-600 rounded-full"></span> 1758 ÙÛÙØ¢ (Nivea) 1759 </a> 1760 </li> 1761 <li> 1762 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1763 <span class="w-2 h-2 bg-primary-500 rounded-full"></span> 1764 گر٠(Garnier) 1765 </a> 1766 </li> 1767 <li> 1768 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1769 <span class="w-2 h-2 bg-primary-400 rounded-full"></span> 1770 ÙØ§Ø²ÙÛÙ (Vaseline) 1771 </a> 1772 </li> 1773 </ul> 1774 </div>--> 1775 <!--Sports brands--> 1776 <!--<div class="space-y-4"> 1777 <h4 class="font-black text-sm mb-4 dark:text-white flex items-center gap-2"> 1778 <svg class="w-4 h-4 text-primary-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1779 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z" /> 1780 </svg> 1781 ÙØ±Ø²Ø´Û 1782 </h4> 1783 <ul class="space-y-3"> 1784 <li> 1785 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1786 <span class="w-2 h-2 bg-primary-600 rounded-full"></span> 1787 ÙØ§ÛÚ© (Nike) 1788 </a> 1789 </li> 1790 <li> 1791 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1792 <span class="w-2 h-2 bg-primary-700 rounded-full"></span> 1793 Ø¢Ø¯ÛØ¯Ø§Ø³ (Adidas) 1794 </a> 1795 </li> 1796 <li> 1797 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1798 <span class="w-2 h-2 bg-primary-800 rounded-full"></span> 1799 Ù¾Ù٠ا (Puma) 1800 </a> 1801 </li> 1802 <li> 1803 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1804 <span class="w-2 h-2 bg-primary-500 rounded-full"></span> 1805 Ø±ÛØ¨ÙÚ© (Reebok) 1806 </a> 1807 </li> 1808 <li> 1809 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1810 <span class="w-2 h-2 bg-primary-600 rounded-full"></span> 1811 Ø¢ÙØ¯Ø± Ø¢Ø±Ù ÙØ± (Under Armour) 1812 </a> 1813 </li> 1814 <li> 1815 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1816 <span class="w-2 h-2 bg-primary-700 rounded-full"></span> 1817 Ø§Ø³Ú©ÚØ±Ø² (Skechers) 1818 </a> 1819 </li> 1820 </ul> 1821 </div>--> 1822 <!--Iranian brands--> 1823 <!--<div class="space-y-4"> 1824 <h4 class="font-black text-sm mb-4 dark:text-white flex items-center gap-2"> 1825 <svg class="w-4 h-4 text-primary-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1826 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2
18260 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> 1827 </svg> 1828 Ø¨Ø±ÙØ¯ÙØ§Û Ø§ÛØ±Ø§ÙÛ 1829 </h4> 1830 <ul class="space-y-3"> 1831 <li> 1832 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1833 <span class="w-2 h-2 bg-primary-500 rounded-full"></span> 1834 Ø§ÛØ±Ø§Ù Ø®ÙØ¯Ø±Ù 1835 </a> 1836 </li> 1837 <li> 1838 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1839 <span class="w-2 h-2 bg-primary-400 rounded-full"></span> 1840 ساÛپا 1841 </a> 1842 </li> 1843 <li> 1844 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1845 <span class="w-2 h-2 bg-primary-300 rounded-full"></span> 1846 پارس Ø®ÙØ¯Ø±Ù 1847 </a> 1848 </li> 1849 <li> 1850 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1851 <span class="w-2 h-2 bg-primary-600 rounded-full"></span> 1852 شات٠1853 </a> 1854 </li> 1855 <li> 1856 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1857 <span class="w-2 h-2 bg-primary-500 rounded-full"></span> 1858 ØµØ§ÙØ¹ (Ù ÙØ¨Ø§ÛÙ) 1859 </a> 1860 </li> 1861 <li> 1862 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1863 <span class="w-2 h-2 bg-primary-600 rounded-full"></span> 1864 ٠ارا٠(ÙÙØ§Ø²Ù خاÙÚ¯Û) 1865 </a> 1866 </li> 1867 </ul> 1868 </div> 1869 </div>--> 1870 <!--Second column: Brand images--> 1871 <!--<div class="col-span-2"> 1872 <div class="grid grid-cols-2 gap-4 mb-6">--> 1873 <!--Luxury brands--> 1874 <!--<div class="relative overflow-hidden rounded-2xl h-40 group/img"> 1875 <a href=""> 1876 <img src="assets/images/banner/banner-four-3.jpg" 1877 class="w-full h-full object-cover transition-transform duration-500 group-hover/img:scale-110"> 1878 </a> 1879 </div>--> 1880 <!--Advanced technology--> 1881 <!--<div class="relative overflow-hidden rounded-2xl h-40 group/img"> 1882 <a href=""> 1883 <img src="assets/images/banner/banner-11.jpg" 1884 class="w-full h-full object-cover transition-transform duration-500 group-hover/img:scale-110"> 1885 </a> 1886 </div> 1887 </div>--> 1888 <!--Special brands--> 1889 <!--<div class="space-y-4"> 1890 <h4 class="font-black text-sm mb-4 dark:text-white">Ø¨Ø±ÙØ¯ÙØ§Û ÙÛÚÙ Ø§Ù Ø±ÙØ²</h4> 1891 <div class="grid grid-cols-2 gap-3"> 1892 <a href="#" class="flex items-center gap-3 p-3 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-primary-500 dark:hover:border-primary-500 transition-all group/item"> 1893 <div class="w-10 h-10 rounded-lg bg-primary-100 dark:bg-primary-900/30 flex items-center justify-center">
1894 <span class="text-primary-600 dark:text-primary-400 font-bold text-sm">AP</span> 1895 </div> 1896 <div> 1897 <span class="text-xs font-semibold dark:text-white group-hover/item:text-primary-500">اپÙ</span> 1898 <p class="text-xs text-gray-500">تا Û³Û°Ùª تخÙÛÙ</p> 1899 </div> 1900 </a> 1901 1902 <a href="#" class="flex items-center gap-3 p-3 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-primary-500 dark:hover:border-primary-500 transition-all group/item"> 1903 <div class="w-10 h-10 rounded-lg bg-primary-100 dark:bg-primary-900/30 flex items-center justify-center"> 1904 <span class="text-primary-600 dark:text-primary-400 font-bold text-sm">SA</span> 1905 </div> 1906 <div> 1907 <span class="text-xs font-semibold dark:text-white group-hover/item:text-primary-500">سا٠سÙÙÚ¯</span> 1908 <p class="text-xs text-gray-500">ÙØ¯ÛÙ Ø®Ø±ÛØ¯</p> 1909 </div> 1910 </a> 1911 1912 <a href="#" class="flex items-center gap-3 p-3 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-primary-500 dark:hover:border-primary-500 transition-all group/item"> 1913 <div class="w-10 h-10 rounded-lg bg-primary-100 dark:bg-primary-900/30 flex items-center justify-center"> 1914 <span class="text-primary-600 dark:text-primary-400 font-bold text-sm">NI</span> 1915 </div> 1916 <div> 1917 <span class="text-xs font-semibold dark:text-white group-hover/item:text-primary-500">ÙØ§ÛÚ©</span> 1918 <p class="text-xs text-gray-500">ØØ±Ø§Ø¬ ÙÛÚÙ</p> 1919 </div> 1920 </a> 1921 1922 <a href="#" class="flex items-center gap-3 p-3 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-primary-500 dark:hover:border-primary-500 transition-all group/item"> 1923 <div class="w-10 h-10 rounded-lg bg-primary-100 dark:bg-primary-900/30 flex items-center justify-center"> 1924 <span class="text-primary-600 dark:text-primary-400 font-bold text-sm">LO</span> 1925 </div> 1926 <div> 1927 <span class="text-xs font-semibold dark:text-white group-hover/item:text-primary-500">ÙÙØ±Ø¢Ù</span> 1928 <p class="text-xs text-gray-500">کاد٠راÛگاÙ</p> 1929 </div> 1930 </a> 1931 </div> 1932 </div>--> 1933 <!--Top category--> 1934 <!--<div class="mt-6 pt-6 border-t border-gray-200 dark:border-gray-800"> 1935 <h4 class="font-black text-sm mb-4 dark:text-white">دستÙâØ¨ÙØ¯ÛâÙØ§Û برتر</h4> 1936 <div class="flex flex-wrap gap-2"> 1937 <a href="#" class="px-3 py-1.5 text-xs rounded-full border border-gray-300 dark:text-white dark:border-gray-700 hover:border-primary-500 hover:text-primary-500 dark:hover:border-primary-500 transition-all"> 1938 Ú¯ÙØ´ÛâÙØ§Û ÙÙØ´Ù ÙØ¯ 1939 </a> 1940 <a href="#" class="px-3 py-1.5 text-xs rounded-full border border-gray-300 dark:text-white dark:border-gray-700 hover:border-primary-500 hover:text-primary-500 dark:hover:border-primary-500 transition-all"> 1941 ÙÙ¾âØªØ§Ù¾âÙØ§Û Ú¯ÛÙ ÛÙÚ¯ 1942 </a> 1943 <a href="#" class="px-3 py-1.5 text-xs rounded-full border border-gray-300 dark:text-white dark:border-gray-700 hover:border-primary-500 hover:text-primary-500 dark:hover:border-primary-500 transition-all"> 1944 ÙØ¨Ø§Ø³ ÙØ±Ø²Ø´Û 1945 </a> 1946 <a href="#" class="px-3 py-1.5 text-xs rounded-full border border-gray-300 dark:text-white dark:border-gray-700 hover:border-primary-500 hover:text-primary-500 dark:hover:border-primary-500 transition-all"> 1947 ÙÙØ§Ø²Ù Ø¢Ø±Ø§ÛØ´Û 1948 </a> 1949 <a href="#" class="px-3 py-1.5 text-xs rounded-full border border-gray-300 dark:text-white dark:border-gray-700 hover:border-primary-500 hover:text-primary-500 dark:hover:border-primary-500 transition-all">
1950 Ø§Ø³Ø¨Ø§Ø¨âØ¨Ø§Ø²Û 1951 </a> 1952 </div> 1953 </div> 1954 </div> 1955 </div>--> 1956 <!--Bottom line with quick links--> 1957 <!--<div class="mt-8 pt-6 border-t border-gray-200 dark:border-gray-800"> 1958 <div class="flex items-center justify-between"> 1959 <div class="flex items-center gap-6"> 1960 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-1"> 1961 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1962 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" /> 1963 </svg> 1964 Ù¾Ø±Ø·Ø±ÙØ¯Ø§Ø±ØªØ±ÛÙâÙØ§ 1965 </a> 1966 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-1"> 1967 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1968 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" /> 1969 </svg> 1970 Ø¬Ø¯ÛØ¯ØªØ±ÛÙ Ø¨Ø±ÙØ¯Ùا 1971 </a> 1972 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-1"> 1973 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1974 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" /> 1975 </svg> 1976 Ù¾Ø±ÙØ±ÙØ´âØªØ±ÛÙâÙØ§ 1977 </a> 1978 </div> 1979 <a href="#" class="text-sm font-semibold text-primary-600 dark:text-primary-400 hover:text-primary-700 dark:hover:text-primary-300 transition-colors flex items-center gap-1"> 1980 Ù Ø´Ø§ÙØ¯Ù ÙÙ Ù Ø¨Ø±ÙØ¯Ùا 1981 <svg class="w-4 h-4 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1982 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18" /> 1983 </svg> 1984 </a> 1985 </div> 1986 </div> 1987 </div> 1988 </div> 1989 </li>--> 1990 1991 <li class="relative group/drop"> 1992 <button type="button" class="flex items-center gap-1 text-sm font-medium text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors py-4 w-full lg:w-auto"><i class="fal fa-shopping-basket" aria-hidden="true"></i> ÙØ±ÙشگاÙ<svg class="w-4 h-4 transition-transform group-hover/drop:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /></svg></button><ul class="lg:absolute lg:top-full lg:right-0 w-full lg:w-64 bg-white dark:bg-gray-900 border border-gray-100 dark:border-gray-800 shadow-xl lg:rou
1992nded-2xl py-2 opacity-0 invisible group-hover/drop:opacity-100 group-hover/drop:visible lg:transform lg:translate-y-2 lg:group-hover/drop:translate-y-0 transition-all duration-300 z-50 hidden lg:block mobile-menu-content"> 1993 <li class="p-2"><a href="/Store/2" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-mobile-android" aria-hidden="true"></i>Ú¯ÙØ´ÛââÙØ§Û ÙÙØ´Ù ÙØ¯</a></li> 1994 <li class="p-2"><a href="/Store/3" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-mobile-android-alt" aria-hidden="true"></i>Ú¯ÙØ´ÛâÙØ§Û Ú©ÙØ§Ø³ÛÚ©</a></li> 1995 <li class="p-2"><a href="/Store/4" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-tablet-android" aria-hidden="true"></i>ØªØ¨ÙØªâÙØ§Û ÙÙØ´Ù ÙØ¯</a></li> 1996 <li class="p-2"><a href="/Store/23" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-laptop" aria-hidden="true"></i>ÙÙ¾ تاپ</a></li> 1997 <li class="p-2"><a href="/Store/7" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-headphones" aria-hidden="true"></i>ÙÙØ§Ø²Ù Ø¬Ø§ÙØ¨Û</a></li> 1998 <li class="p-2"><a href="/Store/22" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-plug" aria-hidden="true"></i>ÙÙØ§Ø²Ù Ø¬Ø§ÙØ¨Û Ø³Ø§ÛØ± Ø¨Ø±ÙØ¯Ùا</a></li> 1999 </ul> 2000 </li> 2001 <li><a href="/Blog?page=1/" class="text-sm font-medium text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors">Ø¨ÙØ§Ú¯</a></li> 2002 <li class="relative group/drop"> 2003 <button type="button" class="flex items-center gap-1 text-sm font-medium text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors py-4 w-full lg:w-auto">خد٠ات<svg class="w-4 h-4 transition-transform group-hover/drop:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /></svg></button><ul class="lg:absolute lg:top-full lg:right-0 w-full lg:w-64 bg-white dark:bg-gray-900 border border-gray-100 dark:border-gray-800 shadow-xl lg:rounded-2xl py-2 opacity-0 invisible group-hover/drop:opacity-100 group-hover/drop:visible lg:transform lg:translate-y-2 lg:group-hover/drop:translate-y-0 transition-all duration-300 z-50 hidden lg:block mobile-menu-content"> 2004 <li class="p-2"><a href="/Representation" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-map-marker-alt" aria-hidden="true"></i>Ù٠اÛÙØ¯Ú¯ÛâÙØ§Û خد٠ات پس از ÙØ±ÙØ´</a></li> 2005 <li class="p-2"><a href="/Seller" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-users" aria-hidden="true"></i>Ú©Ø§Ø±Ø´ÙØ§Ø³Ø§Ù ÙØ±ÙØ´</a></li> 2006 <li class="p-2"><a href="https://dlglx.ir" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-globe" aria-hidden="true"></i>خد٠ات پس از ÙØ±ÙØ´ Ø¢ÙÙØ§ÛÙ</a></li> 2007 </ul> 2008 </li> 2009 <li class="relative group/drop"> 2010 <button type="button" class="flex items-center gap-1 text-sm font-medium text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors py-4 w-full lg:w-auto">دربارÙâÛ Ù Ø§<svg class="w-4 h-4 transition-transform group-hover/drop:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2010<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /></svg></button><ul class="lg:absolute lg:top-full lg:right-0 w-full lg:w-64 bg-white dark:bg-gray-900 border border-gray-100 dark:border-gray-800 shadow-xl lg:rounded-2xl py-2 opacity-0 invisible group-hover/drop:opacity-100 group-hover/drop:visible lg:transform lg:translate-y-2 lg:group-hover/drop:translate-y-0 transition-all duration-300 z-50 hidden lg:block mobile-menu-content"> 2011 <li class="p-2"><a href="/Home/About" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-building" aria-hidden="true"></i>دربار٠جÛâØ§ÙâØ§Ûکس</a></li> 2012 <li class="p-2"><a href="/FAQs" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-question-circle" aria-hidden="true"></i>پرسش ÙØ§Û ٠تداÙÙ</a></li> 2013 <li class="p-2"><a href="/Req/Create/پرسش-از-جÛ-اÙ-اÛکس" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-phone" aria-hidden="true"></i>ت٠اس با ٠ا</a></li> 2014 </ul> 2015 </li> 2016 <li class="relative group/drop"> 2017 <button type="button" class="flex items-center gap-1 text-sm font-medium text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors py-4 w-full lg:w-auto">خد٠ات پس از ÙØ±ÙØ´<svg class="w-4 h-4 transition-transform group-hover/drop:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /></svg></button><ul class="lg:absolute lg:top-full lg:right-0 w-full lg:w-64 bg-white dark:bg-gray-900 border border-gray-100 dark:border-gray-800 shadow-xl lg:rounded-2xl py-2 opacity-0 invisible group-hover/drop:opacity-100 group-hover/drop:visible lg:transform lg:translate-y-2 lg:group-hover/drop:translate-y-0 transition-all duration-300 z-50 hidden lg:block mobile-menu-content"> 2018 <li class="p-2"><a href="/Pages/Service" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-wrench" aria-hidden="true"></i>خد٠ات پس از ÙØ±ÙØ´</a></li> 2019 <li class="p-2"><a href="/pages/Warranty" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-shield-check" aria-hidden="true"></i>Ø´Ø±Ø§ÛØ· Ú¯Ø§Ø±Ø§ÙØªÛ</a></li> 2020 <li class="p-2"><a href="/Representation" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-map-marker-alt" aria-hidden="true"></i>ÙÛØ³Øª Ù٠اÛÙØ¯Ú¯Ø§Ù</a></li> 2021 <li class="p-2"><a href="/Home/Poll" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-clipboard-check" aria-hidden="true"></i>ÙØ±Ù ÙØ¸Ø±Ø³ÙجÛ</a></li> 2022 <li class="p-2"><a href="/Req/Create/" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-comments" aria-hidden="true"></i>Ø´Ú©Ø§ÛØª Ù Ø¯Ø±Ø®ÙØ§Ø³Øª</a></li> 2023 </ul> 2024 </li> 2025 <li><a href="/pages/PhoneCase" class="text-sm font-medium text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors">Ø³ÙØ§Ø±Ø´ Ø¹Ù Ø¯Ù ÙØ§Ø¨</a></li> 2026 </ul> 2027 </div> 2028 </nav> 2029 2030 </header> 2031 <!-- END HEADER --> 2032 2033 <main class="space-y-12"> 2034 2035 <!-- CONTENT --> 2036 2037 2038 2039 2040 <!-- STORY SECTION --> 2041 <section class="pt-12" style="display:none;"> 2042 <h2 class="sr-only">Ø§Ø³ØªÙØ±Û ÙØ§Û ÙØ±ÙشگاÙ</h2> 2043 <!-- for seo --> 2044 <div class="container"> 2045 <div id="stories-container" role="region" aria-labelledby="stories-title"> 2046 <h3 id="stories-title" class="sr-only">Ø§Ø³ØªÙØ±Û ÙØ§Û ÙØ±ÙشگاÙ</h3> 2047 <!-- title for screen readers --> 2048 </div> 2049 </div> 2050 </section> 2051 <!-- END STORY SECTION --> 2052 <!-- SLIDER SECTION --> 2053 <section class="container transition-colors duration-500 pt-5"> 2054 <div class="grid grid-cols-1 lg:grid-cols-12 gap-6"> 2055 2056 2057 <!--Instant offers--> 2058 <div class="lg:col-span-4 relative group bg-white dark:bg-black lg:bg-white/80 lg:dark:bg-[#0a0a0a]/40 lg:backdrop-blur-3xl rounded-[3rem] p-6 border border-gray-100 dark:border-white/5 flex flex-col transition-all duration-500 shadow-sm"> 2059 2060 <div class="flex justify-between items-center mb-6 relative z-10"> 2061 <div class="flex items-center gap-3"> 2062 <div class="w-2.5 h-2.5 rounded-full bg-primary shadow-[0_0_15px_rgba(var(--color-primary),1)] animate-pulse"></div> 2063 <h2 class="text-lg font-black text-gray-900 dark:text-white">Ù¾ÛØ´ÙÙØ§Ø¯Ø§Øª ÙØØ¸ÙâØ§Û</h2> 2064 </div> 2065 2066 </div> 2067 2068 <div class="suggestion-wrapper overflow-hidden relative z-10"> 2069 <div class="swiper suggestionSwiper w-full px-1"> 2070 <div class="swiper-wrapper"> 2071 2072 2073 <div class="swiper-slide py-4 px-2"> 2074 <a href="/Products/11461/Ú¯ÙØ´Û-ÙÙØ´Ù ÙØ¯-Ø¯ÙØ¬Û-s61-pro-دÙ-سÛÙ âکارت-ظرÙÛØª-128-Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª-Ù-ر٠-6-Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" class="group/card block relative bg-gray-100 dark:bg-[#0c0c0e] p-4 rounded-[2.8rem] border border-gray-100 dark:border-white/5 transition-all duration-500 dark:hover:shadow-[0_20px_40px_-10px_rgba(59,130,246,0.15)] hover:-translate-y-2"> 2075 2076 <div class="absolute top-6 right-6 z-20">
2077 <span class="bg-red-500 text-white text-[10px] font-black px-2.5 py-1.5 rounded-full shadow-lg shadow-red-500/30 flex items-center gap-1"> 2078 <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 24 24"><path d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2z" /></svg> 2079 9Ùª- 2080 </span> 2081 </div> 2082 2083 2084 <div class="flex items-center gap-6"> 2085 <div class="relative w-28 h-28 bg-gray-50 dark:bg-white/5 rounded-[2.2rem] flex-shrink-0 p-3 transition-transform duration-700 group-hover/card:scale-105"> 2086 <img src="/Images/Product/11461.jpg?version=1.4" alt="Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Ø¯ÙØ¬Û S61 PRO د٠سÛÙ âکارت ظرÙÛØª 128 Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠6 Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" 2087 class="w-full h-full object-contain drop-shadow-[0_10px_20px_rgba(0,0,0,0.1)] transition-all duration-700"> 2088 2089 <div class="absolute inset-0 bg-primary-500/10 blur-2xl rounded-full opacity-0 group-hover/card:opacity-100 transition-opacity"></div> 2090 </div> 2091 2092 <div class="flex flex-col flex-1 gap-1"> 2093 2094 <div class="flex items-center gap-2 mb-1"> 2095 <span class="text-[9px] font-black px-2 py-0.5 bg-primary/10 text-primary rounded-lg uppercase tracking-tighter">ارسا٠راÛگاÙ</span> 2096 </div> 2097 2098 2099 2100 <h3 class="text-[13px] font-black text-gray-800 dark:text-gray-100 leading-6 truncate group-hover/card:text-primary transition-colors"> 2101 2102 2103 Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Ø¯ÙØ¬Û S61 PRO د٠سÛÙ âکارت ظرÙ... 2104 2105 </h3> 2106 2107 <div class="mt-2 flex flex-col"> 2108 2109 <div class="flex items-center gap-2"> 2110 <span class="text-[11px] text-gray-400 font-bold line-through decoration-red-400/50 tabular-nums">44,000,000</span> 2111 </div> 2112 <div class="flex items-center gap-1.5"> 2113 <span class="text-xl font-black text-gray-900 dark:text-white tabular-nums tracking-tighter">39,998,000</span> 2114 <span class="text-[10px] text-gray-500 dark:text-gray-400 font-bold">تÙ٠اÙ</span> 2115 </div> 2116 2117 2118 2119 2120 </div> 2121 </div> 2122 2123 <div class="absolute bottom-6 left-6 w-10 h-10 bg-primary-500 dark:bg-primary-500 text-white rounded-2xl flex items-center justify-center opacity-0 translate-y-4 group-hover/card:opacity-100 group-hover/card:translate-y-0 transition-all duration-500 shadow-xl shadow-primary-500/20"> 2124 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M12 4v16m8-8H4" stroke-width="2.5" stroke-linecap="round" /></svg> 2125 </div> 2126 </div> 2127 2128 2129 2130 </a> 2131 </div> 2132 <div class="swiper-slide py-4 px-2"> 2133 <a href="/Products/15506/Ú¯ÙØ´Û-Ù ÙØ¨Ø§ÛÙ-جÛ-اÙ-اÛکس-٠دÙ-c66-new-دÙ-سÛÙ âکارت-با-ÙØ§Ø¨ÙÛØª-اذاÙ-Ú¯Ù" class="group/card block relative bg-gray-100 dark:bg-[#0c0c0e] p-4 rounded-[2.8rem] border border-gray-100 dark:border-white/5 transition-all duration-500 dark:hover:shadow-[0_20px_40px_-10px_rgba(59,130,246,0.15)] hover:-translate-y-2"> 2134 2135 2136 2137 <div class="flex items-center gap-6"> 2138 <div class="relative w-28 h-28 bg-gray-50 dark:bg-white/5 rounded-[2.2rem] flex-shrink-0 p-3 transition-transform duration-700 group-hover/card:scale-105"> 2139 <img src="/Images/Product/15506.jpg?version=1.4" alt="Ú¯ÙØ´Û Ù ÙØ¨Ø§ÛÙ Ø¬Û Ø§Ù Ø§Ûکس ٠د٠C66 New د٠سÛÙ âکارت با ÙØ§Ø¨ÙÛØª اذا٠گÙ" 2140 class="w-full h-full object-contain drop-shadow-[0_10px_20px_rgba(0,0,0,0.1)] transition-all duration-700"> 2141 2142 <div class="absolute inset-0 bg-primary-500/10 blur-2xl rounded-full opacity-0 group-hover/card:opacity-100 transition-opacity"></div> 2143 </div> 2144 2145 <div class="flex flex-col flex-1 gap-1"> 2146 2147 <div class="flex items-center gap-2 mb-1">
2148 <span class="text-[9px] font-black px-2 py-0.5 bg-primary/10 text-primary rounded-lg uppercase tracking-tighter">ارسا٠راÛگاÙ</span> 2149 </div> 2150 2151 2152 2153 <h3 class="text-[13px] font-black text-gray-800 dark:text-gray-100 leading-6 truncate group-hover/card:text-primary transition-colors"> 2154 2155 2156 Ú¯ÙØ´Û Ù ÙØ¨Ø§ÛÙ Ø¬Û Ø§Ù Ø§Ûکس ٠د٠C66 New د٠سÛ... 2157 2158 </h3> 2159 2160 <div class="mt-2 flex flex-col"> 2161 2162 <div class="flex items-center gap-1.5"> 2163 <span class="text-xl font-black text-gray-900 dark:text-white tabular-nums tracking-tighter">2,450,000</span> 2164 <span class="text-[10px] text-gray-500 dark:text-gray-400 font-bold">تÙ٠اÙ</span> 2165 </div> 2166 2167 2168 2169 2170 </div> 2171 </div> 2172 2173 <div class="absolute bottom-6 left-6 w-10 h-10 bg-primary-500 dark:bg-primary-500 text-white rounded-2xl flex items-center justify-center opacity-0 translate-y-4 group-hover/card:opacity-100 group-hover/card:translate-y-0 transition-all duration-500 shadow-xl shadow-primary-500/20"> 2174 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M12 4v16m8-8H4" stroke-width="2.5" stroke-linecap="round" /></svg> 2175 </div> 2176 </div> 2177 2178 2179 2180 </a> 2181 </div> 2182 <div class="swiper-slide py-4 px-2"> 2183 <a href="/Products/10402/Ú¯ÙØ´Û-Ù ÙØ¨Ø§ÛÙ-جÛ-اÙ-اÛکس-٠دÙ-c66-دÙ-سÛÙ âکارت" class="group/card block relative bg-gray-100 dark:bg-[#0c0c0e] p-4 rounded-[2.8rem] border border-gray-100 dark:border-white/5 transition-all duration-500 dark:hover:shadow-[0_20px_40px_-10px_rgba(59,130,246,0.15)] hover:-translate-y-2"> 2184 2185 2186 2187 <div class="flex items-center gap-6"> 2188 <div class="relative w-28 h-28 bg-gray-50 dark:bg-white/5 rounded-[2.2rem] flex-shrink-0 p-3 transition-transform duration-700 group-hover/card:scale-105"> 2189 <img src="/Images/Product/10402.jpg?version=1.4" alt="Ú¯ÙØ´Û Ù ÙØ¨Ø§ÛÙ Ø¬Û Ø§Ù Ø§Ûکس ٠د٠C66 د٠سÛÙ âکارت" 2190 class="w-full h-full object-contain drop-shadow-[0_10px_20px_rgba(0,0,0,0.1)] transition-all duration-700"> 2191 2192 <div class="absolute inset-0 bg-primary-500/10 blur-2xl rounded-full opacity-0 group-hover/card:opacity-100 transition-opacity"></div> 2193 </div> 2194 2195 <div class="flex flex-col flex-1 gap-1"> 2196 2197 2198 2199 2200 <h3 class="text-[13px] font-black text-gray-800 dark:text-gray-100 leading-6 truncate group-hover/card:text-primary transition-colors"> 2201 2202 2203 Ú¯ÙØ´Û Ù ÙØ¨Ø§ÛÙ Ø¬Û Ø§Ù Ø§Ûکس ٠د٠C66 د٠سÛÙ âکا... 2204 2205 </h3> 2206 2207 <div class="mt-2 flex flex-col"> 2208 2209 <div class="flex items-center gap-1.5"> 2210 <sp
2210an class="text-xl font-black text-gray-900 dark:text-white tabular-nums tracking-tighter">2,299,000</span> 2211 <span class="text-[10px] text-gray-500 dark:text-gray-400 font-bold">تÙ٠اÙ</span> 2212 </div> 2213 2214 2215 2216 2217 </div> 2218 </div> 2219 2220 <div class="absolute bottom-6 left-6 w-10 h-10 bg-primary-500 dark:bg-primary-500 text-white rounded-2xl flex items-center justify-center opacity-0 translate-y-4 group-hover/card:opacity-100 group-hover/card:translate-y-0 transition-all duration-500 shadow-xl shadow-primary-500/20"> 2221 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M12 4v16m8-8H4" stroke-width="2.5" stroke-linecap="round" /></svg> 2222 </div> 2223 </div> 2224 2225 2226 2227 </a> 2228 </div> 2229 <div class="swiper-slide py-4 px-2"> 2230 <a href="/Products/13492/ÙÙ¾-تاپ-156-اÛÙÚÛ-جÛ-اÙ-اÛکس-٠دÙ-g1-با-ظرÙÛØª-256-Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª-Ù-ر٠-8-Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" class="group/card block relative bg-gray-100 dark:bg-[#0c0c0e] p-4 rounded-[2.8rem] border border-gray-100 dark:border-white/5 transition-all duration-500 dark:hover:shadow-[0_20px_40px_-10px_rgba(59,130,246,0.15)] hover:-translate-y-2"> 2231 2232 2233 2234 <div class="flex items-center gap-6"> 2235 <div class="relative w-28 h-28 bg-gray-50 dark:bg-white/5 rounded-[2.2rem] flex-shrink-0 p-3 transition-transform duration-700 group-hover/card:scale-105"> 2236 <img src="/Images/Product/13492.jpg?version=1.4" alt="ÙÙ¾ تاپ 15.6 اÛÙÚÛ Ø¬Û Ø§Ù Ø§Ûکس ٠د٠G1 با ظرÙÛØª 256 Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠8 Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" 2237 class="w-full h-full object-contain drop-shadow-[0_10px_20px_rgba(0,0,0,0.1)] transition-all duration-700"> 2238 2239 <div class="absolute inset-0 bg-primary-500/10 blur-2xl rounded-full opacity-0 group-hover/card:opacity-100 transition-opacity"></div> 2240 </div> 2241 2242 <div class="flex flex-col flex-1 gap-1"> 2243 2244 <div class="flex items-center gap-2 mb-1"> 2245 <span class="text-[9px] font-black px-2 py-0.5 bg-primary/10 text-primary rounded-lg uppercase tracking-tighter">ارسا٠راÛگاÙ</span> 2246 </div> 2247 2248 2249 2250 <h3 class="text-[13px] font-black text-gray-800 dark:text-gray-100 leading-6 truncate group-hover/card:text-primary transition-colors"> 2251 2252 2253 ÙÙ¾ تاپ 15.6 اÛÙÚÛ Ø¬Û Ø§Ù Ø§Ûکس ٠د٠G1 با ظ... 2254 2255 </h3> 2256 2257 <div class="mt-2 flex flex-col"> 2258 2259 <div class="flex items-center gap-1.5"> 2260 <span class="text-xl font-black text-gray-900 dark:text-white tabular-nums tracking-tighter">65,997,000</span> 2261 <span class="text-[10px] text-gray-500 dark:text-gray-400 font-bold">تÙ٠اÙ</span> 2262 </div> 2263 2264 2265 2266 2267 </div> 2268 </div> 2269 2270 <div class="absolute bottom-6 left-6 w-10 h-10 bg-primary-500 dark:bg-primary-500 text-white rounded-2xl flex items-center justify-center opacity-0 translate-y-4 group-hover/card:opacity-100 group-hover/card:translate-y-0 transition-all duration-500 shadow-xl shadow-primary-500/20"> 2271 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2271<path d="M12 4v16m8-8H4" stroke-width="2.5" stroke-linecap="round" /></svg> 2272 </div> 2273 </div> 2274 2275 2276 2277 </a> 2278 </div> 2279 <div class="swiper-slide py-4 px-2"> 2280 <a href="/Products/15503/Ú¯ÙØ´Û-Ù ÙØ¨Ø§ÛÙ-جÛ-اÙ-اÛکس-٠دÙ-ÙÙÛÙ¾-دÙ-سÛÙ âکارت-با-ÙØ§Ø¨ÙÛØª-ت٠اس-4g" class="group/card block relative bg-gray-100 dark:bg-[#0c0c0e] p-4 rounded-[2.8rem] border border-gray-100 dark:border-white/5 transition-all duration-500 dark:hover:shadow-[0_20px_40px_-10px_rgba(59,130,246,0.15)] hover:-translate-y-2"> 2281 2282 2283 2284 <div class="flex items-center gap-6"> 2285 <div class="relative w-28 h-28 bg-gray-50 dark:bg-white/5 rounded-[2.2rem] flex-shrink-0 p-3 transition-transform duration-700 group-hover/card:scale-105"> 2286 <img src="/Images/Product/15503.jpg?version=1.4" alt="Ú¯ÙØ´Û Ù ÙØ¨Ø§ÛÙ Ø¬Û Ø§Ù Ø§Ûکس ٠د٠ÙÙÛÙ¾ د٠سÛÙ âکارت با ÙØ§Ø¨ÙÛØª ت٠اس 4G" 2287 class="w-full h-full object-contain drop-shadow-[0_10px_20px_rgba(0,0,0,0.1)] transition-all duration-700"> 2288 2289 <div class="absolute inset-0 bg-primary-500/10 blur-2xl rounded-full opacity-0 group-hover/card:opacity-100 transition-opacity"></div> 2290 </div> 2291 2292 <div class="flex flex-col flex-1 gap-1"> 2293 2294 <div class="flex items-center gap-2 mb-1"> 2295 <span class="text-[9px] font-black px-2 py-0.5 bg-primary/10 text-primary rounded-lg uppercase tracking-tighter">ارسا٠راÛگاÙ</span> 2296 </div> 2297 2298 2299 2300 <h3 class="text-[13px] font-black text-gray-800 dark:text-gray-100 leading-6 truncate group-hover/card:text-primary transition-colors"> 2301 2302 2303 Ú¯ÙØ´Û Ù ÙØ¨Ø§ÛÙ Ø¬Û Ø§Ù Ø§Ûکس ٠د٠ÙÙÛÙ¾ د٠سÛÙ âÚ©... 2304 2305 </h3> 2306 2307 <div class="mt-2 flex flex-col"> 2308 2309 <div class="flex items-center gap-1.5"> 2310 <span class="text-xl font-black text-gray-900 dark:text-white tabular-nums tracking-tighter">5,900,000</span> 2311 <span class="text-[10px] text-gray-500 dark:text-gray-400 font-bold">تÙ٠اÙ</span> 2312 </div> 2313 2314 2315 2316 2317 </div> 2318 </div> 2319 2320 <div class="absolute bottom-6 left-6 w-10 h-10 bg-primary-500 dark:bg-primary-500 text-white rounded-2xl flex items-center justify-center opacity-0 translate-y-4 group-hover/card:opacity-100 group-hover/card:translate-y-0 transition-all duration-500 shadow-xl shadow-primary-500/20"> 2321 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M12 4v16m8-8H4" stroke-width="2.5" stroke-linecap="round" /></svg> 2322 </div> 2323 </div> 2324 2325 2326 2327 </a> 2328 </div> 2329 <div class="swiper-slide py-4 px-2"> 2330 <a href="/Products/11451/ØªØ¨ÙØª-Û¸-اÛÙÚ-جÛââ-اÙâ-اÛکس-٠دÙ-f8-ÙØ§Ûت-با-ظرÙÛØª-32-Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª-Ù-ر٠-Û²-Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" class="group/card block relative bg-gray-100 dark:bg-[#0c0c0e] p-4 rounded-[2.8rem] border border-gray-100 dark:border-white/5 transition-all duration-500 dark:hover:shadow-[0_20px_40px_-10px_rgba(59,130,246,0.15)] hover:-translate-y-2"> 2331 2332 2333 2334 <div class="flex items-center gap-6"> 2335 <div class="relative w-28 h-28 bg-gray-50 dark:bg-white/5 rounded-[2.2rem] flex-shrink-0 p-3 transition-transform duration-700 group-hover/card:scale-105"> 2336 <img src="/Images/Product/11451.jpg?version=1.4" alt="ØªØ¨ÙØª Û¸ اÛÙÚ Ø¬Ûââ Ø§Ùâ Ø§Ûکس ٠د٠F8 ÙØ§Ûت با ظرÙÛØª 32 Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۲ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" 2337 class="w-full h-full object-contain drop-shadow-[0_10px_20px_rgba(0,0,0,0.1)] transition-all duration-700"> 2338 2339 <div class="absolute inset-0 bg-primary-500/10 blur-2xl rounded-full opacity-0 group-hover/card:opacity-100 transition-opacity"></div> 2340 </div> 2341 2342 <div class="flex flex-col flex-1 gap-1"> 2343 2344 <div class="flex items-center gap-2 mb-1">
2345 <span class="text-[9px] font-black px-2 py-0.5 bg-primary/10 text-primary rounded-lg uppercase tracking-tighter">ارسا٠راÛگاÙ</span> 2346 </div> 2347 2348 2349 2350 <h3 class="text-[13px] font-black text-gray-800 dark:text-gray-100 leading-6 truncate group-hover/card:text-primary transition-colors"> 2351 2352 2353 ØªØ¨ÙØª Û¸ اÛÙÚ Ø¬Ûââ Ø§Ùâ Ø§Ûکس ٠د٠F8 ÙØ§Ûت با... 2354 2355 </h3> 2356 2357 <div class="mt-2 flex flex-col"> 2358 2359 <div class="flex items-center gap-1.5"> 2360 <span class="text-xl font-black text-gray-900 dark:text-white tabular-nums tracking-tighter">18,498,000</span> 2361 <span class="text-[10px] text-gray-500 dark:text-gray-400 font-bold">تÙ٠اÙ</span> 2362 </div> 2363 2364 2365 2366 2367 </div> 2368 </div> 2369 2370 <div class="absolute bottom-6 left-6 w-10 h-10 bg-primary-500 dark:bg-primary-500 text-white rounded-2xl flex items-center justify-center opacity-0 translate-y-4 group-hover/card:opacity-100 group-hover/card:translate-y-0 transition-all duration-500 shadow-xl shadow-primary-500/20"> 2371 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M12 4v16m8-8H4" stroke-width="2.5" stroke-linecap="round" /></svg> 2372 </div> 2373 </div> 2374 2375 2376 2377 </a> 2378 </div> 2379 <div class="swiper-slide py-4 px-2"> 2380 <a href="/Products/19645/Ú¯ÙØ´Û-ÙÙØ´Ù ÙØ¯-Ø¯ÙØ¬Û-s51-دÙ-سÛÙ âکارت-ظرÙÛØª-64-Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª-Ù-ر٠-4-Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" class="group/card block relative bg-gray-100 dark:bg-[#0c0c0e] p-4 rounded-[2.8rem] border border-gray-100 dark:border-white/5 transition-all duration-500 dark:hover:shadow-[0_20px_40px_-10px_rgba(59,130,246,0.15)] hover:-translate-y-2"> 2381 2382 <div class="absolute top-6 right-6 z-20"> 2383 <span class="bg-red-500 text-white text-[10px] font-black px-2.5 py-1.5 rounded-full shadow-lg shadow-red-500/30 flex items-center gap-1"> 2384 <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 24 24"><path d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2z" /></svg> 2385 22Ùª- 2386 </span> 2387 </div> 2388 2389 2390 <div class="flex items-center gap-6"> 2391 <div class="relative w-28 h-28 bg-gray-50 dark:bg-white/5 rounded-[2.2rem] flex-shrink-0 p-3 transition-transform duration-700 group-hover/card:scale-105"> 2392 <img src="/Images/Product/19645.jpg?version=1.4" alt="Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Ø¯ÙØ¬Û S51 د٠سÛÙ âکارت ظرÙÛØª 64 Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠4 Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" 2393 class="w-full h-full object-contain drop-shadow-[0_10px_20px_rgba(0,0,0,0.1)] transition-all duration-700"> 2394 2395 <div class="absolute inset-0 bg-primary-500/10 blur-2xl rounded-full opacity-0 group-hover/card:opacity-100 transition-opacity"></div> 2396 </div> 2397 2398 <div class="flex flex-col flex-1 gap-1"> 2399 2400 <div class="flex items-center gap-2 mb-1">
2401 <span class="text-[9px] font-black px-2 py-0.5 bg-primary/10 text-primary rounded-lg uppercase tracking-tighter">ارسا٠راÛگاÙ</span> 2402 </div> 2403 2404 2405 2406 <h3 class="text-[13px] font-black text-gray-800 dark:text-gray-100 leading-6 truncate group-hover/card:text-primary transition-colors"> 2407 2408 2409 Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Ø¯ÙØ¬Û S51 د٠سÛÙ âکارت ظرÙÛØª 6... 2410 2411 </h3> 2412 2413 <div class="mt-2 flex flex-col"> 2414 2415 <div class="flex items-center gap-2"> 2416 <span class="text-[11px] text-gray-400 font-bold line-through decoration-red-400/50 tabular-nums">38,500,000</span> 2417 </div> 2418 <div class="flex items-center gap-1.5"> 2419 <span class="text-xl font-black text-gray-900 dark:text-white tabular-nums tracking-tighter">29,998,000</span> 2420 <span class="text-[10px] text-gray-500 dark:text-gray-400 font-bold">تÙ٠اÙ</span> 2421 </div> 2422 2423 2424 2425 2426 </div> 2427 </div> 2428 2429 <div class="absolute bottom-6 left-6 w-10 h-10 bg-primary-500 dark:bg-primary-500 text-white rounded-2xl flex items-center justify-center opacity-0 translate-y-4 group-hover/card:opacity-100 group-hover/card:translate-y-0 transition-all duration-500 shadow-xl shadow-primary-500/20"> 2430 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M12 4v16m8-8H4" stroke-width="2.5" stroke-linecap="round" /></svg> 2431 </div> 2432 </div> 2433 2434 2435 2436 </a> 2437 </div> 2438 <div class="swiper-slide py-4 px-2"> 2439 <a href="/Products/5343/Ú¯ÙØ´Û-Ù ÙØ¨Ø§ÛÙ-جÛ-اÙ-اÛکس-٠دÙ-c43-دÙ-سÛÙ âکارت" class="group/card block relative bg-gray-100 dark:bg-[#0c0c0e] p-4 rounded-[2.8rem] border border-gray-100 dark:border-white/5 transition-all duration-500 dark:hover:shadow-[0_20px_40px_-10px_rgba(59,130,246,0.15)] hover:-translate-y-2"> 2440 2441 2442 2443 <div class="flex items-center gap-6"> 2444 <div class="relative w-28 h-28 bg-gray-50 dark:bg-white/5 rounded-[2.2rem] flex-shrink-0 p-3 transition-transform duration-700 group-hover/card:scale-105"> 2445 <img src="/Images/Product/5343.jpg?version=1.4" alt="Ú¯ÙØ´Û Ù ÙØ¨Ø§ÛÙ Ø¬Û Ø§Ù Ø§Ûکس ٠د٠C43 د٠سÛÙ âکارت" 2446 class="w-full h-full object-contain drop-shadow-[0_10px_20px_rgba(0,0,0,0.1)] transition-all duration-700"> 2447 2448 <div class="absolute inset-0 bg-primary-500/10 blur-2xl rounded-full opacity-0 group-hover/card:opacity-100 transition-opacity"></div> 2449 </div> 2450 2451 <div class="flex flex-col flex-1 gap-1"> 2452 2453 2454 2455 2456 <h3 class="text-[13px] font-black text-gray-800 dark:text-gray-100 leading-6 truncate group-hover/card:text-primary transition-colors"> 2457 2458 2459 Ú¯ÙØ´Û Ù ÙØ¨Ø§ÛÙ Ø¬Û Ø§Ù Ø§Ûکس ٠د٠C43 د٠سÛÙ âکا... 2460 2461 </h3> 2462 2463 <div class="mt-2 flex flex-col"> 2464 2465 <div class="flex items-center gap-1.5"> 2466 <sp
2466an class="text-xl font-black text-gray-900 dark:text-white tabular-nums tracking-tighter">2,499,000</span> 2467 <span class="text-[10px] text-gray-500 dark:text-gray-400 font-bold">تÙ٠اÙ</span> 2468 </div> 2469 2470 2471 2472 2473 </div> 2474 </div> 2475 2476 <div class="absolute bottom-6 left-6 w-10 h-10 bg-primary-500 dark:bg-primary-500 text-white rounded-2xl flex items-center justify-center opacity-0 translate-y-4 group-hover/card:opacity-100 group-hover/card:translate-y-0 transition-all duration-500 shadow-xl shadow-primary-500/20"> 2477 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M12 4v16m8-8H4" stroke-width="2.5" stroke-linecap="round" /></svg> 2478 </div> 2479 </div> 2480 2481 2482 2483 </a> 2484 </div> 2485 <div class="swiper-slide py-4 px-2"> 2486 <a href="/Products/14495/Ú¯ÙØ´Û-Ù ÙØ¨Ø§ÛÙ-جÛ-اÙ-اÛکس-٠دÙ-c100-دÙ-سÛÙ âکارت-با-ÙØ§Ø¨ÙÛØª-ت٠اس-اضطرارÛ-sos" class="group/card block relative bg-gray-100 dark:bg-[#0c0c0e] p-4 rounded-[2.8rem] border border-gray-100 dark:border-white/5 transition-all duration-500 dark:hover:shadow-[0_20px_40px_-10px_rgba(59,130,246,0.15)] hover:-translate-y-2"> 2487 2488 2489 2490 <div class="flex items-center gap-6"> 2491 <div class="relative w-28 h-28 bg-gray-50 dark:bg-white/5 rounded-[2.2rem] flex-shrink-0 p-3 transition-transform duration-700 group-hover/card:scale-105"> 2492 <img src="/Images/Product/14495.jpg?version=1.4" alt="Ú¯ÙØ´Û Ù ÙØ¨Ø§ÛÙ Ø¬Û Ø§Ù Ø§Ûکس ٠د٠C100 د٠سÛÙ âکارت با ÙØ§Ø¨ÙÛØª ت٠اس Ø§Ø¶Ø·Ø±Ø§Ø±Û SOS" 2493 class="w-full h-full object-contain drop-shadow-[0_10px_20px_rgba(0,0,0,0.1)] transition-all duration-700"> 2494 2495 <div class="absolute inset-0 bg-primary-500/10 blur-2xl rounded-full opacity-0 group-hover/card:opacity-100 transition-opacity"></div> 2496 </div> 2497 2498 <div class="flex flex-col flex-1 gap-1"> 2499 2500 <div class="flex items-center gap-2 mb-1"> 2501 <span class="text-[9px] font-black px-2 py-0.5 bg-primary/10 text-primary rounded-lg uppercase tracking-tighter">ارسا٠راÛگاÙ</span> 2502 </div> 2503 2504 2505 2506 <h3 class="text-[13px] font-black text-gray-800 dark:text-gray-100 leading-6 truncate group-hover/card:text-primary transition-colors"> 2507 2508 2509 Ú¯ÙØ´Û Ù ÙØ¨Ø§ÛÙ Ø¬Û Ø§Ù Ø§Ûکس ٠د٠C100 د٠سÛÙ âÚ©... 2510 2511 </h3> 2512 2513 <div class="mt-2 flex flex-col"> 2514 2515 <div class="flex items-center gap-1.5"> 2516 <span class="text-xl font-black text-gray-900 dark:text-white tabular-nums tracking-tighter">5,250,000</span> 2517 <span class="text-[10px] text-gray-500 dark:text-gray-400 font-bold">تÙ٠اÙ</span> 2518 </div> 2519 2520 2521 2522 2523 </div> 2524 </div> 2525 2526 <div class="absolute bottom-6 left-6 w-10 h-10 bg-primary-500 dark:bg-primary-500 text-white rounded-2xl flex items-center justify-center opacity-0 translate-y-4 group-hover/card:opacity-100 group-hover/card:translate-y-0 transition-all duration-500 shadow-xl shadow-primary-500/20"> 2527 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
2527<path d="M12 4v16m8-8H4" stroke-width="2.5" stroke-linecap="round" /></svg> 2528 </div> 2529 </div> 2530 2531 2532 2533 </a> 2534 </div> 2535 <div class="swiper-slide py-4 px-2"> 2536 <a href="/Products/11450/ØªØ¨ÙØª-Û¸-اÛÙÚ-جÛââ-اÙâ-اÛکس-٠دÙ-f4x-با-ظرÙÛØª-32-Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª-Ù-ر٠-Û²-Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" class="group/card block relative bg-gray-100 dark:bg-[#0c0c0e] p-4 rounded-[2.8rem] border border-gray-100 dark:border-white/5 transition-all duration-500 dark:hover:shadow-[0_20px_40px_-10px_rgba(59,130,246,0.15)] hover:-translate-y-2"> 2537 2538 2539 2540 <div class="flex items-center gap-6"> 2541 <div class="relative w-28 h-28 bg-gray-50 dark:bg-white/5 rounded-[2.2rem] flex-shrink-0 p-3 transition-transform duration-700 group-hover/card:scale-105"> 2542 <img src="/Images/Product/11450.jpg?version=1.4" alt="ØªØ¨ÙØª Û¸ اÛÙÚ Ø¬Ûââ Ø§Ùâ Ø§Ûکس ٠د٠F4X با ظرÙÛØª 32 Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۲ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" 2543 class="w-full h-full object-contain drop-shadow-[0_10px_20px_rgba(0,0,0,0.1)] transition-all duration-700"> 2544 2545 <div class="absolute inset-0 bg-primary-500/10 blur-2xl rounded-full opacity-0 group-hover/card:opacity-100 transition-opacity"></div> 2546 </div> 2547 2548 <div class="flex flex-col flex-1 gap-1"> 2549 2550 <div class="flex items-center gap-2 mb-1"> 2551 <span class="text-[9px] font-black px-2 py-0.5 bg-primary/10 text-primary rounded-lg uppercase tracking-tighter">ارسا٠راÛگاÙ</span> 2552 </div> 2553 2554 2555 2556 <h3 class="text-[13px] font-black text-gray-800 dark:text-gray-100 leading-6 truncate group-hover/card:text-primary transition-colors"> 2557 2558 2559 ØªØ¨ÙØª Û¸ اÛÙÚ Ø¬Ûââ Ø§Ùâ Ø§Ûکس ٠د٠F4X با ظرÙ... 2560 2561 </h3> 2562 2563 <div class="mt-2 flex flex-col"> 2564 2565 <div class="flex items-center gap-1.5"> 2566 <span class="text-xl font-black text-gray-900 dark:text-white tabular-nums tracking-tighter">18,498,000</span> 2567 <span class="text-[10px] text-gray-500 dark:text-gray-400 font-bold">تÙ٠اÙ</span> 2568 </div> 2569 2570 2571 2572 2573 </div> 2574 </div> 2575 2576 <div class="absolute bottom-6 left-6 w-10 h-10 bg-primary-500 dark:bg-primary-500 text-white rounded-2xl flex items-center justify-center opacity-0 translate-y-4 group-hover/card:opacity-100 group-hover/card:translate-y-0 transition-all duration-500 shadow-xl shadow-primary-500/20"> 2577 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M12 4v16m8-8H4" stroke-width="2.5" stroke-linecap="round" /></svg> 2578 </div> 2579 </div> 2580 2581 2582 2583 </a> 2584 </div> 2585 2586 2587 2588 2589 2590 </div> 2591 </div> 2592 </div> 2593 2594 <div class="mt-auto pt-6 border-t border-gray-100 dark:border-white/10 relative z-10"> 2595 <p class="text-[10px] font-black text-gray-400 uppercase tracking-[0.2em] mb-4 mr-1">Ù ØØµÙÙØ§Øª ارسا٠راÛگاÙ</p> 2596 <div class="grid grid-cols-4 gap-3"> 2597 2598 <a href="/Products/5389/ØªØ¨ÙØª-Û¸-اÛÙÚ-جÛââ-اÙâ-اÛکس-٠دÙ-f8-با-ظرÙÛØª-Û±Û¶-Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª-Ù-ر٠-Û²-Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" class="relative aspect-square bg-gray-50 dark:bg-black rounded-2xl p-2.5 border border-gray-200 dark:border-white/10 transition-all duration-500 group overflow-hidden hover:border-primary/60 dark:hover:shadow-[0_0_15px_rgba(var(--color-primary),0.3)]"> 2599 <div class="absolute inset-0 bg-primary/5 opacity-0 group-hover:opacity-100 transition-opacity"></div> 2600 <img src="/Images/Product/5389.jpg?version=1.4" alt="ØªØ¨ÙØª Û¸ اÛÙÚ Ø¬Ûââ Ø§Ùâ Ø§Ûکس ٠د٠F8 با ظرÙÛØª Û±Û¶ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۲ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª " title="ØªØ¨ÙØª Û¸ اÛÙÚ Ø¬Ûââ Ø§Ùâ Ø§Ûکس ٠د٠F8 با ظرÙÛØª Û±Û¶ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۲ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª " class="relative z-10 w-full h-full object-contain group-hover:scale-110 transition-transform duration-500"> 2601 </a> 2602 <a href="/Products/9393/ØªØ¨ÙØª-Û¸-اÛÙÚ-جÛââ-اÙâ-اÛکس-٠دÙ-plus-f8-با-ظرÙÛØª-32-Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª-Ù-ر٠-Û²-Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" class="relative aspect-square bg-gray-50 dark:bg-black rounded-2xl p-2.5 border border-gray-200 dark:border-white/10 transition-all duration-500 group overflow-hidden hover:border-primary/60 dark:hover:shadow-[0_0_15px_rgba(var(--color-primary),0.3)]"> 2603 <div class="absolute inset-0 bg-primary/5 opacity-0 group-hover:opacity-100 transition-opacity"></div> 2604 <img src="/Images/Product/9393.jpg?version=1.4" alt="ØªØ¨ÙØª Û¸ اÛÙÚ Ø¬Ûââ Ø§Ùâ Ø§Ûکس ٠د٠+F8 با ظرÙÛØª 32 Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۲ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" title="ØªØ¨ÙØª Û¸ اÛÙÚ Ø¬Ûââ Ø§Ùâ Ø§Ûکس ٠د٠+F8 با ظرÙÛØª 32 Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۲ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" class="relative z-10 w-full h-full object-contain group-hover:scale-110 transition-transform duration-500"> 2605 </a> 2606 <a href="/Products/11450/ØªØ¨ÙØª-Û¸-اÛÙÚ-جÛââ-اÙâ-اÛکس-٠دÙ-f4x-با-ظرÙÛØª-32-Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª-Ù-ر٠-Û²-Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" class="relative aspect-square bg-gray-50 dark:bg-black rounded-2xl p-2.5 border border-gray-200 dark:border-white/10 transition-all duration-500 group overflow-hidden hover:border-primary/60 dark:hover:shadow-[0_0_15px_rgba(var(--color-primary),0.3)]"> 2607 <div class="absolute inset-0 bg-primary/5 opacity-0 group-hover:opacity-100 transition-opacity"></div> 2608 <img src="/Images/Product/11450.jpg?version=1.4" alt="ØªØ¨ÙØª Û¸ اÛÙÚ Ø¬Ûââ Ø§Ùâ Ø§Ûکس ٠د٠F4X با ظرÙÛØª 32 Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۲ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" title="ØªØ¨ÙØª Û¸ اÛÙÚ Ø¬Ûââ Ø§Ùâ Ø§Ûکس ٠د٠F4X با ظرÙÛØª 32 Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۲ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" class="relative z-10 w-full h-full object-contain group-hover:scale-110 transition-transform duration-500"> 2609 </a> 2610 <a href="/Products/11451/ØªØ¨ÙØª-Û¸-اÛÙÚ-جÛââ-اÙâ-اÛکس-٠دÙ-f8-ÙØ§Ûت-با-ظرÙÛØª-32-Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª-Ù-ر٠-Û²-Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" class="relative aspect-square bg-gray-50 dark:bg-black rounded-2xl p-2.5 border border-gray-200 dark:border-white/10 transition-all duration-500 group overflow-hidden hover:border-primary/60 dark:hover:shadow-[0_0_15px_rgba(var(--color-primary),0.3)]"> 2611 <div class="absolute inset-0 bg-primary/5 opacity-0 group-hover:opacity-100 transition-opacity"></div> 2612 <img src="/Images/Product/11451.jpg?version=1.4" alt="ØªØ¨ÙØª Û¸ اÛÙÚ Ø¬Ûââ Ø§Ùâ Ø§Ûکس ٠د٠F8 ÙØ§Ûت با ظرÙÛØª 32 Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۲ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" title="ØªØ¨ÙØª Û¸ اÛÙÚ Ø¬Ûââ Ø§Ùâ Ø§Ûکس ٠د٠F8 ÙØ§Ûت با ظرÙÛØª 32 Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۲ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" class="relative z-10 w-full h-full object-contain group-hover:scale-110 transition-transform duration-500"> 2613 </a> 2614 2615 2616 </div> 2617 </div> 2618 </div> 2619 <!--Slider--> 2620 <div id="home-hero-slider" class="lg:col-span-8 relative group overflow-hidden rounded-[2.5rem]"> 2621 <div class="swiper mainHeroSwiper h-full "> 2622 2623 <div class="swiper-wrapper"> 2624 2625 <div class="swiper-slide relative"> 2626 2627 <a href="https://www.glx.ir/Store/4"
2627class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent"></a> 2628 2629 <img src="/Images/Slider/13317.jpg" alt="ØªØ¨ÙØª ÙØ§Û ÙÙØ´Ù ÙØ¯ Ø¬Û Ø§Ù Ø§Ûکس " class="w-full h-full"> 2630 </div> 2631 <div class="swiper-slide relative"> 2632 2633 <a href="https://www.glx.ir/Products/15565/%DA%AF%D9%88%D8%B4%DB%8C-%D9%87%D9%88%D8%B4%D9%85%D9%86%D8%AF-%D8%AC%D8%AF%DB%8C%D8%AF" class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent"></a> 2634 2635 <img src="/Images/Slider/13315.jpg" alt="Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Revvl 7 pro 5G" class="w-full h-full"> 2636 </div> 2637 <div class="swiper-slide relative"> 2638 2639 <a href="https://www.glx.ir/Products/15574/%D9%BE%D8%A7%D9%88%D8%B1%D8%A8%D8%A7%D9%86%DA%A9-%D9%84%D9%88%DB%8C%D9%86%D9%88-%D9%85%D8%AF%D9%84-n-22-%D8%A8%D8%A7-%D8%B8%D8%B1%D9%81%DB%8C%D8%AA-30000-%D9%85%DB%8C%D9%84%DB%8C-%D8%A2%D9%85%D9%BE%D8%B1-%D8%B3%D8%A7%D8%B9%D8%AA" class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent"></a> 2640 2641 <img src="/Images/Slider/12306.jpg" alt="Ù¾Ø§ÙØ±Ø¨Ø§ÙÚ© ÙØ§Û Ø¬Ø¯ÛØ¯ Ø¨Ø±ÙØ¯ levino" class="w-full h-full"> 2642 </div> 2643 2644 2645 </div> 2646 2647 <div class="home-hero-navigation absolute bottom-8 left-8 flex gap-3 z-10"> 2648 <div class="swiper-button-prev-custom w-12 h-12 rounded-full bg-white/20 backdrop-blur-md border border-white/30 text-white flex items-center justify-center cursor-pointer hover:bg-white hover:text-blue-600 transition-all"> 2649 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M9 5l7 7-7 7" /></svg> 2650 </div> 2651 <div class="swiper-button-next-custom w-12 h-12 rounded-full bg-white/20 backdrop-blur-md border border-white/30 text-white flex items-center justify-center cursor-pointer hover:bg-white hover:text-blue-600 transition-all"> 2652 <svg class="w-5 h-5 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M9 5l7 7-7 7" /></svg> 2653 </div> 2654 </div> 2655 2656 <div class="home-hero-pagination !bottom-8 !right-8 !left-auto !w-auto"></div> 2657 </div> 2658 </div> 2659 2660 </div> 2661 </section> 2662 <!-- END SLIDER SECTION --> 2663 <!-- CATEGORY SECTION --> 2664 <section class="relative overflow-hidden transition-colors duration-500"> 2665 <div class="container py-4 relative z-10"> 2666 2667 <div class="flex flex-col md:flex-row md:items-end justify-between mb-8 gap-6"> 2668 2669 2670 2671 2672 </div> 2673 2674 <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-5 "> 2675 2676 <a href="/Store/2" class="group relative flex flex-col items-center"> 2677 <div class="relative w-full aspect-square max-w-[160px] flex items-center justify-center mb-6"> 2678 <div class="absolute inset-0 bg-white/60 dark:bg-white/[0.03] backdrop-blur-2xl rounded-[3rem] border border-white dark:border-white/10 shadow-[0_20px_40px_-15px_rgba(0,0,0,0.05)] transition-all duration-700 group-hover:-translate-y-4 group-hover:bg-white/80 dark:group-hover:bg-white/[0.07] group-hover:shadow-2xl group-hover:shadow-primary/20 group-hover:border-primary/30"></div> 2679 2680 <div class="relative z-10 p-6 flex flex-col items-center transition-transform duration-700 group-hover:scale-110"> 2681 <div class="absolute inset-0 bg-primary/20 blur-[30px] rounded-full opacity-0 group-hover:opacity-100 transition-opacity"></div> 2682 <img src="/Content/NewTheme/public/assets/images/category/smart.png" alt="Ú¯ÙØ´ÛâÙØ§Û ÙÙØ´Ù ÙØ¯" class="relative z-10 w-24 h-24 object-contain drop-shadow-2xl"> 2683 </div> 2684 </div>
2685 <span class="text-[13px] font-black text-gray-500 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white transition-colors duration-300">Ú¯ÙØ´ÛâÙØ§Û ÙÙØ´Ù ÙØ¯</span> 2686 <div class="mt-4 w-1.5 h-1.5 bg-primary rounded-full opacity-0 group-hover:opacity-100 group-hover:scale-[3] transition-all duration-500"></div> 2687 </a> 2688 2689 <a href="/Store/3" class="group relative flex flex-col items-center"> 2690 <div class="relative w-full aspect-square max-w-[160px] flex items-center justify-center mb-6"> 2691 <div class="absolute inset-0 bg-white/60 dark:bg-white/[0.03] backdrop-blur-2xl rounded-[3rem] border border-white dark:border-white/10 shadow-[0_20px_40px_-15px_rgba(0,0,0,0.05)] transition-all duration-700 group-hover:-translate-y-4 group-hover:bg-white/80 dark:group-hover:bg-white/[0.07] group-hover:shadow-2xl group-hover:shadow-primary/20 group-hover:border-primary/30"></div> 2692 <div class="relative z-10 p-6 flex flex-col items-center transition-transform duration-700 group-hover:scale-110"> 2693 <div class="absolute inset-0 bg-primary/20 blur-[30px] rounded-full opacity-0 group-hover:opacity-100 transition-opacity"></div> 2694 <img src="/Content/NewTheme/public/assets/images/category/classic.png" alt="Ú¯ÙØ´ÛâÙØ§Û Ú©ÙØ§Ø³ÛÚ©" class="relative z-10 w-24 h-24 object-contain drop-shadow-2xl"> 2695 </div> 2696 </div> 2697 <span class="text-[13px] font-black text-gray-500 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white transition-colors duration-300">Ú¯ÙØ´ÛâÙØ§Û Ú©ÙØ§Ø³ÛÚ©</span> 2698 <div class="mt-4 w-1.5 h-1.5 bg-primary rounded-full opacity-0 group-hover:opacity-100 group-hover:scale-[3] transition-all duration-500"></div> 2699 </a> 2700 2701 <a href="/Store/4" class="group relative flex flex-col items-center"> 2702 <div class="relative w-full aspect-square max-w-[160px] flex items-center justify-center mb-6"> 2703 <div class="absolute inset-0 bg-white/60 dark:bg-white/[0.03] backdrop-blur-2xl rounded-[3rem] border border-white dark:border-white/10 shadow-[0_20px_40px_-15px_rgba(0,0,0,0.05)] transition-all duration-700 group-hover:-translate-y-4 group-hover:bg-white/80 dark:group-hover:bg-white/[0.07] group-hover:shadow-2xl group-hover:shadow-primary/20 group-hover:border-primary/30"></div> 2704 <div class="relative z-10 p-6 flex flex-col items-center transition-transform duration-700 group-hover:scale-110"> 2705 <div class="absolute inset-0 bg-primary/20 blur-[30px] rounded-full opacity-0 group-hover:opacity-100 transition-opacity"></div> 2706 <img src="/Content/NewTheme/public/assets/images/category/tablet.png" alt="ØªØ¨ÙØªââÙØ§Û ÙÙØ´Ù ÙØ¯" class="relative z-10 w-24 h-24 object-contain drop-shadow-2xl"> 2707 </div> 2708 </div> 2709 <span class="text-[13px] font-black text-gray-500 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white transition-colors duration-300">ØªØ¨ÙØªââÙØ§Û ÙÙØ´Ù ÙØ¯</span> 2710 <div class="mt-4 w-1.5 h-1.5 bg-primary rounded-full opacity-0 group-hover:opacity-100 group-hover:scale-[3] transition-all duration-500"></div> 2711 </a> 2712 2713 <a href="/Store/23" class="group relative flex flex-col items-center"> 2714 <div class="relative w-full aspect-square max-w-[160px] flex items-center justify-center mb-6"> 2715 <div class="absolute inset-0 bg-white/60 dark:bg-white/[0.03] backdrop-blur-2xl rounded-[3rem] border border-white dark:border-white/10 shadow-[0_20px_40px_-15px_rgba(0,0,0,0.05)] transition-all duration-700 group-hover:-translate-y-4 group-hover:bg-white/80 dark:group-hover:bg-white/[0.07] group-hover:shadow-2xl group-hover:shadow-
2715primary/20 group-hover:border-primary/30"></div> 2716 <div class="relative z-10 p-6 flex flex-col items-center transition-transform duration-700 group-hover:scale-110"> 2717 <div class="absolute inset-0 bg-primary/20 blur-[30px] rounded-full opacity-0 group-hover:opacity-100 transition-opacity"></div> 2718 <img src="/Content/NewTheme/public/assets/images/category/laptop.png" alt="Ùپتاپ" class="relative z-10 w-24 h-24 object-contain drop-shadow-2xl"> 2719 </div> 2720 </div> 2721 <span class="text-[13px] font-black text-gray-500 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white transition-colors duration-300">Ùپتاپ</span> 2722 <div class="mt-4 w-1.5 h-1.5 bg-primary rounded-full opacity-0 group-hover:opacity-100 group-hover:scale-[3] transition-all duration-500"></div> 2723 </a> 2724 2725 <a href="/Store/22" class="group relative flex flex-col items-center"> 2726 <div class="relative w-full aspect-square max-w-[160px] flex items-center justify-center mb-6"> 2727 <div class="absolute inset-0 bg-white/60 dark:bg-white/[0.03] backdrop-blur-2xl rounded-[3rem] border border-white dark:border-white/10 shadow-[0_20px_40px_-15px_rgba(0,0,0,0.05)] transition-all duration-700 group-hover:-translate-y-4 group-hover:bg-white/80 dark:group-hover:bg-white/[0.07] group-hover:shadow-2xl group-hover:shadow-primary/20 group-hover:border-primary/30"></div> 2728 <div class="relative z-10 p-6 flex flex-col items-center transition-transform duration-700 group-hover:scale-110"> 2729 <div class="absolute inset-0 bg-primary/20 blur-[30px] rounded-full opacity-0 group-hover:opacity-100 transition-opacity"></div> 2730 <img src="/Content/NewTheme/public/assets/images/category/janebi.png" alt="ÙÙØ§Ø²Ù Ø¬Ø§ÙØ¨Û" class="relative z-10 w-24 h-24 object-contain drop-shadow-2xl"> 2731 </div> 2732 </div> 2733 <span class="text-[13px] font-black text-gray-500 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white transition-colors duration-300">ÙÙØ§Ø²Ù Ø¬Ø§ÙØ¨Û</span> 2734 <div class="mt-4 w-1.5 h-1.5 bg-primary rounded-full opacity-0 group-hover:opacity-100 group-hover:scale-[3] transition-all duration-500"></div> 2735 </a> 2736 2737 2738 2739 2740 2741 </div> 2742 </div> 2743 </section> 2744 <!-- END CATEGORY SECTION --> 2745 <!--AMAZING SLIDER--> 2746 2747 2748 2749 <!--END AMAZING SLIDER--> 2750 <!-- START NEWER PRODUCT --> 2751 <section class="relative transition-colors duration-500 overflow-hidden"> 2752 2753 <div class="container mx-auto relative z-10"> 2754 2755 <div class="flex flex-col md:flex-row md:items-end justify-between mb-8 gap-6 border-r-4 border-primary-600 pr-6"> 2756 <div> 2757 <h2 class="text-3xl lg:text-4xl font-black text-gray-900 dark:text-white">Ø¬Ø¯ÛØ¯ØªØ±ÛÙ <span class="text-primary-600">Ù ØØµÙÙØ§Øª</span></h2> 2758 2759 </div> 2760 2761 <div class="flex items-center gap-2 p-1.5 bg-white/60 dark:bg-white/5 backdrop-blur-xl rounded-2xl border border-white dark:border-white/10 shadow-sm overflow-x-auto no-scrollbar"> 2762 <button data-filter="all" class="shop-filter-btn active px-6 py-2.5 rounded-xl font-black text-xs transition-all duration-300">ÙÙ Ù</button> 2763 2764 <button data-filter="mobile" class="shop-filter-btn px-6 py-2.5 rounded-xl font-black text-xs text-gray-500 dark:text-gray-400 hover:bg-white/50 dark:hover:bg-white/10 transition-all duration-300">Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯</button> 2765 2766 <button data-filter="classic" class="shop-filter-btn px-6 py-2.5 rounded-xl font-black text-xs text-gray-500 dark:text-gray-400 hover:bg-white/50 dark:hover:bg-white/10 transition-all duration-300">Ú¯ÙØ´Û Ú©ÙØ§Ø³ÛÚ©</button> 2767 2768 <button data-filter="tablet" class="shop-filter-btn px-6 py-2.5 rounded-xl font-black text-xs text-gray-500 dark:text-gray-400 hover:bg-white/50 dark:hover:bg-white/10 transition-all duration-300">ØªØ¨ÙØª</button> 2769 2770 <button data-filter="laptop" class="shop-filter-btn px-6 py-2.5 rounded-xl font-black text-xs text-gray-500 dark:text-gray-400 hover:bg-white/50 dark:hover:bg-white/10 transition-all duration-300">ÙÙ¾âØªØ§Ù¾</button> 2771 2772 <button data-filter="watch" class="shop-filter-btn px-6 py-2.5 rounded-xl font-black text-xs text-gray-500 dark:text-gray-400 hover:bg-white/50 dark:hover:bg-white/10 transition-all duration-300">ÙÙØ§Ø²Ù Ø¬Ø§ÙØ¨Û</button> 2773 2774 2775 2776 </div> 2777 </div> 2778 2779 <div id="product-grid" class="grid pb-6 grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-8"> 2780 2781 <div class="product-card group relative bg-white/70 dark:bg-white/[0.03] backdrop-blur-2xl rounded-[2.5rem] border border-gray-200 dark:border-white/10 p-2 transition-all duration-500 hover:shadow-2xl hover:shadow-
2781primary-600/20 hover:-translate-y-2" data-category="mobile"> 2782 <div class="flex h-[220px]"> 2783 <div class="w-2/5 relative bg-gradient-to-br from-gray-100 to-transparent dark:from-white/5 dark:to-transparent rounded-[2rem] overflow-hidden flex items-center justify-center m-1 transition-all duration-500 group-hover:scale-[0.98]"> 2784 <img src="/Images/Product/19645.jpg?version=1.4" class="w-32 h-32 object-contain drop-shadow-2xl transition-transform duration-700 group-hover:scale-110 group-hover:-rotate-6" alt="Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Ø¯ÙØ¬Û S51 د٠سÛÙ âکارت ظرÙÛØª 64 Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠4 Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª"> 2785 2786 2787 <div class="absolute top-3 right-3 bg-red-500 text-white text-[10px] font-black px-2.5 py-1 rounded-lg shadow-lg shadow-red-500/40">22Ùª-</div> 2788 2789 <div class="absolute top-3 left-3 bg-emerald-500 text-white text-[10px] font-black px-2.5 py-1 rounded-lg shadow-lg">ارسا٠راÛگاÙ</div> 2790 2791 2792 2793 </div> 2794 2795 <div class="w-3/5 p-5 flex flex-col justify-between"> 2796 <div> 2797 2798 <h3 class="font-black text-gray-900 dark:text-white text-base leading-tight mb-2">Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Ø¯ÙØ¬Û S51 د٠سÛÙ âکارت ظرÙÛØª 64 Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠4 Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª</h3> 2799 2800 <p class="text-[10px] text-gray-500 dark:text-gray-400 font-medium line-clamp-2 leading-relaxed"> </p> 2801 </div> 2802 2803 <div class="mt-auto"> 2804 <div class="mb-3 text-left"> 2805 2806 <p class="text-[10px] text-gray-400 line-through mb-0.5">38,500,000</p> 2807 <div class="flex items-baseline justify-end gap-1"> 2808 <span class="text-xl font-black text-gray-900 dark:text-white tracking-tighter">29,998,000</span> 2809 <span class="text-[10px] font-bold text-gray-500">تÙ٠اÙ</span> 2810 </div> 2811 2812 2813 2814 </div> 2815 2816 <a href="/Products/19645/Ú¯ÙØ´Û-ÙÙØ´Ù ÙØ¯-Ø¯ÙØ¬Û-s51-دÙ-سÛÙ âکارت-ظرÙÛØª-64-Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª-Ù-ر٠-4-Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" class="w-full py-3 bg-primary-500 text-white rounded-xl text-[11px] font-black shadow-lg shadow-primary-500/20 hover:bg-primary-700 transition-all flex items-center justify-center gap-2 group/btn"> 2817 <span>Ù Ø´Ø§ÙØ¯Ù Ù Ø®Ø±ÛØ¯</span> 2818 <svg class="w-4 h-4 transition-transform group-hover:translate-x-[-3px]" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-width="3" d="M10 19l-7-7m0 0l7-7m-7 7h18" /></svg> 2819 </a> 2820 </div> 2821 </div> 2822 </div> 2823 </div> 2824 <div class="product-card group relative bg-white/70 dark:bg-white/[0.03] backdrop-blur-2xl rounded-[2.5rem] border border-gray-200 dark:border-white/10 p-2 transition-all duration-500 hover:shadow-2xl hover:shadow-primary-600/20 hover:-translate-y-2" data-category="mobile"> 2825 <div class="flex h-[220px]"> 2826 <div class="w-2/5 relative bg-gradient-to-br from-gray-100 to-transparent dark:from-white/5 dark:to-transparent rounded-[2rem] overflow-hidden flex items-center justify-center m-1 transition-all duration-500 group-hover:scale-[0.98]"> 2827 <img src="/Images/Product/11461.jpg?version=1.4" class="w-32 h-32 object-contain drop-shadow-2xl transition-transform duration-700 group-hover:scale-110 group-hover:-rotate-6" alt="Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Ø¯ÙØ¬Û S61 PRO د٠سÛÙ âکارت ظرÙÛØª 128 Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠6 Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª"> 2828 2829 2830 <div class="absolute top-3 right-3 bg-red-500 text-white text-[10px] font-black px-2.5 py-1 rounded-lg shadow-lg shadow-red-500/40">9Ùª-</div> 2831 2832 <div class="absolute top-3 left-3 bg-emerald-500 text-white text-[10px] font-black px-2.5 py-1 rounded-lg shadow-lg">ارسا٠راÛگاÙ</div> 2833 2834 2835 2836 </div> 2837 2838 <div class="w-3/5 p-5 flex flex-col justify-between"> 2839 <div> 2840 2841 <h3 class="font-black text-gray-900 dark:text-white text-base leading-tight mb-2">Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Ø¯ÙØ¬Û S61 PRO د٠سÛÙ âکارت ظرÙÛØª 128 Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠6 Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª</h3> 2842 2843 <p class="text-[10px] text-gray-500 dark:text-gray-400 font-medium line-clamp-2 leading-relaxed"> </p> 2844 </div> 2845 2846 <div class="mt-auto"> 2847 <div class="mb-3 text-left"> 2848 2849 <p class="text-[10px] text-gray-400 line-through mb-0.5">44,000,000</p> 2850 <div class="flex items-baseline justify-end gap-1">
2851 <span class="text-xl font-black text-gray-900 dark:text-white tracking-tighter">39,998,000</span> 2852 <span class="text-[10px] font-bold text-gray-500">تÙ٠اÙ</span> 2853 </div> 2854 2855 2856 2857 </div> 2858 2859 <a href="/Products/11461/Ú¯ÙØ´Û-ÙÙØ´Ù ÙØ¯-Ø¯ÙØ¬Û-s61-pro-دÙ-سÛÙ âکارت-ظرÙÛØª-128-Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª-Ù-ر٠-6-Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" class="w-full py-3 bg-primary-500 text-white rounded-xl text-[11px] font-black shadow-lg shadow-primary-500/20 hover:bg-primary-700 transition-all flex items-center justify-center gap-2 group/btn"> 2860 <span>Ù Ø´Ø§ÙØ¯Ù Ù Ø®Ø±ÛØ¯</span> 2861 <svg class="w-4 h-4 transition-transform group-hover:translate-x-[-3px]" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-width="3" d="M10 19l-7-7m0 0l7-7m-7 7h18" /></svg> 2862 </a> 2863 </div> 2864 </div> 2865 </div> 2866 </div> 2867 2868 2869 <div class="product-card group relative bg-white/70 dark:bg-white/[0.03] backdrop-blur-2xl rounded-[2.5rem] border border-gray-200 dark:border-white/10 p-2 transition-all duration-500 hover:shadow-2xl hover:shadow-primary-600/20 hover:-translate-y-2" data-category="classic"> 2870 <div class="flex h-[220px]"> 2871 <div class="w-2/5 relative bg-gradient-to-br from-gray-100 to-transparent dark:from-white/5 dark:to-transparent rounded-[2rem] overflow-hidden flex items-center justify-center m-1 transition-all duration-500 group-hover:scale-[0.98]"> 2872 <img src="/Images/Product/15506.jpg?version=1.4" class="w-32 h-32 object-contain drop-shadow-2xl transition-transform duration-700 group-hover:scale-110 group-hover:-rotate-6" alt="Ú¯ÙØ´Û Ù ÙØ¨Ø§ÛÙ Ø¬Û Ø§Ù Ø§Ûکس ٠د٠C66 New د٠سÛÙ âکارت با ÙØ§Ø¨ÙÛØª اذا٠گÙ"> 2873 2874 2875 2876 <div class="absolute top-3 left-3 bg-emerald-500 text-white text-[10px] font-black px-2.5 py-1 rounded-lg shadow-lg">ارسا٠راÛگاÙ</div> 2877 2878 2879 2880 </div> 2881 2882 <div class="w-3/5 p-5 flex flex-col justify-between"> 2883 <div> 2884 2885 <h3 class="font-black text-gray-900 dark:text-white text-base leading-tight mb-2">Ú¯ÙØ´Û Ù ÙØ¨Ø§ÛÙ Ø¬Û Ø§Ù Ø§Ûکس ٠د٠C66 New د٠سÛÙ âکارت با ÙØ§Ø¨ÙÛØª اذا٠گÙ</h3> 2886 2887 <p class="text-[10px] text-gray-500 dark:text-gray-400 font-medium line-clamp-2 leading-relaxed"> </p> 2888 </div> 2889 2890 <div class="mt-auto"> 2891 <div class="mb-3 text-left"> 2892 2893 <div class="flex items-baseline justify-end gap-1"> 2894 <span class="text-xl font-black text-gray-900 dark:text-white tracking-tighter">2,450,000</span> 2895 <span class="text-[10px] font-bold text-gray-500">تÙ٠اÙ</span> 2896 </div> 2897 2898 2899 2900 </div> 2901 2902 <a href="/Products/15506/Ú¯ÙØ´Û-Ù ÙØ¨Ø§ÛÙ-جÛ-اÙ-اÛکس-٠دÙ-c66-new-دÙ-سÛÙ âکارت-با-ÙØ§Ø¨ÙÛØª-اذاÙ-Ú¯Ù" class="w-full py-3 bg-primary-500 text-white rounded-xl text-[11px] font-black shadow-lg shadow-primary-500/20 hover:bg-primary-700 transition-all flex items-center justify-center gap-2 group/btn">
2903 <span>Ù Ø´Ø§ÙØ¯Ù Ù Ø®Ø±ÛØ¯</span> 2904 <svg class="w-4 h-4 transition-transform group-hover:translate-x-[-3px]" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-width="3" d="M10 19l-7-7m0 0l7-7m-7 7h18" /></svg> 2905 </a> 2906 </div> 2907 </div> 2908 </div> 2909 </div> 2910 <div class="product-card group relative bg-white/70 dark:bg-white/[0.03] backdrop-blur-2xl rounded-[2.5rem] border border-gray-200 dark:border-white/10 p-2 transition-all duration-500 hover:shadow-2xl hover:shadow-primary-600/20 hover:-translate-y-2" data-category="classic"> 2911 <div class="flex h-[220px]"> 2912 <div class="w-2/5 relative bg-gradient-to-br from-gray-100 to-transparent dark:from-white/5 dark:to-transparent rounded-[2rem] overflow-hidden flex items-center justify-center m-1 transition-all duration-500 group-hover:scale-[0.98]"> 2913 <img src="/Images/Product/15503.jpg?version=1.4" class="w-32 h-32 object-contain drop-shadow-2xl transition-transform duration-700 group-hover:scale-110 group-hover:-rotate-6" alt="Ú¯ÙØ´Û Ù ÙØ¨Ø§ÛÙ Ø¬Û Ø§Ù Ø§Ûکس ٠د٠ÙÙÛÙ¾ د٠سÛÙ âکارت با ÙØ§Ø¨ÙÛØª ت٠اس 4G"> 2914 2915 2916 2917 <div class="absolute top-3 left-3 bg-emerald-500 text-white text-[10px] font-black px-2.5 py-1 rounded-lg shadow-lg">ارسا٠راÛگاÙ</div> 2918 2919 2920 2921 </div> 2922 2923 <div class="w-3/5 p-5 flex flex-col justify-between"> 2924 <div> 2925 2926 <h3 class="font-black text-gray-900 dark:text-white text-base leading-tight mb-2">Ú¯ÙØ´Û Ù ÙØ¨Ø§ÛÙ Ø¬Û Ø§Ù Ø§Ûکس ٠د٠ÙÙÛÙ¾ د٠سÛÙ âکارت با ÙØ§Ø¨ÙÛØª ت٠اس 4G</h3> 2927 2928 <p class="text-[10px] text-gray-500 dark:text-gray-400 font-medium line-clamp-2 leading-relaxed"> </p> 2929 </div> 2930 2931 <div class="mt-auto"> 2932 <div class="mb-3 text-left"> 2933 2934 <div class="flex items-baseline justify-end gap-1"> 2935 <span class="text-xl font-black text-gray-900 dark:text-white tracking-tighter">5,900,000</span> 2936 <span class="text-[10px] font-bold text-gray-500">تÙ٠اÙ</span> 2937 </div> 2938 2939 2940 2941 </div> 2942 2943 <a href="/Products/15503/Ú¯ÙØ´Û-Ù ÙØ¨Ø§ÛÙ-جÛ-اÙ-اÛکس-٠دÙ-ÙÙÛÙ¾-دÙ-سÛÙ âکارت-با-ÙØ§Ø¨ÙÛØª-ت٠اس-4g" class="w-full py-3 bg-primary-500 text-white rounded-xl text-[11px] font-black shadow-lg shadow-primary-500/20 hover:bg-primary-700 transition-all flex items-center justify-center gap-2 group/btn"> 2944 <span>Ù Ø´Ø§ÙØ¯Ù Ù Ø®Ø±ÛØ¯</span> 2945 <svg class="w-4 h-4 transition-transform group-hover:translate-x-[-3px]" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-width="3" d="M10 19l-7-7m0 0l7-7m-7 7h18" /></svg> 2946 </a> 2947 </div> 2948 </div> 2949 </div> 2950 </div> 2951 <div class="product-card group relative bg-white/70 dark:bg-white/[0.03] backdrop-blur-2xl rounded-[2.5rem] border border-gray-200 dark:border-white/10 p-2 transition-all duration-500 hover:shadow-2xl hover:shadow-
2951primary-600/20 hover:-translate-y-2" data-category="classic"> 2952 <div class="flex h-[220px]"> 2953 <div class="w-2/5 relative bg-gradient-to-br from-gray-100 to-transparent dark:from-white/5 dark:to-transparent rounded-[2rem] overflow-hidden flex items-center justify-center m-1 transition-all duration-500 group-hover:scale-[0.98]"> 2954 <img src="/Images/Product/14495.jpg?version=1.4" class="w-32 h-32 object-contain drop-shadow-2xl transition-transform duration-700 group-hover:scale-110 group-hover:-rotate-6" alt="Ú¯ÙØ´Û Ù ÙØ¨Ø§ÛÙ Ø¬Û Ø§Ù Ø§Ûکس ٠د٠C100 د٠سÛÙ âکارت با ÙØ§Ø¨ÙÛØª ت٠اس Ø§Ø¶Ø·Ø±Ø§Ø±Û SOS"> 2955 2956 2957 2958 <div class="absolute top-3 left-3 bg-emerald-500 text-white text-[10px] font-black px-2.5 py-1 rounded-lg shadow-lg">ارسا٠راÛگاÙ</div> 2959 2960 2961 2962 </div> 2963 2964 <div class="w-3/5 p-5 flex flex-col justify-between"> 2965 <div> 2966 2967 <h3 class="font-black text-gray-900 dark:text-white text-base leading-tight mb-2">Ú¯ÙØ´Û Ù ÙØ¨Ø§ÛÙ Ø¬Û Ø§Ù Ø§Ûکس ٠د٠C100 د٠سÛÙ âکارت با ÙØ§Ø¨ÙÛØª ت٠اس Ø§Ø¶Ø·Ø±Ø§Ø±Û SOS</h3> 2968 2969 <p class="text-[10px] text-gray-500 dark:text-gray-400 font-medium line-clamp-2 leading-relaxed"> </p> 2970 </div> 2971 2972 <div class="mt-auto"> 2973 <div class="mb-3 text-left"> 2974 2975 <div class="flex items-baseline justify-end gap-1"> 2976 <span class="text-xl font-black text-gray-900 dark:text-white tracking-tighter">5,250,000</span> 2977 <span class="text-[10px] font-bold text-gray-500">تÙ٠اÙ</span> 2978 </div> 2979 2980 2981 2982 </div> 2983 2984 <a href="/Products/14495/Ú¯ÙØ´Û-Ù ÙØ¨Ø§ÛÙ-جÛ-اÙ-اÛکس-٠دÙ-c100-دÙ-سÛÙ âکارت-با-ÙØ§Ø¨ÙÛØª-ت٠اس-اضطرارÛ-sos" class="w-full py-3 bg-primary-500 text-white rounded-xl text-[11px] font-black shadow-lg shadow-primary-500/20 hover:bg-primary-700 transition-all flex items-center justify-center gap-2 group/btn"> 2985 <span>Ù Ø´Ø§ÙØ¯Ù Ù Ø®Ø±ÛØ¯</span> 2986 <svg class="w-4 h-4 transition-transform group-hover:translate-x-[-3px]" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-width="3" d="M10 19l-7-7m0 0l7-7m-7 7h18" /></svg> 2987 </a> 2988 </div> 2989 </div> 2990 </div> 2991 </div> 2992 2993 2994 <div class="product-card group relative bg-white/70 dark:bg-white/[0.03] backdrop-blur-2xl rounded-[2.5rem] border border-gray-200 dark:border-white/10 p-2 transition-all duration-500 hover:shadow-2xl hover:shadow-primary-600/20 hover:-translate-y-2" data-category="tablet"> 2995 <div class="flex h-[220px]"> 2996 <div class="w-2/5 relative bg-gradient-to-br from-gray-100 to-transparent dark:from-white/5 dark:to-transparent rounded-[2rem] overflow-hidden flex items-center justify-center m-1 transition-all duration-500 group-hover:scale-[0.98]"> 2997 <img src="/Images/Product/5389.jpg?version=1.4" class="w-32 h-32 object-contain drop-shadow-2xl transition-transform duration-700 group-hover:scale-110 group-hover:-rotate-6" alt="ØªØ¨ÙØª Û¸ اÛÙÚ Ø¬Ûââ Ø§Ùâ Ø§Ûکس ٠د٠F8 با ظرÙÛØª Û±Û¶ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۲ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª "> 2998 2999 3000 3001 <div class="absolute top-3 left-3 bg-emerald-500 text-white text-[10px] font-black px-2.5 py-1 rounded-lg shadow-lg">ارسا٠راÛگاÙ</div> 3002 3003 3004 3005 </div> 3006 3007 <div class="w-3/5 p-5 flex flex-col justify-between"> 3008 <div> 3009 3010 <h3 class="font-black text-gray-900 dark:text-white text-base leading-tight mb-2">ØªØ¨ÙØª Û¸ اÛÙÚ Ø¬Ûââ Ø§Ùâ Ø§Ûکس ٠د٠F8 با ظرÙÛØª Û±Û¶ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۲ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª </h3> 3011 3012 <p class="text-[10px] text-gray-500 dark:text-gray-400 font-medium line-clamp-2 leading-relaxed"> </p> 3013 </div> 3014 3015 <div class="mt-auto"> 3016 <div class="mb-3 text-left"> 3017 3018 <div class="flex items-baseline justify-end gap-1">
3019 <span class="text-xl font-black text-gray-900 dark:text-white tracking-tighter">15,997,000</span> 3020 <span class="text-[10px] font-bold text-gray-500">تÙ٠اÙ</span> 3021 </div> 3022 3023 3024 3025 </div> 3026 3027 <a href="/Products/5389/ØªØ¨ÙØª-Û¸-اÛÙÚ-جÛââ-اÙâ-اÛکس-٠دÙ-f8-با-ظرÙÛØª-Û±Û¶-Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª-Ù-ر٠-Û²-Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" class="w-full py-3 bg-primary-500 text-white rounded-xl text-[11px] font-black shadow-lg shadow-primary-500/20 hover:bg-primary-700 transition-all flex items-center justify-center gap-2 group/btn"> 3028 <span>Ù Ø´Ø§ÙØ¯Ù Ù Ø®Ø±ÛØ¯</span> 3029 <svg class="w-4 h-4 transition-transform group-hover:translate-x-[-3px]" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-width="3" d="M10 19l-7-7m0 0l7-7m-7 7h18" /></svg> 3030 </a> 3031 </div> 3032 </div> 3033 </div> 3034 </div> 3035 <div class="product-card group relative bg-white/70 dark:bg-white/[0.03] backdrop-blur-2xl rounded-[2.5rem] border border-gray-200 dark:border-white/10 p-2 transition-all duration-500 hover:shadow-2xl hover:shadow-primary-600/20 hover:-translate-y-2" data-category="tablet"> 3036 <div class="flex h-[220px]"> 3037 <div class="w-2/5 relative bg-gradient-to-br from-gray-100 to-transparent dark:from-white/5 dark:to-transparent rounded-[2rem] overflow-hidden flex items-center justify-center m-1 transition-all duration-500 group-hover:scale-[0.98]"> 3038 <img src="/Images/Product/9393.jpg?version=1.4" class="w-32 h-32 object-contain drop-shadow-2xl transition-transform duration-700 group-hover:scale-110 group-hover:-rotate-6" alt="ØªØ¨ÙØª Û¸ اÛÙÚ Ø¬Ûââ Ø§Ùâ Ø§Ûکس ٠د٠+F8 با ظرÙÛØª 32 Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۲ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª"> 3039 3040 3041 3042 <div class="absolute top-3 left-3 bg-emerald-500 text-white text-[10px] font-black px-2.5 py-1 rounded-lg shadow-lg">ارسا٠راÛگاÙ</div> 3043 3044 3045 3046 </div> 3047 3048 <div class="w-3/5 p-5 flex flex-col justify-between"> 3049 <div> 3050 3051 <h3 class="font-black text-gray-900 dark:text-white text-base leading-tight mb-2">ØªØ¨ÙØª Û¸ اÛÙÚ Ø¬Ûââ Ø§Ùâ Ø§Ûکس ٠د٠+F8 با ظرÙÛØª 32 Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۲ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª</h3> 3052 3053 <p class="text-[10px] text-gray-500 dark:text-gray-400 font-medium line-clamp-2 leading-relaxed"> </p> 3054 </div> 3055 3056 <div class="mt-auto"> 3057 <div class="mb-3 text-left"> 3058 3059 <div class="flex items-baseline justify-end gap-1"> 3060 <span class="text-xl font-black text-gray-900 dark:text-white tracking-tighter">18,498,000</span> 3061 <span class="text-[10px] font-bold text-gray-500">تÙ٠اÙ</span> 3062 </div> 3063 3064 3065 3066 </div> 3067 3068 <a href="/Products/9393/ØªØ¨ÙØª-Û¸-اÛÙÚ-جÛââ-اÙâ-اÛکس-٠دÙ-plus-f8-با-ظرÙÛØª-32-Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª-Ù-ر٠-Û²-Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" class="w-full py-3 bg-primary-500 text-white rounded-xl text-[11px] font-black shadow-lg shadow-primary-500/20 hover:bg-primary-700 transition-all flex items-center justify-center gap-2 group/btn">
3069 <span>Ù Ø´Ø§ÙØ¯Ù Ù Ø®Ø±ÛØ¯</span> 3070 <svg class="w-4 h-4 transition-transform group-hover:translate-x-[-3px]" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-width="3" d="M10 19l-7-7m0 0l7-7m-7 7h18" /></svg> 3071 </a> 3072 </div> 3073 </div> 3074 </div> 3075 </div> 3076 <div class="product-card group relative bg-white/70 dark:bg-white/[0.03] backdrop-blur-2xl rounded-[2.5rem] border border-gray-200 dark:border-white/10 p-2 transition-all duration-500 hover:shadow-2xl hover:shadow-primary-600/20 hover:-translate-y-2" data-category="tablet"> 3077 <div class="flex h-[220px]"> 3078 <div class="w-2/5 relative bg-gradient-to-br from-gray-100 to-transparent dark:from-white/5 dark:to-transparent rounded-[2rem] overflow-hidden flex items-center justify-center m-1 transition-all duration-500 group-hover:scale-[0.98]"> 3079 <img src="/Images/Product/11450.jpg?version=1.4" class="w-32 h-32 object-contain drop-shadow-2xl transition-transform duration-700 group-hover:scale-110 group-hover:-rotate-6" alt="ØªØ¨ÙØª Û¸ اÛÙÚ Ø¬Ûââ Ø§Ùâ Ø§Ûکس ٠د٠F4X با ظرÙÛØª 32 Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۲ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª"> 3080 3081 3082 3083 <div class="absolute top-3 left-3 bg-emerald-500 text-white text-[10px] font-black px-2.5 py-1 rounded-lg shadow-lg">ارسا٠راÛگاÙ</div> 3084 3085 3086 3087 </div> 3088 3089 <div class="w-3/5 p-5 flex flex-col justify-between"> 3090 <div> 3091 3092 <h3 class="font-black text-gray-900 dark:text-white text-base leading-tight mb-2">ØªØ¨ÙØª Û¸ اÛÙÚ Ø¬Ûââ Ø§Ùâ Ø§Ûکس ٠د٠F4X با ظرÙÛØª 32 Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۲ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª</h3> 3093 3094 <p class="text-[10px] text-gray-500 dark:text-gray-400 font-medium line-clamp-2 leading-relaxed"> </p> 3095 </div> 3096 3097 <div class="mt-auto"> 3098 <div class="mb-3 text-left"> 3099 3100 <div class="flex items-baseline justify-end gap-1"> 3101 <span class="text-xl font-black text-gray-900 dark:text-white tracking-tighter">18,498,000</span> 3102 <span class="text-[10px] font-bold text-gray-500">تÙ٠اÙ</span> 3103 </div> 3104 3105 3106 3107 </div> 3108 3109 <a href="/Products/11450/ØªØ¨ÙØª-Û¸-اÛÙÚ-جÛââ-اÙâ-اÛکس-٠دÙ-f4x-با-ظرÙÛØª-32-Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª-Ù-ر٠-Û²-Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" class="w-full py-3 bg-primary-500 text-white rounded-xl text-[11px] font-black shadow-lg shadow-primary-500/20 hover:bg-primary-700 transition-all flex items-center justify-center gap-2 group/btn"> 3110 <span>Ù Ø´Ø§ÙØ¯Ù Ù Ø®Ø±ÛØ¯</span> 3111 <svg class="w-4 h-4 transition-transform group-hover:translate-x-[-3px]" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-width="3" d="M10 19l-7-7m0 0l7-7m-7 7h18" /></svg> 3112 </a> 3113 </div> 3114 </div> 3115 </div> 3116 </div> 3117 3118 3119 <div class="product-card group relative bg-white/70 dark:bg-white/[0.03] backdrop-blur-2xl rounded-[2.5rem] border border-gray-200 dark:border-white/10 p-2 transition-all duration-500 hover:shadow-2xl hover:shadow-
3119primary-600/20 hover:-translate-y-2" data-category="laptop"> 3120 <div class="flex h-[220px]"> 3121 <div class="w-2/5 relative bg-gradient-to-br from-gray-100 to-transparent dark:from-white/5 dark:to-transparent rounded-[2rem] overflow-hidden flex items-center justify-center m-1 transition-all duration-500 group-hover:scale-[0.98]"> 3122 <img src="/Images/Product/13492.jpg?version=1.4" class="w-32 h-32 object-contain drop-shadow-2xl transition-transform duration-700 group-hover:scale-110 group-hover:-rotate-6" alt="ÙÙ¾ تاپ 15.6 اÛÙÚÛ Ø¬Û Ø§Ù Ø§Ûکس ٠د٠G1 با ظرÙÛØª 256 Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠8 Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª"> 3123 3124 3125 3126 <div class="absolute top-3 left-3 bg-emerald-500 text-white text-[10px] font-black px-2.5 py-1 rounded-lg shadow-lg">ارسا٠راÛگاÙ</div> 3127 3128 3129 3130 </div> 3131 3132 <div class="w-3/5 p-5 flex flex-col justify-between"> 3133 <div> 3134 3135 <h3 class="font-black text-gray-900 dark:text-white text-base leading-tight mb-2">ÙÙ¾ تاپ 15.6 اÛÙÚÛ Ø¬Û Ø§Ù Ø§Ûکس ٠د٠G1 با ظرÙÛØª 256 Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠8 Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª</h3> 3136 3137 <p class="text-[10px] text-gray-500 dark:text-gray-400 font-medium line-clamp-2 leading-relaxed"> </p> 3138 </div> 3139 3140 <div class="mt-auto"> 3141 <div class="mb-3 text-left"> 3142 3143 <div class="flex items-baseline justify-end gap-1"> 3144 <span class="text-xl font-black text-gray-900 dark:text-white tracking-tighter">65,997,000</span> 3145 <span class="text-[10px] font-bold text-gray-500">تÙ٠اÙ</span> 3146 </div> 3147 3148 3149 3150 </div> 3151 3152 <a href="/Products/13492/ÙÙ¾-تاپ-156-اÛÙÚÛ-جÛ-اÙ-اÛکس-٠دÙ-g1-با-ظرÙÛØª-256-Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª-Ù-ر٠-8-Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" class="w-full py-3 bg-primary-500 text-white rounded-xl text-[11px] font-black shadow-lg shadow-primary-500/20 hover:bg-primary-700 transition-all flex items-center justify-center gap-2 group/btn"> 3153 <span>Ù Ø´Ø§ÙØ¯Ù Ù Ø®Ø±ÛØ¯</span> 3154 <svg class="w-4 h-4 transition-transform group-hover:translate-x-[-3px]" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-width="3" d="M10 19l-7-7m0 0l7-7m-7 7h18" /></svg> 3155 </a> 3156 </div> 3157 </div> 3158 </div> 3159 </div> 3160 3161 3162 <div class="product-card group relative bg-white/70 dark:bg-white/[0.03] backdrop-blur-2xl rounded-[2.5rem] border border-gray-200 dark:border-white/10 p-2 transition-all duration-500 hover:shadow-2xl hover:shadow-primary-600/20 hover:-translate-y-2" data-category="watch"> 3163 <div class="flex h-[220px]"> 3164 <div class="w-2/5 relative bg-gradient-to-br from-gray-100 to-transparent dark:from-white/5 dark:to-transparent rounded-[2rem] overflow-hidden flex items-center justify-center m-1 transition-all duration-500 group-hover:scale-[0.98]"> 3165 <img src="/Images/Product/19646.jpg?version=1.4" class="w-32 h-32 object-contain drop-shadow-2xl transition-transform duration-700 group-hover:scale-110 group-hover:-rotate-6" alt="کاب٠تبدÛÙ USB ب٠Type-C ٠د٠کÙÙÛ Ø¨Ù Ø·ÙÙ 2 ٠تر"> 3166 3167 3168 <div class="absolute top-3 right-3 bg-red-500 text-white text-[10px] font-black px-2.5 py-1 rounded-lg shadow-lg shadow-red-500/40">42Ùª-</div> 3169 3170 3171 3172 3173 </div> 3174 3175 <div class="w-3/5 p-5 flex flex-col justify-between"> 3176 <div> 3177 3178 <h3 class="font-black text-gray-900 dark:text-white text-base leading-tight mb-2">کاب٠تبدÛÙ USB ب٠Type-C ٠د٠کÙÙÛ Ø¨Ù Ø·ÙÙ 2 ٠تر</h3> 3179 3180 <p class="text-[10px] text-gray-500 dark:text-gray-400 font-medium line-clamp-2 leading-relaxed"> </p> 3181 </div> 3182 3183 <div class="mt-auto"> 3184 <div class="mb-3 text-left"> 3185 3186 <p class="text-[10px] text-gray-400 line-through mb-0.5">330,000</p> 3187 <div class="flex items-baseline justify-end gap-1">
3188 <span class="text-xl font-black text-gray-900 dark:text-white tracking-tighter">188,399</span> 3189 <span class="text-[10px] font-bold text-gray-500">تÙ٠اÙ</span> 3190 </div> 3191 3192 3193 3194 </div> 3195 3196 <a href="/Products/19646/کابÙ-تبدÛÙ-usb-بÙ-type-c-٠دÙ-Ú©ÙÙÛ-بÙ-Ø·ÙÙ-2-٠تر" class="w-full py-3 bg-primary-500 text-white rounded-xl text-[11px] font-black shadow-lg shadow-primary-500/20 hover:bg-primary-700 transition-all flex items-center justify-center gap-2 group/btn"> 3197 <span>Ù Ø´Ø§ÙØ¯Ù Ù Ø®Ø±ÛØ¯</span> 3198 <svg class="w-4 h-4 transition-transform group-hover:translate-x-[-3px]" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-width="3" d="M10 19l-7-7m0 0l7-7m-7 7h18" /></svg> 3199 </a> 3200 </div> 3201 </div> 3202 </div> 3203 </div> 3204 <div class="product-card group relative bg-white/70 dark:bg-white/[0.03] backdrop-blur-2xl rounded-[2.5rem] border border-gray-200 dark:border-white/10 p-2 transition-all duration-500 hover:shadow-2xl hover:shadow-primary-600/20 hover:-translate-y-2" data-category="watch"> 3205 <div class="flex h-[220px]"> 3206 <div class="w-2/5 relative bg-gradient-to-br from-gray-100 to-transparent dark:from-white/5 dark:to-transparent rounded-[2rem] overflow-hidden flex items-center justify-center m-1 transition-all duration-500 group-hover:scale-[0.98]"> 3207 <img src="/Images/Product/19643.jpg?version=1.4" class="w-32 h-32 object-contain drop-shadow-2xl transition-transform duration-700 group-hover:scale-110 group-hover:-rotate-6" alt="Ù¾Ø§ÙØ±Ø¨Ø§ÙÚ© 22.5 ÙØ§Øª ÙÙÛÙ٠٠د٠N-19 با ظرÙÛØª 30000 Ù ÛÙÛ Ø¢Ù Ù¾Ø± ساعت"> 3208 3209 3210 3211 3212 3213 3214 </div> 3215 3216 <div class="w-3/5 p-5 flex flex-col justify-between"> 3217 <div> 3218 3219 <h3 class="font-black text-gray-900 dark:text-white text-base leading-tight mb-2">Ù¾Ø§ÙØ±Ø¨Ø§ÙÚ© 22.5 ÙØ§Øª ÙÙÛÙ٠٠د٠N-19 با ظرÙÛØª 30000 Ù ÛÙÛ Ø¢Ù Ù¾Ø± ساعت</h3> 3220 3221 <p class="text-[10px] text-gray-500 dark:text-gray-400 font-medium line-clamp-2 leading-relaxed"> </p> 3222 </div> 3223 3224 <div class="mt-auto"> 3225 <div class="mb-3 text-left"> 3226 3227 <div class="flex items-baseline justify-end gap-1"> 3228 <span class="text-xl font-black text-gray-900 dark:text-white tracking-tighter">4,439,999</span> 3229 <span class="text-[10px] font-bold text-gray-500">تÙ٠اÙ</span> 3230 </div> 3231 3232 3233 3234 </div> 3235 3236 <a href="/Products/19643/Ù¾Ø§ÙØ±Ø¨Ø§ÙÚ©-225-ÙØ§Øª-ÙÙÛÙÙ-٠دÙ-n-19-با-ظرÙÛØª-30000-Ù ÛÙÛ-آ٠پر-ساعت" class="w-full py-3 bg-primary-500 text-white rounded-xl text-[11px] font-black shadow-lg shadow-primary-500/20 hover:bg-primary-700 transition-all flex items-center justify-center gap-2 group/btn"> 3237 <span>Ù Ø´Ø§ÙØ¯Ù Ù Ø®Ø±ÛØ¯</span> 3238 <svg class="w-4 h-4 transition-transform group-hover:translate-x-[-3px]" fill="none" stroke="currentColor" viewBox="0 0 24 24">
3238<path stroke-width="3" d="M10 19l-7-7m0 0l7-7m-7 7h18" /></svg> 3239 </a> 3240 </div> 3241 </div> 3242 </div> 3243 </div> 3244 <div class="product-card group relative bg-white/70 dark:bg-white/[0.03] backdrop-blur-2xl rounded-[2.5rem] border border-gray-200 dark:border-white/10 p-2 transition-all duration-500 hover:shadow-2xl hover:shadow-primary-600/20 hover:-translate-y-2" data-category="watch"> 3245 <div class="flex h-[220px]"> 3246 <div class="w-2/5 relative bg-gradient-to-br from-gray-100 to-transparent dark:from-white/5 dark:to-transparent rounded-[2rem] overflow-hidden flex items-center justify-center m-1 transition-all duration-500 group-hover:scale-[0.98]"> 3247 <img src="/Images/Product/18642.jpg?version=1.4" class="w-32 h-32 object-contain drop-shadow-2xl transition-transform duration-700 group-hover:scale-110 group-hover:-rotate-6" alt="Ù¾Ø§ÙØ±Ø¨Ø§ÙÚ© 22.5 ÙØ§Øª ÙÙÛÙ٠٠د٠N-31 با ظرÙÛØª 20000 Ù ÛÙÛ Ø¢Ù Ù¾Ø± ساعت"> 3248 3249 3250 3251 3252 3253 3254 </div> 3255 3256 <div class="w-3/5 p-5 flex flex-col justify-between"> 3257 <div> 3258 3259 <h3 class="font-black text-gray-900 dark:text-white text-base leading-tight mb-2">Ù¾Ø§ÙØ±Ø¨Ø§ÙÚ© 22.5 ÙØ§Øª ÙÙÛÙ٠٠د٠N-31 با ظرÙÛØª 20000 Ù ÛÙÛ Ø¢Ù Ù¾Ø± ساعت</h3> 3260 3261 <p class="text-[10px] text-gray-500 dark:text-gray-400 font-medium line-clamp-2 leading-relaxed"> </p> 3262 </div> 3263 3264 <div class="mt-auto"> 3265 <div class="mb-3 text-left"> 3266 3267 <div class="flex items-baseline justify-end gap-1"> 3268 <span class="text-xl font-black text-gray-900 dark:text-white tracking-tighter">3,480,001</span> 3269 <span class="text-[10px] font-bold text-gray-500">تÙ٠اÙ</span> 3270 </div> 3271 3272 3273 3274 </div> 3275 3276 <a href="/Products/18642/Ù¾Ø§ÙØ±Ø¨Ø§ÙÚ©-225-ÙØ§Øª-ÙÙÛÙÙ-٠دÙ-n-31-با-ظرÙÛØª-20000-Ù ÛÙÛ-آ٠پر-ساعت" class="w-full py-3 bg-primary-500 text-white rounded-xl text-[11px] font-black shadow-lg shadow-primary-500/20 hover:bg-primary-700 transition-all flex items-center justify-center gap-2 group/btn"> 3277 <span>Ù Ø´Ø§ÙØ¯Ù Ù Ø®Ø±ÛØ¯</span> 3278 <svg class="w-4 h-4 transition-transform group-hover:translate-x-[-3px]" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-width="3" d="M10 19l-7-7m0 0l7-7m-7 7h18" /></svg> 3279 </a> 3280 </div> 3281 </div> 3282 </div> 3283 </div> 3284 3285 </div> 3286 </div> 3287 </section> 3288 <!-- END NEWER PRODUCT --> 3289 <!-- AMAZING SECTION --> 3290 3291 <!-- END AMAZING SECTION --> 3292 <!-- LAST SEEN --> 3293 3294 <!-- END LAST SEEN --> 3295 <!-- PREMIUM SELECTION PRODUCTS--> 3296 3297 <!--END PREMIUM SELECTION PRODUCTS--> 3298 <!-- HOT --> 3299 <!--<section class="relative overflow-hidden transition-colors duration-500"> 3300 3301 <div class="container pb-6"> 3302 3303 <div class="flex mb-6 flex-col md:flex-row md:items-center justify-between gap-6"> 3304 <div class="flex items-center gap-5"> 3305 <div class="relative"> 3306 <div class="relative w-14 h-14 bg-secondary-500 dark:bg-red-500 rounded-[1.5rem] flex items-center justify-center text-white shadow-xl shadow-red-500/20"> 3307 <svg class="w-7 h-7" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 3308 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M13 10V3L4 14h7v7l9-11h-7z" /> 3309 </svg> 3310 </div> 3311 </div> 3312 <div class="space-y-1"> 3313 <h2 class="text-3xl pt-3 font-black text-gray-900 dark:text-white tracking-tight">Ø¯Ø§ØºâØªØ±ÛÙâÙØ§Û <span class="text-secondary-600 dark:text-red-500">ÚÙØ¯ ساعت گذشتÙ</span></h2> 3314 <p class="text-[10px] mt-2 font-black text-gray-400 dark:text-gray-500 uppercase tracking-[0.2em] flex items-center gap-2">
3315 <span class="w-1.5 h-1.5 rounded-full bg-red-500 animate-ping"></span> 3316 Live Trending Now 3317 </p> 3318 </div> 3319 </div> 3320 3321 <div class="flex items-center gap-3 px-4 py-2 bg-blue-50/50 dark:bg-gray-900/50 backdrop-blur-md border border-blue-100/50 dark:border-gray-800 rounded-2xl"> 3322 <span class="text-[11px] font-bold text-blue-600 dark:text-blue-400">Ø¨Ø±ÙØ²Ø±Ø³Ø§ÙÛ: Û±Û° دÙÛÙÙ Ù¾ÛØ´</span> 3323 </div> 3324 </div>--> 3325 <!--Products--> 3326 <!--<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> 3327 3328 <a href="#" class="group relative flex items-center gap-6 p-5 bg-white/50 dark:bg-gray-900/40 backdrop-blur-md rounded-[2.8rem] border border-gray-100 dark:border-gray-800 hover:border-red-200 dark:hover:border-red-500/30 transition-all duration-500 hover:shadow-2xl hover:shadow-red-500/10 hover:-translate-y-2"> 3329 3330 <span class="absolute left-8 bottom-2 text-8xl font-black text-gray-100 dark:text-gray-800/30 group-hover:text-red-100 dark:group-hover:text-red-500/10 transition-colors duration-500 -z-10">01</span> 3331 3332 <div class="w-28 h-28 flex-shrink-0 bg-gray-50 dark:bg-gray-800 rounded-[2rem] p-3 border border-gray-100 dark:border-gray-700 flex items-center justify-center group-hover:bg-white dark:group-hover:bg-gray-700 transition-all duration-500"> 3333 <img src="~/Content/NewTheme/public/assets/images/product/mobile-1.png" class="w-full h-full object-contain dark:brightness-110" alt="trending"> 3334 </div> 3335 3336 <div class="flex flex-col gap-2 overflow-hidden"> 3337 <div class="flex items-center gap-2"> 3338 <span class="flex h-2 w-2 rounded-full bg-red-500"></span> 3339 <span class="text-[10px] font-black text-gray-400 dark:text-gray-500 uppercase tracking-widest">ØªÙØ§Ø¶Ø§Û Ø¨Ø§ÙØ§</span> 3340 </div> 3341 3342 <h3 class="text-sm font-black text-gray-800 dark:text-gray-200 truncate group-hover:text-secondary-600 dark:group-hover:text-red-400 transition-colors">Ø§ÛØ±Ø¨Ø§Ø¯Ø² بÛâØ³Û٠٠د٠Pro 2024</h3> 3343 3344 <div class="flex items-center gap-1.5 mt-1"> 3345 <span class="text-xl font-black text-gray-900 dark:text-white tracking-tighter">Û³,Û´ÛµÛ°</span> 3346 <span class="text-[9px] font-bold text-gray-400 dark:text-gray-500">ÙØ²Ø§Ø± تÙ٠اÙ</span> 3347 </div> 3348 3349 <div class="w-full h-1.5 bg-gray-100 dark:bg-gray-800 rounded-full mt-2 overflow-hidden"> 3350 <div class="w-3/4 h-full bg-gradient-to-l from-red-600 to-secondary-400 rounded-full shadow-[0_0_10px_rgba(239,68,68,0.4)]"></div> 3351 </div> 3352 </div> 3353 3354 <div class="absolute -left-2 top-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-100 group-hover:left-4 transition-all duration-500"> 3355 <div class="w-10 h-10 bg-gray-900 dark:bg-secondary-500 text-white rounded-full flex items-center justify-center shadow-xl"> 3356 <svg class="w-5 h-5 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M14 5l7 7-7 7" /></svg> 3357 </div> 3358 </div> 3359 </a> 3360 3361 <a href="#" class="group relative flex items-center gap-6 p-5 bg-white/50 dark:bg-gray-900/40 backdrop-blur-md rounded-[2.8rem] border border-gray-100 dark:border-gray-800 hover:border-red-200 dark:hover:border-red-500/30 transition-all duration-500 hover:shadow-2xl hover:shadow-red-500/10 hover:-translate-y-2"> 3362 3363 <span class="absolute left-8 bottom-2 text-8xl font-black text-gray-100 dark:text-gray-800/30 group-hover:text-red-100 dark:group-hover:text-red-500/10 transition-colors duration-500 -z-10">02</span> 3364 3365 <div class="w-28 h-28 flex-shrink-0 bg-gray-50 dark:bg-gray-800 rounded-[2rem] p-3 border border-gray-100 dark:border-gray-700 flex items-center justify-center group-hover:bg-white dark:group-hover:bg-gray-700 transition-all duration-500"> 3366 <img src="~/Content/NewTheme/public/assets/images/product/mobile-2.png" class="w-full h-full object-contain dark:brightness-110" alt="trending"> 3367 </div> 3368 3369 <div class="flex flex-col gap-2 overflow-hidden"> 3370 <div class="flex items-center gap-2">
3371 <span class="flex h-2 w-2 rounded-full bg-red-500"></span> 3372 <span class="text-[10px] font-black text-gray-400 dark:text-gray-500 uppercase tracking-widest">ØªÙØ§Ø¶Ø§Û Ø¨Ø§ÙØ§</span> 3373 </div> 3374 3375 <h3 class="text-sm font-black text-gray-800 dark:text-gray-200 truncate group-hover:text-secondary-600 dark:group-hover:text-red-400 transition-colors">Ø§ÛØ±Ø¨Ø§Ø¯Ø² بÛâØ³Û٠٠د٠Pro 2024</h3> 3376 3377 <div class="flex items-center gap-1.5 mt-1"> 3378 <span class="text-xl font-black text-gray-900 dark:text-white tracking-tighter">Û³,Û´ÛµÛ°</span> 3379 <span class="text-[9px] font-bold text-gray-400 dark:text-gray-500">ÙØ²Ø§Ø± تÙ٠اÙ</span> 3380 </div> 3381 3382 <div class="w-full h-1.5 bg-gray-100 dark:bg-gray-800 rounded-full mt-2 overflow-hidden"> 3383 <div class="w-3/4 h-full bg-gradient-to-l from-red-600 to-secondary-400 rounded-full shadow-[0_0_10px_rgba(239,68,68,0.4)]"></div> 3384 </div> 3385 </div> 3386 3387 <div class="absolute -left-2 top-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-100 group-hover:left-4 transition-all duration-500"> 3388 <div class="w-10 h-10 bg-gray-900 dark:bg-secondary-500 text-white rounded-full flex items-center justify-center shadow-xl"> 3389 <svg class="w-5 h-5 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M14 5l7 7-7 7" /></svg> 3390 </div> 3391 </div> 3392 </a> 3393 3394 <a href="#" class="group relative flex items-center gap-6 p-5 bg-white/50 dark:bg-gray-900/40 backdrop-blur-md rounded-[2.8rem] border border-gray-100 dark:border-gray-800 hover:border-red-200 dark:hover:border-red-500/30 transition-all duration-500 hover:shadow-2xl hover:shadow-red-500/10 hover:-translate-y-2"> 3395 3396 <span class="absolute left-8 bottom-2 text-8xl font-black text-gray-100 dark:text-gray-800/30 group-hover:text-red-100 dark:group-hover:text-red-500/10 transition-colors duration-500 -z-10">03</span> 3397 3398 <div class="w-28 h-28 flex-shrink-0 bg-gray-50 dark:bg-gray-800 rounded-[2rem] p-3 border border-gray-100 dark:border-gray-700 flex items-center justify-center group-hover:bg-white dark:group-hover:bg-gray-700 transition-all duration-500"> 3399 <img src="~/Content/NewTheme/public/assets/images/product/mobile-3.png" class="w-full h-full object-contain dark:brightness-110" alt="trending"> 3400 </div> 3401 3402 <div class="flex flex-col gap-2 overflow-hidden"> 3403 <div class="flex items-center gap-2"> 3404 <span class="flex h-2 w-2 rounded-full bg-red-500"></span> 3405 <span class="text-[10px] font-black text-gray-400 dark:text-gray-500 uppercase tracking-widest">ØªÙØ§Ø¶Ø§Û Ø¨Ø§ÙØ§</span> 3406 </div> 3407 3408 <h3 class="text-sm font-black text-gray-800 dark:text-gray-200 truncate group-hover:text-secondary-600 dark:group-hover:text-red-400 transition-colors">Ø§ÛØ±Ø¨Ø§Ø¯Ø² بÛâØ³Û٠٠د٠Pro 2024</h3> 3409 3410 <div class="flex items-center gap-1.5 mt-1"> 3411 <span class="text-xl font-black text-gray-900 dark:text-white tracking-tighter">Û³,Û´ÛµÛ°</span> 3412 <span class="text-[9px] font-bold text-gray-400 dark:text-gray-500">ÙØ²Ø§Ø± تÙ٠اÙ</span> 3413 </div> 3414 3415 <div class="w-full h-1.5 bg-gray-100 dark:bg-gray-800 rounded-full mt-2 overflow-hidden"> 3416 <div class="w-3/4 h-full bg-gradient-to-l from-red-600 to-secondary-400 rounded-full shadow-[0_0_10px_rgba(239,68,68,0.4)]"></div> 3417 </div> 3418 </div> 3419 3420 <div class="absolute -left-2 top-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-100 group-hover:left-4 transition-all duration-500"> 3421 <div class="w-10 h-10 bg-gray-900 dark:bg-secondary-500 text-white rounded-full flex items-center justify-center shadow-xl"> 3422 <svg class="w-5 h-5 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
3422<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M14 5l7 7-7 7" /></svg> 3423 </div> 3424 </div> 3425 </a> 3426 3427 <a href="#" class="group relative flex items-center gap-6 p-5 bg-white/50 dark:bg-gray-900/40 backdrop-blur-md rounded-[2.8rem] border border-gray-100 dark:border-gray-800 hover:border-red-200 dark:hover:border-red-500/30 transition-all duration-500 hover:shadow-2xl hover:shadow-red-500/10 hover:-translate-y-2"> 3428 3429 <span class="absolute left-8 bottom-2 text-8xl font-black text-gray-100 dark:text-gray-800/30 group-hover:text-red-100 dark:group-hover:text-red-500/10 transition-colors duration-500 -z-10">04</span> 3430 3431 <div class="w-28 h-28 flex-shrink-0 bg-gray-50 dark:bg-gray-800 rounded-[2rem] p-3 border border-gray-100 dark:border-gray-700 flex items-center justify-center group-hover:bg-white dark:group-hover:bg-gray-700 transition-all duration-500"> 3432 <img src="~/Content/NewTheme/public/assets/images/product/mobile-4.png" class="w-full h-full object-contain dark:brightness-110" alt="trending"> 3433 </div> 3434 3435 <div class="flex flex-col gap-2 overflow-hidden"> 3436 <div class="flex items-center gap-2"> 3437 <span class="flex h-2 w-2 rounded-full bg-red-500"></span> 3438 <span class="text-[10px] font-black text-gray-400 dark:text-gray-500 uppercase tracking-widest">ØªÙØ§Ø¶Ø§Û Ø¨Ø§ÙØ§</span> 3439 </div> 3440 3441 <h3 class="text-sm font-black text-gray-800 dark:text-gray-200 truncate group-hover:text-secondary-600 dark:group-hover:text-red-400 transition-colors">Ø§ÛØ±Ø¨Ø§Ø¯Ø² بÛâØ³Û٠٠د٠Pro 2024</h3> 3442 3443 <div class="flex items-center gap-1.5 mt-1"> 3444 <span class="text-xl font-black text-gray-900 dark:text-white tracking-tighter">Û³,Û´ÛµÛ°</span> 3445 <span class="text-[9px] font-bold text-gray-400 dark:text-gray-500">ÙØ²Ø§Ø± تÙ٠اÙ</span> 3446 </div> 3447 3448 <div class="w-full h-1.5 bg-gray-100 dark:bg-gray-800 rounded-full mt-2 overflow-hidden"> 3449 <div class="w-3/4 h-full bg-gradient-to-l from-red-600 to-secondary-400 rounded-full shadow-[0_0_10px_rgba(239,68,68,0.4)]"></div> 3450 </div> 3451 </div> 3452 3453 <div class="absolute -left-2 top-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-100 group-hover:left-4 transition-all duration-500"> 3454 <div class="w-10 h-10 bg-gray-900 dark:bg-secondary-500 text-white rounded-full flex items-center justify-center shadow-xl"> 3455 <svg class="w-5 h-5 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M14 5l7 7-7 7" /></svg> 3456 </div> 3457 </div> 3458 </a> 3459 3460 <a href="#" class="group relative flex items-center gap-6 p-5 bg-white/50 dark:bg-gray-900/40 backdrop-blur-md rounded-[2.8rem] border border-gray-100 dark:border-gray-800 hover:border-red-200 dark:hover:border-red-500/30 transition-all duration-500 hover:shadow-2xl hover:shadow-red-500/10 hover:-translate-y-2"> 3461 3462 <span class="absolute left-8 bottom-2 text-8xl font-black text-gray-100 dark:text-gray-800/30 group-hover:text-red-100 dark:group-hover:text-red-500/10 transition-colors duration-500 -z-10">05</span> 3463 3464 <div class="w-28 h-28 flex-shrink-0 bg-gray-50 dark:bg-gray-800 rounded-[2rem] p-3 border border-gray-100 dark:border-gray-700 flex items-center justify-center group-hover:bg-white dark:group-hover:bg-gray-700 transition-all duration-500"> 3465 <img src="~/Content/NewTheme/public/assets/images/product/mobile-5.png" class="w-full h-full object-contain dark:brightness-110" alt="trending"> 3466 </div> 3467 3468 <div class="flex flex-col gap-2 overflow-hidden"> 3469 <div class="flex items-center gap-2">
3470 <span class="flex h-2 w-2 rounded-full bg-red-500"></span> 3471 <span class="text-[10px] font-black text-gray-400 dark:text-gray-500 uppercase tracking-widest">ØªÙØ§Ø¶Ø§Û Ø¨Ø§ÙØ§</span> 3472 </div> 3473 3474 <h3 class="text-sm font-black text-gray-800 dark:text-gray-200 truncate group-hover:text-secondary-600 dark:group-hover:text-red-400 transition-colors">Ø§ÛØ±Ø¨Ø§Ø¯Ø² بÛâØ³Û٠٠د٠Pro 2024</h3> 3475 3476 <div class="flex items-center gap-1.5 mt-1"> 3477 <span class="text-xl font-black text-gray-900 dark:text-white tracking-tighter">Û³,Û´ÛµÛ°</span> 3478 <span class="text-[9px] font-bold text-gray-400 dark:text-gray-500">ÙØ²Ø§Ø± تÙ٠اÙ</span> 3479 </div> 3480 3481 <div class="w-full h-1.5 bg-gray-100 dark:bg-gray-800 rounded-full mt-2 overflow-hidden"> 3482 <div class="w-3/4 h-full bg-gradient-to-l from-red-600 to-secondary-400 rounded-full shadow-[0_0_10px_rgba(239,68,68,0.4)]"></div> 3483 </div> 3484 </div> 3485 3486 <div class="absolute -left-2 top-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-100 group-hover:left-4 transition-all duration-500"> 3487 <div class="w-10 h-10 bg-gray-900 dark:bg-secondary-500 text-white rounded-full flex items-center justify-center shadow-xl"> 3488 <svg class="w-5 h-5 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M14 5l7 7-7 7" /></svg> 3489 </div> 3490 </div> 3491 </a> 3492 3493 <a href="#" class="group relative flex items-center gap-6 p-5 bg-white/50 dark:bg-gray-900/40 backdrop-blur-md rounded-[2.8rem] border border-gray-100 dark:border-gray-800 hover:border-red-200 dark:hover:border-red-500/30 transition-all duration-500 hover:shadow-2xl hover:shadow-red-500/10 hover:-translate-y-2"> 3494 3495 <span class="absolute left-8 bottom-2 text-8xl font-black text-gray-100 dark:text-gray-800/30 group-hover:text-red-100 dark:group-hover:text-red-500/10 transition-colors duration-500 -z-10">06</span> 3496 3497 <div class="w-28 h-28 flex-shrink-0 bg-gray-50 dark:bg-gray-800 rounded-[2rem] p-3 border border-gray-100 dark:border-gray-700 flex items-center justify-center group-hover:bg-white dark:group-hover:bg-gray-700 transition-all duration-500"> 3498 <img src="~/Content/NewTheme/public/assets/images/product/mobile-6.png" class="w-full h-full object-contain dark:brightness-110" alt="trending"> 3499 </div> 3500 3501 <div class="flex flex-col gap-2 overflow-hidden"> 3502 <div class="flex items-center gap-2"> 3503 <span class="flex h-2 w-2 rounded-full bg-red-500"></span> 3504 <span class="text-[10px] font-black text-gray-400 dark:text-gray-500 uppercase tracking-widest">ØªÙØ§Ø¶Ø§Û Ø¨Ø§ÙØ§</span> 3505 </div> 3506 3507 <h3 class="text-sm font-black text-gray-800 dark:text-gray-200 truncate group-hover:text-secondary-600 dark:group-hover:text-red-400 transition-colors">Ø§ÛØ±Ø¨Ø§Ø¯Ø² بÛâØ³Û٠٠د٠Pro 2024</h3> 3508 3509 <div class="flex items-center gap-1.5 mt-1"> 3510 <span class="text-xl font-black text-gray-900 dark:text-white tracking-tighter">Û³,Û´ÛµÛ°</span> 3511 <span class="text-[9px] font-bold text-gray-400 dark:text-gray-500">ÙØ²Ø§Ø± تÙ٠اÙ</span> 3512 </div> 3513 3514 <div class="w-full h-1.5 bg-gray-100 dark:bg-gray-800 rounded-full mt-2 overflow-hidden"> 3515 <div class="w-3/4 h-full bg-gradient-to-l from-red-600 to-secondary-400 rounded-full shadow-[0_0_10px_rgba(239,68,68,0.4)]"></div> 3516 </div> 3517 </div> 3518 3519 <div class="absolute -left-2 top-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-100 group-hover:left-4 transition-all duration-500"> 3520 <div class="w-10 h-10 bg-gray-900 dark:bg-secondary-500 text-white rounded-full flex items-center justify-center shadow-xl"> 3521 <svg class="w-5 h-5 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
3521<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M14 5l7 7-7 7" /></svg> 3522 </div> 3523 </div> 3524 </a> 3525 3526 3527 </div> 3528 </div> 3529 </section>--> 3530 <!-- END HOT --> 3531 <!-- MAG --> 3532 <section class="magazine-section relative overflow-hidden py-16 transition-colors duration-700"> 3533 <div class="container relative z-10"> 3534 3535 <div class="flex items-end justify-between mb-10 gap-4 flex-wrap"> 3536 <div class="flex items-center gap-6"> 3537 <div class="relative group"> 3538 <div class="relative w-16 h-16 bg-white dark:bg-black border border-gray-100 dark:border-blue-500/40 rounded-[1.8rem] flex items-center justify-center text-blue-600 shadow-2xl"> 3539 <svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 3540 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 20H5a2 2 0 01-2-2V6a2 2 0 012-2h10l4 4v10a2 2 0 01-2 2z"></path> 3541 </svg> 3542 </div> 3543 </div> 3544 <div> 3545 <h2 class="text-3xl font-black text-gray-900 dark:text-white tracking-tight">اخبار جÛâØ§ÙâØ§Ûکس</h2> 3546 <p class="text-[10px] font-black text-blue-500 uppercase tracking-[0.4em] mt-2 flex items-center gap-2"> 3547 <span class="w-8 h-[2px] bg-blue-500/30"></span> 3548 Latest News 3549 </p> 3550 </div> 3551 </div> 3552 3553 <a href="/Blog?page=1" class="group/link relative overflow-hidden px-8 py-3.5 rounded-2xl transition-all duration-500 flex items-center gap-3 bg-white/40 backdrop-blur-md border border-gray-200 text-gray-800 hover:border-blue-500/50 hover:text-white dark:bg-white/[0.03] dark:border-white/10 dark:text-gray-300 dark:hover:text-white"> 3554 <span class="absolute inset-0 bg-blue-600 translate-y-full group-hover/link:translate-y-0 transition-transform duration-500 ease-out"></span> 3555 <span class="relative z-10 text-[13px] font-black tracking-tight">Ù Ø´Ø§ÙØ¯Ù ÙÙ Ù Ù Ø·Ø§ÙØ¨</span> 3556 <div class="relative z-10 w-5 h-5 flex items-center justify-center bg-blue-600/10 dark:bg-white/5 rounded-lg group-hover/link:bg-white/20 transition-colors"> 3557 <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 3558 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M15 19l-7-7 7-7" /> 3559 </svg> 3560 </div> 3561 </a> 3562 </div> 3563 3564 <div class="swiper magazineSwiper !overflow-visible"> 3565 <div class="swiper-wrapper"> 3566 3567<div class="swiper-slide h-auto p-4"> 3568 <a href="/Blog/19312/ز٠اÙ-ÙØ¹Ø§ÙÛØª-٠جدد-کارخاÙÙ-در-ساÙ-1405"> 3569 <div class="group relative h-full pt-10"> 3570 <div class="absolute inset-0 bg-white/80 dark:bg-[#0a0a0a]/40 backdrop-blur-3xl rounded-[2.8rem] border border-gray-100 dark:border-white/5 shadow-sm transition-all duration-500 group-hover:border-blue-400/40 group-hover:shadow-blue-500/15"></div> 3571 3572 <div class="relative p-5 flex flex-col h-full z-10 transition-transform duration-500 group-hover:-translate-y-4"> 3573 <div class="absolute -top-4 -right-2 z-20"> 3574 <div class="bg-blue-600 text-white text-[10px] font-black px-4 py-2 rounded-xl shadow-lg shadow-blue-500/30">شرکت ٠کارخاÙÙ Ø¬Û Ø§Ù Ø§Ûکس</div> 3575 </div> 3576 3577 <div class="relative mb-6 overflow-hidden rounded-[2rem] h-48 shadow-lg"> 3578 <img src="/Images/Articles/19312.jpg" alt="Ø²Ù Ø§Ù ÙØ¹Ø§ÙÛØª ٠جدد کارخاÙ٠در سا٠1405" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" title="Ø²Ù Ø§Ù ÙØ¹Ø§ÙÛØª ٠جدد کارخاÙ٠در سا٠1405" class="w-full h-full object-cover transition-all duration-1000 group-hover:scale-110"> 3579 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div> 3580 </div> 3581 3582 <div class="flex items-center gap-4 mb-4 text-[11px] font-bold text-gray-400">
3583 <span class="flex items-center gap-1.5"><i class="far fa-clock text-blue-500"></i> Ûµ دÙÛÙÙ Ù Ø·Ø§ÙØ¹Ù</span> 3584 <span class="w-1 h-1 bg-gray-300 rounded-full"></span> 3585 <span class="tabular-nums">1404/12/26</span> 3586 </div> 3587 3588 <h3 class="text-[16px] font-black text-gray-800 dark:text-gray-100 mb-6 line-clamp-2 leading-7 h-14 group-hover:text-blue-600 transition-colors"> 3589 Ø²Ù Ø§Ù ÙØ¹Ø§ÙÛØª ٠جدد کارخاÙ٠در سا٠1405 3590 </h3> 3591 3592 <div class="flex items-center justify-between mt-auto pt-5 border-t border-gray-100 dark:border-white/5"> 3593 <div class="flex items-center gap-1"> 3594 <div class="w-8 h-8 rounded-full bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center text-blue-600 font-black text-[10px]">0</div> 3595 <span class="text-[12px] font-bold text-gray-600 pt-1 dark:text-gray-400">ÙØ¸Ø±</span> 3596 </div> 3597 <div class="w-10 h-10 bg-primary-500 dark:bg-primary-600 text-white rounded-xl flex items-center justify-center shadow-lg group-hover:scale-110 transition-all"> 3598 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M15 19l-7-7 7-7" /></svg> 3599 </div> 3600 </div> 3601 </div> 3602 </div> 3603 </a> 3604 </div> 3605<div class="swiper-slide h-auto p-4"> 3606 <a href="/Blog/18311/ÙØ±Ø§Ø±Ø³ÛدÙ-٠اÙ-٠بارک-Ø±Ù Ø¶Ø§ÙØ-تبرÛÚ©-Ù-تÙÙÛØª-باد"> 3607 <div class="group relative h-full pt-10"> 3608 <div class="absolute inset-0 bg-white/80 dark:bg-[#0a0a0a]/40 backdrop-blur-3xl rounded-[2.8rem] border border-gray-100 dark:border-white/5 shadow-sm transition-all duration-500 group-hover:border-blue-400/40 group-hover:shadow-blue-500/15"></div> 3609 3610 <div class="relative p-5 flex flex-col h-full z-10 transition-transform duration-500 group-hover:-translate-y-4"> 3611 <div class="absolute -top-4 -right-2 z-20"> 3612 <div class="bg-blue-600 text-white text-[10px] font-black px-4 py-2 rounded-xl shadow-lg shadow-blue-500/30">شرکت ٠کارخاÙÙ Ø¬Û Ø§Ù Ø§Ûکس</div> 3613 </div> 3614 3615 <div class="relative mb-6 overflow-hidden rounded-[2rem] h-48 shadow-lg"> 3616 <img src="/Images/Articles/18311.jpg" alt="ÙØ±Ø§Ø±Ø³Ûد٠٠ا٠٠بارک Ø±Ù Ø¶Ø§ÙØ تبرÛÚ© ٠تÙÙÛØª باد" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" title="ÙØ±Ø§Ø±Ø³Ûد٠٠ا٠٠بارک Ø±Ù Ø¶Ø§ÙØ تبرÛÚ© ٠تÙÙÛØª باد" class="w-full h-full object-cover transition-all duration-1000 group-hover:scale-110"> 3617 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div> 3618 </div> 3619 3620 <div class="flex items-center gap-4 mb-4 text-[11px] font-bold text-gray-400">
3621 <span class="flex items-center gap-1.5"><i class="far fa-clock text-blue-500"></i> Ûµ دÙÛÙÙ Ù Ø·Ø§ÙØ¹Ù</span> 3622 <span class="w-1 h-1 bg-gray-300 rounded-full"></span> 3623 <span class="tabular-nums">1404/11/29</span> 3624 </div> 3625 3626 <h3 class="text-[16px] font-black text-gray-800 dark:text-gray-100 mb-6 line-clamp-2 leading-7 h-14 group-hover:text-blue-600 transition-colors"> 3627 ÙØ±Ø§Ø±Ø³Ûد٠٠ا٠٠بارک Ø±Ù Ø¶Ø§ÙØ تبرÛÚ© ٠تÙÙÛØª باد 3628 </h3> 3629 3630 <div class="flex items-center justify-between mt-auto pt-5 border-t border-gray-100 dark:border-white/5"> 3631 <div class="flex items-center gap-1"> 3632 <div class="w-8 h-8 rounded-full bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center text-blue-600 font-black text-[10px]">0</div> 3633 <span class="text-[12px] font-bold text-gray-600 pt-1 dark:text-gray-400">ÙØ¸Ø±</span> 3634 </div> 3635 <div class="w-10 h-10 bg-primary-500 dark:bg-primary-600 text-white rounded-xl flex items-center justify-center shadow-lg group-hover:scale-110 transition-all"> 3636 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M15 19l-7-7 7-7" /></svg> 3637 </div> 3638 </div> 3639 </div> 3640 </div> 3641 </a> 3642 </div> 3643<div class="swiper-slide h-auto p-4"> 3644 <a href="/Blog/18302/Ù ÙØ§ÛسÙ-ÙÛ٠ت-شاÙÛÙ4-با-٠دÙÙØ§Û-٠شابÙ-"> 3645 <div class="group relative h-full pt-10"> 3646 <div class="absolute inset-0 bg-white/80 dark:bg-[#0a0a0a]/40 backdrop-blur-3xl rounded-[2.8rem] border border-gray-100 dark:border-white/5 shadow-sm transition-all duration-500 group-hover:border-blue-400/40 group-hover:shadow-blue-500/15"></div> 3647 3648 <div class="relative p-5 flex flex-col h-full z-10 transition-transform duration-500 group-hover:-translate-y-4"> 3649 <div class="absolute -top-4 -right-2 z-20"> 3650 <div class="bg-blue-600 text-white text-[10px] font-black px-4 py-2 rounded-xl shadow-lg shadow-blue-500/30">شرکت ٠کارخاÙÙ Ø¬Û Ø§Ù Ø§Ûکس</div> 3651 </div> 3652 3653 <div class="relative mb-6 overflow-hidden rounded-[2rem] h-48 shadow-lg"> 3654 <img src="/Images/Articles/18302.jpg" alt="Ù ÙØ§Ûس٠ÙÛ٠ت شاÙÛÙ4 با ٠دÙÙØ§Û ٠شابÙ:" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" title="Ù ÙØ§Ûس٠ÙÛ٠ت شاÙÛÙ4 با ٠دÙÙØ§Û ٠شابÙ:" class="w-full h-full object-cover transition-all duration-1000 group-hover:scale-110"> 3655 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div> 3656 </div> 3657 3658 <div class="flex items-center gap-4 mb-4 text-[11px] font-bold text-gray-400">
3659 <span class="flex items-center gap-1.5"><i class="far fa-clock text-blue-500"></i> Ûµ دÙÛÙÙ Ù Ø·Ø§ÙØ¹Ù</span> 3660 <span class="w-1 h-1 bg-gray-300 rounded-full"></span> 3661 <span class="tabular-nums">1404/09/24</span> 3662 </div> 3663 3664 <h3 class="text-[16px] font-black text-gray-800 dark:text-gray-100 mb-6 line-clamp-2 leading-7 h-14 group-hover:text-blue-600 transition-colors"> 3665 Ù ÙØ§Ûس٠ÙÛ٠ت شاÙÛÙ4 با ٠دÙÙØ§Û ٠شابÙ: 3666 </h3> 3667 3668 <div class="flex items-center justify-between mt-auto pt-5 border-t border-gray-100 dark:border-white/5"> 3669 <div class="flex items-center gap-1"> 3670 <div class="w-8 h-8 rounded-full bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center text-blue-600 font-black text-[10px]">0</div> 3671 <span class="text-[12px] font-bold text-gray-600 pt-1 dark:text-gray-400">ÙØ¸Ø±</span> 3672 </div> 3673 <div class="w-10 h-10 bg-primary-500 dark:bg-primary-600 text-white rounded-xl flex items-center justify-center shadow-lg group-hover:scale-110 transition-all"> 3674 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M15 19l-7-7 7-7" /></svg> 3675 </div> 3676 </div> 3677 </div> 3678 </div> 3679 </a> 3680 </div> 3681<div class="swiper-slide h-auto p-4"> 3682 <a href="/Blog/18286/تعطÛÙÛ-کارخاÙÙ-بÙ-Ù ÙØ§Ø³Ø¨Øª-رØÙت-Ù¾ÛØ§Ù بر-Ù-Ø´ÙØ§Ø¯Øª-ا٠ا٠-رضا-(ع)"> 3683 <div class="group relative h-full pt-10"> 3684 <div class="absolute inset-0 bg-white/80 dark:bg-[#0a0a0a]/40 backdrop-blur-3xl rounded-[2.8rem] border border-gray-100 dark:border-white/5 shadow-sm transition-all duration-500 group-hover:border-blue-400/40 group-hover:shadow-blue-500/15"></div> 3685 3686 <div class="relative p-5 flex flex-col h-full z-10 transition-transform duration-500 group-hover:-translate-y-4"> 3687 <div class="absolute -top-4 -right-2 z-20"> 3688 <div class="bg-blue-600 text-white text-[10px] font-black px-4 py-2 rounded-xl shadow-lg shadow-blue-500/30">اخبار Ø¬Û Ø§Ù Ø§Ûکس</div> 3689 </div> 3690 3691 <div class="relative mb-6 overflow-hidden rounded-[2rem] h-48 shadow-lg"> 3692 <img src="/Images/Articles/18286.jpg" alt="تعطÛÙÛ Ú©Ø§Ø±Ø®Ø§ÙÙ Ø¨Ù Ù ÙØ§Ø³Ø¨Øª رØÙت Ù¾ÛØ§Ù بر Ù Ø´ÙØ§Ø¯Øª ا٠ا٠رضا (ع)" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" title="تعطÛÙÛ Ú©Ø§Ø±Ø®Ø§ÙÙ Ø¨Ù Ù ÙØ§Ø³Ø¨Øª رØÙت Ù¾ÛØ§Ù بر Ù Ø´ÙØ§Ø¯Øª ا٠ا٠رضا (ع)" class="w-full h-full object-cover transition-all duration-1000 group-hover:scale-110"> 3693 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div> 3694 </div> 3695 3696 <div class="flex items-center gap-4 mb-4 text-[11px] font-bold text-gray-400">
3697 <span class="flex items-center gap-1.5"><i class="far fa-clock text-blue-500"></i> Ûµ دÙÛÙÙ Ù Ø·Ø§ÙØ¹Ù</span> 3698 <span class="w-1 h-1 bg-gray-300 rounded-full"></span> 3699 <span class="tabular-nums">1404/06/01</span> 3700 </div> 3701 3702 <h3 class="text-[16px] font-black text-gray-800 dark:text-gray-100 mb-6 line-clamp-2 leading-7 h-14 group-hover:text-blue-600 transition-colors"> 3703 تعطÛÙÛ Ú©Ø§Ø±Ø®Ø§ÙÙ Ø¨Ù Ù ÙØ§Ø³Ø¨Øª رØÙت Ù¾ÛØ§Ù بر Ù Ø´ÙØ§Ø¯Øª ا٠ا٠رضا (ع) 3704 </h3> 3705 3706 <div class="flex items-center justify-between mt-auto pt-5 border-t border-gray-100 dark:border-white/5"> 3707 <div class="flex items-center gap-1"> 3708 <div class="w-8 h-8 rounded-full bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center text-blue-600 font-black text-[10px]">0</div> 3709 <span class="text-[12px] font-bold text-gray-600 pt-1 dark:text-gray-400">ÙØ¸Ø±</span> 3710 </div> 3711 <div class="w-10 h-10 bg-primary-500 dark:bg-primary-600 text-white rounded-xl flex items-center justify-center shadow-lg group-hover:scale-110 transition-all"> 3712 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M15 19l-7-7 7-7" /></svg> 3713 </div> 3714 </div> 3715 </div> 3716 </div> 3717 </a> 3718 </div> 3719<div class="swiper-slide h-auto p-4"> 3720 <a href="/Blog/17277/Ø§Ø·ÙØ§Ø¹ÛÙ-Ù ÙÙ -دربارÙ-ارساÙ-Ø³ÙØ§Ø±Ø´âÙØ§"> 3721 <div class="group relative h-full pt-10"> 3722 <div class="absolute inset-0 bg-white/80 dark:bg-[#0a0a0a]/40 backdrop-blur-3xl rounded-[2.8rem] border border-gray-100 dark:border-white/5 shadow-sm transition-all duration-500 group-hover:border-blue-400/40 group-hover:shadow-blue-500/15"></div> 3723 3724 <div class="relative p-5 flex flex-col h-full z-10 transition-transform duration-500 group-hover:-translate-y-4"> 3725 <div class="absolute -top-4 -right-2 z-20"> 3726 <div class="bg-blue-600 text-white text-[10px] font-black px-4 py-2 rounded-xl shadow-lg shadow-blue-500/30">اخبار Ø¬Û Ø§Ù Ø§Ûکس</div> 3727 </div> 3728 3729 <div class="relative mb-6 overflow-hidden rounded-[2rem] h-48 shadow-lg"> 3730 <img src="/Images/Articles/17277.jpg" alt="Ø§Ø·ÙØ§Ø¹ÛÙ Ù ÙÙ Ø¯Ø±Ø¨Ø§Ø±Ù Ø§Ø±Ø³Ø§Ù Ø³ÙØ§Ø±Ø´âÙØ§" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" title="Ø§Ø·ÙØ§Ø¹ÛÙ Ù ÙÙ Ø¯Ø±Ø¨Ø§Ø±Ù Ø§Ø±Ø³Ø§Ù Ø³ÙØ§Ø±Ø´âÙØ§" class="w-full h-full object-cover transition-all duration-1000 group-hover:scale-110"> 3731 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div> 3732 </div> 3733 3734 <div class="flex items-center gap-4 mb-4 text-[11px] font-bold text-gray-400">
3735 <span class="flex items-center gap-1.5"><i class="far fa-clock text-blue-500"></i> Ûµ دÙÛÙÙ Ù Ø·Ø§ÙØ¹Ù</span> 3736 <span class="w-1 h-1 bg-gray-300 rounded-full"></span> 3737 <span class="tabular-nums">1404/03/27</span> 3738 </div> 3739 3740 <h3 class="text-[16px] font-black text-gray-800 dark:text-gray-100 mb-6 line-clamp-2 leading-7 h-14 group-hover:text-blue-600 transition-colors"> 3741 Ø§Ø·ÙØ§Ø¹ÛÙ Ù ÙÙ Ø¯Ø±Ø¨Ø§Ø±Ù Ø§Ø±Ø³Ø§Ù Ø³ÙØ§Ø±Ø´âÙØ§ 3742 </h3> 3743 3744 <div class="flex items-center justify-between mt-auto pt-5 border-t border-gray-100 dark:border-white/5"> 3745 <div class="flex items-center gap-1"> 3746 <div class="w-8 h-8 rounded-full bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center text-blue-600 font-black text-[10px]">0</div> 3747 <span class="text-[12px] font-bold text-gray-600 pt-1 dark:text-gray-400">ÙØ¸Ø±</span> 3748 </div> 3749 <div class="w-10 h-10 bg-primary-500 dark:bg-primary-600 text-white rounded-xl flex items-center justify-center shadow-lg group-hover:scale-110 transition-all"> 3750 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M15 19l-7-7 7-7" /></svg> 3751 </div> 3752 </div> 3753 </div> 3754 </div> 3755 </a> 3756 </div> 3757<div class="swiper-slide h-auto p-4"> 3758 <a href="/Blog/17273/تعÙÛØ¶-شاÙÛÙ-2-با-شاÙÛÙ-4-!!!"> 3759 <div class="group relative h-full pt-10"> 3760 <div class="absolute inset-0 bg-white/80 dark:bg-[#0a0a0a]/40 backdrop-blur-3xl rounded-[2.8rem] border border-gray-100 dark:border-white/5 shadow-sm transition-all duration-500 group-hover:border-blue-400/40 group-hover:shadow-blue-500/15"></div> 3761 3762 <div class="relative p-5 flex flex-col h-full z-10 transition-transform duration-500 group-hover:-translate-y-4"> 3763 <div class="absolute -top-4 -right-2 z-20"> 3764 <div class="bg-blue-600 text-white text-[10px] font-black px-4 py-2 rounded-xl shadow-lg shadow-blue-500/30">Ù ØØµÙÙØ§Øª Ø¬Ø¯ÛØ¯ Ø¬Û Ø§Ù Ø§Ûکس</div> 3765 </div> 3766 3767 <div class="relative mb-6 overflow-hidden rounded-[2rem] h-48 shadow-lg"> 3768 <img src="/Images/Articles/17273.jpg" alt="تعÙÛØ¶ شاÙÛÙ 2 با شاÙÛÙ 4 !!!" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" title="تعÙÛØ¶ شاÙÛÙ 2 با شاÙÛÙ 4 !!!" class="w-full h-full object-cover transition-all duration-1000 group-hover:scale-110"> 3769 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent opacity-0 group-hover:opacity-100 transition-opacity"></div> 3770 </div> 3771 3772 <div class="flex items-center gap-4 mb-4 text-[11px] font-bold text-gray-400"> 3773 <span class="flex items-center gap-1.5"><i class="far fa-clock text-blue-500"></i> Ûµ دÙÛÙÙ Ù Ø·Ø§ÙØ¹Ù</span>
3774 <span class="w-1 h-1 bg-gray-300 rounded-full"></span> 3775 <span class="tabular-nums">1404/02/31</span> 3776 </div> 3777 3778 <h3 class="text-[16px] font-black text-gray-800 dark:text-gray-100 mb-6 line-clamp-2 leading-7 h-14 group-hover:text-blue-600 transition-colors"> 3779 تعÙÛØ¶ شاÙÛÙ 2 با شاÙÛÙ 4 !!! 3780 </h3> 3781 3782 <div class="flex items-center justify-between mt-auto pt-5 border-t border-gray-100 dark:border-white/5"> 3783 <div class="flex items-center gap-1"> 3784 <div class="w-8 h-8 rounded-full bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center text-blue-600 font-black text-[10px]">19</div> 3785 <span class="text-[12px] font-bold text-gray-600 pt-1 dark:text-gray-400">ÙØ¸Ø±</span> 3786 </div> 3787 <div class="w-10 h-10 bg-primary-500 dark:bg-primary-600 text-white rounded-xl flex items-center justify-center shadow-lg group-hover:scale-110 transition-all"> 3788 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M15 19l-7-7 7-7" /></svg> 3789 </div> 3790 </div> 3791 </div> 3792 </div> 3793 </a> 3794 </div> 3795 3796 </div> 3797 </div> 3798 3799 <div class="flex justify-center gap-6 mt-12"> 3800 <div class="swiper-nav-prev w-14 h-14 rounded-2xl bg-white/50 dark:bg-white/5 dark:text-white border border-white dark:border-white/10 flex items-center justify-center cursor-pointer hover:bg-blue-600 hover:text-white transition-all shadow-lg group"> 3801 <svg class="w-6 h-6 transition-transform group-hover:scale-110" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M9 5l7 7-7 7" /></svg> 3802 </div> 3803 <div class="swiper-nav-next w-14 h-14 rounded-2xl bg-white/50 dark:bg-white/5 dark:text-white border border-white dark:border-white/10 flex items-center justify-center cursor-pointer hover:bg-blue-600 hover:text-white transition-all shadow-lg group"> 3804 <svg class="w-6 h-6 transition-transform group-hover:scale-110" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M15 19l-7-7 7-7" /></svg> 3805 </div> 3806 </div> 3807 </div> 3808 </section> 3809 <!-- END MAG --> 3810 3811 3812 3813 3814 3815 3816 3817 3818 3819 3820 3821 3822 3823 3824 3825 3826 3827 3828 3829 3830 3831 3832 3833 3834 <!-- END CONTENT --> 3835 <!-- SHOP FEATURE --> 3836 <section class="relative overflow-hidden transition-colors duration-500"> 3837 <div class="container pt-5"> 3838 <div class="grid grid-cols-2 lg:grid-cols-4 gap-12 lg:gap-8"> 3839 3840 <div class="flex flex-col items-center text-center group"> 3841 <div class="relative w-20 h-20 mb-6 flex items-center justify-center"> 3842 <div class="absolute inset-0 bg-blue-500/10 dark:bg-blue-500/20 blur-2xl rounded-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div> 3843 <div class="relative z-10 w-full h-full bg-white dark:bg-gray-900 rounded-[2rem] border border-gray-100 dark:border-gray-800 shadow-sm transition-all duration-500 group-hover:-translate-y-2 group-hover:border-blue-500/50 group-hover:shadow-xl group-hover:shadow-blue-500/10 flex items-center justify-center"> 3844 <svg class="w-9 h-9 text-gray-700 dark:text-gray-300 group-hover:text-blue-500 transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 3845 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13 10V3L4 14h7v7l9-11h-7z" /> 3846 </svg> 3847 </div> 3848 </div> 3849 <h3 class="text-sm font-black text-gray-900 dark:text-white mb-2 transition-colors group-hover:text-blue-600 dar
3849k:group-hover:text-blue-400">تØÙÛÙ ÙÙØ±Û</h3> 3850 3851 </div> 3852 3853 <div class="flex flex-col items-center text-center group"> 3854 <div class="relative w-20 h-20 mb-6 flex items-center justify-center"> 3855 <div class="absolute inset-0 bg-secondary-500/10 dark:bg-secondary-500/20 blur-2xl rounded-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div> 3856 <div class="relative z-10 w-full h-full bg-white dark:bg-gray-900 rounded-[2rem] border border-gray-100 dark:border-gray-800 shadow-sm transition-all duration-500 group-hover:-translate-y-2 group-hover:border-secondary-500/50 group-hover:shadow-xl group-hover:shadow-secondary-500/10 flex items-center justify-center"> 3857 <svg class="w-9 h-9 text-gray-700 dark:text-gray-300 group-hover:text-secondary-500 transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 3858 <path stroke-linecap="round" 3859 stroke-linejoin="round" 3860 stroke-width="1.5" 3861 d="M7 7h.01M3 11l8.586-8.586a2 2 0 012.828 0l6.172 6.172a2 2 0 010 2.828L11 21H3v-8z" /> 3862 </svg> 3863 </div> 3864 </div> 3865 <h3 class="text-sm font-black text-gray-900 dark:text-white mb-2 transition-colors group-hover:text-secondary-600 dark:group-hover:text-secondary-500">تخÙÛÙ ÙÛÚÙ</h3> 3866 3867 </div> 3868 3869 <div class="flex flex-col items-center text-center group"> 3870 <div class="relative w-20 h-20 mb-6 flex items-center justify-center"> 3871 <div class="absolute inset-0 bg-emerald-500/10 dark:bg-emerald-500/20 blur-2xl rounded-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div> 3872 <div class="relative z-10 w-full h-full bg-white dark:bg-gray-900 rounded-[2rem] border border-gray-100 dark:border-gray-800 shadow-sm transition-all duration-500 group-hover:-translate-y-2 group-hover:border-emerald-500/50 group-hover:shadow-xl group-hover:shadow-emerald-500/10 flex items-center justify-center"> 3873 <svg class="w-9 h-9 text-gray-700 dark:text-gray-300 group-hover:text-emerald-500 transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 3874 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" /> 3875 </svg> 3876 </div> 3877 </div> 3878 <h3 class="text-sm font-black text-gray-900 dark:text-white mb-2 transition-colors group-hover:text-emerald-600 dark:group-hover:text-emerald-500">پرداخت ا٠Ù</h3> 3879 3880 </div> 3881 3882 <div class="flex flex-col items-center text-center group"> 3883 <div class="relative w-20 h-20 mb-6 flex items-center justify-center"> 3884 <div class="absolute inset-0 bg-indigo-500/10 dark:bg-indigo-500/20 blur-2xl rounded-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div> 3885 <div class="relative z-10 w-full h-full bg-white dark:bg-gray-900 rounded-[2rem] border border-gray-100 dark:border-gray-800 shadow-sm transition-all duration-500 group-hover:-translate-y-2 group-hover:border-indigo-500/50 group-hover:shadow-xl group-hover:shadow-indigo-500/10 flex items-center justify-center"> 3886 <svg class="w-9 h-9 text-gray-700 dark:text-gray-300 group-hover:text-indigo-500 transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 3887 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z" /> 3888 </svg> 3889 </div> 3890 </div> 3891 <h3 class="text-sm font-black text-gray-900 dark:text-white mb-2 transition-colors group-hover:text-indigo-600 dark:group-hover:text-indigo-400">Ø¯Ø§Ø±Ø§Û Ú¯Ø§Ø±Ø§ÙØªÛ</h3> 3892 3893 </div> 3894 3895 </div> 3896 </div> 3897 </section> 3898 <!-- END SHOP FEATURE --> 3899 </main> 3900 3901 <!-- FOOTER --> 3902 <footer class="relative amazing-glass-footer pt-24 pb-6 overflow-hidden transition-colors duration-500"> 3903 3904 <div class="container relative z-10"> 3905 3906 <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-12"> 3907 <div class="contact-tile"> 3908 <div class="icon-box bg-blue-500/10 text-blue-600"><svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
3908<path d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" stroke-width="2" /></svg></div> 3909 <div><h4 class="text-xs font-bold text-gray-400 mb-1">ش٠ار٠ت٠اس کارخاÙÙ</h4><p class="text-sm font-black dark:text-white">09165784523</p> <p class="text-sm font-black dark:text-white">09059605308</p></div> 3910 </div> 3911 <div class="contact-tile"> 3912 <div class="icon-box bg-indigo-500/10 text-indigo-600"><svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" stroke-width="2" /></svg></div> 3913 <div><h4 class="text-xs font-bold text-gray-400 mb-1">Ù¾Ø´ØªÛØ¨Ø§ÙÛ Ø¯Ø± Ø±ÙØ²ÙØ§Û Ú©Ø§Ø±Û</h4><p class="text-sm font-black dark:text-white">از ساعت Û¹ اÙÛ Û±Û³ Ù Û±Û´ اÙÛ Û±Û·</p></div> 3914 </div> 3915 <div class="contact-tile"> 3916 <div class="icon-box bg-purple-500/10 text-purple-600"><svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" stroke-width="2" /><path d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" stroke-width="2" /></svg></div> 3917 <div><h4 class="text-xs font-bold text-gray-400 mb-1">آدرس</h4><p class="text-sm font-black dark:text-white">Ø®Ø±Ù Ø´ÙØ±Ø Ø´ÙØ±Ú© ØµÙØ¹ØªÛØ ÙØ§Ø²ÛÚ©Ø Ø´Ø±Ú©Øª ارتباط Ù٠را٠گÙÛØ§ ارÙÙØ¯</p></div> 3918 </div> 3919 <div class="contact-tile"> 3920 <div class="icon-box bg-emerald-500/10 text-emerald-600"><svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" stroke-width="2" /></svg></div> 3921 <div><h4 class="text-xs font-bold text-gray-400 mb-1">اÛÙ ÛÙ</h4><p class="text-sm font-black dark:text-white">[email protected]</p></div> 3922 </div> 3923 </div> 3924 3925 <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-5 gap-12 mb-12"> 3926 3927 <div class="xl:col-span-2 space-y-8"> 3928 <div class="flex items-center gap-4"> 3929 3930 <a href="/" class="flex items-center gap-2 group"> 3931 <img src="/Content/BaseTemplate/images/glx-logo.svg" class="w-30" alt=""> 3932 </a> 3933 3934 3935 </div> 3936 <p class="text-sm text-gray-500 dark:text-gray-400 leading-8 text-justify font-medium max-w-md"> 3937 شرکت ارتباط Ù٠را٠گÙÛØ§ ارÙÙØ¯ Ø·Ø±Ø§Ø Ù ØªÙÙÛØ¯ Ú©ÙÙØ¯Ù Ú¯ÙØ´ÛâÙØ§Û Ú©ÙØ§Ø³ÛÚ©Ø ÙÙØ´Ù ÙØ¯ Ù ØªØ¨ÙØª با Ø¨Ø±ÙØ¯ Ø¬Û Ø§Ù Ø§Ûکس (GLX) ب٠عÙÙØ§Ù اÙÙÛ٠شرکت تÙÙÛØ¯ Ú©ÙÙØ¯Ù تÙÙÙ ÙÙ Ø±Ø§Ù Ø§ÛØ±Ø§ÙÛ Ø§Ø² سا٠۱۳۸۶ کار Ø®ÙØ¯ را Ø¨Ù ØµÙØ±Øª Ø±Ø³Ù Û Ø¯Ø± Ø´ÙØ± Ø®Ø±Ù Ø´ÙØ± ٠در Ù ÙØ·Ù٠آزاد ارÙÙØ¯ با تÙÙÛØ¯ Ú¯ÙØ´ÛâÙØ§Û Ø³Ø§Ø¯Ù Ù Ú©ÙØ§Ø³ÛÚ© آغاز ÙÙ ÙØ¯. 3938 </p> 3939 <div class="flex gap-4"> 3940 <a href="https://instagram.com/glxphones" class=" w-12 h-12 rounded-2xl bg-black/5 dark:bg-white/5 border border-black/5 dark:border-white/10 flex items-center justify-center text-gray-500 dark:text-gray-400 hover:bg-blue-600 hover:text-white hover:scale-110 transition-all duration-500"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259
39400-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"></path></svg></a> 3941 3942 3943 3944 <a href="https://eitaa.com/glxmobilephones" class=" w-12 h-12 rounded-2xl bg-black/5 dark:bg-white/5 border border-black/5 dark:border-white/10 flex items-center justify-center text-gray-500 dark:text-gray-400 hover:bg-blue-600 hover:text-white hover:scale-110 transition-all duration-500"> <img data-src="~/Content/BasicTemplate/images/eita-gray.png" width="25" src="/Content/BasicTemplate/images/eita-gray.png"> </a> 3945 <a href="https://ble.ir/glxmobilephones" class=" w-12 h-12 rounded-2xl bg-black/5 dark:bg-white/5 border border-black/5 dark:border-white/10 flex items-center justify-center text-gray-500 dark:text-gray-400 hover:bg-blue-600 hover:text-white hover:scale-110 transition-all duration-500" aria-label="بÙ٠جÛâØ§ÙâØ§Ûکس" title="بÙ٠جÛâØ§ÙâØ§Ûکس"><span class="text-xs font-bold">بÙÙ</span></a> 3946 3947 3948 3949 3950 <a href="mailto:[email protected]" class=" w-12 h-12 rounded-2xl bg-black/5 dark:bg-white/5 border border-black/5 dark:border-white/10 flex items-center justify-center text-gray-500 dark:text-gray-400 hover:bg-blue-600 hover:text-white hover:scale-110 transition-all duration-500"><svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" stroke-width="2"></path></svg></a> 3951 3952 3953 3954 3955 3956 </div> 3957 </div> 3958 3959 <div class="space-y-8"> 3960 <h3 class="footer-title">Ø¯Ø³ØªØ±Ø³Û Ø³Ø±ÛØ¹</h3> 3961 <ul class="space-y-5"> 3962 <li><a href="/Home/Poll" class="footer-link">ÙØ¸Ø±Ø³ÙجÛ</a></li> 3963 <li><a href="/Pages/Service" class="footer-link">خد٠ات پس از ÙØ±ÙØ´</a></li> 3964 <li><a href="/Representation" class="footer-link">Ù٠اÛÙØ¯Ú¯ÛâÙØ§</a></li> 3965 3966 <li><a href="https://dlglx.ir" class="footer-link">خد٠ات Ø¢ÙÙØ§ÛÙ</a></li> 3967 3968 <li><a href="/Blog?page=1/" class="footer-link">اخبار ٠رÙÛØ¯Ø§Ø¯Ùا</a></li> 3969 <li><a href="/Req/Create/پرسش-از-جÛ-اÙ-اÛکس" class="footer-link">ت٠اس با ٠ا</a></li> 3970 </ul> 3971 </div> 3972 3973 <div class="space-y-8"> 3974 <h3 class="footer-title">راÙÙÙ Ø§Û Ø®Ø±ÛØ¯</h3> 3975 <ul class="space-y-5"> 3976 <li><a href="/Orders" class="footer-link">Ù¾ÛÚ¯ÛØ±Û Ø³ÙØ§Ø±Ø´</a></li> 3977 <li><a href="/pages/Warranty" class="footer-link">Ø´Ø±Ø§ÛØ· Ú¯Ø§Ø±Ø§ÙØªÛ</a></li> 3978 <li><a href="/FAQs" class="footer-link">Ø³ÙØ§Ùات ٠تداÙÙ</a></li> 3979 <li><a href="/Seller" class="footer-link">Ú©Ø§Ø±Ø´ÙØ§Ø³Ø§Ù ÙØ±ÙØ´</a></li> 3980 3981 </ul> 3982 </div> 3983 3984 <div class="flex flex-col gap-6 items-center lg:items-end"> 3985 <h3 class="footer-title">Ù Ø¬ÙØ²ÙØ§Û ÙØ§ÙÙÙÛ</h3> 3986 <div class="flex gap-4"> 3987 <div class="w-28 h-36 bg-white/30 dark:bg-white/[0.02] backdrop-blur-xl rounded-2xl border border-gray-200 dark:border-white/10 flex flex-col items-center justify-center p-4 transition-all duration-500 hover:shadow-2xl hover:border-blue-500/30 group"> 3988 <div class="w-14 h-14 bg-gray-100 dark:bg-white/5 rounded-lg mb-4 flex items-center justify-center transition-all duration-500"> 3989 3990 <a target="_blank" rel="origin" href="https://trustseal.enamad.ir/?id=21224&C
3990ode=FVhROHnAdj1mqEJLTdKu"><img src="https://trustseal.enamad.ir/logo.aspx?id=21224&Code=FVhROHnAdj1mqEJLTdKu" id="FVhROHnAdj1mqEJLTdKu" class="loaded" data-was-processed="true"></a> 3991 3992 3993 </div> 3994 <span class="text-[9px] font-black text-gray-400 dark:text-gray-500 uppercase tracking-[0.2em]">Enamad</span> 3995 </div> 3996 3997 </div> 3998 </div> 3999 </div> 4000 4001 <div class="pt-5 border-t border-black/5 dark:border-white/5 flex flex-col md:flex-row justify-between items-center gap-8"> 4002 <div class="flex items-center gap-4"> 4003 <p class="text-[11px] text-gray-500 font-bold">© Û²Û°Û²Û¶ طراØÛ Ù ØªÙØ³Ø¹Ù ÙØ¨ <span class="text-gray-900 dark:text-white font-black">Ùگا٠ÙÙÛÙ</span></p> 4004 </div> 4005 <div class="flex flex-wrap justify-center gap-8"> 4006 4007 <p class="text-[11px] text-gray-500 font-bold">© Ú©ÙÛÙ ØÙÙÙ Ø¨Ø±Ø§Û Ø´Ø±Ú©Øª <span class="text-gray-900 dark:text-white font-black pl-1 pr-1">ارتباط Ù٠را٠گÙÛØ§ ارÙÙØ¯ (Ø¬Û Ø§Ù Ø§Ûکس)</span> Ù ØÙÙØ¸ است </p> 4008 4009 4010 4011 </div> 4012 </div> 4013 </div> 4014 </footer> 4015 <!-- END FOOTER --> 4016 <!-- NAV MOBILE --> 4017 <div class="fixed bottom-6 left-1/2 -translate-x-1/2 w-[92%] max-w-[400px] z-[100] md:hidden hidden"> 4018 4019 <div class="relative bg-white/70 dark:bg-black/60 backdrop-blur-2xl border border-white/40 dark:border-white/10 rounded-[2.5rem] shadow-[0_20px_50px_rgba(0,0,0,0.3)] px-2 py-3"> 4020 4021 <ul class="flex items-center justify-around relative"> 4022 4023 <li class="relative"> 4024 <a href="#" class="flex flex-col items-center gap-1 group relative px-4 py-1"> 4025 <div class="absolute -top-3 left-1/2 -translate-x-1/2 w-8 h-1 bg-blue-600 rounded-full shadow-[0_0_15px_rgba(37,99,235,0.8)]"></div> 4026 4027 <svg class="w-6 h-6 text-blue-600 dark:text-blue-400 transition-transform group-active:scale-90" fill="currentColor" viewBox="0 0 24 24"> 4028 <path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" /> 4029 </svg> 4030 <span class="text-[10px] font-black text-blue-600 dark:text-blue-400">خاÙÙ</span> 4031 </a> 4032 </li> 4033 4034 <li> 4035 <a href="#" class="flex flex-col items-center gap-1 group px-4 py-1 text-gray-400 dark:text-gray-500"> 4036 <svg class="w-6 h-6 transition-transform group-active:scale-90" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"> 4037 <path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16m-7 6h7" /> 4038 </svg> 4039 <span class="text-[10px] font-black">دستÙâÙØ§</span> 4040 </a> 4041 </li> 4042 4043 <li class="-mt-12"> 4044 <a href="#" class="relative flex items-center justify-center w-16 h-16 bg-blue-600 rounded-[1.8rem] text-white shadow-[0_10px_25px_rgba(37,99,235,0.5)] border-4 border-[#fafbfc] dark:border-[#050505] group transition-transform hover:scale-110 active:scale-95"> 4045 <svg class="w-7 h-7" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"> 4046 <path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z" /> 4047 </svg> 4048 <span class="absolute -top-1 -right-1 bg-red-500 text-[9px] font-black w-5 h-5 rounded-full flex items-center justify-center border-2 border-blue-600">Û³</span> 4049 </a> 4050 </li> 4051 4052 <li> 4053 <a href="#" class="flex flex-col items-center gap-1 group px-4 py-1 text-gray-400 dark:text-gray-500"> 4054 <svg class="w-6 h-6 transition-transform group-active:scale-90" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"> 4055 <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" /> 4056 </svg>
4057 <span class="text-[10px] font-black">Ø¹ÙØ§ÙÙâÙ ÙØ¯Û</span> 4058 </a> 4059 </li> 4060 4061 <li> 4062 <a href="#" class="flex flex-col items-center gap-1 group px-4 py-1 text-gray-400 dark:text-gray-500"> 4063 <svg class="w-6 h-6 transition-transform group-active:scale-90" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"> 4064 <path stroke-linecap="round" stroke-linejoin="round" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" /> 4065 </svg> 4066 <span class="text-[10px] font-black">پرÙÙØ§ÛÙ</span> 4067 </a> 4068 </li> 4069 4070 </ul> 4071 </div> 4072 </div> 4073 <!-- END NAV MOBILE --> 4074 <!-- SEARCH MODAL --> 4075 <div id="search-modal" class="fixed inset-0 z-[2000] invisible opacity-0 transition-all duration-300 md:hidden flex flex-col"> 4076 <div class="absolute inset-0 bg-gray-900/60 dark:bg-black/90 backdrop-blur-2xl"></div> 4077 4078 <div class="relative flex-1 flex flex-col bg-white/10 dark:bg-black/20 overflow-hidden"> 4079 4080 <div class="flex items-center justify-between p-5 border-b border-white/10"> 4081 <span class="text-xl font-black text-gray-800 dark:text-white">جستج٠در <span class="text-primary-500">Ù ØØµÙÙØ§Øª</span></span> 4082 <button id="close-search-modal" class="p-2 bg-white/10 rounded-full text-gray-500 dark:text-gray-400"> 4083 <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /></svg> 4084 </button> 4085 </div> 4086 4087 <div class="p-5"> 4088 <div class="relative w-full"> 4089 <input type="text" id="modal-search-input" maxlength="100" autocomplete="off" aria-label="جستجÙÛ Ù ØØµÙÙØ§Øª" 4090 class="w-full bg-white dark:bg-white/5 border border-gray-200 dark:border-white/10 rounded-2xl py-4 pr-12 pl-4 text-sm font-bold dark:text-white outline-none focus:ring-2 ring-primary-500 transition-all shadow-xl" 4091 placeholder="جستجÙ..."> 4092 <div class="absolute inset-y-0 right-4 flex items-center text-primary-500"> 4093 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" stroke-width="2.5" /></svg> 4094 </div> 4095 </div> 4096 </div> 4097 4098 <div id="mobile-search-panel" class="glx-search-panel" hidden> 4099 <div id="mobile-search-options" role="listbox" aria-label="Ù¾ÛØ´ÙÙØ§Ø¯ÙØ§Û Ø¬Ø³ØªØ¬Ù"></div> 4100 <div class="glx-search-status" role="status" aria-live="polite"></div> 4101 </div> 4102 4103 4104 </div> 4105 </div> 4106 <!-- END SEARCH MODAL --> 4107 <!--QUICK MODAL--> 4108 <div id="quick-view-modal" class="fixed inset-0 bg-blue-900/20 dark:bg-black/70 backdrop-blur-md flex items-center justify-center z-[999] opacity-0 pointer-events-none transition-all duration-500"> 4109 4110 <div class="bg-white/80 dark:bg-gray-900/85 backdrop-blur-2xl rounded-[3.5rem] p-6 md:p-10 w-11/12 lg:w-3/4 max-w-5xl max-h-[92vh] overflow-y-auto transform scale-95 opacity-0 transition-all duration-500 relative border border-white dark:border-gray-700/50 shadow-2xl" dir="rtl"> 4111 4112 <button class="close-modal-btn absolute top-6 left-6 p-3 bg-white/50 dark:bg-gray-800/50 text-gray-500 dark:text-gray-400 rounded-2xl hover:bg-red-500 hover:text-white transition-all z-10"> 4113 <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M6 18L18 6M6 6l12 12" /></svg> 4114 </button> 4115 4116 <div class="grid grid-cols-1 lg:grid-cols-2 gap-10"> 4117 4118 <div class="flex flex-col gap-6"> 4119 4120 <!-- Gallery --> 4121 4122 <div class="relative group"> 4123 <div class="swiper mainGallerySwiper rounded-[2.5rem] overflow-hidden border border-gray-100 dark:border-gray-800 shadow-inner bg-gray-50 dark:bg-gray-800/20"> 4124 <div class="swiper-wrapper"> 4125 <div class="swiper-slide"> 4126 <div class="swiper-zoom-container"> 4127 <img src="assets/images/product/mobile-1.png" class="w-full object-cover" alt="" /> 4128 </div> 4129 </div> 4130 <div class="swiper-slide"> 4131 <div class="swiper-zoom-container"> 4132 <img src="assets/images/product/mobile-2.png" class="w-full object-cover" alt="" /> 4133 </div> 4134 </div> 4135 <div class="swiper-slide"> 4136 <div class="swiper-zoom-container"> 4137 <img src="assets/images/product/mobile-3.png" class="w-full object-cover" alt="" /> 4138 </div> 4139 </div> 4140 <div class="swiper-slide"> 4141 <div class="swiper-zoom-container"> 4142 <img src="assets/images/product/mobile-4.png" class="w-full object-cover" alt="" /> 4143 </div> 4144 </div> 4145 <div class="swiper-slide"> 4146 <div class="swiper-zoom-container"> 4147 <img src="assets/images/product/mobile-5.png" class="w-full object-cover" alt="" /> 4148 </div> 4149 </div> 4150 </div> 4151 <div class="custom-next absolute top-1/2 -translate-y-1/2 left-4 z-20 w-12 h-12 flex items-center justify-center bg-white/40 dark:bg-gray-900/40 backdrop-blur-xl border border-white/50 dark:border-white/10 rounded-2xl text-gray-800 dark:text-white cursor-pointer opacity-0 group-hover:opacity-100 -translate-x-4 group-hover:translate-x-0 transition-all duration-500 hover:bg-primary-600 hover:text-white hover:shadow-xl hover:shadow-
4151primary-500/30"> 4152 <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M15 19l-7-7 7-7" /></svg> 4153 </div> 4154 4155 <div class="custom-prev absolute top-1/2 -translate-y-1/2 right-4 z-20 w-12 h-12 flex items-center justify-center bg-white/40 dark:bg-gray-900/40 backdrop-blur-xl border border-white/50 dark:border-white/10 rounded-2xl text-gray-800 dark:text-white cursor-pointer opacity-0 group-hover:opacity-100 translate-x-4 group-hover:translate-x-0 transition-all duration-500 hover:bg-primary-600 hover:text-white hover:shadow-xl hover:shadow-primary-500/30"> 4156 <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M9 5l7 7-7 7" /></svg> 4157 </div> 4158 </div> 4159 4160 <div class="swiper thumbSwiper mt-4 px-1"> 4161 <div class="swiper-wrapper"> 4162 <div class="swiper-slide cursor-pointer opacity-40 transition-all duration-300"> 4163 <img src="assets/images/product/mobile-1.png" class="rounded-2xl border-2 border-transparent object-cover w-full aspect-square" alt="" /> 4164 </div> 4165 <div class="swiper-slide cursor-pointer opacity-40 transition-all duration-300"> 4166 <img src="assets/images/product/mobile-2.png" class="rounded-2xl border-2 border-transparent object-cover w-full aspect-square" alt="" /> 4167 </div> 4168 <div class="swiper-slide cursor-pointer opacity-40 transition-all duration-300"> 4169 <img src="assets/images/product/mobile-3.png" class="rounded-2xl border-2 border-transparent object-cover w-full aspect-square" alt="" /> 4170 </div> 4171 <div class="swiper-slide cursor-pointer opacity-40 transition-all duration-300"> 4172 <img src="assets/images/product/mobile-4.png" class="rounded-2xl border-2 border-transparent object-cover w-full aspect-square" alt="" /> 4173 </div> 4174 <div class="swiper-slide cursor-pointer opacity-40 transition-all duration-300"> 4175 <img src="assets/images/product/mobile-5.png" class="rounded-2xl border-2 border-transparent object-cover w-full aspect-square" alt="" /> 4176 </div> 4177 </div> 4178 </div> 4179 4180 </div> 4181 4182 4183 <div class="grid grid-cols-3 gap-3 mt-2"> 4184 <div class="bg-blue-50/50 dark:bg-blue-900/10 p-4 rounded-[1.5rem] text-center border border-blue-100/50 dark:border-blue-500/10"> 4185 <span class="block text-[10px] text-blue-500 dark:text-blue-400 font-black mb-1">Ù¾Ø±Ø¯Ø§Ø²ÙØ¯Ù</span> 4186 <span class="text-xs font-bold text-gray-700 dark:text-gray-200 uppercase">Core i9</span> 4187 </div> 4188 <div class="bg-blue-50/50 dark:bg-blue-900/10 p-4 rounded-[1.5rem] text-center border border-blue-100/50 dark:border-blue-500/10"> 4189 <span class="block text-[10px] text-blue-500 dark:text-blue-400 font-black mb-1">ر٠</span> 4190 <span class="text-xs font-bold text-gray-700 dark:text-gray-200 uppercase">32GB DDR5</span> 4191 </div> 4192 <div class="bg-blue-50/50 dark:bg-blue-900/10 p-4 rounded-[1.5rem] text-center border border-blue-100/50 dark:border-blue-500/10"> 4193 <span class="block text-[10px] text-blue-500 dark:text-blue-400 font-black mb-1">ØØ§ÙظÙ</span>
4194 <span class="text-xs font-bold text-gray-700 dark:text-gray-200 uppercase">1TB SSD</span> 4195 </div> 4196 4197 </div> 4198 </div> 4199 4200 <div class="flex flex-col"> 4201 <div class="mb-6"> 4202 <h3 class="text-3xl font-black text-gray-900 dark:text-white mb-3 leading-tight tracking-tight">ÙÙ¾âØªØ§Ù¾ Û±Û¶ اÛÙÚÛ Ø§ÛØ³Ùس ٠د٠ROG Zephyrus M16</h3> 4203 <div class="flex items-center gap-4 text-xs"> 4204 <span class="text-gray-400">Ø´ÙØ§Ø³Ù Ú©Ø§ÙØ§: <span class="text-blue-600 font-bold">DKP-88231</span></span> 4205 <div class="flex items-center gap-1 text-secondary-500 bg-secondary-500/10 px-3 py-1 rounded-full font-black"> 4206 <svg class="w-4 h-4 fill-current" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" /></svg> 4207 <span>Û´.Û¸</span> 4208 </div> 4209 </div> 4210 </div> 4211 4212 <div class="mb-6 p-1 rounded-3xl bg-gray-50/50 dark:bg-gray-800/40 border border-white/50 dark:border-gray-700/50"> 4213 <select class="w-full bg-transparent border-none rounded-2xl text-sm p-4 outline-none text-gray-700 dark:text-gray-200 font-bold cursor-pointer"> 4214 <option>Û±Û¸ Ù Ø§Ù Ú¯Ø§Ø±Ø§ÙØªÛ اصÙÛ Ûکتا سرÙÛØ³ (راÛگاÙ)</option> 4215 <option>Û²Û´ Ù Ø§Ù Ú¯Ø§Ø±Ø§ÙØªÛ Ø·ÙØ§ÛÛ Ù¾Ø§Ø±Ø³ (Û±,Û²Û°Û°,Û°Û°Û° تÙ٠اÙ)</option> 4216 </select> 4217 </div> 4218 4219 <div class="mb-8"> 4220 <span class="text-sm font-black text-gray-800 dark:text-gray-200 block mb-4">Ø§ÙØªØ®Ø§Ø¨ رÙÚ¯:</span> 4221 <div class="flex gap-3"> 4222 <button class="color-option active w-10 h-10 rounded-2xl flex items-center justify-center border-2 border-transparent transition-all bg-black shadow-xl ring-4 ring-blue-500/20 group" data-color="Ù Ø´Ú©Û"> 4223 <svg class="w-5 h-5 text-white opacity-0 group-[.active]:opacity-100 transition-opacity" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M5 13l4 4L19 7"></path></svg> 4224 </button> 4225 <button class="color-option w-10 h-10 rounded-2xl flex items-center justify-center border-2 border-transparent transition-all bg-gray-400 group opacity-50" data-color="Ø·ÙØ³Û"> 4226 <svg class="w-5 h-5 text-white opacity-0 group-[.active]:opacity-100 transition-opacity" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M5 13l4 4L19 7"></path></svg> 4227 </button> 4228 </div> 4229 </div> 4230 4231 <div class="mb-8"> 4232 <div class="flex justify-between text-[10px] mb-2 font-bold"> 4233 <span class="text-red-500">ÙÙØ· Û³ عدد در Ø§ÙØ¨Ø§Ø± باÙÛØ³Øª!</span> 4234 <span class="text-gray-400 tracking-tighter">Û¸Û°Ùª ÙØ±Ùخت٠شدÙ</span> 4235 </div> 4236 <div class="w-full h-2 bg-gray-100 dark:bg-gray-800/60 rounded-full overflow-hidden border border-white dark:border-gray-700/30"> 4237 <div class="w-[80%] h-full bg-gradient-to-l from-red-500 to-rose-400 rounded-full"></div> 4238 </div> 4239 </div> 4240 4241 <div class="mt-auto p-6 lg:p-8 rounded-[2.5rem] bg-blue-50/30 dark:bg-blue-500/5 border border-blue-200/50 dark:border-blue-500/20 relative overflow-hidden backdrop-blur-sm"> 4242 4243 <div class="flex justify-between items-center relative z-10"> 4244 <div class="flex flex-col">
4245 <span class="text-gray-400 dark:text-gray-500 line-through text-xs font-bold mb-1">Û´Ûµ,Û°Û°Û°,Û°Û°Û°</span> 4246 <div class="flex items-center gap-2"> 4247 <span class="text-4xl font-black text-blue-600 dark:text-blue-400 tracking-tight">Û³Û¸,ÛµÛ°Û°,Û°Û°Û°</span> 4248 <span class="text-[10px] font-bold text-gray-500 dark:text-gray-400">تÙ٠اÙ</span> 4249 </div> 4250 </div> 4251 4252 <div class="flex items-center bg-white dark:bg-gray-800/80 rounded-2xl p-1 shadow-sm border border-gray-100 dark:border-gray-700"> 4253 <button onclick="changeQty(1)" class="w-9 h-9 flex items-center justify-center text-blue-600 dark:text-blue-400 hover:bg-blue-50 dark:hover:bg-blue-900/30 rounded-xl transition-all font-black text-xl">+</button> 4254 <input type="number" id="modalQty" value="1" readonly class="w-10 bg-transparent text-center font-black text-gray-800 dark:text-white outline-none border-none text-sm" /> 4255 <button onclick="changeQty(-1)" class="w-9 h-9 flex items-center justify-center text-gray-400 hover:bg-red-50 dark:hover:bg-red-900/20 rounded-xl transition-all font-black text-xl">-</button> 4256 </div> 4257 </div> 4258 4259 <button class="w-full mt-6 bg-blue-600 hover:bg-blue-700 text-white font-black py-5 rounded-[1.8rem] shadow-xl shadow-blue-500/20 transition-all flex items-center justify-center gap-3 active:scale-95 group"> 4260 <svg class="w-6 h-6 group-hover:animate-bounce" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 4261 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z" /> 4262 </svg> 4263 Ø§ÙØ²Ùد٠ب٠سبد Ø®Ø±ÛØ¯ 4264 </button> 4265 </div> 4266 </div> 4267 </div> 4268 </div> 4269 </div> 4270 <!--END QUICK MODAL--> 4271 <!--LOGIN MODAL--> 4272 <div id="login-modal" class="fixed inset-0 bg-gray-900/60 dark:bg-black/90 flex items-center justify-center z-[1000] opacity-0 pointer-events-none transition-all duration-500 backdrop-blur-md p-4" dir="rtl"> 4273 4274 <div class="relative w-[92%] max-w-[430px] transform scale-95 translate-y-10 transition-all duration-500 my-auto h-fit"> 4275 4276 <div class="absolute -inset-4 bg-blue-500/20 blur-[50px] rounded-[4rem] -z-10"></div> 4277 4278 <div class="relative bg-white/80 dark:bg-gray-950/85 backdrop-blur-3xl rounded-[3.5rem] border border-white dark:border-white/10 shadow-[0_32px_64px_-15px_rgba(0,0,0,0.2)] overflow-y-auto max-h-[92vh] scroll-smooth scrollbar-hide"> 4279 4280 <button onclick="closeLoginModal()" class="close-login absolute top-6 left-6 w-11 h-11 flex items-center justify-center rounded-2xl bg-white/50 dark:bg-white/5 text-gray-400 hover:text-blue-600 hover:scale-110 transition-all border border-white/80 dark:border-white/5 shadow-sm z-50"> 4281 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M6 18L18 6M6 6l12 12" /></svg> 4282 </button> 4283 4284 <div class="p-8 lg:p-12"> 4285 <div id="auth-steps"> 4286 4287 <div id="step-1" class="auth-step transition-all duration-300"> 4288 <div class="text-center mb-10"> 4289 <div class="relative w-20 h-20 lg:w-24 lg:h-24 mx-auto mb-8"> 4290 <div class="absolute inset-0 bg-blue-500/20 rounded-[2.5rem] rotate-12 animate-pulse"></div> 4291 <div class="relative w-full h-full bg-gradient-to-br from-white to-gray-50 dark:from-gray-800 dark:to-gray-900 rounded-[2.5rem] flex items-center justify-center text-blue-600 shadow-2xl border border-white dark:border-gray-700"> 4292 <svg class="w-10 h-10" fill="none" stroke="currentColor" viewBox="0 0 24 24">
4292<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" /></svg> 4293 </div> 4294 </div> 4295 <h3 class="text-2xl lg:text-3xl font-black text-gray-900 dark:text-white tracking-tight">Ø®ÙØ´ Ø¢Ù Ø¯ÛØ¯</h3> 4296 <div class="flex items-center justify-center gap-2 mt-3"> 4297 <span class="w-2 h-2 bg-blue-500 rounded-full animate-ping"></span> 4298 <p class="text-sm text-gray-500 dark:text-gray-400 font-bold">ÙØ±Ùد ÛØ§ ثبتâÙØ§Ù در Ø³Ø§ÛØª</p> 4299 </div> 4300 </div> 4301 4302 <div class="space-y-6"> 4303 <div class="space-y-2 text-right"> 4304 <label class="text-[12px] font-black text-gray-400 dark:text-gray-500 mr-2 uppercase">Ø´Ù Ø§Ø±Ù Ù ÙØ¨Ø§ÛÙ</label> 4305 <div class="relative group"> 4306 <div class="absolute inset-y-0 right-5 flex items-center pointer-events-none text-gray-400 group-focus-within:text-blue-500 transition-colors"> 4307 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z" /></svg> 4308 </div> 4309 <input type="tel" id="phoneInput" dir="ltr" maxlength="11" placeholder="09123456789" 4310 class="w-full bg-gray-100/50 dark:bg-white/5 border-2 border-transparent focus:border-blue-500/30 focus:bg-white dark:focus:bg-gray-900 rounded-[2rem] p-5 pr-14 outline-none font-black text-xl sm:text-2xl tracking-[0.1em] text-gray-900 dark:text-white transition-all shadow-inner"> 4311 </div> 4312 </div> 4313 4314 <button onclick="goToStep(2)" class="group relative w-full bg-blue-600 hover:bg-blue-700 text-white font-black py-5 rounded-[2rem] transition-all active:scale-[0.97] overflow-hidden shadow-xl shadow-blue-500/25"> 4315 <div class="absolute inset-0 bg-gradient-to-r from-transparent via-white/10 to-transparent -translate-x-full group-hover:animate-[shimmer_1.5s_infinite]"></div> 4316 <span class="relative flex items-center justify-center gap-3 text-lg">تاÛÛØ¯ Ù Ø¯Ø±ÛØ§Ùت کد</span> 4317 </button> 4318 4319 <div class="relative flex items-center justify-center py-2"> 4320 <div class="flex-grow border-t border-gray-200 dark:border-white/10"></div> 4321 <span class="relative z-10 px-4 text-[11px] font-black text-gray-400 bg-transparent uppercase">ÛØ§ از طرÛÙ</span> 4322 <div class="flex-grow border-t border-gray-200 dark:border-white/10"></div> 4323 </div> 4324 4325 <button class="w-full bg-white dark:bg-white/5 border border-gray-100 dark:border-white/10 text-gray-700 dark:text-gray-200 py-4 rounded-3xl flex items-center justify-center gap-3 hover:bg-gray-50 dark:hover:bg-gray-800 transition-all font-bold shadow-sm"> 4326 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#F44336" d="M7.209 1.061c.725-.081 1.154-.081 1.933 0a6.57 6.57 0 0 1 3.65 1.82a100 100 0 0 0-1.986 1.93q-1.876-1.59-4.188-.734q-1.696.78-2.362 2.528a78 78 0 0 1-2.148-1.658a.26.26 0 0 0-.16-.027q1.683-3.245 5.26-3.86" opacity=".987"></path><path fill="#FFC107" d="M1.946 4.92q.085-.013.161.027a78 78 0 0 0 2.148 1.658A7.6 7.6 0 0 0 4.04 7.99q.037.678.215 1.331L2 11.116Q.527 8.038 1.946 4.92" opacity=".997"></path><path fill="#448AFF" d="M12.685 13.29a26 26 0 0 0-2.202-1.74q1.15-.812 1.396-2.228H8.122V6.713q3.25-.027 6.497.055q.616 3.345-1.423 6.032a7 7 0 0 1-.51.49" opacity=".999"></path><path fill="#43A047" d="M4.255 9.322q1.23 3.057 4.51 2.854a3.94 3.94 0 0 0 1.718-.626q1.148.812 2.202 1.74a6.62 6.62 0 0 1-4.027 1.684a6.4 6.4 0 0 1-1.02 0Q3.82 14.524 2 11.116z" opacity=".993"></path></g></svg>
4327 <span>ادا٠٠با ØØ³Ø§Ø¨ Ú¯ÙÚ¯Ù</span> 4328 </button> 4329 </div> 4330 </div> 4331 4332 <div id="step-2" class="auth-step hidden opacity-0 scale-95 transition-all duration-300"> 4333 <div class="text-center mb-10"> 4334 <div class="relative w-16 h-16 lg:w-20 lg:h-20 mx-auto mb-6"> 4335 <div class="absolute inset-0 bg-secondary-500/20 rounded-[2rem] rotate-12 animate-pulse"></div> 4336 <div class="relative w-full h-full bg-white dark:bg-gray-800 rounded-[2rem] flex items-center justify-center text-secondary-500 border border-secondary-100 dark:border-gray-700 shadow-xl"> 4337 <svg class="w-9 h-9" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" /></svg> 4338 </div> 4339 </div> 4340 <h3 class="text-2xl font-black text-gray-900 dark:text-white">تاÛÛØ¯ ش٠ارÙ</h3> 4341 <p class="text-sm text-gray-500 dark:text-gray-400 mt-3 font-bold">کد Ûµ رÙÙ Û Ø¨Ù Ø´Ù Ø§Ø±Ù <span class="text-blue-600 dark:text-blue-400" dir="ltr" id="displayPhone">0912***45</span> ارسا٠شد</p> 4342 </div> 4343 4344 <div class="space-y-8"> 4345 <div id="otp-container" class="flex flex-row justify-center gap-2 lg:gap-3" dir="ltr"> 4346 <input type="text" inputmode="numeric" maxlength="1" class="otp-field w-11 lg:w-12 h-16 bg-gray-100/50 dark:bg-white/5 border-2 border-transparent focus:border-blue-500/40 focus:bg-white dark:focus:bg-gray-900 rounded-2xl text-center font-black text-2xl outline-none text-gray-900 dark:text-white transition-all shadow-inner"> 4347 <input type="text" inputmode="numeric" maxlength="1" class="otp-field w-11 lg:w-12 h-16 bg-gray-100/50 dark:bg-white/5 border-2 border-transparent focus:border-blue-500/40 focus:bg-white dark:focus:bg-gray-900 rounded-2xl text-center font-black text-2xl outline-none text-gray-900 dark:text-white transition-all shadow-inner"> 4348 <input type="text" inputmode="numeric" maxlength="1" class="otp-field w-11 lg:w-12 h-16 bg-gray-100/50 dark:bg-white/5 border-2 border-transparent focus:border-blue-500/40 focus:bg-white dark:focus:bg-gray-900 rounded-2xl text-center font-black text-2xl outline-none text-gray-900 dark:text-white transition-all shadow-inner"> 4349 <input type="text" inputmode="numeric" maxlength="1" class="otp-field w-11 lg:w-12 h-16 bg-gray-100/50 dark:bg-white/5 border-2 border-transparent focus:border-blue-500/40 focus:bg-white dark:focus:bg-gray-900 rounded-2xl text-center font-black text-2xl outline-none text-gray-900 dark:text-white transition-all shadow-inner"> 4350 <input type="text" inputmode="numeric" maxlength="1" class="otp-field w-11 lg:w-12 h-16 bg-gray-100/50 dark:bg-white/5 border-2 border-transparent focus:border-blue-500/40 focus:bg-white dark:focus:bg-gray-900 rounded-2xl text-center font-black text-2xl outline-none text-gray-900 dark:text-white transition-all shadow-inner"> 4351 </div> 4352 4353 <div class="space-y-4"> 4354 <button class="group relative w-full bg-blue-600 hover:bg-blue-700 text-white font-black py-5 rounded-[2rem] transition-all active:scale-[0.97] overflow-hidden shadow-xl shadow-blue-500/25"> 4355 <div class="absolute inset-0 bg-gradient-to-r from-transparent via-white/10 to-transparent -translate-x-full group-hover:animate-[shimmer_1.5s_infinite]"></div>
4356 <span class="relative text-lg">ÙØ±Ùد Ø¨Ù ØØ³Ø§Ø¨ کاربرÛ</span> 4357 </button> 4358 <div class="flex flex-col items-center gap-4 pt-2"> 4359 <button id="resend-btn" disabled class="text-xs font-black text-gray-400 transition-colors flex items-center gap-2"> 4360 <span id="timer-text">ارسا٠٠جدد کد (ÛµÛ¹ ثاÙÛÙ)</span> 4361 </button> 4362 <button onclick="goToStep(1)" class="text-xs font-black text-gray-400 hover:text-red-500 transition-colors">Ø§ØµÙØ§Ø Ø´Ù Ø§Ø±Ù Ù ÙØ¨Ø§ÛÙ</button> 4363 </div> 4364 </div> 4365 </div> 4366 </div> 4367 4368 </div> 4369 4370 <div class="mt-10 text-center"> 4371 <p class="text-[11px] text-gray-400 font-bold">با ÙØ±Ùد Ø¨Ù Ø³Ø§ÛØªØ ØªÙ Ø§Ù Û <a href="#" class="text-blue-500 font-black border-b border-blue-500/20 pb-0.5">Ø´Ø±Ø§ÛØ· Ù ÙÙØ§ÙÛÙ</a> جÛâØ§ÙâØ§Ûکس را Ù ÛâÙ¾Ø°ÛØ±Ù .</p> 4372 </div> 4373 </div> 4374 </div> 4375 </div> 4376 </div> 4377 <!--END LOGIN MODAL--> 4378 <!--CART DRAWER--> 4379 4380<div id="cart-drawer" class="fixed inset-0 z-[1100] pointer-events-none"> 4381 <div class="absolute inset-0 bg-black/60 dark:bg-black/80 opacity-0 transition-opacity duration-500 backdrop-blur-sm drawer-overlay cursor-pointer"></div> 4382 4383 <div class="absolute left-0 top-0 h-full w-full max-w-[420px] bg-white/70 dark:bg-gray-950/80 backdrop-blur-2xl shadow-2xl transform -translate-x-full transition-transform duration-500 pointer-events-auto flex flex-col border-r border-white/20 dark:border-white/5"> 4384 4385 <div class="p-6 border-b border-gray-200/50 dark:border-white/5 flex justify-between items-center bg-white/30 dark:bg-white/5"> 4386 <h3 class="font-black text-lg dark:text-white flex items-center gap-2"> 4387 <svg class="w-6 h-6 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z" /></svg> 4388 سبد Ø®Ø±ÛØ¯ <span id="cart-header-count" class="text-xs font-normal text-gray-400 dark:text-gray-500">(Û° Ú©Ø§ÙØ§)</span> 4389 </h3> 4390 <button type="button" aria-label="بست٠سبد Ø®Ø±ÛØ¯" class="close-cart p-2 hover:bg-red-500/10 hover:text-red-500 rounded-xl transition-all dark:text-white"> 4391 <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /></svg> 4392 </button> 4393 </div> 4394 4395 4396 <div id="cart-items-container" class="flex-1 overflow-y-auto p-5 flex flex-col" dir="rtl"> 4397 4398 <div id="empty-cart-msg" class="hidden flex-1 flex-col items-center justify-center text-center animate-fadeIn"> 4399 <div class="w-24 h-24 bg-gray-100/50 dark:bg-white/5 rounded-full flex items-center justify-center mb-6 border border-dashed border-gray-300 dark:border-white/10 shadow-inner"> 4400 <svg class="w-10 h-10 text-gray-400 opacity-50" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path></svg> 4401 </div> 4402 <h4 class="text-gray-800 dark:text-gray-200 font-black text-lg mb-2">سبد Ø®Ø±ÛØ¯ ش٠ا خاÙÛ Ø§Ø³Øª!</h4> 4403 <p class="text-sm text-gray-500 dark:text-gray-400 max-w-[250px] leading-6 mb-8">بÙâÙØ¸Ø± Ù ÛâØ±Ø³Ø¯ ÙÙÙØ² ÙÛÚ Ù ØØµÙÙÛ Ø±Ø§ ب٠سبد Ø®Ø±ÛØ¯ Ø®ÙØ¯ اضاÙÙ ÙکردÙâØ§ÛØ¯.</p> 4404 4405 </div> 4406 4407 4408 4409 4410 4411 4412 <div id="actual-items-list" class="space-y-4"> 4413<input name="__RequestVerificationToken" type="hidden" value="6PUAeT4mYUes_lQDF8-1UTiON9sKok_18woulfCy-WgHtK37TWyzPL7-hOWHDMPSzqioHM8Jvj-Qb03f87WeLTgk_aTAnZCnEbFyInBhRZE1" /> 4414 4415 4416 4417 </div> 4418 </div> 4419 4420 <div id="cart-footer" class="p-8 border-t border-gray-200/50 dark:border-white/5 space-y-5 bg-white/40 dark:bg-gray-950/40 backdrop-blur-md"> 4421 <div class="flex justify-between items-center text-sm">
4422 <span class="text-gray-500 dark:text-gray-400 font-bold">Ù Ø¬Ù ÙØ¹ سبد Ø®Ø±ÛØ¯:</span> 4423 <span id="total-price-display" class="font-black text-xl dark:text-white text-blue-600 dark:text-blue-400">Û° <span class="text-[10px]">تÙ٠اÙ</span></span> 4424 </div> 4425 <a href="/ShoppingCart" class="w-full bg-blue-600 hover:bg-blue-700 text-white font-black py-5 rounded-[2rem] shadow-xl shadow-blue-500/30 transition-all flex items-center justify-center gap-3 group relative overflow-hidden"> 4426 <div class="absolute inset-0 bg-gradient-to-r from-transparent via-white/10 to-transparent -translate-x-full group-hover:animate-[shimmer_1.5s_infinite]"></div> 4427 Ù Ø´Ø§ÙØ¯Ù سبد Ù Ø§Ø¯Ø§Ù Ù Ø®Ø±ÛØ¯ 4428 <svg class="w-5 h-5 group-hover:translate-x-[-4px] transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M13 7l5 5m0 0l-5 5m5-5H6" /></svg> 4429 </a> 4430 </div> 4431 </div> 4432</div> 4433 4434 4435 4436 4437 4438 <!--END CART DRAWER--> 4439 <!--Mobile Menu--> 4440 <div id="mobile-menu" class="fixed inset-0 z-[1100] pointer-events-none"> 4441 <div class="absolute inset-0 bg-black/40 dark:bg-black/70 opacity-0 transition-opacity duration-500 backdrop-blur-sm menu-overlay cursor-pointer"></div> 4442 4443 <div class="absolute right-0 top-0 h-full w-[320px] bg-white/70 dark:bg-gray-950/80 backdrop-blur-2xl shadow-[-15px_0_50px_rgba(0,0,0,0.2)] transform translate-x-full transition-transform duration-500 pointer-events-auto flex flex-col border-l border-white/40 dark:border-white/10"> 4444 4445 <div class="p-5 border-b border-white/40 dark:border-gray-800 flex justify-between items-center bg-white/30 dark:bg-gray-900/30"> 4446 <div class="flex items-center gap-2"> 4447 <div class="w-8 h-8 bg-blue-600 rounded-lg flex items-center justify-center shadow-lg shadow-blue-500/40"> 4448 <svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 4449 <path d="M4 6h16M4 12h16m-7 6h7" stroke-width="2.5" stroke-linecap="round" /> 4450 </svg> 4451 </div> 4452 <span class="font-black text-xl dark:text-white">Ù ÙÙÛ Ø§ØµÙÛ</span> 4453 </div> 4454 <button class="close-menu p-2 hover:bg-red-50 dark:hover:bg-red-900/20 text-gray-400 hover:text-red-500 rounded-xl transition-all border border-transparent hover:border-red-100"> 4455 <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 4456 <path d="M6 18L18 6M6 6l12 12" stroke-width="2.5" stroke-linecap="round" /> 4457 </svg> 4458 </button> 4459 </div> 4460 4461 <div class="flex-1 overflow-y-auto custom-scrollbar pt-2"> 4462 4463 4464 4465 <nav class="px-3 pb-20"> 4466 <ul class="space-y-3"> 4467 <li class="menu-item"> 4468 <button type="button" class="layer-btn w-full flex items-center justify-between p-4 rounded-2xl bg-white/40 dark:bg-white/5 border border-white/60 dark:border-white/10 shadow-sm transition-all hover:bg-white/60"><span class="flex items-center gap-3 text-gray-800 dark:text-gray-200"><i class="fal fa-shopping-basket text-blue-500" aria-hidden="true"></i><span class="font-black text-sm">ÙØ±ÙشگاÙ</span></span><svg class="w-4 h-4 text-gray-400 arrow-icon transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M19 9l-7 7-7-7" stroke-width="3" /></svg></button><ul class="hidden submenu mt-2 mr-2 space-y-2 border-r-2 border-blue-500/20 pr-2 overflow-hidden transition-all duration-300"> 4469 <li><a href="/Store/2" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-mobile-android" aria-hidden="true"></i>Ú¯ÙØ´ÛââÙØ§Û ÙÙØ´Ù ÙØ¯</a></li> 4470 <li><a href="/Store/3" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-mobile-android-alt" aria-hidden="true"></i>Ú¯ÙØ´ÛâÙØ§Û Ú©ÙØ§Ø³ÛÚ©</a></li> 4471 <li>
4471<a href="/Store/4" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-tablet-android" aria-hidden="true"></i>ØªØ¨ÙØªâÙØ§Û ÙÙØ´Ù ÙØ¯</a></li> 4472 <li><a href="/Store/23" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-laptop" aria-hidden="true"></i>ÙÙ¾ تاپ</a></li> 4473 <li><a href="/Store/7" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-headphones" aria-hidden="true"></i>ÙÙØ§Ø²Ù Ø¬Ø§ÙØ¨Û</a></li> 4474 <li><a href="/Store/22" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-plug" aria-hidden="true"></i>ÙÙØ§Ø²Ù Ø¬Ø§ÙØ¨Û Ø³Ø§ÛØ± Ø¨Ø±ÙØ¯Ùا</a></li> 4475 </ul> 4476 </li> 4477 <li><a href="/Blog?page=1/" class="flex items-center gap-3 p-4 rounded-2xl bg-white/40 dark:bg-white/5 border border-white/60 dark:border-white/10 shadow-sm text-gray-800 dark:text-gray-200 font-black text-sm"><i class="fal fa-newspaper text-purple-500" aria-hidden="true"></i>Ø¨ÙØ§Ú¯</a></li> 4478 <li class="menu-item"> 4479 <button type="button" class="layer-btn w-full flex items-center justify-between p-4 rounded-2xl bg-white/40 dark:bg-white/5 border border-white/60 dark:border-white/10 shadow-sm transition-all hover:bg-white/60"><span class="flex items-center gap-3 text-gray-800 dark:text-gray-200"><i class="fal fa-life-ring text-blue-500" aria-hidden="true"></i><span class="font-black text-sm">خد٠ات</span></span><svg class="w-4 h-4 text-gray-400 arrow-icon transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M19 9l-7 7-7-7" stroke-width="3" /></svg></button><ul class="hidden submenu mt-2 mr-2 space-y-2 border-r-2 border-blue-500/20 pr-2 overflow-hidden transition-all duration-300"> 4480 <li><a href="/Representation" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-map-marker-alt" aria-hidden="true"></i>Ù٠اÛÙØ¯Ú¯ÛâÙØ§Û خد٠ات پس از ÙØ±ÙØ´</a></li> 4481 <li><a href="/Seller" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-users" aria-hidden="true"></i>Ú©Ø§Ø±Ø´ÙØ§Ø³Ø§Ù ÙØ±ÙØ´</a></li> 4482 <li><a href="https://dlglx.ir" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-globe" aria-hidden="true"></i>خد٠ات پس از ÙØ±ÙØ´ Ø¢ÙÙØ§ÛÙ</a></li> 4483 </ul> 4484 </li> 4485 <li class="menu-item"> 4486 <button type="button" class="layer-btn w-full flex items-center justify-between p-4 rounded-2xl bg-white/40 dark:bg-white/5 border border-white/60 dark:border-white/10 shadow-sm transition-all hover:bg-white/60"><span class="flex items-center gap-3 text-gray-800 dark:text-gray-200"><i class="fal fa-building text-blue-500" aria-hidden="true"></i><span class="font-black text-sm">دربارÙâÛ Ù Ø§</span></span><svg class="w-4 h-4 text-gray-400 arrow-icon transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M19 9l-7 7-7-7" stroke-width="3" /></svg></button><ul class="hidden submenu mt-2 mr-2 space-y-2 border-r-2 border-blue-500/20 pr-2 overflow-hidden transition-all duration-300"> 4487 <li><a href="/Home/About" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-building" aria-hidden="true"></i>دربار٠جÛâØ§ÙâØ§Ûکس</a></li> 4488 <li><a href="/FAQs" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-question-circle" aria-hidden="true"></i>پرسش ÙØ§Û ٠تداÙÙ</a></li> 4489 <li><a href="/Req/Create/پرسش-از-جÛ-اÙ-اÛکس" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-phone" aria-hidden="true"></i>ت٠اس با ٠ا</a></li> 4490 </ul> 4491 </li> 4492 <li class="menu-item"> 4493 <button type="button" class="layer-btn w-full flex items-center justify-between p-4 rounded-2xl bg-white/40 dark:bg-white/5 border border-white/60 dark:border-white/10 shadow-sm transition-all hover:bg-white/60"><span class="flex items-center gap-3 text-gray-800 dark:text-gray-200"><i class="fal fa-wrench text-blue-500" aria-hidden="true"></i><span class="font-black text-sm">خد٠ات پس از ÙØ±ÙØ´</span></span><svg class="w-4 h-4 text-gray-400 arrow-icon transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24">
4493<path d="M19 9l-7 7-7-7" stroke-width="3" /></svg></button><ul class="hidden submenu mt-2 mr-2 space-y-2 border-r-2 border-blue-500/20 pr-2 overflow-hidden transition-all duration-300"> 4494 <li><a href="/Pages/Service" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-wrench" aria-hidden="true"></i>خد٠ات پس از ÙØ±ÙØ´</a></li> 4495 <li><a href="/pages/Warranty" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-shield-check" aria-hidden="true"></i>Ø´Ø±Ø§ÛØ· Ú¯Ø§Ø±Ø§ÙØªÛ</a></li> 4496 <li><a href="/Representation" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-map-marker-alt" aria-hidden="true"></i>ÙÛØ³Øª Ù٠اÛÙØ¯Ú¯Ø§Ù</a></li> 4497 <li><a href="/Home/Poll" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-clipboard-check" aria-hidden="true"></i>ÙØ±Ù ÙØ¸Ø±Ø³ÙجÛ</a></li> 4498 <li><a href="/Req/Create/" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-comments" aria-hidden="true"></i>Ø´Ú©Ø§ÛØª Ù Ø¯Ø±Ø®ÙØ§Ø³Øª</a></li> 4499 </ul> 4500 </li> 4501 <li><a href="/pages/PhoneCase" class="flex items-center gap-3 p-4 rounded-2xl bg-white/40 dark:bg-white/5 border border-white/60 dark:border-white/10 shadow-sm text-gray-800 dark:text-gray-200 font-black text-sm"><i class="fal fa-boxes text-blue-500" aria-hidden="true"></i>Ø³ÙØ§Ø±Ø´ Ø¹Ù Ø¯Ù ÙØ§Ø¨</a></li> 4502 </ul> 4503 4504 <!--Contact information--> 4505 <div class="mt-8 pt-6 border-t border-white/40 dark:border-gray-800 space-y-6"> 4506 4507 4508 <!-- شبکÙâÙØ§Û Ø§Ø¬ØªÙ Ø§Ø¹Û --> 4509 <div class="flex gap-4 justify-center"> 4510 <a href="https://instagram.com/glxphones" class="w-12 h-12 rounded-2xl bg-gray-50 dark:bg-gray-900 border border-gray-100 dark:border-gray-800 flex items-center justify-center text-gray-400 hover:text-blue-600 hover:border-blue-600 transition-all group"> 4511 <svg class="w-5 h-5 group-hover:scale-110 transition-transform" fill="currentColor" viewBox="0 0 24 24"> 4512 <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"></path> 4513 </svg> 4514 </a> 4515 <a href="mailto:[email protected]" class="w-12 h-12 rounded-2xl bg-gray-50 dark:bg-gray-900 border border-gray-100 dark:border-gray-800 flex items-center justify-center text-gray-400 hover:text-blue-400 hover:border-blue-400 transition-all group"> 4516 4517 <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
4517<path d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" stroke-width="2"></path></svg> 4518 4519 4520 </a> 4521 <a href="https://eitaa.com/glxmobilephones" class="w-12 h-12 rounded-2xl bg-gray-50 dark:bg-gray-900 border border-gray-100 dark:border-gray-800 flex items-center justify-center text-gray-400 hover:text-blue-400 hover:border-blue-400 transition-all group"> 4522 4523 <img data-src="~/Content/BasicTemplate/images/eita-gray.png" width="25" src="/Content/BasicTemplate/images/eita-gray.png"> 4524 4525 4526 </a><a href="https://ble.ir/glxmobilephones" class="w-12 h-12 rounded-2xl bg-gray-50 dark:bg-gray-900 border border-gray-100 dark:border-gray-800 flex items-center justify-center text-gray-400 hover:text-blue-400 hover:border-blue-400 transition-all group" aria-label="بÙ٠جÛâØ§ÙâØ§Ûکس"><span class="text-xs font-bold">بÙÙ</span></a> 4527 <!--<a href="#" class="w-12 h-12 rounded-2xl bg-gray-50 dark:bg-gray-900 border border-gray-100 dark:border-gray-800 flex items-center justify-center text-gray-400 hover:text-blue-400 hover:border-blue-400 transition-all group"> 4528 <svg class="w-5 h-5 group-hover:scale-110 transition-transform" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">--> 4529 <!-- Icon from Tabler Icons by PaweÅ Kuna - https://github.com/tabler/tabler-icons/blob/master/LICENSE --> 4530 <!--<path fill="currentColor" d="M18 3a5 5 0 0 1 5 5v8a5 5 0 0 1-5 5H6a5 5 0 0 1-5-5V8a5 5 0 0 1 5-5zM9 9v6a1 1 0 0 0 1.514.857l5-3a1 1 0 0 0 0-1.714l-5-3A1 1 0 0 0 9 9" /> 4531 </svg> 4532 </a>--> 4533 </div> 4534 </div> 4535 </nav> 4536 </div> 4537 </div> 4538 </div> 4539 <!--END Mobile Menu--> 4540 4541 4542 <div id="wa" dir="rtl" data-get-url="/Home/GetPhone" data-set-url="/Home/SetPhone"> 4543 <button id="whatslink" class="eita-trigger" type="button" aria-expanded="false" aria-controls="whatsdiv"> 4544 <span class="eita-icon"><img src="/Content/Images/eitac.png" width="36" height="36" alt="" /></span> 4545 4546 </button> 4547 <section id="whatsdiv" class="eita-panel" aria-labelledby="eita-title" hidden> 4548 <div class="eita-heading"> 4549 <div><h2 id="eita-title">Ù¾Ø´ØªÛØ¨Ø§ÙÛ Ù Ø³ØªÙÛ٠با Ø§ÛØªØ§</h2><p>Ø³ÙØ§Ù Ø ÚØ·Ùر Ù ÛØªÙÙÛ٠ک٠کتÙÙ Ú©ÙÛÙ Ø</p></div> 4550 <button id="eita-close" type="button" aria-label="Ø¨Ø³ØªÙ Ù¾ÙØ¬Ø±Ù Ù¾Ø´ØªÛØ¨Ø§ÙÛ">Ã</button> 4551 </div> 4552 <div class="eita-content"> 4553 <p class="eita-hours">ساعت پاسخگÙÛÛ: Û¹ ØµØ¨Ø Ø§ÙÛ Û±Û·</p> 4554 <p id="eita-status" role="status" aria-live="polite"></p> 4555 <a id="lnkwhatsapp" class="eita-chat" target="_blank" rel="nofollow noopener noreferrer" hidden> 4556 <img src="/Content/Images/eitac.png" width="40" height="40" alt="" /> 4557 <span>Ø¨Ø±Ø§Û Ø´Ø±ÙØ¹ Ú¯ÙØªÚ¯Ù Ú©ÙÛÚ© Ú©ÙÛØ¯<small>Ú¯ÙØªÚ¯Ù در Ø§ÛØªØ§ باز Ù ÛâØ´ÙØ¯</small></span> 4558 <span aria-hidden="true">â</span> 4559 </a> 4560 <button id="eita-retry" type="button" hidden>ØªÙØ§Ø´ ٠جدد</button> 4561 </div> 4562 </section> 4563 </div> 4564
4564<script> 4565 (function () { 4566 'use strict'; 4567 const widget = document.getElementById('wa'); 4568 const trigger = document.getElementById('whatslink'); 4569 const panel = document.getElementById('whatsdiv'); 4570 const close = document.getElementById('eita-close'); 4571 const link = document.getElementById('lnkwhatsapp'); 4572 const status = document.getElementById('eita-status'); 4573 const retry = document.getElementById('eita-retry'); 4574 let loading = false; 4575 let account = ''; 4576 let notified = false; 4577 4578 async function loadSupport() { 4579 if (loading || account) return; 4580 loading = true; 4581 retry.hidden = true; 4582 link.hidden = true; 4583 status.textContent = 'در ØØ§Ù Ø¯Ø±ÛØ§Ùت ÙÛÙÚ© Ù¾Ø´ØªÛØ¨Ø§ÙÛâ¦'; 4584 panel.setAttribute('aria-busy', 'true'); 4585 const controller = new AbortController(); 4586 const timeout = setTimeout(function () { controller.abort(); }, 10000); 4587 try { 4588 const response = await fetch(widget.dataset.getUrl, { 4589 method: 'POST', 4590 credentials: 'same-origin', 4591 headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' }, 4592 body: 'sendType=1', 4593 signal: controller.signal 4594 }); 4595 if (!response.ok) throw new Error('Support unavailable'); 4596 const value = await response.json(); 4597 if (typeof value !== 'string' || !/^[a-zA-Z0-9_]+$/.test(value)) throw new Error('Invalid support account'); 4598 account = value; 4599 link.href = 'https://eitaa.com/' + encodeURIComponent(account); 4600 link.hidden = false; 4601 status.textContent = ''; 4602 } catch (error) { 4603 status.textContent = 'Ø¯Ø±ÛØ§Ùت ÙÛÙÚ© Ù¾Ø´ØªÛØ¨Ø§ÙÛ Ù Ù Ú©Ù ÙØ´Ø¯. ÙØ·ÙØ§Ù Ø¯ÙØ¨Ø§Ø±Ù ØªÙØ§Ø´ Ú©ÙÛØ¯.'; 4604 retry.hidden = false; 4605 } finally { 4606 clearTimeout(timeout); 4607 loading = false; 4608 panel.removeAttribute('aria-busy'); 4609 } 4610 } 4611 4612 function setOpen(open, restoreFocus) { 4613 panel.hidden = !open; 4614 trigger.setAttribute('aria-expanded', String(open)); 4615 if (open) { 4616 close.focus(); 4617 loadSupport(); 4618 } else if (restoreFocus) { 4619 trigger.focus(); 4620 } 4621 } 4622 trigger.addEventListener('click', function () { setOpen(panel.hidden, false); }); 4623 close.addEventListener('click', function () { setOpen(false, true); }); 4624 retry.addEventListener('click', loadSupport); 4625 document.addEventListener('click', function (event) { 4626 if (!panel.hidden && !widget.contains(event.target)) { 4627 setOpen(false, panel.contains(document.activeElement)); 4628 } 4629 }); 4630 document.addEventListener('keydown', function (event) { 4631 if (event.key === 'Escape' && !panel.hidden) setOpen(false, widget.contains(document.activeElement)); 4632 }); 4633 document.addEventListener('focusin', function (event) { 4634 if (!panel.hidden && !widget.contains(event.target)) setOpen(false, false); 4635 }); 4636 link.addEventListener('click', function (event) { 4637 if (!account) { event.preventDefault(); return; } 4638 if (notified) return; 4639 notified = true; 4640 fetch(widget.dataset.setUrl, { 4641 method: 'POST', 4642 credentials: 'same-origin', 4643 headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' }, 4644 body: 'tel=' + encodeURIComponent(account), 4645 keepalive: true 4646 }).then(function (response) { 4647 if (!response.ok) notified = false; 4648 }).catch(function () { notified = false; }); 4649 }); 4650 }()); 4651 </script>
4651 4652
4652<script src="/Content/NewTheme/public/assets/js/plugin/swiper/swiper-bundle.min.js"></script>
4652 4653
4653<script src="/Content/NewTheme/public/assets/js/dependencies/swiper-script.js?v=639270333682349669"></script>
4653 4654
4654<script src="/Content/NewTheme/public/assets/js/dependencies/app.js?v=639270319970859018"></script>
4654 4655 4656 4657 4658 4659 4660 4661
4661<script> 4662 (function () { 4663 var box = document.getElementById('wonder-offers'); 4664 if (!box) return; 4665 var remaining = 0; 4666 var started = window.performance && performance.now ? performance.now() : Date.now(); 4667 var timer; 4668 function elapsed() { return (window.performance && performance.now ? performance.now() : Date.now()) - started; } 4669 function digits(value) { return ('0' + value).slice(-Math.max(2, String(value).length)).replace(/\d/g, function (d) { return 'Û°Û±Û²Û³Û´ÛµÛ¶Û·Û¸Û¹'[d]; }); } 4670 function update() { 4671 var left = Math.max(0, remaining - elapsed()); 4672 if (left <= 0) { 4673 if (timer) clearInterval(timer); 4674 var container = box.querySelector('.incredible-timer-container'); 4675 if (container) { container.textContent = 'Ù¾ÛØ´ÙÙØ§Ø¯ Ø¨Ù Ù¾Ø§ÛØ§Ù Ø±Ø³ÛØ¯'; container.style.justifyContent = 'center'; container.setAttribute('role', 'status'); } 4676 var prices = box.querySelectorAll('.divprice'); 4677 for (var p = 0; p < prices.length; p++) { prices[p].style.display = 'none'; } 4678 var images = box.querySelectorAll('.imgoffer'); 4679 for (var j = 0; j < images.length; j++) { images[j].classList.add('blur'); } 4680 var links = box.querySelectorAll('.offerlink'); 4681 for (var i = 0; i < links.length; i++) { links[i].removeAttribute('href'); links[i].setAttribute('aria-disabled', 'true'); links[i].setAttribute('tabindex', '-1'); links[i].style.display = 'none'; } 4682 return; 4683 } 4684 var values = { days: Math.floor(left / 86400000), hours: Math.floor(left / 3600000) % 24, minutes: Math.floor(left / 60000) % 60, seconds: Math.floor(left / 1000) % 60 }; 4685 for (var key in values) { var element = box.querySelector('#' + key); if (element) element.textContent = digits(values[key]); } 4686 } 4687 box.addEventListener('click', function (event) { 4688 var node = event.target; 4689 while (node && node !== box) { 4690 if (node.classList && node.classList.contains('offerlink') && remaining - elapsed() <= 0) { event.preventDefault(); update(); return; } 4691 node = node.parentNode; 4692 } 4693 }); 4694 update(); 4695 if (remaining > 0) timer = setInterval(update, 1000); 4696 document.addEventListener('visibilitychange', update); 4697 })(); 4698 </script>
4698 4699
4699<script> 4700 var OnSuccess = function (data) { 4701 4702 document.getElementById("succestId").innerHTML = "Ø¯Ø±Ø®ÙØ§Ø³Øª ش٠ا با Ù ÙÙÙÛØª ثبت Ú¯Ø±Ø¯ÛØ¯ Ù Ø¨Ø²ÙØ¯Û ب٠ش٠ا Ø§Ø·ÙØ§Ø¹ Ø¯Ø§Ø¯Ù Ø®ÙØ§Ùد شد "; 4703 $("#ActionSuccess").show(); 4704 4705 $("#PhoneNumber").val(""); 4706 $("#RegisterForm").hide(); 4707 $("#counter").hide(); 4708 } 4709 4710 function OnBegin() { 4711 $("#RegisterForm").hide(); 4712 } 4713 4714 function OnFailure() { 4715 $("#ActionSuccess").hide(); 4716 $("#ActionError").show(); 4717 $("#RegisterForm").show(); 4718 $("#PhoneNumber").val(""); 4719 setTimeout(function () { 4720 $("#ActionError").hide(); 4721 }, 9000); 4722 } 4723 </script>
4723 4724 4725 4726 4727 4728 4729 4730</body> 4731</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.