{"id":37,"date":"2026-08-06T10:12:21","date_gmt":"2026-08-06T10:12:21","guid":{"rendered":"https:\/\/minagasht.com\/?page_id=37"},"modified":"2026-08-11T22:29:17","modified_gmt":"2026-08-11T22:29:17","slug":"main","status":"publish","type":"page","link":"https:\/\/minagasht.com\/","title":{"rendered":"\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc \u0645\u06cc\u0646\u0627 \u06af\u0634\u062a"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"37\" class=\"elementor elementor-37\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e606253 e-con e-atomic-element e-flexbox-base e-68eef71 \" data-id=\"e606253\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e606253\" data-e-type=\"e-flexbox\" data-id=\"e606253\">\n    \t\t<div class=\"elementor-element elementor-element-f523b62 elementor-widget elementor-widget-shortcode\" data-id=\"f523b62\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <!-- \u06a9\u062f\u0647\u0627\u06cc \u0648\u06cc\u062c\u062a -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <style>\n        .scrollbar-hide::-webkit-scrollbar { display: none; }\n        .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }\n        @keyframes bounce-slow { 0%, 100% { transform: translateY(-5%); } 50% { transform: translateY(5%); } }\n        .animate-bounce-slow { animation: bounce-slow 3s infinite ease-in-out; }\n        @keyframes pulse-glow { 0% { box-shadow: 0 0 0 0 rgba(147, 51, 234, 0.7); } 70% { box-shadow: 0 0 0 12px rgba(147, 51, 234, 0); } 100% { box-shadow: 0 0 0 0 rgba(147, 51, 234, 0); } }\n        .animate-pulse-glow { animation: pulse-glow 2s infinite; }\n        @keyframes metallic-shine { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }\n        .ring-gradient-anim { background: linear-gradient(135deg, #172554 0%, #3b82f6 20%, #93c5fd 35%, #ffffff 50%, #d8b4fe 65%, #9333ea 80%, #4c1d95 100%); background-size: 300% 300%; animation: metallic-shine 2.5s linear infinite; box-shadow: inset 0 0 3px rgba(0,0,0,0.6), inset 0 0 6px rgba(255,255,255,0.4), 0 4px 6px rgba(0,0,0,0.3); }\n        @keyframes ring-ring { 0% { transform: rotate(0); } 10% { transform: rotate(15deg); } 20% { transform: rotate(-15deg); } 30% { transform: rotate(10deg); } 40% { transform: rotate(-10deg); } 50% { transform: rotate(5deg); } 60% { transform: rotate(-5deg); } 70% { transform: rotate(0); } 100% { transform: rotate(0); } }\n        .animate-phone-ring { animation: ring-ring 1.5s infinite ease-in-out; }\n        .modal-hidden { display: none !important; }\n        .modal-flex { display: flex !important; }\n        #mina-root * { -webkit-tap-highlight-color: transparent !important; -webkit-touch-callout: none !important; box-sizing: border-box !important; }\n        .touch-safe { user-select: none !important; outline: none !important; border: none !important; }\n        .btn-div { cursor: pointer; transition: transform 0.1s; }\n        .btn-div:active { transform: scale(0.95); }\n    <\/style>\n\n    <div id=\"mina-root\" class=\"w-full flex flex-col items-center justify-center py-4 md:py-8 font-sans bg-transparent touch-safe\" style=\"direction: rtl;\">\n        <div class=\"w-full max-w-lg relative flex flex-col items-center px-2 md:px-4\">\n            <!-- \u067e\u06cc\u0627\u0645 \u0645\u0627\u0631\u06a9\u062a\u06cc\u0646\u06af\u06cc -->\n            <div class=\"relative mb-3 md:mb-4 animate-bounce-slow flex flex-col items-center\" style=\"z-index: 20;\">\n                <div class=\"bg-white border-2 border-purple-500 rounded-2xl rounded-br-none p-3 md:p-4 shadow-xl transform rotate-1 max-w-[220px] md:max-w-[260px]\">\n                    <p class=\"text-xs md:text-sm text-gray-800 font-medium leading-5 md:leading-6 text-center\">\n                        \u06af\u0631\u0641\u062a\u0646 \u062a\u0648\u0631 \u0648 \u067e\u0631\u0648\u0627\u0632 \u0628\u0631\u0627\u062a \u062e\u06cc\u0644\u06cc \u0633\u062e\u062a\u0647\u061f \ud83e\udd2f<br\/>\u0644\u0637\u0641\u0627 <span class=\"text-purple-700 font-bold\">\u0627\u06cc\u0646 \u0627\u0633\u062a\u0648\u0631\u06cc \u0647\u0627\u0645\u0648\u0646\u0648<\/span> \u0628\u0628\u06cc\u0646 \u0648 \u0628\u0647\u0634 \u0633\u0631 \u0628\u0632\u0646! \ud83d\udc47\n                    <\/p>\n                <\/div>\n                <div class=\"absolute -bottom-8 right-8 md:-bottom-10 md:right-10 text-purple-600 w-10 h-10 md:w-14 md:h-14 transform rotate-12\">\n                    <svg viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M80,10 C80,10 20,40 30,80\" \/><path d=\"M10,70 L30,80 L45,60\" \/><\/svg>\n                <\/div>\n            <\/div>\n\n            <!-- \u0644\u06cc\u0633\u062a \u062f\u0627\u06cc\u0631\u0647\u200c\u0647\u0627\u06cc \u0627\u0633\u062a\u0648\u0631\u06cc -->\n            <div class=\"w-full p-2 overflow-x-auto whitespace-nowrap scrollbar-hide z-10\">\n                <div class=\"flex space-x-4 md:space-x-6 space-x-reverse justify-center pr-1 items-end\">\n                    \n                    <!-- 1. \u0627\u0633\u062a\u0648\u0631\u06cc \u0627\u0635\u0644\u06cc \u0645\u06cc\u0646\u0627\u06af\u0634\u062a (\u0627\u06af\u0631 \u0645\u062d\u062a\u0648\u0627 \u062f\u0627\u0631\u062f) -->\n                                            <div class=\"btn-div flex flex-col items-center group touch-safe\" onclick=\"openStoryModal(0)\">\n                            <div class=\"relative w-20 h-20 md:w-24 md:h-24 rounded-full p-[4px] md:p-[5px] ring-gradient-anim animate-pulse-glow group-hover:scale-110 transition-transform duration-300 shadow-xl\">\n                                <div class=\"w-full h-full rounded-full border-[2px] border-white overflow-hidden shadow-inner\">\n                                    <img decoding=\"async\" src=\"https:\/\/minagasht.com\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_-7-ezremove.png\" class=\"w-full h-full object-cover pointer-events-none\" loading=\"eager\"\/>                                <\/div>\n                                <div class=\"absolute bottom-0 right-0 md:bottom-1 md:right-1 bg-blue-600 text-white rounded-full w-6 h-6 md:w-7 md:h-7 flex items-center justify-center border-2 border-white text-xs md:text-sm font-bold shadow-md pointer-events-none\">+<\/div>\n                            <\/div>\n                            <span class=\"text-sm md:text-base mt-2 md:mt-3 text-gray-900 font-extrabold pointer-events-none\">\u0645\u06cc\u0646\u0627\u06af\u0634\u062a<\/span>\n                        <\/div>\n                    \n                    <!-- 2. \u0633\u0627\u06cc\u0631 \u062f\u0627\u06cc\u0631\u0647\u200c\u0647\u0627 (\u0628\u0631 \u0627\u0633\u0627\u0633 \u0646\u0627\u0645 \u06af\u0631\u0648\u0647\u200c\u0628\u0646\u062f\u06cc \u0634\u062f\u0647) -->\n                    \n                    \n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- \u0645\u0648\u062f\u0627\u0644 \u0648 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a (\u0628\u062f\u0648\u0646 \u062a\u063a\u06cc\u06cc\u0631 \u0644\u0627\u062c\u06cc\u06a9\u060c \u0641\u0642\u0637 \u062f\u0631\u06cc\u0627\u0641\u062a \u062f\u06cc\u062a\u0627) -->\n    <div id=\"storyModal\" class=\"fixed inset-0 z-[9999] bg-black sm:bg-opacity-90 backdrop-blur-sm items-center justify-center modal-hidden touch-safe\" style=\"direction: ltr;\">\n        <div class=\"relative w-full h-full sm:w-[400px] sm:h-[80vh] sm:rounded-2xl bg-black overflow-hidden shadow-2xl flex flex-col\">\n            <div id=\"progressContainer\" class=\"absolute top-0 left-0 right-0 z-20 flex space-x-1 p-2 pt-4 sm:pt-2 pointer-events-none\"><\/div>\n            <div class=\"absolute top-6 sm:top-4 left-0 right-0 z-20 flex items-center justify-between px-4\" dir=\"rtl\">\n                <div class=\"flex items-center space-x-2 space-x-reverse pointer-events-none\">\n                    <img decoding=\"async\" id=\"storyAvatar\" src=\"\" class=\"w-8 h-8 rounded-full border border-white\/50\" loading=\"eager\"\/>\n                    <span id=\"storyUser\" class=\"text-white text-sm font-semibold drop-shadow-md\"><\/span>\n                    <span class=\"text-gray-300 text-xs mr-2\">2\u0633<\/span>\n                <\/div>\n                <div class=\"flex items-center space-x-4 space-x-reverse\">\n                    <div id=\"muteBtn\" onclick=\"toggleMute()\" class=\"btn-div text-white opacity-80 hover:opacity-100 hidden\">\n                         <svg id=\"iconVolOn\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"><\/polygon><path d=\"M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07\"><\/path><\/svg>\n                         <svg id=\"iconVolOff\" class=\"hidden\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"><\/polygon><line x1=\"23\" y1=\"9\" x2=\"17\" y2=\"15\"><\/line><line x1=\"17\" y1=\"9\" x2=\"23\" y2=\"15\"><\/line><\/svg>\n                    <\/div>\n                    <div onclick=\"closeStoryModal()\" class=\"btn-div text-white opacity-80 hover:opacity-100\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"absolute inset-0 z-10 bg-gray-900 flex items-center justify-center\" onclick=\"togglePause()\">\n                <div id=\"mediaContainer\" class=\"w-full h-full flex items-center justify-center pointer-events-none\"><\/div>\n            <\/div>\n            <div class=\"absolute inset-0 z-10 flex\">\n                <div class=\"w-1\/3 h-full\" onclick=\"event.stopPropagation(); prevStory()\"><\/div>\n                <div class=\"w-1\/3 h-full\" onclick=\"togglePause()\"><\/div>\n                <div class=\"w-1\/3 h-full\" onclick=\"event.stopPropagation(); nextStory()\"><\/div>\n            <\/div>\n            <div class=\"absolute bottom-0 left-0 right-0 z-20 bg-gradient-to-t from-black\/90 via-black\/50 to-transparent pt-12 pb-6 px-4\" dir=\"rtl\">\n                <div id=\"storyCaption\" class=\"mb-4 text-white text-center text-lg font-medium drop-shadow-lg leading-relaxed pointer-events-none\"><\/div>\n                <div class=\"flex items-center justify-between space-x-2 space-x-reverse\">\n                    <div class=\"flex-1 flex items-center space-x-2 space-x-reverse\">\n                        <div style=\"border: 1px solid rgba(255,255,255,0.4); border-radius: 9999px; overflow: hidden; background: rgba(255,255,255,0.1); flex: 1;\">\n                            <input id=\"serverMsgInput\" type=\"text\" placeholder=\"\u0627\u0631\u0633\u0627\u0644 \u067e\u06cc\u0627\u0645...\" oninput=\"toggleSendBtn(this.value)\" onkeypress=\"if(event.key==='Enter') sendToBackend()\" style=\"background: transparent !important; border: none !important; outline: none !important; box-shadow: none !important; width: 100%; color: white; padding: 8px 16px; text-align: right;\" \/>\n                        <\/div>\n                        <div id=\"sendMsgBtn\" class=\"hidden btn-div bg-purple-600 hover:bg-purple-700 text-white text-xs font-bold py-2 px-3 rounded-full animate-pulse shadow-lg whitespace-nowrap\" onclick=\"sendToBackend()\">\u067e\u06cc\u0627\u0645\u062a\u0648 \u0628\u0641\u0631\u0633\u062a<\/div>\n                    <\/div>\n                    <div class=\"flex items-center space-x-3 space-x-reverse shrink-0\">\n                        <div class=\"btn-div text-white hover:text-red-500\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"><\/path><\/svg><\/div>\n                        <a href=\"tel:02191099399\" class=\"btn-div text-green-500 hover:text-green-400 animate-phone-ring block\"><svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/><\/svg><\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        const stories = [{\"type\":\"image\",\"url\":\"https:\\\/\\\/minagasht.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/Gemini_Generated_Image_-7-ezremove.png\",\"duration\":15000,\"user\":{\"name\":\"MinaGasht\",\"avatar\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1438761681033-6461ffad8d80?w=150\"},\"caption\":\"\\u0628\\u0647\\u062a\\u0631\\u06cc\\u0646 \\u062a\\u0648\\u0631\\u0647\\u0627\\u06cc \\u0645\\u06cc\\u0646\\u0627 \\u06af\\u0634\\u062a\",\"seoDescription\":\"\\u0627\\u0633\\u062a\\u0648\\u0631\\u06cc \\u0645\\u06cc\\u0646\\u0627\\u06af\\u0634\\u062a: \\u0628\\u0647\\u062a\\u0631\\u06cc\\u0646 \\u062a\\u0648\\u0631\\u0647\\u0627\\u06cc \\u0645\\u06cc\\u0646\\u0627 \\u06af\\u0634\\u062a\",\"id\":1}];\n        \/\/ \u0647\u0645\u0627\u0646 \u06a9\u062f\u0647\u0627\u06cc JS \u0642\u0628\u0644\u06cc \u06a9\u0647 \u0628\u062f\u0648\u0646 \u062a\u063a\u06cc\u06cc\u0631 \u0628\u0627\u0642\u06cc \u0645\u06cc\u200c\u0645\u0627\u0646\u0646\u062f\n        let currentIndex = 0, isPaused = false, progress = 0, timer = null, isMuted = true;\n        const modal = document.getElementById('storyModal');\n        const mediaContainer = document.getElementById('mediaContainer');\n        const progressContainer = document.getElementById('progressContainer');\n        const muteBtn = document.getElementById('muteBtn');\n        const sendBtn = document.getElementById('sendMsgBtn');\n\n        function openStoryModal(index) { currentIndex = index; modal.classList.remove('modal-hidden'); modal.classList.add('modal-flex'); loadStory(); }\n        function closeStoryModal() { modal.classList.add('modal-hidden'); modal.classList.remove('modal-flex'); clearInterval(timer); mediaContainer.innerHTML = ''; document.getElementById('serverMsgInput').value = ''; toggleSendBtn(''); }\n        function loadStory() {\n            clearInterval(timer); progress = 0; isPaused = false;\n            const story = stories[currentIndex];\n            document.getElementById('storyAvatar').src = story.user.avatar;\n            document.getElementById('storyUser').innerText = story.user.name;\n            document.getElementById('storyCaption').innerHTML = story.caption;\n            mediaContainer.innerHTML = '';\n            let mediaEl;\n            if(story.type === 'video'){\n                mediaEl = document.createElement('video'); mediaEl.src = story.url; mediaEl.className = \"w-full h-full object-cover pointer-events-none\"; mediaEl.autoplay = true; mediaEl.muted = isMuted; mediaEl.playsInline = true; muteBtn.classList.remove('hidden'); updateMuteIcon();\n            } else {\n                mediaEl = document.createElement('img'); mediaEl.src = story.url; mediaEl.className = \"w-full h-full object-cover animate-pulse pointer-events-none\"; muteBtn.classList.add('hidden');\n            }\n            mediaContainer.appendChild(mediaEl);\n            renderProgress();\n            const step = 100 \/ (story.duration \/ 100);\n            timer = setInterval(() => { if(!isPaused) { progress += step; if(progress >= 100) nextStory(); else updateProgressUI(); } }, 100);\n        }\n        function renderProgress() {\n            progressContainer.innerHTML = '';\n            stories.forEach((s, i) => {\n                const wrap = document.createElement('div'); wrap.className = \"flex-1 h-1 bg-gray-600 rounded overflow-hidden\";\n                const inner = document.createElement('div'); inner.className = \"h-full bg-white transition-all duration-100 ease-linear\"; inner.style.width = i < currentIndex ? '100%' : '0%'; if(i === currentIndex) inner.id = 'currProg';\n                wrap.appendChild(inner); progressContainer.appendChild(wrap);\n            });\n        }\n        function updateProgressUI() { const el = document.getElementById('currProg'); if(el) el.style.width = `${progress}%`; }\n        function nextStory() { if(currentIndex < stories.length - 1) { currentIndex++; loadStory(); } else closeStoryModal(); }\n        function prevStory() { if(currentIndex > 0) { currentIndex--; loadStory(); } else { progress = 0; updateProgressUI(); } }\n        function togglePause() { isPaused = !isPaused; const v = mediaContainer.querySelector('video'); if(v) isPaused ? v.pause() : v.play(); }\n        function toggleMute() { isMuted = !isMuted; const v = mediaContainer.querySelector('video'); if(v) v.muted = isMuted; updateMuteIcon(); }\n        function updateMuteIcon() { document.getElementById('iconVolOn').classList.toggle('hidden', isMuted); document.getElementById('iconVolOff').classList.toggle('hidden', !isMuted); }\n        function toggleSendBtn(val) { if(val.trim().length > 0) sendBtn.classList.remove('hidden'); else sendBtn.classList.add('hidden'); }\n        function sendToBackend() {\n            const input = document.getElementById('serverMsgInput'); const txt = input.value.trim();\n            if(txt) {\n                input.disabled = true; input.placeholder = '\u062f\u0631 \u062d\u0627\u0644 \u0627\u0631\u0633\u0627\u0644...'; sendBtn.innerText = '...';\n                const formData = new FormData(); formData.append('action', 'send_minagasht_story_msg'); formData.append('message', txt);\n                fetch('\/wp-admin\/admin-ajax.php', { method: 'POST', body: formData })\n                .then(r => r.json()).then(d => { if(d.success) { input.value = ''; input.placeholder = '\u0627\u0631\u0633\u0627\u0644 \u0634\u062f! \u2705'; toggleSendBtn(''); sendBtn.innerText = '\u067e\u06cc\u0627\u0645\u062a\u0648 \u0628\u0641\u0631\u0633\u062a'; } else input.placeholder = '\u062e\u0637\u0627 \u274c'; })\n                .catch(e => input.placeholder = '\u062e\u0637\u0627 \u274c').finally(() => { input.disabled = false; setTimeout(() => { if(!input.value) input.placeholder = '\u0627\u0631\u0633\u0627\u0644 \u067e\u06cc\u0627\u0645...'; }, 3000); });\n            }\n        }\n        function trackEngagement(action, label) { console.log(action, label); }\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-370b008 e-con e-atomic-element e-flexbox-base e-6cee460 \" data-id=\"370b008\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"370b008\" data-e-type=\"e-flexbox\" data-id=\"370b008\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-0244066 e-con e-atomic-element e-flexbox-base e-83b0427 \" data-id=\"0244066\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0244066\" data-e-type=\"e-flexbox\" data-id=\"0244066\" >\n    \t\t<div class=\"elementor-element elementor-element-00d6381 elementor-widget elementor-widget-html\" data-id=\"00d6381\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================== -->\r\n<!-- \u0628\u062e\u0634 1: \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647\u200c\u0647\u0627 -->\r\n<!-- ========================================== -->\r\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<link href=\"https:\/\/cdn.jsdelivr.net\/gh\/rastikerdar\/vazirmatn@v33.003\/Vazirmatn-font-face.css\" rel=\"stylesheet\" type=\"text\/css\" \/>\r\n\r\n<!-- ========================================== -->\r\n<!-- \u0628\u062e\u0634 2: \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u0647\u0627 -->\r\n<!-- ========================================== -->\r\n<style>\r\n    \/* \u06a9\u0627\u0646\u062a\u06cc\u0646\u0631 \u0627\u0635\u0644\u06cc *\/\r\n    #minagasht-widget-wrapper {\r\n        font-family: 'Vazirmatn', sans-serif;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        backdrop-filter: blur(20px);\r\n        overflow: hidden;\r\n        position: relative;\r\n        width: 100%;\r\n        max-width: 1600px;\r\n        margin: 0 auto;\r\n        padding: 0 60px;\r\n        box-sizing: border-box;\r\n        height: 650px; \/* \u0627\u0631\u062a\u0641\u0627\u0639 \u062b\u0627\u0628\u062a \u0641\u0642\u0637 \u0628\u0631\u0627\u06cc \u062f\u0633\u06a9\u062a\u0627\u067e *\/\r\n        border-radius: 20px;\r\n        direction: rtl;\r\n        isolation: isolate;\r\n        cursor: default;\r\n        border: 1px solid rgba(255,255,255,0.5);\r\n        box-shadow: 0 10px 40px rgba(0,0,0,0.05);\r\n    }\r\n\r\n    \/* \u0635\u062d\u0646\u0647 \u0633\u0647 \u0628\u0639\u062f\u06cc *\/\r\n    .mg-scene {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        perspective: 1200px;\r\n        padding-top: 100px; \r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* \u0646\u06af\u0647\u062f\u0627\u0631\u0647 \u06a9\u0627\u0631\u062a\u200c\u0647\u0627 *\/\r\n    .mg-stage {\r\n        display: flex;\r\n        flex-direction: row;\r\n        flex-wrap: nowrap;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 20px;\r\n        transform-style: preserve-3d;\r\n        transition: transform 0.6s ease-out;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n    \r\n    \/* \u06a9\u0627\u0631\u062a\u200c\u0647\u0627 - \u0627\u0633\u062a\u0627\u06cc\u0644 \u067e\u0627\u06cc\u0647 *\/\r\n    .mg-card {\r\n        position: relative;\r\n        width: 260px; \r\n        height: 360px;\r\n        min-width: 260px;\r\n        flex-shrink: 0;\r\n        background: rgba(30, 41, 59, 0.95); \r\n        backdrop-filter: blur(20px);\r\n        border: 1px solid rgba(255, 255, 255, 0.15);\r\n        border-radius: 24px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        text-align: center;\r\n        padding: 20px;\r\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        transform-style: preserve-3d;\r\n        box-shadow: 0 15px 40px rgba(0,0,0,0.2);\r\n        cursor: pointer;\r\n        user-select: none;\r\n        overflow: hidden; \/* \u0628\u0631\u0627\u06cc \u0645\u062e\u0641\u06cc \u06a9\u0631\u062f\u0646 \u0646\u0648\u0627\u0631 \u062a\u0645\u0627\u0633 *\/\r\n    }\r\n\r\n    \/* \u0627\u0641\u06a9\u062a \u0632\u0648\u0645 *\/\r\n    .mg-card:hover {\r\n        transform: scale(1.15) translateY(-10px) translateZ(50px);\r\n        z-index: 100;\r\n        background: rgba(30, 41, 59, 1);\r\n        border-color: rgba(255, 255, 255, 0.5);\r\n        box-shadow: 0 30px 60px rgba(0,0,0,0.5);\r\n    }\r\n    \r\n    .mg-stage:hover .mg-card:not(:hover) {\r\n        transform: scale(0.95);\r\n        opacity: 0.7;\r\n        filter: blur(2px);\r\n    }\r\n\r\n    \/* --- \u0627\u0633\u062a\u0627\u06cc\u0644 \u062a\u0645\u0627\u0633 VIP (\u062c\u062f\u06cc\u062f) --- *\/\r\n    .mg-vip-contact {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        right: 0;\r\n        height: 65px; \/* \u06a9\u0645\u06cc \u0628\u0644\u0646\u062f\u062a\u0631 *\/\r\n        background: rgba(250, 204, 21, 0.95); \/* \u0631\u0646\u06af \u0637\u0644\u0627\u06cc\u06cc VIP *\/\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 15px; \/* \u0641\u0627\u0635\u0644\u0647 \u0628\u06cc\u0634\u062a\u0631 \u0628\u06cc\u0646 \u0622\u06cc\u06a9\u0648\u0646 \u0648 \u0645\u062a\u0646 *\/\r\n        transform: translateY(100%); \/* \u0645\u062e\u0641\u06cc \u062f\u0631 \u067e\u0627\u06cc\u06cc\u0646 *\/\r\n        transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        z-index: 20;\r\n        color: #1e293b;\r\n        font-weight: 800;\r\n        font-size: 1.2rem;\r\n        box-shadow: 0 -5px 20px rgba(0,0,0,0.2);\r\n    }\r\n\r\n    \/* \u0646\u0645\u0627\u06cc\u0634 \u062f\u0631 \u0647\u0627\u0648\u0631 \u0641\u0642\u0637 \u0628\u0631\u0627\u06cc \u06a9\u0627\u0631\u062a VIP *\/\r\n    #mg-card-1:hover .mg-vip-contact {\r\n        transform: translateY(0);\r\n    }\r\n\r\n    \/* \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0632\u0646\u06af \u062e\u0648\u0631\u062f\u0646 *\/\r\n    @keyframes phoneRing {\r\n        0% { transform: rotate(0deg); }\r\n        10% { transform: rotate(-15deg); }\r\n        20% { transform: rotate(15deg); }\r\n        30% { transform: rotate(-15deg); }\r\n        40% { transform: rotate(15deg); }\r\n        50% { transform: rotate(0deg); }\r\n        100% { transform: rotate(0deg); }\r\n    }\r\n\r\n    .mg-ring-icon {\r\n        animation: phoneRing 1.5s infinite ease-in-out;\r\n        font-size: 1.4rem;\r\n    }\r\n\r\n    \/* --- \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u0648\u06cc\u0698\u0647 --- *\/\r\n    .mg-card.special-card {\r\n        background: rgba(76, 29, 149, 0.95);\r\n        border: 1px solid rgba(236, 72, 153, 0.5);\r\n        animation: cardPulse 3s infinite ease-in-out;\r\n    }\r\n    @keyframes cardPulse {\r\n        0%, 100% { box-shadow: 0 15px 40px rgba(0,0,0,0.2); border-color: rgba(236, 72, 153, 0.5); }\r\n        50% { box-shadow: 0 20px 50px rgba(236, 72, 153, 0.4); border-color: rgba(236, 72, 153, 1); }\r\n    }\r\n    .mg-card.special-card:hover {\r\n        animation: none;\r\n        background: rgba(88, 28, 135, 1);\r\n        border-color: #f472b6;\r\n        box-shadow: 0 30px 80px rgba(0,0,0,0.4), 0 0 50px rgba(236, 72, 153, 0.5);\r\n    }\r\n\r\n    .mg-card:nth-child(3) {\r\n        border-color: rgba(249, 115, 22, 0.5);\r\n        animation: firePulseCard 2.5s infinite ease-in-out;\r\n    }\r\n    @keyframes firePulseCard {\r\n        0%, 100% { box-shadow: 0 15px 40px rgba(0,0,0,0.2); border-color: rgba(249, 115, 22, 0.4); }\r\n        50% { box-shadow: 0 20px 50px rgba(0,0,0,0.3); border-color: rgba(251, 146, 60, 0.9); }\r\n    }\r\n    .mg-card:nth-child(3):hover {\r\n        animation: none;\r\n        background: rgba(67, 20, 7, 0.95);\r\n        border-color: #fb923c;\r\n        box-shadow: 0 40px 80px rgba(0,0,0,0.4), 0 0 60px rgba(249, 115, 22, 0.5);\r\n    }\r\n\r\n    \/* \u0645\u062d\u062a\u0648\u0627\u06cc \u062f\u0627\u062e\u0644\u06cc *\/\r\n    .mg-card-content {\r\n        display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; width: 100%;\r\n        transition: transform 0.4s ease;\r\n    }\r\n    \r\n    \/* \u0647\u0627\u0648\u0631 \u0645\u0639\u0645\u0648\u0644\u06cc \u0628\u0631\u0627\u06cc \u0647\u0645\u0647 \u06a9\u0627\u0631\u062a\u200c\u0647\u0627 *\/\r\n    .mg-card:hover .mg-card-content { transform: translateY(-20px); }\r\n\r\n    \/* \u062a\u0646\u0638\u06cc\u0645 \u0641\u0627\u0635\u0644\u0647 \u062e\u0627\u0635 \u0628\u0631\u0627\u06cc \u06a9\u0627\u0631\u062a VIP \u062a\u0627 \u0628\u0627 \u0646\u0648\u0627\u0631 \u0632\u0631\u062f \u062a\u062f\u0627\u062e\u0644 \u0646\u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f *\/\r\n    #mg-card-1:hover .mg-card-content {\r\n        transform: translateY(-50px);\r\n    }\r\n\r\n    .mg-icon-box {\r\n        width: 80px; height: 80px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 15px; font-size: 2rem;\r\n        transition: all 0.4s ease; box-shadow: inset 0 0 20px rgba(0,0,0,0.2); background-color: rgba(0, 0, 0, 0.2); flex-shrink: 0;\r\n    }\r\n    .mg-card:nth-child(1) .mg-icon-box { color: #facc15; background: rgba(250, 204, 21, 0.15); }\r\n    .mg-card:nth-child(2) .mg-icon-box { color: #fbcfe8; background: linear-gradient(135deg, rgba(236, 72, 153, 0.4), rgba(219, 39, 119, 0.6)); border: 2px solid rgba(255, 255, 255, 0.2); box-shadow: 0 0 15px rgba(236, 72, 153, 0.4); }\r\n    .mg-card:nth-child(3) .mg-icon-box { color: #fff7ed; background: linear-gradient(135deg, #ea580c 0%, #fbbf24 100%); border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 0 0 20px rgba(234, 88, 12, 0.5); }\r\n    .mg-card:nth-child(4) .mg-icon-box { color: #fb7185; background: rgba(251, 113, 133, 0.15); }\r\n    \r\n    .mg-card:hover .mg-icon-box { transform: scale(0.7); margin-bottom: 5px; box-shadow: 0 5px 15px rgba(0,0,0,0.3);\r\n}\r\n\r\n    \/* \u0633\u0627\u0639\u062a \u062a\u06cc\u06a9\u200c\u062a\u0627\u06a9 *\/\r\n    .mg-clock-icon { width: 44px; height: 44px; border: 2px solid #fda4af; background: rgba(255, 255, 255, 0.05); border-radius: 50%; position: relative; box-shadow: 0 0 15px rgba(251, 113, 133, 0.5); animation: clockPulse 2s infinite; }\r\n    @keyframes clockPulse { 0% { box-shadow: 0 0 0 0 rgba(251, 113, 133, 0.7); } 70% { box-shadow: 0 0 0 10px rgba(251, 113, 133, 0); } 100% { box-shadow: 0 0 0 0 rgba(251, 113, 133, 0); } }\r\n    .mg-clock-icon::after { content: ''; width: 4px; height: 4px; background: #fff; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; }\r\n    .mg-hand { position: absolute; background: #fff; border-radius: 4px; transform-origin: bottom center; bottom: 50%; left: calc(50% - 1px); box-shadow: 0 0 4px rgba(0,0,0,0.5); }\r\n    .mg-hand.hour { width: 3px; height: 12px; left: calc(50% - 1.5px); animation: spin 12s linear infinite; }\r\n    .mg-hand.minute { width: 2px; height: 16px; animation: spin 1s linear infinite; }\r\n    @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }\r\n\r\n    .mg-card h3 { color: white; margin-bottom: 5px; font-size: 1.5rem; font-weight: 800; text-shadow: 0 2px 4px rgba(0,0,0,0.3); transition: transform 0.4s ease; }\r\n    .mg-card p.short-desc { color: #e2e8f0; font-size: 0.85rem; line-height: 1.5; margin-bottom: 0; opacity: 0.8; transition: opacity 0.3s ease; position: relative; }\r\n    .mg-card:hover p.short-desc { opacity: 0; position: absolute; visibility: hidden; }\r\n\r\n    .mg-details-list {\r\n        list-style: none; padding: 0; margin: 10px 0 0 0; width: 100%; text-align: right;\r\n        opacity: 0; transform: translateY(15px); position: absolute; bottom: 75px; left: 0; right: 0; padding: 0 20px;\r\n        pointer-events: none; display: block; transition: all 0.4s ease;\r\n    }\r\n    .mg-card:hover .mg-details-list { opacity: 1; transform: translateY(0); }\r\n    .mg-details-list li { color: #cbd5e1; font-size: 0.8rem; padding: 6px 0; border-bottom: 1px solid rgba(255,255,255,0.05); display: flex; align-items: center; }\r\n    .mg-details-list li:last-child { border-bottom: none; }\r\n    .mg-details-list li i { margin-left: 8px; font-size: 0.7rem; opacity: 0.8; }\r\n    .mg-card:nth-child(1) .mg-details-list li i { color: #facc15; }\r\n    .mg-card:nth-child(2) .mg-details-list li i { color: #f472b6; }\r\n    .mg-card:nth-child(3) .mg-details-list li i { color: #f97316; }\r\n    .mg-card:nth-child(4) .mg-details-list li i { color: #fb7185; }\r\n\r\n    .mg-btn {\r\n        padding: 8px 24px; border-radius: 50px; border: 1px solid rgba(255,255,255,0.3); color: white; font-size: 0.85rem; background: rgba(255,255,255,0.1); transition: all 0.4s ease; opacity: 0.9; margin-top: auto; position: relative; z-index: 10; cursor: pointer;\r\n    }\r\n    .mg-card:hover .mg-btn { background: rgba(255,255,255,0.25); opacity: 1; border-color: rgba(255,255,255,0.9); box-shadow: 0 0 15px rgba(255,255,255,0.2); }\r\n\r\n    \/* \u0645\u0627\u0634\u06cc\u0646 \u062d\u0633\u0627\u0628 *\/\r\n    .mg-calculator { background: rgba(0, 0, 0, 0.2); border: 1px solid rgba(236, 72, 153, 0.3); border-radius: 16px; padding: 20px; margin-top: 20px; animation: slideUp 0.5s ease-out; }\r\n    @keyframes slideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\r\n    .mg-input { width: 100%; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); color: white; padding: 10px; border-radius: 8px; font-family: 'Vazirmatn', sans-serif; transition: all 0.3s; margin-top: 5px; }\r\n    .mg-input:focus { outline: none; border-color: #ec4899; background: rgba(255, 255, 255, 0.15); }\r\n    .mg-result-box { background: linear-gradient(135deg, rgba(236, 72, 153, 0.2), rgba(88, 28, 135, 0.2)); border-radius: 12px; padding: 15px; margin-top: 20px; text-align: center; border: 1px solid rgba(236, 72, 153, 0.3); }\r\n\r\n    \/* --- \u0627\u0635\u0644\u0627\u062d\u0627\u062a \u0645\u0648\u0628\u0627\u06cc\u0644 (\u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648) --- *\/\r\n    @media (max-width: 768px) {\r\n        #minagasht-widget-wrapper {\r\n            height: auto !important; \/* \u0627\u0631\u062a\u0641\u0627\u0639 \u062e\u0648\u062f\u06a9\u0627\u0631 \u0628\u0631\u0627\u06cc \u062c\u0627 \u0634\u062f\u0646 \u0645\u062d\u062a\u0648\u0627 *\/\r\n            min-height: 600px;\r\n            padding: 40px 15px; \/* \u067e\u062f\u06cc\u0646\u06af \u06a9\u0645\u062a\u0631 *\/\r\n        }\r\n        \r\n        \/* \u0647\u062f\u0631 \u062f\u0631 \u0645\u0648\u0628\u0627\u06cc\u0644 *\/\r\n        .absolute.top-6 {\r\n            position: relative !important; \/* \u0647\u062f\u0631 \u0627\u0632 \u062d\u0627\u0644\u062a \u0634\u0646\u0627\u0648\u0631 \u062e\u0627\u0631\u062c \u0634\u0648\u062f *\/\r\n            top: 0 !important;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        \/* \u0635\u062d\u0646\u0647 *\/\r\n        .mg-scene {\r\n            padding-top: 0 !important; \/* \u062d\u0630\u0641 \u0641\u0627\u0635\u0644\u0647 \u0628\u0627\u0644\u0627 \u0686\u0648\u0646 \u0647\u062f\u0631 \u0631\u0644\u062a\u06cc\u0648 \u0634\u062f\u0647 *\/\r\n            display: block; \/* \u062a\u063a\u06cc\u06cc\u0631 \u0627\u0632 \u0641\u0644\u06a9\u0633 \u0628\u0647 \u0628\u0644\u0648\u06a9 *\/\r\n        }\r\n\r\n        .mg-stage {\r\n            flex-direction: column !important; \/* \u06a9\u0627\u0631\u062a\u200c\u0647\u0627 \u0632\u06cc\u0631 \u0647\u0645 *\/\r\n            gap: 30px !important;\r\n            height: auto !important;\r\n            padding-bottom: 40px;\r\n        }\r\n\r\n        .mg-card {\r\n            width: 100% !important; \/* \u062a\u0645\u0627\u0645 \u0639\u0631\u0636 *\/\r\n            max-width: 320px;\r\n            height: auto !important;\r\n            min-height: 350px;\r\n            padding: 25px;\r\n        }\r\n        \r\n        \/* \u062d\u0630\u0641 \u0627\u0641\u06a9\u062a\u200c\u0647\u0627\u06cc \u0647\u0627\u0648\u0631 \u0645\u0632\u0627\u062d\u0645 \u062f\u0631 \u0645\u0648\u0628\u0627\u06cc\u0644 *\/\r\n        .mg-card:hover { transform: none; z-index: 1; }\r\n        .mg-details-list { display: none !important; } \/* \u0644\u06cc\u0633\u062a \u062f\u0631 \u0645\u0648\u0628\u0627\u06cc\u0644 \u0645\u062e\u0641\u06cc \u0628\u0645\u0627\u0646\u062f *\/\r\n        .mg-card:hover p.short-desc { opacity: 1; position: static; visibility: visible; }\r\n        .mg-calculator { margin-top: 15px; padding: 15px; }\r\n        \r\n        \/* \u0645\u062e\u0641\u06cc \u06a9\u0631\u062f\u0646 \u062a\u0645\u0627\u0633 VIP \u062f\u0631 \u0645\u0648\u0628\u0627\u06cc\u0644 \u0628\u0631\u0627\u06cc \u0633\u0627\u062f\u06af\u06cc *\/\r\n        .mg-vip-contact { display: none !important; }\r\n    }\r\n\r\n    \/* \u0645\u0648\u062f\u0627\u0644 *\/\r\n    .mg-popup-overlay { backdrop-filter: blur(12px); z-index: 99999 !important; transition: opacity 0.5s ease; position: fixed; inset: 0; background: rgba(15, 23, 42, 0.95); display: none; align-items: center; justify-content: center; padding: 1rem; }\r\n    .mg-hidden { display: none !important; }\r\n<\/style>\r\n\r\n<!-- ========================================== -->\r\n<!-- \u0628\u062e\u0634 3: HTML -->\r\n<!-- ========================================== -->\r\n<div id=\"minagasht-widget-wrapper\" class=\"mg-wrapper\">\r\n\r\n    <!-- \u0647\u062f\u0631 -->\r\n    <div class=\"absolute top-6 w-full text-center z-20 pointer-events-none px-4\">\r\n        <h2 class=\"text-2xl md:text-4xl font-black mb-3 text-slate-800 drop-shadow-sm leading-tight\" style=\"font-family: 'Vazirmatn', sans-serif;\">\r\n            \u0628\u0627 <span class=\"text-transparent bg-clip-text bg-gradient-to-b from-[#800020] to-white drop-shadow-sm\">\u0645\u06cc\u0646\u0627 \u06af\u0634\u062a<\/span>\u060c \u062c\u0647\u0627\u0646 \u0631\u0627 \r\n            <span class=\"text-yellow-600\">\u0644\u0648\u06a9\u0633<\/span> \u0648 <span class=\"text-transparent bg-clip-text bg-gradient-to-b from-[#800020] to-white drop-shadow-sm\">\u0627\u0642\u0633\u0627\u0637\u06cc<\/span> \u06a9\u0634\u0641 \u06a9\u0646\u06cc\u062f!\r\n        <\/h2>\r\n        <p class=\"text-slate-600 text-xs md:text-base font-light max-w-2xl mx-auto leading-relaxed opacity-90\">\r\n            \u0633\u0641\u0631\u06cc \u0628\u06cc\u200c\u062f\u063a\u062f\u063a\u0647 \u0628\u0627 <b class=\"text-slate-800 font-bold bg-black\/5 px-1 rounded\">\u0627\u0642\u0633\u0627\u0637 \u06f1\u06f2 \u0645\u0627\u0647\u0647 \u0628\u062f\u0648\u0646 \u0636\u0627\u0645\u0646<\/b>\u060c \u062e\u062f\u0645\u0627\u062a <b class=\"text-yellow-600 font-bold\">VIP \u0641\u0631\u0648\u062f\u06af\u0627\u0647\u06cc<\/b> \u0648 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0644\u062d\u0638\u0647\u200c\u0628\u0647\u200c\u0644\u062d\u0638\u0647.\r\n            \u0645\u0627 \u06a9\u06cc\u0641\u06cc\u062a \u0648 \u0642\u06cc\u0645\u062a \u0633\u0641\u0631 \u0634\u0645\u0627 \u0631\u0627 <b class=\"text-slate-800 font-bold border-b border-slate-400 pb-0.5\">\u062a\u0636\u0645\u06cc\u0646 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645<\/b>.\r\n        <\/p>\r\n        <div class=\"w-24 h-1 bg-gradient-to-r from-transparent via-blue-500 to-transparent mx-auto rounded-full mt-4\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- \u0635\u062d\u0646\u0647 \u062a\u0639\u0627\u0645\u0644\u06cc -->\r\n    <div class=\"mg-scene\">\r\n        <div class=\"mg-stage\" id=\"mg-stage\">\r\n            \r\n            <!-- \u06a9\u0627\u0631\u062a 1: VIP (\u0628\u0627 \u0646\u0648\u0627\u0631 \u062a\u0645\u0627\u0633 \u062c\u062f\u06cc\u062f) -->\r\n            <div class=\"mg-card\" id=\"mg-card-1\" onclick=\"handleCardClick(this, 'vip')\">\r\n                <div class=\"mg-card-content\">\r\n                    <div class=\"mg-icon-box\"><i class=\"fa-solid fa-crown\"><\/i><\/div>\r\n                    <h3>\u062e\u062f\u0645\u0627\u062a VIP<\/h3>\r\n                    <p class=\"short-desc\">\u062a\u062c\u0631\u0628\u0647\u200c\u0627\u06cc \u0644\u0648\u06a9\u0633 \u0648 \u0645\u062a\u0641\u0627\u0648\u062a<\/p>\r\n                    <ul class=\"mg-details-list\">\r\n                        <li><i class=\"fa-solid fa-couch\"><\/i> \u0644\u0627\u0646\u0698 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc (CIP)<\/li>\r\n                        <li><i class=\"fa-solid fa-car-side\"><\/i> \u062a\u0631\u0627\u0646\u0633\u0641\u0631 \u0644\u0648\u06a9\u0633 \u0631\u0627\u06cc\u06af\u0627\u0646<\/li>\r\n                        <li><i class=\"fa-solid fa-concierge-bell\"><\/i> \u0647\u0645\u0627\u0647\u0646\u06af\u200c\u06a9\u0646\u0646\u062f\u0647 \u0634\u062e\u0635\u06cc<\/li>\r\n                    <\/ul>\r\n                    <div class=\"mg-btn\">\u0631\u0632\u0631\u0648 VIP<\/div>\r\n                <\/div>\r\n                <!-- \u0646\u0648\u0627\u0631 \u062a\u0645\u0627\u0633 \u0648\u06cc\u0698\u0647 -->\r\n                <div class=\"mg-vip-contact\">\r\n                    <i class=\"fa-solid fa-phone-volume mg-ring-icon\"><\/i>\r\n                    <span style=\"direction: ltr; letter-spacing: 2px; font-weight: 900; font-family: 'Vazirmatn', sans-serif;\">021 - 910 99 399<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \u06a9\u0627\u0631\u062a 2: \u0627\u0642\u0633\u0627\u0637\u06cc (\u0648\u06cc\u0698\u0647) -->\r\n            <div class=\"mg-card special-card\" id=\"mg-card-2\" onclick=\"handleCardClick(this, 'installments')\">\r\n                <div class=\"mg-card-content\">\r\n                    <div class=\"mg-icon-box\"><i class=\"fa-solid fa-hand-holding-dollar\"><\/i><\/div>\r\n                    <h3>\u0633\u0641\u0631 \u0627\u0642\u0633\u0627\u0637\u06cc<\/h3>\r\n                    <p class=\"short-desc\">\u0633\u0641\u0631 \u06a9\u0646\u060c \u0628\u0639\u062f\u0627\u064b \u067e\u0631\u062f\u0627\u062e\u062a \u06a9\u0646!<\/p>\r\n                    <ul class=\"mg-details-list\">\r\n                        <li><i class=\"fa-solid fa-check\"><\/i> \u0628\u062f\u0648\u0646 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0636\u0627\u0645\u0646<\/li>\r\n                        <li><i class=\"fa-solid fa-calendar-check\"><\/i> \u0627\u0642\u0633\u0627\u0637 \u0628\u0644\u0646\u062f \u0645\u062f\u062a \u06f1\u06f2 \u0645\u0627\u0647\u0647<\/li>\r\n                        <li><i class=\"fa-solid fa-percentage\"><\/i> \u06a9\u0645\u062a\u0631\u06cc\u0646 \u06a9\u0627\u0631\u0645\u0632\u062f \u0628\u0627\u0632\u0627\u0631<\/li>\r\n                    <\/ul>\r\n                    <div class=\"mg-btn\">\u0634\u0631\u0627\u06cc\u0637 \u0627\u0642\u0633\u0627\u0637<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \u06a9\u0627\u0631\u062a 3: \u062a\u0648\u0631\u0647\u0627\u06cc \u0628\u0631\u062a\u0631 (\u0622\u062a\u0634\u06cc\u0646) -->\r\n            <div class=\"mg-card\" id=\"mg-card-3\" onclick=\"handleCardClick(this, 'top10')\">\r\n                <div class=\"mg-card-content\">\r\n                    <div class=\"mg-icon-box\"><i class=\"fa-solid fa-trophy\"><\/i><\/div>\r\n                    <h3>\u062a\u0648\u0631\u0647\u0627\u06cc \u0628\u0631\u062a\u0631<\/h3>\r\n                    <p class=\"short-desc\">\u0645\u062d\u0628\u0648\u0628\u200c\u062a\u0631\u06cc\u0646 \u0645\u0642\u0627\u0635\u062f \u0641\u0635\u0644<\/p>\r\n                    <ul class=\"mg-details-list\">\r\n                        <li><i class=\"fa-solid fa-star\"><\/i> \u0628\u0627\u0644\u0627\u062a\u0631\u06cc\u0646 \u0631\u0636\u0627\u06cc\u062a \u0645\u0633\u0627\u0641\u0631\u0627\u0646<\/li>\r\n                        <li><i class=\"fa-solid fa-fire\"><\/i> \u067e\u0631\u0641\u0631\u0648\u0634\u200c\u062a\u0631\u06cc\u0646\u200c\u0647\u0627\u06cc \u0645\u0627\u0647<\/li>\r\n                        <li><i class=\"fa-solid fa-check-double\"><\/i> \u06af\u0627\u0631\u0627\u0646\u062a\u06cc \u06a9\u06cc\u0641\u06cc\u062a<\/li>\r\n                    <\/ul>\r\n                    <div class=\"mg-btn\">\u0645\u0634\u0627\u0647\u062f\u0647 \u0644\u06cc\u0633\u062a<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \u06a9\u0627\u0631\u062a 4: Offers (\u0633\u0627\u0639\u062a) -->\r\n            <div class=\"mg-card\" id=\"mg-card-4\" data-url=\"\/offers\" onclick=\"handleCardClick(this, 'offers')\">\r\n                <div class=\"mg-card-content\">\r\n                    <div class=\"mg-icon-box\">\r\n                        <div class=\"mg-clock-icon\">\r\n                            <div class=\"mg-hand hour\"><\/div>\r\n                            <div class=\"mg-hand minute\"><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <h3>\u0622\u0641\u0631\u0647\u0627\u06cc \u0648\u06cc\u0698\u0647<\/h3>\r\n                    <p class=\"short-desc\">\u0641\u0631\u0635\u062a\u200c\u0647\u0627\u06cc \u0645\u062d\u062f\u0648\u062f<\/p>\r\n                    <ul class=\"mg-details-list\">\r\n                        <li><i class=\"fa-solid fa-stopwatch\"><\/i> \u062a\u0648\u0631\u0647\u0627\u06cc \u0644\u062d\u0638\u0647 \u0622\u062e\u0631\u06cc<\/li>\r\n                        <li><i class=\"fa-solid fa-tags\"><\/i> \u062a\u062e\u0641\u06cc\u0641\u200c\u0647\u0627\u06cc \u0641\u0635\u0644\u06cc<\/li>\r\n                        <li><i class=\"fa-solid fa-users\"><\/i> \u067e\u06a9\u06cc\u062c\u200c\u0647\u0627\u06cc \u0627\u0642\u062a\u0635\u0627\u062f\u06cc<\/li>\r\n                    <\/ul>\r\n                    <div class=\"mg-btn\">\u0645\u0634\u0627\u0647\u062f\u0647 \u0622\u0641\u0631\u0647\u0627<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- \u0645\u0648\u062f\u0627\u0644 -->\r\n<div id=\"mg-modal-overlay\" class=\"mg-popup-overlay\">\r\n    <div id=\"mg-modal-content\" class=\"bg-slate-800\/90 w-full max-w-5xl rounded-3xl border border-slate-600 p-6 md:p-10 relative hidden backdrop-blur-xl border-t border-slate-500\/50 shadow-2xl overflow-y-auto max-h-[90vh]\">\r\n        <button onclick=\"mgCloseModal()\" class=\"absolute top-4 left-4 w-10 h-10 rounded-full bg-slate-700\/50 hover:bg-red-500\/80 text-white transition-colors flex items-center justify-center z-20 cursor-pointer border-none\">\r\n            <i class=\"fa-solid fa-times\"><\/i>\r\n        <\/button>\r\n        <div class=\"text-center mb-8\">\r\n            <div id=\"mg-modal-icon-container\" class=\"w-16 h-16 mx-auto rounded-full flex items-center justify-center mb-3 text-2xl\"><\/div>\r\n            <h2 id=\"mg-modal-title\" class=\"text-2xl md:text-3xl font-bold text-white m-0\"><\/h2>\r\n        <\/div>\r\n        <div id=\"mg-modal-grid\" class=\"grid grid-cols-1 md:grid-cols-3 lg:grid-cols-5 gap-4\"><\/div>\r\n        <div id=\"mg-calculator-container\"><\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- ========================================== -->\r\n<!-- \u0628\u062e\u0634 4: \u062c\u0627\u0648\u0627\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a -->\r\n<!-- ========================================== -->\r\n<script>\r\n    function handleCardClick(card, type) {\r\n        const url = card.getAttribute('data-url');\r\n        if (url) {\r\n            try { window.location.href = url; } catch(e){ console.log(\"Link prevented in sandbox: \" + url); }\r\n        } else {\r\n            window.mgOpenModal(type);\r\n        }\r\n    }\r\n\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        const wrapper = document.getElementById('minagasht-widget-wrapper');\r\n        const stage = document.getElementById('mg-stage');\r\n        \r\n        if (window.matchMedia(\"(min-width: 769px)\").matches) {\r\n            wrapper.addEventListener('mousemove', (e) => {\r\n                const rect = wrapper.getBoundingClientRect();\r\n                const x = e.clientX - rect.left - rect.width \/ 2;\r\n                const y = e.clientY - rect.top - rect.height \/ 2;\r\n                const rotateY = (x \/ rect.width) * 8; \r\n                const rotateX = -(y \/ rect.height) * 8;\r\n                requestAnimationFrame(() => { stage.style.transform = `rotateY(${rotateY}deg) rotateX(${rotateX}deg)`; });\r\n            });\r\n            wrapper.addEventListener('mouseleave', () => {\r\n                stage.style.transform = `rotateY(0deg) rotateX(0deg)`;\r\n            });\r\n        }\r\n\r\n        const mgData = {\r\n            installments: {\r\n                title: \"\u0634\u0631\u0627\u06cc\u0637 \u0633\u0641\u0631 \u0627\u0642\u0633\u0627\u0637\u06cc\", icon: \"fa-hand-holding-dollar\", colorClass: \"bg-pink-500\/20 text-pink-400\",\r\n                items: [\r\n                    { title: \"\u0627\u0642\u0633\u0627\u0637 \u06f1\u06f2 \u0645\u0627\u0647\u0647\", icon: \"fa-calendar-check\", desc: \"\u0628\u0627\u0632\u067e\u0631\u062f\u0627\u062e\u062a \u0637\u0648\u0644\u0627\u0646\u06cc\" },\r\n                    { title: \"\u0628\u062f\u0648\u0646 \u0636\u0627\u0645\u0646\", icon: \"fa-user-check\", desc: \"\u0641\u0642\u0637 \u0628\u0627 \u0686\u06a9 \u0635\u06cc\u0627\u062f\u06cc\" },\r\n                    { title: \"\u06a9\u0627\u0631\u0645\u0632\u062f \u06a9\u0645\", icon: \"fa-percent\", desc: \"\u0646\u0631\u062e \u0631\u0642\u0627\u0628\u062a\u06cc\" },\r\n                    { title: \"\u0633\u0642\u0641 \u0627\u0639\u062a\u0628\u0627\u0631\", icon: \"fa-chart-line\", desc: \"\u062a\u0627 \u06f1\u06f0\u06f0 \u0645\u06cc\u0644\u06cc\u0648\u0646 \u062a\u0648\u0645\u0627\u0646\" },\r\n                    { title: \"\u0634\u0631\u0648\u0639 \u0641\u0648\u0631\u06cc\", icon: \"fa-plane-departure\", desc: \"\u0633\u0641\u0631 \u0642\u0628\u0644 \u0627\u0632 \u067e\u0631\u062f\u0627\u062e\u062a\" }\r\n                ]\r\n            },\r\n            top10: { title: \"\u062a\u0648\u0631\u0647\u0627\u06cc \u0628\u0631\u062a\u0631\", icon: \"fa-trophy\", colorClass: \"bg-blue-500\/20 text-blue-400\", items: [] },\r\n            vip: {\r\n                title: \"\u062e\u062f\u0645\u0627\u062a \u0648\u06cc\u0698\u0647 \u0648 VIP\", icon: \"fa-crown\", colorClass: \"bg-yellow-500\/20 text-yellow-400\",\r\n                items: [\r\n                    { title: \"\u062e\u062f\u0645\u0627\u062a CIP\", icon: \"fa-couch\", desc: \"\u0644\u0627\u0646\u0698 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0641\u0631\u0648\u062f\u06af\u0627\u0647\" },\r\n                    { title: \"\u062a\u0631\u0627\u0646\u0633\u0641\u0631 \u0644\u0648\u06a9\u0633\", icon: \"fa-car\", desc: \"\u0628\u0646\u0632 \u0648 \u0628\u06cc\u200c\u0627\u0645\u200c\u0648\" },\r\n                    { title: \"\u0647\u062a\u0644 \u06f5 \u0633\u062a\u0627\u0631\u0647\", icon: \"fa-star\", desc: \"\u06af\u0627\u0631\u0627\u0646\u062a\u06cc \u0628\u0647\u062a\u0631\u06cc\u0646 \u0627\u062a\u0627\u0642\" },\r\n                    { title: \"\u0644\u06cc\u062f\u0631 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc\", icon: \"fa-user-tie\", desc: \"\u0647\u0645\u0631\u0627\u0647\u06cc \u062a\u0645\u0627\u0645 \u0648\u0642\u062a\" },\r\n                    { title: \"\u0628\u06cc\u0645\u0647 \u067e\u0644\u0627\u0633\", icon: \"fa-shield-halved\", desc: \"\u067e\u0648\u0634\u0634 \u06a9\u0627\u0645\u0644\" }\r\n                ]\r\n            },\r\n            offers: { title: \"\u0622\u0641\u0631\u0647\u0627\u06cc \u0648\u06cc\u0698\u0647\", icon: \"fa-percent\", colorClass: \"bg-rose-500\/20 text-rose-400\", items: [] }\r\n        };\r\n\r\n        function renderCalculator() {\r\n            return `\r\n                <div class=\"mg-calculator bg-black\/20 border border-pink-500\/30 rounded-2xl p-5 mt-5 animate-[slideUp_0.5s_ease-out]\">\r\n                    <h3 class=\"text-xl font-bold text-white mb-6 border-b border-white\/10 pb-3 flex items-center justify-center\">\r\n                        <i class=\"fa-solid fa-calculator ml-2 text-pink-400\"><\/i>\r\n                        \u0645\u062d\u0627\u0633\u0628\u0647\u200c\u06af\u0631 \u0627\u0642\u0633\u0627\u0637 \u0647\u0648\u0634\u0645\u0646\u062f\r\n                    <\/h3>\r\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n                        <div class=\"space-y-4\">\r\n                            <div class=\"mb-4\">\r\n                                <label class=\"block text-pink-200 text-sm mb-1\">\u0645\u0628\u0644\u063a \u06a9\u0644 \u062a\u0648\u0631 (\u062a\u0648\u0645\u0627\u0646)<\/label>\r\n                                <input type=\"text\" id=\"mg-total-price\" class=\"w-full bg-white\/10 border border-white\/20 text-white p-2 rounded-lg\" placeholder=\"\u0645\u062b\u0644\u0627\u064b 100,000,000\" value=\"100,000,000\">\r\n                            <\/div>\r\n                            <div class=\"mb-4\">\r\n                                <label class=\"block text-pink-200 text-sm mb-1\">\u067e\u06cc\u0634 \u067e\u0631\u062f\u0627\u062e\u062a (\u062a\u0648\u0645\u0627\u0646)<\/label>\r\n                                <input type=\"text\" id=\"mg-down-payment\" class=\"w-full bg-white\/10 border border-white\/20 text-white p-2 rounded-lg\" placeholder=\"\u0645\u062b\u0644\u0627\u064b 0\" value=\"0\">\r\n                            <\/div>\r\n                            <div class=\"grid grid-cols-2 gap-4\">\r\n                                <div>\r\n                                    <label class=\"block text-pink-200 text-sm mb-1\">\u062a\u0639\u062f\u0627\u062f \u0627\u0642\u0633\u0627\u0637<\/label>\r\n                                    <select id=\"mg-months\" class=\"w-full bg-slate-800 border border-pink-500 text-white p-2 rounded-lg cursor-pointer\" style=\"background-color: #1e293b;\"><option value=\"3\">3 \u0645\u0627\u0647\u0647<\/option><option value=\"6\">6 \u0645\u0627\u0647\u0647<\/option><option value=\"9\">9 \u0645\u0627\u0647\u0647<\/option><option value=\"12\" selected>12 \u0645\u0627\u0647\u0647<\/option><\/select>\r\n                                <\/div>\r\n                                <div>\r\n                                    <label class=\"block text-pink-200 text-sm mb-1\">\u06a9\u0627\u0631\u0645\u0632\u062f<\/label>\r\n                                    <input type=\"text\" value=\"5%\" disabled class=\"w-full bg-white\/10 border border-white\/20 text-white p-2 rounded-lg text-center opacity-70\">\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"flex flex-col justify-center\">\r\n                            <div class=\"bg-gradient-to-br from-pink-500\/20 to-purple-800\/20 rounded-xl p-4 border border-pink-500\/30 text-center\">\r\n                                <div class=\"flex justify-between mb-2 text-sm text-slate-200\"><span>\u0645\u0628\u0644\u063a \u0648\u0627\u0645:<\/span><span id=\"mg-res-loan\" class=\"font-bold text-white\">100,000,000 \u062a\u0648\u0645\u0627\u0646<\/span><\/div>\r\n                                <div class=\"flex justify-between mb-2 text-sm text-slate-200\"><span>\u0633\u0648\u062f \u06a9\u0644:<\/span><span id=\"mg-res-interest\" class=\"font-bold text-pink-300\">60,000,000 \u062a\u0648\u0645\u0627\u0646<\/span><\/div>\r\n                                <div class=\"flex justify-between mb-2 mt-2 pt-2 border-t border-white\/10 text-pink-400 font-bold text-lg\"><span>\u0642\u0633\u0637 \u0645\u0627\u0647\u0627\u0646\u0647:<\/span><span id=\"mg-res-monthly\">13,333,333 \u062a\u0648\u0645\u0627\u0646<\/span><\/div>\r\n                                <div class=\"flex justify-between mt-2 text-white font-bold\"><span>\u062c\u0645\u0639 \u0628\u0627\u0632\u067e\u0631\u062f\u0627\u062e\u062a:<\/span><span id=\"mg-res-total\">160,000,000 \u062a\u0648\u0645\u0627\u0646<\/span><\/div>\r\n                            <\/div>\r\n                            <button class=\"w-full mt-4 bg-gradient-to-r from-pink-600 to-purple-600 hover:from-pink-500 hover:to-purple-500 text-white font-bold py-3 rounded-xl shadow-lg transition-transform hover:-translate-y-1\">\u062b\u0628\u062a \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0648\u0627\u0645<\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            `;\r\n        }\r\n\r\n        function calculateLoan() {\r\n            const totalPrice = parseFloat(document.getElementById('mg-total-price').value.replace(\/,\/g, '')) || 0;\r\n            const downPayment = parseFloat(document.getElementById('mg-down-payment').value.replace(\/,\/g, '')) || 0;\r\n            const months = parseInt(document.getElementById('mg-months').value) || 12;\r\n            const rate = 0.05; \r\n            let loanAmount = totalPrice - downPayment; if (loanAmount < 0) loanAmount = 0;\r\n            const totalInterest = loanAmount * rate * months;\r\n            const totalRepayment = loanAmount + totalInterest;\r\n            const monthlyPayment = months > 0 ? totalRepayment \/ months : 0;\r\n            const fmt = (n) => n.toLocaleString('fa-IR') + ' \u062a\u0648\u0645\u0627\u0646';\r\n            document.getElementById('mg-res-loan').textContent = fmt(loanAmount);\r\n            document.getElementById('mg-res-interest').textContent = fmt(totalInterest);\r\n            document.getElementById('mg-res-monthly').textContent = fmt(Math.round(monthlyPayment));\r\n            document.getElementById('mg-res-total').textContent = fmt(totalRepayment);\r\n        }\r\n\r\n        window.mgOpenModal = function(type) {\r\n            const categoryData = mgData[type];\r\n            if (!categoryData) return;\r\n            const modalOverlay = document.getElementById('mg-modal-overlay');\r\n            const modalContent = document.getElementById('mg-modal-content');\r\n            const modalTitle = document.getElementById('mg-modal-title');\r\n            const modalIconContainer = document.getElementById('mg-modal-icon-container');\r\n            const modalGrid = document.getElementById('mg-modal-grid');\r\n            const calculatorContainer = document.getElementById('mg-calculator-container');\r\n\r\n            modalTitle.textContent = categoryData.title;\r\n            modalIconContainer.className = `w-16 h-16 mx-auto rounded-full flex items-center justify-center mb-3 text-2xl shadow-lg ${categoryData.colorClass}`;\r\n            modalIconContainer.innerHTML = `<i class=\"fa-solid ${categoryData.icon}\"><\/i>`;\r\n\r\n            let boxesHTML = '';\r\n            if(categoryData.items && categoryData.items.length > 0) {\r\n                categoryData.items.forEach((item, index) => {\r\n                    let hoverClass = '', iconColor = '';\r\n                    if (type === 'installments') { hoverClass = 'hover:border-pink-400 hover:shadow-pink-500\/20'; iconColor = 'text-pink-400'; }\r\n                    else if (type === 'top10') { hoverClass = 'hover:border-blue-400 hover:shadow-blue-500\/20'; iconColor = 'text-blue-400'; }\r\n                    else if (type === 'vip') { hoverClass = 'hover:border-yellow-400 hover:shadow-yellow-500\/20'; iconColor = 'text-yellow-400'; }\r\n                    else { hoverClass = 'hover:border-rose-400 hover:shadow-rose-500\/20'; iconColor = 'text-rose-400'; }\r\n\r\n                    boxesHTML += `\r\n                        <div class=\"mg-box-item bg-slate-700\/40 border border-slate-600 rounded-2xl p-4 text-center cursor-pointer transition-all duration-300 hover:-translate-y-2 hover:bg-slate-700 ${hoverClass}\" style=\"opacity:0; transform: translateY(20px); transition: all 0.3s ease; transition-delay: ${index * 80}ms\">\r\n                            <div class=\"${iconColor} text-3xl mb-3 opacity-90\"><i class=\"fa-solid ${item.icon}\"><\/i><\/div>\r\n                            <h3 class=\"font-bold text-white text-sm mb-1\">${item.title}<\/h3>\r\n                            <p class=\"text-[10px] text-gray-400\">${item.desc}<\/p>\r\n                        <\/div>\r\n                    `;\r\n                });\r\n            } else { boxesHTML = '<p class=\"text-white text-center w-full col-span-full\">\u0645\u062d\u062a\u0648\u0627\u06cc \u0627\u06cc\u0646 \u0628\u062e\u0634 \u0628\u0647 \u0632\u0648\u062f\u06cc \u0627\u0636\u0627\u0641\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>'; }\r\n            modalGrid.innerHTML = boxesHTML;\r\n\r\n            if (type === 'installments') {\r\n                calculatorContainer.innerHTML = renderCalculator();\r\n                calculatorContainer.style.display = 'block';\r\n                const priceInput = document.getElementById('mg-total-price');\r\n                const downInput = document.getElementById('mg-down-payment');\r\n                const monthsInput = document.getElementById('mg-months');\r\n                const formatAndCalc = (e) => {\r\n                    let val = e.target.value.replace(\/\\D\/g, '');\r\n                    if(val) e.target.value = parseInt(val).toLocaleString('en-US'); else e.target.value = '';\r\n                    calculateLoan();\r\n                };\r\n                priceInput.addEventListener('input', formatAndCalc);\r\n                downInput.addEventListener('input', formatAndCalc);\r\n                monthsInput.addEventListener('change', calculateLoan);\r\n                calculateLoan();\r\n            } else { calculatorContainer.innerHTML = ''; calculatorContainer.style.display = 'none'; }\r\n\r\n            modalOverlay.style.display = 'flex';\r\n            modalOverlay.classList.remove('hidden'); \/\/ Tailwind override\r\n            setTimeout(() => {\r\n                modalContent.style.display = 'block';\r\n                modalContent.classList.remove('hidden'); \/\/ Tailwind override\r\n                setTimeout(() => {\r\n                    const items = document.querySelectorAll('.mg-box-item');\r\n                    items.forEach(item => { item.style.opacity = '1'; item.style.transform = 'translateY(0)'; });\r\n                }, 50);\r\n            }, 50);\r\n        };\r\n\r\n        window.mgCloseModal = function() {\r\n            document.getElementById('mg-modal-overlay').style.display = 'none';\r\n            document.getElementById('mg-modal-content').style.display = 'none';\r\n        };\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-76e48f2 e-con e-atomic-element e-flexbox-base e-beddf22 \" data-id=\"76e48f2\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"76e48f2\" data-e-type=\"e-flexbox\" data-id=\"76e48f2\">\n    \t\t<div class=\"elementor-element elementor-element-16e5ca7 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"16e5ca7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     MINA GASHT \u2014 UNIFIED SUITE  (v2)\r\n     \u06f1) \u06a9\u0627\u0631\u0648\u0633\u0644 \u0645\u0642\u0627\u0635\u062f (Swiper + \u06a9\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u0641\u0644\u06cc\u067e)\r\n     \u06f2) \u06a9\u0627\u0631\u062a \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u062e\u062f\u0645\u0627\u062a \u0648\u06cc\u0632\u0627 (\u0627\u0633\u0644\u0627\u06cc\u062f\u0631 \u0639\u0645\u0648\u062f\u06cc \u2014 \u06f3 \u062a\u0635\u0648\u06cc\u0631)\r\n     \u06f3) \u0648\u06cc\u062c\u062a \u0633\u0641\u0631 \u0627\u0642\u0633\u0627\u0637\u06cc (\u0645\u062d\u0627\u0633\u0628\u0647\u200c\u06af\u0631)\r\n     ============================================================ -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/cdn.jsdelivr.net\" crossorigin>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/gh\/rastikerdar\/vazirmatn@v33.003\/Vazirmatn-font-face.css\">\r\n\r\n<style>\r\n\/* ============================================================\r\n   0) \u062a\u0648\u06a9\u0646\u200c\u0647\u0627\u06cc \u0645\u0634\u062a\u0631\u06a9 \u0637\u0631\u0627\u062d\u06cc\r\n   ============================================================ *\/\r\n#mg-suite {\r\n    --mg-navy:        #000080;\r\n    --mg-navy-soft:   #1e3a8a;\r\n    --mg-blue:        #2563eb;\r\n    --mg-blue-deep:   #1d4ed8;\r\n    --mg-crimson:     #ce1414;\r\n    --mg-crimson-dk:  #b91c1c;\r\n    --mg-gold:        #ffd700;\r\n    --mg-amber:       #f59e0b;\r\n    --mg-green:       #16a34a;\r\n\r\n    --mg-ink:         #111827;\r\n    --mg-ink-2:       #1f2937;\r\n    --mg-ink-3:       #374151;\r\n    --mg-muted:       #555555;\r\n\r\n    --mg-glass:       rgba(255, 255, 255, 0.95);\r\n    --mg-shadow-sm:   0 5px 15px rgba(0, 0, 0, 0.05);\r\n    --mg-shadow-md:   0 8px 32px 0 rgba(31, 38, 135, 0.15);\r\n    --mg-shadow-lg:   0 20px 50px 0 rgba(0, 0, 128, 0.25);\r\n\r\n    --mg-r-sm:  12px;\r\n    --mg-r-md:  16px;\r\n    --mg-r-lg:  24px;\r\n    --mg-r-xl:  32px;\r\n    --mg-r-pill: 50px;\r\n\r\n    --mg-ease:  cubic-bezier(0.4, 0.2, 0.2, 1);\r\n    --mg-bounce: cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n\r\n    font-family: 'Vazirmatn', system-ui, -apple-system, \"Segoe UI\", sans-serif;\r\n    direction: rtl;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    position: relative;\r\n}\r\n\r\n#mg-suite *,\r\n#mg-suite *::before,\r\n#mg-suite *::after { box-sizing: border-box; }\r\n\r\n#mg-suite img { max-width: 100%; }\r\n\r\n#mg-suite a:focus-visible,\r\n#mg-suite button:focus-visible,\r\n#mg-suite input:focus-visible,\r\n#mg-suite [tabindex]:focus-visible {\r\n    outline: 3px solid var(--mg-blue);\r\n    outline-offset: 3px;\r\n    border-radius: 8px;\r\n}\r\n\r\n#mg-suite .mg-reveal {\r\n    opacity: 0;\r\n    transform: translateY(26px);\r\n    transition: opacity .7s var(--mg-ease), transform .7s var(--mg-ease);\r\n    transition-delay: var(--mg-delay, 0ms);\r\n}\r\n#mg-suite .mg-reveal.mg-in {\r\n    opacity: 1;\r\n    transform: none;\r\n}\r\n\r\n\/* ============================================================\r\n   1) \u0628\u062e\u0634 \u0645\u0642\u0627\u0635\u062f \u2014 \u06a9\u0627\u0631\u0648\u0633\u0644 \u06a9\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u0641\u0644\u06cc\u067e\r\n   ============================================================ *\/\r\n#mg-suite .gp-section {\r\n    width: 100%;\r\n    position: relative;\r\n    padding: 60px 0;\r\n    overflow: hidden;\r\n    background: transparent;\r\n}\r\n\r\n#mg-suite .gp-marketing-section {\r\n    text-align: center;\r\n    margin-bottom: 50px;\r\n    padding: 0 20px;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n#mg-suite .gp-marketing-title {\r\n    font-size: 2.5rem;\r\n    font-weight: 900;\r\n    color: var(--mg-navy);\r\n    margin: 0 0 15px;\r\n    line-height: 1.2;\r\n    letter-spacing: -0.02em;\r\n    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n#mg-suite .gp-marketing-title::after {\r\n    content: '';\r\n    display: block;\r\n    width: 88px;\r\n    height: 4px;\r\n    margin: 14px auto 0;\r\n    border-radius: 999px;\r\n    background: linear-gradient(90deg, var(--mg-navy), var(--mg-crimson), var(--mg-gold));\r\n}\r\n\r\n#mg-suite .gp-marketing-desc {\r\n    font-size: 1.1rem;\r\n    color: var(--mg-muted);\r\n    max-width: 700px;\r\n    margin: 0 auto;\r\n    line-height: 1.9;\r\n}\r\n\r\n#mg-suite .gp-brand-name {\r\n    color: var(--mg-crimson);\r\n    font-weight: 800;\r\n}\r\n\r\n#mg-suite .gp-hint {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    margin-top: 12px;\r\n    padding: 5px 14px;\r\n    border-radius: 999px;\r\n    background: rgba(206, 20, 20, 0.08);\r\n    color: var(--mg-crimson);\r\n    font-size: .82rem;\r\n    font-weight: 600;\r\n}\r\n\r\n#mg-suite .gp-hint svg { width: 15px; height: 15px; fill: currentColor; }\r\n\r\n\/* --- \u0627\u0633\u062a\u06cc\u062c \u06a9\u0627\u0631\u0648\u0633\u0644 --- *\/\r\n#mg-suite .gp-stage {\r\n    width: 100%;\r\n    position: relative;\r\n    \/* \u062a\u0627 \u0648\u0642\u062a\u06cc Swiper \u0622\u0645\u0627\u062f\u0647 \u0646\u0634\u062f\u0647\u060c \u06a9\u0627\u0631\u062a\u200c\u0647\u0627 \u067e\u062e\u0634\u200c\u0648\u067e\u0644\u0627 \u062f\u06cc\u062f\u0647 \u0646\u0634\u0648\u0646\u062f *\/\r\n    min-height: 420px;\r\n}\r\n\r\n#mg-suite .gp-swiper-container {\r\n    width: 100%;\r\n    padding: 20px 0 60px;\r\n    perspective: 1000px;\r\n    opacity: 0;\r\n    transition: opacity .45s ease;\r\n    \/* \u0645\u0647\u0645: \u0645\u062d\u0627\u0633\u0628\u0627\u062a \u0645\u0631\u06a9\u0632-\u0686\u06cc\u0646\u06cc \u0633\u0648\u0627\u06cc\u067e\u0631 \u062f\u0631 \u062d\u0627\u0644\u062a RTL \u062f\u0686\u0627\u0631 \u0627\u0646\u062d\u0631\u0627\u0641 \u0645\u06cc\u200c\u0634\u0648\u062f.\r\n       \u06a9\u0627\u0646\u062a\u06cc\u0646\u0631 LTR \u0645\u06cc\u200c\u0645\u0627\u0646\u062f \u0648 \u0631\u0627\u0633\u062a\u200c\u0686\u06cc\u0646\u06cc \u062f\u0627\u062e\u0644 \u062e\u0648\u062f \u06a9\u0627\u0631\u062a\u200c\u0647\u0627 \u0627\u0639\u0645\u0627\u0644 \u0645\u06cc\u200c\u0634\u0648\u062f. *\/\r\n    direction: ltr;\r\n}\r\n\r\n#mg-suite .gp-swiper-container.mg-ready { opacity: 1; }\r\n\r\n#mg-suite .gp-swiper-container .swiper-wrapper {\r\n    align-items: center;\r\n}\r\n\r\n#mg-suite .gp-swiper-container .swiper-slide {\r\n    width: 300px !important;\r\n    height: 380px !important;\r\n    background: transparent !important;\r\n    border: none !important;\r\n    box-shadow: none !important;\r\n    perspective: 1000px;\r\n    cursor: pointer;\r\n    display: flex !important;\r\n    flex-direction: column;\r\n    flex-shrink: 0;\r\n}\r\n\r\n#mg-suite .gp-flip-inner {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100%;\r\n    text-align: center;\r\n    direction: rtl;\r\n    transition: transform .6s var(--mg-ease), box-shadow .4s ease;\r\n    transform-style: preserve-3d;\r\n    border-radius: var(--mg-r-lg);\r\n    box-shadow: var(--mg-shadow-md);\r\n    will-change: transform;\r\n}\r\n\r\n#mg-suite .gp-flip-inner.flipped { transform: rotateY(180deg); }\r\n\r\n#mg-suite .gp-flip-front,\r\n#mg-suite .gp-flip-back {\r\n    position: absolute;\r\n    inset: 0;\r\n    -webkit-backface-visibility: hidden;\r\n    backface-visibility: hidden;\r\n    border-radius: var(--mg-r-lg);\r\n    border: 1px solid #ffffff;\r\n    background: var(--mg-glass);\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    padding: 15px;\r\n    overflow: hidden;\r\n}\r\n\r\n#mg-suite .gp-flip-front {\r\n    z-index: 2;\r\n    justify-content: flex-start;\r\n}\r\n\r\n#mg-suite .gp-flip-back {\r\n    transform: rotateY(180deg);\r\n    background: linear-gradient(135deg, #f0f4ff 0%, #ffffff 100%);\r\n    justify-content: space-between;\r\n    padding: 20px 20px 25px;\r\n}\r\n\r\n#mg-suite .swiper-slide-active:hover .gp-flip-inner { box-shadow: var(--mg-shadow-lg); }\r\n#mg-suite .swiper-slide-active:hover .gp-flip-inner:not(.flipped) { transform: translateY(-5px); }\r\n\r\n#mg-suite .gp-flip-badge {\r\n    position: absolute;\r\n    top: 24px;\r\n    left: 24px;\r\n    width: 30px;\r\n    height: 30px;\r\n    border-radius: 50%;\r\n    background: rgba(0, 0, 128, 0.88);\r\n    color: #fff;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 3;\r\n    transition: transform .4s var(--mg-bounce), background .3s ease;\r\n}\r\n#mg-suite .gp-flip-badge svg { width: 15px; height: 15px; fill: currentColor; }\r\n#mg-suite .swiper-slide:hover .gp-flip-badge {\r\n    transform: rotate(180deg);\r\n    background: var(--mg-crimson);\r\n}\r\n\r\n#mg-suite .gp-image-container {\r\n    width: 100%;\r\n    height: 200px;\r\n    border-radius: var(--mg-r-md);\r\n    overflow: hidden;\r\n    margin-bottom: 20px;\r\n    box-shadow: var(--mg-shadow-sm);\r\n    flex-shrink: 0;\r\n    background: #e9edf5;\r\n    position: relative;\r\n}\r\n\r\n#mg-suite .gp-image-container::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: auto 0 0 0;\r\n    height: 45%;\r\n    background: linear-gradient(to top, rgba(0, 0, 40, 0.28), transparent);\r\n    pointer-events: none;\r\n}\r\n\r\n#mg-suite .gp-image-container img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: transform .6s ease;\r\n}\r\n\r\n#mg-suite .swiper-slide:hover .gp-image-container img { transform: scale(1.1); }\r\n\r\n#mg-suite .gp-service-title {\r\n    font-size: 20px;\r\n    font-weight: 800;\r\n    margin: 0 0 8px;\r\n    color: var(--mg-navy);\r\n    line-height: 1.4;\r\n}\r\n\r\n#mg-suite .gp-subtitle {\r\n    font-size: 14px;\r\n    color: #666;\r\n    font-weight: 500;\r\n}\r\n\r\n#mg-suite .gp-back-title {\r\n    color: var(--mg-crimson);\r\n    font-size: 1.3rem;\r\n    margin: 5px 0 10px;\r\n    font-weight: 900;\r\n    border-bottom: 2px solid #eee;\r\n    padding-bottom: 8px;\r\n    width: 100%;\r\n    line-height: 1.4;\r\n}\r\n\r\n#mg-suite .gp-back-list {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0;\r\n    width: 100%;\r\n    text-align: right;\r\n    flex-grow: 1;\r\n}\r\n\r\n#mg-suite .gp-back-list li {\r\n    margin-bottom: 8px;\r\n    font-size: .9rem;\r\n    color: #333;\r\n    display: flex;\r\n    align-items: center;\r\n    line-height: 1.6;\r\n}\r\n\r\n#mg-suite .gp-back-list li::before {\r\n    content: '\u2714';\r\n    color: var(--mg-navy);\r\n    margin-left: 8px;\r\n    font-size: 1.1rem;\r\n    flex-shrink: 0;\r\n}\r\n\r\n#mg-suite .gp-call-box {\r\n    background: var(--mg-crimson);\r\n    color: #fff;\r\n    border-radius: var(--mg-r-pill);\r\n    padding: 8px 15px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-decoration: none;\r\n    position: relative;\r\n    animation: gp-pulse-red 1.5s infinite;\r\n    margin-top: 10px;\r\n}\r\n\r\n#mg-suite .gp-call-text {\r\n    font-size: .85rem;\r\n    font-weight: 400;\r\n    margin-bottom: 2px;\r\n    opacity: .9;\r\n}\r\n\r\n#mg-suite .gp-call-number-row {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-weight: 800;\r\n    font-size: 1.1rem;\r\n    direction: ltr;\r\n    color: #fff;\r\n}\r\n\r\n#mg-suite .gp-phone-icon {\r\n    width: 18px;\r\n    height: 18px;\r\n    fill: #fff;\r\n    margin-right: 8px;\r\n    animation: gp-phone-ring .5s infinite cubic-bezier(0.36, 0.07, 0.19, 0.97) both;\r\n    transform-origin: 50% 0;\r\n}\r\n\r\n@keyframes gp-pulse-red {\r\n    0%   { box-shadow: 0 0 0 0 rgba(206, 20, 20, .7); transform: scale(.98); }\r\n    70%  { box-shadow: 0 0 0 10px rgba(206, 20, 20, 0); transform: scale(1); }\r\n    100% { box-shadow: 0 0 0 0 rgba(206, 20, 20, 0); transform: scale(.98); }\r\n}\r\n\r\n@keyframes gp-phone-ring {\r\n    0%   { transform: rotate(0) translate(0, 0); }\r\n    25%  { transform: rotate(15deg); }\r\n    50%  { transform: rotate(0deg); }\r\n    75%  { transform: rotate(-15deg); }\r\n    100% { transform: rotate(0) translate(0, 0); }\r\n}\r\n\r\n#mg-suite .gp-cta-container {\r\n    text-align: center;\r\n    margin-top: 20px;\r\n}\r\n\r\n#mg-suite .gp-cta-button {\r\n    display: inline-block;\r\n    background: linear-gradient(135deg, var(--mg-navy) 0%, #0040ff 100%);\r\n    color: #fff !important;\r\n    padding: 15px 50px;\r\n    font-size: 1.2rem;\r\n    font-weight: 700;\r\n    border-radius: var(--mg-r-pill);\r\n    text-decoration: none !important;\r\n    box-shadow: 0 10px 20px rgba(0, 0, 128, .3);\r\n    transition: transform .3s ease, box-shadow .3s ease;\r\n    position: relative;\r\n    overflow: hidden;\r\n    border: none;\r\n    cursor: pointer;\r\n}\r\n\r\n#mg-suite .gp-cta-button:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 15px 30px rgba(0, 0, 128, .4);\r\n}\r\n\r\n#mg-suite .gp-cta-button::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: -100%;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .4), transparent);\r\n    transition: left .5s ease;\r\n}\r\n\r\n#mg-suite .gp-cta-button:hover::after { left: 100%; }\r\n\r\n#mg-suite .gp-swiper-container .swiper-pagination {\r\n    position: relative;\r\n    bottom: 0;\r\n    margin-top: 18px;\r\n}\r\n\r\n#mg-suite .gp-swiper-container .swiper-pagination-bullet {\r\n    background: #aaa;\r\n    opacity: .5;\r\n    transition: all .3s ease;\r\n}\r\n\r\n#mg-suite .gp-swiper-container .swiper-pagination-bullet-active {\r\n    background-color: var(--mg-navy) !important;\r\n    width: 30px !important;\r\n    border-radius: 15px !important;\r\n    opacity: 1;\r\n}\r\n\r\n\/* ============================================================\r\n   2) \u0628\u062e\u0634 \u0648\u06cc\u0632\u0627\r\n   ============================================================ *\/\r\n#mg-suite .mgv-wrapper {\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    padding: 20px;\r\n}\r\n\r\n#mg-suite .mgv-glass-card {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 40px;\r\n    padding: 50px;\r\n    width: 100%;\r\n    max-width: 1000px;\r\n    background: rgba(255, 255, 255, .15);\r\n    backdrop-filter: blur(25px);\r\n    -webkit-backdrop-filter: blur(25px);\r\n    border: 1px solid rgba(255, 255, 255, .3);\r\n    box-shadow:\r\n        0 8px 32px 0 rgba(31, 38, 135, .2),\r\n        inset 0 0 15px rgba(255, 255, 255, .2);\r\n    border-radius: var(--mg-r-lg);\r\n    direction: rtl;\r\n    overflow: hidden;\r\n}\r\n\r\n#mg-suite .mgv-content {\r\n    flex: 1;\r\n    text-align: right;\r\n    z-index: 2;\r\n}\r\n\r\n#mg-suite .mgv-title {\r\n    font-size: 2.5rem;\r\n    font-weight: 800;\r\n    margin: 0 0 20px;\r\n    line-height: 1.4;\r\n    background: linear-gradient(45deg,\r\n        #ff4d6d, #e11d48, #be123c, var(--mg-gold), #b45309, #881337, #4c0519);\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n    color: transparent;\r\n    -webkit-text-fill-color: transparent;\r\n}\r\n\r\n#mg-suite .mgv-desc {\r\n    font-size: 1.1rem;\r\n    color: #334155;\r\n    text-shadow: 0 1px 1px rgba(255, 255, 255, .8);\r\n    margin: 0 0 30px;\r\n    line-height: 1.9;\r\n}\r\n\r\n#mg-suite .mgv-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 12px 35px;\r\n    background: linear-gradient(135deg, var(--mg-blue) 0%, var(--mg-blue-deep) 100%);\r\n    color: #fff !important;\r\n    text-decoration: none !important;\r\n    border-radius: var(--mg-r-pill);\r\n    font-weight: 700;\r\n    box-shadow: 0 4px 15px rgba(37, 99, 235, .3);\r\n    transition: transform .3s ease, box-shadow .3s ease;\r\n    border: none;\r\n}\r\n\r\n#mg-suite .mgv-btn:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 8px 20px rgba(37, 99, 235, .4);\r\n}\r\n\r\n#mg-suite .mgv-btn svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    fill: currentColor;\r\n    transition: transform .3s ease;\r\n}\r\n\r\n#mg-suite .mgv-btn:hover svg { transform: translateX(-4px); }\r\n\r\n#mg-suite .mgv-image-box {\r\n    flex: 1;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    border: 4px solid rgba(255, 255, 255, .4);\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, .15);\r\n    position: relative;\r\n    aspect-ratio: 1 \/ 1;\r\n    z-index: 1;\r\n    background: #e9edf5;\r\n}\r\n\r\n\/* \u062a\u0639\u062f\u0627\u062f \u0627\u0633\u0644\u0627\u06cc\u062f\u0647\u0627 \u0628\u0627 \u0645\u062a\u063a\u06cc\u0631 --mgv-count \u062a\u0646\u0638\u06cc\u0645 \u0645\u06cc\u200c\u0634\u0648\u062f (\u0627\u06cc\u0646\u062c\u0627 \u06f3) *\/\r\n#mg-suite .mgv-slider-track {\r\n    --mgv-count: 3;\r\n    display: flex;\r\n    flex-direction: column;\r\n    width: 100%;\r\n    height: calc(var(--mgv-count) * 100%);\r\n    transform: translateY(0);\r\n    transition: transform 1s var(--mg-ease);\r\n    will-change: transform;\r\n}\r\n\r\n#mg-suite .mgv-slide {\r\n    width: 100%;\r\n    height: calc(100% \/ var(--mgv-count));\r\n    flex-shrink: 0;\r\n}\r\n\r\n#mg-suite .mgv-slide img {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: block;\r\n    object-fit: cover;\r\n}\r\n\r\n#mg-suite .mgv-dots {\r\n    position: absolute;\r\n    bottom: 14px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    display: flex;\r\n    gap: 8px;\r\n    padding: 7px 12px;\r\n    border-radius: 999px;\r\n    background: rgba(15, 23, 42, .35);\r\n    backdrop-filter: blur(6px);\r\n    -webkit-backdrop-filter: blur(6px);\r\n    z-index: 3;\r\n}\r\n\r\n#mg-suite .mgv-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 999px;\r\n    border: none;\r\n    padding: 0;\r\n    background: rgba(255, 255, 255, .5);\r\n    cursor: pointer;\r\n    transition: width .35s var(--mg-ease), background .35s ease;\r\n}\r\n\r\n#mg-suite .mgv-dot.is-active {\r\n    width: 26px;\r\n    background: #fff;\r\n}\r\n\r\n\/* ============================================================\r\n   3) \u0628\u062e\u0634 \u0633\u0641\u0631 \u0627\u0642\u0633\u0627\u0637\u06cc\r\n   ============================================================ *\/\r\n#mg-suite .mgi-section {\r\n    position: relative;\r\n    width: 100%;\r\n    padding: 16px;\r\n    border-radius: var(--mg-r-sm);\r\n    overflow: hidden;\r\n    isolation: isolate;\r\n}\r\n\r\n#mg-suite .mgi-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -1;\r\n    background-image: url('https:\/\/minagasht.com\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_yof4b6yof4b6yof4-scaled.png');\r\n    background-size: cover;\r\n    background-position: center;\r\n    transform: scale(1.06);\r\n}\r\n\r\n#mg-suite .mgi-inner {\r\n    width: 100%;\r\n    max-width: 1024px;\r\n    margin: 0 auto;\r\n}\r\n\r\n#mg-suite .mgi-panel {\r\n    background: rgba(255, 255, 255, .35);\r\n    backdrop-filter: blur(14px);\r\n    -webkit-backdrop-filter: blur(14px);\r\n    border: 1px solid rgba(255, 255, 255, .5);\r\n    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, .37);\r\n    border-radius: var(--mg-r-xl);\r\n    padding: 20px;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n#mg-suite .mgi-blob {\r\n    display: none;\r\n    position: absolute;\r\n    width: 160px;\r\n    height: 160px;\r\n    border-radius: 50%;\r\n    mix-blend-mode: multiply;\r\n    filter: blur(48px);\r\n    opacity: .3;\r\n    pointer-events: none;\r\n    animation: mgi-blob 9s ease-in-out infinite;\r\n}\r\n\r\n#mg-suite .mgi-blob-a { top: -80px; left: -80px; background: #3b82f6; }\r\n#mg-suite .mgi-blob-b { bottom: -80px; right: -80px; background: #a855f7; animation-delay: 2s; }\r\n\r\n@keyframes mgi-blob {\r\n    0%, 100% { transform: translate(0, 0) scale(1); }\r\n    33%      { transform: translate(18px, -14px) scale(1.08); }\r\n    66%      { transform: translate(-14px, 12px) scale(.95); }\r\n}\r\n\r\n#mg-suite .mgi-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    gap: 32px;\r\n    align-items: center;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n#mg-suite .mgi-copy {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 20px;\r\n    text-align: right;\r\n}\r\n\r\n#mg-suite .mgi-heading {\r\n    font-size: 1.5rem;\r\n    font-weight: 700;\r\n    color: var(--mg-navy-soft);\r\n    line-height: 1.35;\r\n    margin: 0 0 8px;\r\n}\r\n\r\n#mg-suite .mgi-deep-red {\r\n    color: var(--mg-crimson-dk);\r\n    font-weight: 900;\r\n    text-shadow: 0 1px 1px rgba(255, 255, 255, .2);\r\n}\r\n\r\n#mg-suite .mgi-gradient-luxury {\r\n    display: block;\r\n    margin-top: 4px;\r\n    font-size: 1.875rem;\r\n    line-height: 1.4;\r\n    font-weight: 900;\r\n    background: linear-gradient(90deg,\r\n        #8B0000 0%, #DC143C 20%, var(--mg-gold) 40%, #FF4500 50%,\r\n        var(--mg-gold) 60%, #DC143C 80%, #8B0000 100%);\r\n    background-size: 200% auto;\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n    color: transparent;\r\n    -webkit-text-fill-color: transparent;\r\n    animation: mgi-shine 5s linear infinite;\r\n    text-shadow: none;\r\n}\r\n\r\n@keyframes mgi-shine { to { background-position: 200% center; } }\r\n\r\n#mg-suite .mgi-subheading {\r\n    font-size: 1rem;\r\n    font-weight: 500;\r\n    color: var(--mg-ink);\r\n    opacity: .9;\r\n    margin: 8px 0 0;\r\n}\r\n\r\n#mg-suite .mgi-lead {\r\n    color: var(--mg-ink);\r\n    line-height: 1.85;\r\n    font-weight: 500;\r\n    font-size: .875rem;\r\n    background: rgba(255, 255, 255, .3);\r\n    padding: 8px;\r\n    border-radius: 10px;\r\n    margin: 0;\r\n}\r\n\r\n#mg-suite .mgi-lead strong {\r\n    color: var(--mg-crimson-dk);\r\n    font-size: 1rem;\r\n    font-weight: 900;\r\n}\r\n\r\n#mg-suite .mgi-features {\r\n    list-style: none;\r\n    margin: 8px 0 0;\r\n    padding: 0 4px 0 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n}\r\n\r\n#mg-suite .mgi-feature {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n#mg-suite .mgi-feature-icon {\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 50%;\r\n    background: rgba(255, 255, 255, .8);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);\r\n    flex-shrink: 0;\r\n    animation: mgi-float 3s ease-in-out infinite;\r\n    transition: transform .3s ease;\r\n}\r\n\r\n#mg-suite .mgi-feature:hover .mgi-feature-icon { transform: scale(1.1); }\r\n#mg-suite .mgi-feature-icon svg { width: 20px; height: 20px; fill: currentColor; }\r\n\r\n#mg-suite .mgi-icon-blue  { color: var(--mg-blue); }\r\n#mg-suite .mgi-icon-amber { color: var(--mg-amber); animation-delay: .5s; }\r\n#mg-suite .mgi-icon-green { color: var(--mg-green); animation-delay: 1s; }\r\n\r\n@keyframes mgi-float {\r\n    0%, 100% { transform: translateY(0); }\r\n    50%      { transform: translateY(-6px); }\r\n}\r\n\r\n#mg-suite .mgi-feature-text {\r\n    font-weight: 700;\r\n    color: var(--mg-ink);\r\n    font-size: .875rem;\r\n}\r\n\r\n#mg-suite .mgi-card {\r\n    background: rgba(255, 255, 255, .5);\r\n    backdrop-filter: blur(14px);\r\n    -webkit-backdrop-filter: blur(14px);\r\n    border: 1px solid rgba(255, 255, 255, .6);\r\n    border-radius: var(--mg-r-lg);\r\n    padding: 20px;\r\n    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .05);\r\n    width: 100%;\r\n    max-width: 448px;\r\n    margin: 0 auto;\r\n}\r\n\r\n#mg-suite .mgi-card-head { text-align: center; margin-bottom: 20px; }\r\n\r\n#mg-suite .mgi-card-title {\r\n    font-size: 1.125rem;\r\n    font-weight: 700;\r\n    color: var(--mg-ink);\r\n    margin: 0;\r\n}\r\n\r\n#mg-suite .mgi-card-sub {\r\n    font-size: .75rem;\r\n    color: var(--mg-ink-2);\r\n    font-weight: 500;\r\n    margin: 4px 0 0;\r\n}\r\n\r\n#mg-suite .mgi-form {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n    margin: 0;\r\n}\r\n\r\n#mg-suite .mgi-label {\r\n    display: block;\r\n    font-size: .875rem;\r\n    font-weight: 700;\r\n    color: var(--mg-ink-2);\r\n    margin-bottom: 8px;\r\n}\r\n\r\n#mg-suite .mgi-input-shell { position: relative; }\r\n\r\n#mg-suite .mgi-input {\r\n    width: 100%;\r\n    padding: 12px 16px 12px 62px;\r\n    border-radius: var(--mg-r-sm);\r\n    background: rgba(255, 255, 255, .6);\r\n    border: 1px solid rgba(255, 255, 255, .4);\r\n    backdrop-filter: blur(4px);\r\n    -webkit-backdrop-filter: blur(4px);\r\n    font-family: inherit;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    color: var(--mg-ink);\r\n    text-align: right;\r\n    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);\r\n    transition: box-shadow .2s ease, background .2s ease;\r\n}\r\n\r\n#mg-suite .mgi-input::placeholder { color: #6b7280; font-weight: 500; }\r\n\r\n#mg-suite .mgi-input:focus {\r\n    outline: none;\r\n    background: rgba(255, 255, 255, .8);\r\n    box-shadow: 0 0 0 3px rgba(37, 99, 235, .45);\r\n}\r\n\r\n#mg-suite .mgi-input-suffix {\r\n    position: absolute;\r\n    left: 14px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    font-size: .875rem;\r\n    font-weight: 700;\r\n    color: var(--mg-ink-3);\r\n    pointer-events: none;\r\n}\r\n\r\n#mg-suite .mgi-range-head {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-bottom: 8px;\r\n}\r\n\r\n#mg-suite .mgi-range-value {\r\n    color: #1e40af;\r\n    font-weight: 700;\r\n    background: rgba(255, 255, 255, .5);\r\n    padding: 2px 10px;\r\n    border-radius: 8px;\r\n    font-size: .9rem;\r\n}\r\n\r\n#mg-suite .mgi-range {\r\n    width: 100%;\r\n    height: 8px;\r\n    border-radius: 999px;\r\n    background: #d1d5db;\r\n    appearance: none;\r\n    -webkit-appearance: none;\r\n    cursor: pointer;\r\n    direction: ltr;\r\n    accent-color: var(--mg-blue);\r\n}\r\n\r\n#mg-suite .mgi-range::-webkit-slider-thumb {\r\n    -webkit-appearance: none;\r\n    width: 22px;\r\n    height: 22px;\r\n    border-radius: 50%;\r\n    background: var(--mg-blue);\r\n    border: 3px solid #fff;\r\n    box-shadow: 0 2px 8px rgba(37, 99, 235, .5);\r\n    cursor: pointer;\r\n    transition: transform .2s var(--mg-bounce);\r\n}\r\n\r\n#mg-suite .mgi-range::-webkit-slider-thumb:active { transform: scale(1.2); }\r\n\r\n#mg-suite .mgi-range::-moz-range-thumb {\r\n    width: 22px;\r\n    height: 22px;\r\n    border-radius: 50%;\r\n    background: var(--mg-blue);\r\n    border: 3px solid #fff;\r\n    box-shadow: 0 2px 8px rgba(37, 99, 235, .5);\r\n    cursor: pointer;\r\n}\r\n\r\n#mg-suite .mgi-range-scale {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    font-size: .75rem;\r\n    color: var(--mg-ink-2);\r\n    margin-top: 4px;\r\n    padding: 0 4px;\r\n    font-weight: 500;\r\n}\r\n\r\n#mg-suite .mgi-result {\r\n    background: rgba(30, 58, 138, .1);\r\n    border: 1px solid rgba(30, 58, 138, .1);\r\n    border-radius: var(--mg-r-sm);\r\n    padding: 16px;\r\n    margin-top: 4px;\r\n    backdrop-filter: blur(4px);\r\n    -webkit-backdrop-filter: blur(4px);\r\n}\r\n\r\n#mg-suite .mgi-result-label {\r\n    display: block;\r\n    font-size: .875rem;\r\n    color: var(--mg-ink);\r\n    font-weight: 700;\r\n    margin-bottom: 4px;\r\n}\r\n\r\n#mg-suite .mgi-result-value {\r\n    text-align: center;\r\n    display: block;\r\n}\r\n\r\n#mg-suite .mgi-amount {\r\n    font-size: 1.5rem;\r\n    font-weight: 900;\r\n    color: var(--mg-navy-soft);\r\n    font-variant-numeric: tabular-nums;\r\n}\r\n\r\n#mg-suite .mgi-currency {\r\n    font-size: .875rem;\r\n    font-weight: 700;\r\n    color: var(--mg-navy-soft);\r\n    margin-right: 4px;\r\n}\r\n\r\n#mg-suite .mgi-actions {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    padding-top: 8px;\r\n}\r\n\r\n#mg-suite .mgi-btn-call {\r\n    position: relative;\r\n    overflow: hidden;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 100%;\r\n    height: 56px;\r\n    border-radius: var(--mg-r-sm);\r\n    color: #fff;\r\n    font-weight: 700;\r\n    font-size: 1.125rem;\r\n    text-decoration: none !important;\r\n    background: linear-gradient(135deg, #007aff 0%, #00c6ff 100%);\r\n    box-shadow: 0 4px 15px rgba(0, 122, 255, .4);\r\n    transition: background .4s ease, box-shadow .4s ease, transform .2s ease;\r\n    -webkit-tap-highlight-color: transparent;\r\n}\r\n\r\n#mg-suite .mgi-btn-call:hover,\r\n#mg-suite .mgi-btn-call:active {\r\n    background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%);\r\n    box-shadow: 0 4px 15px rgba(220, 38, 38, .5);\r\n    transform: scale(1.02);\r\n}\r\n\r\n#mg-suite .mgi-btn-call:active { transform: scale(.95); }\r\n\r\n#mg-suite .mgi-btn-face,\r\n#mg-suite .mgi-btn-face-alt {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    width: 100%;\r\n    height: 100%;\r\n    transition: transform .4s var(--mg-bounce), opacity .3s ease;\r\n}\r\n\r\n#mg-suite .mgi-btn-face-alt {\r\n    position: absolute;\r\n    inset: 0;\r\n    transform: translateY(100%);\r\n    opacity: 0;\r\n}\r\n\r\n#mg-suite .mgi-btn-call:hover .mgi-btn-face,\r\n#mg-suite .mgi-btn-call:active .mgi-btn-face {\r\n    transform: translateY(-100%);\r\n    opacity: 0;\r\n}\r\n\r\n#mg-suite .mgi-btn-call:hover .mgi-btn-face-alt,\r\n#mg-suite .mgi-btn-call:active .mgi-btn-face-alt {\r\n    transform: translateY(0);\r\n    opacity: 1;\r\n}\r\n\r\n#mg-suite .mgi-btn-call svg { width: 16px; height: 16px; fill: currentColor; flex-shrink: 0; }\r\n#mg-suite .mgi-btn-call:hover .mgi-icon-ring { animation: mgi-ring 1s ease infinite; }\r\n\r\n#mg-suite .mgi-phone-number {\r\n    font-size: 1.25rem;\r\n    letter-spacing: .05em;\r\n    font-family: system-ui, sans-serif;\r\n    direction: ltr;\r\n}\r\n\r\n@keyframes mgi-ring {\r\n    0%   { transform: rotate(0deg); }\r\n    10%  { transform: rotate(15deg); }\r\n    20%  { transform: rotate(-15deg); }\r\n    30%  { transform: rotate(10deg); }\r\n    40%  { transform: rotate(-10deg); }\r\n    50%, 100% { transform: rotate(0deg); }\r\n}\r\n\r\n#mg-suite .mgi-btn-gold {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    width: 100%;\r\n    height: 56px;\r\n    border-radius: var(--mg-r-sm);\r\n    font-weight: 700;\r\n    font-size: 1.125rem;\r\n    text-decoration: none !important;\r\n    background: linear-gradient(135deg, var(--mg-gold) 0%, #FFA500 100%);\r\n    color: #7c2d12;\r\n    box-shadow: 0 4px 15px rgba(255, 165, 0, .5);\r\n    transition: transform .2s ease, box-shadow .3s ease;\r\n    -webkit-tap-highlight-color: transparent;\r\n}\r\n\r\n#mg-suite .mgi-btn-gold:hover { transform: scale(1.02); box-shadow: 0 8px 22px rgba(255, 165, 0, .6); }\r\n#mg-suite .mgi-btn-gold:active { transform: scale(.95); }\r\n#mg-suite .mgi-btn-gold svg { width: 16px; height: 16px; fill: currentColor; }\r\n\r\n#mg-suite .mgi-note {\r\n    font-size: 10px;\r\n    text-align: center;\r\n    color: var(--mg-ink-3);\r\n    margin: 16px 0 0;\r\n    font-weight: 500;\r\n}\r\n\r\n\/* ============================================================\r\n   4) \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648\r\n   ============================================================ *\/\r\n@media (min-width: 768px) {\r\n    #mg-suite .mgi-section { padding: 24px; }\r\n    #mg-suite .mgi-panel { padding: 32px; }\r\n    #mg-suite .mgi-blob { display: block; }\r\n    #mg-suite .mgi-heading { font-size: 1.875rem; }\r\n    #mg-suite .mgi-gradient-luxury { font-size: 2.25rem; }\r\n    #mg-suite .mgi-subheading { font-size: 1.125rem; }\r\n    #mg-suite .mgi-lead { font-size: 1rem; background: transparent; padding: 0; }\r\n    #mg-suite .mgi-feature-text { font-size: 1.125rem; }\r\n    #mg-suite .mgi-card { padding: 24px; }\r\n    #mg-suite .mgi-card-title { font-size: 1.25rem; }\r\n    #mg-suite .mgi-card-sub { font-size: .875rem; }\r\n    #mg-suite .mgi-amount { font-size: 1.875rem; }\r\n    #mg-suite .mgi-form { gap: 20px; }\r\n    #mg-suite .mgi-copy { gap: 24px; }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    #mg-suite .mgi-panel { padding: 40px; }\r\n    #mg-suite .mgi-grid { grid-template-columns: 1fr 1fr; gap: 48px; }\r\n    #mg-suite .mgi-card { max-width: 100%; }\r\n    #mg-suite .mgi-heading { font-size: 2.25rem; }\r\n    #mg-suite .mgi-gradient-luxury { font-size: 3rem; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    #mg-suite .gp-section { padding: 40px 0; }\r\n    #mg-suite .gp-marketing-title { font-size: 1.8rem; }\r\n    #mg-suite .gp-marketing-desc { font-size: .95rem; }\r\n    #mg-suite .gp-stage { min-height: 390px; }\r\n    #mg-suite .gp-swiper-container .swiper-slide { width: 260px !important; height: 350px !important; }\r\n\r\n    #mg-suite .mgv-glass-card {\r\n        flex-direction: column-reverse;\r\n        padding: 30px 20px;\r\n        gap: 25px;\r\n        text-align: center;\r\n    }\r\n    #mg-suite .mgv-title { font-size: 1.8rem; }\r\n    #mg-suite .mgv-content { text-align: center; }\r\n    #mg-suite .mgv-image-box { width: 100%; max-width: 400px; }\r\n}\r\n\r\n\/* ============================================================\r\n   5) \u06a9\u0627\u0647\u0634 \u062d\u0631\u06a9\u062a\r\n   ============================================================ *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n    #mg-suite *,\r\n    #mg-suite *::before,\r\n    #mg-suite *::after {\r\n        animation-duration: .001ms !important;\r\n        animation-iteration-count: 1 !important;\r\n        transition-duration: .001ms !important;\r\n    }\r\n    #mg-suite .mg-reveal { opacity: 1; transform: none; }\r\n    #mg-suite .gp-swiper-container { opacity: 1; }\r\n}\r\n<\/style>\r\n\r\n\r\n<div id=\"mg-suite\" dir=\"rtl\">\r\n\r\n    <!-- ========================================================\r\n         \u0628\u062e\u0634 \u06f1 \u2014 \u0645\u0642\u0627\u0635\u062f \u0645\u062d\u0628\u0648\u0628\r\n         ======================================================== -->\r\n    <section class=\"gp-section\" aria-labelledby=\"gp-heading\">\r\n\r\n        <div class=\"gp-marketing-section mg-reveal\">\r\n            <h2 class=\"gp-marketing-title\" id=\"gp-heading\">\u0631\u0648\u06cc\u0627\u06cc \u0633\u0641\u0631 \u0628\u0627 <span class=\"gp-brand-name\">\u0645\u06cc\u0646\u0627 \u06af\u0634\u062a<\/span><\/h2>\r\n            <p class=\"gp-marketing-desc\">\r\n                \u0645\u0627 \u062f\u0631 <strong>\u0633\u0641\u0631\u0647\u0627\u06cc \u0645\u06cc\u0646\u0627 \u06af\u0634\u062a  <\/strong> \u0628\u0627\u0648\u0631 \u062f\u0627\u0631\u06cc\u0645 \u06a9\u0647 \u0633\u0641\u0631 \u062a\u0646\u0647\u0627 \u06cc\u06a9 \u062c\u0627\u0628\u062c\u0627\u06cc\u06cc \u0646\u06cc\u0633\u062a\u060c \u0628\u0644\u06a9\u0647 \u062a\u062c\u0631\u0628\u0647\u200c\u0627\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0631\u0648\u062d \u0634\u0645\u0627 \u0631\u0627 \u062a\u0627\u0632\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f.\r\n                \u0628\u0627 \u0628\u0647\u062a\u0631\u06cc\u0646 \u062a\u0648\u0631\u0647\u0627\u06cc \u0644\u062d\u0638\u0647 \u0622\u062e\u0631\u06cc \u0648 \u062e\u062f\u0645\u0627\u062a VIP\u060c \u062f\u0631\u0648\u0627\u0632\u0647\u200c\u0647\u0627\u06cc \u062c\u0647\u0627\u0646 \u0631\u0627 \u0628\u0647 \u0631\u0648\u06cc \u062e\u0648\u062f \u0628\u06af\u0634\u0627\u06cc\u06cc\u062f.\r\n                <br>\r\n                <span class=\"gp-hint\">\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm1 15h-2v-6h2zm0-8h-2V7h2z\"\/><\/svg>\r\n                    (\u0628\u0631\u0627\u06cc \u0645\u0634\u0627\u0647\u062f\u0647 \u062c\u0632\u0626\u06cc\u0627\u062a \u0631\u0648\u06cc \u06a9\u0627\u0631\u062a\u200c\u0647\u0627 \u06a9\u0644\u06cc\u06a9 \u06a9\u0646\u06cc\u062f)\r\n                <\/span>\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"gp-stage mg-reveal\" style=\"--mg-delay:120ms\">\r\n            <div class=\"swiper gp-swiper-container\">\r\n                <div class=\"swiper-wrapper\">\r\n\r\n                    <!-- \u0627\u0633\u0644\u0627\u06cc\u062f \u06f1: \u062f\u0628\u06cc -->\r\n                    <div class=\"swiper-slide\" data-mg-flip role=\"button\" tabindex=\"0\" aria-pressed=\"false\" aria-label=\"\u062c\u0632\u0626\u06cc\u0627\u062a \u062a\u0648\u0631 \u062f\u0628\u06cc\">\r\n                        <div class=\"gp-flip-inner\">\r\n                            <div class=\"gp-flip-front\">\r\n                                <span class=\"gp-flip-badge\" aria-hidden=\"true\">\r\n                                    <svg viewBox=\"0 0 24 24\"><path d=\"M12 5V1L7 6l5 5V7a6 6 0 1 1-6 6H4a8 8 0 1 0 8-8z\"\/><\/svg>\r\n                                <\/span>\r\n                                <div class=\"gp-image-container\">\r\n                                    <img loading=\"lazy\" src=\"https:\/\/minagasht.com\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_7jyt207jyt207jyt.png\" alt=\"\u062a\u0648\u0631 \u062f\u0628\u06cc\" loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"200\">\r\n                                <\/div>\r\n                                <h3 class=\"gp-service-title\">\u062f\u0628\u06cc\u061b \u0634\u0647\u0631 \u0622\u06cc\u0646\u062f\u0647<\/h3>\r\n                                <span class=\"gp-subtitle\">\u062a\u0648\u0631\u0647\u0627\u06cc \u0644\u0648\u06a9\u0633 \u0648 \u062e\u0631\u06cc\u062f<\/span>\r\n                            <\/div>\r\n                            <div class=\"gp-flip-back\">\r\n                                <h4 class=\"gp-back-title\">\u0686\u0631\u0627 \u062f\u0628\u06cc\u061f<\/h4>\r\n                                <ul class=\"gp-back-list\">\r\n                                    <li>\u0628\u0627\u0632\u062f\u06cc\u062f \u0627\u0632 \u0628\u0644\u0646\u062f\u062a\u0631\u06cc\u0646 \u0628\u0631\u062c \u062c\u0647\u0627\u0646 (\u062e\u0644\u06cc\u0641\u0647)<\/li>\r\n                                    <li>\u0647\u06cc\u062c\u0627\u0646 \u0633\u0627\u0641\u0627\u0631\u06cc \u062f\u0631 \u0635\u062d\u0631\u0627<\/li>\r\n                                    <li>\u067e\u0627\u0631\u06a9 \u0622\u0628\u06cc \u0622\u062a\u0644\u0627\u0646\u062a\u06cc\u0633<\/li>\r\n                                    <li>\u062e\u0631\u06cc\u062f \u062f\u0631 \u062f\u0628\u06cc \u0645\u0627\u0644<\/li>\r\n                                <\/ul>\r\n                                <a href=\"tel:02191099399\" class=\"gp-call-box\">\r\n                                    <span class=\"gp-call-text\">\u0633\u0631\u06cc\u0639\u200c\u062a\u0631\u06cc\u0646 \u0631\u0632\u0631\u0648<\/span>\r\n                                    <span class=\"gp-call-number-row\">\r\n                                        <svg class=\"gp-phone-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                                            <path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/>\r\n                                        <\/svg>\r\n                                        02191099399\r\n                                    <\/span>\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- \u0627\u0633\u0644\u0627\u06cc\u062f \u06f2: \u0627\u0633\u062a\u0627\u0646\u0628\u0648\u0644 -->\r\n                    <div class=\"swiper-slide\" data-mg-flip role=\"button\" tabindex=\"0\" aria-pressed=\"false\" aria-label=\"\u062c\u0632\u0626\u06cc\u0627\u062a \u062a\u0648\u0631 \u0627\u0633\u062a\u0627\u0646\u0628\u0648\u0644\">\r\n                        <div class=\"gp-flip-inner\">\r\n                            <div class=\"gp-flip-front\">\r\n                                <span class=\"gp-flip-badge\" aria-hidden=\"true\">\r\n                                    <svg viewBox=\"0 0 24 24\"><path d=\"M12 5V1L7 6l5 5V7a6 6 0 1 1-6 6H4a8 8 0 1 0 8-8z\"\/><\/svg>\r\n                                <\/span>\r\n                                <div class=\"gp-image-container\">\r\n                                    <img loading=\"lazy\" src=\"https:\/\/minagasht.com\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_oa9vjsoa9vjsoa9v.png\" alt=\"\u062a\u0648\u0631 \u0627\u0633\u062a\u0627\u0646\u0628\u0648\u0644\" loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"200\">\r\n                                <\/div>\r\n                                <h3 class=\"gp-service-title\">\u0627\u0633\u062a\u0627\u0646\u0628\u0648\u0644\u061b \u0645\u0631\u0632 \u062f\u0648 \u0642\u0627\u0631\u0647<\/h3>\r\n                                <span class=\"gp-subtitle\">\u062a\u0627\u0631\u06cc\u062e\u060c \u062e\u0631\u06cc\u062f \u0648 \u062a\u0641\u0631\u06cc\u062d<\/span>\r\n                            <\/div>\r\n                            <div class=\"gp-flip-back\">\r\n                                <h4 class=\"gp-back-title\">\u062c\u0627\u0630\u0628\u0647\u200c\u0647\u0627\u06cc \u0627\u0633\u062a\u0627\u0646\u0628\u0648\u0644<\/h4>\r\n                                <ul class=\"gp-back-list\">\r\n                                    <li>\u0645\u0633\u062c\u062f \u0628\u0627\u0634\u06a9\u0648\u0647 \u0627\u06cc\u0627\u0635\u0648\u0641\u06cc\u0647<\/li>\r\n                                    <li>\u0634\u0628\u200c\u06af\u0631\u062f\u06cc \u062f\u0631 \u0645\u06cc\u062f\u0627\u0646 \u062a\u06a9\u0633\u06cc\u0645<\/li>\r\n                                    <li>\u06a9\u0634\u062a\u06cc\u200c\u0633\u0648\u0627\u0631\u06cc \u062f\u0631 \u062a\u0646\u06af\u0647 \u0628\u0633\u0641\u0631<\/li>\r\n                                    <li>\u062e\u0631\u06cc\u062f \u0627\u0631\u0632\u0627\u0646 \u062f\u0631 \u0628\u0627\u0632\u0627\u0631 \u0628\u0632\u0631\u06af<\/li>\r\n                                <\/ul>\r\n                                <a href=\"tel:02191099399\" class=\"gp-call-box\">\r\n                                    <span class=\"gp-call-text\">\u0633\u0631\u06cc\u0639\u200c\u062a\u0631\u06cc\u0646 \u0631\u0632\u0631\u0648<\/span>\r\n                                    <span class=\"gp-call-number-row\">\r\n                                        <svg class=\"gp-phone-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                                            <path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/>\r\n                                        <\/svg>\r\n                                        02191099399\r\n                                    <\/span>\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- \u0627\u0633\u0644\u0627\u06cc\u062f \u06f3: \u0639\u0645\u0627\u0646 -->\r\n                    <div class=\"swiper-slide\" data-mg-flip role=\"button\" tabindex=\"0\" aria-pressed=\"false\" aria-label=\"\u062c\u0632\u0626\u06cc\u0627\u062a \u062a\u0648\u0631 \u0639\u0645\u0627\u0646\">\r\n                        <div class=\"gp-flip-inner\">\r\n                            <div class=\"gp-flip-front\">\r\n                                <span class=\"gp-flip-badge\" aria-hidden=\"true\">\r\n                                    <svg viewBox=\"0 0 24 24\"><path d=\"M12 5V1L7 6l5 5V7a6 6 0 1 1-6 6H4a8 8 0 1 0 8-8z\"\/><\/svg>\r\n                                <\/span>\r\n                                <div class=\"gp-image-container\">\r\n                                    <img loading=\"lazy\" src=\"https:\/\/minagasht.com\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_dhyxmodhyxmodhyx.png\" alt=\"\u062a\u0648\u0631 \u0639\u0645\u0627\u0646\" loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"200\">\r\n                                <\/div>\r\n                                <h3 class=\"gp-service-title\">\u0639\u0645\u0627\u0646\u061b \u0646\u06af\u06cc\u0646 \u062e\u0627\u0648\u0631\u0645\u06cc\u0627\u0646\u0647<\/h3>\r\n                                <span class=\"gp-subtitle\">\u0622\u0631\u0627\u0645\u0634 \u0648 \u0637\u0628\u06cc\u0639\u062a \u0628\u06a9\u0631<\/span>\r\n                            <\/div>\r\n                            <div class=\"gp-flip-back\">\r\n                                <h4 class=\"gp-back-title\">\u0634\u06af\u0641\u062a\u06cc\u200c\u0647\u0627\u06cc \u0639\u0645\u0627\u0646<\/h4>\r\n                                <ul class=\"gp-back-list\">\r\n                                    <li>\u0634\u0646\u0627 \u062f\u0631 \u0622\u0628\u200c\u0647\u0627\u06cc \u0641\u06cc\u0631\u0648\u0632\u0647\u200c\u0627\u06cc \u0648\u0627\u062f\u06cc \u0634\u0627\u0628<\/li>\r\n                                    <li>\u0628\u0627\u0632\u0627\u0631 \u0633\u0646\u062a\u06cc \u0645\u0633\u0642\u0637 (\u0645\u0637\u0631\u062e)<\/li>\r\n                                    <li>\u0622\u0631\u0627\u0645\u0634 \u062f\u0631 \u0633\u0648\u0627\u062d\u0644 \u0635\u0644\u0627\u0644\u0647<\/li>\r\n                                    <li>\u062a\u0648\u0631 \u06a9\u0648\u06cc\u0631 \u0634\u0646\u06cc \u0648\u0647\u06cc\u0628\u0647<\/li>\r\n                                <\/ul>\r\n                                <a href=\"tel:02191099399\" class=\"gp-call-box\">\r\n                                    <span class=\"gp-call-text\">\u0633\u0631\u06cc\u0639\u200c\u062a\u0631\u06cc\u0646 \u0631\u0632\u0631\u0648<\/span>\r\n                                    <span class=\"gp-call-number-row\">\r\n                                        <svg class=\"gp-phone-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                                            <path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/>\r\n                                        <\/svg>\r\n                                        02191099399\r\n                                    <\/span>\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- \u0627\u0633\u0644\u0627\u06cc\u062f \u06f4: \u0627\u0631\u0648\u067e\u0627 -->\r\n                    <div class=\"swiper-slide\" data-mg-flip role=\"button\" tabindex=\"0\" aria-pressed=\"false\" aria-label=\"\u062c\u0632\u0626\u06cc\u0627\u062a \u062a\u0648\u0631 \u062f\u0648\u0631 \u0627\u0631\u0648\u067e\u0627\">\r\n                        <div class=\"gp-flip-inner\">\r\n                            <div class=\"gp-flip-front\">\r\n                                <span class=\"gp-flip-badge\" aria-hidden=\"true\">\r\n                                    <svg viewBox=\"0 0 24 24\"><path d=\"M12 5V1L7 6l5 5V7a6 6 0 1 1-6 6H4a8 8 0 1 0 8-8z\"\/><\/svg>\r\n                                <\/span>\r\n                                <div class=\"gp-image-container\">\r\n                                    <img loading=\"lazy\" src=\"https:\/\/minagasht.com\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_2qni572qni572qni.png\" alt=\"\u062a\u0648\u0631 \u0627\u0631\u0648\u067e\u0627\" loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"200\">\r\n                                <\/div>\r\n                                <h3 class=\"gp-service-title\">\u062a\u0648\u0631 \u062f\u0648\u0631 \u0627\u0631\u0648\u067e\u0627<\/h3>\r\n                                <span class=\"gp-subtitle\">\u0641\u0631\u0627\u0646\u0633\u0647\u060c \u0627\u06cc\u062a\u0627\u0644\u06cc\u0627\u060c \u0627\u0633\u067e\u0627\u0646\u06cc\u0627<\/span>\r\n                            <\/div>\r\n                            <div class=\"gp-flip-back\">\r\n                                <h4 class=\"gp-back-title\">\u062e\u0627\u0637\u0631\u0647\u200c\u0633\u0627\u0632\u06cc \u062f\u0631 \u0627\u0631\u0648\u067e\u0627<\/h4>\r\n                                <ul class=\"gp-back-list\">\r\n                                    <li>\u0639\u06a9\u0633 \u06cc\u0627\u062f\u06af\u0627\u0631\u06cc \u0628\u0627 \u0628\u0631\u062c \u0627\u06cc\u0641\u0644<\/li>\r\n                                    <li>\u0642\u062f\u0645 \u0632\u062f\u0646 \u062f\u0631 \u062a\u0627\u0631\u06cc\u062e \u0631\u0645<\/li>\r\n                                    <li>\u0633\u0627\u062d\u0644\u200c\u0647\u0627\u06cc \u0622\u0641\u062a\u0627\u0628\u06cc \u0628\u0627\u0631\u0633\u0644\u0648\u0646<\/li>\r\n                                    <li>\u0642\u0627\u06cc\u0642\u200c\u0633\u0648\u0627\u0631\u06cc \u062f\u0631 \u0648\u0646\u06cc\u0632<\/li>\r\n                                <\/ul>\r\n                                <a href=\"tel:02191099399\" class=\"gp-call-box\">\r\n                                    <span class=\"gp-call-text\">\u0633\u0631\u06cc\u0639\u200c\u062a\u0631\u06cc\u0646 \u0631\u0632\u0631\u0648<\/span>\r\n                                    <span class=\"gp-call-number-row\">\r\n                                        <svg class=\"gp-phone-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                                            <path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/>\r\n                                        <\/svg>\r\n                                        02191099399\r\n                                    <\/span>\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- \u0627\u0633\u0644\u0627\u06cc\u062f \u06f5: \u06af\u0631\u062c\u0633\u062a\u0627\u0646 -->\r\n                    <div class=\"swiper-slide\" data-mg-flip role=\"button\" tabindex=\"0\" aria-pressed=\"false\" aria-label=\"\u062c\u0632\u0626\u06cc\u0627\u062a \u062a\u0648\u0631 \u06af\u0631\u062c\u0633\u062a\u0627\u0646\">\r\n                        <div class=\"gp-flip-inner\">\r\n                            <div class=\"gp-flip-front\">\r\n                                <span class=\"gp-flip-badge\" aria-hidden=\"true\">\r\n                                    <svg viewBox=\"0 0 24 24\"><path d=\"M12 5V1L7 6l5 5V7a6 6 0 1 1-6 6H4a8 8 0 1 0 8-8z\"\/><\/svg>\r\n                                <\/span>\r\n                                <div class=\"gp-image-container\">\r\n                                    <img loading=\"lazy\" src=\"https:\/\/minagasht.com\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_mu8f2jmu8f2jmu8f.png\" alt=\"\u062a\u0648\u0631 \u06af\u0631\u062c\u0633\u062a\u0627\u0646\" loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"200\">\r\n                                <\/div>\r\n                                <h3 class=\"gp-service-title\">\u06af\u0631\u062c\u0633\u062a\u0627\u0646\u061b \u062a\u0641\u0644\u06cc\u0633 \u0632\u06cc\u0628\u0627<\/h3>\r\n                                <span class=\"gp-subtitle\">\u0645\u0642\u0635\u062f \u0645\u062d\u0628\u0648\u0628 \u0627\u06cc\u0631\u0627\u0646\u06cc\u0627\u0646<\/span>\r\n                            <\/div>\r\n                            <div class=\"gp-flip-back\">\r\n                                <h4 class=\"gp-back-title\">\u0632\u06cc\u0628\u0627\u06cc\u06cc\u200c\u0647\u0627\u06cc \u062a\u0641\u0644\u06cc\u0633<\/h4>\r\n                                <ul class=\"gp-back-list\">\r\n                                    <li>\u062a\u0644\u0647\u200c\u06a9\u0627\u0628\u06cc\u0646 \u0648 \u0645\u062c\u0633\u0645\u0647 \u0645\u0627\u062f\u0631<\/li>\r\n                                    <li>\u067e\u0644 \u0635\u0644\u062d \u0648 \u067e\u0627\u0631\u06a9 \u0631\u06cc\u06a9\u0647<\/li>\r\n                                    <li>\u062d\u0645\u0627\u0645\u200c\u0647\u0627\u06cc \u0633\u0646\u062a\u06cc \u06af\u0648\u06af\u0631\u062f\u06cc<\/li>\r\n                                    <li>\u062e\u06cc\u0627\u0628\u0627\u0646 \u0631\u0648\u0633\u062a\u0627\u0648\u0644\u06cc<\/li>\r\n                                <\/ul>\r\n                                <a href=\"tel:02191099399\" class=\"gp-call-box\">\r\n                                    <span class=\"gp-call-text\">\u0633\u0631\u06cc\u0639\u200c\u062a\u0631\u06cc\u0646 \u0631\u0632\u0631\u0648<\/span>\r\n                                    <span class=\"gp-call-number-row\">\r\n                                        <svg class=\"gp-phone-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                                            <path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/>\r\n                                        <\/svg>\r\n                                        02191099399\r\n                                    <\/span>\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- \u0627\u0633\u0644\u0627\u06cc\u062f \u06f6: \u0627\u0631\u0645\u0646\u0633\u062a\u0627\u0646 -->\r\n                    <div class=\"swiper-slide\" data-mg-flip role=\"button\" tabindex=\"0\" aria-pressed=\"false\" aria-label=\"\u062c\u0632\u0626\u06cc\u0627\u062a \u062a\u0648\u0631 \u0627\u0631\u0645\u0646\u0633\u062a\u0627\u0646\">\r\n                        <div class=\"gp-flip-inner\">\r\n                            <div class=\"gp-flip-front\">\r\n                                <span class=\"gp-flip-badge\" aria-hidden=\"true\">\r\n                                    <svg viewBox=\"0 0 24 24\"><path d=\"M12 5V1L7 6l5 5V7a6 6 0 1 1-6 6H4a8 8 0 1 0 8-8z\"\/><\/svg>\r\n                                <\/span>\r\n                                <div class=\"gp-image-container\">\r\n                                    <img loading=\"lazy\" src=\"https:\/\/minagasht.com\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_iuyjgniuyjgniuyj.png\" alt=\"\u062a\u0648\u0631 \u0627\u0631\u0645\u0646\u0633\u062a\u0627\u0646\" loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"200\">\r\n                                <\/div>\r\n                                <h3 class=\"gp-service-title\">\u0627\u0631\u0645\u0646\u0633\u062a\u0627\u0646<\/h3>\r\n                                <span class=\"gp-subtitle\">\u0633\u0641\u0631 \u0632\u0645\u06cc\u0646\u06cc \u0648 \u0647\u0648\u0627\u06cc\u06cc \u0627\u0631\u0632\u0627\u0646<\/span>\r\n                            <\/div>\r\n                            <div class=\"gp-flip-back\">\r\n                                <h4 class=\"gp-back-title\">\u062f\u06cc\u062f\u0646\u06cc\u200c\u0647\u0627\u06cc \u0627\u06cc\u0631\u0648\u0627\u0646<\/h4>\r\n                                <ul class=\"gp-back-list\">\r\n                                    <li>\u0645\u06cc\u062f\u0627\u0646 \u062c\u0645\u0647\u0648\u0631\u06cc \u0648 \u0641\u0648\u0627\u0631\u0647\u200c\u0647\u0627<\/li>\r\n                                    <li>\u0647\u0632\u0627\u0631 \u067e\u0644\u0647 (\u06a9\u0627\u0633\u06a9\u0627\u062f)<\/li>\r\n                                    <li>\u062f\u0631\u06cc\u0627\u0686\u0647 \u0632\u06cc\u0628\u0627\u06cc \u0633\u0648\u0627\u0646<\/li>\r\n                                    <li>\u06a9\u0644\u06cc\u0633\u0627\u0647\u0627\u06cc \u062a\u0627\u0631\u06cc\u062e\u06cc<\/li>\r\n                                <\/ul>\r\n                                <a href=\"tel:02191099399\" class=\"gp-call-box\">\r\n                                    <span class=\"gp-call-text\">\u0633\u0631\u06cc\u0639\u200c\u062a\u0631\u06cc\u0646 \u0631\u0632\u0631\u0648<\/span>\r\n                                    <span class=\"gp-call-number-row\">\r\n                                        <svg class=\"gp-phone-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                                            <path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/>\r\n                                        <\/svg>\r\n                                        02191099399\r\n                                    <\/span>\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- \u0627\u0633\u0644\u0627\u06cc\u062f \u06f7: \u0628\u0627\u06a9\u0648 -->\r\n                    <div class=\"swiper-slide\" data-mg-flip role=\"button\" tabindex=\"0\" aria-pressed=\"false\" aria-label=\"\u062c\u0632\u0626\u06cc\u0627\u062a \u062a\u0648\u0631 \u0628\u0627\u06a9\u0648\">\r\n                        <div class=\"gp-flip-inner\">\r\n                            <div class=\"gp-flip-front\">\r\n                                <span class=\"gp-flip-badge\" aria-hidden=\"true\">\r\n                                    <svg viewBox=\"0 0 24 24\"><path d=\"M12 5V1L7 6l5 5V7a6 6 0 1 1-6 6H4a8 8 0 1 0 8-8z\"\/><\/svg>\r\n                                <\/span>\r\n                                <div class=\"gp-image-container\">\r\n                                    <img loading=\"lazy\" src=\"https:\/\/minagasht.com\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_8dqbqy8dqbqy8dqb.png\" alt=\"\u062a\u0648\u0631 \u0628\u0627\u06a9\u0648\" loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"200\">\r\n                                <\/div>\r\n                                <h3 class=\"gp-service-title\">\u0628\u0627\u06a9\u0648<\/h3>\r\n                                <span class=\"gp-subtitle\">\u062a\u0644\u0641\u06cc\u0642 \u0645\u062f\u0631\u0646\u06cc\u062a\u0647 \u0648 \u0633\u0646\u062a<\/span>\r\n                            <\/div>\r\n                            <div class=\"gp-flip-back\">\r\n                                <h4 class=\"gp-back-title\">\u0639\u0631\u0648\u0633 \u0642\u0641\u0642\u0627\u0632<\/h4>\r\n                                <ul class=\"gp-back-list\">\r\n                                    <li>\u0628\u0631\u062c\u200c\u0647\u0627\u06cc \u0634\u0639\u0644\u0647<\/li>\r\n                                    <li>\u0634\u0647\u0631 \u0642\u062f\u06cc\u0645\u06cc (\u0627\u06cc\u0686\u0631\u06cc \u0634\u0647\u0631)<\/li>\r\n                                    <li>\u0645\u0648\u0632\u0647 \u062d\u06cc\u062f\u0631 \u0639\u0644\u06cc\u200c\u0627\u0641<\/li>\r\n                                    <li>\u0628\u0644\u0648\u0627\u0631 \u0633\u0627\u062d\u0644\u06cc \u0628\u0627\u06a9\u0648<\/li>\r\n                                <\/ul>\r\n                                <a href=\"tel:02191099399\" class=\"gp-call-box\">\r\n                                    <span class=\"gp-call-text\">\u0633\u0631\u06cc\u0639\u200c\u062a\u0631\u06cc\u0646 \u0631\u0632\u0631\u0648<\/span>\r\n                                    <span class=\"gp-call-number-row\">\r\n                                        <svg class=\"gp-phone-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                                            <path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/>\r\n                                        <\/svg>\r\n                                        02191099399\r\n                                    <\/span>\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n                <div class=\"swiper-pagination\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"gp-cta-container mg-reveal\" style=\"--mg-delay:200ms\">\r\n            <a href=\"https:\/\/minagasht.com\/tours\" class=\"gp-cta-button\">\u0628\u0631\u0627\u06cc \u0645\u0637\u0627\u0644\u0639\u0647 \u0628\u06cc\u0634\u062a\u0631 \u06a9\u0644\u06cc\u06a9 \u06a9\u0646\u06cc\u062f<\/a>\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- ========================================================\r\n         \u0628\u062e\u0634 \u06f2 \u2014 \u062e\u062f\u0645\u0627\u062a \u0648\u06cc\u0632\u0627\r\n         ======================================================== -->\r\n    <section class=\"mgv-wrapper mg-reveal\" aria-labelledby=\"mgv-heading\">\r\n        <div class=\"mgv-glass-card\">\r\n            <div class=\"mgv-content\">\r\n                <h2 class=\"mgv-title\" id=\"mgv-heading\">\u06a9\u0644\u06cc\u062f \u062f\u0631\u0648\u0627\u0632\u0647\u200c\u0647\u0627\u06cc \u062c\u0647\u0627\u0646 <br> \u062f\u0631 \u062f\u0633\u062a\u0627\u0646 \u0634\u0645\u0627<\/h2>\r\n                <p class=\"mgv-desc\">\r\n                    \u0628\u0627 \u062a\u06cc\u0645 \u0645\u062a\u062e\u0635\u0635 \u0648\u06cc\u0632\u0627\u06cc \u0645\u06cc\u0646\u0627 \u06af\u0634\u062a\u060c \u0645\u0633\u06cc\u0631 \u062f\u0631\u06cc\u0627\u0641\u062a \u0648\u06cc\u0632\u0627\u06cc \u062a\u0648\u0631\u06cc\u0633\u062a\u06cc \u0648 \u062a\u062d\u0635\u06cc\u0644\u06cc \u0647\u0645\u0648\u0627\u0631\u062a\u0631 \u0627\u0632 \u0647\u0645\u06cc\u0634\u0647 \u0627\u0633\u062a. \u062a\u062c\u0631\u0628\u0647 \u0633\u0627\u0644\u200c\u0647\u0627 \u0641\u0639\u0627\u0644\u06cc\u062a \u0645\u0627\u060c \u0636\u0645\u0627\u0646\u062a \u0622\u0631\u0627\u0645\u0634 \u0634\u0645\u0627\u0633\u062a.\r\n                <\/p>\r\n                <a href=\"https:\/\/minagasht.com\/visa-services\/\" class=\"mgv-btn\">\r\n                    \u0628\u0631\u0631\u0633\u06cc \u0634\u0631\u0627\u06cc\u0637 \u0648\u06cc\u0632\u0627\r\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z\"\/><\/svg>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <div class=\"mgv-image-box\" data-mgv-box>\r\n                <div class=\"mgv-slider-track\" data-mgv-track>\r\n                    <div class=\"mgv-slide\">\r\n                        <img src=\"https:\/\/minagasht.com\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_51r20851r20851r2.png\" alt=\"\u062e\u062f\u0645\u0627\u062a \u0648\u06cc\u0632\u0627 \u06f1\" loading=\"lazy\" decoding=\"async\">\r\n                    <\/div>\r\n                    <div class=\"mgv-slide\">\r\n                        <img src=\"https:\/\/minagasht.com\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_-14.png\" alt=\"\u062e\u062f\u0645\u0627\u062a \u0648\u06cc\u0632\u0627 \u06f2\" loading=\"lazy\" decoding=\"async\">\r\n                    <\/div>\r\n                    <div class=\"mgv-slide\">\r\n                        <img src=\"https:\/\/minagasht.com\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_-15.png\" alt=\"\u062e\u062f\u0645\u0627\u062a \u0648\u06cc\u0632\u0627 \u06f3\" loading=\"lazy\" decoding=\"async\">\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"mgv-dots\" data-mgv-dots role=\"tablist\" aria-label=\"\u062a\u0635\u0627\u0648\u06cc\u0631 \u062e\u062f\u0645\u0627\u062a \u0648\u06cc\u0632\u0627\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n\r\n    <!-- ========================================================\r\n         \u0628\u062e\u0634 \u06f3 \u2014 \u0633\u0641\u0631 \u0627\u0642\u0633\u0627\u0637\u06cc\r\n         ======================================================== -->\r\n    <section class=\"mgi-section mg-reveal\" aria-labelledby=\"mgi-heading\">\r\n        <div class=\"mgi-inner\">\r\n            <article class=\"mgi-panel\">\r\n\r\n                <span class=\"mgi-blob mgi-blob-a\" aria-hidden=\"true\"><\/span>\r\n                <span class=\"mgi-blob mgi-blob-b\" aria-hidden=\"true\"><\/span>\r\n\r\n                <div class=\"mgi-grid\">\r\n\r\n                    <div class=\"mgi-copy\">\r\n                        <header>\r\n                            <h2 class=\"mgi-heading\" id=\"mgi-heading\">\r\n                                <span class=\"mgi-deep-red\">\u0627\u0645\u0631\u0648\u0632 \u0633\u0641\u0631 \u0631\u0627 \u0628\u0627 \u0645\u06cc\u0646\u0627 \u06af\u0634\u062a \u0622\u063a\u0627\u0632 \u06a9\u0646\u06cc\u062f<\/span>\u060c <br>\r\n                                <span class=\"mgi-gradient-luxury\">\u0641\u0631\u062f\u0627 \u067e\u0631\u062f\u0627\u062e\u062a \u06a9\u0646\u06cc\u062f!<\/span>\r\n                            <\/h2>\r\n                            <h3 class=\"mgi-subheading\">\u0637\u0631\u062d \u0648\u06cc\u0698\u0647 \u0633\u0641\u0631 \u0627\u0642\u0633\u0627\u0637\u06cc \u0645\u06cc\u0646\u0627\u06af\u0634\u062a<\/h3>\r\n                        <\/header>\r\n\r\n                        <p class=\"mgi-lead\">\r\n                            \u0628\u062f\u0648\u0646 \u0646\u06af\u0631\u0627\u0646\u06cc \u0627\u0632 \u0647\u0632\u06cc\u0646\u0647\u200c\u0647\u0627\u060c \u0686\u0645\u062f\u0627\u0646 \u062e\u0648\u062f \u0631\u0627 \u0628\u0628\u0646\u062f\u06cc\u062f. \u0628\u0627 \u0634\u0631\u0627\u06cc\u0637 \u0627\u0633\u062a\u062b\u0646\u0627\u06cc\u06cc\r\n                            <strong>\u062a\u0648\u0631 \u0647\u0627\u06cc \u0627\u0642\u0633\u0627\u0637\u06cc \u0633\u0641\u0631\u0647\u0627\u06cc \u0645\u06cc\u0646\u0627 \u06af\u0634\u062a<\/strong>\u060c\r\n                            \u0631\u0648\u06cc\u0627\u06cc \u0633\u0641\u0631 \u0628\u0647 \u062f\u0648\u0631 \u062f\u0646\u06cc\u0627 \u0647\u0645\u06cc\u0646 \u062d\u0627\u0644\u0627 \u062f\u0631 \u062f\u0633\u062a\u0631\u0633 \u0634\u0645\u0627\u0633\u062a. \u0628\u062f\u0648\u0646 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0636\u0627\u0645\u0646 \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0648 \u0628\u0627 \u06a9\u0645\u062a\u0631\u06cc\u0646 \u06a9\u0627\u0631\u0645\u0632\u062f.\r\n                        <\/p>\r\n\r\n                        <ul class=\"mgi-features\">\r\n                            <li class=\"mgi-feature\">\r\n                                <span class=\"mgi-feature-icon mgi-icon-blue\" aria-hidden=\"true\">\r\n                                    <svg viewBox=\"0 0 24 24\"><path d=\"M19 3h-1V1h-2v2H8V1H6v2H5a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zm0 18H5V9h14zM10.6 18.4 7 14.8l1.4-1.4 2.2 2.2 4.6-4.6 1.4 1.4z\"\/><\/svg>\r\n                                <\/span>\r\n                                <span class=\"mgi-feature-text\">\u0627\u0642\u0633\u0627\u0637 \u0628\u0644\u0646\u062f \u0645\u062f\u062a (\u062a\u0627 \u06f1\u06f2 \u0645\u0627\u0647)<\/span>\r\n                            <\/li>\r\n                            <li class=\"mgi-feature\">\r\n                                <span class=\"mgi-feature-icon mgi-icon-amber\" aria-hidden=\"true\">\r\n                                    <svg viewBox=\"0 0 24 24\"><path d=\"M11 21h-1l1-7H7.5c-.58 0-.57-.32-.38-.66.19-.34.05-.08.07-.12C8.48 10.94 10.42 7.54 13 3h1l-1 7h3.5c.49 0 .56.33.47.51l-.07.15C12.96 17.55 11 21 11 21z\"\/><\/svg>\r\n                                <\/span>\r\n                                <span class=\"mgi-feature-text\">\u062a\u0627\u06cc\u06cc\u062f \u0641\u0648\u0631\u06cc \u0648 \u0622\u0646\u0644\u0627\u06cc\u0646<\/span>\r\n                            <\/li>\r\n                            <li class=\"mgi-feature\">\r\n                                <span class=\"mgi-feature-icon mgi-icon-green\" aria-hidden=\"true\">\r\n                                    <svg viewBox=\"0 0 24 24\"><path d=\"M7.5 11A3.5 3.5 0 1 1 11 7.5 3.5 3.5 0 0 1 7.5 11zm0-5A1.5 1.5 0 1 0 9 7.5 1.5 1.5 0 0 0 7.5 6zm9 15a3.5 3.5 0 1 1 3.5-3.5 3.5 3.5 0 0 1-3.5 3.5zm0-5a1.5 1.5 0 1 0 1.5 1.5 1.5 1.5 0 0 0-1.5-1.5zM5.4 21 3.99 19.59 18.6 4.98 20.01 6.39z\"\/><\/svg>\r\n                                <\/span>\r\n                                <span class=\"mgi-feature-text\">\u06a9\u0645\u062a\u0631\u06cc\u0646 \u0646\u0631\u062e \u06a9\u0627\u0631\u0645\u0632\u062f \u0628\u0627\u0632\u0627\u0631<\/span>\r\n                            <\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n\r\n                    <div class=\"mgi-card\">\r\n                        <div class=\"mgi-card-head\">\r\n                            <h4 class=\"mgi-card-title\">\u0645\u062d\u0627\u0633\u0628\u0647\u200c\u06af\u0631 \u0627\u0642\u0633\u0627\u0637 \u0633\u0641\u0631<\/h4>\r\n                            <p class=\"mgi-card-sub\">\u0628\u0648\u062f\u062c\u0647 \u0633\u0641\u0631 \u062e\u0648\u062f \u0631\u0627 \u0645\u062f\u06cc\u0631\u06cc\u062a \u06a9\u0646\u06cc\u062f<\/p>\r\n                        <\/div>\r\n\r\n                        <form class=\"mgi-form\" data-mgi-form>\r\n                            <div>\r\n                                <label class=\"mgi-label\" for=\"mgi-tour-price\">\u0645\u0628\u0644\u063a \u062d\u062f\u0648\u062f\u06cc \u062a\u0648\u0631 (\u062a\u0648\u0645\u0627\u0646)<\/label>\r\n                                <div class=\"mgi-input-shell\">\r\n                                    <input type=\"text\" id=\"mgi-tour-price\" class=\"mgi-input\"\r\n                                           placeholder=\"\u0645\u062b\u0644\u0627: \u06f2\u06f0,\u06f0\u06f0\u06f0,\u06f0\u06f0\u06f0\"\r\n                                           aria-label=\"\u0645\u0628\u0644\u063a \u062a\u0648\u0631 \u0628\u0647 \u062a\u0648\u0645\u0627\u0646\"\r\n                                           inputmode=\"numeric\" autocomplete=\"off\">\r\n                                    <span class=\"mgi-input-suffix\">\u062a\u0648\u0645\u0627\u0646<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div>\r\n                                <div class=\"mgi-range-head\">\r\n                                    <label class=\"mgi-label\" for=\"mgi-month-range\" style=\"margin:0\">\u062a\u0639\u062f\u0627\u062f \u0627\u0642\u0633\u0627\u0637<\/label>\r\n                                    <span class=\"mgi-range-value\" id=\"mgi-month-display\" aria-live=\"polite\">6 \u0645\u0627\u0647<\/span>\r\n                                <\/div>\r\n                                <input type=\"range\" id=\"mgi-month-range\" class=\"mgi-range\"\r\n                                       min=\"3\" max=\"12\" step=\"3\" value=\"6\" aria-label=\"\u062a\u0639\u062f\u0627\u062f \u0645\u0627\u0647 \u0627\u0642\u0633\u0627\u0637\">\r\n                                <div class=\"mgi-range-scale\">\r\n                                    <span>12 \u0645\u0627\u0647<\/span>\r\n                                    <span>9 \u0645\u0627\u0647<\/span>\r\n                                    <span>6 \u0645\u0627\u0647<\/span>\r\n                                    <span>3 \u0645\u0627\u0647<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <div class=\"mgi-result\">\r\n                                <span class=\"mgi-result-label\">\u0645\u0628\u0644\u063a \u0647\u0631 \u0642\u0633\u0637:<\/span>\r\n                                <span class=\"mgi-result-value\">\r\n                                    <span class=\"mgi-amount\" id=\"mgi-monthly-payment\">0<\/span>\r\n                                    <span class=\"mgi-currency\">\u062a\u0648\u0645\u0627\u0646<\/span>\r\n                                <\/span>\r\n                            <\/div>\r\n\r\n                            <div class=\"mgi-actions\">\r\n                                <a href=\"tel:02191099399\" class=\"mgi-btn-call\" aria-label=\"\u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u06cc\u0646\u0627\u06af\u0634\u062a\">\r\n                                    <span class=\"mgi-btn-face\">\r\n                                        <span>\u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0645\u0634\u0627\u0648\u0631\u0647 \u0631\u0627\u06cc\u06af\u0627\u0646<\/span>\r\n                                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 1a9 9 0 0 0-9 9v7a3 3 0 0 0 3 3h2v-8H5v-2a7 7 0 0 1 14 0v2h-3v8h3a3 3 0 0 0 3-3v-7a9 9 0 0 0-9-9z\"\/><\/svg>\r\n                                    <\/span>\r\n                                    <span class=\"mgi-btn-face-alt\">\r\n                                        <span class=\"mgi-phone-number\">021-91099399<\/span>\r\n                                        <svg class=\"mgi-icon-ring\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/><\/svg>\r\n                                    <\/span>\r\n                                <\/a>\r\n\r\n                                <a href=\"#\" class=\"mgi-btn-gold\" aria-label=\"\u0645\u0634\u0627\u0647\u062f\u0647 \u062a\u0648\u0631\u0647\u0627\u06cc \u0627\u0642\u0633\u0627\u0637\u06cc\">\r\n                                    <span>\u0645\u0634\u0627\u0647\u062f\u0647 \u062a\u0648\u0631\u0647\u0627\u06cc \u0627\u0642\u0633\u0627\u0637\u06cc<\/span>\r\n                                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M21 16v-2l-8-5V3.5a1.5 1.5 0 0 0-3 0V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5z\"\/><\/svg>\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/form>\r\n\r\n                        <p class=\"mgi-note\">* \u0645\u062d\u0627\u0633\u0628\u0627\u062a \u062a\u0642\u0631\u06cc\u0628\u06cc \u0627\u0633\u062a \u0648 \u0646\u0631\u062e \u0646\u0647\u0627\u06cc\u06cc \u0628\u0631 \u0627\u0633\u0627\u0633 \u0627\u0639\u062a\u0628\u0627\u0631\u0633\u0646\u062c\u06cc \u0645\u0634\u062e\u0635 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/article>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/div>\r\n\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\" defer><\/script>\r\n\r\n<script>\r\n(function () {\r\n    'use strict';\r\n\r\n    var ROOT_ID = 'mg-suite';\r\n\r\n    function onReady(fn) {\r\n        if (document.readyState === 'loading') {\r\n            document.addEventListener('DOMContentLoaded', fn, { once: true });\r\n        } else {\r\n            fn();\r\n        }\r\n    }\r\n\r\n    function whenSwiperReady(cb) {\r\n        var tries = 0;\r\n        (function poll() {\r\n            if (typeof window.Swiper === 'function') { cb(); return; }\r\n            if (++tries > 200) { return; }\r\n            setTimeout(poll, 50);\r\n        })();\r\n    }\r\n\r\n    onReady(function () {\r\n        var root = document.getElementById(ROOT_ID);\r\n        if (!root) { return; }\r\n\r\n        var reduceMotion = window.matchMedia\r\n            ? window.matchMedia('(prefers-reduced-motion: reduce)').matches\r\n            : false;\r\n\r\n        \/* ============================================================\r\n           A) \u0638\u0647\u0648\u0631 \u062a\u062f\u0631\u06cc\u062c\u06cc\r\n           ============================================================ *\/\r\n        (function initReveal() {\r\n            var items = root.querySelectorAll('.mg-reveal');\r\n            if (!items.length) { return; }\r\n\r\n            if (!('IntersectionObserver' in window) || reduceMotion) {\r\n                Array.prototype.forEach.call(items, function (el) { el.classList.add('mg-in'); });\r\n                return;\r\n            }\r\n\r\n            var io = new IntersectionObserver(function (entries) {\r\n                entries.forEach(function (entry) {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add('mg-in');\r\n                        io.unobserve(entry.target);\r\n                    }\r\n                });\r\n            }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\r\n\r\n            Array.prototype.forEach.call(items, function (el) { io.observe(el); });\r\n        })();\r\n\r\n        \/* ============================================================\r\n           B) \u06a9\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u0641\u0644\u06cc\u067e\r\n           ============================================================ *\/\r\n        var flipApi = (function initFlipCards() {\r\n            var cards = root.querySelectorAll('[data-mg-flip]');\r\n            if (!cards.length) { return { anyOpen: function () { return false; }, closeAll: function () {} }; }\r\n\r\n            var openInner = null;\r\n            var openCard  = null;\r\n            var closeAt   = null;\r\n\r\n            function close() {\r\n                if (openInner) { openInner.classList.remove('flipped'); }\r\n                if (openCard)  { openCard.setAttribute('aria-pressed', 'false'); }\r\n                openInner = null;\r\n                openCard  = null;\r\n                if (closeAt) { clearTimeout(closeAt); closeAt = null; }\r\n            }\r\n\r\n            function toggle(card) {\r\n                var inner = card.querySelector('.gp-flip-inner');\r\n                if (!inner) { return; }\r\n                if (inner === openInner) { close(); return; }\r\n                close();\r\n                inner.classList.add('flipped');\r\n                card.setAttribute('aria-pressed', 'true');\r\n                openInner = inner;\r\n                openCard  = card;\r\n                closeAt = setTimeout(close, 5000);\r\n            }\r\n\r\n            Array.prototype.forEach.call(cards, function (card) {\r\n                card.addEventListener('click', function (e) {\r\n                    if (e.target.closest('a')) { return; }\r\n                    toggle(card);\r\n                });\r\n                card.addEventListener('keydown', function (e) {\r\n                    if (e.key === 'Enter' || e.key === ' ' || e.key === 'Spacebar') {\r\n                        e.preventDefault();\r\n                        toggle(card);\r\n                    }\r\n                    if (e.key === 'Escape') { close(); }\r\n                });\r\n                card.addEventListener('mouseenter', function () {\r\n                    if (card === openCard && closeAt) { clearTimeout(closeAt); closeAt = null; }\r\n                });\r\n                card.addEventListener('mouseleave', function () {\r\n                    if (card === openCard && !closeAt) { closeAt = setTimeout(close, 2000); }\r\n                });\r\n            });\r\n\r\n            document.addEventListener('click', function (e) {\r\n                if (openCard && !e.target.closest('[data-mg-flip]')) { close(); }\r\n            });\r\n\r\n            return {\r\n                anyOpen: function () { return openInner !== null; },\r\n                closeAll: close\r\n            };\r\n        })();\r\n\r\n        \/* ============================================================\r\n           C) \u06a9\u0627\u0631\u0648\u0633\u0644 \u2014 \u0645\u0642\u062f\u0627\u0631\u062f\u0647\u06cc \u0627\u0645\u0646 \u0648 \u0645\u0631\u06a9\u0632-\u0645\u062d\u0648\u0631\r\n           ============================================================ *\/\r\n        (function initCarousel() {\r\n            var el = root.querySelector('.gp-swiper-container');\r\n            if (!el) { return; }\r\n\r\n            var slideCount = el.querySelectorAll('.swiper-slide').length;\r\n            if (!slideCount) { return; }\r\n\r\n            var instance = null;\r\n\r\n            \/* \u0627\u0633\u0644\u0627\u06cc\u062f \u0645\u0631\u06a9\u0632\u06cc: \u0628\u0631\u0627\u06cc \u06f7 \u06a9\u0627\u0631\u062a \u0645\u06cc\u200c\u0634\u0648\u062f \u0627\u06cc\u0646\u062f\u06a9\u0633 \u06f3 *\/\r\n            var CENTER = Math.floor((slideCount - 1) \/ 2);\r\n\r\n            \/* --- \u0645\u0648\u062a\u0648\u0631 \u062d\u0631\u06a9\u062a \u0631\u0641\u062a\u200c\u0648\u0628\u0631\u06af\u0634\u062a\u06cc (\u0628\u062f\u0648\u0646 loop) --- *\/\r\n            var AUTO_DELAY = 1600;   \/\/ \u0641\u0627\u0635\u0644\u0647 \u0628\u06cc\u0646 \u062f\u0648 \u062d\u0631\u06a9\u062a\r\n            var AUTO_SPEED = 420;    \/\/ \u0633\u0631\u0639\u062a \u062e\u0648\u062f \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\r\n            var direction  = 1;      \/\/ 1 = \u0628\u0647 \u0633\u0645\u062a \u0627\u0646\u062a\u0647\u0627\u060c -1 = \u0628\u0631\u06af\u0634\u062a\r\n            var autoTimer  = null;\r\n            var isPaused   = false;\r\n            var inView     = false;\r\n\r\n            function stepOnce() {\r\n                if (!instance || isPaused || !inView) { return; }\r\n\r\n                var i = instance.activeIndex;\r\n\r\n                if (direction === 1 && i >= slideCount - 1) { direction = -1; }\r\n                else if (direction === -1 && i <= 0) { direction = 1; }\r\n\r\n                if (direction === 1) { instance.slideNext(AUTO_SPEED); }\r\n                else { instance.slidePrev(AUTO_SPEED); }\r\n            }\r\n\r\n            function autoStart() {\r\n                if (autoTimer || reduceMotion) { return; }\r\n                autoTimer = setInterval(stepOnce, AUTO_DELAY);\r\n            }\r\n\r\n            function autoStop() {\r\n                if (autoTimer) { clearInterval(autoTimer); autoTimer = null; }\r\n            }\r\n\r\n            function build() {\r\n                if (instance || el.swiper) { return; }\r\n\r\n                instance = new Swiper(el, {\r\n                    effect: 'coverflow',\r\n                    grabCursor: true,\r\n\r\n                    \/* \u0627\u0633\u0644\u0627\u06cc\u062f \u0641\u0639\u0627\u0644 \u0647\u0645\u06cc\u0634\u0647 \u062f\u0642\u06cc\u0642\u0627\u064b \u0648\u0633\u0637 \u0642\u0627\u0628 \u0645\u06cc\u200c\u0627\u06cc\u0633\u062a\u062f *\/\r\n                    centeredSlides: true,\r\n                    slidesPerView: 'auto',\r\n                    spaceBetween: 0,\r\n\r\n                    \/* \u0628\u062f\u0648\u0646 loop: \u062d\u0631\u06a9\u062a \u0631\u0641\u062a\u200c\u0648\u0628\u0631\u06af\u0634\u062a\u06cc \u062f\u0633\u062a\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u06cc\u200c\u0634\u0648\u062f\u060c\r\n                       \u067e\u0633 \u0647\u06cc\u0686\u200c\u0648\u0642\u062a \u0641\u0636\u0627\u06cc \u062e\u0627\u0644\u06cc \u06cc\u0627 \u067e\u0631\u0634 \u0627\u06cc\u062c\u0627\u062f \u0646\u0645\u06cc\u200c\u0634\u0648\u062f *\/\r\n                    loop: false,\r\n                    rewind: false,\r\n\r\n                    \/* \u0627\u0632 \u0648\u0633\u0637 \u0634\u0631\u0648\u0639 \u0645\u06cc\u200c\u06a9\u0646\u062f *\/\r\n                    initialSlide: CENTER,\r\n\r\n                    watchSlidesProgress: true,\r\n                    watchOverflow: false,\r\n                    resistanceRatio: 0.85,\r\n                    speed: AUTO_SPEED,\r\n\r\n                    coverflowEffect: {\r\n                        rotate: 0,\r\n                        stretch: 0,\r\n                        depth: 150,\r\n                        modifier: 2,\r\n                        slideShadows: false\r\n                    },\r\n\r\n                    \/* \u0627\u062a\u0648\u067e\u0644\u06cc \u062f\u0627\u062e\u0644\u06cc \u062e\u0627\u0645\u0648\u0634 \u0627\u0633\u062a\u061b \u0645\u0648\u062a\u0648\u0631 \u0631\u0641\u062a\u200c\u0648\u0628\u0631\u06af\u0634\u062a\u06cc \u0628\u0627\u0644\u0627 \u062c\u0627\u06cc\u0634 \u0631\u0627 \u06af\u0631\u0641\u062a\u0647 *\/\r\n                    autoplay: false,\r\n\r\n                    pagination: {\r\n                        el: el.querySelector('.swiper-pagination'),\r\n                        clickable: true,\r\n                        dynamicBullets: slideCount > 6,\r\n                        dynamicMainBullets: 3\r\n                    },\r\n\r\n                    a11y: {\r\n                        prevSlideMessage: '\u0627\u0633\u0644\u0627\u06cc\u062f \u0642\u0628\u0644\u06cc',\r\n                        nextSlideMessage: '\u0627\u0633\u0644\u0627\u06cc\u062f \u0628\u0639\u062f\u06cc'\r\n                    },\r\n\r\n                    on: {\r\n                        afterInit: function (sw) {\r\n                            el.classList.add('mg-ready');\r\n                            setTimeout(function () {\r\n                                sw.update();\r\n                                sw.slideTo(CENTER, 0);\r\n                            }, 350);\r\n                        },\r\n                        imagesReady: function (sw) {\r\n                            sw.update();\r\n                            sw.slideTo(sw.activeIndex, 0);\r\n                        },\r\n                        slideChange: function () { flipApi.closeAll(); },\r\n                        \/* \u0627\u06af\u0631 \u06a9\u0627\u0631\u0628\u0631 \u062e\u0648\u062f\u0634 \u06a9\u0634\u06cc\u062f\u060c \u062c\u0647\u062a \u062d\u0631\u06a9\u062a \u0628\u0627 \u0627\u0648 \u0647\u0645\u0627\u0647\u0646\u06af \u0645\u06cc\u200c\u0634\u0648\u062f *\/\r\n                        touchEnd: function (sw) {\r\n                            direction = (sw.activeIndex >= slideCount - 1) ? -1\r\n                                      : (sw.activeIndex <= 0) ? 1\r\n                                      : direction;\r\n                        }\r\n                    }\r\n                });\r\n\r\n                \/* \u0645\u06a9\u062b \u0628\u0627 \u0646\u06af\u0647\u200c\u062f\u0627\u0634\u062a\u0646 \u0645\u0627\u0648\u0633 *\/\r\n                el.addEventListener('mouseenter', function () { isPaused = true; });\r\n                el.addEventListener('mouseleave', function () { isPaused = false; });\r\n\r\n                \/* \u062a\u0648\u0642\u0641 \u06a9\u0627\u0645\u0644 \u0648\u0642\u062a\u06cc \u06a9\u0627\u0631\u0648\u0633\u0644 \u0627\u0632 \u062f\u06cc\u062f \u062e\u0627\u0631\u062c \u0627\u0633\u062a \u06cc\u0627 \u062a\u0628 \u0645\u062e\u0641\u06cc \u0627\u0633\u062a *\/\r\n                if ('IntersectionObserver' in window) {\r\n                    var vis = new IntersectionObserver(function (entries) {\r\n                        entries.forEach(function (entry) {\r\n                            inView = entry.isIntersecting;\r\n                            if (inView) { autoStart(); } else { autoStop(); }\r\n                        });\r\n                    }, { threshold: 0.15 });\r\n                    vis.observe(el);\r\n                } else {\r\n                    inView = true;\r\n                    autoStart();\r\n                }\r\n\r\n                document.addEventListener('visibilitychange', function () {\r\n                    if (document.hidden) { autoStop(); }\r\n                    else if (inView) { autoStart(); }\r\n                });\r\n\r\n                \/* \u062a\u063a\u06cc\u06cc\u0631 \u0627\u0646\u062f\u0627\u0632\u0647 \u067e\u0646\u062c\u0631\u0647 \u06cc\u0627 \u0628\u0627\u0632 \u0634\u062f\u0646 \u062a\u0628\/\u0622\u06a9\u0627\u0631\u062f\u0626\u0648\u0646 \u0627\u0644\u0645\u0646\u062a\u0648\u0631 *\/\r\n                var resizeTimer = null;\r\n                window.addEventListener('resize', function () {\r\n                    if (resizeTimer) { clearTimeout(resizeTimer); }\r\n                    resizeTimer = setTimeout(function () {\r\n                        instance.update();\r\n                        instance.slideTo(instance.activeIndex, 0);\r\n                    }, 180);\r\n                });\r\n\r\n                if ('ResizeObserver' in window) {\r\n                    var ro = new ResizeObserver(function () {\r\n                        if (el.offsetWidth > 0) { instance.update(); }\r\n                    });\r\n                    ro.observe(el);\r\n                }\r\n\r\n                \/* \u0648\u0642\u062a\u06cc \u0647\u0645\u0647 \u0639\u06a9\u0633\u200c\u0647\u0627 \u0644\u0648\u062f \u0634\u062f\u0646\u062f\u060c \u0627\u0628\u0639\u0627\u062f \u0648 \u0645\u0631\u06a9\u0632 \u062f\u0648\u0628\u0627\u0631\u0647 \u0645\u062d\u0627\u0633\u0628\u0647 \u0634\u0648\u062f *\/\r\n                var imgs = el.querySelectorAll('img');\r\n                var pending = imgs.length;\r\n                if (pending) {\r\n                    Array.prototype.forEach.call(imgs, function (img) {\r\n                        function done() {\r\n                            if (--pending === 0) {\r\n                                instance.update();\r\n                                instance.slideTo(instance.activeIndex, 0);\r\n                            }\r\n                        }\r\n                        if (img.complete) { done(); return; }\r\n                        img.addEventListener('load', done, { once: true });\r\n                        img.addEventListener('error', done, { once: true });\r\n                    });\r\n                }\r\n            }\r\n\r\n            \/* --- \u0645\u0642\u062f\u0627\u0631\u062f\u0647\u06cc \u0641\u0642\u0637 \u0648\u0642\u062a\u06cc \u06a9\u0627\u0646\u062a\u06cc\u0646\u0631 \u0648\u0627\u0642\u0639\u0627\u064b \u0639\u0631\u0636 \u062f\u0627\u0631\u062f --- *\/\r\n            whenSwiperReady(function () {\r\n                var attempts = 0;\r\n\r\n                function tryBuild() {\r\n                    if (el.offsetWidth > 0 && el.offsetParent !== null) {\r\n                        \/\/ \u062f\u0648 \u0641\u0631\u06cc\u0645 \u0635\u0628\u0631 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u062a\u0627 \u0686\u06cc\u062f\u0645\u0627\u0646 \u0646\u0647\u0627\u06cc\u06cc \u0634\u0648\u062f\r\n                        requestAnimationFrame(function () {\r\n                            requestAnimationFrame(build);\r\n                        });\r\n                        return;\r\n                    }\r\n                    if (++attempts > 200) { build(); return; }\r\n                    setTimeout(tryBuild, 100);\r\n                }\r\n\r\n                tryBuild();\r\n            });\r\n        })();\r\n\r\n        \/* ============================================================\r\n           D) \u0627\u0633\u0644\u0627\u06cc\u062f\u0631 \u0639\u0645\u0648\u062f\u06cc \u0648\u06cc\u0632\u0627\r\n           ============================================================ *\/\r\n        (function initVisaSlider() {\r\n            var box   = root.querySelector('[data-mgv-box]');\r\n            var track = root.querySelector('[data-mgv-track]');\r\n            var dots  = root.querySelector('[data-mgv-dots]');\r\n            if (!box || !track || !dots) { return; }\r\n\r\n            var slides = track.querySelectorAll('.mgv-slide');\r\n            var total  = slides.length;\r\n            if (total < 2) { dots.style.display = 'none'; return; }\r\n\r\n            track.style.setProperty('--mgv-count', total);\r\n\r\n            var index  = 0;\r\n            var timer  = null;\r\n            var DELAY  = 5000;\r\n            var paused = false;\r\n            var buttons = [];\r\n\r\n            for (var i = 0; i < total; i++) {\r\n                var btn = document.createElement('button');\r\n                btn.type = 'button';\r\n                btn.className = 'mgv-dot' + (i === 0 ? ' is-active' : '');\r\n                btn.setAttribute('role', 'tab');\r\n                btn.setAttribute('aria-label', '\u062a\u0635\u0648\u06cc\u0631 ' + (i + 1));\r\n                btn.setAttribute('aria-selected', i === 0 ? 'true' : 'false');\r\n                (function (n, b) {\r\n                    b.addEventListener('click', function () { goTo(n); restart(); });\r\n                })(i, btn);\r\n                dots.appendChild(btn);\r\n                buttons.push(btn);\r\n            }\r\n\r\n            function goTo(n) {\r\n                index = (n + total) % total;\r\n                track.style.transform = 'translateY(-' + (index * (100 \/ total)) + '%)';\r\n                for (var k = 0; k < buttons.length; k++) {\r\n                    var active = (k === index);\r\n                    buttons[k].classList.toggle('is-active', active);\r\n                    buttons[k].setAttribute('aria-selected', active ? 'true' : 'false');\r\n                }\r\n            }\r\n\r\n            function tick() { if (!paused) { goTo(index + 1); } }\r\n            function start() { if (!timer && !reduceMotion) { timer = setInterval(tick, DELAY); } }\r\n            function stop()  { if (timer) { clearInterval(timer); timer = null; } }\r\n            function restart() { stop(); start(); }\r\n\r\n            box.addEventListener('mouseenter', function () { paused = true; });\r\n            box.addEventListener('mouseleave', function () { paused = false; });\r\n\r\n            document.addEventListener('visibilitychange', function () {\r\n                if (document.hidden) { stop(); } else { start(); }\r\n            });\r\n\r\n            if ('IntersectionObserver' in window) {\r\n                var io = new IntersectionObserver(function (entries) {\r\n                    entries.forEach(function (entry) {\r\n                        if (entry.isIntersecting) { start(); } else { stop(); }\r\n                    });\r\n                }, { threshold: 0.2 });\r\n                io.observe(box);\r\n            } else {\r\n                start();\r\n            }\r\n\r\n            goTo(0);\r\n        })();\r\n\r\n        \/* ============================================================\r\n           E) \u0645\u062d\u0627\u0633\u0628\u0647\u200c\u06af\u0631 \u0627\u0642\u0633\u0627\u0637\r\n           ============================================================ *\/\r\n        (function initCalculator() {\r\n            var priceInput = root.querySelector('#mgi-tour-price');\r\n            var rangeInput = root.querySelector('#mgi-month-range');\r\n            var monthLabel = root.querySelector('#mgi-month-display');\r\n            var output     = root.querySelector('#mgi-monthly-payment');\r\n            var form       = root.querySelector('[data-mgi-form]');\r\n            if (!priceInput || !rangeInput || !monthLabel || !output) { return; }\r\n\r\n            var INTEREST_RATE = 0.05;\r\n            var displayed = 0;\r\n            var rafId = null;\r\n\r\n            if (form) {\r\n                form.addEventListener('submit', function (e) { e.preventDefault(); });\r\n            }\r\n\r\n            function toEnglishDigits(str) {\r\n                return String(str)\r\n                    .replace(\/[\\u06F0-\\u06F9]\/g, function (d) { return String(d.charCodeAt(0) - 1776); })\r\n                    .replace(\/[\\u0660-\\u0669]\/g, function (d) { return String(d.charCodeAt(0) - 1632); });\r\n            }\r\n\r\n            function formatNumber(num) {\r\n                return String(num).replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, ',');\r\n            }\r\n\r\n            function digitsOnly(str) {\r\n                return toEnglishDigits(str).replace(\/[^\\d]\/g, '');\r\n            }\r\n\r\n            function animateTo(target) {\r\n                if (reduceMotion) {\r\n                    displayed = target;\r\n                    output.textContent = formatNumber(target);\r\n                    return;\r\n                }\r\n                if (rafId) { cancelAnimationFrame(rafId); }\r\n                var from = displayed;\r\n                var start = null;\r\n                var DURATION = 450;\r\n\r\n                function step(ts) {\r\n                    if (start === null) { start = ts; }\r\n                    var p = Math.min((ts - start) \/ DURATION, 1);\r\n                    var eased = 1 - Math.pow(1 - p, 3);\r\n                    var value = Math.round(from + (target - from) * eased);\r\n                    output.textContent = formatNumber(value);\r\n                    if (p < 1) { rafId = requestAnimationFrame(step); }\r\n                    else { displayed = target; rafId = null; }\r\n                }\r\n                rafId = requestAnimationFrame(step);\r\n            }\r\n\r\n            function calculate() {\r\n                var months = parseInt(rangeInput.value, 10) || 0;\r\n                monthLabel.textContent = months + ' \u0645\u0627\u0647';\r\n\r\n                var raw = digitsOnly(priceInput.value);\r\n                if (!raw) { animateTo(0); return; }\r\n\r\n                var price = parseFloat(raw);\r\n                if (!isFinite(price) || price <= 0 || months <= 0) { animateTo(0); return; }\r\n\r\n                var total   = price + (price * INTEREST_RATE * months);\r\n                var monthly = Math.round(total \/ months);\r\n                animateTo(monthly);\r\n            }\r\n\r\n            priceInput.addEventListener('input', function () {\r\n                var caretFromEnd = this.value.length - this.selectionStart;\r\n                var raw = digitsOnly(this.value);\r\n                this.value = raw ? formatNumber(raw) : '';\r\n                var pos = Math.max(0, this.value.length - caretFromEnd);\r\n                try { this.setSelectionRange(pos, pos); } catch (err) { \/* noop *\/ }\r\n                calculate();\r\n            });\r\n\r\n            rangeInput.addEventListener('input', calculate);\r\n            calculate();\r\n        })();\r\n\r\n    });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-c0d7eed e-con e-atomic-element e-flexbox-base e-64f5bf1 \" data-id=\"c0d7eed\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c0d7eed\" data-e-type=\"e-flexbox\" data-id=\"c0d7eed\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-50c153a e-con e-atomic-element e-flexbox-base e-d410d43 \" data-id=\"50c153a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"50c153a\" data-e-type=\"e-flexbox\" data-id=\"50c153a\">\n    \t\t<div class=\"elementor-element elementor-element-8778b0a elementor-widget elementor-widget-html\" data-id=\"8778b0a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- 2. \u06a9\u0627\u0646\u0641\u06cc\u06af \u0631\u0646\u06af\u200c\u0628\u0646\u062f\u06cc \u0628\u0631\u0646\u062f -->\r\n<script>\r\n    tailwind.config = {\r\n        theme: {\r\n            extend: {\r\n                fontFamily: { sans: ['Vazirmatn', 'sans-serif'] },\r\n                colors: {\r\n                    brand: {\r\n                        light: '#4fd1c5',\r\n                        DEFAULT: '#319795',\r\n                        dark: '#285e61',\r\n                        accent: '#ed8936',\r\n                        whatsapp: '#25D366'\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n<\/script>\r\n\r\n<style>\r\n    .custom-scrollbar::-webkit-scrollbar { width: 6px; }\r\n    .custom-scrollbar::-webkit-scrollbar-track { background: rgba(255,255,255,0.15); border-radius: 4px; }\r\n    .custom-scrollbar::-webkit-scrollbar-thumb { background: rgba(49,151,149,0.45); border-radius: 4px; }\r\n    .custom-scrollbar::-webkit-scrollbar-thumb:hover { background: rgba(49,151,149,0.7); }\r\n    .mina-gasht-wrapper { direction: rtl; text-align: right; }\r\n    .mina-gasht-section { z-index: 10; }\r\n    @keyframes modalFadeIn { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } }\r\n    .modal-content-animate { animation: modalFadeIn 0.3s ease-out forwards; }\r\n    @keyframes newCommentSlide { from { opacity: 0; transform: translateY(-20px); background-color: rgba(240,253,244,0.6); } to { opacity: 1; transform: translateY(0); background-color: rgba(255,255,255,0.45); } }\r\n    .new-comment-added { animation: newCommentSlide 0.8s ease-out forwards; }\r\n\r\n    \/* \u0627\u0633\u062a\u0627\u06cc\u0644 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0628\u0631\u0627\u06cc \u067e\u0644\u06cc\u0631 \u0635\u062f\u0627 *\/\r\n    audio::-webkit-media-controls-panel { background-color: rgba(243,244,246,0.75); }\r\n    audio::-webkit-media-controls-play-button { background-color: #319795; border-radius: 50%; color: white; }\r\n\r\n    \/* ============================================================\r\n       LIQUID GLASS \u2014 \u0634\u06cc\u0634\u0647 \u063a\u0644\u06cc\u0638 \u0628\u0627 \u0627\u0646\u06a9\u0633\u0627\u0631\u060c \u062f\u0631\u062e\u0634\u0634 \u0644\u0628\u0647 \u0648 \u0647\u0627\u06cc\u0644\u0627\u06cc\u062a \u062a\u062e\u0635\u0635\u06cc\r\n       ============================================================ *\/\r\n\r\n    \/* \u067e\u0646\u0644 \u0627\u0635\u0644\u06cc *\/\r\n    .mg-liquid {\r\n        position: relative;\r\n        background:\r\n            linear-gradient(135deg, rgba(255,255,255,0.62) 0%, rgba(255,255,255,0.38) 45%, rgba(255,255,255,0.52) 100%);\r\n        -webkit-backdrop-filter: blur(44px) saturate(190%) brightness(1.06);\r\n        backdrop-filter: blur(44px) saturate(190%) brightness(1.06);\r\n        border: 1px solid rgba(255,255,255,0.65);\r\n        box-shadow:\r\n            0 32px 80px -20px rgba(15, 40, 50, 0.45),\r\n            0 12px 32px -12px rgba(15, 40, 50, 0.25),\r\n            inset 0 1px 1px rgba(255,255,255,0.95),\r\n            inset 0 -1px 1px rgba(255,255,255,0.45),\r\n            inset 0 0 60px rgba(255,255,255,0.30);\r\n    }\r\n\r\n    \/* \u0647\u0627\u06cc\u0644\u0627\u06cc\u062a \u0646\u0648\u0631\u06cc \u0628\u0627\u0644\u0627\u06cc \u0634\u06cc\u0634\u0647 (\u0634\u0628\u06cc\u0647 \u0628\u0627\u0632\u062a\u0627\u0628 \u0646\u0648\u0631 \u0631\u0648\u06cc \u0645\u0627\u06cc\u0639) *\/\r\n    .mg-liquid::before {\r\n        content: '';\r\n        position: absolute;\r\n        inset: 0;\r\n        pointer-events: none;\r\n        z-index: 1;\r\n        background:\r\n            radial-gradient(120% 80% at 15% -10%, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0) 55%),\r\n            radial-gradient(90% 60% at 90% 110%, rgba(79,209,197,0.28) 0%, rgba(79,209,197,0) 60%);\r\n        mix-blend-mode: screen;\r\n    }\r\n\r\n    \/* \u0644\u0628\u0647 \u0627\u0646\u06a9\u0633\u0627\u0631\u06cc \u2014 \u062d\u0627\u0634\u06cc\u0647 \u0631\u0646\u06af\u06cc\u0646\u200c\u06a9\u0645\u0627\u0646\u06cc \u0628\u0633\u06cc\u0627\u0631 \u0645\u0644\u0627\u06cc\u0645 *\/\r\n    .mg-liquid::after {\r\n        content: '';\r\n        position: absolute;\r\n        inset: 0;\r\n        pointer-events: none;\r\n        z-index: 1;\r\n        padding: 1.5px;\r\n        border-radius: inherit;\r\n        background: linear-gradient(135deg,\r\n            rgba(255,255,255,0.95) 0%,\r\n            rgba(79,209,197,0.55) 25%,\r\n            rgba(255,255,255,0.25) 50%,\r\n            rgba(237,137,54,0.35) 75%,\r\n            rgba(255,255,255,0.9) 100%);\r\n        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n        -webkit-mask-composite: xor;\r\n        mask-composite: exclude;\r\n        opacity: .85;\r\n    }\r\n\r\n    \/* \u0633\u062a\u0648\u0646 \u0633\u0628\u0632 \u2014 \u0634\u06cc\u0634\u0647 \u0631\u0646\u06af\u06cc \u063a\u0644\u06cc\u0638 *\/\r\n    .mg-liquid-teal {\r\n        position: relative;\r\n        background:\r\n            linear-gradient(160deg, rgba(40,94,97,0.78) 0%, rgba(49,151,149,0.62) 55%, rgba(40,94,97,0.80) 100%);\r\n        -webkit-backdrop-filter: blur(38px) saturate(180%);\r\n        backdrop-filter: blur(38px) saturate(180%);\r\n        border-left: 1px solid rgba(255,255,255,0.22);\r\n        box-shadow:\r\n            inset 0 1px 1px rgba(255,255,255,0.35),\r\n            inset 0 0 70px rgba(79,209,197,0.22);\r\n    }\r\n\r\n    .mg-liquid-teal::before {\r\n        content: '';\r\n        position: absolute;\r\n        inset: 0;\r\n        pointer-events: none;\r\n        background: radial-gradient(100% 70% at 50% -15%, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0) 60%);\r\n        mix-blend-mode: screen;\r\n    }\r\n\r\n    \/* \u0633\u062a\u0648\u0646 \u0646\u0638\u0631\u0627\u062a \u2014 \u0634\u06cc\u0634\u0647 \u0631\u0648\u0634\u0646 *\/\r\n    .mg-liquid-light {\r\n        background: linear-gradient(180deg, rgba(255,255,255,0.50) 0%, rgba(255,255,255,0.34) 100%);\r\n        -webkit-backdrop-filter: blur(30px) saturate(160%);\r\n        backdrop-filter: blur(30px) saturate(160%);\r\n    }\r\n\r\n    \/* \u06a9\u0627\u0631\u062a \u0647\u0631 \u0646\u0638\u0631 \u2014 \u0634\u06cc\u0634\u0647 \u0633\u0628\u06a9 *\/\r\n    .mg-glass-card {\r\n        background: rgba(255,255,255,0.45);\r\n        -webkit-backdrop-filter: blur(18px) saturate(150%);\r\n        backdrop-filter: blur(18px) saturate(150%);\r\n        border: 1px solid rgba(255,255,255,0.60);\r\n        box-shadow:\r\n            0 8px 24px -10px rgba(15, 40, 50, 0.28),\r\n            inset 0 1px 1px rgba(255,255,255,0.85);\r\n        transition: all .35s ease;\r\n    }\r\n    .mg-glass-card:hover {\r\n        background: rgba(255,255,255,0.58);\r\n        border-color: rgba(79,209,197,0.85);\r\n        box-shadow:\r\n            0 16px 36px -12px rgba(15, 40, 50, 0.35),\r\n            inset 0 1px 1px rgba(255,255,255,0.95);\r\n    }\r\n\r\n    \/* \u062d\u0628\u0627\u0628 \u0645\u062a\u0646 \u062f\u0627\u062e\u0644 \u06a9\u0627\u0631\u062a *\/\r\n    .mg-glass-bubble {\r\n        background: rgba(255,255,255,0.72);\r\n        -webkit-backdrop-filter: blur(10px);\r\n        backdrop-filter: blur(10px);\r\n        border: 1px solid rgba(255,255,255,0.75);\r\n        box-shadow: 0 2px 10px -4px rgba(15,40,50,0.18);\r\n    }\r\n    .mg-bubble-tail {\r\n        background: rgba(255,255,255,0.72);\r\n        border-top: 1px solid rgba(255,255,255,0.75);\r\n        border-left: 1px solid rgba(255,255,255,0.75);\r\n    }\r\n\r\n    \/* ============================================================\r\n       \u0628\u062c \u0628\u0627\u0644\u0627 \u2014 \u0642\u0631\u0645\u0632 \u0628\u0647\u200c\u062c\u0627\u06cc \u0646\u0627\u0631\u0646\u062c\u06cc\r\n       ============================================================ *\/\r\n    .mg-badge-red {\r\n        background: linear-gradient(135deg, #ef4444 0%, #dc2626 50%, #991b1b 100%);\r\n        box-shadow:\r\n            0 10px 24px -8px rgba(220, 38, 38, 0.75),\r\n            inset 0 1px 1px rgba(255,255,255,0.35);\r\n        border: 1px solid rgba(255,255,255,0.28);\r\n        border-top: none;\r\n        border-right: none;\r\n    }\r\n\r\n    \/* ============================================================\r\n       \u0646\u0648\u0627\u0631 \u062f\u0631\u0635\u062f \u2014 \u06af\u0631\u0627\u062f\u06cc\u0627\u0646\u062a \u0622\u0628\u0634\u0627\u0631\u06cc \u0645\u062a\u062d\u0631\u06a9\r\n       ============================================================ *\/\r\n    @keyframes mgWaterfall {\r\n        0%   { background-position: 0% 50%; }\r\n        100% { background-position: 200% 50%; }\r\n    }\r\n    @keyframes mgShimmer {\r\n        0%   { transform: translateX(-120%); }\r\n        100% { transform: translateX(220%); }\r\n    }\r\n\r\n    .mg-progress-track {\r\n        position: relative;\r\n        height: 8px;\r\n        width: 100%;\r\n        border-radius: 999px;\r\n        overflow: hidden;\r\n        background: rgba(255,255,255,0.18);\r\n        box-shadow: inset 0 1px 3px rgba(0,0,0,0.28);\r\n    }\r\n\r\n    .mg-progress-fill {\r\n        position: relative;\r\n        height: 100%;\r\n        width: 98%;\r\n        border-radius: 999px;\r\n        overflow: hidden;\r\n        background: linear-gradient(90deg,\r\n            #a7f3d0 0%,\r\n            #34d399 15%,\r\n            #10b981 30%,\r\n            #06b6d4 45%,\r\n            #22d3ee 60%,\r\n            #10b981 75%,\r\n            #34d399 90%,\r\n            #a7f3d0 100%);\r\n        background-size: 200% 100%;\r\n        animation: mgWaterfall 3.5s linear infinite;\r\n        box-shadow: 0 0 14px rgba(16, 185, 129, 0.75);\r\n    }\r\n\r\n    \/* \u0628\u0631\u0642 \u0639\u0628\u0648\u0631\u06cc \u0631\u0648\u06cc \u0646\u0648\u0627\u0631 *\/\r\n    .mg-progress-fill::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 40%;\r\n        height: 100%;\r\n        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.75), transparent);\r\n        animation: mgShimmer 2.6s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes bounce-slow {\r\n        0%, 100% { transform: translateY(0); }\r\n        50%      { transform: translateY(-4px); }\r\n    }\r\n    .animate-bounce-slow { animation: bounce-slow 2.4s ease-in-out infinite; }\r\n\r\n    \/* ============================================================\r\n       \u0627\u0635\u0644\u0627\u062d\u0627\u062a \u0645\u0648\u062f\u0627\u0644 \u2014 \u06af\u0648\u0634\u0647\u200c\u0647\u0627\u06cc \u06af\u0631\u062f \u0648 \u062d\u0630\u0641 \u062d\u0627\u0634\u06cc\u0647 \u062f\u06a9\u0645\u0647 \u0628\u0633\u062a\u0646\r\n       ============================================================ *\/\r\n\r\n    \/* \u06af\u0631\u062f \u06a9\u0631\u062f\u0646 \u0641\u06cc\u0644\u062f\u0647\u0627\u06cc \u0641\u0631\u0645 \u2014 \u0642\u0627\u0644\u0628 \u0633\u0627\u06cc\u062a \u06af\u0648\u0634\u0647\u200c\u0647\u0627 \u0631\u0627 \u0635\u0627\u0641 \u0645\u06cc\u200c\u06a9\u0646\u062f *\/\r\n    #feedbackModal input[type=\"text\"],\r\n    #feedbackModal input[type=\"tel\"],\r\n    #feedbackModal input[type=\"email\"],\r\n    #feedbackModal textarea {\r\n        border-radius: 14px !important;\r\n        -webkit-appearance: none;\r\n        appearance: none;\r\n    }\r\n\r\n    \/* \u062d\u0630\u0641 \u062d\u0627\u0634\u06cc\u0647 \u0642\u0631\u0645\u0632\/\u0641\u0648\u06a9\u0648\u0633 \u062f\u0648\u0631 \u062f\u06a9\u0645\u0647 \u0628\u0633\u062a\u0646 *\/\r\n    #feedbackModal button[onclick*=\"toggleModal\"] {\r\n        background: transparent !important;\r\n        border: none !important;\r\n        outline: none !important;\r\n        box-shadow: none !important;\r\n        padding: 4px;\r\n        line-height: 1;\r\n        border-radius: 10px;\r\n    }\r\n    #feedbackModal button[onclick*=\"toggleModal\"]:focus,\r\n    #feedbackModal button[onclick*=\"toggleModal\"]:focus-visible,\r\n    #feedbackModal button[onclick*=\"toggleModal\"]:active {\r\n        outline: none !important;\r\n        box-shadow: none !important;\r\n        border: none !important;\r\n    }\r\n\r\n    \/* \u0627\u062d\u062a\u0631\u0627\u0645 \u0628\u0647 \u06a9\u0627\u0647\u0634 \u062d\u0631\u06a9\u062a *\/\r\n    @media (prefers-reduced-motion: reduce) {\r\n        .mg-progress-fill,\r\n        .mg-progress-fill::after,\r\n        .animate-bounce-slow { animation: none !important; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"mina-gasht-wrapper font-sans text-gray-800\">\r\n    <section class=\"mina-gasht-section relative w-full flex items-center justify-center py-8 px-4\">\r\n\r\n        <!-- \u0647\u0627\u0644\u0647\u200c\u0647\u0627\u06cc \u0631\u0646\u06af\u06cc \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u2014 \u0628\u0647 \u0634\u06cc\u0634\u0647 \u0639\u0645\u0642 \u0648 \u0631\u0646\u06af \u0645\u06cc\u200c\u062f\u0647\u0646\u062f -->\r\n        <div class=\"absolute top-0 left-0 w-full h-full overflow-hidden pointer-events-none\">\r\n            <div class=\"absolute top-10 left-10 w-72 h-72 bg-brand-light opacity-25 rounded-full blur-3xl animate-pulse\"><\/div>\r\n            <div class=\"absolute bottom-10 right-10 w-80 h-80 bg-red-400 opacity-20 rounded-full blur-3xl\"><\/div>\r\n            <div class=\"absolute top-1\/2 left-1\/2 w-96 h-96 -translate-x-1\/2 -translate-y-1\/2 bg-brand opacity-15 rounded-full blur-3xl\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"mg-liquid relative w-full max-w-4xl rounded-3xl overflow-hidden flex flex-col md:flex-row min-h-[500px]\">\r\n\r\n            <div class=\"absolute top-0 right-0 z-20\">\r\n                <div class=\"mg-badge-red text-white py-2 px-5 rounded-bl-2xl font-bold text-sm flex items-center gap-2 transition-transform hover:scale-105 cursor-default\">\r\n                    <i class=\"fa-solid fa-plane-up text-white animate-bounce-slow\"><\/i>\r\n                    <span>\u0645\u06cc\u0646\u0627 \u06af\u0634\u062a\u061b \u067e\u0644\u06cc \u0628\u0647 \u0633\u0648\u06cc \u0631\u0648\u06cc\u0627\u0647\u0627<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \u0633\u062a\u0648\u0646 \u0633\u0645\u062a \u0631\u0627\u0633\u062a -->\r\n            <div class=\"mg-liquid-teal text-white p-8 md:w-1\/3 flex flex-col justify-center items-center text-center relative overflow-hidden\">\r\n                <div class=\"relative z-10 w-full flex flex-col items-center\">\r\n                    <div class=\"w-20 h-20 bg-white\/20 rounded-full flex items-center justify-center mx-auto mb-4 backdrop-blur-md border border-white\/40 shadow-lg\">\r\n                        <i class=\"fa-solid fa-comments text-4xl text-white\"><\/i>\r\n                    <\/div>\r\n                    <h2 class=\"text-2xl font-bold mb-2 drop-shadow\">\u0635\u062f\u0627\u06cc \u0634\u0645\u0627<\/h2>\r\n                    <p class=\"text-white\/85 text-sm mb-6 leading-relaxed\">\u0634\u0646\u06cc\u062f\u0646 \u0635\u062f\u0627\u06cc \u06af\u0631\u0645 \u0634\u0645\u0627\u060c \u062e\u0633\u062a\u06af\u06cc \u0631\u0627 \u0627\u0632 \u062a\u0646 \u0645\u0627 \u0628\u06cc\u0631\u0648\u0646 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\r\n\r\n                    <div class=\"flex flex-col items-center justify-center bg-white\/12 py-4 px-6 rounded-2xl backdrop-blur-md border border-white\/25 w-full mb-6 shadow-inner\">\r\n                        <span class=\"font-bold text-3xl mb-1 drop-shadow\">98%<\/span>\r\n                        <span class=\"text-sm font-light\">\u0631\u0636\u0627\u06cc\u062a \u0627\u0632 \u062a\u0648\u0631\u0647\u0627\u06cc \u062e\u0627\u0631\u062c\u06cc<\/span>\r\n                        <div class=\"mg-progress-track mt-3\">\r\n                            <div class=\"mg-progress-fill\"><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"w-full pt-4 border-t border-white\/25\">\r\n                        <p class=\"text-xs text-white\/75 mb-3\">\u0634\u0645\u0627 \u0647\u0645 \u0647\u0645\u0633\u0641\u0631 \u0645\u0627 \u0628\u0648\u062f\u06cc\u062f\u061f<\/p>\r\n                        <button onclick=\"toggleModal(true)\" class=\"group w-full py-3 px-4 bg-white\/90 text-brand-dark hover:bg-brand-light hover:text-white rounded-xl text-sm font-bold transition-all duration-300 flex items-center justify-center gap-2 shadow-lg backdrop-blur-sm border border-white\/60\">\r\n                            <span>\u062b\u0628\u062a \u0646\u0638\u0631 \u0627\u0631\u0632\u0634\u0645\u0646\u062f \u0634\u0645\u0627<\/span>\r\n                            <i class=\"fa-solid fa-pen-nib group-hover:-translate-x-1 transition-transform\"><\/i>\r\n                        <\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \u0633\u062a\u0648\u0646 \u0633\u0645\u062a \u0686\u067e (\u0644\u06cc\u0633\u062a \u0646\u0638\u0631\u0627\u062a) -->\r\n            <div class=\"mg-liquid-light p-6 md:p-8 md:w-2\/3 flex flex-col pt-14 md:pt-14 relative z-10\">\r\n                <div class=\"flex justify-between items-center mb-4 pb-2 border-b border-white\/60\">\r\n                    <h3 class=\"font-bold text-gray-800\">\u0622\u062e\u0631\u06cc\u0646 \u0646\u0638\u0631\u0627\u062a \u062f\u0631\u06cc\u0627\u0641\u062a\u06cc<\/h3>\r\n                    <span class=\"text-xs text-gray-600\"><i class=\"fa-solid fa-check-double text-brand-whatsapp ml-1\"><\/i>\u0628\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc \u0634\u062f\u0647<\/span>\r\n                <\/div>\r\n\r\n                <div id=\"reviewsContainer\" class=\"flex-1 overflow-y-auto custom-scrollbar pr-2 space-y-6 max-h-[450px]\">\r\n\r\n                    <!-- \u0646\u0638\u0631 \u06f1 -->\r\n                    <div class=\"mg-glass-card p-5 rounded-2xl relative group\">\r\n                        <div class=\"flex items-start justify-between\">\r\n                            <div class=\"flex items-center gap-3\">\r\n                                <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?u=a042581f4e29026704d\" alt=\"\u06a9\u0627\u0631\u0628\u0631\" class=\"w-12 h-12 rounded-full border-2 border-white\/80 object-cover shadow-md\">\r\n                                <div>\r\n                                    <h4 class=\"font-bold text-gray-800 text-base\">\u0633\u0627\u0631\u0627 \u0645\u062d\u0645\u062f\u06cc<\/h4>\r\n                                    <div class=\"flex items-center gap-2 mt-1\">\r\n                                        <span class=\"text-[10px] text-white bg-brand px-2 py-0.5 rounded-full shadow-sm\"><i class=\"fa-solid fa-plane ml-1\"><\/i>\u062a\u0648\u0631 \u0627\u0633\u062a\u0627\u0646\u0628\u0648\u0644<\/span>\r\n                                        <span class=\"text-[10px] text-gray-500\">\u06f3 \u0631\u0648\u0632 \u067e\u06cc\u0634<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <i class=\"fa-brands fa-whatsapp text-2xl text-gray-400 group-hover:text-brand-whatsapp transition-colors\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"mg-glass-bubble mt-4 text-gray-700 text-sm leading-relaxed text-justify p-3 rounded-lg relative\">\r\n                            <div class=\"mg-bubble-tail absolute -top-2 right-4 w-4 h-4 transform rotate-45\"><\/div>\r\n                            <p>\u00ab\u0633\u0644\u0627\u0645 \u062e\u0633\u062a\u0647 \u0646\u0628\u0627\u0634\u06cc\u062f. \u062e\u0648\u0627\u0633\u062a\u0645 \u062a\u0634\u06a9\u0631 \u06a9\u0646\u0645 \u0628\u0627\u0628\u062a \u0647\u062a\u0644 \u0639\u0627\u0644\u06cc \u06a9\u0647 \u062a\u0648\u06cc \u062a\u06a9\u0633\u06cc\u0645 \u0628\u0631\u0627\u0645\u0648\u0646 \u06af\u0631\u0641\u062a\u06cc\u062f. \u062f\u0633\u062a\u0631\u0633\u06cc \u0639\u0627\u0644\u06cc \u0628\u0648\u062f \u0648 \u062a\u0631\u0627\u0646\u0633\u0641\u0631 \u0647\u0645 \u0633\u0631 \u0648\u0642\u062a \u0627\u0648\u0645\u062f. \u062d\u062a\u0645\u0627\u064b \u0628\u0627\u0632 \u0647\u0645 \u0645\u0632\u0627\u062d\u0645\u062a\u0648\u0646 \u0645\u06cc\u0634\u06cc\u0645.\u00bb<\/p>\r\n                        <\/div>\r\n                        <div class=\"mt-4\">\r\n                            <p class=\"text-xs text-gray-600 mb-2 flex items-center\"><i class=\"fa-regular fa-image ml-1\"><\/i>\u062a\u0635\u0648\u06cc\u0631 \u067e\u06cc\u0627\u0645:<\/p>\r\n                            <div class=\"relative w-full h-32 hover:h-[600px] transition-all duration-500 ease-in-out rounded-lg overflow-hidden border border-white\/70 group\/image cursor-pointer bg-white\/30\">\r\n                                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1527631746610-bca00a040d60?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"\u0627\u0633\u06a9\u0631\u06cc\u0646 \u0634\u0627\u062a\" class=\"w-full h-full object-cover group-hover\/image:object-contain filter blur-[1px] group-hover\/image:blur-0 transition-all duration-300\">\r\n                                <div class=\"absolute inset-0 flex items-center justify-center bg-black\/10 group-hover\/image:opacity-0 pointer-events-none transition-opacity\">\r\n                                    <div class=\"bg-white\/80 p-2 rounded-full backdrop-blur-sm shadow-sm\"><i class=\"fa-solid fa-magnifying-glass-plus text-gray-600\"><\/i><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- \u0646\u0638\u0631 \u06f2 (\u062f\u0627\u0631\u0627\u06cc \u0648\u06cc\u0633) -->\r\n                    <div class=\"mg-glass-card p-5 rounded-2xl relative group\">\r\n                        <div class=\"flex items-start justify-between\">\r\n                            <div class=\"flex items-center gap-3\">\r\n                                <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/150?u=a04258114e29026302d\" alt=\"\u06a9\u0627\u0631\u0628\u0631\" class=\"w-12 h-12 rounded-full border-2 border-white\/80 object-cover shadow-md\">\r\n                                <div>\r\n                                    <h4 class=\"font-bold text-gray-800 text-base\">\u0627\u0645\u06cc\u0631\u062d\u0633\u06cc\u0646 \u0631\u0627\u062f<\/h4>\r\n                                    <div class=\"flex items-center gap-2 mt-1\">\r\n                                        <span class=\"text-[10px] text-white bg-brand px-2 py-0.5 rounded-full shadow-sm\"><i class=\"fa-solid fa-building ml-1\"><\/i>\u062a\u0648\u0631 \u062f\u0628\u06cc<\/span>\r\n                                        <span class=\"text-[10px] text-gray-500\">\u0647\u0641\u062a\u0647 \u067e\u06cc\u0634<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <i class=\"fa-brands fa-whatsapp text-2xl text-gray-400 group-hover:text-brand-whatsapp transition-colors\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"mg-glass-bubble mt-4 text-gray-700 text-sm leading-relaxed text-justify p-3 rounded-lg relative\">\r\n                            <div class=\"mg-bubble-tail absolute -top-2 right-4 w-4 h-4 transform rotate-45\"><\/div>\r\n                            <p>\u00ab\u0648\u0648\u06cc\u0632\u0627 \u062e\u06cc\u0644\u06cc \u0633\u0631\u06cc\u0639 \u0627\u0648\u0645\u062f\u060c \u062f\u0645\u062a\u0648\u0646 \u06af\u0631\u0645. \u0647\u062a\u0644 \u0631\u0648 \u0647\u0645 \u062e\u06cc\u0644\u06cc \u062f\u0648\u0633\u062a \u062f\u0627\u0634\u062a\u06cc\u0645 \u0648\u06cc\u0648\u06cc \u0628\u0631\u062c \u062e\u0644\u06cc\u0641\u0647 \u062f\u0627\u0634\u062a. \u0645\u0645\u0646\u0648\u0646 \u0627\u0632 \u0622\u0642\u0627\u06cc \u0627\u06a9\u0628\u0631\u06cc \u0628\u0627\u0628\u062a \u067e\u06cc\u06af\u06cc\u0631\u06cc\u200c\u0647\u0627\u0634\u0648\u0646.\u00bb<\/p>\r\n                        <\/div>\r\n\r\n                        <!-- >>> \u0628\u062e\u0634 \u067e\u0644\u06cc\u0631 \u0635\u0648\u062a\u06cc (\u062c\u062f\u06cc\u062f) <<< -->\r\n                        <div class=\"mt-3 bg-white\/40 backdrop-blur-md p-2 rounded-xl border border-white\/60 flex items-center gap-2 shadow-sm\">\r\n                            <div class=\"w-8 h-8 rounded-full bg-brand text-white flex items-center justify-center shrink-0 animate-pulse\">\r\n                                <i class=\"fa-solid fa-microphone-lines\"><\/i>\r\n                            <\/div>\r\n                            <div class=\"w-full\">\r\n                                <span class=\"text-[10px] text-gray-600 block mb-1 mr-1\">\u067e\u06cc\u0627\u0645 \u0635\u0648\u062a\u06cc \u0645\u0633\u0627\u0641\u0631<\/span>\r\n                                <!-- \u0627\u06cc\u0646\u062c\u0627 \u0644\u06cc\u0646\u06a9 \u0641\u0627\u06cc\u0644 \u0635\u0648\u062a\u06cc \u062e\u0648\u062f\u062a \u0631\u0627 \u0628\u06af\u0630\u0627\u0631 -->\r\n                                <audio controls class=\"w-full h-8 block rounded-lg\">\r\n                                    <source src=\"https:\/\/minagasht.com\/wp-content\/uploads\/2025\/12\/WhatsApp-Audio-2025-12-29-at-09.26.15.ogg\" type=\"audio\/mpeg\">\r\n                                    \u0645\u0631\u0648\u0631\u06af\u0631 \u0634\u0645\u0627 \u067e\u062e\u0634 \u0635\u062f\u0627 \u0631\u0627 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0646\u0645\u06cc\u200c\u06a9\u0646\u062f.\r\n                                <\/audio>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"mt-4\">\r\n                            <p class=\"text-xs text-gray-600 mb-2 flex items-center\"><i class=\"fa-regular fa-image ml-1\"><\/i>\u062a\u0635\u0648\u06cc\u0631 \u067e\u06cc\u0627\u0645:<\/p>\r\n                            <div class=\"relative w-full h-32 hover:h-[600px] transition-all duration-500 ease-in-out rounded-lg overflow-hidden border border-white\/70 group\/image cursor-pointer bg-white\/30\">\r\n                                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1542259659-4ab2877c2400?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"\u0627\u0633\u06a9\u0631\u06cc\u0646 \u0634\u0627\u062a\" class=\"w-full h-full object-cover group-hover\/image:object-contain filter blur-[1px] group-hover\/image:blur-0 transition-all duration-300\">\r\n                                <div class=\"absolute inset-0 flex items-center justify-center bg-black\/10 group-hover\/image:opacity-0 pointer-events-none transition-opacity\">\r\n                                    <div class=\"bg-white\/80 p-2 rounded-full backdrop-blur-sm shadow-sm\"><i class=\"fa-solid fa-magnifying-glass-plus text-gray-600\"><\/i><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n                <div class=\"h-6 w-full bg-gradient-to-t from-white\/60 to-transparent -mt-6 z-10 relative pointer-events-none\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u0645\u0648\u062f\u0627\u0644 (\u0647\u0645\u0627\u0646 \u0641\u0631\u0645 \u0642\u0628\u0644\u06cc) -->\r\n        <div id=\"feedbackModal\" class=\"hidden fixed inset-0 z-50 flex items-center justify-center p-4\">\r\n            <div class=\"absolute inset-0 bg-gray-900\/50 backdrop-blur-md transition-opacity\" onclick=\"toggleModal(false)\"><\/div>\r\n            <div class=\"mg-liquid relative w-full max-w-lg rounded-2xl overflow-hidden modal-content-animate flex flex-col max-h-[90vh]\">\r\n                <div class=\"mg-liquid-teal text-white p-4 flex justify-between items-center relative z-10\">\r\n                    <h3 class=\"font-bold text-lg\"><i class=\"fa-regular fa-pen-to-square ml-2\"><\/i>\u062b\u0628\u062a \u0646\u0638\u0631 \u062c\u062f\u06cc\u062f<\/h3>\r\n                    <button onclick=\"toggleModal(false)\" class=\"text-white\/80 hover:text-white transition-colors\"><i class=\"fa-solid fa-xmark text-xl\"><\/i><\/button>\r\n                <\/div>\r\n                <div class=\"p-6 overflow-y-auto relative z-10\">\r\n                    <form id=\"feedbackForm\" onsubmit=\"handleFormSubmit(event)\" class=\"space-y-4\">\r\n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n                            <div>\r\n                                <label class=\"block text-xs font-bold text-gray-700 mb-1\">\u0646\u0627\u0645 \u0634\u0645\u0627<\/label>\r\n                                <input type=\"text\" name=\"name\" required class=\"block w-full rounded-lg border-white\/70 bg-white\/60 backdrop-blur-sm p-2.5 text-sm focus:border-brand focus:ring-brand border outline-none\" placeholder=\"\u0645\u062b\u0627\u0644: \u0639\u0644\u06cc \u0631\u0636\u0627\u06cc\u06cc\">\r\n                            <\/div>\r\n                            <div>\r\n                                <label class=\"block text-xs font-bold text-gray-700 mb-1\">\u0634\u0645\u0627\u0631\u0647 \u062a\u0645\u0627\u0633<\/label>\r\n                                <input type=\"text\" name=\"contact\" class=\"block w-full rounded-lg border-white\/70 bg-white\/60 backdrop-blur-sm p-2.5 text-sm focus:border-brand focus:ring-brand border outline-none\" placeholder=\"0912...\">\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div>\r\n                            <label class=\"block text-xs font-bold text-gray-700 mb-1\">\u0646\u0638\u0631 \u0634\u0645\u0627<\/label>\r\n                            <textarea name=\"message\" rows=\"4\" required class=\"block w-full rounded-lg border-white\/70 bg-white\/60 backdrop-blur-sm p-3 text-sm focus:border-brand focus:ring-brand border outline-none resize-none\" placeholder=\"\u062a\u062c\u0631\u0628\u0647 \u0633\u0641\u0631 \u062e\u0648\u062f \u0631\u0627 \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f...\"><\/textarea>\r\n                        <\/div>\r\n                        <button type=\"submit\" id=\"modalSubmitBtn\" class=\"w-full bg-brand hover:bg-brand-dark text-white font-bold py-3 rounded-xl transition-all shadow-md flex justify-center items-center gap-2\">\r\n                            <span>\u0627\u0631\u0633\u0627\u0644 \u062f\u06cc\u062f\u06af\u0627\u0647<\/span>\r\n                            <i class=\"fa-solid fa-paper-plane\"><\/i>\r\n                        <\/button>\r\n                    <\/form>\r\n                    <div id=\"modalSuccess\" class=\"hidden flex-col items-center justify-center py-8 text-center\">\r\n                        <div class=\"w-14 h-14 bg-green-100 text-green-500 rounded-full flex items-center justify-center text-2xl mb-3\"><i class=\"fa-solid fa-check\"><\/i><\/div>\r\n                        <p class=\"font-bold text-gray-800\">\u0646\u0638\u0631 \u0634\u0645\u0627 \u0628\u0627 \u0645\u0648\u0641\u0642\u06cc\u062a \u062b\u0628\u062a \u0634\u062f!<\/p>\r\n                        <p class=\"text-xs text-gray-600 mt-1\">\u0648 \u0647\u0645\u200c\u0627\u06a9\u0646\u0648\u0646 \u0628\u0647 \u0644\u06cc\u0633\u062a \u0646\u0638\u0631\u0627\u062a (\u0628\u0631\u0627\u06cc \u0634\u0645\u0627) \u0627\u0636\u0627\u0641\u0647 \u06af\u0631\u062f\u06cc\u062f.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/section>\r\n<\/div>\r\n\r\n<script>\r\n    function toggleModal(show) {\r\n        const modal = document.getElementById('feedbackModal');\r\n        if (show) {\r\n            modal.classList.remove('hidden');\r\n        } else {\r\n            modal.classList.add('hidden');\r\n            if(document.getElementById('modalSuccess').classList.contains('flex')) {\r\n                 setTimeout(resetModalForm, 300);\r\n            }\r\n        }\r\n    }\r\n\r\n    function handleFormSubmit(event) {\r\n        event.preventDefault();\r\n        const btn = document.getElementById('modalSubmitBtn');\r\n        const originalText = btn.innerHTML;\r\n        const WP_AJAX_URL = '\/wp-admin\/admin-ajax.php'; \r\n        \r\n        btn.disabled = true;\r\n        btn.innerHTML = '<i class=\"fa-solid fa-circle-notch fa-spin\"><\/i> \u062f\u0631 \u062d\u0627\u0644 \u0627\u0631\u0633\u0627\u0644...';\r\n\r\n        const formData = new FormData(event.target);\r\n        formData.append('action', 'mina_send_feedback');\r\n        \r\n        const userName = formData.get('name');\r\n        const userMessage = formData.get('message');\r\n        \r\n        fetch(WP_AJAX_URL, {\r\n            method: 'POST',\r\n            body: formData\r\n        })\r\n        .then(response => {\r\n            return response.text().then(text => {\r\n                if (text.trim() === '0') {\r\n                    throw new Error('\u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627 \u06a9\u062f PHP \u0628\u0631\u0642\u0631\u0627\u0631 \u0646\u0634\u062f. (Functions.php \u0631\u0627 \u0686\u06a9 \u06a9\u0646\u06cc\u062f)');\r\n                }\r\n                try { return JSON.parse(text); } \r\n                catch (e) { throw new Error('\u067e\u0627\u0633\u062e \u0646\u0627\u0645\u0639\u062a\u0628\u0631 \u0627\u0632 \u0633\u0631\u0648\u0631'); }\r\n            });\r\n        })\r\n        .then(data => {\r\n            if (data.success) {\r\n                document.getElementById('feedbackForm').style.display = 'none';\r\n                const success = document.getElementById('modalSuccess');\r\n                success.classList.remove('hidden');\r\n                success.classList.add('flex');\r\n                \r\n                addNewCommentToList(userName, userMessage);\r\n\r\n                btn.innerHTML = originalText;\r\n                event.target.reset();\r\n            } else {\r\n                alert(\"\u062e\u0637\u0627\u06cc\u06cc \u0631\u062e \u062f\u0627\u062f: \" + (data.data || \"\u0645\u0634\u06a9\u0644\u06cc \u062f\u0631 \u0633\u0631\u0648\u0631 \u067e\u06cc\u0634 \u0622\u0645\u062f\"));\r\n            }\r\n        })\r\n        .catch(error => {\r\n            alert(\"\u062e\u0637\u0627: \" + error.message);\r\n            console.error(error);\r\n        })\r\n        .finally(() => {\r\n             btn.disabled = false;\r\n             if(document.getElementById('feedbackForm').style.display !== 'none') {\r\n                 btn.innerHTML = originalText;\r\n             }\r\n        });\r\n    }\r\n\r\n    function addNewCommentToList(name, message) {\r\n        const container = document.getElementById('reviewsContainer');\r\n        const date = '\u0647\u0645\u200c\u0627\u06a9\u0646\u0648\u0646';\r\n        \r\n        const newCommentHTML = `\r\n            <div class=\"new-comment-added mg-glass-card p-5 rounded-2xl relative group mb-6\" style=\"border-color: rgba(74,222,128,0.75);\">\r\n                <div class=\"absolute top-3 left-3 bg-green-100\/80 text-green-700 text-[10px] px-2 py-1 rounded-full font-bold backdrop-blur-sm\">\r\n                    \u062c\u062f\u06cc\u062f <i class=\"fa-solid fa-check\"><\/i>\r\n                <\/div>\r\n                <div class=\"flex items-start justify-between\">\r\n                    <div class=\"flex items-center gap-3\">\r\n                        <div class=\"w-12 h-12 rounded-full border-2 border-white\/80 bg-white\/50 flex items-center justify-center text-gray-500 text-xl backdrop-blur-sm\">\r\n                            <i class=\"fa-solid fa-user\"><\/i>\r\n                        <\/div>\r\n                        <div>\r\n                            <h4 class=\"font-bold text-gray-800 text-base\">${name}<\/h4>\r\n                            <div class=\"flex items-center gap-2 mt-1\">\r\n                                <span class=\"text-[10px] text-white bg-brand px-2 py-0.5 rounded-full shadow-sm\"><i class=\"fa-solid fa-plane ml-1\"><\/i>\u062a\u0648\u0631 \u062c\u062f\u06cc\u062f<\/span>\r\n                                <span class=\"text-[10px] text-gray-500\">${date}<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"mg-glass-bubble mt-4 text-gray-700 text-sm leading-relaxed text-justify p-3 rounded-lg relative\">\r\n                    <div class=\"mg-bubble-tail absolute -top-2 right-4 w-4 h-4 transform rotate-45\"><\/div>\r\n                    <p>\u00ab${message}\u00bb<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        `;\r\n        container.insertAdjacentHTML('afterbegin', newCommentHTML);\r\n        container.scrollTo({ top: 0, behavior: 'smooth' });\r\n    }\r\n\r\n    function resetModalForm() {\r\n        document.getElementById('feedbackForm').reset();\r\n        document.getElementById('feedbackForm').style.display = 'block';\r\n        const success = document.getElementById('modalSuccess');\r\n        success.classList.add('hidden');\r\n        success.classList.remove('flex');\r\n    }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0628\u0627 \u0645\u06cc\u0646\u0627 \u06af\u0634\u062a\u060c \u062c\u0647\u0627\u0646 \u0631\u0627 \u0644\u0648\u06a9\u0633 \u0648 \u0627\u0642\u0633\u0627\u0637\u06cc \u06a9\u0634\u0641 \u06a9\u0646\u06cc\u062f! \u0633\u0641\u0631\u06cc \u0628\u06cc\u200c\u062f\u063a\u062f\u063a\u0647 \u0628\u0627 \u0627\u0642\u0633\u0627\u0637 \u06f1\u06f2 \u0645\u0627\u0647\u0647 \u0628\u062f\u0648\u0646 \u0636\u0627\u0645\u0646\u060c \u062e\u062f\u0645\u0627\u062a VIP \u0641\u0631\u0648\u062f\u06af\u0627\u0647\u06cc \u0648 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0644\u062d\u0638\u0647\u200c\u0628\u0647\u200c\u0644\u062d\u0638\u0647. \u0645\u0627 \u06a9\u06cc\u0641\u06cc\u062a \u0648 \u0642\u06cc\u0645\u062a \u0633\u0641\u0631 \u0634\u0645\u0627 \u0631\u0627 \u062a\u0636\u0645\u06cc\u0646 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645. \u062e\u062f\u0645\u0627\u062a VIP \u062a\u062c\u0631\u0628\u0647\u200c\u0627\u06cc \u0644\u0648\u06a9\u0633 \u0648 \u0645\u062a\u0641\u0627\u0648\u062a \u0644\u0627\u0646\u0698 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc (CIP) \u062a\u0631\u0627\u0646\u0633\u0641\u0631 \u0644\u0648\u06a9\u0633 \u0631\u0627\u06cc\u06af\u0627\u0646 \u0647\u0645\u0627\u0647\u0646\u06af\u200c\u06a9\u0646\u0646\u062f\u0647 \u0634\u062e\u0635\u06cc \u0631\u0632\u0631\u0648 VIP 021 &#8211; 910 99 399 \u0633\u0641\u0631 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-37","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/minagasht.com\/wp-json\/wp\/v2\/pages\/37","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/minagasht.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/minagasht.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/minagasht.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/minagasht.com\/wp-json\/wp\/v2\/comments?post=37"}],"version-history":[{"count":34,"href":"https:\/\/minagasht.com\/wp-json\/wp\/v2\/pages\/37\/revisions"}],"predecessor-version":[{"id":95,"href":"https:\/\/minagasht.com\/wp-json\/wp\/v2\/pages\/37\/revisions\/95"}],"wp:attachment":[{"href":"https:\/\/minagasht.com\/wp-json\/wp\/v2\/media?parent=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}