1 2<!DOCTYPE html> 3 4<html dir="rtl"> 5<head> 6 <!--Ù¾ÛØ´Ú¯Ø§Ù ا٠Ùگا٠ÙÙÛÙ--> 7 <!--DesignedBy: PNNJ--> 8 9 <meta name="author" content="Http://GLX.IR"> 10 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 11 <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> 12 <meta charset="UTF-8" /> 13 <title>Ø®Ø±ÛØ¯Ø ٠شخصات Ø Ø¨Ø±Ø±Ø³Û Ù ÙÛ٠ت Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Revvl 7 Pro 5G د٠سÛÙ âکارت ظرÙÛØª Û²ÛµÛ¶ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۸ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØªØ¬ÛâØ§ÙâØ§Ûکس</title> 14 <meta property="og:sitename" content="GLX"> 15 <meta property="og:title" content="Ø®Ø±ÛØ¯Ø ٠شخصات Ø Ø¨Ø±Ø±Ø³Û Ù ÙÛ٠ت Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Revvl 7 Pro 5G د٠سÛÙ âکارت ظرÙÛØª Û²ÛµÛ¶ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۸ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØªØ¬ÛâØ§ÙâØ§Ûکس"> 16 <meta property="og:url" content="http://www.glx.ir/Product/ProductDetails/15565"> 17 <meta property="og:image" content="http://glx.ir/images/product/15565.jpg"> 18 <meta property="og:type" content="website" /> 19 <meta property="og:locale" content="fa_IR" /> 20 <meta property="og:locale:alternate" content="En_US" /> 21 <meta property="og:image:secure_url" content="http://glx.ir/images/product/15565.jpg" /> 22 <meta property="og:image:type" content="image/jpg" /> 23 <meta property="og:image:width" content="300" /> 24 <meta property="og:image:height" content="300" /> 25 <meta property="og:description" content="Ø®Ø±ÛØ¯ اÛÙØªØ±ÙتÛÚ¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Revvl 7 Pro 5G د٠سÛÙ âکارت ظرÙÛØª Û²ÛµÛ¶ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۸ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØªÙ دÛگر اÙÙØ§Ø¹ Ú¯ÙØ´Ûâ Ù ÙÙØ§Ø²Ù ÙÙØ´Ù ÙØ¯ جÛâØ§ÙâØ§Ûکس در ÙØ±Ùشگا٠آÙÙØ§Û٠جÛâØ§ÙâØ§Ûکس" /> 26 <meta name="keywords" content=", تÙÙÛØ¯ Ù ÙÛ,ÙØ¨ Ø³Ø§ÛØª Ø¬Û Ø§Ù Ø§Ûکس , ÙÙØ§Ø²Ù Ø¬Ø§ÙØ¨Û Ø¬Û Ø§Ù Ø§ÛÚ©Ø³Ø Ø§Ø±ØªØ¨Ø§Ø· Ú¯ÙÛØ§ ÙÙ Ø±Ø§ÙØ رÙÙ٠تÙÙÛØ¯Ø Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Revvl 7 Pro 5G د٠سÛÙ âکارت ظرÙÛØª Û²ÛµÛ¶ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۸ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" /> 27 <meta property="place:location:latitude" content="31.322969"> 28 <meta property="place:location:longitude" content="48.693388"> 29 <meta property="business:contact_data:street_address" content=" Ø§ÛØ±Ø§ÙØ Ø®ÙØ²Ø³ØªØ§ÙØ Ø§ÙÙØ§Ø²Ø ÙØ¨Ø´ Ø®ÛØ§Ø¨Ø§Ù طاÙÙØ§ÙÛ Ø¨Ø±Ø¬ Ø¬Û Ø§Ù Ø§Ûکس"> 30 <meta property="business:contact_data:locality" content="اÙÙØ§Ø²"> 31 <meta property="business:contact_data:country_name" content="Ø§ÛØ±Ø§Ù"> 32 <meta property="business:contact_data:phone_number" content="٠٦١٥٣٥٨٣٣٦٢"> 33 <meta property="business:contact_data:website" content="https://www.glx.ir/"> 34 <meta name="twitter:card" content="summary_large_image"> 35 <meta name="twitter:site" content="GLX"> 36 <meta name="twitter:title" content="GLX.ir"> 37 <meta name="twitter:text:description" content="Ø¬Û Ø§Ù Ø§Ûکس | Ø®Ø±ÛØ¯Ø ٠شخصات Ø Ø¨Ø±Ø±Ø³Û Ù ÙÛ٠ت Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Revvl 7 Pro 5G د٠سÛÙ âکارت ظرÙÛØª Û²ÛµÛ¶ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۸ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØªØ¬ÛâØ§ÙâØ§Ûکس"> 38 <meta name="twitter:creator" content="GLX"> 39 <meta name="twitter:url" content="https://www.GLX.ir/" /> 40 <meta name="twitter:image" content="http://glx.ir/images/product/15565.jpg"> 41 <meta property="twitter:app:country" content="ir"> 42 <meta property="twitter:app:name:googleplay" content="Ø¬Û Ø§Ù Ø§Ûکس | Ø®Ø±ÛØ¯Ø ٠شخصات Ø Ø¨Ø±Ø±Ø³Û Ù ÙÛ٠ت Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Revvl 7 Pro 5G د٠سÛÙ âکارت ظرÙÛØª Û²ÛµÛ¶ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۸ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØªØ¬ÛâØ§ÙâØ§Ûکس"> 43 <meta property="twitter:app:name:ipad" content="Ø¬Û Ø§Ù Ø§Ûکس | Ø®Ø±ÛØ¯Ø ٠شخصات Ø Ø¨Ø±Ø±Ø³Û Ù ÙÛ٠ت Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Revvl 7 Pro 5G د٠سÛÙ âکارت ظرÙÛØª Û²ÛµÛ¶ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۸ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØªØ¬ÛâØ§ÙâØ§Ûکس"> 44 <meta property="twitter:app:name:iphone" content="Ø¬Û Ø§Ù Ø§Ûکس | Ø®Ø±ÛØ¯Ø ٠شخصات Ø Ø¨Ø±Ø±Ø³Û Ù ÙÛ٠ت Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Revvl 7 Pro 5G د٠سÛÙ âکارت ظرÙÛØª Û²ÛµÛ¶ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۸ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØªØ¬ÛâØ§ÙâØ§Ûکس"> 45 <meta name="theme-color" content="#3166bc"> 46 47 48 49
49<script src="/Scripts/jquery-1.10.2.min.js" type="text/javascript"></script>
49 50 51 52 <link rel="shortcut icon" href="/Content/BaseTemplate/Images/favicon.png"> 53 <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/Content/BaseTemplate/Images/favicon.png"> 54 <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/Content/BaseTemplate/Images/favicon.png"> 55 <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/Content/BaseTemplate/Images/favicon.png"> 56 <link rel="apple-touch-icon-precomposed" href="/Content/BaseTemplate/Images/favicon.png "> 57 58 <link href="/Content/BaseTemplate/css/fontawesome-all.min.css" rel="stylesheet" /> 59 60 <link href="/Content/NewTheme/public/assets/js/plugin/swiper/swiper-bundle.min.css" rel="stylesheet" /> 61 <link href="/Content/NewTheme/public/assets/css/app.css" rel="stylesheet" /> 62 63 64 <style> 65 @media (max-width: 767px) { 66 .glx-header-row { gap: 6px; } 67 .glx-header-brand, .glx-header-actions { gap: 6px; flex-shrink: 0; } 68 .glx-header-brand > a { flex: 0 0 80px; } 69 .glx-header-brand > a > img { width: 80px; max-width: none; height: auto; } 70 .glx-header-brand > button, 71 .glx-header-actions > button, 72 .glx-header-actions > a, 73 .glx-header-actions > .relative > a { 74 width: 40px; 75 height: 44px; 76 padding-left: 0; 77 padding-right: 0; 78 flex-shrink: 0; 79 display: inline-flex; 80 align-items: center; 81 justify-content: center; 82 } 83 } 84 @media (max-width: 359px) { 85 .glx-header-row, .glx-header-brand, .glx-header-actions { gap: 4px; } 86 .glx-header-brand > button, 87 .glx-header-actions > button, 88 .glx-header-actions > a, 89 .glx-header-actions > .relative > a { width: 36px; } 90 } 91 .glx-search-panel { color:#172033; background:#fff; border:1px solid #e2e8f0; border-radius:18px; padding:8px; box-shadow:0 18px 45px #0f172a26; text-align:right; } 92 .glx-search-panel[hidden] { display:none !important; } 93 #mega-search-panel { position:absolute; top:calc(100% + 10px); right:0; left:0; z-index:10001; max-height:min(65vh,440px); overflow-y:auto; } 94 #mobile-search-panel { margin:0 20px 20px; overflow-y:auto; min-height:0; } 95 .glx-search-option { display:flex; align-items:center; gap:12px; padding:15px 12px; min-height:52px; border-radius:12px; text-decoration:none; color:inherit; } 96 .glx-search-option + .glx-search-option { border-top:1px solid #f1f5f9; } 97 .glx-search-option:hover,.glx-search-option[aria-selected="true"],.glx-search-option:focus-visible { background:#eff6ff; color:#1d4ed8; outline:2px solid transparent; } 98 .glx-search-term { flex:1; min-width:0; overflow-wrap:anywhere; font-size:14px; font-weight:700; } 99 .glx-search-scope { flex-shrink:0; max-width:55%; font-size:12px; color:#64748b; } 100 .glx-search-status { padding:9px 12px 5px; font-size:11px; color:#64748b; } 101 .dark .glx-search-panel { background:#101827; border-color:#334155; color:#f1f5f9; } 102 .dark .glx-search-option + .glx-search-option { border-color:#263244; } 103 .dark .glx-search-option:hover,.dark .glx-search-option[aria-selected="true"],.dark .glx-search-option:focus-visible { background:#1e3a5f; color:#bfdbfe; } 104 .dark .glx-search-scope,.dark .glx-search-status { color:#b4c2d5; } 105 #search-modal > .relative { background:#f8fafc; } 106 .dark #search-modal > .relative { background:#0b1220; } 107 #wa { position:fixed; right:30px; bottom:calc(70px + env(safe-area-inset-bottom,0px)); z-index:120; font:inherit; color:#172033; } 108 #wa [hidden] { display:none !important; } 109 #wa button,#wa a { -webkit-tap-highlight-color:transparent; } 110 #wa button:focus-visible,#wa a:focus-visible { outline:3px solid #f59e0b; outline-offset:4px; } 111 #wa .eita-trigger { display:flex; align-items:center; gap:10px; border:0; background:transparent; padding:0; cursor:pointer; color:inherit; } 112 #wa .eita-icon { display:flex; align-items:center; justify-content:center; width:56px; height:56px; border-radius:20px; background:#ef7c00; box-shadow:0 8px 24px #ef7c0040; }
113 #wa .eita-icon img { object-fit:contain; } 114 #wa .eita-caption { padding:11px 14px; border:1px solid #e2e8f0; border-radius:14px; background:#fff; box-shadow:0 4px 18px #0f172a12; font-size:12px; font-weight:700; } 115 #wa .eita-trigger[aria-expanded="true"] .eita-caption { visibility:hidden; } 116 #wa .eita-panel { position:absolute; bottom:72px; right:0; width:340px; max-width:calc(100vw - 32px); max-height:calc(100dvh - 180px - env(safe-area-inset-bottom,0px)); overflow:auto; background:#fff; border:1px solid #e2e8f0; border-radius:24px; box-shadow:0 18px 55px #0f172a26; } 117 #wa .eita-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; padding:20px 16px; background:#fff3e5; border-bottom:1px solid #ffdfb9; } 118 #wa .eita-heading h2 { margin:0; font-size:15px; font-weight:800; line-height:2; } 119 #wa .eita-heading p { margin:5px 0 0; font-size:12px; line-height:1.9; color:#78502a; } 120 #wa #eita-close { flex-shrink:0; width:40px; height:40px; border:0; border-radius:12px; background:#ffffffb3; color:#9a4700; font-size:26px; cursor:pointer; } 121 #wa .eita-content { padding:18px 16px; } 122 #wa .eita-hours { margin:0 0 12px; font-size:12px; color:#64748b; line-height:2; } 123 #wa #eita-status { font-size:12px; line-height:2; color:#64748b; } 124 #wa #eita-status:empty { display:none; } 125 #wa .eita-chat { display:flex; align-items:center; gap:10px; padding:14px 12px; border:1px solid #fed7aa; border-radius:16px; background:#fffaf5; color:#9a4700; text-decoration:none; font-size:12px; font-weight:800; transition:background-color .2s; } 126 #wa .eita-chat:hover { background:#ffedd5; } 127 #wa .eita-chat img { flex-shrink:0; object-fit:contain; } 128 #wa .eita-chat > span:first-of-type { flex:1; min-width:0; line-height:1.9; } 129 #wa .eita-chat small { display:block; margin-top:4px; font-size:11px; font-weight:400; color:#78502a; } 130 #wa #eita-retry { margin-top:12px; min-height:44px; padding:8px 16px; border:1px solid #fdba74; border-radius:12px; background:#fff7ed; color:#9a4700; cursor:pointer; font-size:12px; } 131 .dark #wa { color:#f1f5f9; } 132 .dark #wa .eita-caption,.dark #wa .eita-panel { background:#111827; border-color:#374151; } 133 .dark #wa .eita-heading { background:#31251c; border-color:#604028; } 134 .dark #wa .eita-heading p,.dark #wa .eita-chat small { color:#e8be96; } 135 .dark #wa .eita-hours,.dark #wa #eita-status { color:#b4c2d5; } 136 .dark #wa #eita-close,.dark #wa #eita-retry,.dark #wa .eita-chat { background:#31251c; border-color:#604028; color:#fdba74; } 137 .dark #wa .eita-chat:hover { background:#45301d; } 138 @media(max-width:767px) { #wa { right:16px; bottom:calc(100px + env(safe-area-inset-bottom,0px)); } #wa .eita-panel { max-height:calc(100dvh - 200px - env(safe-area-inset-bottom,0px)); } } 139 @media(prefers-reduced-motion:reduce) { #wa .eita-chat { transition:none; } } 140 </style> 141</head> 142<body class="bg-[#fcfdfe] dark:bg-[#050505] min-h-screen transition-colors duration-700 selection:bg-blue-500/30 selection:text-blue-600 overflow-x-hidden"> 143 144 <!-- NEON LIGHT --> 145 <div class="fixed inset-0 pointer-events-none -z-[60] overflow-hidden bg-[#fafbfc] dark:bg-[#030303]"> 146 147 <div class="absolute -top-[15%] -left-[10%] w-[70%] h-[70%] bg-indigo-500/10 dark:bg-indigo-600/[0.15] blur-[150px] rounded-full animate-pulse" style="animation-duration: 8s;"></div> 148 149 <div class="absolute -bottom-[15%] -right-[10%] w-[70%] h-[70%] bg-blue-500/10 dark:bg-blue-600/[0.18] blur-[150px] rounded-full animate-pulse" style="animation-duration: 10s;"></div> 150 151 <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[50%] h-[50%] bg-blue-400/[0.03] dark:bg-blue-500/[0.05] blur-[120px] rounded-full"></div> 152 153 <div class="absolute inset-0 opacity-[0.03] dark:opacity-[0.06] pointer-events-none mix-blend-multiply dark:mix-blend-soft-light" 154 style="background-image: url('data:image/svg+xml,%3Csvg viewBox=\'0 0 200 200\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cfilter id=\'n\'%3E%3CfeTurbulence type=\'fractalNoise\' baseFrequency=\'0.8\' numOctaves=\'4\' stitchTiles=\'stitch\'/%3E%3C/filter%3E%3Crect width=\'100%25\' height=\'100%25\' filter=\'url(%23n)\'/%3E%3C/svg%3E');"> 155 </div> 156 </div> 157 <!-- END NEON LIGHT --> 158 <!-- HEADER --> 159 <header class="glass-header sticky top-0 z-50 border-b drop-shadow border-gray-200/50 dark:border-gray-800/50 bg-white/80 dark:bg-gray-950/80 backdrop-blur-xl transition-all duration-300"> 160 161 162 163 <div class="container"> 164 <div class="glx-header-row flex items-center justify-between h-20 gap-8"> 165 166 <div class="glx-header-brand flex items-center gap-4"> 167 <button id="resMenu" class="lg:hidden p-2 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-full transition-colors"> 168 <svg class="w-6 h-6 text-gray-700 dark:text-gray-300" fill="none" stroke="currentColor" viewBox="0 0 24 24">
168<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4 6h16M4 12h16m-7 6h7" /></svg> 169 </button> 170 <button id="mobile-search-toggle" class="md:hidden p-2.5 rounded-xl border border-gray-200/50 dark:border-white/10 bg-white/40 dark:bg-white/5 text-gray-600 dark:text-gray-400 transition-all shadow-sm"> 171 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 172 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> 173 </svg> 174 </button> 175 <a href="/" class="flex items-center gap-2 group"> 176 <img src="/Content/BaseTemplate/images/glx-logo.svg" class="w-30" alt=""> 177 </a> 178 </div> 179 180 <!-- Search --> 181 <div id="search-wrapper" class="hidden md:flex flex-1 max-w-4xl relative group/search mx-auto"> 182 183 <div class="relative w-full z-[10000]"> 184 <input type="text" id="main-search-input" maxlength="100" aria-label="جستجÙÛ Ù ØØµÙÙØ§Øª" 185 class="w-full bg-gray-200/60 dark:bg-[var(--color-primary-950)]/60 backdrop-blur-md border border-gray-300/30 dark:border-white/5 rounded-2xl py-4 pr-12 pl-40 text-sm font-bold text-right outline-none focus:bg-white dark:focus:bg-[var(--color-primary-950)] focus:ring-4 ring-[var(--color-primary-500)]/40 transition-all placeholder:text-gray-500 shadow-sm dark:text-white" 186 placeholder="جستجÙÛ Ø³Ø±Ø§Ø³Ø±Û Ø¯Ø± Ù ØØµÙÙØ§Øª ..." autocomplete="off"> 187 188 <div class="absolute inset-y-0 right-4 flex items-center pointer-events-none text-gray-500"> 189 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" stroke-width="2.5" /></svg> 190 </div> 191 192 <div class="absolute left-2 top-1/2 -translate-y-1/2 flex items-center h-[75%] gap-2" hidden> 193 <div class="h-full w-px bg-gray-300/40 dark:bg-white/10 ml-1"></div> 194 <button class="h-full px-4 flex items-center gap-3 rounded-xl transition-all duration-300 group/archive 195 bg-white border border-gray-200 text-gray-700 shadow-sm hover:border-[var(--color-primary-500)] 196 dark:bg-[var(--color-primary-800)]/60 dark:border-white/10 dark:text-gray-200 dark:hover:bg-[var(--color-primary-500)]/10"> 197 <div class="flex items-center justify-center w-6 h-6 rounded-lg bg-gray-100 dark:bg-white/10 group-hover/archive:bg-[var(--color-primary-500)] group-hover/archive:text-white transition-all duration-300"> 198 <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 199 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M15 19l-7-7 7-7" /> 200 </svg> 201 </div> 202 <span class="text-[11px] font-black whitespace-nowrap">آرشÛÙ Ù ØØµÙÙØ§Øª</span> 203 </button> 204 </div> 205 </div> 206 207 <div id="mega-search-panel" class="glx-search-panel" hidden data-search-url="/Product/SearchSuggestions" data-store-url="/Store/"> 208 <div id="main-search-options" role="listbox" aria-label="Ù¾ÛØ´ÙÙØ§Ø¯ÙØ§Û Ø¬Ø³ØªØ¬Ù"></div> 209 <div class="glx-search-status" role="status" aria-live="polite"></div> 210 </div> 211 212 213 </div> 214 215 <!-- Register and action button--> 216 <div class="glx-header-actions flex items-center gap-3"> 217 218 <button id="dark-mode-toggle" 219 class="p-2.5 rounded-xl border border-gray-200/50 dark:border-white/10 bg-white/40 dark:bg-white/5 backdrop-blur-md hover:border-primary-500/50 hover:bg-white/80 dark:hover:bg-white/10 text-gray-600 dark:text-gray-400 hover:text-primary-500 transition-all duration-300 shadow-sm"> 220 <svg class="w-5 h-5 hidden dark:block" fill="none" stroke="currentColor" viewBox="0 0 24 24">
220<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m9-9h-1M4 9H3m15.364-6.364l-.707.707M6.343 17.657l-.707.707m12.728 0l-.707-.707M6.343 6.343l-.707-.707M12 8a4 4 0 100 8 4 4 0 000-8z" /></svg> 221 <svg class="w-5 h-5 block dark:hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z" /></svg> 222 </button> 223 224 225 <div class="relative group"> 226 <a href="/Account/Login" 227 class="flex items-center gap-2 px-4 py-2.5 rounded-xl border border-gray-200/50 dark:border-white/10 bg-white/40 dark:bg-white/5 backdrop-blur-md hover:border-primary-500/50 hover:bg-primary-50/50 dark:hover:bg-primary-500/10 transition-all duration-300 group shadow-sm"> 228 <svg class="w-5 h-5 text-gray-600 dark:text-gray-400 group-hover:text-primary-600 transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" /></svg> 229 <span class="text-xs font-black text-gray-700 dark:text-gray-200 hidden lg:block uppercase tracking-tighter">ÙØ±Ùد ÛØ§ ثبتâÙØ§Ù </span> 230 </a> 231 </div> 232 233 234<style type="text/css"> 235 236 .dropdown-menu { 237 position: absolute; 238 top: 60px; 239 left: 70px; 240 z-index: 1000; 241 display: none; 242 float: left; 243 min-width: 10rem; 244 padding: .5rem 0; 245 margin: .125rem 0 0; 246 font-size: 1rem; 247 /*color: #212529;*/ 248 text-align: left; 249 list-style: none; 250 /*background-color: #fff;*/ 251 background-clip: padding-box; 252 border: 1px solid rgba(0, 0, 0, .15); 253 border-radius: .25rem; 254 } 255 256 .dropdown-menu { 257 border: 0; 258 box-shadow: 0 10px 50px 0 rgba(0, 0, 0, .2); 259 border-radius: .125rem; 260 transition: all .15s linear; 261 font-size: 14px; 262 } 263 264 .dropdown-menu.show { 265 display: block; 266 } 267 268 .dropdown-menu.profile-box { 269 min-width: 12rem; 270 overflow: hidden; 271 padding: 0; 272 margin: 0; 273 border-radius: 10px; 274 direction: rtl; 275 } 276 277 278 .dropdown-menu:before { 279 display: inline-block; 280 position: absolute; 281 width: 0; 282 height: 0; 283 vertical-align: middle; 284 content: ""; 285 top: -5px; 286 left: 10px; 287 right: auto; 288 color: #fff; 289 /* border-bottom: .4em solid; 290 border-right: .4em solid transparent; 291 border-left: .4em solid transparent;*/ 292 } 293 294 295 .header-profile-dropdown-account-container { 296 padding-top: 8px; 297 padding-bottom: 8px; 298 position: relative; 299 /*border-top: 1px solid transparent; 300 border-bottom: 1px solid #f0f0f1;*/ 301 cursor: pointer; 302 } 303 304 .header-profile-dropdown-user { 305 display: -webkit-box; 306 display: -ms-flexbox; 307 display: flex; 308 -webkit-box-align: center; 309 -ms-flex-align: center; 310 align-items: center; 311 padding: 0 12px; 312 position: relative; 313 z-index: 1; 314 } 315 316 .header-profile-dropdown-user-img { 317 font-size: 2em; 318 } 319 320 .header-profile-dropdown-user-info { 321 margin-right: 8px; 322 text-align: right; 323 } 324 325 .navbar p { 326 display: inline-block; 327 margin: 0; 328 line-height: 21px; 329 font-weight: inherit; 330 font-size: inherit; 331 } 332 333 .header-profile-dropdown-user-profile-link { 334 display: -webkit-box; 335 display: -ms-flexbox; 336 display: flex; 337 -webkit-box-align: center; 338 -ms-flex-align: center; 339 align-items: center; 340 /*color: #1b6ad7;*/ 341 font-size: 10px; 342 font-size: .6rem; 343 line-height: 2em; 344 } 345 346 .header-profile-dropdown-user-profile-link:after { 347 font-size: .7rem; 348 line-height: 2em; 349 margin-right: 8px; 350 content: '\f053'; 351 font-family: Font Awesome\ 5 Pro; 352 -moz-osx-font-smoothing: grayscale; 353 -webkit-font-smoothing: antialiased; 354 display: inline-block; 355 font-style: normal; 356 font-variant: normal; 357 text-rendering: auto; 358 color: #1b6ad7; 359 } 360 361 .header-profile-dropdown-actions { 362 text-align: right; 363 } 364 365 .header-profile-dropdown-action { 366 display: -webkit-box; 367 display: -ms-flexbox; 368 display: flex; 369 -webkit-box-align: center; 370 -ms-flex-align: center; 371 align-items: center; 372 font-size: 11px; 373 line-height: 1.2em; 374 padding: 10px 20px; 375 cursor: pointer; 376 /*color: #424750;*/
377 /*border-bottom: 1px solid #f0f0f1;*/ 378 } 379 380 .pl-1, .px-1 { 381 padding-left: .25rem !important; 382 } 383 384</style> 385 386 387 388 389 390 391<button id="cart-btn" 392 class="relative p-2.5 rounded-xl border border-secondary-500/20 bg-secondary-500/10 dark:bg-secondary-500/20 backdrop-blur-md hover:bg-secondary-500 hover:text-white transition-all duration-300 group shadow-lg shadow-secondary-500/10"> 393 <svg class="w-6 h-6 text-secondary-600 group-hover:text-white transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z" /></svg> 394 395 <span id="cart-badge-count" class="absolute -top-1.5 -right-1.5 bg-primary-600 text-white text-[10px] font-black w-5 h-5 flex items-center justify-center rounded-lg border-2 border-white dark:border-gray-950 shadow-sm"> 396 </span> 397</button> 398 399 400 </div> 401 402 </div> 403 </div> 404 405 <nav class="hidden lg:block bg-white/50 dark:bg-gray-950/50 border-t border-gray-100 dark:border-gray-800"> 406 <div class="container mx-auto px-8"> 407 <ul class="flex items-center gap-8 py-3"> 408 409 <!--<li class="group/main static"> 410 <a href="#" class="flex items-center gap-2 py-4 text-[13px] font-bold text-gray-800 dark:text-gray-200 group-hover/main:text-[var(--color-primary-500)] transition-colors"> 411 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-5"> 412 <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" /> 413 </svg> 414 ٠گاتب Ù ÙÙ 415 </a> 416 417 <div class="absolute top-full right-0 left-0 w-full bg-white dark:bg-[var(--color-primary-950)] border-t border-gray-100 dark:border-[var(--color-primary-900)] shadow-2xl opacity-0 invisible group-hover/main:opacity-100 group-hover/main:visible transition-all duration-200 z-50 flex h-[580px]"> 418 <div class="container mx-auto flex h-full"> 419 420 <div class="w-64 border-l border-gray-100 dark:border-[var(--color-primary-900)] py-2 overflow-y-auto bg-gray-50/80 dark:bg-[var(--color-primary-900)]/30"> 421 <ul class="flex flex-col">--> 422 <!--Digital goods--> 423 <!--<li class="mega-tab-item active group/tab" data-target="dk-digital"> 424 <a href="#" class="flex items-center gap-3 px-6 py-4 text-[13px] font-bold text-gray-600 dark:text-gray-400 group-[.active]/tab:bg-white dark:group-[.active]/tab:bg-[var(--color-primary-950)] group-[.active]/tab:text-[var(--color-primary-600)] dark:group-[.active]/tab:text-[var(--color-primary-400)] transition-all"> 425 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 426 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 18h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z"></path> 427 </svg> 428 Ú©Ø§ÙØ§Û Ø¯ÛØ¬Ûتا٠429 </a> 430 </li>--> 431 <!--Home and kitchen--> 432 <!--<li class="mega-tab-item group/tab" data-target="dk-home"> 433 <a href="#" class="flex items-center gap-3 px-6 py-4 text-[13px] font-bold text-gray-600 dark:text-gray-400 group-[.active]/tab:bg-white dark:group-[.active]/tab:bg-[var(--color-primary-950)] group-[.active]/tab:text-[var(--color-primary-600)] transition-all"> 434 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 435 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"></path> 436 </svg> 437 خاÙ٠٠آشپزخاÙÙ 438 </a> 439 </li>--> 440 <!--Fashion and clothing--> 441 <!--<li class="mega-tab-item group/tab" data-target="dk-fashion"> 442 <a href="#" class="flex items-center gap-3 px-6 py-4 text-[13px] font-bold text-gray-600 dark:text-gray-400 group-[.active]/tab:bg-white dark:group-[.active]/tab:bg-[var(--color-primary-950)] group-[.active]/tab:text-[var(--color-primary-600)] transition-all"> 443 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 444 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path> 445 </svg> 446 ٠د Ù Ù¾ÙØ´Ø§Ú© 447 </a> 448 </li>--> 449 <!--Beauty and health--> 450 <!--<li class="mega-tab-item group/tab" data-target="dk-beauty"> 451 <a href="#" class="flex items-center gap-3 px-6 py-4 text-[13px] font-bold text-gray-600 dark:text-gray-400 group-[.active]/tab:bg-white dark:group-[.active]/tab:bg-[var(--color-primary-950)] group-[.active]/tab:text-[var(--color-primary-600)] transition-all"> 452 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 453 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path> 454 </svg> 455 Ø²ÛØ¨Ø§ÛÛ Ù Ø³ÙØ§Ù ت 456 </a> 457 </li>--> 458 <!--Toys and children--> 459 <!--<li class="mega-tab-item group/tab" data-target="dk-toys"> 460 <a href="#" class="flex items-center gap-3 px-6 py-4 text-[13px] font-bold text-gray-600 dark:text-gray-400 group-[.active]/tab:bg-white dark:group-[.active]/tab:bg-[var(--color-primary-950)] group-[.active]/tab:text-[var(--color-primary-600)] transition-all"> 461 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 462 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z"></path> 463 </svg>
464 اسباب Ø¨Ø§Ø²Û Ù Ú©ÙØ¯Ú© 465 </a> 466 </li>--> 467 <!--Sports and travel--> 468 <!--<li class="mega-tab-item group/tab" data-target="dk-sports"> 469 <a href="#" class="flex items-center gap-3 px-6 py-4 text-[13px] font-bold text-gray-600 dark:text-gray-400 group-[.active]/tab:bg-white dark:group-[.active]/tab:bg-[var(--color-primary-950)] group-[.active]/tab:text-[var(--color-primary-600)] transition-all"> 470 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 471 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path> 472 </svg> 473 ÙØ±Ø²Ø´ Ù Ø³ÙØ± 474 </a> 475 </li>--> 476 <!--Books and stationery--> 477 <!--<li class="mega-tab-item group/tab" data-target="dk-books"> 478 <a href="#" class="flex items-center gap-3 px-6 py-4 text-[13px] font-bold text-gray-600 dark:text-gray-400 group-[.active]/tab:bg-white dark:group-[.active]/tab:bg-[var(--color-primary-950)] group-[.active]/tab:text-[var(--color-primary-600)] transition-all"> 479 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 480 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"></path> 481 </svg> 482 کتاب Ù ÙÙØ§Ø²Ù ØªØØ±Ûر 483 </a> 484 </li>--> 485 <!--Cars and motorcycles--> 486 <!--<li class="mega-tab-item group/tab" data-target="dk-auto"> 487 <a href="#" class="flex items-center gap-3 px-6 py-4 text-[13px] font-bold text-gray-600 dark:text-gray-400 group-[.active]/tab:bg-white dark:group-[.active]/tab:bg-[var(--color-primary-950)] group-[.active]/tab:text-[var(--color-primary-600)] transition-all"> 488 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 489 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4"></path> 490 </svg> 491 Ø®ÙØ¯Ø±Ù Ù Ù ÙØªÙرسÛÚ©ÙØª 492 </a> 493 </li>--> 494 <!--Industrial and tools--> 495 <!--<li class="mega-tab-item group/tab" data-target="dk-tools"> 496 <a href="#" class="flex items-center gap-3 px-6 py-4 text-[13px] font-bold text-gray-600 dark:text-gray-400 group-[.active]/tab:bg-white dark:group-[.active]/tab:bg-[var(--color-primary-950)] group-[.active]/tab:text-[var(--color-primary-600)] transition-all"> 497 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 498 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"></path> 499 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path> 500 </svg> 501 ØµÙØ¹ØªÛ ٠ابزار 502 </a> 503 </li>--> 504 <!--Agriculture and horticulture--> 505 <!--<li class="mega-tab-item group/tab" data-target="dk-garden"> 506 <a href="#" class="flex items-center gap-3 px-6 py-4 text-[13px] font-bold text-gray-600 dark:text-gray-400 group-[.active]/tab:bg-white dark:group-[.active]/tab:bg-[var(--color-primary-950)] group-[.active]/tab:text-[var(--color-primary-600)] transition-all"> 507 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 508 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 11.5V14m0-2.5v-6a1.5 1.5 0 113 0m-3 6a1.5 1.5 0 00-3 0v2a7.5 7.5 0 0015 0v-5a1.5 1.5 0 00-3 0m-6-3V11m0-5.5v-1a1.5 1.5 0 013 0v1m0 0V11m0-5.5a1.5 1.5 0 013 0v3m0 0V11"></path> 509 </svg> 510 Ú©Ø´Ø§ÙØ±Ø²Û ٠باغباÙÛ 511 </a> 512 </li> 513 </ul> 514 </div> 515 516 <div class="flex-1 p-8 overflow-y-auto custom-scrollbar bg-white dark:bg-[var(--color-primary-950)]">--> 517 <!--Digital goods--> 518 <!--<div id="dk-digital" class="mega-tab-content"> 519 <div class="flex items-center justify-between mb-8"> 520 <a href="#" class="flex items-center gap-1 text-[14px] font-black text-gray-900 dark:text-white hover:text-[var(--color-primary-500)]"> 521 Ù Ø´Ø§ÙØ¯Ù ØªÙ Ø§Ù Ù ØØµÙÙØ§Øª Ú©Ø§ÙØ§Û Ø¯ÛØ¬Ûتا٠522 <svg class="w-4 h-4 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
522<path d="M9 5l7 7-7 7" stroke-width="3" /></svg> 523 </a> 524 </div> 525 526 <div class="grid grid-cols-4 gap-x-6 gap-y-10"> 527 <div class="space-y-4"> 528 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-[var(--color-primary-500)] pr-3"> 529 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 18h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z"></path></svg> 530 Ù ÙØ¨Ø§ÛÙ 531 </a> 532 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 533 <li><a href="#" class="hover:text-[var(--color-primary-500)] transition-colors">Ú¯ÙØ´ÛâÙØ§Û ÙÙØ´Ù ÙØ¯</a></li> 534 <li><a href="#" class="hover:text-[var(--color-primary-500)] transition-colors">Ø¨Ø±ÙØ¯ اپ٠(iPhone)</a></li> 535 <li><a href="#" class="hover:text-[var(--color-primary-500)] transition-colors">Ø¨Ø±ÙØ¯ سا٠سÙÙÚ¯</a></li> 536 <li><a href="#" class="hover:text-[var(--color-primary-500)] transition-colors">Ø¨Ø±ÙØ¯ Ø´ÛØ§Ø¦ÙÙ Û</a></li> 537 <li><a href="#" class="hover:text-[var(--color-primary-500)] transition-colors">Ú¯ÙØ´ÛâÙØ§Û Ù ÛØ§ÙâØ±Ø¯Ù</a></li> 538 <li><a href="#" class="hover:text-[var(--color-primary-500)] transition-colors">Ú¯ÙØ´ÛâÙØ§Û Ø§ÙØªØµØ§Ø¯Û</a></li> 539 <li><a href="#" class="hover:text-[var(--color-primary-500)] transition-colors">Ú¯ÙØ´ÛâÙØ§Û Ú¯ÛÙ ÛÙÚ¯</a></li> 540 </ul> 541 </div> 542 543 <div class="space-y-4"> 544 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-[var(--color-primary-500)] pr-3"> 545 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path></svg> 546 ÙÙ¾âØªØ§Ù¾ 547 </a> 548 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 549 <li><a href="#" class="hover:text-[var(--color-primary-500)]">ÙÙ¾âØªØ§Ù¾âÙØ§Û Ú¯ÛÙ ÛÙÚ¯</a></li> 550 <li><a href="#" class="hover:text-[var(--color-primary-500)]">Ù Ú©âØ¨ÙÚ©âÙØ§Û اپÙ</a></li> 551 <li><a href="#" class="hover:text-[var(--color-primary-500)]">ÙÙ¾âØªØ§Ù¾âÙØ§Û تجارÛ</a></li> 552 <li><a href="#" class="hover:text-[var(--color-primary-500)]">ÙÙ¾âØªØ§Ù¾âÙØ§Û Ø¯Ø§ÙØ´Ø¬ÙÛÛ</a></li> 553 <li><a href="#" class="hover:text-[var(--color-primary-500)]">ÙÙ¾âØªØ§Ù¾âÙØ§Û ÙÙ٠سبک</a></li> 554 </ul> 555 </div> 556 557 <div class="space-y-4"> 558 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-[var(--color-primary-500)] pr-3"> 559 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"></path></svg> 560 ÙØ¯ÙÙ٠٠ساعت 561 </a> 562 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 563 <li><a href="#" class="hover:text-[var(--color-primary-500)]">ÙÙØ¯Ø²ÙØ±Û Ø¨ÛâØ³ÛÙ </a></li> 564 <li><a href="#" class="hover:text-[var(--color-primary-500)]">ساعتâÙØ§Û ÙÙØ´Ù ÙØ¯</a></li> 565 <li><a href="#" class="hover:text-[var(--color-primary-500)]">ÙØ¯ÙÙÙâÙØ§Û Ú¯ÛÙ ÛÙÚ¯</a></li> 566 <li><a href="#" class="hover:text-[var(--color-primary-500)]">اسپÛکر Ù Ø³ÛØ³ØªÙ ØµÙØªÛ</a></li> 567 <li><a href="#" class="hover:text-[var(--color-primary-500)]">Ù ÚâØ¨ÙØ¯ Ø³ÙØ§Ù ت</a></li> 568 <li><a href="#" class="hover:text-[var(--color-primary-500)]">ÙØ¯ÙÙÙâÙØ§Û ÙÙÛØ²Ú©ÙسÙÛÙÚ¯</a></li> 569 </ul> 570 </div> 571 572 <div class="space-y-4"> 573 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-[var(--color-primary-500)] pr-3"> 574 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
574<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"></path></svg> 575 ÙÙØ§Ø²Ù Ø¬Ø§ÙØ¨Û 576 </a> 577 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 578 <li><a href="#" class="hover:text-[var(--color-primary-500)]">Ú©Ø§Ø¨Ù Ù Ø´Ø§Ø±ÚØ±</a></li> 579 <li><a href="#" class="hover:text-[var(--color-primary-500)]">Ù¾Ø§ÙØ±Ø¨Ø§ÙÚ© (Ø´Ø§Ø±ÚØ± Ù٠راÙ)</a></li> 580 <li><a href="#" class="hover:text-[var(--color-primary-500)]">Ú©ÛÙ Ù Ú©Ø§ÙØ±</a></li> 581 <li><a href="#" class="hover:text-[var(--color-primary-500)]">پاÛÙ Ù ÙØ¨Ø§ÛÙ Ù ÙÙ¾âØªØ§Ù¾</a></li> 582 <li><a href="#" class="hover:text-[var(--color-primary-500)]">Ù ØØ§Ùظ ØµÙØÙ ÙÙ Ø§ÛØ´</a></li> 583 </ul> 584 </div> 585 586 <div class="space-y-4"> 587 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-[var(--color-primary-500)] pr-3"> 588 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 8h14M5 8a2 2 0 110-4h14a2 2 0 110 4M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8m-9 4h4"></path></svg> 589 Ø°Ø®ÛØ±ÙâØ³Ø§Ø²Û 590 </a> 591 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 592 <li><a href="#" class="hover:text-[var(--color-primary-500)]">ÙØ§Ø±Ø¯ Ø§Ú©Ø³ØªØ±ÙØ§Ù</a></li> 593 <li><a href="#" class="hover:text-[var(--color-primary-500)]">ÙÙØ´ Ù Ù ÙØ±Û</a></li> 594 <li><a href="#" class="hover:text-[var(--color-primary-500)]">کارت ØØ§ÙظÙ</a></li> 595 <li><a href="#" class="hover:text-[var(--color-primary-500)]">ÙØ§Ø±Ø¯ SSD</a></li> 596 <li><a href="#" class="hover:text-[var(--color-primary-500)]">دراÛÙÙØ§Û NAS</a></li> 597 </ul> 598 </div> 599 600 <div class="space-y-4"> 601 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-[var(--color-primary-500)] pr-3"> 602 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 13a3 3 0 11-6 0 3 3 0 016 0z"></path></svg> 603 Ø¯ÙØ±Ø¨ÛÙ 604 </a> 605 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 606 <li><a href="#" class="hover:text-[var(--color-primary-500)]">Ø¯ÙØ±Ø¨Û٠عکاسÛ</a></li> 607 <li><a href="#" class="hover:text-[var(--color-primary-500)]">ÙÙØ² Ù ÙÙØ§Ø²Ù ØØ±ÙÙâØ§Û</a></li> 608 <li><a href="#" class="hover:text-[var(--color-primary-500)]">Ø¯ÙØ±Ø¨ÛÙ ÙÛÙ٠بردارÛ</a></li> 609 <li><a href="#" class="hover:text-[var(--color-primary-500)]">Ø¯ÙØ±Ø¨ÛÙâÙØ§Û اکشÙ</a></li> 610 <li><a href="#" class="hover:text-[var(--color-primary-500)]">Ø¯ÙØ±Ø¨ÛÙâÙØ§Û ٠داربستÙ</a></li> 611 </ul> 612 </div> 613 614 <div class="space-y-4"> 615 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-[var(--color-primary-500)] pr-3"> 616 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
616<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z"></path></svg> 617 کا٠پÛÙØªØ± Ù ÙØ·Ø¹Ø§Øª 618 </a> 619 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 620 <li><a href="#" class="hover:text-[var(--color-primary-500)]">کارت گراÙÛÚ©</a></li> 621 <li><a href="#" class="hover:text-[var(--color-primary-500)]">Ù¾Ø±Ø¯Ø§Ø²ÙØ¯Ù (CPU)</a></li> 622 <li><a href="#" class="hover:text-[var(--color-primary-500)]">Ù Ø§Ø¯Ø±Ø¨ÙØ±Ø¯</a></li> 623 <li><a href="#" class="hover:text-[var(--color-primary-500)]">ر٠(RAM)</a></li> 624 <li><a href="#" class="hover:text-[var(--color-primary-500)]">٠اÙÛØªÙر Ù ÙÙ Ø§ÛØ´Ú¯Ø±</a></li> 625 <li><a href="#" class="hover:text-[var(--color-primary-500)]">Ú©ÛØ¨Ùرد Ù Ù ÙØ³</a></li> 626 </ul> 627 </div> 628 629 <div class="space-y-4"> 630 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-[var(--color-primary-500)] pr-3"> 631 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z"></path></svg> 632 Ú¯ÛÙ ÛÙÚ¯ 633 </a> 634 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 635 <li><a href="#" class="hover:text-[var(--color-primary-500)]">Ú©ÙØ³Ù٠بازÛ</a></li> 636 <li><a href="#" class="hover:text-[var(--color-primary-500)]">دست٠بازÛ</a></li> 637 <li><a href="#" class="hover:text-[var(--color-primary-500)]">ØµÙØ¯ÙÛ Ú¯ÛÙ ÛÙÚ¯</a></li> 638 <li><a href="#" class="hover:text-[var(--color-primary-500)]">Ù ÛØ² Ú¯ÛÙ ÛÙÚ¯</a></li> 639 <li><a href="#" class="hover:text-[var(--color-primary-500)]">کارت گراÙÛÚ© Ú¯ÛÙ ÛÙÚ¯</a></li> 640 </ul> 641 </div> 642 </div> 643 </div>--> 644 <!--Home and kitchen--> 645 <!--<div id="dk-home" class="mega-tab-content hidden"> 646 <div class="flex items-center justify-between mb-8"> 647 <a href="#" class="flex items-center gap-1 text-[14px] font-black text-gray-900 dark:text-white hover:text-green-500"> 648 Ù Ø´Ø§ÙØ¯Ù ØªÙ Ø§Ù Ù ØØµÙÙØ§Øª خاÙ٠٠آشپزخاÙÙ 649 <svg class="w-4 h-4 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M9 5l7 7-7 7" stroke-width="3" /></svg> 650 </a> 651 </div> 652 653 <div class="grid grid-cols-4 gap-x-6 gap-y-10"> 654 <div class="space-y-4"> 655 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-green-500 pr-3">ÙÙØ§Ø²Ù آشپزخاÙÙ</a> 656 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 657 <li><a href="#" class="hover:text-green-500">ÛØ®ÚØ§Ù Ù ÙØ±Ûزر</a></li> 658 <li><a href="#" class="hover:text-green-500">
658اجا٠گاز Ù ÙÙØ¯</a></li> 659 <li><a href="#" class="hover:text-green-500">٠اشÛÙ Ø¸Ø±ÙØ´ÙÛÛ</a></li> 660 <li><a href="#" class="hover:text-green-500">٠اÛکرÙÙÛÙ Ù ÙØ±</a></li> 661 <li><a href="#" class="hover:text-green-500">ÚØ§ÛâØ³Ø§Ø² Ù ÙÙÙÙâØ³Ø§Ø²</a></li> 662 <li><a href="#" class="hover:text-green-500">Ø¢Ø¨âØ³Ø±Ø¯Ú©Ù Ù ØªØµÙÛ٠آب</a></li> 663 </ul> 664 </div> 665 666 <div class="space-y-4"> 667 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-green-500 pr-3">٠بÙ٠اÙ</a> 668 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 669 <li><a href="#" class="hover:text-green-500">Ù Ø¨Ù Ù Ú©Ø§ÙØ§Ù¾Ù</a></li> 670 <li><a href="#" class="hover:text-green-500">ØµÙØ¯ÙÛ Ù Ù ÛØ² ÙØ§ÙØ§Ø±Ø®ÙØ±Û</a></li> 671 <li><a href="#" class="hover:text-green-500">تخت Ø®ÙØ§Ø¨</a></li> 672 <li><a href="#" class="hover:text-green-500">ک٠د Ù ÙÙØ³Ù</a></li> 673 <li><a href="#" class="hover:text-green-500">Ù ÛØ² ØªØØ±Ûر ٠کتابخاÙÙ</a></li> 674 </ul> 675 </div> 676 677 <div class="space-y-4"> 678 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-green-500 pr-3">Ø¯Ú©ÙØ±Ø§Ø³ÛÙÙ</a> 679 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 680 <li><a href="#" class="hover:text-green-500">پرد٠٠رÙÙ ÛØ²Û</a></li> 681 <li><a href="#" class="hover:text-green-500">ÙØ±Ø´ Ù Ú¯ÙÛÙ </a></li> 682 <li><a href="#" class="hover:text-green-500">تابÙ٠٠ساعت دÛÙØ§Ø±Û</a></li> 683 <li><a href="#" class="hover:text-green-500">Ú¯ÙØ¯Ø§Ù ٠تزئÛÙØ§Øª</a></li> 684 <li><a href="#" class="hover:text-green-500">Ø¢ÛÙ٠٠ش٠عداÙ</a></li> 685 </ul> 686 </div> 687 688 <div class="space-y-4"> 689 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-green-500 pr-3">ÙÙØ± Ù Ø±ÙØ´ÙاÛÛ</a> 690 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 691 <li><a href="#" class="hover:text-green-500">ÙÙØ³ØªØ± Ù ÚØ±Ø§Øº</a></li> 692 <li><a href="#" class="hover:text-green-500">ÙØ§Ù Ù¾ Ù ÙØ§ÙÙÚÙ</a></li> 693 <li><a href="#" class="hover:text-green-500">ÚØ±Ø§Øº Ø®ÙØ§Ø¨</a></li> 694 <li><a href="#" class="hover:text-green-500">ÚØ±Ø§Øº Ù Ø·Ø§ÙØ¹Ù</a></li> 695 <li><a href="#" class="hover:text-green-500">ÚØ±Ø§Øº اضطرارÛ</a></li> 696 </ul> 697 </div> 698 699 <div class="space-y-4"> 700 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-green-500 pr-3">سرÙÛØ³ Ø®ÙØ§Ø¨</a> 701 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 702 <li><a href="#" class="hover:text-green-500">Ù ÙØÙÙ Ù Ø±ÙØªØ®ØªÛ</a></li> 703 <li><a href="#" class="hover:text-green-500">Ø¨Ø§ÙØ´ ٠تشک</a></li> 704 <li><a href="#" class="hover:text-green-500">Ù¾ØªÙ Ù ÙØØ§Ù</a></li> 705 <li><a href="#" class="hover:text-green-500">Ø±ÙØ¨Ø§ÙØ´Û Ù Ø±ÙØªØ´Ú©Û</a></li> 706 </ul> 707 </div> 708 709 <div class="space-y-4"> 710 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-green-500 pr-3">ÙØ¸Ø§Ùت</a> 711 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 712 <li><a href="#" class="hover:text-green-500">Ø¬Ø§Ø±ÙØ¨Ø±ÙÛ</a></li> 713 <li><a href="#" class="hover:text-green-500">٠اشÛÙ ÙØ¨Ø§Ø³Ø´ÙÛÛ</a></li> 714 <li><a href="#" class="hover:text-green-500">Ø§ØªÙ Ù Ù ÛØ² اتÙ</a></li> 715 <li><a href="#" class="hover:text-green-500">Ø´ÙÛÙØ¯Ù ٠پاک Ú©ÙÙØ¯Ù</a></li> 716 <li><a href="#" class="hover:text-green-500">سط٠زباÙÙ</a></li> 717 </ul> 718 </div> 719 720 <div class="space-y-4"> 721 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-green-500 pr-3">ØÙ ا٠٠سرÙÛØ³ Ø¨ÙØ¯Ø§Ø´ØªÛ</a> 722 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 723 <li><a href="#" class="hover:text-green-500">Ø¯ÙØ´ Ù Ø´ÛØ±Ø¢Ùات</a></li> 724 <li><a href="#" class="hover:text-green-500">ØªÙØ§Ùت Ù Ø±ÙØ´ÙÛÛ</a></li> 725 <li><a href="#" class="hover:text-green-500">Ù Ùکت Ù ØØµÛر</a></li> 726 <li><a href="#" class="hover:text-green-500">Ø¢ÛÙ٠٠کابÛÙØª</a></li> 727 </ul> 728 </div> 729 730 <div class="space-y-4"> 731 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-green-500 pr-3">ØÛاط ٠تراس</a> 732 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 733 <li><a href="#" class="hover:text-green-500">Ù ÛØ² Ù ØµÙØ¯ÙÛ Ø¨Ø§ØºÚÙ</a></li> 734 <li><a href="#" class="hover:text-green-500">ÚØªØ± Ù Ø³Ø§ÛØ¨Ø§Ù</a></li> 735 <li><a href="#" class="hover:text-green-500">
735باربÛÚ©ÛÙ Ù Ù ÙÙÙ</a></li> 736 <li><a href="#" class="hover:text-green-500">Ú¯ÙØ¯Ø§Ù Ù Ú¯ÛØ§Ù ٠صÙÙØ¹Û</a></li> 737 </ul> 738 </div> 739 </div> 740 </div>--> 741 <!--Fashion and clothing--> 742 <!--<div id="dk-fashion" class="mega-tab-content hidden"> 743 <div class="flex items-center justify-between mb-8"> 744 <a href="#" class="flex items-center gap-1 text-[14px] font-black text-gray-900 dark:text-white hover:text-pink-500"> 745 Ù Ø´Ø§ÙØ¯Ù ØªÙ Ø§Ù Ù ØØµÙÙØ§Øª ٠د Ù Ù¾ÙØ´Ø§Ú© 746 <svg class="w-4 h-4 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M9 5l7 7-7 7" stroke-width="3" /></svg> 747 </a> 748 </div> 749 750 <div class="grid grid-cols-4 gap-x-6 gap-y-10"> 751 <div class="space-y-4"> 752 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-pink-500 pr-3">ÙØ¨Ø§Ø³ ٠رداÙÙ</a> 753 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 754 <li><a href="#" class="hover:text-pink-500">Ù¾ÛØ±Ø§ÙÙ Ù Ø´ÙÙØ§Ø±</a></li> 755 <li><a href="#" class="hover:text-pink-500">تÛâØ´Ø±Øª Ù Ù¾ÙÙÙØ´Ø±Øª</a></li> 756 <li><a href="#" class="hover:text-pink-500">کت Ù Ø´ÙÙØ§Ø±</a></li> 757 <li><a href="#" class="hover:text-pink-500">ÙØ¨Ø§Ø³ ÙØ±Ø²Ø´Û</a></li> 758 <li><a href="#" class="hover:text-pink-500">ÙØ¨Ø§Ø³ Ù Ø¬ÙØ³Û</a></li> 759 <li><a href="#" class="hover:text-pink-500">ÙØ¨Ø§Ø³ Ø²ÛØ±</a></li> 760 </ul> 761 </div> 762 763 <div class="space-y-4"> 764 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-pink-500 pr-3">ÙØ¨Ø§Ø³ Ø²ÙØ§ÙÙ</a> 765 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 766 <li><a href="#" class="hover:text-pink-500">Ù Ø§ÙØªÙ Ù Ø´ÙÙØ§Ø±</a></li> 767 <li><a href="#" class="hover:text-pink-500">بÙÙØ² ٠دا٠Ù</a></li> 768 <li><a href="#" class="hover:text-pink-500">ÙØ¨Ø§Ø³ Ù Ø¬ÙØ³Û</a></li> 769 <li><a href="#" class="hover:text-pink-500">ÙØ¨Ø§Ø³ ÙØ±Ø²Ø´Û</a></li> 770 <li><a href="#" class="hover:text-pink-500">ÙØ¨Ø§Ø³ Ø®ÙØ§Ø¨</a></li> 771 <li><a href="#" class="hover:text-pink-500">ÙØ¨Ø§Ø³ Ø²ÛØ±</a></li> 772 </ul> 773 </div> 774 775 <div class="space-y-4"> 776 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-pink-500 pr-3">بÚÙâگاÙÙ</a> 777 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 778 <li><a href="#" class="hover:text-pink-500">پسراÙÙ</a></li> 779 <li><a href="#" class="hover:text-pink-500">دختراÙÙ</a></li> 780 <li><a href="#" class="hover:text-pink-500">ÙÙØ²Ø§Ø¯Û</a></li> 781 <li><a href="#" class="hover:text-pink-500">ÙØ¨Ø§Ø³ ٠درسÙ</a></li> 782 <li><a href="#" class="hover:text-pink-500">ÙØ¨Ø§Ø³ Ø¹Ø±ÙØ³Ú©</a></li> 783 </ul> 784 </div> 785 786 <div class="space-y-4"> 787 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-pink-500 pr-3">Ú©ÙØ´</a> 788 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 789 <li><a href="#" class="hover:text-pink-500">Ú©ÙØ´ ٠رداÙÙ</a></li> 790 <li><a href="#" class="hover:text-pink-500">Ú©ÙØ´ Ø²ÙØ§ÙÙ</a></li> 791 <li><a href="#" class="hover:text-pink-500">Ú©ÙØ´ ÙØ±Ø²Ø´Û</a></li> 792 <li><a href="#" class="hover:text-pink-500">Ú©ÙØ´ Ù Ø¬ÙØ³Û</a></li> 793 <li><a href="#" class="hover:text-pink-500">Ú©ÙØ´ بÚÙâگاÙÙ</a></li> 794 </ul> 795 </div> 796 797 <div class="space-y-4"> 798 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-pink-500 pr-3">Ø§Ú©Ø³Ø³ÙØ±Û</a> 799 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 800 <li><a href="#" class="hover:text-pink-500">Ú©ÛÙ Ù Ú©ÙÙ٠پشتÛ</a></li> 801 <li><a href="#" class="hover:text-pink-500">Ú©ÙØ§Ù ٠شاÙ</a></li> 802 <li><a href="#" class="hover:text-pink-500">Ú©Ù Ø±Ø¨ÙØ¯ Ù Ø¨ÙØ¯ ساعت</a></li> 803 <li><a href="#" class="hover:text-pink-500">عÛÙÚ© Ø¢ÙØªØ§Ø¨Û</a></li> 804 <li><a href="#" class="hover:text-pink-500">دستکش Ù Ø¬ÙØ±Ø§Ø¨</a></li> 805 </ul> 806 </div> 807 808 <div class="space-y-4"> 809 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-pink-500 pr-3">ساعت ٠زÛÙØ±Ø¢Ùات</a> 810 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 811 <li><a href="#" class="hover:text-pink-500">ساعت Ù ÚÛ</a></li> 812 <li><a href="#" class="hover:text-pink-500">Ú¯Ø±Ø¯ÙØ¨Ùد Ù Ø¯Ø³ØªØ¨ÙØ¯</a></li> 813 <li><a href="#" class="hover:text-pink-500">اÙگشتر ٠اÙÙÚ¯Ù</a></li> 814 <li><a href="#" class="hover:text-pink-500">Ú¯ÙØ´ÙØ§Ø±Ù Ù Ù¾Ø§Ø¨ÙØ¯</a></li> 815 <li><a href="#" class="hover:text-pink-500">ساعت دÛÙØ§Ø±Û</a></li> 816 </ul> 817 </div> 818 819 <div class="space-y-4"> 820 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-pink-500 pr-3">ÙØ¨Ø§Ø³ Ø¹Ø±ÙØ³ ٠دا٠اد</a> 821 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 822 <li><a href="#" class="hover:text-pink-500">ÙØ¨Ø§Ø³ Ø¹Ø±ÙØ³</a></li> 823 <li><a href="#" class="hover:text-pink-500">ÙØ¨Ø§Ø³ دا٠اد</a></li> 824 <li><a href="#" class="hover:text-pink-500">تزئÛÙØ§Øª Ø¹Ø±ÙØ³Û</a></li> 825 <li><a href="#" class="hover:text-pink-500">Ú©ÙØ´ Ø¹Ø±ÙØ³</a></li> 826 </ul> 827 </div> 828 829 <div class="space-y-4"> 830 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-pink-500 pr-3">٠زÙ٠٠اختصاصÛ</a> 831 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 832 <li><a href="#" class="hover:text-pink-500">طراØÛ اختصاصÛ</a></li> 833 <li><a href="#" class="hover:text-pink-500">Ø¯ÙØ®Øª Ø³ÙØ§Ø±Ø´Û</a></li> 834 <li><a href="#" class="hover:text-pink-500">Ø¨Ø±ÙØ¯ÙØ§Û ÙÙکس</a></li> 835 <li><a href="#" class="hover:text-pink-500">ÙØ¨Ø§Ø³ Ø³ÙØªÛ</a></li> 836 </ul> 837 </div> 838 </div> 839 </div>--> 840 <!--Beauty and health--> 841 <!--<div id="dk-beauty" class="mega-tab-content hidden"> 842 <div class="flex items-center justify-between mb-8"> 843 <a href="#" class="flex items-center gap-1 text-[14px] font-black text-gray-900 dark:text-white hover:text-purple-500"> 844 Ù Ø´Ø§ÙØ¯Ù ØªÙ Ø§Ù Ù ØØµÙÙØ§Øª Ø²ÛØ¨Ø§ÛÛ Ù Ø³ÙØ§Ù ت 845 <svg class="w-4 h-4 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
845<path d="M9 5l7 7-7 7" stroke-width="3" /></svg> 846 </a> 847 </div> 848 849 <div class="grid grid-cols-4 gap-x-6 gap-y-10"> 850 <div class="space-y-4"> 851 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-purple-500 pr-3">Ø¢Ø±Ø§ÛØ´Û</a> 852 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 853 <li><a href="#" class="hover:text-purple-500">Ø±Ú ÙØ¨ Ù Ø¨Ø±Ù ÙØ¨</a></li> 854 <li><a href="#" class="hover:text-purple-500">ÙÙÙØ¯Ø§Ø³ÛÙÙ Ù Ù¾ÙØ¯Ø±</a></li> 855 <li><a href="#" class="hover:text-purple-500">ساÛ٠٠خط ÚØ´Ù </a></li> 856 <li><a href="#" class="hover:text-purple-500">رÛÙ Ù Ù Ù ÚÙ</a></li> 857 <li><a href="#" class="hover:text-purple-500">رÚÚ¯ÙÙÙ Ù ÙØ§ÛÙØ§Ûتر</a></li> 858 </ul> 859 </div> 860 861 <div class="space-y-4"> 862 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-purple-500 pr-3">Ø¨ÙØ¯Ø§Ø´ØªÛ</a> 863 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 864 <li><a href="#" class="hover:text-purple-500">Ø´Ø§Ù Ù¾Ù Ù ÙØ±Ù Ú©ÙÙØ¯Ù</a></li> 865 <li><a href="#" class="hover:text-purple-500">صابÙÙ Ù Ú٠شستشÙ</a></li> 866 <li><a href="#" class="hover:text-purple-500">Ø®Ù ÛØ±Ø¯ÙØ¯Ø§Ù Ù Ù Ø³ÙØ§Ú©</a></li> 867 <li><a href="#" class="hover:text-purple-500">ضد تعرÛÙ Ù Ø®ÙØ´Ø¨ÙÚ©ÙÙØ¯Ù</a></li> 868 <li><a href="#" class="hover:text-purple-500">تÙÙØ± Ù Ù Ø±Ø·ÙØ¨ Ú©ÙÙØ¯Ù</a></li> 869 </ul> 870 </div> 871 872 <div class="space-y-4"> 873 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-purple-500 pr-3">عطر</a> 874 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 875 <li><a href="#" class="hover:text-purple-500">عطر ٠رداÙÙ</a></li> 876 <li><a href="#" class="hover:text-purple-500">عطر Ø²ÙØ§ÙÙ</a></li> 877 <li><a href="#" class="hover:text-purple-500">ادکÙÙ</a></li> 878 <li><a href="#" class="hover:text-purple-500">Ø§Ø³Ù¾Ø±Û Ø¨Ø¯Ù</a></li> 879 <li><a href="#" class="hover:text-purple-500">Ø¹Ø·Ø±ÙØ§Û اختصاصÛ</a></li> 880 </ul> 881 </div> 882 883 <div class="space-y-4"> 884 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-purple-500 pr-3">ÙÙØ§Ø²Ù شخصÛ</a> 885 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 886 <li><a href="#" class="hover:text-purple-500">ØªÛØº ٠اپÛÙÛØ¯Û</a></li> 887 <li><a href="#" class="hover:text-purple-500">٠اشÛÙ Ø§ØµÙØ§Ø Ù Ù</a></li> 888 <li><a href="#" class="hover:text-purple-500">Ø³Ø´ÙØ§Ø± ٠اتÙÛ Ù Ù</a></li> 889 <li><a href="#" class="hover:text-purple-500">برس ٠شاÙÙ</a></li> 890 <li><a href="#" class="hover:text-purple-500">ÙØ§Ø®ÙÚ¯ÛØ± Ù ÙÛÚÛ</a></li> 891 </ul> 892 </div> 893 894 <div class="space-y-4"> 895 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-purple-500 pr-3">Ø³ÙØ§Ù ت ٠در٠اÙ</a> 896 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 897 <li><a href="#" class="hover:text-purple-500">ÙÛØªØ§Ù ÛÙ Ù Ù Ú©Ù Ù</a></li> 898 <li><a href="#" class="hover:text-purple-500">ÙÙØ§Ø²Ù پزشکÛ</a></li> 899 <li><a href="#" class="hover:text-purple-500">دارÙÙØ§Û بدÙÙ ÙØ³Ø®Ù</a></li> 900 <li><a href="#" class="hover:text-purple-500">Ù ØØµÙÙØ§Øª ٠اساÚ</a></li> 901 <li><a href="#" class="hover:text-purple-500">ØªØ±Ø§Ø²Ù Ù ÙØ´Ø§Ø±Ø³Ùج</a></li> 902 </ul> 903 </div> 904 905 <div class="space-y-4"> 906 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-purple-500 pr-3">Ù Ø±Ø§ÙØ¨Øª Ù¾ÙØ³Øª</a> 907 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 908 <li><a href="#" class="hover:text-purple-500">کر٠ضد Ø¢ÙØªØ§Ø¨</a></li> 909 <li><a href="#" class="hover:text-purple-500">ÙÙØ³ÛÙ٠بدÙ</a></li> 910 <li><a href="#" class="hover:text-purple-500">٠اسک ØµÙØ±Øª</a></li> 911 <li><a href="#" class="hover:text-purple-500">اسکراب Ù Ù¾ÛÙÛÙÚ¯</a></li> 912 <li><a href="#" class="hover:text-purple-500">Ù ØØµÙÙØ§Øª Ø¢Ú©ÙÙ</a></li> 913 </ul> 914 </div> 915 916 <div class="space-y-4"> 917 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-purple-500 pr-3">Ù Ø±Ø§ÙØ¨Øª Ù Ù</a> 918 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 919 <li><a href="#" class="hover:text-purple-500">رÙÚ¯ Ù Ù</a></li> 920 <li><a href="#" class="hover:text-purple-500">Ù ØØµÙÙØ§Øª ابر٠٠٠ÚÙ</a></li> 921 <li><a href="#" class="hover:text-purple-500">Ù ØØµÙÙØ§Øª Ø±ÛØ´ ٠سبÛÙ</a></li> 922 <li><a href="#" class="hover:text-purple-500">Ù ØØµÙÙØ§Øª ضد Ø±ÛØ²Ø´</a></li> 923 </ul> 924 </div> 925 926 <div class="space-y-4"> 927 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-purple-500 pr-3">Ø¢Ø±Ø§ÛØ´Ú¯Ø§Ù ٠ساÙÙ</a> 928 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 929 <li><a href="#" class="hover:text-purple-500">ÙÙØ§Ø²Ù ØØ±ÙÙâØ§Û</a></li> 930 <li><a href="#" class="hover:text-purple-500">ØµÙØ¯ÙÛ Ø¢Ø±Ø§ÛØ´Ú¯Ø§Ù</a></li> 931 <li><a href="#" class="hover:text-purple-500">Ø¢ÛÙÙ Ù Ù ÛØ² Ø¢Ø±Ø§ÛØ´</a></li> 932 <li><a href="#" class="hover:text-purple-500">ÙÙØ§Ø²Ù استرÛÙ</a></li> 933 </ul> 934 </div> 935 </div> 936 </div>--> 937 <!--Toys and children--> 938 <!--<div id="dk-toys" class="mega-tab-content hidden"> 939 <div class="flex items-center justify-between mb-8"> 940 <a href="#" class="flex items-center gap-1 text-[14px] font-black text-gray-900 dark:text-white hover:text-yellow-500"> 941 Ù Ø´Ø§ÙØ¯Ù ØªÙ Ø§Ù Ù ØØµÙÙØ§Øª اسباب Ø¨Ø§Ø²Û Ù Ú©ÙØ¯Ú© 942 <svg class="w-4 h-4 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
942<path d="M9 5l7 7-7 7" stroke-width="3" /></svg> 943 </a> 944 </div> 945 946 <div class="grid grid-cols-4 gap-x-6 gap-y-10"> 947 <div class="space-y-4"> 948 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-yellow-500 pr-3">اسباب بازÛ</a> 949 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 950 <li><a href="#" class="hover:text-yellow-500">٠اشÛÙ Ù Ù ÙØªÙر</a></li> 951 <li><a href="#" class="hover:text-yellow-500">Ø¹Ø±ÙØ³Ú© Ù Ù¾ÙÙÛØ´</a></li> 952 <li><a href="#" class="hover:text-yellow-500">Ùگ٠٠ساختÙÛ</a></li> 953 <li><a href="#" class="hover:text-yellow-500">ÙÚ©Ø±Û Ù Ø¢Ù ÙØ²Ø´Û</a></li> 954 <li><a href="#" class="hover:text-yellow-500">بازÛâÙØ§Û تختÙâØ§Û</a></li> 955 </ul> 956 </div> 957 958 <div class="space-y-4"> 959 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-yellow-500 pr-3">Ù¾ÙØ´Ø§Ú© Ú©ÙØ¯Ú©</a> 960 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 961 <li><a href="#" class="hover:text-yellow-500">ÙØ¨Ø§Ø³ ÙÙØ²Ø§Ø¯</a></li> 962 <li><a href="#" class="hover:text-yellow-500">ÙØ¨Ø§Ø³ پسراÙÙ</a></li> 963 <li><a href="#" class="hover:text-yellow-500">ÙØ¨Ø§Ø³ دختراÙÙ</a></li> 964 <li><a href="#" class="hover:text-yellow-500">Ú©ÙØ´ Ú©ÙØ¯Ú©</a></li> 965 <li><a href="#" class="hover:text-yellow-500">Ú©ÙØ§Ù Ù Ø¬ÙØ±Ø§Ø¨</a></li> 966 </ul> 967 </div> 968 969 <div class="space-y-4"> 970 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-yellow-500 pr-3">ØºØ°Ø§Û Ú©ÙØ¯Ú©</a> 971 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 972 <li><a href="#" class="hover:text-yellow-500">Ø´ÛØ± خشک</a></li> 973 <li><a href="#" class="hover:text-yellow-500">Ù¾ÙØ±Ù Ù ØºØ°Ø§Û Ø¢Ù Ø§Ø¯Ù</a></li> 974 <li><a href="#" class="hover:text-yellow-500">Ø¨ÛØ³Ú©ÙÛØª ٠تÙÙÙØ§Øª</a></li> 975 <li><a href="#" class="hover:text-yellow-500">Ù Ú©Ù Ù Ù ÙÛØªØ§Ù ÛÙ</a></li> 976 <li><a href="#" class="hover:text-yellow-500">ÙÙØ§Ø²Ù تغذÛÙ</a></li> 977 </ul> 978 </div> 979 980 <div class="space-y-4"> 981 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-yellow-500 pr-3">ÙØ³Ø§ÛÙ ÙÙØ²Ø§Ø¯</a> 982 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 983 <li><a href="#" class="hover:text-yellow-500">Ú©Ø±ÛØ± Ù Ú©Ø§ÙØ³Ú©Ù</a></li> 984 <li><a href="#" class="hover:text-yellow-500">ØµÙØ¯ÙÛ Ù Ø§Ø´ÛÙ</a></li> 985 <li><a href="#" class="hover:text-yellow-500">تخت Ù Ø±ÙØ±Ùئک</a></li> 986 <li><a href="#" class="hover:text-yellow-500">Ù¾ÙØ´Ú© Ù Ù Ø±Ø·ÙØ¨ Ú©ÙÙØ¯Ù</a></li> 987 <li><a href="#" class="hover:text-yellow-500">Ø´ÛØ´Ù Ø´ÛØ± ٠پستاÙÚ©</a></li> 988 </ul> 989 </div> 990 991 <div class="space-y-4"> 992 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-yellow-500 pr-3">سرگر٠Û</a> 993 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 994 <li><a href="#" class="hover:text-yellow-500">دÙÚØ±Ø®Ù Ù Ø§Ø³Ú©ÙØªØ±</a></li> 995 <li><a href="#" class="hover:text-yellow-500">استخر بادÛ</a></li> 996 <li><a href="#" class="hover:text-yellow-500">تاب ٠سرسرÙ</a></li> 997 <li><a href="#" class="hover:text-yellow-500">ÙÙØ§Ø²Ù ÙÙØ§Ø´Û</a></li> 998 <li><a href="#" class="hover:text-yellow-500">کتاب Ù ÙØµÙ</a></li> 999 </ul> 1000 </div> 1001 1002 <div class="space-y-4"> 1003 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-yellow-500 pr-3">Ø¢Ù ÙØ²Ø´Û</a> 1004 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1005 <li><a href="#" class="hover:text-yellow-500">کا٠پÛÙØªØ± Ú©ÙØ¯Ú©</a></li> 1006 <li><a href="#" class="hover:text-yellow-500">ØªØ¨ÙØª Ø¢Ù ÙØ²Ø´Û</a></li> 1007 <li><a href="#" class="hover:text-yellow-500">پاز٠٠٠ع٠ا</a></li> 1008 <li><a href="#" class="hover:text-yellow-500">Ù ÙØ³ÛÙÛ Ú©ÙØ¯Ú©</a></li> 1009 <li><a href="#" class="hover:text-yellow-500">Ø²Ø¨Ø§Ù Ø¢Ù ÙØ²Û</a></li> 1010 </ul> 1011 </div> 1012 1013 <div class="space-y-4"> 1014 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-yellow-500 pr-3">اÛÙ ÙÛ Ù Ø¨ÙØ¯Ø§Ø´Øª</a> 1015 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1016 <li><a href="#" class="hover:text-yellow-500">Ù ØØ§Ùظ Ú¯ÙØ´ÙâÙØ§</a></li> 1017 <li><a href="#" class="hover:text-yellow-500">Ú¯ÛØª Ù ÙØ±Ø¯Ù Ù ØØ§Ùظ</a></li> 1018 <li><a href="#" class="hover:text-yellow-500">Ø¯Ù Ø§Ø³ÙØ¬ Ù Ù Ø±Ø§ÙØ¨Øª</a></li> 1019 <li><a href="#" class="hover:text-yellow-500">
1019ضد عÙÙÙÛ Ú©ÙÙØ¯Ù</a></li> 1020 </ul> 1021 </div> 1022 1023 <div class="space-y-4"> 1024 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-yellow-500 pr-3">جش٠٠تÙÙØ¯</a> 1025 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1026 <li><a href="#" class="hover:text-yellow-500">تزئÛÙØ§Øª جشÙ</a></li> 1027 <li><a href="#" class="hover:text-yellow-500">Ú©ÛÚ© Ù Ø´ÛØ±ÛÙÛ</a></li> 1028 <li><a href="#" class="hover:text-yellow-500">ÙØ¯Û٠٠سÙÙ¾Ø±Ø§ÛØ²</a></li> 1029 <li><a href="#" class="hover:text-yellow-500">کارت Ø¯Ø¹ÙØª</a></li> 1030 </ul> 1031 </div> 1032 </div> 1033 </div>--> 1034 <!--Sports and travel--> 1035 <!--<div id="dk-sports" class="mega-tab-content hidden"> 1036 <div class="flex items-center justify-between mb-8"> 1037 <a href="#" class="flex items-center gap-1 text-[14px] font-black text-gray-900 dark:text-white hover:text-blue-500"> 1038 Ù Ø´Ø§ÙØ¯Ù ØªÙ Ø§Ù Ù ØØµÙÙØ§Øª ÙØ±Ø²Ø´ Ù Ø³ÙØ± 1039 <svg class="w-4 h-4 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M9 5l7 7-7 7" stroke-width="3" /></svg> 1040 </a> 1041 </div> 1042 1043 <div class="grid grid-cols-4 gap-x-6 gap-y-10"> 1044 <div class="space-y-4"> 1045 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-blue-500 pr-3">ÙÙØ§Ø²Ù ÙØ±Ø²Ø´Û</a> 1046 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1047 <li><a href="#" class="hover:text-blue-500">تÙÙ¾ ٠راکت</a></li> 1048 <li><a href="#" class="hover:text-blue-500">Ø¯Ù Ø¨Ù Ù ÙØ§Ùتر</a></li> 1049 <li><a href="#" class="hover:text-blue-500">Ø·ÙØ§Ø¨ Ù Ú©Ø´ ÙØ±Ø²Ø´Û</a></li> 1050 <li><a href="#" class="hover:text-blue-500">ÙØ¨Ø§Ø³ ÙØ±Ø²Ø´Û</a></li> 1051 <li><a href="#" class="hover:text-blue-500">Ú©ÙØ´ ÙØ±Ø²Ø´Û</a></li> 1052 </ul> 1053 </div> 1054 1055 <div class="space-y-4"> 1056 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-blue-500 pr-3">باشگا٠خاÙÚ¯Û</a> 1057 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1058 <li><a href="#" class="hover:text-blue-500">ترد٠Û٠٠دÙÚØ±Ø®Ù ثابت</a></li> 1059 <li><a href="#" class="hover:text-blue-500">اÙپتÛکا٠٠استپر</a></li> 1060 <li><a href="#" class="hover:text-blue-500">ÙÛ٠کت Ø¨Ø¯ÙØ³Ø§Ø²Û</a></li> 1061 <li><a href="#" class="hover:text-blue-500">Ù ÙØ³ÛÙÛ ÙØ±Ø²Ø´Û</a></li> 1062 <li><a href="#" class="hover:text-blue-500">ÙÙØ§Ø²Ù Ø¬Ø§ÙØ¨Û</a></li> 1063 </ul> 1064 </div> 1065 1066 <div class="space-y-4"> 1067 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-blue-500 pr-3">Ú©ÙÙÙÙØ±Ø¯Û</a> 1068 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1069 <li><a href="#" class="hover:text-blue-500">Ú©ÙØ´ ٠کتاÙÛ</a></li> 1070 <li><a href="#" class="hover:text-blue-500">Ú©ÙÙ٠پشتÛ</a></li> 1071 <li><a href="#" class="hover:text-blue-500">ÚØ§Ø¯Ø± Ù Ú©ÛØ³Ù Ø®ÙØ§Ø¨</a></li> 1072 <li><a href="#" class="hover:text-blue-500">Ø·ÙØ§Ø¨ ٠کارابÛÙ</a></li> 1073 <li><a href="#" class="hover:text-blue-500">ÙØ³Ø§Û٠اÛÙ ÙÛ</a></li> 1074 </ul> 1075 </div> 1076 1077 <div class="space-y-4"> 1078 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-blue-500 pr-3">Ø³ÙØ±</a> 1079 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1080 <li><a href="#" class="hover:text-blue-500">Ú٠دا٠٠ساک</a></li> 1081 <li><a href="#" class="hover:text-blue-500">Ú©ÛÙ ÙÙØ§Ø²Ù Ø¨ÙØ¯Ø§Ø´ØªÛ</a></li> 1082 <li><a href="#" class="hover:text-blue-500">Ù¾Ø§ÙØ±Ø¨Ø§ÙÚ© Ù Ø³Ø§ÙØ±ØªÛ</a></li> 1083 <li><a href="#" class="hover:text-blue-500">عÛÙÚ© Ù Ú©ÙØ§Ù</a></li> 1084 <li><a href="#" class="hover:text-blue-500">ÙÙØ´Ù ٠راÙÙ٠ا</a></li> 1085 </ul> 1086 </div> 1087 1088 <div class="space-y-4"> 1089 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-blue-500 pr-3">Ú©Ù Ù¾ÛÙÚ¯</a> 1090 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1091 <li><a href="#" class="hover:text-blue-500">
1091اجا٠٠باربÛÚ©ÛÙ</a></li> 1092 <li><a href="#" class="hover:text-blue-500">ÚØ±Ø§Øº ÙÙÙ Ù ÚØ±Ø§Øº</a></li> 1093 <li><a href="#" class="hover:text-blue-500">ظرÙÙ Ø³ÙØ±Û</a></li> 1094 <li><a href="#" class="hover:text-blue-500">تشک Ù Ø²ÛØ±Ø§Ùداز</a></li> 1095 <li><a href="#" class="hover:text-blue-500">ÙØ³Ø§Û٠آشپزÛ</a></li> 1096 </ul> 1097 </div> 1098 1099 <div class="space-y-4"> 1100 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-blue-500 pr-3">دÙÚØ±Ø®Ù</a> 1101 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1102 <li><a href="#" class="hover:text-blue-500">دÙÚØ±Ø®Ù Ú©ÙÙØ³ØªØ§Ù</a></li> 1103 <li><a href="#" class="hover:text-blue-500">دÙÚØ±Ø®Ù Ø´ÙØ±Û</a></li> 1104 <li><a href="#" class="hover:text-blue-500">ÙÙØ§Ø²Ù Ø¬Ø§ÙØ¨Û دÙÚØ±Ø®Ù</a></li> 1105 <li><a href="#" class="hover:text-blue-500">Ú©ÙØ§Ù اÛÙ ÙÛ</a></li> 1106 <li><a href="#" class="hover:text-blue-500">Ù¾Ù Ù¾ Ù ØªØ¹Ù ÛØ±Ø§Øª</a></li> 1107 </ul> 1108 </div> 1109 1110 <div class="space-y-4"> 1111 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-blue-500 pr-3">Ø´ÙØ§ ٠آبÛ</a> 1112 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1113 <li><a href="#" class="hover:text-blue-500">٠اÛ٠٠عÛÙÚ© Ø´ÙØ§</a></li> 1114 <li><a href="#" class="hover:text-blue-500">تشک ٠اسباب Ø¨Ø§Ø²Û Ø¢Ø¨Û</a></li> 1115 <li><a href="#" class="hover:text-blue-500">Ú©ÙØ´ Ù Ø¯Ù Ø§ØºÛ Ø´ÙØ§</a></li> 1116 <li><a href="#" class="hover:text-blue-500">ÙÙØ§Ø²Ù ØºÙØ§ØµÛ</a></li> 1117 </ul> 1118 </div> 1119 1120 <div class="space-y-4"> 1121 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-blue-500 pr-3">ÙØ±Ø²Ø´âÙØ§Û تخصصÛ</a> 1122 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1123 <li><a href="#" class="hover:text-blue-500">Ú¯Ù٠٠تÙÛØ³</a></li> 1124 <li><a href="#" class="hover:text-blue-500">Ø§Ø³Ú©Û Ù Ø§Ø³ÙÙØ¨Ø±Ø¯</a></li> 1125 <li><a href="#" class="hover:text-blue-500">Ø§Ø³Ø¨âØ³ÙØ§Ø±Û</a></li> 1126 <li><a href="#" class="hover:text-blue-500">Ù¾ÛÙØª باÙ</a></li> 1127 </ul> 1128 </div> 1129 </div> 1130 </div>--> 1131 <!--Books and stationery--> 1132 <!--<div id="dk-books" class="mega-tab-content hidden"> 1133 <div class="flex items-center justify-between mb-8"> 1134 <a href="#" class="flex items-center gap-1 text-[14px] font-black text-gray-900 dark:text-white hover:text-indigo-500"> 1135 Ù Ø´Ø§ÙØ¯Ù ØªÙ Ø§Ù Ù ØØµÙÙØ§Øª کتاب Ù ÙÙØ§Ø²Ù ØªØØ±Ûر 1136 <svg class="w-4 h-4 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M9 5l7 7-7 7" stroke-width="3" /></svg> 1137 </a> 1138 </div> 1139 1140 <div class="grid grid-cols-4 gap-x-6 gap-y-10"> 1141 <div class="space-y-4"> 1142 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-indigo-500 pr-3">کتاب</a> 1143 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1144 <li><a href="#" class="hover:text-indigo-500">
1144ر٠ا٠٠داستاÙ</a></li> 1145 <li><a href="#" class="hover:text-indigo-500">کتاب Ø¯Ø§ÙØ´Ú¯Ø§ÙÛ</a></li> 1146 <li><a href="#" class="hover:text-indigo-500">Ú©ÙØ¯Ú© Ù ÙÙØ¬ÙاÙ</a></li> 1147 <li><a href="#" class="hover:text-indigo-500">ØªØ§Ø±ÛØ® Ù Ø³ÛØ§Ø³Øª</a></li> 1148 <li><a href="#" class="hover:text-indigo-500">Ù Ø°ÙØ¨Û Ù Ø¹Ø±ÙØ§ÙÛ</a></li> 1149 </ul> 1150 </div> 1151 1152 <div class="space-y-4"> 1153 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-indigo-500 pr-3">ÙÙØ§Ø²Ù Ø§ÙØªØØ±Ûر</a> 1154 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1155 <li><a href="#" class="hover:text-indigo-500">Ø®ÙØ¯Ú©Ø§Ø± Ù Ø±ÙØ§ÙâÙÙÛØ³</a></li> 1156 <li><a href="#" class="hover:text-indigo-500">٠داد ٠پاکâÚ©Ù</a></li> 1157 <li><a href="#" class="hover:text-indigo-500">Ø¯ÙØªØ± ٠کاغذ</a></li> 1158 <li><a href="#" class="hover:text-indigo-500">Ø¬Ø§Ù Ø¯Ø§Ø¯Û Ù Ú©ÛÙ</a></li> 1159 <li><a href="#" class="hover:text-indigo-500">خط Ú©Ø´ Ù Ú¯ÙÙÛØ§</a></li> 1160 </ul> 1161 </div> 1162 1163 <div class="space-y-4"> 1164 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-indigo-500 pr-3">ÙÙØ±Û</a> 1165 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1166 <li><a href="#" class="hover:text-indigo-500">رÙÚ¯ Ù ÙÙÙ Ù</a></li> 1167 <li><a href="#" class="hover:text-indigo-500">بÙ٠٠کاغذ طراØÛ</a></li> 1168 <li><a href="#" class="hover:text-indigo-500">٠داد Ø´Ù Ø¹Û Ù Ù¾Ø§Ø³ØªÙ</a></li> 1169 <li><a href="#" class="hover:text-indigo-500">٠جس٠٠سازÛ</a></li> 1170 <li><a href="#" class="hover:text-indigo-500">کاÙÛگراÙÛ</a></li> 1171 </ul> 1172 </div> 1173 1174 <div class="space-y-4"> 1175 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-indigo-500 pr-3">ادارÛ</a> 1176 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1177 <li><a href="#" class="hover:text-indigo-500">پرÙÙØ¯Ù ٠زÙÙÚ©Ù</a></li> 1178 <li><a href="#" class="hover:text-indigo-500">Ù ÙØ± Ù ØªØ§Ø±ÛØ®âزÙ</a></li> 1179 <li><a href="#" class="hover:text-indigo-500">Ù ÙÚ¯ÙÙ Ù Ø³ÙØ²Ù Ù ÙÚ¯ÙÙ</a></li> 1180 <li><a href="#" class="hover:text-indigo-500">ت٠بر ٠پاکت ÙØ§Ù Ù</a></li> 1181 <li><a href="#" class="hover:text-indigo-500">کاغذ Ú©Ù¾Û Ù Ù¾Ø±ÛÙØªØ±</a></li> 1182 </ul> 1183 </div> 1184 1185 <div class="space-y-4"> 1186 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-indigo-500 pr-3">کاغذ ٠بستÙâØ¨ÙØ¯Û</a> 1187 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1188 <li><a href="#" class="hover:text-indigo-500">کاغذ کادÙ</a></li> 1189 <li><a href="#" class="hover:text-indigo-500">ربا٠٠تزئÛÙØ§Øª</a></li> 1190 <li><a href="#" class="hover:text-indigo-500">جعب٠٠کارتÙ</a></li> 1191 <li><a href="#" class="hover:text-indigo-500">ÙÙØ§Ø± ÚØ³Ø¨ Ù ÚØ³Ø¨</a></li> 1192 <li><a href="#" class="hover:text-indigo-500">کارت Ù Ø¨Ø±ÚØ³Ø¨</a></li> 1193 </ul> 1194 </div> 1195 1196 <div class="space-y-4"> 1197 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-indigo-500 pr-3">ÙÙØ´ØªâØ§ÙØ²Ø§Ø± Ø¯ÛØ¬ÛتاÙ</a> 1198 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1199 <li><a href="#" class="hover:text-indigo-500">ØªØ¨ÙØª طراØÛ</a></li> 1200 <li><a href="#" class="hover:text-indigo-500">ÙÙÙ ÙÙØ±Û</a></li> 1201 <li><a href="#" class="hover:text-indigo-500">ÙØ±Ù âØ§ÙØ²Ø§Ø± طراØÛ</a></li> 1202 <li><a href="#" class="hover:text-indigo-500">Ø§Ø³Ú©ÙØ± ٠پرÛÙØªØ±</a></li> 1203 </ul> 1204 </div> 1205 1206 <div class="space-y-4"> 1207 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-indigo-500 pr-3">Ø¢Ù ÙØ²Ø´Û</a> 1208 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1209 <li><a href="#" class="hover:text-indigo-500">ÙÙØ´ کارت</a></li> 1210 <li><a href="#" class="hover:text-indigo-500">Ù¾Ø§Ø²Ù Ø¢Ù ÙØ²Ø´Û</a></li> 1211 <li><a href="#" class="hover:text-indigo-500">ÙÙØ´Ù Ù Ø§Ø·ÙØ³</a></li> 1212 <li><a href="#" class="hover:text-indigo-500">Ú©ÛØª عÙÙ Û</a></li> 1213 </ul> 1214 </div> 1215 1216 <div class="space-y-4"> 1217 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-indigo-500 pr-3">کتابâÙØ§Û اÙکترÙÙÛÚ©Û</a> 1218 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1219 <li><a href="#" class="hover:text-indigo-500">Ø§ÛØ¨ÙÚ© Ø±ÛØ¯Ø±</a></li> 1220 <li><a href="#" class="hover:text-indigo-500">کتابâÙØ§Û ØµÙØªÛ</a></li> 1221 <li><a href="#" class="hover:text-indigo-500">اشتراک کتابخاÙÙ</a></li> 1222 <li><a href="#" class="hover:text-indigo-500">اپÙÛÚ©ÛØ´ÙâÙØ§Û Ù Ø·Ø§ÙØ¹Ù</a></li> 1223 </ul> 1224 </div> 1225 </div> 1226 </div>--> 1227 <!--Cars and motorcycles--> 1228 <!--<div id="dk-auto" class="mega-tab-content hidden"> 1229 <div class="flex items-center justify-between mb-8"> 1230 <a href="#" class="flex items-center gap-1 text-[14px] font-black text-gray-900 dark:text-white hover:text-red-500"> 1231 Ù Ø´Ø§ÙØ¯Ù ØªÙ Ø§Ù Ù ØØµÙÙØ§Øª Ø®ÙØ¯Ø±Ù Ù Ù ÙØªÙرسÛÚ©ÙØª 1232 <svg class="w-4 h-4 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1232<path d="M9 5l7 7-7 7" stroke-width="3" /></svg> 1233 </a> 1234 </div> 1235 1236 <div class="grid grid-cols-4 gap-x-6 gap-y-10"> 1237 <div class="space-y-4"> 1238 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-red-500 pr-3">ÙÙØ§Ø²Ù Ø®ÙØ¯Ø±Ù</a> 1239 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1240 <li><a href="#" class="hover:text-red-500">Ø±ÙØºÙ ٠ضد ÛØ®</a></li> 1241 <li><a href="#" class="hover:text-red-500">ÙØ§Ø³ØªÛÚ© ٠رÛÙÚ¯</a></li> 1242 <li><a href="#" class="hover:text-red-500">Ø¨Ø§ØªØ±Û Ù Ø§Ø³ØªØ§Ø±Øª</a></li> 1243 <li><a href="#" class="hover:text-red-500">ÙÛÙØªØ± ÙÙØ§ Ù Ø±ÙØºÙ</a></li> 1244 <li><a href="#" class="hover:text-red-500">ØªÛØºÙ بر٠پاک Ú©Ù</a></li> 1245 </ul> 1246 </div> 1247 1248 <div class="space-y-4"> 1249 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-red-500 pr-3">Ù ÙØªÙرسÛÚ©ÙØª</a> 1250 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1251 <li><a href="#" class="hover:text-red-500">Ú©ÙØ§Ù اÛÙ ÙÛ</a></li> 1252 <li><a href="#" class="hover:text-red-500">ÙÙØ§Ø²Ù ÛØ¯Ú©Û Ù ÙØªÙر</a></li> 1253 <li><a href="#" class="hover:text-red-500">Ù¾ÙØ´Ø§Ú© Ù ÙØªÙØ±Ø³ÙØ§Ø±</a></li> 1254 <li><a href="#" class="hover:text-red-500">زÛÙ Ù Ø¨Ø§Ø±Ø¨ÙØ¯</a></li> 1255 <li><a href="#" class="hover:text-red-500">Ø¢ÛÙÙ Ù Ø±ÙØ´ÙاÛÛ</a></li> 1256 </ul> 1257 </div> 1258 1259 <div class="space-y-4"> 1260 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-red-500 pr-3">ØµÙØªÛ ٠تصÙÛØ±Û</a> 1261 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1262 <li><a href="#" class="hover:text-red-500">ضبط ٠پخش Ø®ÙØ¯Ø±Ù</a></li> 1263 <li><a href="#" class="hover:text-red-500">اسپÛکر ٠آ٠پÙÛ ÙØ§Ûر</a></li> 1264 <li><a href="#" class="hover:text-red-500">Ø¯ÙØ±Ø¨ÛÙ Ø¯ÙØ¯Ù Ø¹ÙØ¨</a></li> 1265 <li><a href="#" class="hover:text-red-500">ÙØ¯Ø¢Ù¾ Ø¯ÛØ³Ù¾ÙÛ</a></li> 1266 <li><a href="#" class="hover:text-red-500">Ú©Ø§Ø¨Ù Ù Ø§ØªØµØ§ÙØ§Øª</a></li> 1267 </ul> 1268 </div> 1269 1270 <div class="space-y-4"> 1271 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-red-500 pr-3">ابزار</a> 1272 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1273 <li><a href="#" class="hover:text-red-500">جعب٠ابزار</a></li> 1274 <li><a href="#" class="hover:text-red-500">Ø¢ÚØ§Ø± Ù Ù¾ÛÚ Ú¯ÙØ´ØªÛ</a></li> 1275 <li><a href="#" class="hover:text-red-500">جک ٠گاز Ø¢ÚØ§Ø±</a></li> 1276 <li><a href="#" class="hover:text-red-500">ÙÙØ± Ù Ú©Ù Ú© ÙÙØ±</a></li> 1277 <li><a href="#" class="hover:text-red-500">ÙÙØ§Ø²Ù برÙÛ Ø®ÙØ¯Ø±Ù</a></li> 1278 </ul> 1279 </div> 1280 1281 <div class="space-y-4"> 1282 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-red-500 pr-3">Ú©Ø§Ø±ÙØ§Ø´</a> 1283 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1284 <li><a href="#" class="hover:text-red-500">Ø´Ø§Ù Ù¾Ù Ù ÙØ§Ú©Ø³</a></li> 1285 <li><a href="#" class="hover:text-red-500">
1285برس ٠اسÙÙØ¬</a></li> 1286 <li><a href="#" class="hover:text-red-500">جاذب Ø±Ø·ÙØ¨Øª</a></li> 1287 <li><a href="#" class="hover:text-red-500">Ø¯Ø³ØªÚ¯Ø§Ù Ú©Ø§Ø±ÙØ§Ø´</a></li> 1288 <li><a href="#" class="hover:text-red-500">Ù¾ÙÙÛØ´ ٠درخشا٠کÙÙØ¯Ù</a></li> 1289 </ul> 1290 </div> 1291 1292 <div class="space-y-4"> 1293 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-red-500 pr-3">ÛØ¯Ú©Û</a> 1294 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1295 <li><a href="#" class="hover:text-red-500">Ø³ÛØ³ØªÙ تعÙÛÙ</a></li> 1296 <li><a href="#" class="hover:text-red-500">تس٠٠٠پÙÙÛ</a></li> 1297 <li><a href="#" class="hover:text-red-500">ش٠ع Ù Ú©ÙØ¦Ù</a></li> 1298 <li><a href="#" class="hover:text-red-500">تر٠ز Ù Ú©Ø§Ø³Ù ÚØ±Ø®</a></li> 1299 <li><a href="#" class="hover:text-red-500">Ø±Ø§Ø¯ÛØ§ØªÙر Ù Ø´ÙÙÚ¯</a></li> 1300 </ul> 1301 </div> 1302 1303 <div class="space-y-4"> 1304 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-red-500 pr-3">اÛÙ ÙÛ Ù ÙÚ¯ÙØ¯Ø§Ø±Û</a> 1305 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1306 <li><a href="#" class="hover:text-red-500">کپسÙ٠آتشâÙØ´Ø§ÙÛ</a></li> 1307 <li><a href="#" class="hover:text-red-500">Ø¬Ú©Ø³Ù Ù Ù Ø«ÙØ« خطر</a></li> 1308 <li><a href="#" class="hover:text-red-500">ضد Ø³Ø±ÙØª Ù Ø¢ÙØ§Ø±Ù </a></li> 1309 <li><a href="#" class="hover:text-red-500">Ú©Ø§ÙØ± ٠پارکÛÙÚ¯Û</a></li> 1310 </ul> 1311 </div> 1312 1313 <div class="space-y-4"> 1314 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-red-500 pr-3">ÙÙØ§Ø²Ù داخÙÛ</a> 1315 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1316 <li><a href="#" class="hover:text-red-500">رÙÚ©Ø´ ØµÙØ¯ÙÛ</a></li> 1317 <li><a href="#" class="hover:text-red-500">ÙØ±Ø´ Ù Ø²ÛØ±Ù¾Ø§ÛÛ</a></li> 1318 <li><a href="#" class="hover:text-red-500">Ø¢ÛÙÙ Ù Ø´ÛØ´Ù</a></li> 1319 <li><a href="#" class="hover:text-red-500">جاکÙÛØ¯Û Ù ÙÚ¯ÙØ¯Ø§Ø±ÙدÙ</a></li> 1320 </ul> 1321 </div> 1322 </div> 1323 </div>--> 1324 <!--Industrial and tools--> 1325 <!--<div id="dk-tools" class="mega-tab-content hidden"> 1326 <div class="flex items-center justify-between mb-8"> 1327 <a href="#" class="flex items-center gap-1 text-[14px] font-black text-gray-900 dark:text-white hover:text-secondary-500"> 1328 Ù Ø´Ø§ÙØ¯Ù ØªÙ Ø§Ù Ù ØØµÙÙØ§Øª ØµÙØ¹ØªÛ ٠ابزار 1329 <svg class="w-4 h-4 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M9 5l7 7-7 7" stroke-width="3" /></svg> 1330 </a> 1331 </div> 1332 1333 <div class="grid grid-cols-4 gap-x-6 gap-y-10"> 1334 <div class="space-y-4"> 1335 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-secondary-500 pr-3">ابزار دستÛ</a> 1336 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1337 <li><a href="#" class="hover:text-secondary-500">Ø¢ÚØ§Ø± Ù Ù¾ÛÚ Ú¯ÙØ´ØªÛ</a></li> 1338 <li><a href="#" class="hover:text-secondary-500">Ø§ÙØ¨Ø± Ù Ù¾liers</a></li> 1339 <li><a href="#" class="hover:text-secondary-500">ÚÚ©Ø´ ٠پتک</a></li> 1340 <li><a href="#" class="hover:text-secondary-500">ار٠٠ار٠٠ÙÛÛ</a></li> 1341 <li><a href="#" class="hover:text-secondary-500">٠تر ٠خط Ú©Ø´</a></li> 1342 </ul> 1343 </div> 1344 1345 <div class="space-y-4"> 1346 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-secondary-500 pr-3">ابزار برÙÛ</a> 1347 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1348 <li><a href="#" class="hover:text-secondary-500">درÛÙ Ù Ù¾ÛÚ Ú¯ÙØ´ØªÛ برÙÛ</a></li> 1349 <li><a href="#" class="hover:text-secondary-500">ار٠برÙÛ Ù ÙØ±Ø²</a></li> 1350 <li><a href="#" class="hover:text-secondary-500">س٠باد٠٠پÙÙÛØ´Ø±</a></li> 1351 <li><a href="#" class="hover:text-secondary-500">ÙÙÛÙ Ù ÙØÛ٠کارÛ</a></li> 1352 <li><a href="#" class="hover:text-secondary-500">Ø´Ø§Ø±ÚØ± ٠باترÛ</a></li> 1353 </ul> 1354 </div> 1355 1356 <div class="space-y-4"> 1357 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-secondary-500 pr-3">اÛÙ ÙÛ</a> 1358 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1359 <li><a href="#" class="hover:text-secondary-500">Ú©ÙØ§Ù ٠عÛÙÚ© اÛÙ ÙÛ</a></li> 1360 <li><a href="#" class="hover:text-secondary-500">دستکش Ù Ú©ÙØ´ اÛÙ ÙÛ</a></li> 1361 <li><a href="#" class="hover:text-secondary-500">٠اسک Ù Ù ØØ§Ùظ Ú¯ÙØ´</a></li> 1362 <li><a href="#" class="hover:text-secondary-500">جÙÛÙÙ Ù ÙØ¨Ø§Ø³ کار</a></li> 1363 <li><a href="#" class="hover:text-secondary-500">کپسÙ٠آتشâÙØ´Ø§ÙÛ</a></li> 1364 </ul> 1365 </div> 1366 1367 <div class="space-y-4"> 1368 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-secondary-500 pr-3">Ø§ÙØ¯Ø§Ø²ÙâÚ¯ÛØ±Û</a> 1369 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1370 <li><a href="#" class="hover:text-secondary-500">٠تر ÙÛØ²Ø±Û</a></li> 1371 <li><a href="#" class="hover:text-secondary-500">Ú©ÙÙÛØ³ Ù Ù ÛکرÙ٠تر</a></li> 1372 <li><a href="#" class="hover:text-secondary-500">تراز ٠شاغÙÙ</a></li> 1373 <li><a href="#" class="hover:text-secondary-500">Ø¯Ù Ø§Ø³ÙØ¬ Ù Ø±Ø·ÙØ¨Øª Ø³ÙØ¬</a></li> 1374 <li><a href="#" class="hover:text-secondary-500">آ٠پر٠تر Ù Ù ÙÙØªÛ ٠تر</a></li> 1375 </ul> 1376 </div> 1377 1378 <div class="space-y-4"> 1379 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-secondary-500 pr-3">Ø¬ÙØ´Ú©Ø§Ø±Û</a> 1380 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1381 <li><a href="#" class="hover:text-secondary-500">Ø¯Ø³ØªÚ¯Ø§Ù Ø¬ÙØ´</a></li> 1382 <li><a href="#" class="hover:text-secondary-500">٠اسک Ø¬ÙØ´Ú©Ø§Ø±Û</a></li> 1383 <li><a href="#" class="hover:text-secondary-500">اÙÚ©ØªØ±ÙØ¯ ٠سÛÙ Ø¬ÙØ´</a></li> 1384 <li><a href="#" class="hover:text-secondary-500">Ø§ÙØ¨Ø± Ù ÚÚ©Ø´ Ø¬ÙØ´Ú©Ø§Ø±Û</a></li> 1385 <li><a href="#" class="hover:text-secondary-500">گاز ٠اکسÛÚÙ</a></li> 1386 </ul> 1387 </div> 1388 1389 <div class="space-y-4"> 1390 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-secondary-500 pr-3">باغباÙÛ</a> 1391 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1392 <li><a href="#" class="hover:text-secondary-500">ÙÛÚÛ Ø¨Ø§ØºØ¨Ø§ÙÛ</a></li> 1393 <li><a href="#" class="hover:text-secondary-500">ار٠٠تبر</a></li> 1394 <li><a href="#" class="hover:text-secondary-500">بÛÙ Ù Ø´Ù Ú©Ø´</a></li> 1395 <li><a href="#" class="hover:text-secondary-500">ÚÙ Ù Ø²Ù Ù ÙØ±Ø³ برÙÛ</a></li> 1396 <li><a href="#" class="hover:text-secondary-500">آبپاش Ù Ø´ÙÙÚ¯</a></li> 1397 </ul> 1398 </div> 1399 1400 <div class="space-y-4"> 1401 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-secondary-500 pr-3">ÙÚ¯ÙØ¯Ø§Ø±Û Ù ØªØ¹Ù ÛØ±</a> 1402 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1403 <li><a href="#" class="hover:text-secondary-500">Ø±ÙØºÙ Ù Ú¯Ø±ÛØ³</a></li> 1404 <li><a href="#" class="hover:text-secondary-500">ÚØ³Ø¨ Ù Ø¯Ø±Ø²Ú¯ÛØ±</a></li> 1405 <li><a href="#" class="hover:text-secondary-500">سÛ٠٠کابÙ</a></li> 1406 <li><a href="#" class="hover:text-secondary-500">Ù¾ÛÚ Ù Ù ÙØ±Ù</a></li> 1407 </ul> 1408 </div> 1409 1410 <div class="space-y-4"> 1411 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-secondary-500 pr-3">٠اشÛÙâØ¢ÙØ§Øª</a> 1412 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1413 <li><a href="#" class="hover:text-secondary-500">
1413Ú©Ù Ù¾Ø±Ø³ÙØ± باد</a></li> 1414 <li><a href="#" class="hover:text-secondary-500">Ù¾Ù Ù¾ آب Ù Ø´ÙØ§Ùر</a></li> 1415 <li><a href="#" class="hover:text-secondary-500">ÚÙØ±Ø§ØªÙر Ù Ù ÙØªÙر</a></li> 1416 <li><a href="#" class="hover:text-secondary-500">جرثÙÛÙ Ù Ø¨Ø§ÙØ§Ø¨Ø±</a></li> 1417 </ul> 1418 </div> 1419 </div> 1420 </div>--> 1421 <!--Agriculture and horticulture--> 1422 <!--<div id="dk-garden" class="mega-tab-content hidden"> 1423 <div class="flex items-center justify-between mb-8"> 1424 <a href="#" class="flex items-center gap-1 text-[14px] font-black text-gray-900 dark:text-white hover:text-emerald-500"> 1425 Ù Ø´Ø§ÙØ¯Ù ØªÙ Ø§Ù Ù ØØµÙÙØ§Øª Ú©Ø´Ø§ÙØ±Ø²Û ٠باغباÙÛ 1426 <svg class="w-4 h-4 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M9 5l7 7-7 7" stroke-width="3" /></svg> 1427 </a> 1428 </div> 1429 1430 <div class="grid grid-cols-4 gap-x-6 gap-y-10"> 1431 <div class="space-y-4"> 1432 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-emerald-500 pr-3">بذر Ù ÙÙØ§Ù</a> 1433 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1434 <li><a href="#" class="hover:text-emerald-500">بذر Ø³Ø¨Ø²ÛØ¬Ø§Øª</a></li> 1435 <li><a href="#" class="hover:text-emerald-500">بذر Ú¯Ù Ù Ú¯ÛØ§Ùا٠زÛÙØªÛ</a></li> 1436 <li><a href="#" class="hover:text-emerald-500">ÙÙØ§Ù Ù ÛÙÙ</a></li> 1437 <li><a href="#" class="hover:text-emerald-500">ÙÙÙ Ù Ù Ù¾ÛØ§Ø²</a></li> 1438 <li><a href="#" class="hover:text-emerald-500">بذر صÛÙÛ Ø¬Ø§Øª</a></li> 1439 </ul> 1440 </div> 1441 1442 <div class="space-y-4"> 1443 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-emerald-500 pr-3">Ú©ÙØ¯ ٠س٠</a> 1444 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1445 <li><a href="#" class="hover:text-emerald-500">Ú©ÙØ¯ ØÛÙØ§ÙÛ</a></li> 1446 <li><a href="#" class="hover:text-emerald-500">Ú©ÙØ¯ Ø´ÛÙ ÛØ§ÛÛ</a></li> 1447 <li><a href="#" class="hover:text-emerald-500">Ú©ÙØ¯ Ù Ø§ÛØ¹ ٠تÙÙÛØªÛ</a></li> 1448 <li><a href="#" class="hover:text-emerald-500">س٠ÙÙ Ø¯ÙØ¹ Ø¢ÙØ§Øª</a></li> 1449 <li><a href="#" class="hover:text-emerald-500">ÙØ§Ø±Ú Ú©Ø´ ٠عÙÙ Ú©Ø´</a></li> 1450 </ul> 1451 </div> 1452 1453 <div class="space-y-4"> 1454 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-emerald-500 pr-3">Ø¢Ø¨ÛØ§Ø±Û</a> 1455 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1456 <li><a href="#" class="hover:text-emerald-500">Ø´ÙÙÚ¯ Ù Ø§ØªØµØ§ÙØ§Øª</a></li> 1457 <li><a href="#" class="hover:text-emerald-500">Ù¾Ù Ù¾ آب Ù ÙØ·Ø±Ù ÚکاÙ</a></li> 1458 <li><a href="#" class="hover:text-emerald-500">آبپاش ٠٠٠پاش</a></li> 1459 <li><a href="#" class="hover:text-emerald-500">تاÛ٠ر Ù Ø³ÛØ³ØªÙ اتÙ٠اتÛÚ©</a></li> 1460 <li><a href="#" class="hover:text-emerald-500">Ù ÙØ¨Ø¹ ٠٠خز٠آب</a></li> 1461 </ul> 1462 </div> 1463 1464 <div class="space-y-4"> 1465 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-emerald-500 pr-3">ابزار باغباÙÛ</a> 1466 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1467 <li><a href="#" class="hover:text-emerald-500">بÛ٠٠بÛÙÚÙ</a></li> 1468 <li><a href="#" class="hover:text-emerald-500">ÚÙÚ¯Ú© Ù Ø´Ù Ú©Ø´</a></li> 1469 <li><a href="#" class="hover:text-emerald-500">ÙÛÚÛ Ø¨Ø§ØºØ¨Ø§ÙÛ</a></li> 1470 <li><a href="#" class="hover:text-emerald-500">ار٠٠تبر</a></li> 1471 <li><a href="#" class="hover:text-emerald-500">ÙØ±ØºÙ٠٠سطÙ</a></li> 1472 </ul> 1473 </div> 1474 1475 <div class="space-y-4"> 1476 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-emerald-500 pr-3">Ú¯Ù Ù Ú¯ÛØ§Ù</a> 1477 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1478 <li><a href="#" class="hover:text-emerald-500">Ú¯ÙØ¯Ø§Ù Ù Ø²ÛØ±Ú¯ÙداÙÛ</a></li> 1479 <li><a href="#" class="hover:text-emerald-500">خاک ٠بستر کاشت</a></li> 1480 <li><a href="#" class="hover:text-emerald-500">Ú¯ÛØ§Ùا٠آپارت٠اÙÛ</a></li> 1481 <li><a href="#" class="hover:text-emerald-500">Ú¯ÛØ§ÙØ§Ù ÙØ¶Ø§Û باز</a></li> 1482 <li><a href="#" class="hover:text-emerald-500">Ú©Ø§Ú©ØªÙØ³ ٠ساکÙÙÙØª</a></li> 1483 </ul> 1484 </div> 1485 1486 <div class="space-y-4"> 1487 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-emerald-500 pr-3">٠اشÛÙâØ¢ÙØ§Øª</a> 1488 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1489 <li><a href="#" class="hover:text-emerald-500">ØªØ±Ø§Ú©ØªÙØ± ٠تÛÙØ±</a></li> 1490 <li><a href="#" class="hover:text-emerald-500">درÙگر ٠ک٠باÛÙ</a></li> 1491 <li><a href="#" class="hover:text-emerald-500">س٠پاش Ù Ú©ÙØ¯Ù¾Ø§Ø´</a></li> 1492 <li><a href="#" class="hover:text-emerald-500">Ú٠٠ز٠٠عÙ٠تراش</a></li> 1493 <li><a href="#" class="hover:text-emerald-500">Ù¾Ù Ù¾ Ù Ù ÙØªÙر آب</a></li> 1494 </ul> 1495 </div> 1496 1497 <div class="space-y-4"> 1498 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-emerald-500 pr-3">Ù¾Ø±ÙØ±Ø´ ٠دا٠دارÛ</a> 1499 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1500 <li><a href="#" class="hover:text-emerald-500">Ø®ÙØ±Ø§Ú© دا٠٠طÛÙØ±</a></li> 1501 <li><a href="#" class="hover:text-emerald-500">تجÙÛØ²Ø§Øª ٠رغدارÛ</a></li> 1502 <li><a href="#" class="hover:text-emerald-500">ÙÙØ§Ø²Ù Ø²ÙØ¨ÙردارÛ</a></li> 1503 <li><a href="#" class="hover:text-emerald-500">Ø¢Ø¨Ø®ÙØ±Û Ù Ø¯Ø§ÙØ®ÙرÛ</a></li> 1504 <li><a href="#" class="hover:text-emerald-500">ÙØ±Øµ ٠٠ک٠٠دا٠Û</a></li> 1505 </ul> 1506 </div> 1507 1508 <div class="space-y-4"> 1509 <a href="#" class="flex items-center gap-2 text-[14px] font-black text-gray-900 dark:text-white border-r-2 border-emerald-500 pr-3">تجÙÛØ²Ø§Øª Ú¯ÙØ®Ø§ÙÙ</a> 1510 <ul class="space-y-3 pr-4 text-[12.5px] text-gray-500 dark:text-gray-400"> 1511 <li><a href="#" class="hover:text-emerald-500">Ù¾ÙØ´Ø´ Ú¯ÙØ®Ø§ÙÙ</a></li> 1512 <li><a href="#" class="hover:text-emerald-500">Ø³ÛØ³ØªÙ Ú¯Ø±Ù Ø§ÛØ´Û</a></li> 1513 <li><a href="#" class="hover:text-emerald-500">Ø³ÛØ³ØªÙ تÙÙÛÙ</a></li> 1514 <li><a href="#" class="hover:text-emerald-500">ÙÙØ³Ù Ù Ú¯Ø±ÙØ¨Ø§Ú©Ø³</a></li> 1515 <li><a href="#" class="hover:text-emerald-500">Ú©ÙØªØ±Ù Ø±Ø·ÙØ¨Øª ٠د٠ا</a></li> 1516 </ul> 1517 </div> 1518 </div> 1519 </div> 1520 1521 </div> 1522 </div> 1523 </div> 1524 </li> 1525 1526 <li class="group/megalist static"> 1527 <a href="#" class="flex items-center gap-1 text-sm font-medium text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors py-4"> 1528 ٠گاÙÛØ³Øª Ù ÙÙ 1529 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1530 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> 1531 </svg> 1532 </a> 1533 1534 <div class="absolute top-full right-0 left-0 w-full bg-white dark:bg-gray-950 border-b border-gray-200 dark:border-gray-800 shadow-2xl opacity-0 invisible group-hover/megalist:opacity-100 group-hover/megalist:visible transition-all duration-300 z-40 transform translate-y-2 group-hover/megalist:translate-y-0"> 1535 <div class="container mx-auto px-8 py-10">
1536 <div class="grid grid-cols-5 gap-8">--> 1537 <!--Column 1: Most popular brands--> 1538 <!--<div class="col-span-3 grid grid-cols-3 gap-6">--> 1539 <!--Electronics brands--> 1540 <!--<div class="space-y-4"> 1541 <h4 class="font-black text-sm mb-4 dark:text-white flex items-center gap-2"> 1542 <svg class="w-4 h-4 text-primary-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1543 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z" /> 1544 </svg> 1545 ÙÙØ§Ø²Ù اÙکترÙÙÛÚ©Û 1546 </h4> 1547 <ul class="space-y-3"> 1548 <li> 1549 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1550 <span class="w-2 h-2 bg-primary-500 rounded-full"></span> 1551 اپ٠(Apple) 1552 </a> 1553 </li> 1554 <li> 1555 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1556 <span class="w-2 h-2 bg-primary-400 rounded-full"></span> 1557 سا٠سÙÙÚ¯ (Samsung) 1558 </a> 1559 </li> 1560 <li> 1561 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1562 <span class="w-2 h-2 bg-primary-300 rounded-full"></span> 1563 سÙÙÛ (Sony) 1564 </a> 1565 </li> 1566 <li> 1567 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1568 <span class="w-2 h-2 bg-primary-500 rounded-full"></span> 1569 ÙÙØ§ÙÛ (Huawei) 1570 </a> 1571 </li> 1572 <li> 1573 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1574 <span class="w-2 h-2 bg-primary-600 rounded-full"></span> 1575 اÙâØ¬Û (LG) 1576 </a> 1577 </li> 1578 <li> 1579 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1580 <span class="w-2 h-2 bg-primary-500 rounded-full"></span> 1581 Ø´ÛØ§Ø¦ÙÙ Û (Xiaomi) 1582 </a> 1583 </li> 1584 <li> 1585 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1586 <span class="w-2 h-2 bg-primary-400 rounded-full"></span> 1587 دÙÙ (Dell) 1588 </a> 1589 </li> 1590 </ul> 1591 </div>--> 1592 <!--Clothing and fashion brands--> 1593 <!--<div class="space-y-4"> 1594 <h4 class="font-black text-sm mb-4 dark:text-white flex items-center gap-2"> 1595 <svg class="w-4 h-4 text-primary-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1596 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" /> 1597 </svg> 1598 Ù¾ÙØ´Ø§Ú© ٠٠د 1599 </h4> 1600 <ul class="space-y-3"> 1601 <li> 1602 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1603 <span class="w-2 h-2 bg-primary-500 rounded-full"></span> 1604 زارا (Zara) 1605 </a> 1606 </li> 1607 <li> 1608 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1609 <span class="w-2 h-2 bg-primary-400 rounded-full"></span> 1610 اÚâØ§ÙØ¯âا٠(H&M) 1611 </a> 1612 </li> 1613 <li> 1614 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1615 <span class="w-2 h-2 bg-primary-300 rounded-full"></span> 1616 Ú¯Ù¾ (Gap) 1617 </a> 1618 </li> 1619 <li> 1620 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1621 <span class="w-2 h-2 bg-primary-600 rounded-full"></span> 1622 ÙØ§ÛÚ© (Nike) 1623 </a> 1624 </li> 1625 <li> 1626 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1627 <span class="w-2 h-2 bg-primary-700 rounded-full"></span> 1628 Ø¢Ø¯ÛØ¯Ø§Ø³ (Adidas) 1629 </a> 1630 </li> 1631 <li> 1632 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1633 <span class="w-2 h-2 bg-primary-800 rounded-full"></span> 1634 Ù¾Ù٠ا (Puma) 1635 </a> 1636 </li> 1637 </ul> 1638 </div>--> 1639 <!--Home appliance brands--> 1640 <!--<div class="space-y-4"> 1641 <h4 class="font-black text-sm mb-4 dark:text-white flex items-center gap-2"> 1642 <svg class="w-4 h-4 text-primary-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1643 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" /> 1644 </svg> 1645 ÙÙØ§Ø²Ù خاÙÚ¯Û 1646 </h4> 1647 <ul class="space-y-3"> 1648 <li> 1649 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1650 <span class="w-2 h-2 bg-primary-500 rounded-full"></span> 1651 Ø¨ÙØ´ (Bosch) 1652 </a> 1653 </li> 1654 <li> 1655 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1656 <span class="w-2 h-2 bg-primary-400 rounded-full"></span> 1657 سا٠سÙÙÚ¯ خاÙÚ¯Û 1658 </a> 1659 </li> 1660 <li> 1661 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1662 <span class="w-2 h-2 bg-primary-300 rounded-full"></span> 1663 اÙâØ¬Û Ø®Ø§ÙÚ¯Û 1664 </a> 1665 </li> 1666 <li> 1667 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1668 <span class="w-2 h-2 bg-primary-600 rounded-full"></span> 1669 Ù¾Ø§ÙØ§Ø³ÙÙÛÚ© (Panasonic) 1670 </a> 1671 </li> 1672 <li> 1673 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1674 <span class="w-2 h-2 bg-primary-700 rounded-full"></span> 1675 ÙÛÙÛپس (Philips) 1676 </a> 1677 </li> 1678 <li> 1679 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1680 <span class="w-2 h-2 bg-primary-800 rounded-full"></span> 1681 Ú©ÙÙÙØ¯ (Kenwood) 1682 </a> 1683 </li> 1684 </ul> 1685 </div>--> 1686 <!--Beauty and health brands--> 1687 <!--<div class="space-y-4"> 1688 <h4 class="font-black text-sm mb-4 dark:text-white flex items-center gap-2"> 1689 <svg class="w-4 h-4 text-primary-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1690 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> 1691 </svg> 1692 Ø²ÛØ¨Ø§ÛÛ Ù Ø³ÙØ§Ù ت 1693 </h4> 1694 <ul class="space-y-3"> 1695 <li> 1696 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1697 <span class="w-2 h-2 bg-primary-500 rounded-full"></span> 1698 ÙÙØ±Ø¢Ù (L'Oréal) 1699 </a> 1700 </li> 1701 <li> 1702 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1703 <span class="w-2 h-2 bg-primary-400 rounded-full"></span> 1704 Ø´ÙÙ (Chanel) 1705 </a> 1706 </li> 1707 <li> 1708 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1709 <span class="w-2 h-2 bg-primary-300 rounded-full"></span> 1710 دÛÙØ± (Dior) 1711 </a> 1712 </li> 1713 <li> 1714 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1715 <span class="w-2 h-2 bg-primary-600 rounded-full"></span> 1716 ÙÛÙØ¢ (Nivea) 1717 </a> 1718 </li> 1719 <li> 1720 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2">
1721 <span class="w-2 h-2 bg-primary-500 rounded-full"></span> 1722 گر٠(Garnier) 1723 </a> 1724 </li> 1725 <li> 1726 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1727 <span class="w-2 h-2 bg-primary-400 rounded-full"></span> 1728 ÙØ§Ø²ÙÛÙ (Vaseline) 1729 </a> 1730 </li> 1731 </ul> 1732 </div>--> 1733 <!--Sports brands--> 1734 <!--<div class="space-y-4"> 1735 <h4 class="font-black text-sm mb-4 dark:text-white flex items-center gap-2"> 1736 <svg class="w-4 h-4 text-primary-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1737 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z" /> 1738 </svg> 1739 ÙØ±Ø²Ø´Û 1740 </h4> 1741 <ul class="space-y-3"> 1742 <li> 1743 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1744 <span class="w-2 h-2 bg-primary-600 rounded-full"></span> 1745 ÙØ§ÛÚ© (Nike) 1746 </a> 1747 </li> 1748 <li> 1749 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1750 <span class="w-2 h-2 bg-primary-700 rounded-full"></span> 1751 Ø¢Ø¯ÛØ¯Ø§Ø³ (Adidas) 1752 </a> 1753 </li> 1754 <li> 1755 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1756 <span class="w-2 h-2 bg-primary-800 rounded-full"></span> 1757 Ù¾Ù٠ا (Puma) 1758 </a> 1759 </li> 1760 <li> 1761 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1762 <span class="w-2 h-2 bg-primary-500 rounded-full"></span> 1763 Ø±ÛØ¨ÙÚ© (Reebok) 1764 </a> 1765 </li> 1766 <li> 1767 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1768 <span class="w-2 h-2 bg-primary-600 rounded-full"></span> 1769 Ø¢ÙØ¯Ø± Ø¢Ø±Ù ÙØ± (Under Armour) 1770 </a> 1771 </li> 1772 <li> 1773 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1774 <span class="w-2 h-2 bg-primary-700 rounded-full"></span> 1775 Ø§Ø³Ú©ÚØ±Ø² (Skechers) 1776 </a> 1777 </li> 1778 </ul> 1779 </div>--> 1780 <!--Iranian brands--> 1781 <!--<div class="space-y-4"> 1782 <h4 class="font-black text-sm mb-4 dark:text-white flex items-center gap-2"> 1783 <svg class="w-4 h-4 text-primary-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1784 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2
17840 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> 1785 </svg> 1786 Ø¨Ø±ÙØ¯ÙØ§Û Ø§ÛØ±Ø§ÙÛ 1787 </h4> 1788 <ul class="space-y-3"> 1789 <li> 1790 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1791 <span class="w-2 h-2 bg-primary-500 rounded-full"></span> 1792 Ø§ÛØ±Ø§Ù Ø®ÙØ¯Ø±Ù 1793 </a> 1794 </li> 1795 <li> 1796 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1797 <span class="w-2 h-2 bg-primary-400 rounded-full"></span> 1798 ساÛپا 1799 </a> 1800 </li> 1801 <li> 1802 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1803 <span class="w-2 h-2 bg-primary-300 rounded-full"></span> 1804 پارس Ø®ÙØ¯Ø±Ù 1805 </a> 1806 </li> 1807 <li> 1808 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1809 <span class="w-2 h-2 bg-primary-600 rounded-full"></span> 1810 شات٠1811 </a> 1812 </li> 1813 <li> 1814 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1815 <span class="w-2 h-2 bg-primary-500 rounded-full"></span> 1816 ØµØ§ÙØ¹ (Ù ÙØ¨Ø§ÛÙ) 1817 </a> 1818 </li> 1819 <li> 1820 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-2"> 1821 <span class="w-2 h-2 bg-primary-600 rounded-full"></span> 1822 ٠ارا٠(ÙÙØ§Ø²Ù خاÙÚ¯Û) 1823 </a> 1824 </li> 1825 </ul> 1826 </div> 1827 </div>--> 1828 <!--Second column: Brand images--> 1829 <!--<div class="col-span-2"> 1830 <div class="grid grid-cols-2 gap-4 mb-6">--> 1831 <!--Luxury brands--> 1832 <!--<div class="relative overflow-hidden rounded-2xl h-40 group/img"> 1833 <a href=""> 1834 <img src="assets/images/banner/banner-four-3.jpg" 1835 class="w-full h-full object-cover transition-transform duration-500 group-hover/img:scale-110"> 1836 </a> 1837 </div>--> 1838 <!--Advanced technology--> 1839 <!--<div class="relative overflow-hidden rounded-2xl h-40 group/img"> 1840 <a href=""> 1841 <img src="assets/images/banner/banner-11.jpg" 1842 class="w-full h-full object-cover transition-transform duration-500 group-hover/img:scale-110"> 1843 </a> 1844 </div> 1845 </div>--> 1846 <!--Special brands--> 1847 <!--<div class="space-y-4"> 1848 <h4 class="font-black text-sm mb-4 dark:text-white">Ø¨Ø±ÙØ¯ÙØ§Û ÙÛÚÙ Ø§Ù Ø±ÙØ²</h4> 1849 <div class="grid grid-cols-2 gap-3"> 1850 <a href="#" class="flex items-center gap-3 p-3 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-primary-500 dark:hover:border-primary-500 transition-all group/item"> 1851 <div class="w-10 h-10 rounded-lg bg-primary-100 dark:bg-primary-900/30 flex items-center justify-center">
1852 <span class="text-primary-600 dark:text-primary-400 font-bold text-sm">AP</span> 1853 </div> 1854 <div> 1855 <span class="text-xs font-semibold dark:text-white group-hover/item:text-primary-500">اپÙ</span> 1856 <p class="text-xs text-gray-500">تا Û³Û°Ùª تخÙÛÙ</p> 1857 </div> 1858 </a> 1859 1860 <a href="#" class="flex items-center gap-3 p-3 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-primary-500 dark:hover:border-primary-500 transition-all group/item"> 1861 <div class="w-10 h-10 rounded-lg bg-primary-100 dark:bg-primary-900/30 flex items-center justify-center"> 1862 <span class="text-primary-600 dark:text-primary-400 font-bold text-sm">SA</span> 1863 </div> 1864 <div> 1865 <span class="text-xs font-semibold dark:text-white group-hover/item:text-primary-500">سا٠سÙÙÚ¯</span> 1866 <p class="text-xs text-gray-500">ÙØ¯ÛÙ Ø®Ø±ÛØ¯</p> 1867 </div> 1868 </a> 1869 1870 <a href="#" class="flex items-center gap-3 p-3 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-primary-500 dark:hover:border-primary-500 transition-all group/item"> 1871 <div class="w-10 h-10 rounded-lg bg-primary-100 dark:bg-primary-900/30 flex items-center justify-center"> 1872 <span class="text-primary-600 dark:text-primary-400 font-bold text-sm">NI</span> 1873 </div> 1874 <div> 1875 <span class="text-xs font-semibold dark:text-white group-hover/item:text-primary-500">ÙØ§ÛÚ©</span> 1876 <p class="text-xs text-gray-500">ØØ±Ø§Ø¬ ÙÛÚÙ</p> 1877 </div> 1878 </a> 1879 1880 <a href="#" class="flex items-center gap-3 p-3 rounded-xl border border-gray-200 dark:border-gray-800 hover:border-primary-500 dark:hover:border-primary-500 transition-all group/item"> 1881 <div class="w-10 h-10 rounded-lg bg-primary-100 dark:bg-primary-900/30 flex items-center justify-center"> 1882 <span class="text-primary-600 dark:text-primary-400 font-bold text-sm">LO</span> 1883 </div> 1884 <div> 1885 <span class="text-xs font-semibold dark:text-white group-hover/item:text-primary-500">ÙÙØ±Ø¢Ù</span> 1886 <p class="text-xs text-gray-500">کاد٠راÛگاÙ</p> 1887 </div> 1888 </a> 1889 </div> 1890 </div>--> 1891 <!--Top category--> 1892 <!--<div class="mt-6 pt-6 border-t border-gray-200 dark:border-gray-800"> 1893 <h4 class="font-black text-sm mb-4 dark:text-white">دستÙâØ¨ÙØ¯ÛâÙØ§Û برتر</h4> 1894 <div class="flex flex-wrap gap-2"> 1895 <a href="#" class="px-3 py-1.5 text-xs rounded-full border border-gray-300 dark:text-white dark:border-gray-700 hover:border-primary-500 hover:text-primary-500 dark:hover:border-primary-500 transition-all"> 1896 Ú¯ÙØ´ÛâÙØ§Û ÙÙØ´Ù ÙØ¯ 1897 </a> 1898 <a href="#" class="px-3 py-1.5 text-xs rounded-full border border-gray-300 dark:text-white dark:border-gray-700 hover:border-primary-500 hover:text-primary-500 dark:hover:border-primary-500 transition-all"> 1899 ÙÙ¾âØªØ§Ù¾âÙØ§Û Ú¯ÛÙ ÛÙÚ¯ 1900 </a> 1901 <a href="#" class="px-3 py-1.5 text-xs rounded-full border border-gray-300 dark:text-white dark:border-gray-700 hover:border-primary-500 hover:text-primary-500 dark:hover:border-primary-500 transition-all"> 1902 ÙØ¨Ø§Ø³ ÙØ±Ø²Ø´Û 1903 </a> 1904 <a href="#" class="px-3 py-1.5 text-xs rounded-full border border-gray-300 dark:text-white dark:border-gray-700 hover:border-primary-500 hover:text-primary-500 dark:hover:border-primary-500 transition-all"> 1905 ÙÙØ§Ø²Ù Ø¢Ø±Ø§ÛØ´Û 1906 </a> 1907 <a href="#" class="px-3 py-1.5 text-xs rounded-full border border-gray-300 dark:text-white dark:border-gray-700 hover:border-primary-500 hover:text-primary-500 dark:hover:border-primary-500 transition-all">
1908 Ø§Ø³Ø¨Ø§Ø¨âØ¨Ø§Ø²Û 1909 </a> 1910 </div> 1911 </div> 1912 </div> 1913 </div>--> 1914 <!--Bottom line with quick links--> 1915 <!--<div class="mt-8 pt-6 border-t border-gray-200 dark:border-gray-800"> 1916 <div class="flex items-center justify-between"> 1917 <div class="flex items-center gap-6"> 1918 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-1"> 1919 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1920 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" /> 1921 </svg> 1922 Ù¾Ø±Ø·Ø±ÙØ¯Ø§Ø±ØªØ±ÛÙâÙØ§ 1923 </a> 1924 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-1"> 1925 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1926 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" /> 1927 </svg> 1928 Ø¬Ø¯ÛØ¯ØªØ±ÛÙ Ø¨Ø±ÙØ¯Ùا 1929 </a> 1930 <a href="#" class="text-xs text-gray-500 hover:text-primary-500 dark:hover:text-primary-400 transition-colors flex items-center gap-1"> 1931 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1932 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" /> 1933 </svg> 1934 Ù¾Ø±ÙØ±ÙØ´âØªØ±ÛÙâÙØ§ 1935 </a> 1936 </div> 1937 <a href="#" class="text-sm font-semibold text-primary-600 dark:text-primary-400 hover:text-primary-700 dark:hover:text-primary-300 transition-colors flex items-center gap-1"> 1938 Ù Ø´Ø§ÙØ¯Ù ÙÙ Ù Ø¨Ø±ÙØ¯Ùا 1939 <svg class="w-4 h-4 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1940 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18" /> 1941 </svg> 1942 </a> 1943 </div> 1944 </div> 1945 </div> 1946 </div> 1947 </li>--> 1948 1949 <li class="relative group/drop"> 1950 <button type="button" class="flex items-center gap-1 text-sm font-medium text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors py-4 w-full lg:w-auto"><i class="fal fa-shopping-basket" aria-hidden="true"></i> ÙØ±ÙشگاÙ<svg class="w-4 h-4 transition-transform group-hover/drop:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /></svg></button><ul class="lg:absolute lg:top-full lg:right-0 w-full lg:w-64 bg-white dark:bg-gray-900 border border-gray-100 dark:border-gray-800 shadow-xl lg:rou
1950nded-2xl py-2 opacity-0 invisible group-hover/drop:opacity-100 group-hover/drop:visible lg:transform lg:translate-y-2 lg:group-hover/drop:translate-y-0 transition-all duration-300 z-50 hidden lg:block mobile-menu-content"> 1951 <li class="p-2"><a href="/Store/2" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-mobile-android" aria-hidden="true"></i>Ú¯ÙØ´ÛââÙØ§Û ÙÙØ´Ù ÙØ¯</a></li> 1952 <li class="p-2"><a href="/Store/3" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-mobile-android-alt" aria-hidden="true"></i>Ú¯ÙØ´ÛâÙØ§Û Ú©ÙØ§Ø³ÛÚ©</a></li> 1953 <li class="p-2"><a href="/Store/4" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-tablet-android" aria-hidden="true"></i>ØªØ¨ÙØªâÙØ§Û ÙÙØ´Ù ÙØ¯</a></li> 1954 <li class="p-2"><a href="/Store/23" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-laptop" aria-hidden="true"></i>ÙÙ¾ تاپ</a></li> 1955 <li class="p-2"><a href="/Store/7" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-headphones" aria-hidden="true"></i>ÙÙØ§Ø²Ù Ø¬Ø§ÙØ¨Û</a></li> 1956 <li class="p-2"><a href="/Store/22" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-plug" aria-hidden="true"></i>ÙÙØ§Ø²Ù Ø¬Ø§ÙØ¨Û Ø³Ø§ÛØ± Ø¨Ø±ÙØ¯Ùا</a></li> 1957 </ul> 1958 </li> 1959 <li><a href="/Blog?page=1/" class="text-sm font-medium text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors">Ø¨ÙØ§Ú¯</a></li> 1960 <li class="relative group/drop"> 1961 <button type="button" class="flex items-center gap-1 text-sm font-medium text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors py-4 w-full lg:w-auto">خد٠ات<svg class="w-4 h-4 transition-transform group-hover/drop:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /></svg></button><ul class="lg:absolute lg:top-full lg:right-0 w-full lg:w-64 bg-white dark:bg-gray-900 border border-gray-100 dark:border-gray-800 shadow-xl lg:rounded-2xl py-2 opacity-0 invisible group-hover/drop:opacity-100 group-hover/drop:visible lg:transform lg:translate-y-2 lg:group-hover/drop:translate-y-0 transition-all duration-300 z-50 hidden lg:block mobile-menu-content"> 1962 <li class="p-2"><a href="/Representation" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-map-marker-alt" aria-hidden="true"></i>Ù٠اÛÙØ¯Ú¯ÛâÙØ§Û خد٠ات پس از ÙØ±ÙØ´</a></li> 1963 <li class="p-2"><a href="/Seller" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-users" aria-hidden="true"></i>Ú©Ø§Ø±Ø´ÙØ§Ø³Ø§Ù ÙØ±ÙØ´</a></li> 1964 <li class="p-2"><a href="https://dlglx.ir" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-globe" aria-hidden="true"></i>خد٠ات پس از ÙØ±ÙØ´ Ø¢ÙÙØ§ÛÙ</a></li> 1965 </ul> 1966 </li> 1967 <li class="relative group/drop"> 1968 <button type="button" class="flex items-center gap-1 text-sm font-medium text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors py-4 w-full lg:w-auto">دربارÙâÛ Ù Ø§<svg class="w-4 h-4 transition-transform group-hover/drop:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1968<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /></svg></button><ul class="lg:absolute lg:top-full lg:right-0 w-full lg:w-64 bg-white dark:bg-gray-900 border border-gray-100 dark:border-gray-800 shadow-xl lg:rounded-2xl py-2 opacity-0 invisible group-hover/drop:opacity-100 group-hover/drop:visible lg:transform lg:translate-y-2 lg:group-hover/drop:translate-y-0 transition-all duration-300 z-50 hidden lg:block mobile-menu-content"> 1969 <li class="p-2"><a href="/Home/About" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-building" aria-hidden="true"></i>دربار٠جÛâØ§ÙâØ§Ûکس</a></li> 1970 <li class="p-2"><a href="/FAQs" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-question-circle" aria-hidden="true"></i>پرسش ÙØ§Û ٠تداÙÙ</a></li> 1971 <li class="p-2"><a href="/Req/Create/پرسش-از-جÛ-اÙ-اÛکس" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-phone" aria-hidden="true"></i>ت٠اس با ٠ا</a></li> 1972 </ul> 1973 </li> 1974 <li class="relative group/drop"> 1975 <button type="button" class="flex items-center gap-1 text-sm font-medium text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors py-4 w-full lg:w-auto">خد٠ات پس از ÙØ±ÙØ´<svg class="w-4 h-4 transition-transform group-hover/drop:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /></svg></button><ul class="lg:absolute lg:top-full lg:right-0 w-full lg:w-64 bg-white dark:bg-gray-900 border border-gray-100 dark:border-gray-800 shadow-xl lg:rounded-2xl py-2 opacity-0 invisible group-hover/drop:opacity-100 group-hover/drop:visible lg:transform lg:translate-y-2 lg:group-hover/drop:translate-y-0 transition-all duration-300 z-50 hidden lg:block mobile-menu-content"> 1976 <li class="p-2"><a href="/Pages/Service" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-wrench" aria-hidden="true"></i>خد٠ات پس از ÙØ±ÙØ´</a></li> 1977 <li class="p-2"><a href="/pages/Warranty" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-shield-check" aria-hidden="true"></i>Ø´Ø±Ø§ÛØ· Ú¯Ø§Ø±Ø§ÙØªÛ</a></li> 1978 <li class="p-2"><a href="/Representation" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-map-marker-alt" aria-hidden="true"></i>ÙÛØ³Øª Ù٠اÛÙØ¯Ú¯Ø§Ù</a></li> 1979 <li class="p-2"><a href="/Home/Poll" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-clipboard-check" aria-hidden="true"></i>ÙØ±Ù ÙØ¸Ø±Ø³ÙجÛ</a></li> 1980 <li class="p-2"><a href="/Req/Create/" class="flex rounded items-center gap-3 px-4 py-3 text-xs text-gray-600 dark:text-gray-300 hover:bg-primary-50 dark:hover:bg-primary-900/20 hover:text-primary-600 transition-colors"><i class="fal fa-comments" aria-hidden="true"></i>Ø´Ú©Ø§ÛØª Ù Ø¯Ø±Ø®ÙØ§Ø³Øª</a></li> 1981 </ul> 1982 </li> 1983 <li><a href="/pages/PhoneCase" class="text-sm font-medium text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors">Ø³ÙØ§Ø±Ø´ Ø¹Ù Ø¯Ù ÙØ§Ø¨</a></li> 1984 </ul> 1985 </div> 1986 </nav> 1987 1988 </header> 1989 <!-- END HEADER --> 1990 1991 <main class="space-y-12"> 1992 1993 <!-- CONTENT --> 1994 1995 1996 1997 <!-- Breadcrumb --> 1998 <div class="container px-4 pt-6"> 1999 <nav class="flex items-center gap-2 text-[11px] font-bold text-gray-400 dark:text-gray-500" aria-label="breadcrumb"> 2000 <a href="/" class="hover:text-blue-600 transition-colors flex items-center gap-1"><i class="fal fa-home"></i> ÙØ±Ùشگا٠جÛâØ§ÙâØ§Ûکس</a> 2001 <i class="far fa-chevron-left text-[8px] opacity-40"></i>
2002 <span class="text-gray-900 dark:text-white font-black">Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Revvl 7 Pro 5G د٠سÛÙ âکارت ظرÙÛØª Û²ÛµÛ¶ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۸ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª</span> 2003 </nav> 2004 </div> 2005 2006 <!-- PRODUCT HERO --> 2007 <section class="product-hero relative pt-6 pb-4 overflow-hidden"> 2008 <div class="absolute top-0 right-0 w-[400px] h-[400px] bg-blue-600/5 blur-[100px] rounded-full -z-10"></div> 2009 2010 <div class="container relative z-10 px-4"> 2011 <div class="grid grid-cols-1 lg:grid-cols-12 gap-10 items-start"> 2012 2013 <!-- GALLERY --> 2014 <div class="lg:col-span-5 space-y-6 flex flex-col items-center justify-center"> 2015 <div class="relative group bg-white/40 dark:bg-black/20 backdrop-blur-2xl rounded-[3rem] border border-white/60 dark:border-white/5 shadow-2xl p-6 overflow-hidden w-full"> 2016 2017 <!-- Icon toolbar: favorite + share --> 2018 <div class="absolute top-6 left-1/2 -translate-x-1/2 z-[100] isolate"> 2019 <div class="flex items-center gap-1.5 p-1.5 bg-white/40 dark:bg-black/40 backdrop-blur-2xl rounded-2xl border border-white/60 dark:border-white/10 shadow-2xl opacity-0 group-hover:opacity-100 transition-all duration-500 transform translate-y-[-15px] group-hover:translate-y-0 flex-row-reverse"> 2020 2021 <div class="relative group/tooltip"> 2022<form action="/Favorites/AjaxDelete" data-ajax="true" data-ajax-begin="OnUnFavBegin" data-ajax-failure="OnUnFavFailure" data-ajax-method="POST" data-ajax-mode="replace" data-ajax-success="OnUnFavSuccess" data-ajax-update="#favAjaxTarget1" id="form0" method="post"><input name="__RequestVerificationToken" type="hidden" value="_jyPrXQxwF4AMfg19ceB87WIhkj5RdaZ1h9VicEq-VlLKCblEinOt2Hh2y8zE6PETzLPT6jA00arMtbS-lxXBqhcwi29-lh3YNOJlX_dV2k1" /> <button id="RedHeart" type="submit" class="w-10 h-10 rounded-xl flex items-center justify-center text-red-500 hover:bg-red-500 hover:text-white transition-all duration-300" style="display:none" title="ØØ°Ù از Ø¹ÙØ§ÙÙâÙ ÙØ¯Û"> 2023 <i class="fas fa-heart"></i> 2024 </button> 2025 <input type="hidden" name="ProductId" value="15565"> 2026</form> </div> 2027 <div> 2028<form action="/Favorites/Create" data-ajax="true" data-ajax-begin="OnFavBegin" data-ajax-failure="OnFavFailure" data-ajax-method="POST" data-ajax-mode="replace" data-ajax-success="OnFavSuccess" data-ajax-update="#favAjaxTarget2" id="form1" method="post"><input name="__RequestVerificationToken" type="hidden" value="1Qx6Iy7jK9c6SaGxHAJfM8gXb0nY-dM8--um_WU4yi3b8cJPjjSk8nEcJx6u2rcfBjoygaco8HiR2HhALQP1rDcpu1UHgZFi4xwOPF9Wx2w1" /> <button id="WhiteHeart" type="submit" class="w-10 h-10 rounded-xl flex items-center justify-center text-gray-700 dark:text-gray-200 hover:bg-red-500 hover:text-white transition-all duration-300" style="" title="Ø§ÙØ²ÙØ¯Ù Ø¨Ù Ø¹ÙØ§ÙÙâÙ ÙØ¯Û"> 2029 <i class="fal fa-heart"></i> 2030 </button> 2031 <input type="hidden" name="ProductId" value="15565"> 2032</form> </div> 2033 <div id="favAjaxTarget1" class="hidden"></div> 2034 <div id="favAjaxTarget2" class="hidden"></div> 2035 2036 <div class="w-[1px] h-5 bg-gray-400/20 dark:bg-white/10"></div> 2037 2038 <button onclick="toggleModal('shareModal')" class="w-10 h-10 rounded-xl flex items-center justify-center text-gray-700 dark:text-gray-200 hover:bg-blue-600 hover:text-white transition-all duration-300" title="اشتراکâگذارÛ"> 2039 <i class="fal fa-share-alt"></i> 2040 </button> 2041 </div> 2042 </div> 2043 2044 <!-- Sale / status badge --> 2045 <div class="absolute top-6 right-6 z-50">
2046 <span class="bg-amber-500 text-white text-[11px] font-black px-3 py-1.5 rounded-xl shadow-lg">ÙØ§Ù ÙØ¬Ùد</span> 2047 </div> 2048 2049 <!-- Main gallery --> 2050 <div class="swiper productMainSwiper h-[320px] md:h-[450px]" dir="rtl"> 2051 <div class="swiper-wrapper"> 2052 <div class="swiper-slide"> 2053 <div class="swiper-zoom-container flex items-center justify-center p-4"> 2054 <img src="/Images/Product/Big_15565/01.jpg?ver=1.1" class="max-h-full w-auto object-contain" alt="Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Revvl 7 Pro 5G د٠سÛÙ âکارت ظرÙÛØª Û²ÛµÛ¶ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۸ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" title="Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Revvl 7 Pro 5G د٠سÛÙ âکارت ظرÙÛØª Û²ÛµÛ¶ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۸ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" /> 2055 </div> 2056 </div> 2057 <div class="swiper-slide"> 2058 <div class="swiper-zoom-container flex items-center justify-center p-4"> 2059 <img src="/Images/Product/Big_15565/02.jpg?ver=1.1" class="max-h-full w-auto object-contain" alt="Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Revvl 7 Pro 5G د٠سÛÙ âکارت ظرÙÛØª Û²ÛµÛ¶ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۸ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" title="Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Revvl 7 Pro 5G د٠سÛÙ âکارت ظرÙÛØª Û²ÛµÛ¶ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۸ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" /> 2060 </div> 2061 </div> 2062 <div class="swiper-slide"> 2063 <div class="swiper-zoom-container flex items-center justify-center p-4"> 2064 <img src="/Images/Product/Big_15565/03.jpg?ver=1.1" class="max-h-full w-auto object-contain" alt="Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Revvl 7 Pro 5G د٠سÛÙ âکارت ظرÙÛØª Û²ÛµÛ¶ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۸ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" title="Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Revvl 7 Pro 5G د٠سÛÙ âکارت ظرÙÛØª Û²ÛµÛ¶ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۸ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" /> 2065 </div> 2066 </div> 2067 <div class="swiper-slide"> 2068 <div class="swiper-zoom-container flex items-center justify-center p-4"> 2069 <img src="/Images/Product/Big_15565/04.jpg?ver=1.1" class="max-h-full w-auto object-contain" alt="Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Revvl 7 Pro 5G د٠سÛÙ âکارت ظرÙÛØª Û²ÛµÛ¶ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۸ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" title="Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Revvl 7 Pro 5G د٠سÛÙ âکارت ظرÙÛØª Û²ÛµÛ¶ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۸ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" /> 2070 </div> 2071 </div> 2072 <div class="swiper-slide"> 2073 <div class="swiper-zoom-container flex items-center justify-center p-4"> 2074 <img src="/Images/Product/Big_15565/05.jpg?ver=1.1" class="max-h-full w-auto object-contain" alt="Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Revvl 7 Pro 5G د٠سÛÙ âکارت ظرÙÛØª Û²ÛµÛ¶ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۸ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" title="Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Revvl 7 Pro 5G د٠سÛÙ âکارت ظرÙÛØª Û²ÛµÛ¶ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۸ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" /> 2075 </div> 2076 </div> 2077 <div class="swiper-slide"> 2078 <div class="swiper-zoom-container flex items-center justify-center p-4"> 2079 <img src="/Images/Product/Big_15565/06.jpg?ver=1.1" class="max-h-full w-auto object-contain" alt="Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Revvl 7 Pro 5G د٠سÛÙ âکارت ظرÙÛØª Û²ÛµÛ¶ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۸ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" title="Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Revvl 7 Pro 5G د٠سÛÙ âکارت ظرÙÛØª Û²ÛµÛ¶ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۸ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" /> 2080 </div> 2081 </div> 2082 <div class="swiper-slide"> 2083 <div class="swiper-zoom-container flex items-center justify-center p-4"> 2084 <img src="/Images/Product/Big_15565/07.jpg?ver=1.1" class="max-h-full w-auto object-contain" alt="Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Revvl 7 Pro 5G د٠سÛÙ âکارت ظرÙÛØª Û²ÛµÛ¶ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۸ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" title="Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Revvl 7 Pro 5G د٠سÛÙ âکارت ظرÙÛØª Û²ÛµÛ¶ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۸ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" /> 2085 </div> 2086 </div> 2087 <div class="swiper-slide"> 2088 <div class="swiper-zoom-container flex items-center justify-center p-4"> 2089 <img src="/Images/Product/Big_15565/08.jpg?ver=1.1" class="max-h-full w-auto object-contain" alt="Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Revvl 7 Pro 5G د٠سÛÙ âکارت ظرÙÛØª Û²ÛµÛ¶ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۸ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" title="Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Revvl 7 Pro 5G د٠سÛÙ âکارت ظرÙÛØª Û²ÛµÛ¶ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۸ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" /> 2090 </div> 2091 </div> 2092 <div class="swiper-slide"> 2093 <div class="swiper-zoom-container flex items-center justify-center p-4"> 2094 <img src="/Images/Product/Big_15565/09.jpg?ver=1.1" class="max-h-full w-auto object-contain" alt="Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Revvl 7 Pro 5G د٠سÛÙ âکارت ظرÙÛØª Û²ÛµÛ¶ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۸ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" title="Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Revvl 7 Pro 5G د٠سÛÙ âکارت ظرÙÛØª Û²ÛµÛ¶ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۸ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" /> 2095 </div> 2096 </div> 2097 <div class="swiper-slide"> 2098 <div class="swiper-zoom-container flex items-center justify-center p-4"> 2099 <img src="/Images/Product/Big_15565/10.jpg?ver=1.1" class="max-h-full w-auto object-contain" alt="Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Revvl 7 Pro 5G د٠سÛÙ âکارت ظرÙÛØª Û²ÛµÛ¶ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۸ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" title="Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Revvl 7 Pro 5G د٠سÛÙ âکارت ظرÙÛØª Û²ÛµÛ¶ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۸ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" /> 2100 </div> 2101 </div> 2102 </div> 2103 <div class="swiper-button-next w-12 h-12 bg-white/90 dark:bg-black/60 rounded-2xl after:!text-sm shadow-xl text-blue-600 border border-white/50 dark:border-white/5"></div> 2104 <div class="swiper-button-prev w-12 h-12 bg-white/90 dark:bg-black/60 rounded-2xl after:!text-sm shadow-xl text-blue-600 border border-white/50 dark:border-white/5"></div> 2105 </div> 2106 </div> 2107 2108 <!-- Thumbnails --> 2109 <div class="w-full max-w-[400px]"> 2110 <div class="swiper productThumbsSwiper !pb-5" dir="rtl"> 2111 <div class="swiper-wrapper"> 2112 <div class="swiper-slide cursor-pointer rounded-[1.5rem] border-2 border-transparent bg-white/40 dark:bg-white/5 p-2 transition-all opacity-40 overflow-hidden"> 2113 <img src="/Images/Product/Big_15565/01.jpg?ver=1.1" class="w-full aspect-square object-contain" alt="Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Revvl 7 Pro 5G د٠سÛÙ âکارت ظرÙÛØª Û²ÛµÛ¶ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۸ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" /> 2114 </div> 2115 <div class="swiper-slide cursor-pointer rounded-[1.5rem] border-2 border-transparent bg-white/40 dark:bg-white/5 p-2 transition-all opacity-40 overflow-hidden"> 2116 <img src="/Images/Product/Big_15565/02.jpg?ver=1.1" class="w-full aspect-square object-contain" alt="Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Revvl 7 Pro 5G د٠سÛÙ âکارت ظرÙÛØª Û²ÛµÛ¶ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۸ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" /> 2117 </div> 2118 <div class="swiper-slide cursor-pointer rounded-[1.5rem] border-2 border-transparent bg-white/40 dark:bg-white/5 p-2 transition-all opacity-40 overflow-hidden"> 2119 <img src="/Images/Product/Big_15565/03.jpg?ver=1.1" class="w-full aspect-square object-contain" alt="Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Revvl 7 Pro 5G د٠سÛÙ âکارت ظرÙÛØª Û²ÛµÛ¶ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۸ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" /> 2120 </div> 2121 <div class="swiper-slide cursor-pointer rounded-[1.5rem] border-2 border-transparent bg-white/40 dark:bg-white/5 p-2 transition-all opacity-40 overflow-hidden"> 2122 <img src="/Images/Product/Big_15565/04.jpg?ver=1.1" class="w-full aspect-square object-contain" alt="Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Revvl 7 Pro 5G د٠سÛÙ âکارت ظرÙÛØª Û²ÛµÛ¶ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۸ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" /> 2123 </div> 2124 <div class="swiper-slide cursor-pointer rounded-[1.5rem] border-2 border-transparent bg-white/40 dark:bg-white/5 p-2 transition-all opacity-40 overflow-hidden"> 2125 <img src="/Images/Product/Big_15565/05.jpg?ver=1.1" class="w-full aspect-square object-contain" alt="Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Revvl 7 Pro 5G د٠سÛÙ âکارت ظرÙÛØª Û²ÛµÛ¶ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۸ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" /> 2126 </div> 2127 <div class="swiper-slide cursor-pointer rounded-[1.5rem] border-2 border-transparent bg-white/40 dark:bg-white/5 p-2 transition-all opacity-40 overflow-hidden"> 2128 <img src="/Images/Product/Big_15565/06.jpg?ver=1.1" class="w-full aspect-square object-contain" alt="Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Revvl 7 Pro 5G د٠سÛÙ âکارت ظرÙÛØª Û²ÛµÛ¶ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۸ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" /> 2129 </div> 2130 <div class="swiper-slide cursor-pointer rounded-[1.5rem] border-2 border-transparent bg-white/40 dark:bg-white/5 p-2 transition-all opacity-40 overflow-hidden"> 2131 <img src="/Images/Product/Big_15565/07.jpg?ver=1.1" class="w-full aspect-square object-contain" alt="Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Revvl 7 Pro 5G د٠سÛÙ âکارت ظرÙÛØª Û²ÛµÛ¶ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۸ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" /> 2132 </div> 2133 <div class="swiper-slide cursor-pointer rounded-[1.5rem] border-2 border-transparent bg-white/40 dark:bg-white/5 p-2 transition-all opacity-40 overflow-hidden"> 2134 <img src="/Images/Product/Big_15565/08.jpg?ver=1.1" class="w-full aspect-square object-contain" alt="Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Revvl 7 Pro 5G د٠سÛÙ âکارت ظرÙÛØª Û²ÛµÛ¶ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۸ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" /> 2135 </div> 2136 <div class="swiper-slide cursor-pointer rounded-[1.5rem] border-2 border-transparent bg-white/40 dark:bg-white/5 p-2 transition-all opacity-40 overflow-hidden"> 2137 <img src="/Images/Product/Big_15565/09.jpg?ver=1.1" class="w-full aspect-square object-contain" alt="Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Revvl 7 Pro 5G د٠سÛÙ âکارت ظرÙÛØª Û²ÛµÛ¶ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۸ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" /> 2138 </div> 2139 <div class="swiper-slide cursor-pointer rounded-[1.5rem] border-2 border-transparent bg-white/40 dark:bg-white/5 p-2 transition-all opacity-40 overflow-hidden"> 2140 <img src="/Images/Product/Big_15565/10.jpg?ver=1.1" class="w-full aspect-square object-contain" alt="Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Revvl 7 Pro 5G د٠سÛÙ âکارت ظرÙÛØª Û²ÛµÛ¶ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۸ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/images/onerror-img.svg';" /> 2141 </div> 2142 </div> 2143 </div> 2144 </div> 2145 </div> 2146 2147 <!-- INFO --> 2148 <div class="lg:col-span-7 space-y-6"> 2149 2150 <div class="space-y-2"> 2151 <h1 class="text-2xl font-black text-gray-900 dark:text-white leading-relaxed"> 2152 Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ Revvl 7 Pro 5G د٠سÛÙ âکارت ظرÙÛØª Û²ÛµÛ¶ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª ٠ر٠۸ Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª 2153 </h1> 2154 <p class="text-[13px] font-bold text-gray-400 dark:text-gray-500">Revvl 7 PRO 5G</p> 2155 </div> 2156 2157 <div class="grid grid-cols-1 xl:grid-cols-12 gap-6"> 2158 2159 <!-- Variants + description --> 2160 <div class="xl:col-span-7 space-y-6"> 2161 2162 2163 </div> 2164 2165 <!-- Price / buy card --> 2166 <div class="xl:col-span-5"> 2167 <div class="bg-gray-50 dark:bg-white/5 border border-gray-100 dark:border-white/5 rounded-[2.5rem] p-6 space-y-5"> 2168 2169 2170 2171 2172 2173 <!-- CTA --> 2174 <a class="
2174w-full h-14 bg-gray-300 dark:bg-white/10 text-gray-600 dark:text-gray-300 rounded-2xl font-black text-sm flex items-center justify-center gap-3"> 2175 <span id="titleTime" class="titleTime"><i class="fal fa-shopping-cart"></i> ÙØ§Ù ÙØ¬Ùد</span> 2176 </a> 2177 2178 <!-- Inform me --> 2179<form action="/Inform/Create" data-ajax="true" data-ajax-begin="OnInformBegin" data-ajax-failure="OnInformFailure" data-ajax-method="POST" data-ajax-mode="replace" data-ajax-success="OnInformSuccess" data-ajax-update="#informAjaxTarget" id="form2" method="post"><input name="__RequestVerificationToken" type="hidden" value="HZFP6kD-XpRZPQqdzCOa5_uX9sOZoRX2pgsDHV8VbuET5JlxF9wfl9OWyt_hc20x6jvj4MaIyN6hozJX0d9eA4EjM_XPS-0fISo2-iz5GKE1" /> <a href="/Account/Login?ReturnUrl=/Products/15565/" id="btnInform" class="w-full text-center text-[12px] font-black text-blue-600 hover:underline flex items-center justify-center gap-2 py-2"> 2180 <i class="fal fa-bell"></i> Ø¨Ù Ù Ù Ø§Ø·ÙØ§Ø¹ بد٠2181 </a> 2182 <input type="hidden" name="ProductId" value="15565"> 2183</form> <div id="informAjaxTarget" class="hidden"></div> 2184 2185 <p class="text-center pt-1"> 2186 <a href="/Home/poll" class="text-[11px] font-bold text-gray-400 hover:text-blue-600">٠اÛÙÛØ¯ در ÙØ¸Ø±Ø³ÙØ¬Û Ø¬ÛâØ§ÙâØ§Ûکس شرکت Ù٠اÛÛØ¯Ø</a> 2187 </p> 2188 </div> 2189 </div> 2190 </div> 2191 </div> 2192 </div> 2193 </div> 2194 </section> 2195 2196 <!-- MOBILE STICKY CTA --> 2197 <div class="add-to-cart-sticky fixed bottom-0 inset-x-0 z-40 lg:hidden bg-white/90 dark:bg-black/90 backdrop-blur-xl border-t border-gray-100 dark:border-white/5 p-3" style="padding-bottom:calc(env(safe-area-inset-bottom) + 0.75rem)"> 2198 <a class="w-full h-12 bg-gray-200 dark:bg-white/10 text-gray-600 dark:text-gray-300 rounded-2xl font-black text-sm flex items-center justify-center gap-2"> 2199 <span id="titleTime2"><i class="fal fa-shopping-cart"></i> ÙØ§Ù ÙØ¬Ùد</span> 2200 </a> 2201 </div> 2202 2203 <!-- RELATED PRODUCTS --> 2204 <section class="space-y-6"> 2205 <div class="container px-4 space-y-6"> 2206 <div class="flex items-center gap-3"> 2207 <span class="w-2 h-8 bg-blue-600 rounded-full"></span> 2208 <h2 class="text-xl font-black text-gray-900 dark:text-white">Ù ØØµÙÙØ§Øª ٠رتبط</h2> 2209 </div> 2210 2211 <div class="relative"> 2212 <div class="swiper productSwiper !overflow-visible"> 2213 <div class="swiper-wrapper"> 2214 <div class="swiper-slide h-auto p-3"> 2215 <a href="/Products/13485/Ø´Ø§Ø±ÚØ±-دÛÙØ§Ø±Û-30-ÙØ§Øª-بÙ-Ù٠راÙ-کابÙ-تاÛÙ¾-سÛ" class="group relative h-full pt-8 block"> 2216 <div class="absolute inset-0 bg-white/80 dark:bg-[#0a0a0a]/40 backdrop-blur-[20px] rounded-[3rem] border border-gray-100 dark:border-white/10 shadow-[0_20px_50px_rgba(0,0,0,0.02)] transition-all duration-700 group-hover:border-blue-500/50"></div> 2217 <div class="relative p-6 flex flex-col h-full z-10 transition-transform duration-500 group-hover:-translate-y-2"> 2218 <div class="relative mb-4 flex items-center justify-center min-h-[120px]"> 2219 <img src="/Images/Product/13485.jpg?ver=1.1" class="relative z-10 w-full h-36 object-contain transition-all duration-700 group-hover:scale-110" alt="Ø´Ø§Ø±ÚØ± دÛÙØ§Ø±Û 30 ÙØ§Øª ب٠Ù٠را٠کاب٠تاÛÙ¾ سÛ" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/image/onerror-img.svg';"> 2220 </div>
2221 <span class="text-[10px] font-bold text-gray-400">ÙØ³Ø§ÛÙ Ø¬Ø§ÙØ¨Û</span> 2222 <h3 class="text-[13px] font-black text-gray-800 dark:text-zinc-100 mb-4 line-clamp-2 leading-6 h-11 group-hover:text-blue-600 transition-colors">Ø´Ø§Ø±ÚØ± دÛÙØ§Ø±Û 30 ÙØ§Øª ب٠Ù٠را٠کاب٠تاÛÙ¾ سÛ</h3> 2223 <div class="mt-auto pt-4 border-t border-gray-100 dark:border-white/5"> 2224 <span class="text-lg font-black text-gray-900 dark:text-white tabular-nums">1,090,000 <span class="text-[10px] font-bold text-gray-400">تÙ٠اÙ</span></span> 2225 </div> 2226 </div> 2227 </a> 2228 </div> 2229 <div class="swiper-slide h-auto p-3"> 2230 <a href="/Products/16583/Ù ØØ§Ùظ-ØµÙØÙ-ÙÙ Ø§ÛØ´-Ø´ÛØ´ÙâØ§Û-revvl-7-pro-5g" class="group relative h-full pt-8 block"> 2231 <div class="absolute inset-0 bg-white/80 dark:bg-[#0a0a0a]/40 backdrop-blur-[20px] rounded-[3rem] border border-gray-100 dark:border-white/10 shadow-[0_20px_50px_rgba(0,0,0,0.02)] transition-all duration-700 group-hover:border-blue-500/50"></div> 2232 <div class="relative p-6 flex flex-col h-full z-10 transition-transform duration-500 group-hover:-translate-y-2"> 2233 <div class="relative mb-4 flex items-center justify-center min-h-[120px]"> 2234 <img src="/Images/Product/16583.jpg?ver=1.1" class="relative z-10 w-full h-36 object-contain transition-all duration-700 group-hover:scale-110" alt="Ù ØØ§Ùظ ØµÙØÙ ÙÙ Ø§ÛØ´ Ø´ÛØ´ÙâØ§Û Revvl 7 Pro 5G" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/image/onerror-img.svg';"> 2235 </div> 2236 <span class="text-[10px] font-bold text-gray-400">ÙØ³Ø§ÛÙ Ø¬Ø§ÙØ¨Û</span> 2237 <h3 class="text-[13px] font-black text-gray-800 dark:text-zinc-100 mb-4 line-clamp-2 leading-6 h-11 group-hover:text-blue-600 transition-colors">Ù ØØ§Ùظ ØµÙØÙ ÙÙ Ø§ÛØ´ Ø´ÛØ´ÙâØ§Û Revvl 7 Pro 5G</h3> 2238 <div class="mt-auto pt-4 border-t border-gray-100 dark:border-white/5"> 2239 <span class="text-lg font-black text-gray-900 dark:text-white tabular-nums">236,000 <span class="text-[10px] font-bold text-gray-400">تÙ٠اÙ</span></span> 2240 </div> 2241 </div> 2242 </a> 2243 </div> 2244 <div class="swiper-slide h-auto p-3"> 2245 <a href="/Products/16584/Ú©ÛÙ-Ú©ÙØ§Ø³ÙرÛ-Ù ÙØ§Ø³Ø¨-براÛ-Ú¯ÙØ´Û-Ù ÙØ¨Ø§ÛÙ-revvl-7-pro-5g-طرØ-سÙ-بعدÛ" class="group relative h-full pt-8 block"> 2246 <div class="absolute inset-0 bg-white/80 dark:bg-[#0a0a0a]/40 backdrop-blur-[20px] rounded-[3rem] border border-gray-100 dark:border-white/10 shadow-[0_20px_50px_rgba(0,0,0,0.02)] transition-all duration-700 group-hover:border-blue-500/50"></div> 2247 <div class="relative p-6 flex flex-col h-full z-10 transition-transform duration-500 group-hover:-translate-y-2"> 2248 <div class="relative mb-4 flex items-center justify-center min-h-[120px]"> 2249 <img src="/Images/Product/16584.jpg?ver=1.1" class="relative z-10 w-full h-36 object-contain transition-all duration-700 group-hover:scale-110" alt="Ú©ÛÙ Ú©ÙØ§Ø³ÙØ±Û Ù ÙØ§Ø³Ø¨ Ø¨Ø±Ø§Û Ú¯ÙØ´Û Ù ÙØ¨Ø§ÛÙ Revvl 7 Pro 5G Ø·Ø±Ø Ø³Ù Ø¨Ø¹Ø¯Û" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/image/onerror-img.svg';"> 2250 </div>
2251 <span class="text-[10px] font-bold text-gray-400">ÙØ³Ø§ÛÙ Ø¬Ø§ÙØ¨Û</span> 2252 <h3 class="text-[13px] font-black text-gray-800 dark:text-zinc-100 mb-4 line-clamp-2 leading-6 h-11 group-hover:text-blue-600 transition-colors">Ú©ÛÙ Ú©ÙØ§Ø³ÙØ±Û Ù ÙØ§Ø³Ø¨ Ø¨Ø±Ø§Û Ú¯ÙØ´Û Ù ÙØ¨Ø§ÛÙ Revvl 7 Pro 5G Ø·Ø±Ø Ø³Ù Ø¨Ø¹Ø¯Û</h3> 2253 <div class="mt-auto pt-4 border-t border-gray-100 dark:border-white/5"> 2254 <span class="text-lg font-black text-gray-900 dark:text-white tabular-nums">958,000 <span class="text-[10px] font-bold text-gray-400">تÙ٠اÙ</span></span> 2255 </div> 2256 </div> 2257 </a> 2258 </div> 2259 <div class="swiper-slide h-auto p-3"> 2260 <a href="/Products/16587/Ú©ÛÙ-Ú©ÙØ§Ø³ÙرÛ-Ù ÙØ§Ø³Ø¨-براÛ-Ú¯ÙØ´Û-Ù ÙØ¨Ø§ÛÙ-revvl-7-pro-5g-طرØ-ÚØ±Ù Û" class="group relative h-full pt-8 block"> 2261 <div class="absolute inset-0 bg-white/80 dark:bg-[#0a0a0a]/40 backdrop-blur-[20px] rounded-[3rem] border border-gray-100 dark:border-white/10 shadow-[0_20px_50px_rgba(0,0,0,0.02)] transition-all duration-700 group-hover:border-blue-500/50"></div> 2262 <div class="relative p-6 flex flex-col h-full z-10 transition-transform duration-500 group-hover:-translate-y-2"> 2263 <div class="relative mb-4 flex items-center justify-center min-h-[120px]"> 2264 <img src="/Images/Product/16587.jpg?ver=1.1" class="relative z-10 w-full h-36 object-contain transition-all duration-700 group-hover:scale-110" alt="Ú©ÛÙ Ú©ÙØ§Ø³ÙØ±Û Ù ÙØ§Ø³Ø¨ Ø¨Ø±Ø§Û Ú¯ÙØ´Û Ù ÙØ¨Ø§ÛÙ Revvl 7 Pro 5G Ø·Ø±Ø ÚØ±Ù Û" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/image/onerror-img.svg';"> 2265 </div> 2266 <span class="text-[10px] font-bold text-gray-400">ÙØ³Ø§ÛÙ Ø¬Ø§ÙØ¨Û</span> 2267 <h3 class="text-[13px] font-black text-gray-800 dark:text-zinc-100 mb-4 line-clamp-2 leading-6 h-11 group-hover:text-blue-600 transition-colors">Ú©ÛÙ Ú©ÙØ§Ø³ÙØ±Û Ù ÙØ§Ø³Ø¨ Ø¨Ø±Ø§Û Ú¯ÙØ´Û Ù ÙØ¨Ø§ÛÙ Revvl 7 Pro 5G Ø·Ø±Ø ÚØ±Ù Û</h3> 2268 <div class="mt-auto pt-4 border-t border-gray-100 dark:border-white/5"> 2269 <span class="text-lg font-black text-gray-900 dark:text-white tabular-nums">958,000 <span class="text-[10px] font-bold text-gray-400">تÙ٠اÙ</span></span> 2270 </div> 2271 </div> 2272 </a> 2273 </div> 2274 <div class="swiper-slide h-auto p-3"> 2275 <a href="/Products/16585/گارد-ÚÙÙ-اÛ-Ø´ÙØ§Ù-Ù ÙØ§Ø³Ø¨-براÛ-Ú¯ÙØ´Û-Ù ÙØ¨Ø§ÛÙ-revvl-7-pro-5g" class="group relative h-full pt-8 block"> 2276 <div class="absolute inset-0 bg-white/80 dark:bg-[#0a0a0a]/40 backdrop-blur-[20px] rounded-[3rem] border border-gray-100 dark:border-white/10 shadow-[0_20px_50px_rgba(0,0,0,0.02)] transition-all duration-700 group-hover:border-blue-500/50"></div> 2277 <div class="relative p-6 flex flex-col h-full z-10 transition-transform duration-500 group-hover:-translate-y-2"> 2278 <div class="relative mb-4 flex items-center justify-center min-h-[120px]"> 2279 <img src="/Images/Product/16585.jpg?ver=1.1" class="relative z-10 w-full h-36 object-contain transition-all duration-700 group-hover:scale-110" alt="گارد ÚÙÙ Ø§Û Ø´ÙØ§Ù Ù ÙØ§Ø³Ø¨ Ø¨Ø±Ø§Û Ú¯ÙØ´Û Ù ÙØ¨Ø§ÛÙ Revvl 7 Pro 5G" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/image/onerror-img.svg';"> 2280 </div>
2281 <span class="text-[10px] font-bold text-gray-400">ÙØ³Ø§ÛÙ Ø¬Ø§ÙØ¨Û</span> 2282 <h3 class="text-[13px] font-black text-gray-800 dark:text-zinc-100 mb-4 line-clamp-2 leading-6 h-11 group-hover:text-blue-600 transition-colors">گارد ÚÙÙ Ø§Û Ø´ÙØ§Ù Ù ÙØ§Ø³Ø¨ Ø¨Ø±Ø§Û Ú¯ÙØ´Û Ù ÙØ¨Ø§ÛÙ Revvl 7 Pro 5G</h3> 2283 <div class="mt-auto pt-4 border-t border-gray-100 dark:border-white/5"> 2284 <span class="text-lg font-black text-gray-900 dark:text-white tabular-nums">418,000 <span class="text-[10px] font-bold text-gray-400">تÙ٠اÙ</span></span> 2285 </div> 2286 </div> 2287 </a> 2288 </div> 2289 <div class="swiper-slide h-auto p-3"> 2290 <a href="/Products/16586/Ú©Ø§ÙØ±-سÛÙÛÚ©ÙÙÛ-Ù Ø´Ú©Û-Ù ÙØ§Ø³Ø¨-براÛ-Ú¯ÙØ´Û-Ù ÙØ¨Ø§ÛÙ-revvl-7-pro-5g" class="group relative h-full pt-8 block"> 2291 <div class="absolute inset-0 bg-white/80 dark:bg-[#0a0a0a]/40 backdrop-blur-[20px] rounded-[3rem] border border-gray-100 dark:border-white/10 shadow-[0_20px_50px_rgba(0,0,0,0.02)] transition-all duration-700 group-hover:border-blue-500/50"></div> 2292 <div class="relative p-6 flex flex-col h-full z-10 transition-transform duration-500 group-hover:-translate-y-2"> 2293 <div class="relative mb-4 flex items-center justify-center min-h-[120px]"> 2294 <img src="/Images/Product/16586.jpg?ver=1.1" class="relative z-10 w-full h-36 object-contain transition-all duration-700 group-hover:scale-110" alt="Ú©Ø§ÙØ± سÛÙÛÚ©ÙÙÛ Ù Ø´Ú©Û Ù ÙØ§Ø³Ø¨ Ø¨Ø±Ø§Û Ú¯ÙØ´Û Ù ÙØ¨Ø§ÛÙ Revvl 7 Pro 5G" onerror="this.onerror = null; this.src = '/Content/BaseTemplate/image/onerror-img.svg';"> 2295 </div> 2296 <span class="text-[10px] font-bold text-gray-400">ÙØ³Ø§ÛÙ Ø¬Ø§ÙØ¨Û</span> 2297 <h3 class="text-[13px] font-black text-gray-800 dark:text-zinc-100 mb-4 line-clamp-2 leading-6 h-11 group-hover:text-blue-600 transition-colors">Ú©Ø§ÙØ± سÛÙÛÚ©ÙÙÛ Ù Ø´Ú©Û Ù ÙØ§Ø³Ø¨ Ø¨Ø±Ø§Û Ú¯ÙØ´Û Ù ÙØ¨Ø§ÛÙ Revvl 7 Pro 5G</h3> 2298 <div class="mt-auto pt-4 border-t border-gray-100 dark:border-white/5"> 2299 <span class="text-lg font-black text-gray-900 dark:text-white tabular-nums">418,000 <span class="text-[10px] font-bold text-gray-400">تÙ٠اÙ</span></span> 2300 </div> 2301 </div> 2302 </a> 2303 </div> 2304 </div> 2305 </div> 2306 <div class="swiper-button-next prod-next w-11 h-11 bg-white dark:bg-zinc-900 rounded-2xl after:!text-xs shadow-xl text-blue-600 border border-gray-100 dark:border-white/5"></div> 2307 <div class="swiper-button-prev prod-prev w-11 h-11 bg-white dark:bg-zinc-900 rounded-2xl after:!text-xs shadow-xl text-blue-600 border border-gray-100 dark:border-white/5"></div> 2308 </div> 2309 </div> 2310 </section> 2311 2312 <!-- DETAILS TABS --> 2313 <section> 2314 <div class="container px-4"> 2315 <div class="bg-white/40 dark:bg-zinc-900/40 backdrop-blur-3xl border border-white/40 dark:border-white/10 rounded-[3rem] shadow-2xl shadow-gray-200/30 dark:shadow-none"> 2316 2317 <div class="flex items-center gap-2 p-4 bg-gray-50/50 dark:bg-white/5 border-b border-gray-100 dark:border-white/5 overflow-x-auto no-scrollbar" style="border-top-right-radius:3rem;border-top-left-radius:3rem"> 2318 <button onclick="switchTab('specs')" id="btn-specs" class="tab-btn active flex items-center gap-2 px-6 py-3 rounded-2xl text-sm font-black transition-all whitespace-nowrap"> 2319 <i class="fal fa-info-circle"></i> Ø®ØµÙØµÛات 2320 </button> 2321 <button onclick="switchTab('review')" id="btn-review" class="tab-btn flex items-center gap-2 px-6 py-3 rounded-2xl text-sm font-black text-gray-400 hover:text-gray-600 dark:hover:text-white transition-all whitespace-nowrap"> 2322 <i class="fal fa-cube"></i> ÙÙØ¯ Ù Ø¨Ø±Ø±Ø³Û 2323 </button> 2324 <button onclick="switchTab('comments')" id="btn-comments" class="tab-btn flex items-center gap-2 px-6 py-3 rounded-2xl text-sm font-black text-gray-400 hover:text-gray-600 dark:hover:text-white transition-all whitespace-nowrap"> 2325 <i class="fal fa-comments"></i> ÙØ¸Ø±Ø§Øª 2326 </button> 2327 </div> 2328 2329 <div class="p-6 md:p-10"> 2330 2331 <!-- Specs --> 2332 <div id="tab-specs" class="tab-content block animate-fadeIn"> 2333 <div class="w-full rounded-[2rem] border border-gray-100 dark:border-white/10 overflow-hidden"> 2334 <div class="flex items-center gap-3 px-6 py-3.5 bg-gray-50/80 dark:bg-white/10 border-b border-t border-gray-100 dark:border-white/10 first:border-t-0">
2335 <span class="w-8 h-8 rounded-lg bg-blue-600/10 flex items-center justify-center flex-shrink-0"> 2336 <img src="/Images/PropertyGroup/1.png" class="w-5 h-5" onerror="this.src = '/Images/PropertyGroup/0.png'" alt="٠شخصات Ú©ÙÛ" title="٠شخصات Ú©ÙÛ"> 2337 </span> 2338 <span class="text-[13px] font-black text-gray-900 dark:text-white">٠شخصات Ú©ÙÛ</span> 2339 </div> 2340 <div class="divide-y divide-gray-100 dark:divide-white/5"> 2341 <div class="grid grid-cols-2 md:grid-cols-3 "> 2342 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10"> 2343 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">ÙØ²Ù</span> 2344 </div> 2345 <div class="md:col-span-2 px-4 py-3 text-right"> 2346 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">198 گر٠</span> 2347 </div> 2348 </div> 2349 <div class="grid grid-cols-2 md:grid-cols-3 bg-gray-50/50 dark:bg-white/5"> 2350 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10"> 2351 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">ابعاد</span> 2352 </div> 2353 <div class="md:col-span-2 px-4 py-3 text-right"> 2354 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">168.7*78*8.6 Ù ÛÙÛ Ù ØªØ±</span> 2355 </div> 2356 </div> 2357 <div class="grid grid-cols-2 md:grid-cols-3 "> 2358 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10"> 2359 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">تعداد سÛ٠کارت</span> 2360 </div> 2361 <div class="md:col-span-2 px-4 py-3 text-right"> 2362 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">دÙâØ³ÛÙ âکارت (Nano-SIM + eSIM)</span> 2363 </div> 2364 </div> 2365 <div class="grid grid-cols-2 md:grid-cols-3 bg-gray-50/50 dark:bg-white/5"> 2366 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10"> 2367 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">ÙØ§Ø¨ÙÛØª ÙÛÚÙ</span> 2368 </div> 2369 <div class="md:col-span-2 px-4 py-3 text-right"> 2370 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">سرعت Ø§ÙØªÙا٠داد٠ÙÙÙ Ø§ÙØ¹Ø§Ø¯Ù Ø¨Ø§ÙØ§ Ø¨Ø±Ø§Û ØªØ¬Ø±Ø¨Ù Ø§Û Ø³Ø±ÛØ¹Ø Ù¾Ø§ÛØ¯Ø§Ø± ٠بدÙÙ ØªØ§Ø®ÛØ± در ارتباطات. (سرعت داÙÙÙØ¯ Ø¯ÛØªØ§ ØØ¯Ùدا تا 1024 Ù Ú¯Ø§Ø¨ÛØª ٠سرعت آپÙÙØ¯ تا 468 Ù Ú¯Ø§Ø¨ÛØª بر ثاÙÛÙ Ù ÛØ±Ø³Ø¯)</span> 2371 </div> 2372 </div> 2373 <div class="grid grid-cols-2 md:grid-cols-3 "> 2374 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2375 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">Ú¯Ø§Ø±Ø§ÙØªÛ</span> 2376 </div> 2377 <div class="md:col-span-2 px-4 py-3 text-right"> 2378 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">18 ٠اÙ٠ارتباط Ù٠را٠گÙÛØ§ ارÙÙØ¯</span> 2379 </div> 2380 </div> 2381 </div> 2382 <div class="flex items-center gap-3 px-6 py-3.5 bg-gray-50/80 dark:bg-white/10 border-b border-t border-gray-100 dark:border-white/10 first:border-t-0"> 2383 <span class="w-8 h-8 rounded-lg bg-blue-600/10 flex items-center justify-center flex-shrink-0"> 2384 <img src="/Images/PropertyGroup/2.png" class="w-5 h-5" onerror="this.src = '/Images/PropertyGroup/0.png'" alt="Ù¾Ø±Ø¯Ø§Ø²ÙØ¯Ù" title="Ù¾Ø±Ø¯Ø§Ø²ÙØ¯Ù"> 2385 </span> 2386 <span class="text-[13px] font-black text-gray-900 dark:text-white">Ù¾Ø±Ø¯Ø§Ø²ÙØ¯Ù</span> 2387 </div> 2388 <div class="divide-y divide-gray-100 dark:divide-white/5"> 2389 <div class="grid grid-cols-2 md:grid-cols-3 "> 2390 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10"> 2391 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">Ù¾Ø±Ø¯Ø§Ø²ÙØ¯Ù ٠رکزÛ</span> 2392 </div> 2393 <div class="md:col-span-2 px-4 py-3 text-right"> 2394 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">Qualcomm Snapdragon 6 Gen 1</span> 2395 </div> 2396 </div> 2397 <div class="grid grid-cols-2 md:grid-cols-3 bg-gray-50/50 dark:bg-white/5"> 2398 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10"> 2399 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">ÙØ±Ú©Ø§Ùس Ù¾Ø±Ø¯Ø§Ø²ÙØ¯Ù ٠رکزÛ</span> 2400 </div> 2401 <div class="md:col-span-2 px-4 py-3 text-right"> 2402 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">2.2 Ú¯ÛÚ¯Ø§ÙØ±ØªØ²</span> 2403 </div> 2404 </div> 2405 <div class="grid grid-cols-2 md:grid-cols-3 "> 2406 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10"> 2407 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">Ù¾Ø±Ø¯Ø§Ø²ÙØ¯Ù گراÙÛÚ©Û</span> 2408 </div> 2409 <div class="md:col-span-2 px-4 py-3 text-right"> 2410 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">Qualcomm Adreno 710</span> 2411 </div> 2412 </div> 2413 <div class="grid grid-cols-2 md:grid-cols-3 bg-gray-50/50 dark:bg-white/5"> 2414 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2415 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">ÙØ³ØªÙ Ù¾Ø±Ø¯Ø§Ø²ÙØ¯Ù</span> 2416 </div> 2417 <div class="md:col-span-2 px-4 py-3 text-right"> 2418 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">8 ÙØ³ØªÙ اÛ</span> 2419 </div> 2420 </div> 2421 <div class="grid grid-cols-2 md:grid-cols-3 "> 2422 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10"> 2423 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">ØªØ±Ú©ÛØ¨ ÙØ³ØªÙ ÙØ§</span> 2424 </div> 2425 <div class="md:col-span-2 px-4 py-3 text-right"> 2426 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">4× (A78 2.2GHz, A55 1.8GHz)</span> 2427 </div> 2428 </div> 2429 </div> 2430 <div class="flex items-center gap-3 px-6 py-3.5 bg-gray-50/80 dark:bg-white/10 border-b border-t border-gray-100 dark:border-white/10 first:border-t-0"> 2431 <span class="w-8 h-8 rounded-lg bg-blue-600/10 flex items-center justify-center flex-shrink-0"> 2432 <img src="/Images/PropertyGroup/3.png" class="w-5 h-5" onerror="this.src = '/Images/PropertyGroup/0.png'" alt="ØµÙØÙ ÙÙ Ø§ÛØ´" title="ØµÙØÙ ÙÙ Ø§ÛØ´"> 2433 </span> 2434 <span class="text-[13px] font-black text-gray-900 dark:text-white">ØµÙØÙ ÙÙ Ø§ÛØ´</span> 2435 </div> 2436 <div class="divide-y divide-gray-100 dark:divide-white/5"> 2437 <div class="grid grid-cols-2 md:grid-cols-3 "> 2438 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10"> 2439 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">ØµÙØÙ ÙÙ Ø§ÛØ´ رÙÚ¯Û</span> 2440 </div> 2441 <div class="md:col-span-2 px-4 py-3 text-right"> 2442 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">AMOLED</span> 2443 </div> 2444 </div> 2445 <div class="grid grid-cols-2 md:grid-cols-3 bg-gray-50/50 dark:bg-white/5"> 2446 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10"> 2447 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">Ø§ÙØ¯Ø§Ø²Ù</span> 2448 </div> 2449 <div class="md:col-span-2 px-4 py-3 text-right"> 2450 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">6.78 اÛÙÚ</span> 2451 </div> 2452 </div> 2453 <div class="grid grid-cols-2 md:grid-cols-3 "> 2454 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10"> 2455 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">رزÙÙÙØ´Ù</span> 2456 </div> 2457 <div class="md:col-span-2 px-4 py-3 text-right">
2458 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">1080 × 2436 Ù¾ÛکسÙ</span> 2459 </div> 2460 </div> 2461 <div class="grid grid-cols-2 md:grid-cols-3 bg-gray-50/50 dark:bg-white/5"> 2462 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10"> 2463 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">تراک٠پÛکسÙÛ (PPI)</span> 2464 </div> 2465 <div class="md:col-span-2 px-4 py-3 text-right"> 2466 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">393 ppi</span> 2467 </div> 2468 </div> 2469 <div class="grid grid-cols-2 md:grid-cols-3 "> 2470 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10"> 2471 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">ÙØ±Ø® ÙÙØ³Ø§Ø²Û</span> 2472 </div> 2473 <div class="md:col-span-2 px-4 py-3 text-right"> 2474 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">120 ÙØ±ØªØ²</span> 2475 </div> 2476 </div> 2477 </div> 2478 <div class="flex items-center gap-3 px-6 py-3.5 bg-gray-50/80 dark:bg-white/10 border-b border-t border-gray-100 dark:border-white/10 first:border-t-0"> 2479 <span class="w-8 h-8 rounded-lg bg-blue-600/10 flex items-center justify-center flex-shrink-0"> 2480 <img src="/Images/PropertyGroup/6.png" class="w-5 h-5" onerror="this.src = '/Images/PropertyGroup/0.png'" alt="ØØ§ÙظÙ" title="ØØ§ÙظÙ"> 2481 </span> 2482 <span class="text-[13px] font-black text-gray-900 dark:text-white">ØØ§ÙظÙ</span> 2483 </div> 2484 <div class="divide-y divide-gray-100 dark:divide-white/5"> 2485 <div class="grid grid-cols-2 md:grid-cols-3 "> 2486 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10"> 2487 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">ØØ§Ùظ٠داخÙÛ</span> 2488 </div> 2489 <div class="md:col-span-2 px-4 py-3 text-right"> 2490 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">256 Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª</span> 2491 </div> 2492 </div> 2493 <div class="grid grid-cols-2 md:grid-cols-3 bg-gray-50/50 dark:bg-white/5"> 2494 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10"> 2495 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">ظرÙÛØª RAM</span> 2496 </div> 2497 <div class="md:col-span-2 px-4 py-3 text-right"> 2498 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">8 Ú¯ÛÚ¯Ø§Ø¨Ø§ÛØª</span> 2499 </div> 2500 </div> 2501 <div class="grid grid-cols-2 md:grid-cols-3 "> 2502 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2503 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">Ù¾Ø´ØªÛØ¨Ø§ÙÛ Ø§Ø² کارت ØØ§ÙØ¸Ù Ø¬Ø§ÙØ¨Û</span> 2504 </div> 2505 <div class="md:col-span-2 px-4 py-3 text-right"> 2506 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">microSDXC تا 2T</span> 2507 </div> 2508 </div> 2509 </div> 2510 <div class="flex items-center gap-3 px-6 py-3.5 bg-gray-50/80 dark:bg-white/10 border-b border-t border-gray-100 dark:border-white/10 first:border-t-0"> 2511 <span class="w-8 h-8 rounded-lg bg-blue-600/10 flex items-center justify-center flex-shrink-0"> 2512 <img src="/Images/PropertyGroup/7.png" class="w-5 h-5" onerror="this.src = '/Images/PropertyGroup/0.png'" alt="Ø§Ù Ú©Ø§ÙØ§Øª ارتباطÛ" title="Ø§Ù Ú©Ø§ÙØ§Øª ارتباطÛ"> 2513 </span> 2514 <span class="text-[13px] font-black text-gray-900 dark:text-white">Ø§Ù Ú©Ø§ÙØ§Øª ارتباطÛ</span> 2515 </div> 2516 <div class="divide-y divide-gray-100 dark:divide-white/5"> 2517 <div class="grid grid-cols-2 md:grid-cols-3 "> 2518 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10"> 2519 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">Ø´Ø¨Ú©Ù ÙØ§Û ارتباطÛ</span> 2520 </div> 2521 <div class="md:col-span-2 px-4 py-3 text-right"> 2522 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">2G /3G(HSPA) /4G(LTE) /5G</span> 2523 </div> 2524 </div> 2525 <div class="grid grid-cols-2 md:grid-cols-3 bg-gray-50/50 dark:bg-white/5"> 2526 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10"> 2527 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">Wi-Fi</span> 2528 </div> 2529 <div class="md:col-span-2 px-4 py-3 text-right"> 2530 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">Wi-Fi 6</span> 2531 </div> 2532 </div> 2533 <div class="grid grid-cols-2 md:grid-cols-3 "> 2534 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10"> 2535 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">ÙØ³Ø®Ù بÙÙØªÙØ«</span> 2536 </div> 2537 <div class="md:col-span-2 px-4 py-3 text-right"> 2538 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">5.2</span> 2539 </div> 2540 </div> 2541 <div class="grid grid-cols-2 md:grid-cols-3 bg-gray-50/50 dark:bg-white/5"> 2542 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2543 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">GPS</span> 2544 </div> 2545 <div class="md:col-span-2 px-4 py-3 text-right"> 2546 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">دارد</span> 2547 </div> 2548 </div> 2549 <div class="grid grid-cols-2 md:grid-cols-3 "> 2550 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10"> 2551 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">Ù¾Ø´ØªÛØ¨Ø§ÙÛ Ø§Ø² VoLTE</span> 2552 </div> 2553 <div class="md:col-span-2 px-4 py-3 text-right"> 2554 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">دارد</span> 2555 </div> 2556 </div> 2557 <div class="grid grid-cols-2 md:grid-cols-3 bg-gray-50/50 dark:bg-white/5"> 2558 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10"> 2559 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">درگاÙâÙØ§Û USB</span> 2560 </div> 2561 <div class="md:col-span-2 px-4 py-3 text-right"> 2562 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">USB Type-C 3.0</span> 2563 </div> 2564 </div> 2565 <div class="grid grid-cols-2 md:grid-cols-3 "> 2566 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10"> 2567 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">Ù¾Ø´ØªÛØ¨Ø§ÙÛ Ø§Ø² NFC</span> 2568 </div> 2569 <div class="md:col-span-2 px-4 py-3 text-right"> 2570 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">دارد</span> 2571 </div> 2572 </div> 2573 <div class="grid grid-cols-2 md:grid-cols-3 bg-gray-50/50 dark:bg-white/5"> 2574 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10"> 2575 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">Ø¨Ø§ÙØ¯ÙØ§Û 2G</span> 2576 </div> 2577 <div class="md:col-span-2 px-4 py-3 text-right"> 2578 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">GSM: 850 / 900 / 1800 / 1900 MHz</span> 2579 </div> 2580 </div> 2581 <div class="grid grid-cols-2 md:grid-cols-3 "> 2582 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10"> 2583 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">Ø¨Ø§ÙØ¯ÙØ§Û 3G</span> 2584 </div> 2585 <div class="md:col-span-2 px-4 py-3 text-right">
2586 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">HSPA: 850 / 900 / 1700 / 1900 / 2100 MHz</span> 2587 </div> 2588 </div> 2589 <div class="grid grid-cols-2 md:grid-cols-3 bg-gray-50/50 dark:bg-white/5"> 2590 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10"> 2591 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">Ø¨Ø§ÙØ¯ÙØ§Û 4G</span> 2592 </div> 2593 <div class="md:col-span-2 px-4 py-3 text-right"> 2594 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">B 1/2/3/4/5/7/8/12/13/17/20/25/ 26/28/38/39/40/41/66/71</span> 2595 </div> 2596 </div> 2597 <div class="grid grid-cols-2 md:grid-cols-3 "> 2598 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10"> 2599 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">Ø¨Ø§ÙØ¯ÙØ§Û 5G</span> 2600 </div> 2601 <div class="md:col-span-2 px-4 py-3 text-right"> 2602 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">(5G: n1 (2100), n3 (1800), n7 (2600), n25 (1900), n28 (700), n38 (2600), n41 (2500), n66 (2100), n71 (600), n77 (3700), n78 (3500 MHz</span> 2603 </div> 2604 </div> 2605 <div class="grid grid-cols-2 md:grid-cols-3 bg-gray-50/50 dark:bg-white/5"> 2606 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10"> 2607 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">5G Data</span> 2608 </div> 2609 <div class="md:col-span-2 px-4 py-3 text-right"> 2610 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">سرعت داÙÙÙØ¯ تا 1024 Ù Ú¯Ø§Ø¨ÛØª بر ثاÙÛ٠٠آپÙÙØ¯ 468 Ù Ú¯Ø§Ø¨ÛØª بر ثاÙÛÙ (3GPP R16)-Ù ÙØ¯Ù Ú¯ÙØ´Û از Ø§Ø³ØªØ§ÙØ¯Ø§Ø±Ø¯ 5G ÙØ³Ø®Ù Û R16 Ù¾Ø´ØªÛØ¨Ø§ÙÛ Ù ÛÚ©ÙÙ</span> 2611 </div> 2612 </div> 2613 <div class="grid grid-cols-2 md:grid-cols-3 "> 2614 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10"> 2615 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">4G Data</span> 2616 </div> 2617 <div class="md:col-span-2 px-4 py-3 text-right"> 2618 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">سرعت داÙÙÙØ¯ تا 978 Ù Ú¯Ø§Ø¨ÛØª بر ثاÙÛ٠٠آپÙÙØ¯ 211 Ù Ú¯Ø§Ø¨ÛØª بر ثاÙÛÙ (ability LTE cat-16)-Ù ÙØ¯Ù Ú¯ÙØ´Û از ÙØ³Ø®Ù Category 16 Ù¾Ø´ØªÛØ¨Ø§ÙÛ Ù ÛÚ©ÙÙ</span> 2619 </div> 2620 </div> 2621 <div class="grid grid-cols-2 md:grid-cols-3 bg-gray-50/50 dark:bg-white/5"> 2622 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2623 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">Ù¾Ø´ØªÛØ¨Ø§ÙÛ Ø§Ø² VoWiFi</span> 2624 </div> 2625 <div class="md:col-span-2 px-4 py-3 text-right"> 2626 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">دارد</span> 2627 </div> 2628 </div> 2629 </div> 2630 <div class="flex items-center gap-3 px-6 py-3.5 bg-gray-50/80 dark:bg-white/10 border-b border-t border-gray-100 dark:border-white/10 first:border-t-0"> 2631 <span class="w-8 h-8 rounded-lg bg-blue-600/10 flex items-center justify-center flex-shrink-0"> 2632 <img src="/Images/PropertyGroup/8.png" class="w-5 h-5" onerror="this.src = '/Images/PropertyGroup/0.png'" alt="Ø¯ÙØ±Ø¨ÛÙ" title="Ø¯ÙØ±Ø¨ÛÙ"> 2633 </span> 2634 <span class="text-[13px] font-black text-gray-900 dark:text-white">Ø¯ÙØ±Ø¨ÛÙ</span> 2635 </div> 2636 <div class="divide-y divide-gray-100 dark:divide-white/5"> 2637 <div class="grid grid-cols-2 md:grid-cols-3 "> 2638 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10"> 2639 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">Ú©ÛÙÛØª Ø¯ÙØ±Ø¨ÛÙ</span> 2640 </div> 2641 <div class="md:col-span-2 px-4 py-3 text-right"> 2642 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">50/5/2/2 ٠گاپÛکسÙ</span> 2643 </div> 2644 </div> 2645 <div class="grid grid-cols-2 md:grid-cols-3 bg-gray-50/50 dark:bg-white/5"> 2646 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10"> 2647 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">ÙÙØ§Ø´ Ø¯ÙØ±Ø¨ÛÙ</span> 2648 </div> 2649 <div class="md:col-span-2 px-4 py-3 text-right"> 2650 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">ÙÙØ§Ø´ دÙگاÙÙ LED</span> 2651 </div> 2652 </div> 2653 <div class="grid grid-cols-2 md:grid-cols-3 "> 2654 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10"> 2655 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">Ø³Ø§ÛØ± ÙØ§Ø¨ÙÛØªÙØ§Û Ø¯ÙØ±Ø¨ÛÙ</span> 2656 </div> 2657 <div class="md:col-span-2 px-4 py-3 text-right"> 2658 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">دا٠Ù٠دÛÙØ§Ù ÛÚ©Û Ø¨Ø§ÙØ§ (HDR) پاÙÙØ±Ø§Ù ا</span> 2659 </div> 2660 </div> 2661 <div class="grid grid-cols-2 md:grid-cols-3 bg-gray-50/50 dark:bg-white/5"> 2662 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2663 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">ØªØ´Ø®ÛØµ ÚÙØ±Ù</span> 2664 </div> 2665 <div class="md:col-span-2 px-4 py-3 text-right"> 2666 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">دارد</span> 2667 </div> 2668 </div> 2669 <div class="grid grid-cols-2 md:grid-cols-3 "> 2670 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10"> 2671 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">ÙØ¶ÙØ ÙÛØ¯Ø¦Ù</span> 2672 </div> 2673 <div class="md:col-span-2 px-4 py-3 text-right"> 2674 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">2K @ 30fps - 1080P @ 30fps / 60fps</span> 2675 </div> 2676 </div> 2677 </div> 2678 <div class="flex items-center gap-3 px-6 py-3.5 bg-gray-50/80 dark:bg-white/10 border-b border-t border-gray-100 dark:border-white/10 first:border-t-0"> 2679 <span class="w-8 h-8 rounded-lg bg-blue-600/10 flex items-center justify-center flex-shrink-0"> 2680 <img src="/Images/PropertyGroup/9.png" class="w-5 h-5" onerror="this.src = '/Images/PropertyGroup/0.png'" alt="Ø¯ÙØ±Ø¨Û٠جÙÙ" title="Ø¯ÙØ±Ø¨Û٠جÙÙ"> 2681 </span> 2682 <span class="text-[13px] font-black text-gray-900 dark:text-white">Ø¯ÙØ±Ø¨Û٠جÙÙ</span> 2683 </div> 2684 <div class="divide-y divide-gray-100 dark:divide-white/5"> 2685 <div class="grid grid-cols-2 md:grid-cols-3 "> 2686 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10"> 2687 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">Ú©ÛÙÛØª Ø¯ÙØ±Ø¨Û٠جÙÙ</span> 2688 </div> 2689 <div class="md:col-span-2 px-4 py-3 text-right"> 2690 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">16 ٠گاپÛکسÙ</span> 2691 </div> 2692 </div> 2693 <div class="grid grid-cols-2 md:grid-cols-3 bg-gray-50/50 dark:bg-white/5"> 2694 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10"> 2695 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">ÙØ¶ÙØ ÙÛØ¯Ø¦Ù Ø¯ÙØ±Ø¨Û٠سÙÙÛ</span> 2696 </div> 2697 <div class="md:col-span-2 px-4 py-3 text-right"> 2698 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">1080p @ 30 fps</span> 2699 </div> 2700 </div> 2701 </div> 2702 <div class="flex items-center gap-3 px-6 py-3.5 bg-gray-50/80 dark:bg-white/10 border-b border-t border-gray-100 dark:border-white/10 first:border-t-0"> 2703 <span class="w-8 h-8 rounded-lg bg-blue-600/10 flex items-center justify-center flex-shrink-0"> 2704 <img src="/Images/PropertyGroup/10.png" class="w-5 h-5" onerror="this.src = '/Images/PropertyGroup/0.png'" alt="Ø§Ù Ú©Ø§ÙØ§Øª ÙØ±Ù Ø§ÙØ²Ø§Ø±Û" title="Ø§Ù Ú©Ø§ÙØ§Øª ÙØ±Ù Ø§ÙØ²Ø§Ø±Û"> 2705 </span>
2706 <span class="text-[13px] font-black text-gray-900 dark:text-white">Ø§Ù Ú©Ø§ÙØ§Øª ÙØ±Ù Ø§ÙØ²Ø§Ø±Û</span> 2707 </div> 2708 <div class="divide-y divide-gray-100 dark:divide-white/5"> 2709 <div class="grid grid-cols-2 md:grid-cols-3 "> 2710 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10"> 2711 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">ÙØ³Ø®Ù Ø³ÛØ³ØªÙ عا٠Ù</span> 2712 </div> 2713 <div class="md:col-span-2 px-4 py-3 text-right"> 2714 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">ANDROID 16</span> 2715 </div> 2716 </div> 2717 </div> 2718 <div class="flex items-center gap-3 px-6 py-3.5 bg-gray-50/80 dark:bg-white/10 border-b border-t border-gray-100 dark:border-white/10 first:border-t-0"> 2719 <span class="w-8 h-8 rounded-lg bg-blue-600/10 flex items-center justify-center flex-shrink-0"> 2720 <img src="/Images/PropertyGroup/18.png" class="w-5 h-5" onerror="this.src = '/Images/PropertyGroup/0.png'" alt="باترÛ" title="باترÛ"> 2721 </span> 2722 <span class="text-[13px] font-black text-gray-900 dark:text-white">باترÛ</span> 2723 </div> 2724 <div class="divide-y divide-gray-100 dark:divide-white/5"> 2725 <div class="grid grid-cols-2 md:grid-cols-3 "> 2726 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10"> 2727 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">Ù ÛØ²Ø§Ù Ø´Ø§Ø±Ú Ø¢Ù Ø§Ø¯Ù Ø¨Ù Ú©Ø§Ø±</span> 2728 </div> 2729 <div class="md:col-span-2 px-4 py-3 text-right"> 2730 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">تا 500 ساعت</span> 2731 </div> 2732 </div> 2733 <div class="grid grid-cols-2 md:grid-cols-3 bg-gray-50/50 dark:bg-white/5"> 2734 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10"> 2735 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">Ù ÛØ²Ø§Ù Ø´Ø§Ø±Ú Ù Ú©Ø§ÙÙ Ù</span> 2736 </div> 2737 <div class="md:col-span-2 px-4 py-3 text-right"> 2738 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">تا 35 ساعت</span> 2739 </div> 2740 </div> 2741 <div class="grid grid-cols-2 md:grid-cols-3 "> 2742 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10"> 2743 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">ظرÙÛØª باترÛ</span> 2744 </div> 2745 <div class="md:col-span-2 px-4 py-3 text-right"> 2746 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">5000 Ù ÛÙÛâØ¢Ù Ù¾Ø± ساعت</span> 2747 </div> 2748 </div> 2749 <div class="grid grid-cols-2 md:grid-cols-3 bg-gray-50/50 dark:bg-white/5"> 2750 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2751 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">ÙÙØ§ÙØ±Û Ø´Ø§Ø±Ú Ø³Ø±ÛØ¹</span> 2752 </div> 2753 <div class="md:col-span-2 px-4 py-3 text-right"> 2754 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">25 ÙØ§Øª</span> 2755 </div> 2756 </div> 2757 <div class="grid grid-cols-2 md:grid-cols-3 "> 2758 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10"> 2759 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">ÙØ§Ø¨ÙÛØª Ø´Ø§Ø±Ú Ø¨Û Ø³ÛÙ </span> 2760 </div> 2761 <div class="md:col-span-2 px-4 py-3 text-right"> 2762 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">15 ÙØ§Øª</span> 2763 </div> 2764 </div> 2765 </div> 2766 <div class="flex items-center gap-3 px-6 py-3.5 bg-gray-50/80 dark:bg-white/10 border-b border-t border-gray-100 dark:border-white/10 first:border-t-0"> 2767 <span class="w-8 h-8 rounded-lg bg-blue-600/10 flex items-center justify-center flex-shrink-0"> 2768 <img src="/Images/PropertyGroup/15.png" class="w-5 h-5" onerror="this.src = '/Images/PropertyGroup/0.png'" alt="ÙØ±ÙØ¯ÛØ Ø®Ø±ÙØ¬Û" title="ÙØ±ÙØ¯ÛØ Ø®Ø±ÙØ¬Û"> 2769 </span> 2770 <span class="text-[13px] font-black text-gray-900 dark:text-white">ÙØ±ÙØ¯ÛØ Ø®Ø±ÙØ¬Û</span> 2771 </div> 2772 <div class="divide-y divide-gray-100 dark:divide-white/5"> 2773 <div class="grid grid-cols-2 md:grid-cols-3 "> 2774 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10"> 2775 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">پاÛÙ Ø®Ø±ÙØ¬Û ÙÙØ¯Ø² ÙØ±Û</span> 2776 </div> 2777 <div class="md:col-span-2 px-4 py-3 text-right"> 2778 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">جک 3.5 Ù ÛÙÛ٠تر</span> 2779 </div> 2780 </div> 2781 </div> 2782 <div class="flex items-center gap-3 px-6 py-3.5 bg-gray-50/80 dark:bg-white/10 border-b border-t border-gray-100 dark:border-white/10 first:border-t-0"> 2783 <span class="w-8 h-8 rounded-lg bg-blue-600/10 flex items-center justify-center flex-shrink-0"> 2784 <img src="/Images/PropertyGroup/16.png" class="w-5 h-5" onerror="this.src = '/Images/PropertyGroup/0.png'" alt="Ø³ÙØ³ÙØ±ÙØ§Û Ù ÙØ¬Ùد" title="Ø³ÙØ³ÙØ±ÙØ§Û Ù ÙØ¬Ùد"> 2785 </span> 2786 <span class="text-[13px] font-black text-gray-900 dark:text-white">Ø³ÙØ³ÙØ±ÙØ§Û Ù ÙØ¬Ùد</span> 2787 </div> 2788 <div class="divide-y divide-gray-100 dark:divide-white/5"> 2789 <div class="grid grid-cols-2 md:grid-cols-3 "> 2790 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2791 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">ØªØ´Ø®ÛØµ ÚÙØ±Ù</span> 2792 </div> 2793 <div class="md:col-span-2 px-4 py-3 text-right"> 2794 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">دارد</span> 2795 </div> 2796 </div> 2797 <div class="grid grid-cols-2 md:grid-cols-3 bg-gray-50/50 dark:bg-white/5"> 2798 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10"> 2799 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">ØØ³Ú¯Ø± اثر اÙگشت</span> 2800 </div> 2801 <div class="md:col-span-2 px-4 py-3 text-right"> 2802 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">دارد (رÙÛ Ú©ÙÛØ¯ Ù¾Ø§ÙØ±)</span> 2803 </div> 2804 </div> 2805 </div> 2806 <div class="flex items-center gap-3 px-6 py-3.5 bg-gray-50/80 dark:bg-white/10 border-b border-t border-gray-100 dark:border-white/10 first:border-t-0"> 2807 <span class="w-8 h-8 rounded-lg bg-blue-600/10 flex items-center justify-center flex-shrink-0"> 2808 <img src="/Images/PropertyGroup/30.png" class="w-5 h-5" onerror="this.src = '/Images/PropertyGroup/0.png'" alt="Ø³Ø§ÛØ± ÙÛÚÚ¯Û ÙØ§" title="Ø³Ø§ÛØ± ÙÛÚÚ¯Û ÙØ§"> 2809 </span> 2810 <span class="text-[13px] font-black text-gray-900 dark:text-white">Ø³Ø§ÛØ± ÙÛÚÚ¯Û ÙØ§</span> 2811 </div> 2812 <div class="divide-y divide-gray-100 dark:divide-white/5"> 2813 <div class="grid grid-cols-2 md:grid-cols-3 "> 2814 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10"> 2815 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">٠عرÙÛ Ú©Ø§ÙØ§</span> 2816 </div> 2817 <div class="md:col-span-2 px-4 py-3 text-right"> 2818 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">Revvl 7 Pro 5G از Ø¨Ø±ÙØ¯ ØªÛ Ù ÙØ¨Ø§ÛÙ Ø²ÛØ±Ø¨Ø±Ùد ÙÛÙÚ¯ تک است ک٠در ÚÛÙ ÙØ¹Ø§ÙÛØª دارد. ÙØ·Ø¹Ø§Øª اÛ٠دستگا٠از شرکت ÚÛÙÛ ØªÙÛ٠شد٠٠در شرکت Ø¬Û Ø§Ù Ø§Ûکس ع٠٠٠ÙÙØªØ§Ú ØµÙØ±Øª Ú¯Ø±ÙØªÙ.</span> 2819 </div> 2820 </div> 2821 </div> 2822 <div class="flex items-center gap-3 px-6 py-3.5 bg-gray-50/80 dark:bg-white/10 border-b border-t border-gray-100 dark:border-white/10 first:border-t-0"> 2823 <span class="w-8 h-8 rounded-lg bg-blue-600/10 flex items-center justify-center flex-shrink-0"> 2824 <img src="/Images/PropertyGroup/27.png" class="w-5 h-5" onerror="this.src = '/Images/PropertyGroup/0.png'" alt="Ø³Ø§ÛØ± ٠شخصات" title="Ø³Ø§ÛØ± ٠شخصات"> 2825 </span> 2826 <span class="text-[13px] font-black text-gray-900 dark:text-white">Ø³Ø§ÛØ± ٠شخصات</span> 2827 </div> 2828 <div class="divide-y divide-gray-100 dark:divide-white/5"> 2829 <div class="grid grid-cols-2 md:grid-cols-3 "> 2830 <div class="md:col-span-1 px-4 py-3 text-right border-l border-gray-100 dark:border-white/10">
2831 <span class="text-[12.5px] font-bold text-gray-500 dark:text-gray-300">اÙÙØ§Ù Ù٠راÙ</span> 2832 </div> 2833 <div class="md:col-span-2 px-4 py-3 text-right"> 2834 <span class="text-[12.5px] font-black text-gray-900 dark:text-white tabular-nums">کاب٠USB - Ø¯ÙØªØ±Ú٠راÙÙ٠ا</span> 2835 </div> 2836 </div> 2837 </div> 2838 </div> 2839 </div> 2840 2841 <!-- Review --> 2842 <div id="tab-review" class="tab-content hidden animate-fadeIn"> 2843 <div class="prose prose-sm max-w-none dark:prose-invert text-[13px] leading-8 font-medium text-gray-700 dark:text-gray-300"> 2844 2845 </div> 2846 </div> 2847 2848 <!-- Comments --> 2849 <div id="tab-comments" class="tab-content hidden animate-fadeIn"> 2850 <div class="grid grid-cols-1 lg:grid-cols-12 gap-10"> 2851 <div class="lg:col-span-5"> 2852 <div class="bg-white/40 dark:bg-white/5 border border-gray-100 dark:border-white/5 rounded-[2.5rem] p-6 space-y-4"> 2853 <h5 class="text-[14px] font-black text-gray-900 dark:text-white">اگر ٠اÛÙÛØ¯ ÙØ¸Ø± Ø®ÙØ¯ را Ø¨Ø±Ø§Û Ù Ø§ بÙÙÛØ³Ûد</h5> 2854 2855<form action="/Comments/Create" data-ajax="true" data-ajax-begin="OnBegin" data-ajax-failure="OnFailure" data-ajax-method="POST" data-ajax-mode="replace" data-ajax-success="OnSuccess" data-ajax-update="#commentsAjaxTarget" id="form3" method="post"><input name="__RequestVerificationToken" type="hidden" value="0NHkER46WOh5CU4e9qQOhjhMidgrQTS2Ifd-dO7JKjTosAknMo_Z-tCPs34Y6WD8kaw9G2boS8dycX0qaxK2T4VlJJA_exZt3dsSdg-vnko1" /> <div class="rounded-xl bg-emerald-50 dark:bg-emerald-500/10 border border-emerald-200 dark:border-emerald-500/20 text-emerald-700 dark:text-emerald-400 text-[11px] font-bold px-4 py-2" id="ActionSuccess" style="display:none"> 2856 <i class="fa fa-check"></i> ÙØ¸Ø±Ø´Ù ا ثبت ٠پس از تاÛÛØ¯ ÙÙ Ø§ÛØ´ Ø¯Ø§Ø¯Ù Ø®ÙØ§Ùد شد. 2857 </div> 2858 <div class="rounded-xl bg-red-50 dark:bg-red-500/10 border border-red-200 dark:border-red-500/20 text-red-700 dark:text-red-400 text-[11px] font-bold px-4 py-2" id="ActionError" style="display:none"> 2859 <i class="fa fa-exclamation-triangle"></i> خطا: ع٠ÙÛØ§Øª با خطا Ù ÙØ§Ø¬Ù شد! 2860 </div> 2861 <div class="grid grid-cols-1 sm:grid-cols-2 gap-3"> 2862 <div> 2863 <input class="w-full h-11 rounded-xl border border-gray-200 dark:border-white/10 bg-white dark:bg-black/30 text-[12px] font-bold px-4 outline-none focus:border-blue-600" type="text" name="CommentName" id="CommentName" placeholder="ÙØ§Ù " required> 2864 <span class="field-validation-valid text-red-500 text-[10px]" data-valmsg-for="AddCommentViewModel.CommentName" data-valmsg-replace="true"></span> 2865 </div> 2866 <div> 2867 <input class="w-full h-11 rounded-xl border border-gray-200 dark:border-white/10 bg-white dark:bg-black/30 text-[12px] font-bold px-4 outline-none focus:border-blue-600" type="email" name="CommentEmail" id="CommentEmail" placeholder="اÛÙ ÛÙ" required> 2868 <span class="field-validation-valid text-red-500 text-[10px]" data-valmsg-for="AddComment
2868ViewModel.CommentEmail" data-valmsg-replace="true"></span> 2869 </div> 2870 </div> 2871 <div class="mt-3"> 2872 <textarea class="w-full rounded-2xl border border-gray-200 dark:border-white/10 bg-white dark:bg-black/30 text-[12px] font-bold px-4 py-3 outline-none focus:border-blue-600" name="CommentText" id="CommentText" rows="5" placeholder="ÙØ¸Ø± Ø®ÙØ¯ را در اÛÙ ÙØ³Ù ت بÙÙÛØ³Ûد..." required></textarea> 2873 <span class="field-validation-valid text-red-500 text-[10px]" data-valmsg-for="AddCommentViewModel.CommentText" data-valmsg-replace="true"></span> 2874 </div> 2875 <input type="hidden" id="ProductId" name="ProductId" value="15565"> 2876 <div class="space-y-3"> 2877 <span class="text-[11px] font-bold text-gray-400">عبارت ا٠ÙÛØªÛ را ÙØ§Ø±Ø¯ Ù٠اÛÛØ¯.</span> 2878 2879 2880<img id="CaptchaImage" src="/DefaultCaptcha/Generate?t=2a36f074074b462b81a79e8312daa75c" style="height: 50px;" /> 2881<input id="CaptchaDeText" name="CaptchaDeText" type="hidden" value="2a36f
2881074074b462b81a79e8312daa75c" /> 2882 2883
2883<script type="text/javascript"> 2884 2885 $(function () { 2886 $('#dae0229f7ee54fc1980e8aa2d9adf5dc').show(); 2887 }); 2888 2889 2890 function ______feaed285ac194b7b835b4c1920807809________() { 2891 $('#dae0229f7ee54fc1980e8aa2d9adf5dc').hide(); 2892 $.post("/DefaultCaptcha/Refresh", { t: $('#CaptchaDeText').val() }, 2893 function () { 2894 $('#dae0229f7ee54fc1980e8aa2d9adf5dc').show(); 2895 2896 }); 2897 return false; 2898 } 2899 </script>
2899 2900 2901 2902 2903 2904 2905 2906 2907<input data-val="true" data-val-required="عبارت ا٠ÙÛØªÛ را ÙØ§Ø±Ø¯ Ù٠اÛÛØ¯." id="CaptchaInputText" name="CaptchaInputText" style="" type="text" value="" /> 2908<p><span class="field-validation-valid" data-valmsg-for="CaptchaInputText" data-valmsg-replace="true" style=""></span></p> 2909 2910 2911 <button type="submit" id="SubmitComment" name="SubmitComment" class="w-full h-11 bg-blue-600 hover:bg-blue-700 text-white rounded-xl font-black text-[13px] transition-all">ثبت ÙØ¸Ø±</button> 2912 </div> 2913</form> <div id="commentsAjaxTarget" class="hidden"></div> 2914 </div> 2915 </div> 2916 2917 <div class="lg:col-span-7 space-y-4"> 2918 <h5 class="text-[14px] font-black text-gray-900 dark:text-white">ÙØ¸Ø±Ø§Øª کاربراÙ</h5> 2919 <div class="comment-rows space-y-4"> 2920 <div class="cmnt-user"> 2921 <div class="row media"> 2922 <div class="col-sm-2 col-md-1 d-none d-sm-block pull-right text-center user-avatar-comment"> 2923 <i class="fal fa-user-circle "></i> 2924 </div> 2925 <div class="col-sm-10 col-md-11 pull-left"> 2926 <div class="media-body"> 2927 <p class="bold" style="margin-bottom:5px;"> 2928 Ù ØÙ د 2929 <span class="badge badge-pill badge-gray mr-2">ÛÚ©Ø´ÙØ¨Ù, 21 ØªÛØ±,1405</span> 2930 </p> 2931 <p data-type="textarea">Ø³ÙØ§Ù 2932Ø§Ø¨Ù Ú¯ÙØ´Û Ø±Ù Ù Û Ø®ÙØ§Ù بخر٠2933ÙÙØ· اÛÙÚ©Ù Ø´Ø§Ø±ÚØ± Ù Ù ØØ§Ùظ ٠گارد ÙÙ Ø ÙÙ Ø±Ø§ÙØ´ ÙØ³ØªØ</p> 2934 <p class="extra-options"></p> 2935 </div> 2936 </div> 2937 </div> 2938 <div class="row media item-reply"> 2939 <div class="col-sm-2 col-md-1 hidden-xs pull-right text-sm-center"> 2940 <img style="width:60px;" class="img-rounded" src="/Content/BaseTemplate/images/glx-avatar.svg" title="تصÙÛØ± Ø¬Û Ø§Ù Ø§Ûکس" alt="تصÙÛØ± Ø¬Û Ø§Ù Ø§Ûکس"> 2941 </div> 2942 <div class="col-sm-10 col-md-11 pull-left"> 2943 <div class="media-body"> 2944 <p class="font-weight-bold mb-3"> 2945 پاسخ جÛâØ§ÙâØ§Ûکس 2946 </p> 2947 <p data-type="textarea">Ø³ÙØ§Ù Ù Ø¯Ø±ÙØ¯ Ø¯ÙØ³Øª Ø¹Ø²ÛØ²Ø ÙÙ Ø±Ø§Ù Ú¯ÙØ´Û ÙÙØ· کاب٠USB ÙØ³Øª. ا٠ا ÙÙØ§Ø²Ù Ø¬Ø§ÙØ¨ÛØ´ تÙÛ Ø³Ø§ÛØª Ù ÙØ¬ÙØ¯Ù Ù Ù ÛØªÙÙÛØ¯ تÙÛÙ Ú©Ù
2947ÛØ¯.</p> 2948 <p class="extra-options"></p> 2949 </div> 2950 </div> 2951 </div> 2952 </div> 2953 <div class="cmnt-user"> 2954 <div class="row media"> 2955 <div class="col-sm-2 col-md-1 d-none d-sm-block pull-right text-center user-avatar-comment"> 2956 <i class="fal fa-user-circle "></i> 2957 </div> 2958 <div class="col-sm-10 col-md-11 pull-left"> 2959 <div class="media-body"> 2960 <p class="bold" style="margin-bottom:5px;"> 2961 ÙØ±Ø´Ûد 2962 <span class="badge badge-pill badge-gray mr-2">Ù¾ÙØ¬Ø´ÙبÙ, 18 ØªÛØ±,1405</span> 2963 </p> 2964 <p data-type="textarea">کاش ÙÛÙÙ Ø¨Ø±Ø¯Ø§Ø±Û Û´Ú©Ø§ داشت . بÙÛÙ Ø§Ù Ú©Ø§ÙØ§ØªØ´ عاÙÛÙ </p> 2965 <p class="extra-options"></p> 2966 </div> 2967 </div> 2968 </div> 2969 <div class="row media item-reply"> 2970 <div class="col-sm-2 col-md-1 hidden-xs pull-right text-sm-center"> 2971 <img style="width:60px;" class="img-rounded" src="/Content/BaseTemplate/images/glx-avatar.svg" title="تصÙÛØ± Ø¬Û Ø§Ù Ø§Ûکس" alt="تصÙÛØ± Ø¬Û Ø§Ù Ø§Ûکس"> 2972 </div> 2973 <div class="col-sm-10 col-md-11 pull-left"> 2974 <div class="media-body"> 2975 <p class="font-weight-bold mb-3"> 2976 پاسخ جÛâØ§ÙâØ§Ûکس 2977 </p> 2978 <p data-type="textarea">Ø³ÙØ§Ù Ù Ø¯Ø±ÙØ¯Ø Ù Ù ÙÙ٠از ØªÙØ¬ÙتÙÙ Ø¯ÙØ³Øª Ø¹Ø²ÛØ² </p> 2979 <p class="extra-options"></p> 2980 </div> 2981 </div> 2982 </div> 2983 </div> 2984 <div class="cmnt-user"> 2985 <div class="row media"> 2986 <div class="col-sm-2 col-md-1 d-none d-sm-block pull-right text-center user-avatar-comment"> 2987 <i class="fal fa-user-circle "></i> 2988 </div> 2989 <div class="col-sm-10 col-md-11 pull-left"> 2990 <div class="media-body"> 2991 <p class="bold" style="margin-bottom:5px;"> 2992 Rahmat 2993 <span class="badge badge-pill badge-gray mr-2">ÛÚ©Ø´ÙØ¨Ù, 14 ØªÛØ±,1405</span> 2994 </p> 2995 <p data-type="textarea">Ø³ÙØ§Ù Ù Ù Ú¯ÙØ´Û شاÙÛÙ 4Ø±Ù Ø®Ø±ÛØ¯ کرد٠اÛÙ Ú¯ÙØ´Û Ù٠رد٠با شاÙÛÙ 4ÙØ³Øª ÙÛØ§ از ÙØ¸Ø± Ú©ÛÙÛØª Ø¨Ø§ÛØ± Ø¨Ø±ÙØ¯Ùا ÙØ³Øª</p> 2996 <p class="extra-options"></p> 2997 </div> 2998 </div> 2999 </div> 3000 <div class="row media item-reply"> 3001 <div class="col-sm-2 col-md-1 hidden-xs pull-right text-sm-center"> 3002 <img style="width:60px;" class="img-rounded" src="/Content/BaseTemplate/images/glx-avatar.svg" title="تصÙÛØ± Ø¬Û Ø§Ù Ø§Ûکس" alt="تصÙÛØ± Ø¬Û Ø§Ù Ø§Ûکس"> 3003 </div> 3004 <div class="col-sm-10 col-md-11 pull-left"> 3005 <div class="media-body"> 3006 <p class="font-weight-bold mb-3"> 3007 پاسخ جÛâØ§ÙâØ§Ûکس 3008 </p> 3009 <p data-type="textarea">Ø³ÙØ§Ù Ù Ø¯Ø±ÙØ¯Ø Ú¯ÙØ´Û رÛÙ٠از ÙØ¸Ø± ٠شخصات از شاÙÛÙ4 Ø¨Ø§ÙØ§ØªØ± ÙØ³Øª.</p> 3010 <p class="extra-options"></p> 3011 </div> 3012 </div> 3013 </div> 3014 </div> 3015 <div class="cmnt-user"> 3016 <div class="row media"> 3017 <div class="col-sm-2 col-md-1 d-none d-sm-block pull-right text-center user-avatar-comment"> 3018 <i class="fal fa-user-circle "></i> 3019 </div> 3020 <div class="col-sm-10 col-md-11 pull-left"> 3021 <div class="media-body"> 3022 <p class="bold" style="margin-bottom:5px;"> 3023 Reza
3024 <span class="badge badge-pill badge-gray mr-2">ج٠عÙ, 12 ØªÛØ±,1405</span> 3025 </p> 3026 <p data-type="textarea">Ø³ÙØ§Ù ٠٠شاÙÛÙÛ´ دار٠خÛÙÛ Ø§Ø²Ø´ Ø±Ø§Ø¶Û ÙØ³ØªÙ 3027Ø§Ù ÛØ¯ÙØ§Ø±Ù Ø¬Û Ø§Ù Ø§Ûکس Ø¨Ø²ÙØ¯Û شاÙÛÙÛµ ر٠با Ø§Ø³Ù Ø®ÙØ¯Ø´ Ø¨Ø¯Ù Ø¨ÛØ±Ù٠با Ø§Ø±ØªÙØ§ Ù ØØ³Ùس ÙØ³Ø¨Øª ب٠شاÙÛÙ Û´ 3028 3029اÛÙ Ú¯ÙØ´Û اگ٠با Ø§Ø³Ù Ù Ø¨Ø±ÙØ¯ Ø®ÙØ¯ Ø¬Û Ø§Ù Ø§Ûکس Ø¨ÙØ¯ ÙØ·Ø¹Ø§ Ù ÛØ®Ø±Ûد٠ÙÙÛ ØÛÙ</p> 3030 <p class="extra-options"></p> 3031 </div> 3032 </div> 3033 </div> 3034 <div class="row media item-reply"> 3035 <div class="col-sm-2 col-md-1 hidden-xs pull-right text-sm-center"> 3036 <img style="width:60px;" class="img-rounded" src="/Content/BaseTemplate/images/glx-avatar.svg" title="تصÙÛØ± Ø¬Û Ø§Ù Ø§Ûکس" alt="تصÙÛØ± Ø¬Û Ø§Ù Ø§Ûکس"> 3037 </div> 3038 <div class="col-sm-10 col-md-11 pull-left"> 3039 <div class="media-body"> 3040 <p class="font-weight-bold mb-3"> 3041 پاسخ جÛâØ§ÙâØ§Ûکس 3042 </p> 3043 <p data-type="textarea">Ø³ÙØ§Ù Ù Ø¯Ø±ÙØ¯Ø 3044Ú¯ÙØ´Û رÛÙÙ ØªÙØ³Ø· شرکت Ø¬Û Ø§Ù Ø§Ûکس ٠با ÙÙ Ú©Ø§Ø±Û ÛÚ© شرکت ÚÛÙÛ ØªÙÙÛØ¯ Ù ÛØ´Ù Ø¯ÙØ³Øª Ø¹Ø²ÛØ² 🙏🏻</p> 3045 <p class="extra-options"></p> 3046 </div> 3047 </div> 3048 </div> 3049 </div> 3050 <div class="cmnt-user"> 3051 <div class="row media"> 3052 <div class="col-sm-2 col-md-1 d-none d-sm-block pull-right text-center user-avatar-comment"> 3053 <i class="fal fa-user-circle "></i> 3054 </div> 3055 <div class="col-sm-10 col-md-11 pull-left"> 3056 <div class="media-body"> 3057 <p class="bold" style="margin-bottom:5px;"> 3058 عÙÛ 3059 <span class="badge badge-pill badge-gray mr-2">Ø´ÙØ¨Ù, 30 خرداد,1405</span> 3060 </p> 3061 <p data-type="textarea">Ø®ÛÙÛ Ø¯ÙØ³Øª دارÛÙ ÙØ§Ø±Ø¯ بازار بش٠٠تست Ú©ÙÛÙ . 3062Ø§Ù ÛØ¯ÙارÛÙ ÙÛ٠ت ÙØ¬ÙÙ Û ÙØ¨Ø§Ø´Ù. بصرÙ٠باش٠تا Ø§ØºÙØ¨ ÙØ¸Ø±Ø´ÙÙ Ø¬ÙØ¨ Ø¨Ø´Ù Ø¬ÙØª Ø®Ø±ÛØ¯ </p> 3063 <p class="extra-options"></p> 3064 </div> 3065 </div> 3066 </div> 3067 <div class="row media item-reply"> 3068 <div class="col-sm-2 col-md-1 hidden-xs pull-right text-sm-center"> 3069 <img style="width:60px;" class="img-rounded" src="/Content/BaseTemplate/images/glx-avatar.svg" title="تصÙÛØ± Ø¬Û Ø§Ù Ø§Ûکس" alt="تصÙÛØ± Ø¬Û Ø§Ù Ø§Ûکس"> 3070 </div> 3071 <div class="col-sm-10 col-md-11 pull-left"> 3072 <div class="media-body"> 3073 <p class="font-weight-bold mb-3"> 3074 پاسخ جÛâØ§ÙâØ§Ûکس 3075 </p> 3076 <p data-type="textarea">Ø³ÙØ§Ù Ù Ø¯Ø±ÙØ¯Ø 3077Ú¯ÙØ´Û رÛÙ٠با ÙÙ ÙÙ ÙÛ٠ت ÙØ¨Ù ب٠بازار عرض٠شد 🙏🏻</p> 3078 <p class="extra-options"></p> 3079 </div> 3080 </div> 3081 </div> 3082 </div> 3083 <div class="cmnt-user"> 3084 <div class="row media"> 3085 <div class="col-sm-2 col-md-1 d-none d-sm-block pull-right text-center user-avatar-comment"> 3086 <i class="fal fa-user-circle "></i> 3087 </div> 3088 <div class="col-sm-10 col-md-11 pull-left"> 3089 <div class="media-body"> 3090 <p class="bold" style="margin-bottom:5px;"> 3091 J 3092 <span class="badge badge-pill badge-gray mr-2">Ù¾ÙØ¬Ø´ÙبÙ, 28 خرداد,1405</span> 3093 </p> 3094 <p data-type="textarea">Ø³ÙØ§Ù 3095Ø§ÛØ´Ø§Ùا Ú©Û Ø¨Ø§Ø² Ù ÙØ¬Ùد Ù ÛØ´ÙØ</p> 3096 <p class="extra-options"></p> 3097 </div> 3098 </div> 3099 </div> 3100 <div class="row media item-reply"> 3101 <div class="col-sm-2 col-md-1 hidden-xs pull-right text-sm-center"> 3102 <img style="width:60px;" class="img-rounded" src="/Content/BaseTemplate/images/glx-avatar.svg" title="تصÙÛØ± Ø¬Û Ø§Ù Ø§Ûکس" alt="تصÙÛØ± Ø¬Û Ø§Ù Ø§Ûکس"> 3103 </div> 3104 <div class="col-sm-10 col-md-11 pull-left"> 3105 <div class="media-body"> 3106 <p class="font-weight-bold mb-3">
3107 پاسخ جÛâØ§ÙâØ§Ûکس 3108 </p> 3109 <p data-type="textarea">Ø³ÙØ§Ù Ù Ø¯Ø±ÙØ¯Ø در ØØ§Ù ØØ§Ø¶Ø± Ù ÙØ¬Ùد Ù ÙØ§Ø¨Ù Ø®Ø±ÛØ¯ ÙØ³Øª</p> 3110 <p class="extra-options"></p> 3111 </div> 3112 </div> 3113 </div> 3114 </div> 3115 <div class="cmnt-user"> 3116 <div class="row media"> 3117 <div class="col-sm-2 col-md-1 d-none d-sm-block pull-right text-center user-avatar-comment"> 3118 <i class="fal fa-user-circle "></i> 3119 </div> 3120 <div class="col-sm-10 col-md-11 pull-left"> 3121 <div class="media-body"> 3122 <p class="bold" style="margin-bottom:5px;"> 3123 Ø¬ÙØ§Ø¯ 3124 <span class="badge badge-pill badge-gray mr-2">Ø´ÙØ¨Ù, 16 خرداد,1405</span> 3125 </p> 3126 <p data-type="textarea">Ø³ÙØ§Ù ٠خدا ÙÙØª Ø Ø§ÛÙ Ú¯ÙØ´Û Ø¢ÛØ§ Ø¯ÙØ¨Ø§Ø±Ù Ù ÙØ¬Ùد Ù ÛØ´ÙØ Ø¯Ø± ÚÙ ØªØ§Ø±ÛØ®ÛØ</p> 3127 <p class="extra-options"></p> 3128 </div> 3129 </div> 3130 </div> 3131 <div class="row media item-reply"> 3132 <div class="col-sm-2 col-md-1 hidden-xs pull-right text-sm-center"> 3133 <img style="width:60px;" class="img-rounded" src="/Content/BaseTemplate/images/glx-avatar.svg" title="تصÙÛØ± Ø¬Û Ø§Ù Ø§Ûکس" alt="تصÙÛØ± Ø¬Û Ø§Ù Ø§Ûکس"> 3134 </div> 3135 <div class="col-sm-10 col-md-11 pull-left"> 3136 <div class="media-body"> 3137 <p class="font-weight-bold mb-3"> 3138 پاسخ جÛâØ§ÙâØ§Ûکس 3139 </p> 3140 <p data-type="textarea">Ø³ÙØ§Ù Ù Ø¯Ø±ÙØ¯Ø 3141Ú¯ÙØ´Û رÛÙ٠در ØØ§Ù ØØ§Ø¶Ø± Ù ÙØ¬Ùد Ù ÙØ§Ø¨Ù Ø®Ø±ÛØ¯ ÙØ³Øª 🙏🏻</p> 3142 <p class="extra-options"></p> 3143 </div> 3144 </div> 3145 </div> 3146 </div> 3147 <div class="cmnt-user"> 3148 <div class="row media"> 3149 <div class="col-sm-2 col-md-1 d-none d-sm-block pull-right text-center user-avatar-comment"> 3150 <i class="fal fa-user-circle "></i> 3151 </div> 3152 <div class="col-sm-10 col-md-11 pull-left"> 3153 <div class="media-body"> 3154 <p class="bold" style="margin-bottom:5px;"> 3155 Ø¬ÙØ§Ø¯ 3156 <span class="badge badge-pill badge-gray mr-2">ÚÙØ§Ø± Ø´ÙØ¨Ù, 06 خرداد,1405</span> 3157 </p> 3158 <p data-type="textarea">Ø³ÙØ§Ù .. اÛÙ Ú¯ÙØ´Û Ú©Û Ù Ø¨Ø§ ÚÙ ÙÛÙ ØªÛ Ù ÙØÙØ¯ Ù ÛØ´ÙØ</p> 3159 <p class="extra-options"></p> 3160 </div> 3161 </div> 3162 </div> 3163 <div class="row media item-reply"> 3164 <div class="col-sm-2 col-md-1 hidden-xs pull-right text-sm-center"> 3165 <img style="width:60px;" class="img-rounded" src="/Content/BaseTemplate/images/glx-avatar.svg" title="تصÙÛØ± Ø¬Û Ø§Ù Ø§Ûکس" alt="تصÙÛØ± Ø¬Û Ø§Ù Ø§Ûکس"> 3166 </div> 3167 <div class="col-sm-10 col-md-11 pull-left"> 3168 <div class="media-body"> 3169 <p class="font-weight-bold mb-3"> 3170 پاسخ جÛâØ§ÙâØ§Ûکس 3171 </p> 3172 <p data-type="textarea">Ø³ÙØ§Ù Ù Ø¯Ø±ÙØ¯Ø 3173Ø¨Ù Ø§ØØªØ±Ø§Ù ش٠ا Ù Ø´ØªØ±ÛØ§Ù Ø¹Ø²ÛØ²Ø Ú¯ÙØ´Û رÛÙ٠با ÙÙ ÙÙ ÙÛ٠ت ÙØ¨Ù Ù ÙØ¬Ùد Ù ÙØ§Ø¨Ù Ø®Ø±ÛØ¯ ÙØ³Øª.🙏🏻</p> 3174 <p class="extra-options"></p> 3175 </div> 3176 </div> 3177 </div> 3178 </div> 3179 <div class="cmnt-user"> 3180 <div class="row media"> 3181 <div class="col-sm-2 col-md-1 d-none d-sm-block pull-right text-center user-avatar-comment"> 3182 <i class="fal fa-user-circle "></i> 3183 </div> 3184 <div class="col-sm-10 col-md-11 pull-left"> 3185 <div class="media-body"> 3186 <p class="bold" style="margin-bottom:5px;"> 3187 Rrrssr
3188 <span class="badge badge-pill badge-gray mr-2">ÚÙØ§Ø± Ø´ÙØ¨Ù, 30 Ø§Ø±Ø¯ÛØ¨Ùشت,1405</span> 3189 </p> 3190 <p data-type="textarea">با Ø³ÙØ§Ù Û Ù Ø¯ØªÛ ÙØ³Øª Ú©Ù ÙØµØ¯ Ø®Ø±ÛØ¯ Ú¯ÙØ´Û Ø§ÛØ±Ø§ÙÛ Ø¯Ø§Ø±Ù Ø§Ù Ø§ Ù ØªØ§Ø³ÙØ§Ù٠اÙÙ Ú¯ÙØ´Û Ú©Ù Ù ÛØ®ÙØ§Ù ÙØ§Ù ÙØ¬Ùد زد٠شد٠٠ا ÙØµØ¯ Ø®Ø±ÛØ¯ Ù ØØµÙÙ Ø§ÛØ±Ø§ÙÛ Ù Ø¯Ø§Ø±Û٠ا٠ا Ù ØªØ§Ø³ÙØ§ÙÙ Ú¯ÙØ´Û Ø§ÛØ±Ø§ÙÛ Ù ÙØ¬Ùد ÙÛØ³Øª </p> 3191 <p class="extra-options"></p> 3192 </div> 3193 </div> 3194 </div> 3195 <div class="row media item-reply"> 3196 <div class="col-sm-2 col-md-1 hidden-xs pull-right text-sm-center"> 3197 <img style="width:60px;" class="img-rounded" src="/Content/BaseTemplate/images/glx-avatar.svg" title="تصÙÛØ± Ø¬Û Ø§Ù Ø§Ûکس" alt="تصÙÛØ± Ø¬Û Ø§Ù Ø§Ûکس"> 3198 </div> 3199 <div class="col-sm-10 col-md-11 pull-left"> 3200 <div class="media-body"> 3201 <p class="font-weight-bold mb-3"> 3202 پاسخ جÛâØ§ÙâØ§Ûکس 3203 </p> 3204 <p data-type="textarea">Ø³ÙØ§Ù Ù Ø¯Ø±ÙØ¯Ø 3205Ú¯ÙØ´Û رÛÙ٠در ØØ§Ù ØØ§Ø¶Ø± Ù ÙØ¬Ùد Ù ÙØ§Ø¨Ù Ø®Ø±ÛØ¯ ÙØ³Øª.</p> 3206 <p class="extra-options"></p> 3207 </div> 3208 </div> 3209 </div> 3210 </div> 3211 <div class="cmnt-user"> 3212 <div class="row media"> 3213 <div class="col-sm-2 col-md-1 d-none d-sm-block pull-right text-center user-avatar-comment"> 3214 <i class="fal fa-user-circle "></i> 3215 </div> 3216 <div class="col-sm-10 col-md-11 pull-left"> 3217 <div class="media-body"> 3218 <p class="bold" style="margin-bottom:5px;"> 3219 Ù ØÙ Ø¯ÙØ§Ø¯Û 3220 <span class="badge badge-pill badge-gray mr-2">Ø³Ù Ø´ÙØ¨Ù, 29 Ø§Ø±Ø¯ÛØ¨Ùشت,1405</span> 3221 </p> 3222 <p data-type="textarea">Ø³ÙØ§Ù ٠عرض خدا ÙÙØª Ø Ú¯ÙØ´Û شاÙÛÙ Û± Ø¯Ø§Ø´ØªÙ Ø§Ù Ø±ÙØ² Ù ØªØ£Ø³ÙØ§ÙÙ Ø³ÙØ®Øª Ø Ù ÙØªØ¸Ø± Ù ÙØ¬Ùد شد٠اÛÙ Ú¯ÙØ´Û Ø¬Ø¯ÛØ¯ ÙØ³ØªÙ Ø ÙØ·Ùا Ø§Ø·ÙØ§Ø¹ Ø¨Ø¯ÛØ¯ .</p> 3223 <p class="extra-options"></p> 3224 </div> 3225 </div> 3226 </div> 3227 <div class="row media item-reply"> 3228 <div class="col-sm-2 col-md-1 hidden-xs pull-right text-sm-center"> 3229 <img style="width:60px;" class="img-rounded" src="/Content/BaseTemplate/images/glx-avatar.svg" title="تصÙÛØ± Ø¬Û Ø§Ù Ø§Ûکس" alt="تصÙÛØ± Ø¬Û Ø§Ù Ø§Ûکس"> 3230 </div> 3231 <div class="col-sm-10 col-md-11 pull-left"> 3232 <div class="media-body"> 3233 <p class="font-weight-bold mb-3"> 3234 پاسخ جÛâØ§ÙâØ§Ûکس 3235 </p> 3236 <p data-type="textarea">Ø³ÙØ§Ù ÙÙØªØªÙÙ Ù Ø¯Ø±ÙØ¯Ø 3237Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ رÛÙ٠در ØØ§Ù ØØ§Ø¶Ø± Ù ÙØ¬Ùد Ù ÙØ§Ø¨Ù Ø®Ø±ÛØ¯ ÙØ³Øª.</p> 3238 <p class="extra-options"></p> 3239 </div> 3240 </div> 3241 </div> 3242 </div> 3243 3244 <div id="MoreInfoDiv"></div> 3245 <div class="text-center pt-2"> 3246 <button id="moreInfoButton" type="submit" class="inline-flex items-center gap-2 px-6 py-2.5 rounded-xl bg-gray-100 dark:bg-white/5 text-gray-600 dark:text-gray-300 text-[12px] font-black hover:bg-gray-200 dark:hover:bg-white/10 transition-all"> 3247 <span>Ø¨ÛØ´ØªØ±</span> 3248 <i class="fal fa-ellipsis-h"></i> 3249 </button> 3250 </div> 3251 <div id="ProgressDiv" align="center" style="display: none"> 3252 <br /> 3253 <img src="/Content/images/loadingAnimation.gif" alt="loading..." /> 3254 <br /><br /><br /> 3255 </div> 3256 </div> 3257 </div> 3258 </div> 3259 </div> 3260 3261 </div> 3262 </div> 3263 </div> 3264 </section> 3265 3266 <!-- PRODUCT VIDEOS --> 3267 <section class="space-y-6"> 3268 <div class="container px-4 space-y-6"> 3269 <div class="flex items-center gap-3">
3270 <span class="w-2 h-8 bg-blue-600 rounded-full"></span> 3271 <h2 class="text-xl font-black text-gray-900 dark:text-white">ÙÛØ¯ÛÙÙØ§Û ٠رتبط</h2> 3272 </div> 3273 <div class="relative"> 3274 <div class="swiper productSwiper !overflow-visible" dir="rtl"> 3275 <div class="swiper-wrapper"> 3276 <div class="swiper-slide h-auto p-3"> 3277 <div class="bg-white/40 dark:bg-white/5 border border-gray-100 dark:border-white/5 rounded-[2rem] p-3 space-y-2 h-full"> 3278 <div class='rounded-xl overflow-hidden' id="40319510420">
3278<script type="text/JavaScript" src="https://www.aparat.com/embed/ooi4122?data[rnddiv]=40319510420&data[responsive]=yes"></script>
3278</div> 3279 <div class="text-[12px] font-bold text-gray-700 dark:text-gray-300 px-1">ÚØ±Ø§ Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ رÛÙÙØ</div> 3280 </div> 3281 </div> 3282 <div class="swiper-slide h-auto p-3"> 3283 <div class="bg-white/40 dark:bg-white/5 border border-gray-100 dark:border-white/5 rounded-[2rem] p-3 space-y-2 h-full"> 3284 <div class='rounded-xl overflow-hidden' id="19596893371">
3284<script type="text/JavaScript" src="https://www.aparat.com/embed/dyqk097?data[rnddiv]=19596893371&data[responsive]=yes"></script>
3284</div> 3285 <div class="text-[12px] font-bold text-gray-700 dark:text-gray-300 px-1">Ø¢ÙØ¨Ø§Ú©Ø³ Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ رÛÙÙ</div> 3286 </div> 3287 </div> 3288 <div class="swiper-slide h-auto p-3"> 3289 <div class="bg-white/40 dark:bg-white/5 border border-gray-100 dark:border-white/5 rounded-[2rem] p-3 space-y-2 h-full"> 3290 <div class='rounded-xl overflow-hidden' id="20010095774">
3290<script type="text/JavaScript" src="https://www.aparat.com/embed/lhzjmsr?data[rnddiv]=20010095774&data[responsive]=yes"></script>
3290</div> 3291 <div class="text-[12px] font-bold text-gray-700 dark:text-gray-300 px-1">ÙÙØ§Ø²Ù Ø¬Ø§ÙØ¨Û Ú¯ÙØ´Û Ù ÙØ¨Ø§Û٠رÛÙÙ</div> 3292 </div> 3293 </div> 3294 <div class="swiper-slide h-auto p-3"> 3295 <div class="bg-white/40 dark:bg-white/5 border border-gray-100 dark:border-white/5 rounded-[2rem] p-3 space-y-2 h-full"> 3296 <div class='rounded-xl overflow-hidden' id="63094814786">
3296<script type="text/JavaScript" src="https://www.aparat.com/embed/vcdtvij?data[rnddiv]=63094814786&data[responsive]=yes"></script>
3296</div> 3297 <div class="text-[12px] font-bold text-gray-700 dark:text-gray-300 px-1">Ú¯ÙØ´Û ÙÙØ´Ù ÙØ¯ رÛÙ٠در ترب</div> 3298 </div> 3299 </div> 3300 <div class="swiper-slide h-auto p-3"> 3301 <div class="bg-white/40 dark:bg-white/5 border border-gray-100 dark:border-white/5 rounded-[2rem] p-3 space-y-2 h-full"> 3302 <div class='rounded-xl overflow-hidden' id="93585244430">
3302<script type="text/JavaScript" src="https://www.aparat.com/embed/jyh715q?data[rnddiv]=93585244430&data[responsive]=yes"></script>
3302</div> 3303 <div class="text-[12px] font-bold text-gray-700 dark:text-gray-300 px-1">Ø¢ÙØ¨Ø§Ú©Ø³ Ú©ÙØªØ§Ù Ú¯ÙØ´Û Ù ÙØ¨Ø§ÛÙ Revvl 7 Pro 5G </div> 3304 </div> 3305 </div> 3306 </div> 3307 </div> 3308 <div class="swiper-button-next prod-next w-11 h-11 bg-white dark:bg-zinc-900 rounded-2xl after:!text-xs shadow-xl text-blue-600 border border-gray-100 dark:border-white/5"></div> 3309 <div class="swiper-button-prev prod-prev w-11 h-11 bg-white dark:bg-zinc-900 rounded-2xl after:!text-xs shadow-xl text-blue-600 border border-gray-100 dark:border-white/5"></div> 3310 </div> 3311 </div> 3312 </section> 3313 3314 <!-- SHARE MODAL --> 3315 <div id="shareModal" class="hidden fixed inset-0 z-[1000] flex items-center justify-center p-4"> 3316 <div class="absolute inset-0 bg-black/40 backdrop-blur-md" onclick="toggleModal('shareModal')"></div> 3317 <div class="relative w-full max-w-sm bg-white dark:bg-zinc-900 rounded-[2.5rem] border border-gray-100 dark:border-white/10 shadow-2xl overflow-hidden p-6 space-y-5 text-center"> 3318 <h3 class="text-[15px] font-black text-gray-900 dark:text-white">اشتراکâÚ¯Ø°Ø§Ø±Û Ø¯Ø± شبکÙâÙØ§Û اجت٠اعÛ</h3> 3319 <div class="flex items-center justify-center gap-4 text-2xl"> 3320 <a href="https://wa.me?text=https://www.glx.ir/Products/15565" rel="nofollow" target="_blank" class="text-emerald-500 hover:scale-110 transition-transform"><i class="fab fa-whatsapp-square"></i></a> 3321 <a href="https://twitter.com/intent/tweet/?url=https://www.glx.ir/Products/15565" rel="nofollow" target="_blank" class="text-sky-500 hover:scale-110 transition-transform"><i class="fab fa-twitter-square"></i></a> 3322 <a href="https://www.facebook.com/sharer/sharer.php?u=https://www.glx.ir/Products/15565" rel="nofollow" target="_blank" class="text-blue-600 hover:scale-110 transition-transform"><i class="fab fa-facebook-square"></i></a> 3323 <a href="https://telegram.me/share/url?url=https://www.glx.ir/Products/15565" rel="nofollow" target="_blank" class="text-blue-400 hover:scale-110 transition-transform"><i class="fab fa-telegram"></i></a> 3324 </div> 3325 <div class="pt-3 border-t border-gray-100 dark:border-white/10"> 3326 <p class="text-[11px] font-bold text-gray-400 dir-ltr break-all"><i class="fal fa-link"></i> https://www.glx.ir/Products/15565</p> 3327 </div> 3328 <button type="button" onclick="toggleModal('shareModal')" class="w-full h-11 bg-gray-100 dark:bg-white/5 text-gray-700 dark:text-gray-300 rounded-xl font-black text-[13px]">بستÙ</button> 3329 </div> 3330 </div> 3331 3332 3333 3334 3335 3336 3337 3338 3339 3340 3341 3342 <!-- END CONTENT --> 3343 <!-- SHOP FEATURE --> 3344 <section class="relative overflow-hidden transition-colors duration-500"> 3345 <div class="container pt-5"> 3346 <div class="grid grid-cols-2 lg:grid-cols-4 gap-12 lg:gap-8"> 3347 3348 <div class="flex flex-col items-center text-center group"> 3349 <div class="relative w-20 h-20 mb-6 flex items-center justify-center"> 3350 <div class="absolute inset-0 bg-blue-500/10 dark:bg-blue-500/20 blur-2xl rounded-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div> 3351 <div class="relative z-10 w-full h-full bg-white dark:bg-gray-900 rounded-[2rem] border border-gray-100 dark:border-gray-800 shadow-sm transition-all duration-500 group-hover:-translate-y-2 group-hover:border-blue-500/50 group-hover:shadow-xl group-hover:shadow-blue-500/10 flex items-center justify-center"> 3352 <svg class="w-9 h-9 text-gray-700 dark:text-gray-300 group-hover:text-blue-500 transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 3353 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13 10V3L4 14h7v7l9-11h-7z" /> 3354 </svg> 3355 </div> 3356 </div> 3357 <h3 class="text-sm font-black text-gray-900 dark:text-white mb-2 transition-colors group-hover:text-blue-600 dar
3357k:group-hover:text-blue-400">تØÙÛÙ ÙÙØ±Û</h3> 3358 3359 </div> 3360 3361 <div class="flex flex-col items-center text-center group"> 3362 <div class="relative w-20 h-20 mb-6 flex items-center justify-center"> 3363 <div class="absolute inset-0 bg-secondary-500/10 dark:bg-secondary-500/20 blur-2xl rounded-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div> 3364 <div class="relative z-10 w-full h-full bg-white dark:bg-gray-900 rounded-[2rem] border border-gray-100 dark:border-gray-800 shadow-sm transition-all duration-500 group-hover:-translate-y-2 group-hover:border-secondary-500/50 group-hover:shadow-xl group-hover:shadow-secondary-500/10 flex items-center justify-center"> 3365 <svg class="w-9 h-9 text-gray-700 dark:text-gray-300 group-hover:text-secondary-500 transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 3366 <path stroke-linecap="round" 3367 stroke-linejoin="round" 3368 stroke-width="1.5" 3369 d="M7 7h.01M3 11l8.586-8.586a2 2 0 012.828 0l6.172 6.172a2 2 0 010 2.828L11 21H3v-8z" /> 3370 </svg> 3371 </div> 3372 </div> 3373 <h3 class="text-sm font-black text-gray-900 dark:text-white mb-2 transition-colors group-hover:text-secondary-600 dark:group-hover:text-secondary-500">تخÙÛÙ ÙÛÚÙ</h3> 3374 3375 </div> 3376 3377 <div class="flex flex-col items-center text-center group"> 3378 <div class="relative w-20 h-20 mb-6 flex items-center justify-center"> 3379 <div class="absolute inset-0 bg-emerald-500/10 dark:bg-emerald-500/20 blur-2xl rounded-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div> 3380 <div class="relative z-10 w-full h-full bg-white dark:bg-gray-900 rounded-[2rem] border border-gray-100 dark:border-gray-800 shadow-sm transition-all duration-500 group-hover:-translate-y-2 group-hover:border-emerald-500/50 group-hover:shadow-xl group-hover:shadow-emerald-500/10 flex items-center justify-center"> 3381 <svg class="w-9 h-9 text-gray-700 dark:text-gray-300 group-hover:text-emerald-500 transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 3382 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" /> 3383 </svg> 3384 </div> 3385 </div> 3386 <h3 class="text-sm font-black text-gray-900 dark:text-white mb-2 transition-colors group-hover:text-emerald-600 dark:group-hover:text-emerald-500">پرداخت ا٠Ù</h3> 3387 3388 </div> 3389 3390 <div class="flex flex-col items-center text-center group"> 3391 <div class="relative w-20 h-20 mb-6 flex items-center justify-center"> 3392 <div class="absolute inset-0 bg-indigo-500/10 dark:bg-indigo-500/20 blur-2xl rounded-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div> 3393 <div class="relative z-10 w-full h-full bg-white dark:bg-gray-900 rounded-[2rem] border border-gray-100 dark:border-gray-800 shadow-sm transition-all duration-500 group-hover:-translate-y-2 group-hover:border-indigo-500/50 group-hover:shadow-xl group-hover:shadow-indigo-500/10 flex items-center justify-center"> 3394 <svg class="w-9 h-9 text-gray-700 dark:text-gray-300 group-hover:text-indigo-500 transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 3395 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z" /> 3396 </svg> 3397 </div> 3398 </div> 3399 <h3 class="text-sm font-black text-gray-900 dark:text-white mb-2 transition-colors group-hover:text-indigo-600 dark:group-hover:text-indigo-400">Ø¯Ø§Ø±Ø§Û Ú¯Ø§Ø±Ø§ÙØªÛ</h3> 3400 3401 </div> 3402 3403 </div> 3404 </div> 3405 </section> 3406 <!-- END SHOP FEATURE --> 3407 </main> 3408 3409 <!-- FOOTER --> 3410 <footer class="relative amazing-glass-footer pt-24 pb-6 overflow-hidden transition-colors duration-500"> 3411 3412 <div class="container relative z-10"> 3413 3414 <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-12"> 3415 <div class="contact-tile"> 3416 <div class="icon-box bg-blue-500/10 text-blue-600"><svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
3416<path d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" stroke-width="2" /></svg></div> 3417 <div><h4 class="text-xs font-bold text-gray-400 mb-1">ش٠ار٠ت٠اس کارخاÙÙ</h4><p class="text-sm font-black dark:text-white">09165784523</p> <p class="text-sm font-black dark:text-white">09059605308</p></div> 3418 </div> 3419 <div class="contact-tile"> 3420 <div class="icon-box bg-indigo-500/10 text-indigo-600"><svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" stroke-width="2" /></svg></div> 3421 <div><h4 class="text-xs font-bold text-gray-400 mb-1">Ù¾Ø´ØªÛØ¨Ø§ÙÛ Ø¯Ø± Ø±ÙØ²ÙØ§Û Ú©Ø§Ø±Û</h4><p class="text-sm font-black dark:text-white">از ساعت Û¹ اÙÛ Û±Û³ Ù Û±Û´ اÙÛ Û±Û·</p></div> 3422 </div> 3423 <div class="contact-tile"> 3424 <div class="icon-box bg-purple-500/10 text-purple-600"><svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" stroke-width="2" /><path d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" stroke-width="2" /></svg></div> 3425 <div><h4 class="text-xs font-bold text-gray-400 mb-1">آدرس</h4><p class="text-sm font-black dark:text-white">Ø®Ø±Ù Ø´ÙØ±Ø Ø´ÙØ±Ú© ØµÙØ¹ØªÛØ ÙØ§Ø²ÛÚ©Ø Ø´Ø±Ú©Øª ارتباط Ù٠را٠گÙÛØ§ ارÙÙØ¯</p></div> 3426 </div> 3427 <div class="contact-tile"> 3428 <div class="icon-box bg-emerald-500/10 text-emerald-600"><svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" stroke-width="2" /></svg></div> 3429 <div><h4 class="text-xs font-bold text-gray-400 mb-1">اÛÙ ÛÙ</h4><p class="text-sm font-black dark:text-white">[email protected]</p></div> 3430 </div> 3431 </div> 3432 3433 <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-5 gap-12 mb-12"> 3434 3435 <div class="xl:col-span-2 space-y-8"> 3436 <div class="flex items-center gap-4"> 3437 3438 <a href="/" class="flex items-center gap-2 group"> 3439 <img src="/Content/BaseTemplate/images/glx-logo.svg" class="w-30" alt=""> 3440 </a> 3441 3442 3443 </div> 3444 <p class="text-sm text-gray-500 dark:text-gray-400 leading-8 text-justify font-medium max-w-md"> 3445 شرکت ارتباط Ù٠را٠گÙÛØ§ ارÙÙØ¯ Ø·Ø±Ø§Ø Ù ØªÙÙÛØ¯ Ú©ÙÙØ¯Ù Ú¯ÙØ´ÛâÙØ§Û Ú©ÙØ§Ø³ÛÚ©Ø ÙÙØ´Ù ÙØ¯ Ù ØªØ¨ÙØª با Ø¨Ø±ÙØ¯ Ø¬Û Ø§Ù Ø§Ûکس (GLX) ب٠عÙÙØ§Ù اÙÙÛ٠شرکت تÙÙÛØ¯ Ú©ÙÙØ¯Ù تÙÙÙ ÙÙ Ø±Ø§Ù Ø§ÛØ±Ø§ÙÛ Ø§Ø² سا٠۱۳۸۶ کار Ø®ÙØ¯ را Ø¨Ù ØµÙØ±Øª Ø±Ø³Ù Û Ø¯Ø± Ø´ÙØ± Ø®Ø±Ù Ø´ÙØ± ٠در Ù ÙØ·Ù٠آزاد ارÙÙØ¯ با تÙÙÛØ¯ Ú¯ÙØ´ÛâÙØ§Û Ø³Ø§Ø¯Ù Ù Ú©ÙØ§Ø³ÛÚ© آغاز ÙÙ ÙØ¯. 3446 </p> 3447 <div class="flex gap-4"> 3448 <a href="https://instagram.com/glxphones" class=" w-12 h-12 rounded-2xl bg-black/5 dark:bg-white/5 border border-black/5 dark:border-white/10 flex items-center justify-center text-gray-500 dark:text-gray-400 hover:bg-blue-600 hover:text-white hover:scale-110 transition-all duration-500"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259
34480-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"></path></svg></a> 3449 3450 3451 3452 <a href="https://eitaa.com/glxmobilephones" class=" w-12 h-12 rounded-2xl bg-black/5 dark:bg-white/5 border border-black/5 dark:border-white/10 flex items-center justify-center text-gray-500 dark:text-gray-400 hover:bg-blue-600 hover:text-white hover:scale-110 transition-all duration-500"> <img data-src="~/Content/BasicTemplate/images/eita-gray.png" width="25" src="/Content/BasicTemplate/images/eita-gray.png"> </a> 3453 <a href="https://ble.ir/glxmobilephones" class=" w-12 h-12 rounded-2xl bg-black/5 dark:bg-white/5 border border-black/5 dark:border-white/10 flex items-center justify-center text-gray-500 dark:text-gray-400 hover:bg-blue-600 hover:text-white hover:scale-110 transition-all duration-500" aria-label="بÙ٠جÛâØ§ÙâØ§Ûکس" title="بÙ٠جÛâØ§ÙâØ§Ûکس"><span class="text-xs font-bold">بÙÙ</span></a> 3454 3455 3456 3457 3458 <a href="mailto:[email protected]" class=" w-12 h-12 rounded-2xl bg-black/5 dark:bg-white/5 border border-black/5 dark:border-white/10 flex items-center justify-center text-gray-500 dark:text-gray-400 hover:bg-blue-600 hover:text-white hover:scale-110 transition-all duration-500"><svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" stroke-width="2"></path></svg></a> 3459 3460 3461 3462 3463 3464 </div> 3465 </div> 3466 3467 <div class="space-y-8"> 3468 <h3 class="footer-title">Ø¯Ø³ØªØ±Ø³Û Ø³Ø±ÛØ¹</h3> 3469 <ul class="space-y-5"> 3470 <li><a href="/Home/Poll" class="footer-link">ÙØ¸Ø±Ø³ÙجÛ</a></li> 3471 <li><a href="/Pages/Service" class="footer-link">خد٠ات پس از ÙØ±ÙØ´</a></li> 3472 <li><a href="/Representation" class="footer-link">Ù٠اÛÙØ¯Ú¯ÛâÙØ§</a></li> 3473 3474 <li><a href="https://dlglx.ir" class="footer-link">خد٠ات Ø¢ÙÙØ§ÛÙ</a></li> 3475 3476 <li><a href="/Blog?page=1/" class="footer-link">اخبار ٠رÙÛØ¯Ø§Ø¯Ùا</a></li> 3477 <li><a href="/Req/Create/پرسش-از-جÛ-اÙ-اÛکس" class="footer-link">ت٠اس با ٠ا</a></li> 3478 </ul> 3479 </div> 3480 3481 <div class="space-y-8"> 3482 <h3 class="footer-title">راÙÙÙ Ø§Û Ø®Ø±ÛØ¯</h3> 3483 <ul class="space-y-5"> 3484 <li><a href="/Orders" class="footer-link">Ù¾ÛÚ¯ÛØ±Û Ø³ÙØ§Ø±Ø´</a></li> 3485 <li><a href="/pages/Warranty" class="footer-link">Ø´Ø±Ø§ÛØ· Ú¯Ø§Ø±Ø§ÙØªÛ</a></li> 3486 <li><a href="/FAQs" class="footer-link">Ø³ÙØ§Ùات ٠تداÙÙ</a></li> 3487 <li><a href="/Seller" class="footer-link">Ú©Ø§Ø±Ø´ÙØ§Ø³Ø§Ù ÙØ±ÙØ´</a></li> 3488 3489 </ul> 3490 </div> 3491 3492 <div class="flex flex-col gap-6 items-center lg:items-end"> 3493 <h3 class="footer-title">Ù Ø¬ÙØ²ÙØ§Û ÙØ§ÙÙÙÛ</h3> 3494 <div class="flex gap-4"> 3495 <div class="w-28 h-36 bg-white/30 dark:bg-white/[0.02] backdrop-blur-xl rounded-2xl border border-gray-200 dark:border-white/10 flex flex-col items-center justify-center p-4 transition-all duration-500 hover:shadow-2xl hover:border-blue-500/30 group"> 3496 <div class="w-14 h-14 bg-gray-100 dark:bg-white/5 rounded-lg mb-4 flex items-center justify-center transition-all duration-500"> 3497 3498 <a target="_blank" rel="origin" href="https://trustseal.enamad.ir/?id=21224&C
3498ode=FVhROHnAdj1mqEJLTdKu"><img src="https://trustseal.enamad.ir/logo.aspx?id=21224&Code=FVhROHnAdj1mqEJLTdKu" id="FVhROHnAdj1mqEJLTdKu" class="loaded" data-was-processed="true"></a> 3499 3500 3501 </div> 3502 <span class="text-[9px] font-black text-gray-400 dark:text-gray-500 uppercase tracking-[0.2em]">Enamad</span> 3503 </div> 3504 3505 </div> 3506 </div> 3507 </div> 3508 3509 <div class="pt-5 border-t border-black/5 dark:border-white/5 flex flex-col md:flex-row justify-between items-center gap-8"> 3510 <div class="flex items-center gap-4"> 3511 <p class="text-[11px] text-gray-500 font-bold">© Û²Û°Û²Û¶ طراØÛ Ù ØªÙØ³Ø¹Ù ÙØ¨ <span class="text-gray-900 dark:text-white font-black">Ùگا٠ÙÙÛÙ</span></p> 3512 </div> 3513 <div class="flex flex-wrap justify-center gap-8"> 3514 3515 <p class="text-[11px] text-gray-500 font-bold">© Ú©ÙÛÙ ØÙÙÙ Ø¨Ø±Ø§Û Ø´Ø±Ú©Øª <span class="text-gray-900 dark:text-white font-black pl-1 pr-1">ارتباط Ù٠را٠گÙÛØ§ ارÙÙØ¯ (Ø¬Û Ø§Ù Ø§Ûکس)</span> Ù ØÙÙØ¸ است </p> 3516 3517 3518 3519 </div> 3520 </div> 3521 </div> 3522 </footer> 3523 <!-- END FOOTER --> 3524 <!-- NAV MOBILE --> 3525 <div class="fixed bottom-6 left-1/2 -translate-x-1/2 w-[92%] max-w-[400px] z-[100] md:hidden hidden"> 3526 3527 <div class="relative bg-white/70 dark:bg-black/60 backdrop-blur-2xl border border-white/40 dark:border-white/10 rounded-[2.5rem] shadow-[0_20px_50px_rgba(0,0,0,0.3)] px-2 py-3"> 3528 3529 <ul class="flex items-center justify-around relative"> 3530 3531 <li class="relative"> 3532 <a href="#" class="flex flex-col items-center gap-1 group relative px-4 py-1"> 3533 <div class="absolute -top-3 left-1/2 -translate-x-1/2 w-8 h-1 bg-blue-600 rounded-full shadow-[0_0_15px_rgba(37,99,235,0.8)]"></div> 3534 3535 <svg class="w-6 h-6 text-blue-600 dark:text-blue-400 transition-transform group-active:scale-90" fill="currentColor" viewBox="0 0 24 24"> 3536 <path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" /> 3537 </svg> 3538 <span class="text-[10px] font-black text-blue-600 dark:text-blue-400">خاÙÙ</span> 3539 </a> 3540 </li> 3541 3542 <li> 3543 <a href="#" class="flex flex-col items-center gap-1 group px-4 py-1 text-gray-400 dark:text-gray-500"> 3544 <svg class="w-6 h-6 transition-transform group-active:scale-90" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"> 3545 <path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16m-7 6h7" /> 3546 </svg> 3547 <span class="text-[10px] font-black">دستÙâÙØ§</span> 3548 </a> 3549 </li> 3550 3551 <li class="-mt-12"> 3552 <a href="#" class="relative flex items-center justify-center w-16 h-16 bg-blue-600 rounded-[1.8rem] text-white shadow-[0_10px_25px_rgba(37,99,235,0.5)] border-4 border-[#fafbfc] dark:border-[#050505] group transition-transform hover:scale-110 active:scale-95"> 3553 <svg class="w-7 h-7" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"> 3554 <path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z" /> 3555 </svg> 3556 <span class="absolute -top-1 -right-1 bg-red-500 text-[9px] font-black w-5 h-5 rounded-full flex items-center justify-center border-2 border-blue-600">Û³</span> 3557 </a> 3558 </li> 3559 3560 <li> 3561 <a href="#" class="flex flex-col items-center gap-1 group px-4 py-1 text-gray-400 dark:text-gray-500"> 3562 <svg class="w-6 h-6 transition-transform group-active:scale-90" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"> 3563 <path stroke-linecap="round" stroke-linejoin="round" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" /> 3564 </svg>
3565 <span class="text-[10px] font-black">Ø¹ÙØ§ÙÙâÙ ÙØ¯Û</span> 3566 </a> 3567 </li> 3568 3569 <li> 3570 <a href="#" class="flex flex-col items-center gap-1 group px-4 py-1 text-gray-400 dark:text-gray-500"> 3571 <svg class="w-6 h-6 transition-transform group-active:scale-90" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"> 3572 <path stroke-linecap="round" stroke-linejoin="round" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" /> 3573 </svg> 3574 <span class="text-[10px] font-black">پرÙÙØ§ÛÙ</span> 3575 </a> 3576 </li> 3577 3578 </ul> 3579 </div> 3580 </div> 3581 <!-- END NAV MOBILE --> 3582 <!-- SEARCH MODAL --> 3583 <div id="search-modal" class="fixed inset-0 z-[2000] invisible opacity-0 transition-all duration-300 md:hidden flex flex-col"> 3584 <div class="absolute inset-0 bg-gray-900/60 dark:bg-black/90 backdrop-blur-2xl"></div> 3585 3586 <div class="relative flex-1 flex flex-col bg-white/10 dark:bg-black/20 overflow-hidden"> 3587 3588 <div class="flex items-center justify-between p-5 border-b border-white/10"> 3589 <span class="text-xl font-black text-gray-800 dark:text-white">جستج٠در <span class="text-primary-500">Ù ØØµÙÙØ§Øª</span></span> 3590 <button id="close-search-modal" class="p-2 bg-white/10 rounded-full text-gray-500 dark:text-gray-400"> 3591 <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /></svg> 3592 </button> 3593 </div> 3594 3595 <div class="p-5"> 3596 <div class="relative w-full"> 3597 <input type="text" id="modal-search-input" maxlength="100" autocomplete="off" aria-label="جستجÙÛ Ù ØØµÙÙØ§Øª" 3598 class="w-full bg-white dark:bg-white/5 border border-gray-200 dark:border-white/10 rounded-2xl py-4 pr-12 pl-4 text-sm font-bold dark:text-white outline-none focus:ring-2 ring-primary-500 transition-all shadow-xl" 3599 placeholder="جستجÙ..."> 3600 <div class="absolute inset-y-0 right-4 flex items-center text-primary-500"> 3601 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" stroke-width="2.5" /></svg> 3602 </div> 3603 </div> 3604 </div> 3605 3606 <div id="mobile-search-panel" class="glx-search-panel" hidden> 3607 <div id="mobile-search-options" role="listbox" aria-label="Ù¾ÛØ´ÙÙØ§Ø¯ÙØ§Û Ø¬Ø³ØªØ¬Ù"></div> 3608 <div class="glx-search-status" role="status" aria-live="polite"></div> 3609 </div> 3610 3611 3612 </div> 3613 </div> 3614 <!-- END SEARCH MODAL --> 3615 <!--QUICK MODAL--> 3616 <div id="quick-view-modal" class="fixed inset-0 bg-blue-900/20 dark:bg-black/70 backdrop-blur-md flex items-center justify-center z-[999] opacity-0 pointer-events-none transition-all duration-500"> 3617 3618 <div class="bg-white/80 dark:bg-gray-900/85 backdrop-blur-2xl rounded-[3.5rem] p-6 md:p-10 w-11/12 lg:w-3/4 max-w-5xl max-h-[92vh] overflow-y-auto transform scale-95 opacity-0 transition-all duration-500 relative border border-white dark:border-gray-700/50 shadow-2xl" dir="rtl"> 3619 3620 <button class="close-modal-btn absolute top-6 left-6 p-3 bg-white/50 dark:bg-gray-800/50 text-gray-500 dark:text-gray-400 rounded-2xl hover:bg-red-500 hover:text-white transition-all z-10"> 3621 <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M6 18L18 6M6 6l12 12" /></svg> 3622 </button> 3623 3624 <div class="grid grid-cols-1 lg:grid-cols-2 gap-10"> 3625 3626 <div class="flex flex-col gap-6"> 3627 3628 <!-- Gallery --> 3629 3630 <div class="relative group"> 3631 <div class="swiper mainGallerySwiper rounded-[2.5rem] overflow-hidden border border-gray-100 dark:border-gray-800 shadow-inner bg-gray-50 dark:bg-gray-800/20"> 3632 <div class="swiper-wrapper"> 3633 <div class="swiper-slide"> 3634 <div class="swiper-zoom-container"> 3635 <img src="assets/images/product/mobile-1.png" class="w-full object-cover" alt="" /> 3636 </div> 3637 </div> 3638 <div class="swiper-slide"> 3639 <div class="swiper-zoom-container"> 3640 <img src="assets/images/product/mobile-2.png" class="w-full object-cover" alt="" /> 3641 </div> 3642 </div> 3643 <div class="swiper-slide"> 3644 <div class="swiper-zoom-container"> 3645 <img src="assets/images/product/mobile-3.png" class="w-full object-cover" alt="" /> 3646 </div> 3647 </div> 3648 <div class="swiper-slide"> 3649 <div class="swiper-zoom-container"> 3650 <img src="assets/images/product/mobile-4.png" class="w-full object-cover" alt="" /> 3651 </div> 3652 </div> 3653 <div class="swiper-slide"> 3654 <div class="swiper-zoom-container"> 3655 <img src="assets/images/product/mobile-5.png" class="w-full object-cover" alt="" /> 3656 </div> 3657 </div> 3658 </div> 3659 <div class="custom-next absolute top-1/2 -translate-y-1/2 left-4 z-20 w-12 h-12 flex items-center justify-center bg-white/40 dark:bg-gray-900/40 backdrop-blur-xl border border-white/50 dark:border-white/10 rounded-2xl text-gray-800 dark:text-white cursor-pointer opacity-0 group-hover:opacity-100 -translate-x-4 group-hover:translate-x-0 transition-all duration-500 hover:bg-primary-600 hover:text-white hover:shadow-xl hover:shadow-
3659primary-500/30"> 3660 <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M15 19l-7-7 7-7" /></svg> 3661 </div> 3662 3663 <div class="custom-prev absolute top-1/2 -translate-y-1/2 right-4 z-20 w-12 h-12 flex items-center justify-center bg-white/40 dark:bg-gray-900/40 backdrop-blur-xl border border-white/50 dark:border-white/10 rounded-2xl text-gray-800 dark:text-white cursor-pointer opacity-0 group-hover:opacity-100 translate-x-4 group-hover:translate-x-0 transition-all duration-500 hover:bg-primary-600 hover:text-white hover:shadow-xl hover:shadow-primary-500/30"> 3664 <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M9 5l7 7-7 7" /></svg> 3665 </div> 3666 </div> 3667 3668 <div class="swiper thumbSwiper mt-4 px-1"> 3669 <div class="swiper-wrapper"> 3670 <div class="swiper-slide cursor-pointer opacity-40 transition-all duration-300"> 3671 <img src="assets/images/product/mobile-1.png" class="rounded-2xl border-2 border-transparent object-cover w-full aspect-square" alt="" /> 3672 </div> 3673 <div class="swiper-slide cursor-pointer opacity-40 transition-all duration-300"> 3674 <img src="assets/images/product/mobile-2.png" class="rounded-2xl border-2 border-transparent object-cover w-full aspect-square" alt="" /> 3675 </div> 3676 <div class="swiper-slide cursor-pointer opacity-40 transition-all duration-300"> 3677 <img src="assets/images/product/mobile-3.png" class="rounded-2xl border-2 border-transparent object-cover w-full aspect-square" alt="" /> 3678 </div> 3679 <div class="swiper-slide cursor-pointer opacity-40 transition-all duration-300"> 3680 <img src="assets/images/product/mobile-4.png" class="rounded-2xl border-2 border-transparent object-cover w-full aspect-square" alt="" /> 3681 </div> 3682 <div class="swiper-slide cursor-pointer opacity-40 transition-all duration-300"> 3683 <img src="assets/images/product/mobile-5.png" class="rounded-2xl border-2 border-transparent object-cover w-full aspect-square" alt="" /> 3684 </div> 3685 </div> 3686 </div> 3687 3688 </div> 3689 3690 3691 <div class="grid grid-cols-3 gap-3 mt-2"> 3692 <div class="bg-blue-50/50 dark:bg-blue-900/10 p-4 rounded-[1.5rem] text-center border border-blue-100/50 dark:border-blue-500/10"> 3693 <span class="block text-[10px] text-blue-500 dark:text-blue-400 font-black mb-1">Ù¾Ø±Ø¯Ø§Ø²ÙØ¯Ù</span> 3694 <span class="text-xs font-bold text-gray-700 dark:text-gray-200 uppercase">Core i9</span> 3695 </div> 3696 <div class="bg-blue-50/50 dark:bg-blue-900/10 p-4 rounded-[1.5rem] text-center border border-blue-100/50 dark:border-blue-500/10"> 3697 <span class="block text-[10px] text-blue-500 dark:text-blue-400 font-black mb-1">ر٠</span> 3698 <span class="text-xs font-bold text-gray-700 dark:text-gray-200 uppercase">32GB DDR5</span> 3699 </div> 3700 <div class="bg-blue-50/50 dark:bg-blue-900/10 p-4 rounded-[1.5rem] text-center border border-blue-100/50 dark:border-blue-500/10"> 3701 <span class="block text-[10px] text-blue-500 dark:text-blue-400 font-black mb-1">ØØ§ÙظÙ</span>
3702 <span class="text-xs font-bold text-gray-700 dark:text-gray-200 uppercase">1TB SSD</span> 3703 </div> 3704 3705 </div> 3706 </div> 3707 3708 <div class="flex flex-col"> 3709 <div class="mb-6"> 3710 <h3 class="text-3xl font-black text-gray-900 dark:text-white mb-3 leading-tight tracking-tight">ÙÙ¾âØªØ§Ù¾ Û±Û¶ اÛÙÚÛ Ø§ÛØ³Ùس ٠د٠ROG Zephyrus M16</h3> 3711 <div class="flex items-center gap-4 text-xs"> 3712 <span class="text-gray-400">Ø´ÙØ§Ø³Ù Ú©Ø§ÙØ§: <span class="text-blue-600 font-bold">DKP-88231</span></span> 3713 <div class="flex items-center gap-1 text-secondary-500 bg-secondary-500/10 px-3 py-1 rounded-full font-black"> 3714 <svg class="w-4 h-4 fill-current" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" /></svg> 3715 <span>Û´.Û¸</span> 3716 </div> 3717 </div> 3718 </div> 3719 3720 <div class="mb-6 p-1 rounded-3xl bg-gray-50/50 dark:bg-gray-800/40 border border-white/50 dark:border-gray-700/50"> 3721 <select class="w-full bg-transparent border-none rounded-2xl text-sm p-4 outline-none text-gray-700 dark:text-gray-200 font-bold cursor-pointer"> 3722 <option>Û±Û¸ Ù Ø§Ù Ú¯Ø§Ø±Ø§ÙØªÛ اصÙÛ Ûکتا سرÙÛØ³ (راÛگاÙ)</option> 3723 <option>Û²Û´ Ù Ø§Ù Ú¯Ø§Ø±Ø§ÙØªÛ Ø·ÙØ§ÛÛ Ù¾Ø§Ø±Ø³ (Û±,Û²Û°Û°,Û°Û°Û° تÙ٠اÙ)</option> 3724 </select> 3725 </div> 3726 3727 <div class="mb-8"> 3728 <span class="text-sm font-black text-gray-800 dark:text-gray-200 block mb-4">Ø§ÙØªØ®Ø§Ø¨ رÙÚ¯:</span> 3729 <div class="flex gap-3"> 3730 <button class="color-option active w-10 h-10 rounded-2xl flex items-center justify-center border-2 border-transparent transition-all bg-black shadow-xl ring-4 ring-blue-500/20 group" data-color="Ù Ø´Ú©Û"> 3731 <svg class="w-5 h-5 text-white opacity-0 group-[.active]:opacity-100 transition-opacity" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M5 13l4 4L19 7"></path></svg> 3732 </button> 3733 <button class="color-option w-10 h-10 rounded-2xl flex items-center justify-center border-2 border-transparent transition-all bg-gray-400 group opacity-50" data-color="Ø·ÙØ³Û"> 3734 <svg class="w-5 h-5 text-white opacity-0 group-[.active]:opacity-100 transition-opacity" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M5 13l4 4L19 7"></path></svg> 3735 </button> 3736 </div> 3737 </div> 3738 3739 <div class="mb-8"> 3740 <div class="flex justify-between text-[10px] mb-2 font-bold"> 3741 <span class="text-red-500">ÙÙØ· Û³ عدد در Ø§ÙØ¨Ø§Ø± باÙÛØ³Øª!</span> 3742 <span class="text-gray-400 tracking-tighter">Û¸Û°Ùª ÙØ±Ùخت٠شدÙ</span> 3743 </div> 3744 <div class="w-full h-2 bg-gray-100 dark:bg-gray-800/60 rounded-full overflow-hidden border border-white dark:border-gray-700/30"> 3745 <div class="w-[80%] h-full bg-gradient-to-l from-red-500 to-rose-400 rounded-full"></div> 3746 </div> 3747 </div> 3748 3749 <div class="mt-auto p-6 lg:p-8 rounded-[2.5rem] bg-blue-50/30 dark:bg-blue-500/5 border border-blue-200/50 dark:border-blue-500/20 relative overflow-hidden backdrop-blur-sm"> 3750 3751 <div class="flex justify-between items-center relative z-10"> 3752 <div class="flex flex-col">
3753 <span class="text-gray-400 dark:text-gray-500 line-through text-xs font-bold mb-1">Û´Ûµ,Û°Û°Û°,Û°Û°Û°</span> 3754 <div class="flex items-center gap-2"> 3755 <span class="text-4xl font-black text-blue-600 dark:text-blue-400 tracking-tight">Û³Û¸,ÛµÛ°Û°,Û°Û°Û°</span> 3756 <span class="text-[10px] font-bold text-gray-500 dark:text-gray-400">تÙ٠اÙ</span> 3757 </div> 3758 </div> 3759 3760 <div class="flex items-center bg-white dark:bg-gray-800/80 rounded-2xl p-1 shadow-sm border border-gray-100 dark:border-gray-700"> 3761 <button onclick="changeQty(1)" class="w-9 h-9 flex items-center justify-center text-blue-600 dark:text-blue-400 hover:bg-blue-50 dark:hover:bg-blue-900/30 rounded-xl transition-all font-black text-xl">+</button> 3762 <input type="number" id="modalQty" value="1" readonly class="w-10 bg-transparent text-center font-black text-gray-800 dark:text-white outline-none border-none text-sm" /> 3763 <button onclick="changeQty(-1)" class="w-9 h-9 flex items-center justify-center text-gray-400 hover:bg-red-50 dark:hover:bg-red-900/20 rounded-xl transition-all font-black text-xl">-</button> 3764 </div> 3765 </div> 3766 3767 <button class="w-full mt-6 bg-blue-600 hover:bg-blue-700 text-white font-black py-5 rounded-[1.8rem] shadow-xl shadow-blue-500/20 transition-all flex items-center justify-center gap-3 active:scale-95 group"> 3768 <svg class="w-6 h-6 group-hover:animate-bounce" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 3769 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z" /> 3770 </svg> 3771 Ø§ÙØ²Ùد٠ب٠سبد Ø®Ø±ÛØ¯ 3772 </button> 3773 </div> 3774 </div> 3775 </div> 3776 </div> 3777 </div> 3778 <!--END QUICK MODAL--> 3779 <!--LOGIN MODAL--> 3780 <div id="login-modal" class="fixed inset-0 bg-gray-900/60 dark:bg-black/90 flex items-center justify-center z-[1000] opacity-0 pointer-events-none transition-all duration-500 backdrop-blur-md p-4" dir="rtl"> 3781 3782 <div class="relative w-[92%] max-w-[430px] transform scale-95 translate-y-10 transition-all duration-500 my-auto h-fit"> 3783 3784 <div class="absolute -inset-4 bg-blue-500/20 blur-[50px] rounded-[4rem] -z-10"></div> 3785 3786 <div class="relative bg-white/80 dark:bg-gray-950/85 backdrop-blur-3xl rounded-[3.5rem] border border-white dark:border-white/10 shadow-[0_32px_64px_-15px_rgba(0,0,0,0.2)] overflow-y-auto max-h-[92vh] scroll-smooth scrollbar-hide"> 3787 3788 <button onclick="closeLoginModal()" class="close-login absolute top-6 left-6 w-11 h-11 flex items-center justify-center rounded-2xl bg-white/50 dark:bg-white/5 text-gray-400 hover:text-blue-600 hover:scale-110 transition-all border border-white/80 dark:border-white/5 shadow-sm z-50"> 3789 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M6 18L18 6M6 6l12 12" /></svg> 3790 </button> 3791 3792 <div class="p-8 lg:p-12"> 3793 <div id="auth-steps"> 3794 3795 <div id="step-1" class="auth-step transition-all duration-300"> 3796 <div class="text-center mb-10"> 3797 <div class="relative w-20 h-20 lg:w-24 lg:h-24 mx-auto mb-8"> 3798 <div class="absolute inset-0 bg-blue-500/20 rounded-[2.5rem] rotate-12 animate-pulse"></div> 3799 <div class="relative w-full h-full bg-gradient-to-br from-white to-gray-50 dark:from-gray-800 dark:to-gray-900 rounded-[2.5rem] flex items-center justify-center text-blue-600 shadow-2xl border border-white dark:border-gray-700"> 3800 <svg class="w-10 h-10" fill="none" stroke="currentColor" viewBox="0 0 24 24">
3800<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" /></svg> 3801 </div> 3802 </div> 3803 <h3 class="text-2xl lg:text-3xl font-black text-gray-900 dark:text-white tracking-tight">Ø®ÙØ´ Ø¢Ù Ø¯ÛØ¯</h3> 3804 <div class="flex items-center justify-center gap-2 mt-3"> 3805 <span class="w-2 h-2 bg-blue-500 rounded-full animate-ping"></span> 3806 <p class="text-sm text-gray-500 dark:text-gray-400 font-bold">ÙØ±Ùد ÛØ§ ثبتâÙØ§Ù در Ø³Ø§ÛØª</p> 3807 </div> 3808 </div> 3809 3810 <div class="space-y-6"> 3811 <div class="space-y-2 text-right"> 3812 <label class="text-[12px] font-black text-gray-400 dark:text-gray-500 mr-2 uppercase">Ø´Ù Ø§Ø±Ù Ù ÙØ¨Ø§ÛÙ</label> 3813 <div class="relative group"> 3814 <div class="absolute inset-y-0 right-5 flex items-center pointer-events-none text-gray-400 group-focus-within:text-blue-500 transition-colors"> 3815 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z" /></svg> 3816 </div> 3817 <input type="tel" id="phoneInput" dir="ltr" maxlength="11" placeholder="09123456789" 3818 class="w-full bg-gray-100/50 dark:bg-white/5 border-2 border-transparent focus:border-blue-500/30 focus:bg-white dark:focus:bg-gray-900 rounded-[2rem] p-5 pr-14 outline-none font-black text-xl sm:text-2xl tracking-[0.1em] text-gray-900 dark:text-white transition-all shadow-inner"> 3819 </div> 3820 </div> 3821 3822 <button onclick="goToStep(2)" class="group relative w-full bg-blue-600 hover:bg-blue-700 text-white font-black py-5 rounded-[2rem] transition-all active:scale-[0.97] overflow-hidden shadow-xl shadow-blue-500/25"> 3823 <div class="absolute inset-0 bg-gradient-to-r from-transparent via-white/10 to-transparent -translate-x-full group-hover:animate-[shimmer_1.5s_infinite]"></div> 3824 <span class="relative flex items-center justify-center gap-3 text-lg">تاÛÛØ¯ Ù Ø¯Ø±ÛØ§Ùت کد</span> 3825 </button> 3826 3827 <div class="relative flex items-center justify-center py-2"> 3828 <div class="flex-grow border-t border-gray-200 dark:border-white/10"></div> 3829 <span class="relative z-10 px-4 text-[11px] font-black text-gray-400 bg-transparent uppercase">ÛØ§ از طرÛÙ</span> 3830 <div class="flex-grow border-t border-gray-200 dark:border-white/10"></div> 3831 </div> 3832 3833 <button class="w-full bg-white dark:bg-white/5 border border-gray-100 dark:border-white/10 text-gray-700 dark:text-gray-200 py-4 rounded-3xl flex items-center justify-center gap-3 hover:bg-gray-50 dark:hover:bg-gray-800 transition-all font-bold shadow-sm"> 3834 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#F44336" d="M7.209 1.061c.725-.081 1.154-.081 1.933 0a6.57 6.57 0 0 1 3.65 1.82a100 100 0 0 0-1.986 1.93q-1.876-1.59-4.188-.734q-1.696.78-2.362 2.528a78 78 0 0 1-2.148-1.658a.26.26 0 0 0-.16-.027q1.683-3.245 5.26-3.86" opacity=".987"></path><path fill="#FFC107" d="M1.946 4.92q.085-.013.161.027a78 78 0 0 0 2.148 1.658A7.6 7.6 0 0 0 4.04 7.99q.037.678.215 1.331L2 11.116Q.527 8.038 1.946 4.92" opacity=".997"></path><path fill="#448AFF" d="M12.685 13.29a26 26 0 0 0-2.202-1.74q1.15-.812 1.396-2.228H8.122V6.713q3.25-.027 6.497.055q.616 3.345-1.423 6.032a7 7 0 0 1-.51.49" opacity=".999"></path><path fill="#43A047" d="M4.255 9.322q1.23 3.057 4.51 2.854a3.94 3.94 0 0 0 1.718-.626q1.148.812 2.202 1.74a6.62 6.62 0 0 1-4.027 1.684a6.4 6.4 0 0 1-1.02 0Q3.82 14.524 2 11.116z" opacity=".993"></path></g></svg>
3835 <span>ادا٠٠با ØØ³Ø§Ø¨ Ú¯ÙÚ¯Ù</span> 3836 </button> 3837 </div> 3838 </div> 3839 3840 <div id="step-2" class="auth-step hidden opacity-0 scale-95 transition-all duration-300"> 3841 <div class="text-center mb-10"> 3842 <div class="relative w-16 h-16 lg:w-20 lg:h-20 mx-auto mb-6"> 3843 <div class="absolute inset-0 bg-secondary-500/20 rounded-[2rem] rotate-12 animate-pulse"></div> 3844 <div class="relative w-full h-full bg-white dark:bg-gray-800 rounded-[2rem] flex items-center justify-center text-secondary-500 border border-secondary-100 dark:border-gray-700 shadow-xl"> 3845 <svg class="w-9 h-9" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" /></svg> 3846 </div> 3847 </div> 3848 <h3 class="text-2xl font-black text-gray-900 dark:text-white">تاÛÛØ¯ ش٠ارÙ</h3> 3849 <p class="text-sm text-gray-500 dark:text-gray-400 mt-3 font-bold">کد Ûµ رÙÙ Û Ø¨Ù Ø´Ù Ø§Ø±Ù <span class="text-blue-600 dark:text-blue-400" dir="ltr" id="displayPhone">0912***45</span> ارسا٠شد</p> 3850 </div> 3851 3852 <div class="space-y-8"> 3853 <div id="otp-container" class="flex flex-row justify-center gap-2 lg:gap-3" dir="ltr"> 3854 <input type="text" inputmode="numeric" maxlength="1" class="otp-field w-11 lg:w-12 h-16 bg-gray-100/50 dark:bg-white/5 border-2 border-transparent focus:border-blue-500/40 focus:bg-white dark:focus:bg-gray-900 rounded-2xl text-center font-black text-2xl outline-none text-gray-900 dark:text-white transition-all shadow-inner"> 3855 <input type="text" inputmode="numeric" maxlength="1" class="otp-field w-11 lg:w-12 h-16 bg-gray-100/50 dark:bg-white/5 border-2 border-transparent focus:border-blue-500/40 focus:bg-white dark:focus:bg-gray-900 rounded-2xl text-center font-black text-2xl outline-none text-gray-900 dark:text-white transition-all shadow-inner"> 3856 <input type="text" inputmode="numeric" maxlength="1" class="otp-field w-11 lg:w-12 h-16 bg-gray-100/50 dark:bg-white/5 border-2 border-transparent focus:border-blue-500/40 focus:bg-white dark:focus:bg-gray-900 rounded-2xl text-center font-black text-2xl outline-none text-gray-900 dark:text-white transition-all shadow-inner"> 3857 <input type="text" inputmode="numeric" maxlength="1" class="otp-field w-11 lg:w-12 h-16 bg-gray-100/50 dark:bg-white/5 border-2 border-transparent focus:border-blue-500/40 focus:bg-white dark:focus:bg-gray-900 rounded-2xl text-center font-black text-2xl outline-none text-gray-900 dark:text-white transition-all shadow-inner"> 3858 <input type="text" inputmode="numeric" maxlength="1" class="otp-field w-11 lg:w-12 h-16 bg-gray-100/50 dark:bg-white/5 border-2 border-transparent focus:border-blue-500/40 focus:bg-white dark:focus:bg-gray-900 rounded-2xl text-center font-black text-2xl outline-none text-gray-900 dark:text-white transition-all shadow-inner"> 3859 </div> 3860 3861 <div class="space-y-4"> 3862 <button class="group relative w-full bg-blue-600 hover:bg-blue-700 text-white font-black py-5 rounded-[2rem] transition-all active:scale-[0.97] overflow-hidden shadow-xl shadow-blue-500/25"> 3863 <div class="absolute inset-0 bg-gradient-to-r from-transparent via-white/10 to-transparent -translate-x-full group-hover:animate-[shimmer_1.5s_infinite]"></div>
3864 <span class="relative text-lg">ÙØ±Ùد Ø¨Ù ØØ³Ø§Ø¨ کاربرÛ</span> 3865 </button> 3866 <div class="flex flex-col items-center gap-4 pt-2"> 3867 <button id="resend-btn" disabled class="text-xs font-black text-gray-400 transition-colors flex items-center gap-2"> 3868 <span id="timer-text">ارسا٠٠جدد کد (ÛµÛ¹ ثاÙÛÙ)</span> 3869 </button> 3870 <button onclick="goToStep(1)" class="text-xs font-black text-gray-400 hover:text-red-500 transition-colors">Ø§ØµÙØ§Ø Ø´Ù Ø§Ø±Ù Ù ÙØ¨Ø§ÛÙ</button> 3871 </div> 3872 </div> 3873 </div> 3874 </div> 3875 3876 </div> 3877 3878 <div class="mt-10 text-center"> 3879 <p class="text-[11px] text-gray-400 font-bold">با ÙØ±Ùد Ø¨Ù Ø³Ø§ÛØªØ ØªÙ Ø§Ù Û <a href="#" class="text-blue-500 font-black border-b border-blue-500/20 pb-0.5">Ø´Ø±Ø§ÛØ· Ù ÙÙØ§ÙÛÙ</a> جÛâØ§ÙâØ§Ûکس را Ù ÛâÙ¾Ø°ÛØ±Ù .</p> 3880 </div> 3881 </div> 3882 </div> 3883 </div> 3884 </div> 3885 <!--END LOGIN MODAL--> 3886 <!--CART DRAWER--> 3887 3888<div id="cart-drawer" class="fixed inset-0 z-[1100] pointer-events-none"> 3889 <div class="absolute inset-0 bg-black/60 dark:bg-black/80 opacity-0 transition-opacity duration-500 backdrop-blur-sm drawer-overlay cursor-pointer"></div> 3890 3891 <div class="absolute left-0 top-0 h-full w-full max-w-[420px] bg-white/70 dark:bg-gray-950/80 backdrop-blur-2xl shadow-2xl transform -translate-x-full transition-transform duration-500 pointer-events-auto flex flex-col border-r border-white/20 dark:border-white/5"> 3892 3893 <div class="p-6 border-b border-gray-200/50 dark:border-white/5 flex justify-between items-center bg-white/30 dark:bg-white/5"> 3894 <h3 class="font-black text-lg dark:text-white flex items-center gap-2"> 3895 <svg class="w-6 h-6 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z" /></svg> 3896 سبد Ø®Ø±ÛØ¯ <span id="cart-header-count" class="text-xs font-normal text-gray-400 dark:text-gray-500">(Û° Ú©Ø§ÙØ§)</span> 3897 </h3> 3898 <button type="button" aria-label="بست٠سبد Ø®Ø±ÛØ¯" class="close-cart p-2 hover:bg-red-500/10 hover:text-red-500 rounded-xl transition-all dark:text-white"> 3899 <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /></svg> 3900 </button> 3901 </div> 3902 3903 3904 <div id="cart-items-container" class="flex-1 overflow-y-auto p-5 flex flex-col" dir="rtl"> 3905 3906 <div id="empty-cart-msg" class="hidden flex-1 flex-col items-center justify-center text-center animate-fadeIn"> 3907 <div class="w-24 h-24 bg-gray-100/50 dark:bg-white/5 rounded-full flex items-center justify-center mb-6 border border-dashed border-gray-300 dark:border-white/10 shadow-inner"> 3908 <svg class="w-10 h-10 text-gray-400 opacity-50" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path></svg> 3909 </div> 3910 <h4 class="text-gray-800 dark:text-gray-200 font-black text-lg mb-2">سبد Ø®Ø±ÛØ¯ ش٠ا خاÙÛ Ø§Ø³Øª!</h4> 3911 <p class="text-sm text-gray-500 dark:text-gray-400 max-w-[250px] leading-6 mb-8">بÙâÙØ¸Ø± Ù ÛâØ±Ø³Ø¯ ÙÙÙØ² ÙÛÚ Ù ØØµÙÙÛ Ø±Ø§ ب٠سبد Ø®Ø±ÛØ¯ Ø®ÙØ¯ اضاÙÙ ÙکردÙâØ§ÛØ¯.</p> 3912 3913 </div> 3914 3915 3916 3917 3918 3919 3920 <div id="actual-items-list" class="space-y-4"> 3921<input name="__RequestVerificationToken" type="hidden" value="NozkZxNSrcwESdR7RKO4WP21INOAA0QhSu4Kv5N_XTLKqqd0b6CnZ2o6raWnGHngcEY7Yg-Zb2n98F_cM6Gn3wHvUro8yjD7FZQtwJ0hnQs1" /> 3922 3923 3924 3925 </div> 3926 </div> 3927 3928 <div id="cart-footer" class="p-8 border-t border-gray-200/50 dark:border-white/5 space-y-5 bg-white/40 dark:bg-gray-950/40 backdrop-blur-md"> 3929 <div class="flex justify-between items-center text-sm">
3930 <span class="text-gray-500 dark:text-gray-400 font-bold">Ù Ø¬Ù ÙØ¹ سبد Ø®Ø±ÛØ¯:</span> 3931 <span id="total-price-display" class="font-black text-xl dark:text-white text-blue-600 dark:text-blue-400">Û° <span class="text-[10px]">تÙ٠اÙ</span></span> 3932 </div> 3933 <a href="/ShoppingCart" class="w-full bg-blue-600 hover:bg-blue-700 text-white font-black py-5 rounded-[2rem] shadow-xl shadow-blue-500/30 transition-all flex items-center justify-center gap-3 group relative overflow-hidden"> 3934 <div class="absolute inset-0 bg-gradient-to-r from-transparent via-white/10 to-transparent -translate-x-full group-hover:animate-[shimmer_1.5s_infinite]"></div> 3935 Ù Ø´Ø§ÙØ¯Ù سبد Ù Ø§Ø¯Ø§Ù Ù Ø®Ø±ÛØ¯ 3936 <svg class="w-5 h-5 group-hover:translate-x-[-4px] transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M13 7l5 5m0 0l-5 5m5-5H6" /></svg> 3937 </a> 3938 </div> 3939 </div> 3940</div> 3941 3942 3943 3944 3945 3946 <!--END CART DRAWER--> 3947 <!--Mobile Menu--> 3948 <div id="mobile-menu" class="fixed inset-0 z-[1100] pointer-events-none"> 3949 <div class="absolute inset-0 bg-black/40 dark:bg-black/70 opacity-0 transition-opacity duration-500 backdrop-blur-sm menu-overlay cursor-pointer"></div> 3950 3951 <div class="absolute right-0 top-0 h-full w-[320px] bg-white/70 dark:bg-gray-950/80 backdrop-blur-2xl shadow-[-15px_0_50px_rgba(0,0,0,0.2)] transform translate-x-full transition-transform duration-500 pointer-events-auto flex flex-col border-l border-white/40 dark:border-white/10"> 3952 3953 <div class="p-5 border-b border-white/40 dark:border-gray-800 flex justify-between items-center bg-white/30 dark:bg-gray-900/30"> 3954 <div class="flex items-center gap-2"> 3955 <div class="w-8 h-8 bg-blue-600 rounded-lg flex items-center justify-center shadow-lg shadow-blue-500/40"> 3956 <svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 3957 <path d="M4 6h16M4 12h16m-7 6h7" stroke-width="2.5" stroke-linecap="round" /> 3958 </svg> 3959 </div> 3960 <span class="font-black text-xl dark:text-white">Ù ÙÙÛ Ø§ØµÙÛ</span> 3961 </div> 3962 <button class="close-menu p-2 hover:bg-red-50 dark:hover:bg-red-900/20 text-gray-400 hover:text-red-500 rounded-xl transition-all border border-transparent hover:border-red-100"> 3963 <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 3964 <path d="M6 18L18 6M6 6l12 12" stroke-width="2.5" stroke-linecap="round" /> 3965 </svg> 3966 </button> 3967 </div> 3968 3969 <div class="flex-1 overflow-y-auto custom-scrollbar pt-2"> 3970 3971 3972 3973 <nav class="px-3 pb-20"> 3974 <ul class="space-y-3"> 3975 <li class="menu-item"> 3976 <button type="button" class="layer-btn w-full flex items-center justify-between p-4 rounded-2xl bg-white/40 dark:bg-white/5 border border-white/60 dark:border-white/10 shadow-sm transition-all hover:bg-white/60"><span class="flex items-center gap-3 text-gray-800 dark:text-gray-200"><i class="fal fa-shopping-basket text-blue-500" aria-hidden="true"></i><span class="font-black text-sm">ÙØ±ÙشگاÙ</span></span><svg class="w-4 h-4 text-gray-400 arrow-icon transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M19 9l-7 7-7-7" stroke-width="3" /></svg></button><ul class="hidden submenu mt-2 mr-2 space-y-2 border-r-2 border-blue-500/20 pr-2 overflow-hidden transition-all duration-300"> 3977 <li><a href="/Store/2" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-mobile-android" aria-hidden="true"></i>Ú¯ÙØ´ÛââÙØ§Û ÙÙØ´Ù ÙØ¯</a></li> 3978 <li><a href="/Store/3" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-mobile-android-alt" aria-hidden="true"></i>Ú¯ÙØ´ÛâÙØ§Û Ú©ÙØ§Ø³ÛÚ©</a></li> 3979 <li>
3979<a href="/Store/4" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-tablet-android" aria-hidden="true"></i>ØªØ¨ÙØªâÙØ§Û ÙÙØ´Ù ÙØ¯</a></li> 3980 <li><a href="/Store/23" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-laptop" aria-hidden="true"></i>ÙÙ¾ تاپ</a></li> 3981 <li><a href="/Store/7" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-headphones" aria-hidden="true"></i>ÙÙØ§Ø²Ù Ø¬Ø§ÙØ¨Û</a></li> 3982 <li><a href="/Store/22" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-plug" aria-hidden="true"></i>ÙÙØ§Ø²Ù Ø¬Ø§ÙØ¨Û Ø³Ø§ÛØ± Ø¨Ø±ÙØ¯Ùا</a></li> 3983 </ul> 3984 </li> 3985 <li><a href="/Blog?page=1/" class="flex items-center gap-3 p-4 rounded-2xl bg-white/40 dark:bg-white/5 border border-white/60 dark:border-white/10 shadow-sm text-gray-800 dark:text-gray-200 font-black text-sm"><i class="fal fa-newspaper text-purple-500" aria-hidden="true"></i>Ø¨ÙØ§Ú¯</a></li> 3986 <li class="menu-item"> 3987 <button type="button" class="layer-btn w-full flex items-center justify-between p-4 rounded-2xl bg-white/40 dark:bg-white/5 border border-white/60 dark:border-white/10 shadow-sm transition-all hover:bg-white/60"><span class="flex items-center gap-3 text-gray-800 dark:text-gray-200"><i class="fal fa-life-ring text-blue-500" aria-hidden="true"></i><span class="font-black text-sm">خد٠ات</span></span><svg class="w-4 h-4 text-gray-400 arrow-icon transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M19 9l-7 7-7-7" stroke-width="3" /></svg></button><ul class="hidden submenu mt-2 mr-2 space-y-2 border-r-2 border-blue-500/20 pr-2 overflow-hidden transition-all duration-300"> 3988 <li><a href="/Representation" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-map-marker-alt" aria-hidden="true"></i>Ù٠اÛÙØ¯Ú¯ÛâÙØ§Û خد٠ات پس از ÙØ±ÙØ´</a></li> 3989 <li><a href="/Seller" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-users" aria-hidden="true"></i>Ú©Ø§Ø±Ø´ÙØ§Ø³Ø§Ù ÙØ±ÙØ´</a></li> 3990 <li><a href="https://dlglx.ir" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-globe" aria-hidden="true"></i>خد٠ات پس از ÙØ±ÙØ´ Ø¢ÙÙØ§ÛÙ</a></li> 3991 </ul> 3992 </li> 3993 <li class="menu-item"> 3994 <button type="button" class="layer-btn w-full flex items-center justify-between p-4 rounded-2xl bg-white/40 dark:bg-white/5 border border-white/60 dark:border-white/10 shadow-sm transition-all hover:bg-white/60"><span class="flex items-center gap-3 text-gray-800 dark:text-gray-200"><i class="fal fa-building text-blue-500" aria-hidden="true"></i><span class="font-black text-sm">دربارÙâÛ Ù Ø§</span></span><svg class="w-4 h-4 text-gray-400 arrow-icon transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M19 9l-7 7-7-7" stroke-width="3" /></svg></button><ul class="hidden submenu mt-2 mr-2 space-y-2 border-r-2 border-blue-500/20 pr-2 overflow-hidden transition-all duration-300"> 3995 <li><a href="/Home/About" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-building" aria-hidden="true"></i>دربار٠جÛâØ§ÙâØ§Ûکس</a></li> 3996 <li><a href="/FAQs" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-question-circle" aria-hidden="true"></i>پرسش ÙØ§Û ٠تداÙÙ</a></li> 3997 <li><a href="/Req/Create/پرسش-از-جÛ-اÙ-اÛکس" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-phone" aria-hidden="true"></i>ت٠اس با ٠ا</a></li> 3998 </ul> 3999 </li> 4000 <li class="menu-item"> 4001 <button type="button" class="layer-btn w-full flex items-center justify-between p-4 rounded-2xl bg-white/40 dark:bg-white/5 border border-white/60 dark:border-white/10 shadow-sm transition-all hover:bg-white/60"><span class="flex items-center gap-3 text-gray-800 dark:text-gray-200"><i class="fal fa-wrench text-blue-500" aria-hidden="true"></i><span class="font-black text-sm">خد٠ات پس از ÙØ±ÙØ´</span></span><svg class="w-4 h-4 text-gray-400 arrow-icon transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24">
4001<path d="M19 9l-7 7-7-7" stroke-width="3" /></svg></button><ul class="hidden submenu mt-2 mr-2 space-y-2 border-r-2 border-blue-500/20 pr-2 overflow-hidden transition-all duration-300"> 4002 <li><a href="/Pages/Service" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-wrench" aria-hidden="true"></i>خد٠ات پس از ÙØ±ÙØ´</a></li> 4003 <li><a href="/pages/Warranty" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-shield-check" aria-hidden="true"></i>Ø´Ø±Ø§ÛØ· Ú¯Ø§Ø±Ø§ÙØªÛ</a></li> 4004 <li><a href="/Representation" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-map-marker-alt" aria-hidden="true"></i>ÙÛØ³Øª Ù٠اÛÙØ¯Ú¯Ø§Ù</a></li> 4005 <li><a href="/Home/Poll" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-clipboard-check" aria-hidden="true"></i>ÙØ±Ù ÙØ¸Ø±Ø³ÙجÛ</a></li> 4006 <li><a href="/Req/Create/" class="flex items-center gap-3 p-3 text-xs text-gray-600 dark:text-gray-400 hover:text-blue-600 transition-colors"><i class="fal fa-comments" aria-hidden="true"></i>Ø´Ú©Ø§ÛØª Ù Ø¯Ø±Ø®ÙØ§Ø³Øª</a></li> 4007 </ul> 4008 </li> 4009 <li><a href="/pages/PhoneCase" class="flex items-center gap-3 p-4 rounded-2xl bg-white/40 dark:bg-white/5 border border-white/60 dark:border-white/10 shadow-sm text-gray-800 dark:text-gray-200 font-black text-sm"><i class="fal fa-boxes text-blue-500" aria-hidden="true"></i>Ø³ÙØ§Ø±Ø´ Ø¹Ù Ø¯Ù ÙØ§Ø¨</a></li> 4010 </ul> 4011 4012 <!--Contact information--> 4013 <div class="mt-8 pt-6 border-t border-white/40 dark:border-gray-800 space-y-6"> 4014 4015 4016 <!-- شبکÙâÙØ§Û Ø§Ø¬ØªÙ Ø§Ø¹Û --> 4017 <div class="flex gap-4 justify-center"> 4018 <a href="https://instagram.com/glxphones" class="w-12 h-12 rounded-2xl bg-gray-50 dark:bg-gray-900 border border-gray-100 dark:border-gray-800 flex items-center justify-center text-gray-400 hover:text-blue-600 hover:border-blue-600 transition-all group"> 4019 <svg class="w-5 h-5 group-hover:scale-110 transition-transform" fill="currentColor" viewBox="0 0 24 24"> 4020 <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"></path> 4021 </svg> 4022 </a> 4023 <a href="mailto:[email protected]" class="w-12 h-12 rounded-2xl bg-gray-50 dark:bg-gray-900 border border-gray-100 dark:border-gray-800 flex items-center justify-center text-gray-400 hover:text-blue-400 hover:border-blue-400 transition-all group"> 4024 4025 <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
4025<path d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" stroke-width="2"></path></svg> 4026 4027 4028 </a> 4029 <a href="https://eitaa.com/glxmobilephones" class="w-12 h-12 rounded-2xl bg-gray-50 dark:bg-gray-900 border border-gray-100 dark:border-gray-800 flex items-center justify-center text-gray-400 hover:text-blue-400 hover:border-blue-400 transition-all group"> 4030 4031 <img data-src="~/Content/BasicTemplate/images/eita-gray.png" width="25" src="/Content/BasicTemplate/images/eita-gray.png"> 4032 4033 4034 </a><a href="https://ble.ir/glxmobilephones" class="w-12 h-12 rounded-2xl bg-gray-50 dark:bg-gray-900 border border-gray-100 dark:border-gray-800 flex items-center justify-center text-gray-400 hover:text-blue-400 hover:border-blue-400 transition-all group" aria-label="بÙ٠جÛâØ§ÙâØ§Ûکس"><span class="text-xs font-bold">بÙÙ</span></a> 4035 <!--<a href="#" class="w-12 h-12 rounded-2xl bg-gray-50 dark:bg-gray-900 border border-gray-100 dark:border-gray-800 flex items-center justify-center text-gray-400 hover:text-blue-400 hover:border-blue-400 transition-all group"> 4036 <svg class="w-5 h-5 group-hover:scale-110 transition-transform" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">--> 4037 <!-- Icon from Tabler Icons by PaweÅ Kuna - https://github.com/tabler/tabler-icons/blob/master/LICENSE --> 4038 <!--<path fill="currentColor" d="M18 3a5 5 0 0 1 5 5v8a5 5 0 0 1-5 5H6a5 5 0 0 1-5-5V8a5 5 0 0 1 5-5zM9 9v6a1 1 0 0 0 1.514.857l5-3a1 1 0 0 0 0-1.714l-5-3A1 1 0 0 0 9 9" /> 4039 </svg> 4040 </a>--> 4041 </div> 4042 </div> 4043 </nav> 4044 </div> 4045 </div> 4046 </div> 4047 <!--END Mobile Menu--> 4048 4049 4050 <div id="wa" dir="rtl" data-get-url="/Home/GetPhone" data-set-url="/Home/SetPhone"> 4051 <button id="whatslink" class="eita-trigger" type="button" aria-expanded="false" aria-controls="whatsdiv"> 4052 <span class="eita-icon"><img src="/Content/Images/eitac.png" width="36" height="36" alt="" /></span> 4053 4054 </button> 4055 <section id="whatsdiv" class="eita-panel" aria-labelledby="eita-title" hidden> 4056 <div class="eita-heading"> 4057 <div><h2 id="eita-title">Ù¾Ø´ØªÛØ¨Ø§ÙÛ Ù Ø³ØªÙÛ٠با Ø§ÛØªØ§</h2><p>Ø³ÙØ§Ù Ø ÚØ·Ùر Ù ÛØªÙÙÛ٠ک٠کتÙÙ Ú©ÙÛÙ Ø</p></div> 4058 <button id="eita-close" type="button" aria-label="Ø¨Ø³ØªÙ Ù¾ÙØ¬Ø±Ù Ù¾Ø´ØªÛØ¨Ø§ÙÛ">Ã</button> 4059 </div> 4060 <div class="eita-content"> 4061 <p class="eita-hours">ساعت پاسخگÙÛÛ: Û¹ ØµØ¨Ø Ø§ÙÛ Û±Û·</p> 4062 <p id="eita-status" role="status" aria-live="polite"></p> 4063 <a id="lnkwhatsapp" class="eita-chat" target="_blank" rel="nofollow noopener noreferrer" hidden> 4064 <img src="/Content/Images/eitac.png" width="40" height="40" alt="" /> 4065 <span>Ø¨Ø±Ø§Û Ø´Ø±ÙØ¹ Ú¯ÙØªÚ¯Ù Ú©ÙÛÚ© Ú©ÙÛØ¯<small>Ú¯ÙØªÚ¯Ù در Ø§ÛØªØ§ باز Ù ÛâØ´ÙØ¯</small></span> 4066 <span aria-hidden="true">â</span> 4067 </a> 4068 <button id="eita-retry" type="button" hidden>ØªÙØ§Ø´ ٠جدد</button> 4069 </div> 4070 </section> 4071 </div> 4072
4072<script> 4073 (function () { 4074 'use strict'; 4075 const widget = document.getElementById('wa'); 4076 const trigger = document.getElementById('whatslink'); 4077 const panel = document.getElementById('whatsdiv'); 4078 const close = document.getElementById('eita-close'); 4079 const link = document.getElementById('lnkwhatsapp'); 4080 const status = document.getElementById('eita-status'); 4081 const retry = document.getElementById('eita-retry'); 4082 let loading = false; 4083 let account = ''; 4084 let notified = false; 4085 4086 async function loadSupport() { 4087 if (loading || account) return; 4088 loading = true; 4089 retry.hidden = true; 4090 link.hidden = true; 4091 status.textContent = 'در ØØ§Ù Ø¯Ø±ÛØ§Ùت ÙÛÙÚ© Ù¾Ø´ØªÛØ¨Ø§ÙÛâ¦'; 4092 panel.setAttribute('aria-busy', 'true'); 4093 const controller = new AbortController(); 4094 const timeout = setTimeout(function () { controller.abort(); }, 10000); 4095 try { 4096 const response = await fetch(widget.dataset.getUrl, { 4097 method: 'POST', 4098 credentials: 'same-origin', 4099 headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' }, 4100 body: 'sendType=1', 4101 signal: controller.signal 4102 }); 4103 if (!response.ok) throw new Error('Support unavailable'); 4104 const value = await response.json(); 4105 if (typeof value !== 'string' || !/^[a-zA-Z0-9_]+$/.test(value)) throw new Error('Invalid support account'); 4106 account = value; 4107 link.href = 'https://eitaa.com/' + encodeURIComponent(account); 4108 link.hidden = false; 4109 status.textContent = ''; 4110 } catch (error) { 4111 status.textContent = 'Ø¯Ø±ÛØ§Ùت ÙÛÙÚ© Ù¾Ø´ØªÛØ¨Ø§ÙÛ Ù Ù Ú©Ù ÙØ´Ø¯. ÙØ·ÙØ§Ù Ø¯ÙØ¨Ø§Ø±Ù ØªÙØ§Ø´ Ú©ÙÛØ¯.'; 4112 retry.hidden = false; 4113 } finally { 4114 clearTimeout(timeout); 4115 loading = false; 4116 panel.removeAttribute('aria-busy'); 4117 } 4118 } 4119 4120 function setOpen(open, restoreFocus) { 4121 panel.hidden = !open; 4122 trigger.setAttribute('aria-expanded', String(open)); 4123 if (open) { 4124 close.focus(); 4125 loadSupport(); 4126 } else if (restoreFocus) { 4127 trigger.focus(); 4128 } 4129 } 4130 trigger.addEventListener('click', function () { setOpen(panel.hidden, false); }); 4131 close.addEventListener('click', function () { setOpen(false, true); }); 4132 retry.addEventListener('click', loadSupport); 4133 document.addEventListener('click', function (event) { 4134 if (!panel.hidden && !widget.contains(event.target)) { 4135 setOpen(false, panel.contains(document.activeElement)); 4136 } 4137 }); 4138 document.addEventListener('keydown', function (event) { 4139 if (event.key === 'Escape' && !panel.hidden) setOpen(false, widget.contains(document.activeElement)); 4140 }); 4141 document.addEventListener('focusin', function (event) { 4142 if (!panel.hidden && !widget.contains(event.target)) setOpen(false, false); 4143 }); 4144 link.addEventListener('click', function (event) { 4145 if (!account) { event.preventDefault(); return; } 4146 if (notified) return; 4147 notified = true; 4148 fetch(widget.dataset.setUrl, { 4149 method: 'POST', 4150 credentials: 'same-origin', 4151 headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' }, 4152 body: 'tel=' + encodeURIComponent(account), 4153 keepalive: true 4154 }).then(function (response) { 4155 if (!response.ok) notified = false; 4156 }).catch(function () { notified = false; }); 4157 }); 4158 }()); 4159 </script>
4159 4160
4160<script src="/Content/NewTheme/public/assets/js/plugin/swiper/swiper-bundle.min.js"></script>
4160 4161
4161<script src="/Content/NewTheme/public/assets/js/dependencies/swiper-script.js?v=639270333682349669"></script>
4161 4162
4162<script src="/Content/NewTheme/public/assets/js/dependencies/app.js?v=639270319970859018"></script>
4162 4163 4164 4165 4166 4167 4168
4168<script src="/Scripts/jquery.unobtrusive-ajax.min.js" type="text/javascript"></script>
4168 4169
4169<script src="/Scripts/jquery.InfiniteScroll.js" type="text/javascript"></script>
4169 4170 4171 <style> 4172 #titleTime, #titleTime2 { 4173 direction: ltr; 4174 } 4175 </style> 4176 4177 <style> 4178 .product-cart-widget [hidden], #btnAddToCart[hidden], #btnAddToCart-stickyBtn[hidden] { display:none !important; } 4179 .product-cart-widget { width:100%; } 4180 .product-cart-widget.is-cart-loading [data-cart-action="add"], .product-cart-widget.is-cart-loading .product-cart-count { position:relative; color:transparent !important; } 4181 .product-cart-widget.is-cart-loading [data-cart-action="add"] > * { visibility:hidden; } 4182 .product-cart-widget.is-cart-loading [data-cart-action="add"]:disabled { opacity:1; cursor:wait; } 4183 .product-cart-widget.is-cart-loading [data-cart-action="add"]::after, .product-cart-widget.is-cart-loading .product-cart-count::after { content:""; position:absolute; top:50%; left:50%; width:22px; height:22px; margin:-11px 0 0 -11px; border:3px solid rgba(255,255,255,.35); border-top-color:#fff; border-radius:50%; animation:product-cart-spin .7s linear infinite; } 4184 .product-cart-widget.is-cart-loading .product-cart-count::after { border-color:#bfdbfe; border-top-color:#2563eb; } 4185 .dark .product-cart-widget.is-cart-loading .product-cart-count::after { border-color:#334155; border-top-color:#93c5fd; } 4186 .product-cart-loading-status { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; } 4187 @keyframes product-cart-spin { to { transform:rotate(360deg); } } 4188 .product-cart-controls { display:flex; align-items:center; justify-content:center; gap:12px; } 4189 .product-cart-counter { display:flex; align-items:center; gap:6px; padding:6px; border:1px solid #e5e7eb; border-radius:18px; background:rgba(107,114,128,.06); } 4190 .dark .product-cart-counter { border-color:#374151; background:rgba(255,255,255,.05); } 4191 .product-cart-counter button { width:44px; height:44px; border-radius:12px; background:white; color:#334155; font-size:24px; } 4192 .dark .product-cart-counter button { background:#1f2937; color:#e5e7eb; } 4193 .product-cart-counter [data-cart-action="increase"], .dark .product-cart-counter [data-cart-action="increase"] { background:#2563eb; color:white; } 4194 .product-cart-count { min-width:36px; text-align:center; font-size:18px; font-weight:900; color:#111827; } 4195 .dark .product-cart-count { color:#f9fafb; } 4196 .product-cart-remove { width:44px; height:44px; border-radius:12px; background:rgba(244,63,94,.1); color:#be123c; } 4197 .dark .product-cart-remove { color:#fda4af; } 4198 .product-cart-widget button:disabled { opacity:.4; cursor:not-allowed; } 4199 .product-cart-note,.product-cart-price { text-align:center; margin:8px 0; font-size:12px; font-weight:700; color:#475569; } 4200 .product-cart-price { font-size:16px; color:#2563eb; } 4201 .dark .product-cart-note { color:#cbd5e1; } 4202 .dark .product-cart-price { color:#60a5fa; } 4203 .product-cart-error { color:#be123c; font-size:12px; line-height:2; margin-top:8px; } 4204 .dark .product-cart-error { color:#fda4af; } 4205 .product-cart-widget button:focus-visible { outline:2px solid #3b82f6; outline-offset:3px; } 4206 </style> 4207
4207<script> 4208 (function () { 4209 const add = document.getElementById('btnAddToCart'); 4210 if (!add) return; 4211 const productId = 15565; 4212 const actualProductId = productId === 10400 ? 10412 : productId; 4213 const widgets = []; 4214 let version = 0; 4215 const markup = '<p class="product-cart-price" hidden></p>' + 4216 '<div class="product-cart-controls" hidden><div class="product-cart-counter" role="group" aria-label="تعداد رÙÚ¯ Ø§ÙØªØ®Ø§Ø¨âشدÙ">' + 4217 '<button type="button" data-cart-action="increase" aria-label="Ø§ÙØ²Ø§ÛØ´ تعداد">+</button>' + 4218 '<span class="product-cart-count" aria-live="polite">0</span>' + 4219 '<button type="button" data-cart-action="decrease" aria-label="Ú©Ø§ÙØ´ تعداد">â</button></div>' + 4220 '<button type="button" class="product-cart-remove" data-cart-action="remove" aria-label="ØØ°Ù اÛÙ Ø§ÙØªØ®Ø§Ø¨ از سبد" title="ØØ°Ù اÛÙ Ø§ÙØªØ®Ø§Ø¨ از سبد"><i class="far fa-trash-alt" aria-hidden="true"></i></button></div>' + 4221 '<p class="product-cart-note" role="status"></p><p class="product-cart-error" data-cart-error role="alert"></p>'; 4222 [add, document.getElementById('btnAddToCart-stickyBtn')].filter(Boolean).forEach(function (button) { 4223 const widget = document.createElement('div'); 4224 widget.className = 'product-cart-widget'; 4225 widget.setAttribute('data-cart-row',''); 4226 widget.innerHTML = markup + '<span class="product-cart-loading-status" role="status"></span>'; 4227 button.before(widget); 4228 widget.prepend(button); 4229 button.dataset.cartAction = 'add'; 4230 widgets.push({ root:widget, add:button }); 4231 }); 4232 const selectors = document.querySelectorAll('input[name="ColorSelect"], input[name="GiftSelect"], #TimeList'); 4233 selectors.forEach(function(input){ input.setAttribute('data-product-cart-input',''); input.addEventListener('change',loadSelection); }); 4234 function selection() { 4235 const color = document.querySelector('input[name="ColorSelect"]:checked'); 4236 const gift = document.querySelector('input[name="GiftSelect"]:checked'); 4237 const price = document.getElementById('TimeList'); 4238 return {id:actualProductId, c:productId === 10400 ? '2a4e5c' : color ? color.value : '', specialPrice:price ? price.value : '', g:gift ? gift.value : ''}; 4239 } 4240 function setLoading(loading) { 4241 widgets.forEach(function(w) { 4242 w.root.classList.toggle('is-cart-loading', loading); 4243 w.root.setAttribute('aria-busy', String(loading)); 4244 w.root.querySelector('.product-cart-loading-status').textContent = loading ? 'در ØØ§Ù بÙâØ±ÙØ²Ø±Ø³Ø§ÙÛ Ø³Ø¨Ø¯' : ''; 4245 }); 4246 } 4247 async function loadSelection() { 4248 setLoading(true); 4249 const request = ++version; 4250 const chosen = selection(); 4251 widgets.forEach(function(w){ 4252 w.root.setAttribute('aria-busy','true'); 4253 w.root.querySelectorAll('[data-cart-action]').forEach(function(b){b.disabled=true;}); 4254 w.root.querySelector('.product-cart-note').textContent = ''; 4255 w.root.querySelector('[data-cart-error]').textContent = ''; 4256 }); 4257 try { 4258 const response = await fetch('/Product/CartSelection?' + new URLSearchParams(chosen),{credentials:'same-origin',cache:'no-store'}); 4259 if (!response.ok) throw new Error('Ø¯Ø±ÛØ§Ùت ÙØ¶Ø¹Ûت سبد Ù Ù Ú©Ù ÙØ´Ø¯.'); 4260 const result = await response.json(); 4261 if(request !== version) return; 4262 if(!result.success) throw new Error(result.message || 'اÛÙ Ø§ÙØªØ®Ø§Ø¨ در دسترس ÙÛØ³Øª.'); 4263 const state = result.selection; 4264 widgets.forEach(function(w){ 4265 Object.assign(w.root.dataset, {product:String(state.ProductId),color:String(state.ColorId),special:String(state.Special),gift:state.GiftId == null ? '' : String(state.GiftId),c
4265ount:String(state.Count),sourceProduct:String(chosen.id),sourceColor:chosen.c,sourcePrice:chosen.specialPrice,sourceGift:chosen.g}); 4266 w.add.hidden = state.Count > 0; 4267 w.add.disabled = state.Max < 1; 4268 w.root.querySelector('.product-cart-controls').hidden = state.Count === 0; 4269 w.root.querySelector('.product-cart-count').textContent = new Intl.NumberFormat('fa-IR').format(state.Count); 4270 w.root.querySelector('[data-cart-action="increase"]').disabled = state.Count >= state.Max; 4271 w.root.querySelector('[data-cart-action="decrease"]').disabled = state.Count <= 1; 4272 w.root.querySelector('[data-cart-action="remove"]').disabled = state.Count === 0; 4273 const price = w.root.querySelector('.product-cart-price'); 4274 price.hidden = state.Count === 0; 4275 price.textContent = document.getElementById('finalPriceValue').textContent; 4276 w.root.querySelector('.product-cart-note').textContent = state.Count > 0 ? '' : state.Max < 1 ? 'Ù ÙØ¬ÙØ¯Û ÛØ§ سÙ٠٠جاز Ø®Ø±ÛØ¯ اÛÙ Ø§ÙØªØ®Ø§Ø¨ کاÙÛ ÙÛØ³Øª.' : ''; 4277 w.root.removeAttribute('aria-busy'); 4278 w.root.classList.remove('is-cart-loading'); 4279 w.root.querySelector('.product-cart-loading-status').textContent = ''; 4280 }); 4281 } catch(error) { 4282 if(request !== version) return; 4283 widgets.forEach(function(w){ 4284 w.root.removeAttribute('aria-busy'); 4285 w.root.classList.remove('is-cart-loading'); 4286 w.root.querySelector('.product-cart-loading-status').textContent = ''; 4287 w.root.querySelector('.product-cart-note').textContent = ''; 4288 const message = w.root.querySelector('[data-cart-error]'); 4289 message.textContent = error.message + ' '; 4290 const retry = document.createElement('button'); 4291 retry.type='button'; retry.textContent='ØªÙØ§Ø´ Ø¯ÙØ¨Ø§Ø±Ù'; retry.style.textDecoration='underline'; retry.addEventListener('click',loadSelection); message.appendChild(retry); 4292 }); 4293 } 4294 } 4295 document.addEventListener('glx:cart-busy',function(){ setLoading(true); }); 4296 document.addEventListener('glx:cart-idle',function(event){ if(!event.detail.stale) loadSelection(); else setLoading(false); }); 4297 window.addEventListener('pageshow',loadSelection); 4298 })(); 4299 </script>
4299 4300 4301
4301<script> 4302 $(document).ready(function () { 4303 $("#moreInfoButton").InfiniteScroll({ 4304 moreInfoDiv: '#MoreInfoDiv', 4305 progressDiv: '#ProgressDiv', 4306 loadInfoUrl: '/Product/PagedIndex?productId=15565', 4307 loginUrl: '/login', 4308 errorHandler: function () { 4309 alert('خطاÙ٠رخ داد٠است'); 4310 }, 4311 completeHandler: function () { 4312 }, 4313 noMoreInfoHandler: function () { 4314 $("#moreInfoButton").hide(); 4315 } 4316 }); 4317 }); 4318 </script>
4318 4319 4320
4320<script> 4321 function OnSuccess() { 4322 $("#ActionSuccess").show(); 4323 $("#CommentName").val(""); 4324 $("#CommentEmail").val(""); 4325 $("#CommentText").val(""); 4326 $("#CaptchaInputText").val(""); 4327 } 4328 function OnBegin() { 4329 $("#ActionSuccess").hide(); 4330 } 4331 function OnFailure() { 4332 $("#ActionSuccess").hide(); 4333 $("#ActionError").show(); 4334 setTimeout(function () { 4335 $("#ActionError").hide(); 4336 }, 9000); 4337 } 4338 </script>
4338 4339 4340
4340<script> 4341 function OnFavSuccess() { 4342 $("#RedHeart").show(); 4343 $("#WhiteHeart").hide(); 4344 } 4345 function OnFavBegin() { 4346 $("#WhiteHeart").hide(); 4347 } 4348 function OnFavFailure() { 4349 $("#WhiteHeart").show(); 4350 $("#RedHeart").hide(); 4351 } 4352 function OnUnFavSuccess() { 4353 $("#RedHeart").hide(); 4354 $("#WhiteHeart").show(); 4355 } 4356 function OnUnFavBegin() { 4357 $("#RedHeart").hide(); 4358 } 4359 function OnUnFavFailure() { 4360 $("#RedHeart").show(); 4361 $("#WhiteHeart").hide(); 4362 } 4363 4364 function OnInformSuccess() { 4365 document.getElementById("btnInform").innerHTML = "Ø§Ø·ÙØ§Ø¹ Ø¯Ø§Ø¯Ù Ø®ÙØ§Ùد شد"; 4366 }; 4367 function OnInformBegin() { }; 4368 function OnInformFailure() { }; 4369 </script>
4369 4370 4371 4372 4373 4374 4375 4376 4377</body> 4378</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.