{"id":38,"date":"2025-12-08T19:30:18","date_gmt":"2025-12-08T16:00:18","guid":{"rendered":"https:\/\/danakdemo.arghasemi.ir\/?page_id=38"},"modified":"2026-03-18T20:06:29","modified_gmt":"2026-03-18T16:36:29","slug":"%d8%ae%d8%a7%d9%86%d9%87","status":"publish","type":"page","link":"https:\/\/danakdemo.arghasemi.ir\/","title":{"rendered":"\u062e\u0627\u0646\u0647"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"38\" class=\"elementor elementor-38\">\n\t\t\t\t<div class=\"elementor-element elementor-element-20dccbc e-con-full e-flex e-con e-parent\" data-id=\"20dccbc\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c7a75e elementor-widget elementor-widget-html\" data-id=\"4c7a75e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0622\u06cc\u06a9\u0648\u0646\u200c\u0647\u0627 \u0648 \u0641\u0648\u0646\u062a -->\n<link rel=\"stylesheet\" href=\"https:\/\/danakdemo.arghasemi.ir\/fontawesome\/css\/all.min.css\">\n\n<style>\n\/* Vazirmatn Regular - 400 *\/\n@font-face {\n  font-family: 'Vazirmatn';\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: url('https:\/\/danakdemo.arghasemi.ir\/fonts\/vazirmatn-regular.woff2') format('woff2'), \/* Modern Browsers *\/\n       url('https:\/\/danakdemo.arghasemi.ir\/fonts\/vazirmatn-regular.woff') format('woff'); \/* Legacy Browsers *\/\n}\n\n\/* Vazirmatn Medium - 500 *\/\n@font-face {\n  font-family: 'Vazirmatn';\n  font-style: normal;\n  font-weight: 500;\n  font-display: swap;\n  src: url('https:\/\/danakdemo.arghasemi.ir\/fonts\/vazirmatn-500.woff2') format('woff2'),\n       url('https:\/\/danakdemo.arghasemi.ir\/fonts\/vazirmatn-500.woff') format('woff');\n}\n\n\/* Vazirmatn Bold - 700 *\/\n@font-face {\n  font-family: 'Vazirmatn';\n  font-style: normal;\n  font-weight: 700;\n  font-display: swap;\n  src: url('https:\/\/danakdemo.arghasemi.ir\/fonts\/vazirmatn-700.woff2') format('woff2'),\n       url('https:\/\/danakdemo.arghasemi.ir\/fonts\/vazirmatn-700.woff') format('woff');\n}\n\n\n\n\/* ===== Tailwind Replacement (Offline CSS) ===== *\/\n\n\/* Layout *\/\n.grid{display:grid}\n.flex{display:flex}\n.items-center{align-items:center}\n.justify-center{justify-content:center}\n.justify-between{justify-content:space-between}\n.text-center{text-align:center}\n.relative{position:relative}\n.absolute{position:absolute}\n.block{display:block}\n\n\/* spacing *\/\n.p-4{padding:16px}\n.p-6{padding:24px}\n.p-10{padding:40px}\n.px-8{padding-left:32px;padding-right:32px}\n.py-2{padding-top:8px;padding-bottom:8px}\n.py-3{padding-top:12px;padding-bottom:12px}\n\n.mb-1{margin-bottom:4px}\n.mb-2{margin-bottom:8px}\n.mb-3{margin-bottom:12px}\n.mb-4{margin-bottom:16px}\n.mb-8{margin-bottom:32px}\n.mb-16{margin-bottom:64px}\n.mb-20{margin-bottom:80px}\n\n.mt-4{margin-top:16px}\n\n.gap-4{gap:16px}\n.gap-6{gap:24px}\n\n\/* grid columns *\/\n.grid-cols-1{grid-template-columns:repeat(1,1fr)}\n.grid-cols-2{grid-template-columns:repeat(2,1fr)}\n.grid-cols-3{grid-template-columns:repeat(3,1fr)}\n.grid-cols-4{grid-template-columns:repeat(4,1fr)}\n\n\/* responsive *\/\n@media (min-width:640px){\n.sm\\:grid-cols-2{grid-template-columns:repeat(2,1fr)}\n}\n\n@media (min-width:768px){\n.md\\:grid-cols-4{grid-template-columns:repeat(4,1fr)}\n}\n\n\/* colors *\/\n.bg-white{background:#ffffff}\n.bg-slate-800{background:#1e293b}\n.text-white{color:#ffffff}\n.text-gray-400{color:#94a3b8}\n.text-blue-400{color:#60a5fa}\n.text-blue-100{color:#dbeafe}\n.text-yellow-400{color:#facc15}\n\n\/* borders *\/\n.border{border:1px solid rgba(255,255,255,0.1)}\n.rounded-lg{border-radius:10px}\n.rounded-xl{border-radius:14px}\n.rounded-2xl{border-radius:18px}\n\n\/* sizes *\/\n.w-full{width:100%}\n.h-full{height:100%}\n.h-48{height:12rem}\n\n\/* typography *\/\n.font-bold{font-weight:700}\n.text-lg{font-size:18px}\n.text-xs{font-size:12px}\n.text-3xl{font-size:28px}\n\n\/* effects *\/\n.shadow-lg{box-shadow:0 10px 30px rgba(0,0,0,0.4)}\n.transition{transition:0.3s}\n.duration-300{transition-duration:0.3s}\n\n\/* hover *\/\n.hover\\:bg-blue-600:hover{background:#2563eb}\n.hover\\:border-blue-600:hover{border-color:#2563eb}\n\n\/* images *\/\n.object-contain{object-fit:contain}\n\n\/* misc *\/\n.overflow-hidden{overflow:hidden}\n\n    \/* =========================================\n       \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0627\u0635\u0644\u06cc\n       ========================================= *\/\n    :root {\n        \/* ... *\/\n    }\n\n    body {\n        \/* \u0646\u0627\u0645 \u0641\u0648\u0646\u062a \u062f\u0631 \u0627\u06cc\u0646 CDN \u062f\u0642\u06cc\u0642\u0627\u064b Vazirmatn \u0627\u0633\u062a *\/\n        font-family: 'Vazirmatn', sans-serif !important;\n        \/* ... *\/\n    }\n    \/* =========================================\n       \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0627\u0635\u0644\u06cc \u0648 \u062f\u0627\u0631\u06a9 \u0645\u0648\u062f\n       ========================================= *\/\n    :root {\n        --bg-body: #0f172a;       \/* \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u0627\u0635\u0644\u06cc *\/\n        --bg-card: #1e293b;       \/* \u0631\u0646\u06af \u06a9\u0627\u0631\u062a\u200c\u0647\u0627 *\/\n        --accent: #3b82f6;        \/* \u0631\u0646\u06af \u0628\u0631\u0646\u062f (\u0622\u0628\u06cc \u0645\u062f\u0631\u0646) *\/\n        --text-main: #f8fafc;     \/* \u0645\u062a\u0646 \u0633\u0641\u06cc\u062f *\/\n        --text-muted: #94a3b8;    \/* \u0645\u062a\u0646 \u062e\u0627\u06a9\u0633\u062a\u0631\u06cc *\/\n        --border: rgba(255,255,255,0.1);\n    }\n\n    body {\n        background-color: var(--bg-body) !important;\n        color: var(--text-main) !important;\n        font-family: 'Vazirmatn', sans-serif !important;\n        margin: 0; padding: 0;\n        direction: rtl;\n    }\n\n    a { text-decoration: none !important; color: inherit !important; transition: 0.3s; }\n    ul { list-style: none; padding: 0; margin: 0; }\n\n    \/* =========================================\n       \u0647\u062f\u0631 (Header)\n       ========================================= *\/\n    .shop-header {\n        position: sticky; top: 0; z-index: 999;\n        background: rgba(15, 23, 42, 0.95);\n        backdrop-filter: blur(10px);\n        border-bottom: 1px solid var(--border);\n        padding: 15px 0;\n    }\n    .container-custom { max-width: 1200px; margin: 0 auto; padding: 0 20px; }\n    \n    .nav-wrapper { display: flex; justify-content: space-between; align-items: center; }\n    \n    .shop-logo { font-size: 24px; font-weight: 900; color: var(--text-main); }\n    .shop-logo span { color: var(--accent); }\n\n    .main-menu { display: flex; gap: 30px; }\n    .main-menu a { font-weight: 500; color: var(--text-muted) !important; font-size: 15px; }\n    .main-menu a:hover { color: var(--accent) !important; }\n\n    .header-actions { display: flex; gap: 20px; align-items: center; }\n    .icon-btn { position: relative; font-size: 20px; color: var(--text-main); cursor: pointer; }\n    .cart-count { \n        position: absolute; top: -8px; right: -8px; \n        background: #ef4444; color: white; \n        font-size: 10px; width: 16px; height: 16px; \n        border-radius: 50%; display: flex; align-items: center; justify-content: center;\n    }\n\n    \/* =========================================\n       \u0647\u06cc\u0631\u0648 \u0633\u06a9\u0634\u0646 (Hero Banner)\n       ========================================= *\/\n    .shop-hero {\n        margin: 30px 0;\n        border-radius: 20px;\n        overflow: hidden;\n        position: relative;\n        height: 400px;\n        display: flex; align-items: center;\n        background: linear-gradient(to left, rgba(15, 23, 42, 0.1), rgba(15, 23, 42, 0.9)), \n        background-size: cover; background-position: center;\n    }\n    \n    .hero-content { padding: 0 60px; max-width: 600px; position: relative; z-index: 2; }\n    .hero-badge { background: rgba(59, 130, 246, 0.2); color: var(--accent); padding: 5px 12px; border-radius: 20px; font-size: 12px; font-weight: bold; margin-bottom: 15px; display: inline-block; border: 1px solid rgba(59, 130, 246, 0.3); }\n    .hero-title { font-size: 42px; font-weight: 800; margin-bottom: 15px; line-height: 1.3; }\n    .hero-desc { color: var(--text-muted); font-size: 16px; margin-bottom: 30px; line-height: 1.7; }\n    .shop-btn { background: var(--accent); color: white !important; padding: 12px 30px; border-radius: 10px; font-weight: bold; display: inline-block; }\n    .shop-btn:hover { background: #2563eb; transform: translateY(-2px); }\n\n    \/* =========================================\n       \u0627\u0633\u062a\u0627\u06cc\u0644 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0648\u0648\u06a9\u0627\u0645\u0631\u0633 (WooCommerce)\n       ========================================= *\/\n    .section-title { font-size: 24px; font-weight: 700; margin-bottom: 30px; border-right: 4px solid var(--accent); padding-right: 15px; display: flex; align-items: center; justify-content: space-between; }\n    .see-all { font-size: 14px; color: var(--accent) !important; font-weight: normal; }\n\n    \/* \u0628\u0627\u0632\u0646\u0648\u06cc\u0633\u06cc \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u067e\u06cc\u0634\u200c\u0641\u0631\u0636 \u0648\u0648\u06a9\u0627\u0645\u0631\u0633 *\/\n    \/* =========================================\n       FIXED WOOCOMMERCE GRID (NO FLOATS)\n       ========================================= *\/\n    \n    \/* 1. \u062e\u0646\u062b\u06cc\u200c\u0633\u0627\u0632\u06cc \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u0645\u0632\u0627\u062d\u0645 \u0648\u0648\u06a9\u0627\u0645\u0631\u0633 *\/\n    ul.products::before, ul.products::after,\n    ul.products li.product::before, ul.products li.product::after {\n        display: none !important;\n        content: none !important;\n    }\n\n    \/* 2. \u062a\u0646\u0638\u06cc\u0645 \u06af\u0631\u06cc\u062f \u0627\u0635\u0644\u06cc *\/\n    ul.products {\n        display: grid !important;\n        \/* \u062f\u0631 \u062f\u0633\u06a9\u062a\u0627\u067e \u062f\u0642\u06cc\u0642\u0627\u064b 4 \u0633\u062a\u0648\u0646 *\/\n        grid-template-columns: repeat(4, 1fr) !important; \n        gap: 20px !important;\n        margin: 0 !important; \n        padding: 0 !important;\n        width: 100% !important;\n    }\n\n    \/* 3. \u0627\u0633\u062a\u0627\u06cc\u0644 \u06a9\u0627\u0631\u062a \u0645\u062d\u0635\u0648\u0644 *\/\n    ul.products li.product {\n        background: var(--bg-card) !important;\n        border: 1px solid var(--border) !important;\n        border-radius: 16px !important;\n        padding: 15px !important;\n        \n        \/* \u062a\u0631\u0641\u0646\u062f \u0647\u0645\u200c\u0627\u0631\u062a\u0641\u0627\u0639 \u06a9\u0631\u062f\u0646 *\/\n        display: flex !important;\n        flex-direction: column !important;\n        justify-content: space-between !important;\n        \n        float: none !important; \n        width: auto !important; \n        margin: 0 !important;\n        min-height: 380px !important; \/* \u062d\u062f\u0627\u0642\u0644 \u0627\u0631\u062a\u0641\u0627\u0639 \u0628\u0631\u0627\u06cc \u06cc\u06a9\u062f\u0633\u062a\u06cc *\/\n    }\n\n    \/* \u0647\u0627\u0648\u0631 \u06a9\u0627\u0631\u062a *\/\n    ul.products li.product:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 10px 30px rgba(0,0,0,0.3) !important;\n        border-color: var(--accent) !important;\n    }\n\n    \/* 4. \u062a\u0635\u0648\u06cc\u0631 \u0645\u062d\u0635\u0648\u0644 *\/\n    ul.products li.product a img {\n        width: 100% !important;\n        height: 200px !important; \/* \u0627\u0631\u062a\u0641\u0627\u0639 \u062b\u0627\u0628\u062a \u0639\u06a9\u0633 *\/\n        object-fit: contain !important;\n        background: #fff !important;\n        border-radius: 10px !important;\n        margin: 0 auto 15px auto !important;\n        padding: 10px !important;\n        display: block !important;\n    }\n\n    \/* 5. \u0639\u0646\u0648\u0627\u0646 \u0645\u062d\u0635\u0648\u0644 *\/\n    ul.products li.product .woocommerce-loop-product__title {\n        font-size: 15px !important;\n        color: var(--text-main) !important;\n        padding: 0 !important;\n        margin: 0 0 10px 0 !important;\n        line-height: 1.5 !important;\n        \n        \/* \u0645\u062d\u062f\u0648\u062f \u06a9\u0631\u062f\u0646 \u0628\u0647 2 \u062e\u0637 *\/\n        display: -webkit-box;\n        -webkit-line-clamp: 2;\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n        height: 45px !important; \/* \u0627\u0631\u062a\u0641\u0627\u0639 \u062b\u0627\u0628\u062a \u0639\u0646\u0648\u0627\u0646 *\/\n    }\n\n    \/* 6. \u0642\u06cc\u0645\u062a *\/\n    ul.products li.product .price {\n        color: var(--accent) !important;\n        font-size: 16px !important;\n        font-weight: bold !important;\n        margin-bottom: 15px !important;\n        display: block !important;\n    }\n    \n    \/* 7. \u062f\u06a9\u0645\u0647 \u0627\u0641\u0632\u0648\u062f\u0646 \u0628\u0647 \u0633\u0628\u062f *\/\n    ul.products li.product .button {\n        margin-top: auto !important; \/* \u0686\u0633\u0628\u06cc\u062f\u0646 \u0628\u0647 \u067e\u0627\u06cc\u06cc\u0646 *\/\n        width: 100% !important;\n        background: rgba(255,255,255,0.05) !important;\n        color: var(--text-main) !important;\n        border: 1px solid var(--border) !important;\n        padding: 10px 0 !important;\n        border-radius: 8px !important;\n        text-align: center !important;\n    }\n    \n    ul.products li.product .button:hover {\n        background: var(--accent) !important;\n        color: white !important;\n    }\n\n    \/* \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 \u0645\u0648\u0628\u0627\u06cc\u0644 *\/\n    @media (max-width: 768px) {\n        ul.products {\n            grid-template-columns: repeat(2, 1fr) !important; \/* \u062f\u0631 \u0645\u0648\u0628\u0627\u06cc\u0644 2 \u0633\u062a\u0648\u0646 *\/\n            gap: 15px !important;\n        }\n        ul.products li.product {\n            min-height: 320px !important;\n        }\n        ul.products li.product a img {\n            height: 150px !important;\n        }\n    }\n\n    \/* =========================================\n       \u0628\u062e\u0634 \u0628\u0644\u0627\u06af (\u0634\u0628\u06cc\u0647\u200c\u0633\u0627\u0632\u06cc \u0634\u062f\u0647)\n       ========================================= *\/\n    .blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; margin-bottom: 60px; }\n    .blog-card { background: var(--bg-card); border-radius: 15px; overflow: hidden; border: 1px solid var(--border); transition: 0.3s; }\n    .blog-card:hover { transform: translateY(-5px); }\n    .blog-img { height: 180px; background-size: cover; background-position: center; }\n    .blog-content { padding: 20px; }\n    .blog-meta { font-size: 12px; color: var(--text-muted); margin-bottom: 10px; display: flex; gap: 15px; }\n    .blog-title { font-size: 18px; font-weight: bold; margin-bottom: 10px; color: var(--text-main); }\n    .blog-excerpt { font-size: 14px; color: var(--text-muted); line-height: 1.6; margin-bottom: 20px; }\n    .read-more { color: var(--accent); font-size: 14px; font-weight: bold; display: flex; align-items: center; gap: 5px; }\n\n    \/* =========================================\n       \u0641\u0648\u062a\u0631 (Footer)\n       ========================================= *\/\n    .shop-footer { background: #0b1120; padding: 60px 0 20px; border-top: 1px solid var(--border); margin-top: 80px; }\n    .footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; margin-bottom: 40px; }\n    .footer-col h4 { color: white; font-size: 18px; margin-bottom: 20px; font-weight: bold; }\n    .footer-col ul li { margin-bottom: 12px; }\n    .footer-col a { color: var(--text-muted) !important; font-size: 14px; }\n    .footer-col a:hover { color: var(--accent) !important; }\n    .footer-about p { color: var(--text-muted); line-height: 1.8; font-size: 14px; }\n    .footer-bottom { text-align: center; border-top: 1px solid var(--border); padding-top: 20px; color: var(--text-muted); font-size: 13px; }\n\n    \/* Responsive *\/\n    @media (max-width: 768px) {\n        .main-menu { display: none; }\n        .hero-title { font-size: 32px; }\n        .hero-content { padding: 0 20px; }\n        .blog-grid, .footer-grid { grid-template-columns: 1fr; }\n        ul.products { grid-template-columns: 1fr 1fr !important; }\n    }\n<\/style>\n\n<!-- ============ \u0633\u0627\u062e\u062a\u0627\u0631 \u0635\u0641\u062d\u0647 ============ -->\n<!-- \u0646\u0648\u0627\u0631 \u0627\u0639\u0644\u0627\u0646 \u0628\u0627\u0644\u0627\u06cc \u0633\u0627\u06cc\u062a -->\n<div class=\"demo-notice-bar\">\n    <div class=\"notice-content\">\n        <span class=\"badge\">\u0646\u06a9\u062a\u0647 \u0645\u0647\u0645<\/span>\n        <p>\u0627\u06cc\u0646 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0635\u0631\u0641\u0627\u064b \u062c\u0647\u062a <strong>\u067e\u06cc\u0634\u200c\u0646\u0645\u0627\u06cc\u0634 \u0632\u0646\u062f\u0647 \u0627\u0641\u0632\u0648\u0646\u0647 \u062f\u0627\u0646\u0627\u06a9<\/strong> \u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0647 \u0627\u0633\u062a.<\/p>\n    <\/div>\n    <div class=\"notice-action\">\n        <i class=\"fas fa-search-location\"><\/i>\n        <span>\u0628\u0631\u0627\u06cc \u062a\u0633\u062a \u0631\u0647\u06af\u06cc\u0631\u06cc \u0633\u0641\u0627\u0631\u0634\u060c \u0627\u0632 \u06a9\u062f <strong>137<\/strong> \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/span>\n        <button class=\"copy-btn\" onclick=\"navigator.clipboard.writeText('137'); this.innerHTML='\u06a9\u067e\u06cc \u0634\u062f!'; setTimeout(()=>this.innerHTML='\u06a9\u067e\u06cc', 2000);\">\u06a9\u067e\u06cc<\/button>\n    <\/div>\n<\/div>\n\n<style>\n    \/* \u0627\u0633\u062a\u0627\u06cc\u0644 \u0646\u0648\u0627\u0631 \u0627\u0639\u0644\u0627\u0646 *\/\n    \/* \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0646 \u0631\u0646\u06af \u0633\u0641\u06cc\u062f \u0627\u062c\u0628\u0627\u0631\u06cc \u0628\u0647 \u0645\u062a\u0646 \u062a\u0648\u0636\u06cc\u062d\u0627\u062a *\/\n    .notice-content p {\n        color: #ffffff !important;\n        margin: 0; \/* \u062d\u0630\u0641 \u0641\u0627\u0635\u0644\u0647 \u0627\u0636\u0627\u0641\u06cc *\/\n    }\n    \n    \/* \u0633\u0641\u06cc\u062f \u06a9\u0631\u062f\u0646 \u0645\u062a\u0646\u200c\u0647\u0627\u06cc \u0636\u062e\u06cc\u0645 \u062f\u0627\u062e\u0644 \u0622\u0646 *\/\n    .notice-content strong {\n        color: #ffffff !important;\n    }\n    .demo-notice-bar {\n        background: linear-gradient(90deg, rgba(16, 185, 129, 0.9), rgba(6, 182, 212, 0.9));\n        color: #fff;\n        padding: 12px 20px;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: 30px;\n        font-size: 14px;\n        backdrop-filter: blur(10px);\n        border-bottom: 1px solid rgba(255,255,255,0.2);\n        position: relative;\n        z-index: 1000;\n        box-shadow: 0 4px 20px rgba(6, 182, 212, 0.3);\n    }\n\n    .notice-content {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n    }\n\n    .badge {\n        background: rgba(255,255,255,0.2);\n        padding: 2px 10px;\n        border-radius: 20px;\n        font-weight: bold;\n        font-size: 11px;\n        border: 1px solid rgba(255,255,255,0.3);\n        animation: pulse-badge 2s infinite;\n    }\n\n    .notice-action {\n        background: rgba(0,0,0,0.2);\n        padding: 5px 15px;\n        border-radius: 8px;\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        border: 1px solid rgba(255,255,255,0.1);\n    }\n\n    .copy-btn {\n        background: #fff;\n        color: #059669;\n        border: none;\n        padding: 2px 10px;\n        border-radius: 4px;\n        font-size: 12px;\n        font-weight: bold;\n        cursor: pointer;\n        transition: 0.2s;\n    }\n    .copy-btn:hover { background: #ecfdf5; transform: scale(1.05); }\n\n    @keyframes pulse-badge {\n        0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); }\n        70% { box-shadow: 0 0 0 5px rgba(255, 255, 255, 0); }\n        100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }\n    }\n\n    \/* \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 \u0628\u0631\u0627\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 *\/\n    @media (max-width: 768px) {\n        .demo-notice-bar { flex-direction: column; gap: 10px; text-align: center; padding: 15px; }\n        .notice-content { flex-direction: column; }\n        .notice-action { width: 100%; justify-content: center; }\n    }\n<\/style>\n<!-- 1. \u0647\u062f\u0631 -->\n<header class=\"shop-header\">\n    <div class=\"container-custom nav-wrapper\">\n        <a href=\"#\" class=\"shop-logo\">\u062f\u0645\u0648\u06cc <span>\u062f\u0627\u0646\u0627\u06a9<\/span><\/a>\n        \n        <nav>\n            <ul class=\"main-menu\">\n                <li><a href=\"#\">\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc<\/a><\/li>\n                <li><a href=\"#products\">\u0645\u062d\u0635\u0648\u0644\u0627\u062a<\/a><\/li>\n                <li><a href=\"#blog\">\u0645\u062c\u0644\u0647 \u062a\u06a9\u0646\u0648\u0644\u0648\u0698\u06cc<\/a><\/li>\n                <li><a href=\"#\">\u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627<\/a><\/li>\n            <\/ul>\n        <\/nav>\n\n        <div class=\"header-actions\">\n\t\t<button class=\"test-scenario-btn\" onclick=\"openScenarioModal()\">\n        <i class=\"fas fa-project-diagram\"><\/i> \u062a\u0633\u062a \u0633\u0646\u0627\u0631\u06cc\u0648 \u0647\u0648\u0634\u0645\u0646\u062f\n    <\/button>\n            <div class=\"icon-btn open-danak-chat\"><i class=\"fas fa-search\"><\/i><\/div>\n            <div class=\"icon-btn\"><i class=\"fas fa-shopping-cart\"><\/i><span class=\"cart-count\">2<\/span><\/div>\n            <div class=\"icon-btn\"><i class=\"fas fa-user\"><\/i><\/div>\n        <\/div>\n    <\/div>\n<\/header>\n\n<div class=\"container-custom\">\n    \n    <!-- 2. \u0628\u0646\u0631 \u0627\u0635\u0644\u06cc -->\n    <section class=\"shop-hero\">\n        <div class=\"hero-content\">\n            <span class=\"hero-badge\">\u067e\u06cc\u0634\u0646\u0647\u0627\u062f \u0648\u06cc\u0698\u0647 \u0641\u0635\u0644<\/span>\n            <h1 class=\"hero-title\">\u062f\u0646\u06cc\u0627\u06cc \u062a\u06a9\u0646\u0648\u0644\u0648\u0698\u06cc \u062f\u0631<br>\u062f\u0633\u062a\u0627\u0646 \u0634\u0645\u0627\u0633\u062a<\/h1>\n            <p class=\"hero-desc\">\u062c\u062f\u06cc\u062f\u062a\u0631\u06cc\u0646 \u06af\u0648\u0634\u06cc\u200c\u0647\u0627\u06cc \u0647\u0648\u0634\u0645\u0646\u062f\u060c \u0644\u067e\u200c\u062a\u0627\u067e \u0648 \u06af\u062c\u062a\u200c\u0647\u0627\u06cc \u067e\u0648\u0634\u06cc\u062f\u0646\u06cc \u0631\u0627 \u0628\u0627 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0642\u06cc\u0645\u062a \u0648 \u06af\u0627\u0631\u0627\u0646\u062a\u06cc \u0645\u0639\u062a\u0628\u0631 \u0627\u0632 \u062f\u0645\u0648\u06cc \u062f\u0627\u0646\u0627\u06a9 \u062a\u0647\u06cc\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n            <a href=\"#products\" class=\"shop-btn\">\u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a<\/a>\n        <\/div>\n    <\/section>\n\n    <!-- 3. \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627 -->\n    <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4 mb-16\">\n        <div class=\"bg-slate-800 p-6 rounded-xl border border-white\/5 text-center\">\n            <i class=\"fas fa-shipping-fast text-3xl text-blue-500 mb-3\"><\/i>\n            <h3 class=\"font-bold text-white mb-1\">\u0627\u0631\u0633\u0627\u0644 \u0633\u0631\u06cc\u0639<\/h3>\n            <p class=\"text-xs text-gray-400\">\u0628\u0647 \u0633\u0631\u0627\u0633\u0631 \u06a9\u0634\u0648\u0631<\/p>\n        <\/div>\n        <div class=\"bg-slate-800 p-6 rounded-xl border border-white\/5 text-center\">\n            <i class=\"fas fa-shield-alt text-3xl text-green-500 mb-3\"><\/i>\n            <h3 class=\"font-bold text-white mb-1\">\u0636\u0645\u0627\u0646\u062a \u0627\u0635\u0627\u0644\u062a<\/h3>\n            <p class=\"text-xs text-gray-400\">\u062a\u0636\u0645\u06cc\u0646 \u06a9\u0627\u0644\u0627\u06cc \u0627\u0648\u0631\u062c\u06cc\u0646\u0627\u0644<\/p>\n        <\/div>\n        <div class=\"bg-slate-800 p-6 rounded-xl border border-white\/5 text-center\">\n            <i class=\"fas fa-headset text-3xl text-purple-500 mb-3\"><\/i>\n            <h3 class=\"font-bold text-white mb-1\">\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0647\u0648\u0634\u0645\u0646\u062f<\/h3>\n            <p class=\"text-xs text-gray-400\">\u0628\u0627 \u062f\u0633\u062a\u06cc\u0627\u0631 \u062f\u0627\u0646\u0627\u06a9<\/p>\n        <\/div>\n        <div class=\"bg-slate-800 p-6 rounded-xl border border-white\/5 text-center\">\n            <i class=\"fas fa-undo text-3xl text-red-500 mb-3\"><\/i>\n            <h3 class=\"font-bold text-white mb-1\">\u0628\u0627\u0632\u06af\u0634\u062a \u0648\u062c\u0647<\/h3>\n            <p class=\"text-xs text-gray-400\">\u062a\u0627 \u06f7 \u0631\u0648\u0632 \u0636\u0645\u0627\u0646\u062a<\/p>\n        <\/div>\n    <\/div>\n<!-- 4. \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u067e\u06cc\u0634\u0646\u0647\u0627\u062f\u06cc (HTML \u062f\u0633\u062a\u06cc) -->\n    <section id=\"products\" class=\"mb-20\">\n        <div class=\"section-title\">\n            <span>\u062c\u062f\u06cc\u062f\u062a\u0631\u06cc\u0646 \u0645\u062d\u0635\u0648\u0644\u0627\u062a<\/span>\n            <a href=\"#\" class=\"see-all\">\u0645\u0634\u0627\u0647\u062f\u0647 \u0647\u0645\u0647 <i class=\"fas fa-arrow-left\"><\/i><\/a>\n        <\/div>\n        \n        <div class=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-6\">\n            \n            <!-- \u0645\u062d\u0635\u0648\u0644 1 -->\n            <div class=\"bg-slate-800 rounded-2xl p-4 border border-white\/5 hover:-translate-y-2 transition duration-300 shadow-lg group\">\n                <div class=\"relative mb-4 bg-white rounded-xl p-4 h-48 flex items-center justify-center overflow-hidden\">\n                    <img decoding=\"async\" src=\"https:\/\/danakdemo.arghasemi.ir\/wp-content\/uploads\/2025\/12\/9a8077c286f4362c3f3410a92a77e0e626d3471c_1657952364.jpg\" class=\"object-contain h-full group-hover:scale-110 transition duration-500\" alt=\"\u06af\u0648\u0634\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644\">\n<span class=\"absolute top-2 left-2 bg-green-500 text-white text-xs px-2 py-1 rounded-md font-bold\">\u0645\u0648\u062c\u0648\u062f<\/span>\n                    <span class=\"absolute top-2 right-2 bg-red-500 text-white text-xs px-2 py-1 rounded-md font-bold\">-10%<\/span>\n                <\/div>\n                <h3 class=\"text-white font-bold text-lg mb-2\">\u06af\u0648\u0634\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 \u0647\u0648\u0622\u0648\u06cc \u0645\u062f\u0644 P50<\/h3>\n                <div class=\"flex justify-between items-center mb-4\">\n                    <div class=\"text-right\">\n                        <span class=\"block text-gray-400 text-xs line-through\">8,000,000<\/span>\n                        <span class=\"text-blue-400 font-bold\">7,000,000 \u062a\u0648\u0645\u0627\u0646<\/span>\n                    <\/div>\n                    <div class=\"text-yellow-400 text-xs\">\n                        <i class=\"fas fa-star\"><\/i> 4.5\n                    <\/div>\n                <\/div>\n                <!-- \u0644\u06cc\u0646\u06a9 \u0628\u0647 \u0635\u0641\u062d\u0647 \u0645\u062d\u0635\u0648\u0644 \u0648\u0627\u0642\u0639\u06cc (\u0627\u06cc\u0646\u062c\u0627 \u0631\u0627 \u0648\u06cc\u0631\u0627\u06cc\u0634 \u06a9\u0646\u06cc\u062f) -->\n                <a href=\"https:\/\/danakdemo.arghasemi.ir\/?product=huawei-p50\" class=\"block w-full py-2 rounded-lg bg-white\/5 text-center text-white border border-white\/10 hover:bg-blue-600 hover:border-blue-600 transition font-medium\">\n                    \u0645\u0634\u0627\u0647\u062f\u0647 \u0648 \u062e\u0631\u06cc\u062f\n                <\/a>\n            <\/div>\n\n            <!-- \u0645\u062d\u0635\u0648\u0644 2 -->\n            <div class=\"bg-slate-800 rounded-2xl p-4 border border-white\/5 hover:-translate-y-2 transition duration-300 shadow-lg group\">\n                <div class=\"relative mb-4 bg-white rounded-xl p-4 h-48 flex items-center justify-center overflow-hidden\">\n                    <img decoding=\"async\" src=\"https:\/\/danakdemo.arghasemi.ir\/wp-content\/uploads\/2025\/12\/dcd6e4e843bea3f070614a95d27b1181fdf23008_1669442549.jpg\" class=\"object-contain h-full group-hover:scale-110 transition duration-500\" alt=\"\u06af\u0648\u0634\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644\">\n<span class=\"absolute top-2 left-2 bg-green-500 text-white text-xs px-2 py-1 rounded-md font-bold\">\u0645\u0648\u062c\u0648\u062f<\/span>\n                <\/div>\n                <h3 class=\"text-white font-bold text-lg mb-2\">\u06af\u0648\u0634\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 \u0622\u06cc\u0641\u0648\u0646 13 \u067e\u0631\u0648\u0645\u06a9\u0633<\/h3>\n                <div class=\"flex justify-between items-center mb-4\">\n                    <div class=\"text-right\">\n                        <span class=\"text-blue-400 font-bold\">75,000,000 \u062a\u0648\u0645\u0627\u0646<\/span>\n\t\t\t<span class=\"text-blue-400 font-bold\">95,000,000 \u062a\u0648\u0645\u0627\u0646<\/span>\n                    <\/div>\n                    <div class=\"text-yellow-400 text-xs\">\n                        <i class=\"fas fa-star\"><\/i> 5.0\n                    <\/div>\n                <\/div>\n                <a href=\"https:\/\/danakdemo.arghasemi.ir\/?product=iphone-13-pro-max\" class=\"block w-full py-2 rounded-lg bg-white\/5 text-center text-white border border-white\/10 hover:bg-blue-600 hover:border-blue-600 transition font-medium\">\n                    \u0645\u0634\u0627\u0647\u062f\u0647 \u0648 \u062e\u0631\u06cc\u062f\n                <\/a>\n            <\/div>\n\n            <!-- \u0645\u062d\u0635\u0648\u0644 3 -->\n            <div class=\"bg-slate-800 rounded-2xl p-4 border border-white\/5 hover:-translate-y-2 transition duration-300 shadow-lg group\">\n                <div class=\"relative mb-4 bg-white rounded-xl p-4 h-48 flex items-center justify-center overflow-hidden\">\n                    <img decoding=\"async\" src=\"https:\/\/danakdemo.arghasemi.ir\/wp-content\/uploads\/2025\/12\/e69e826cdfe298a3cff622bd03d226b7238d6e85_1656478432.jpg\" class=\"object-contain h-full group-hover:scale-110 transition duration-500\" alt=\"\u06af\u0648\u0634\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644\">\n                    <span class=\"absolute top-2 left-2 bg-green-500 text-white text-xs px-2 py-1 rounded-md font-bold\">\u0645\u0648\u062c\u0648\u062f<\/span>\n                <\/div>\n                <h3 class=\"text-white font-bold text-lg mb-2\">\u06af\u0648\u0634\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 \u0633\u0627\u0645\u0633\u0648\u0646\u06af A72<\/h3>\n                <div class=\"flex justify-between items-center mb-4\">\n                    <div class=\"text-right\">\n                        <span class=\"text-blue-400 font-bold\">10,000,000 \u062a\u0648\u0645\u0627\u0646<\/span>\n                    <\/div>\n                    <div class=\"text-yellow-400 text-xs\">\n                        <i class=\"fas fa-star\"><\/i> 4.8\n                    <\/div>\n                <\/div>\n                <a href=\"https:\/\/danakdemo.arghasemi.ir\/?product=samsung-a72\" class=\"block w-full py-2 rounded-lg bg-white\/5 text-center text-white border border-white\/10 hover:bg-blue-600 hover:border-blue-600 transition font-medium\">\n                    \u0645\u0634\u0627\u0647\u062f\u0647 \u0648 \u062e\u0631\u06cc\u062f\n                <\/a>\n            <\/div>\n\n            <!-- \u0645\u062d\u0635\u0648\u0644 4 -->\n            <div class=\"bg-slate-800 rounded-2xl p-4 border border-white\/5 hover:-translate-y-2 transition duration-300 shadow-lg group\">\n                <div class=\"relative mb-4 bg-white rounded-xl p-4 h-48 flex items-center justify-center overflow-hidden\">\n                    <img decoding=\"async\" src=\"https:\/\/danakdemo.arghasemi.ir\/wp-content\/uploads\/2025\/12\/8a508e5a3d58660a0c8e6e1a62e5bb2326d64a6a_1672572340.jpg\" class=\"object-contain h-full group-hover:scale-110 transition duration-500\" alt=\"\u06af\u0648\u0634\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644\">\n                    <span class=\"absolute top-2 left-2 bg-red-500 text-white text-xs px-2 py-1 rounded-md font-bold\">\u0646\u0627\u0645\u0648\u062c\u0648\u062f<\/span>\n                <\/div>\n                <h3 class=\"text-white font-bold text-lg mb-2\">\u06af\u0648\u0634\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 \u0633\u0627\u0645\u0633\u0648\u0646\u06af Z-Fold4<\/h3>\n                <div class=\"flex justify-between items-center mb-4\">\n                    <div class=\"text-right\">\n                        <span class=\"text-blue-400 font-bold\">10,000,000 \u062a\u0648\u0645\u0627\u0646<\/span>\n                    <\/div>\n                    <div class=\"text-yellow-400 text-xs\">\n                        <i class=\"fas fa-star\"><\/i> 4.8\n                    <\/div>\n                <\/div>\n                <a href=\"https:\/\/danakdemo.arghasemi.ir\/?product=samsung-zfold4\" class=\"block w-full py-2 rounded-lg bg-white\/5 text-center text-white border border-white\/10 hover:bg-blue-600 hover:border-blue-600 transition font-medium\">\n                    \u0645\u0634\u0627\u0647\u062f\u0647 \u0648 \u062e\u0631\u06cc\u062f\n                <\/a>\n            <\/div>\n\n          <\/div>\n    <\/section>\n\n    <!-- 5. \u0628\u0646\u0631 \u0645\u06cc\u0627\u0646\u06cc -->\n    <section class=\"bg-gradient-to-r from-blue-600 to-indigo-700 rounded-2xl p-10 text-center mb-20 relative overflow-hidden\">\n        <div class=\"relative z-10\">\n            <h2 class=\"text-3xl font-bold text-white mb-4\">\u062f\u0646\u0628\u0627\u0644 \u06a9\u0627\u0644\u0627\u06cc \u062e\u0627\u0635\u06cc \u0645\u06cc\u200c\u06af\u0631\u062f\u06cc\u062f\u061f<\/h2>\n            <p class=\"text-blue-100 mb-8 max-w-xl mx-auto\">\u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0647\u0645\u06cc\u0646 \u0627\u0644\u0627\u0646 \u0627\u0632 \u062f\u0633\u062a\u06cc\u0627\u0631 \u0647\u0648\u0634\u0645\u0646\u062f \u0645\u0627 \u0628\u067e\u0631\u0633\u06cc\u062f. \u062f\u0627\u0646\u0627\u06a9 \u062f\u0631 \u06a9\u0633\u0631\u06cc \u0627\u0632 \u062b\u0627\u0646\u06cc\u0647 \u0645\u062d\u0635\u0648\u0644 \u0645\u0648\u0631\u062f \u0646\u0638\u0631 \u0634\u0645\u0627 \u0631\u0627 \u067e\u06cc\u062f\u0627 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n            <button class=\"bg-white text-blue-700 px-8 py-3 rounded-lg font-bold hover:bg-gray-100 transition open-danak-chat\">\n                <i class=\"fas fa-robot mr-2\"><\/i> \u062c\u0633\u062a\u062c\u0648\u06cc \u0647\u0648\u0634\u0645\u0646\u062f\n            <\/button>\n        <\/div>\n        <!-- \u062f\u0627\u06cc\u0631\u0647\u200c\u0647\u0627\u06cc \u062a\u0632\u06cc\u06cc\u0646\u06cc -->\n        <div class=\"absolute top-0 right-0 w-64 h-64 bg-white opacity-10 rounded-full -mr-20 -mt-20\"><\/div>\n        <div class=\"absolute bottom-0 left-0 w-48 h-48 bg-white opacity-10 rounded-full -ml-10 -mb-10\"><\/div>\n    <\/section>\n\n    <!-- 6. \u0648\u0628\u0644\u0627\u06af (\u0627\u0633\u062a\u0627\u062a\u06cc\u06a9) -->\n    <section id=\"blog\">\n        <div class=\"section-title\">\n            <span>\u0645\u062c\u0644\u0647 \u062a\u06a9\u0646\u0648\u0644\u0648\u0698\u06cc<\/span>\n            <a href=\"#\" class=\"see-all\">\u0622\u0631\u0634\u06cc\u0648 \u0645\u0642\u0627\u0644\u0627\u062a <i class=\"fas fa-arrow-left\"><\/i><\/a>\n        <\/div>\n        \n        <div class=\"blog-grid\">\n            <!-- \u0645\u0642\u0627\u0644\u0647 1 -->\n            <div class=\"blog-card\">\n                <div class=\"blog-img\" style=\"background-image: url('https:\/\/danakdemo.arghasemi.ir\/wp-content\/uploads\/2025\/12\/ARLOGO-RE.png');\"><\/div>\n                <div class=\"blog-content\">\n                    <div class=\"blog-meta\"><span><i class=\"far fa-clock\"><\/i> \u06f5 \u062f\u0642\u06cc\u0642\u0647<\/span><span><i class=\"far fa-folder\"><\/i> \u0628\u0631\u0631\u0633\u06cc \u062a\u062e\u0635\u0635\u06cc<\/span><\/div>\n                    <h3 class=\"blog-title\">\u0628\u0631\u0631\u0633\u06cc \u0622\u06cc\u0641\u0648\u0646 \u06f1\u06f5 \u067e\u0631\u0648 \u0645\u06a9\u0633: \u063a\u0648\u0644 \u062a\u06cc\u062a\u0627\u0646\u06cc\u0648\u0645\u06cc<\/h3>\n                    <p class=\"blog-excerpt\">\u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0646\u06af\u0627\u0647\u06cc \u062f\u0642\u06cc\u0642 \u0628\u0647 \u067e\u0631\u0686\u0645\u062f\u0627\u0631 \u062c\u062f\u06cc\u062f \u0627\u067e\u0644 \u0645\u06cc\u200c\u0627\u0646\u062f\u0627\u0632\u06cc\u0645 \u0648 \u0639\u0645\u0644\u06a9\u0631\u062f \u062f\u0648\u0631\u0628\u06cc\u0646 \u0648 \u0628\u0627\u062a\u0631\u06cc \u0622\u0646 \u0631\u0627 \u062a\u0633\u062a \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645...<\/p>\n                    <a href=\"https:\/\/danakdemo.arghasemi.ir\/?p=111\" class=\"read-more\">\u0627\u062f\u0627\u0645\u0647 \u0645\u0637\u0644\u0628 <i class=\"fas fa-angle-left\"><\/i><\/a>\n                <\/div>\n            <\/div>\n            <!-- \u0645\u0642\u0627\u0644\u0647 2 -->\n            <div class=\"blog-card\">\n                <div class=\"blog-img\" style=\"background-image: url('https:\/\/danakdemo.arghasemi.ir\/wp-content\/uploads\/2025\/12\/ARLOGO-RE.png');\"><\/div>\n                <div class=\"blog-content\">\n                    <div class=\"blog-meta\"><span><i class=\"far fa-clock\"><\/i> \u06f7 \u062f\u0642\u06cc\u0642\u0647<\/span><span><i class=\"far fa-folder\"><\/i> \u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u062e\u0631\u06cc\u062f<\/span><\/div>\n                    <h3 class=\"blog-title\">\u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u062e\u0631\u06cc\u062f \u0628\u0647\u062a\u0631\u06cc\u0646 \u0644\u067e\u200c\u062a\u0627\u067e\u200c\u0647\u0627\u06cc \u06af\u06cc\u0645\u06cc\u0646\u06af<\/h3>\n                    <p class=\"blog-excerpt\">\u0627\u06af\u0631 \u0642\u0635\u062f \u062e\u0631\u06cc\u062f \u0644\u067e\u200c\u062a\u0627\u067e \u0628\u0631\u0627\u06cc \u0628\u0627\u0632\u06cc \u062f\u0627\u0631\u06cc\u062f\u060c \u0627\u06cc\u0646 \u0631\u0627\u0647\u0646\u0645\u0627 \u0628\u0647 \u0634\u0645\u0627 \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f \u0628\u0647\u062a\u0631\u06cc\u0646 \u06af\u0632\u06cc\u0646\u0647 \u0631\u0627 \u062f\u0631 \u0628\u0627\u0632\u0647 \u0642\u06cc\u0645\u062a\u06cc \u062e\u0648\u062f \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f...<\/p>\n                    <a href=\"https:\/\/danakdemo.arghasemi.ir\/?p=117\" class=\"read-more\">\u0627\u062f\u0627\u0645\u0647 \u0645\u0637\u0644\u0628 <i class=\"fas fa-angle-left\"><\/i><\/a>\n                <\/div>\n            <\/div>\n            <!-- \u0645\u0642\u0627\u0644\u0647 3 -->\n            <div class=\"blog-card\">\n                <div class=\"blog-img\" style=\"background-image: url('https:\/\/danakdemo.arghasemi.ir\/wp-content\/uploads\/2025\/12\/ARLOGO-RE.png');\"><\/div>\n                <div class=\"blog-content\">\n                    <div class=\"blog-meta\"><span><i class=\"far fa-clock\"><\/i> \u06f3 \u062f\u0642\u06cc\u0642\u0647<\/span><span><i class=\"far fa-folder\"><\/i> \u0627\u062e\u0628\u0627\u0631<\/span><\/div>\n                    <h3 class=\"blog-title\">\u062a\u06a9\u0646\u0648\u0644\u0648\u0698\u06cc\u200c\u0647\u0627\u06cc \u062c\u062f\u06cc\u062f \u062f\u0631 \u0633\u0627\u0644 \u06f2\u06f0\u06f2\u06f5<\/h3>\n                    <p class=\"blog-excerpt\">\u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0648 \u0648\u0627\u0642\u0639\u06cc\u062a \u0627\u0641\u0632\u0648\u062f\u0647 \u0686\u06af\u0648\u0646\u0647 \u0632\u0646\u062f\u06af\u06cc \u0645\u0627 \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u062e\u0648\u0627\u0647\u0646\u062f \u062f\u0627\u062f\u061f \u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0628\u062e\u0648\u0627\u0646\u06cc\u062f...<\/p>\n                    <a href=\"https:\/\/danakdemo.arghasemi.ir\/?p=122\" class=\"read-more\">\u0627\u062f\u0627\u0645\u0647 \u0645\u0637\u0644\u0628 <i class=\"fas fa-angle-left\"><\/i><\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n<\/div>\n\n<!-- 7. \u0641\u0648\u062a\u0631 -->\n<footer class=\"shop-footer\">\n    <div class=\"container-custom\">\n        <div class=\"footer-grid\">\n            <div class=\"footer-col footer-about\">\n                <h4>\u062f\u0631\u0628\u0627\u0631\u0647 \u062f\u0645\u0648\u06cc\u200c \u062f\u0627\u0646\u0627\u06a9<\/h4>\n                <p>\u0627\u06cc\u0646 \u0633\u0627\u06cc\u062a \u0641\u0631\u0648\u0634\u06af\u0627\u0647\u06cc \u0641\u0642\u0637 \u062c\u0647\u062a \u062a\u0633\u062a \u062f\u0633\u062a\u06cc\u0627\u0631 \u0647\u0648\u0634\u0645\u0646\u062f \u062f\u0627\u0646\u0627\u06a9 \u0633\u0627\u062e\u062a\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a<\/p>\n                <div class=\"flex gap-4 mt-4 text-gray-400 text-xl\">\n                    <i class=\"fab fa-instagram hover:text-white cursor-pointer\"><\/i>\n                    <i class=\"fab fa-twitter hover:text-white cursor-pointer\"><\/i>\n                    <i class=\"fab fa-telegram hover:text-white cursor-pointer\"><\/i>\n                <\/div>\n            <\/div>\n            <div class=\"footer-col\">\n                <h4>\u062f\u0633\u062a\u0631\u0633\u06cc \u0633\u0631\u06cc\u0639<\/h4>\n                <ul>\n                    <li><a href=\"#\">\u062d\u0633\u0627\u0628 \u06a9\u0627\u0631\u0628\u0631\u06cc<\/a><\/li>\n                    <li><a href=\"#\">\u067e\u06cc\u06af\u06cc\u0631\u06cc \u0633\u0641\u0627\u0631\u0634<\/a><\/li>\n                    <li><a href=\"#\">\u0639\u0644\u0627\u0642\u0647\u200c\u0645\u0646\u062f\u06cc\u200c\u0647\u0627<\/a><\/li>\n                    <li><a href=\"#\">\u0633\u0628\u062f \u062e\u0631\u06cc\u062f<\/a><\/li>\n                <\/ul>\n            <\/div>\n            <div class=\"footer-col\">\n                <h4>\u062e\u062f\u0645\u0627\u062a \u0645\u0634\u062a\u0631\u06cc\u0627\u0646<\/h4>\n                <ul>\n                    <li><a href=\"#\">\u0633\u0648\u0627\u0644\u0627\u062a \u0645\u062a\u062f\u0627\u0648\u0644<\/a><\/li>\n                    <li><a href=\"#\">\u0631\u0648\u06cc\u0647 \u0628\u0627\u0632\u06af\u0631\u062f\u0627\u0646\u062f\u0646 \u06a9\u0627\u0644\u0627<\/a><\/li>\n                    <li><a href=\"#\">\u0634\u0631\u0627\u06cc\u0637 \u0627\u0633\u062a\u0641\u0627\u062f\u0647<\/a><\/li>\n                    <li><a href=\"#\">\u062d\u0631\u06cc\u0645 \u062e\u0635\u0648\u0635\u06cc<\/a><\/li>\n                <\/ul>\n            <\/div>\n            <div class=\"footer-col\">\n                <h4>\u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627<\/h4>\n                <ul>\n                    <li class=\"text-gray-400 text-sm\"><i class=\"fas fa-map-marker-alt ml-2\"><\/i> \u062a\u0647\u0631\u0627\u0646\u060c \u062e\u06cc\u0627\u0628\u0627\u0646 \u0648\u0644\u06cc\u0639\u0635\u0631<\/li>\n                    <li class=\"text-gray-400 text-sm\"><i class=\"fas fa-phone ml-2\"><\/i> \u06f0\u06f2\u06f1-\u06f1\u06f2\u06f3\u06f4\u06f5\u06f6\u06f7\u06f8<\/li>\n                    <li class=\"text-gray-400 text-sm\"><i class=\"fas fa-envelope ml-2\"><\/i> info@arghasemi.ir<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n        <div class=\"footer-bottom\">\n            <p>\u06a9\u0644\u06cc\u0647 \u062d\u0642\u0648\u0642 \u0627\u06cc\u0646 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0645\u062d\u0641\u0648\u0638 \u0627\u0633\u062a \u00a9 \u06f1\u06f4\u06f0\u06f4<\/p>\n        <\/div>\n    <\/div>\n<\/footer>\n<!-- =========================================\n     \u067e\u0627\u067e\u200c\u0622\u067e \u062a\u0633\u062a \u0633\u0646\u0627\u0631\u06cc\u0648 (Scenario Modal)\n     ========================================= -->\n<div id=\"scenarioModal\" class=\"scenario-modal-overlay\">\n    <div class=\"scenario-modal-content\">\n        <button class=\"close-modal\" onclick=\"closeScenarioModal()\">&times;<\/button>\n        \n        <div class=\"scenario-header-modal\">\n            <h3><i class=\"fas fa-robot\"><\/i> \u062a\u0633\u062a \u0642\u0627\u0628\u0644\u06cc\u062a \u0633\u0646\u0627\u0631\u06cc\u0648\u0633\u0627\u0632<\/h3>\n            <p>\u062f\u0627\u0646\u0627\u06a9 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0645\u0627\u0646\u0646\u062f \u06cc\u06a9 \u0641\u0631\u0648\u0634\u0646\u062f\u0647 \u0648\u0627\u0642\u0639\u06cc\u060c \u0645\u0631\u062d\u0644\u0647 \u0628\u0647 \u0645\u0631\u062d\u0644\u0647 \u0645\u0634\u062a\u0631\u06cc \u0631\u0627 \u0631\u0627\u0647\u0646\u0645\u0627\u06cc\u06cc \u06a9\u0646\u062f.<\/p>\n        <\/div>\n\n       \n        <div class=\"scenario-image-box\">\n            <img decoding=\"async\" src=\"https:\/\/arghasemi.ir\/wp-content\/uploads\/2025\/12\/senario-web.jpg\" alt=\"\u0646\u0642\u0634\u0647 \u0633\u0646\u0627\u0631\u06cc\u0648\">\n        <\/div>\n\n        <div class=\"scenario-action-box\">\n            <p>\u0628\u0631\u0627\u06cc \u0634\u0631\u0648\u0639 \u0627\u06cc\u0646 \u0633\u0646\u0627\u0631\u06cc\u0648\u060c \u062c\u0645\u0644\u0647 \u0632\u06cc\u0631 \u0631\u0627 \u0627\u0632 \u0631\u0628\u0627\u062a \u0628\u067e\u0631\u0633\u06cc\u062f:<\/p>\n            <div class=\"copy-wrapper\">\n                <input type=\"text\" value=\"\u0628\u0631\u0627\u06cc \u0627\u0646\u062a\u062e\u0627\u0628 \u0644\u067e \u062a\u0627\u067e \u0644\u0637\u0641\u0627 \u0631\u0627\u0647\u0646\u0645\u0627\u06cc\u06cc\u0645 \u06a9\u0646\" id=\"scenarioInput\" readonly>\n                <button class=\"copy-btn-modal\" onclick=\"copyScenarioText()\">\n                    <i class=\"far fa-copy\"><\/i> \u06a9\u067e\u06cc \u06a9\u0646\u06cc\u062f\n                <\/button>\n            <\/div>\n            <p class=\"hint-text\"><i class=\"fas fa-info-circle\"><\/i> \u0628\u0639\u062f \u0627\u0632 \u06a9\u067e\u06cc\u060c \u062f\u06a9\u0645\u0647 \u0686\u062a \u067e\u0627\u06cc\u06cc\u0646 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0628\u0632\u0646\u06cc\u062f \u0648 \u0645\u062a\u0646 \u0631\u0627 \u0627\u0631\u0633\u0627\u0644 \u06a9\u0646\u06cc\u062f.<\/p>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n    \/* \u0627\u0633\u062a\u0627\u06cc\u0644 \u062f\u06a9\u0645\u0647 \u062f\u0631 \u0647\u062f\u0631 *\/\n    .test-scenario-btn {\n        background: linear-gradient(90deg, #10B981, #06B6D4);\n        color: white;\n        border: none;\n        padding: 8px 16px;\n        border-radius: 50px;\n        font-weight: bold;\n        font-family: inherit;\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        font-size: 13px;\n        box-shadow: 0 0 15px rgba(16, 185, 129, 0.4);\n        animation: pulse-green 2s infinite;\n    }\n    .test-scenario-btn:hover { transform: translateY(-2px); }\n\n    \/* \u0627\u0633\u062a\u0627\u06cc\u0644 \u067e\u0627\u067e\u200c\u0622\u067e *\/\n    .scenario-modal-overlay {\n        position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n        background: rgba(0, 0, 0, 0.8);\n        backdrop-filter: blur(5px);\n        z-index: 10000; \/* \u0631\u0648\u06cc \u0647\u0645\u0647 \u0686\u06cc\u0632 *\/\n        display: none; \/* \u067e\u06cc\u0634\u200c\u0641\u0631\u0636 \u0645\u062e\u0641\u06cc *\/\n        align-items: center; justify-content: center;\n        padding: 20px;\n    }\n    \n    .scenario-modal-content {\n        background: #1e293b;\n        border: 1px solid rgba(255,255,255,0.1);\n        width: 100%; \n        max-width: 500px;\n        border-radius: 20px;\n        padding: 30px;\n        position: relative;\n        text-align: center;\n        box-shadow: 0 20px 50px rgba(0,0,0,0.5);\n        animation: modalPop 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n\n        \/* --- \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u062c\u062f\u06cc\u062f \u0628\u0631\u0627\u06cc \u0641\u0627\u0635\u0644\u0647 \u0627\u0632 \u0628\u0627\u0644\u0627 \u0648 \u067e\u0627\u06cc\u06cc\u0646 --- *\/\n        max-height: 90vh; \/* \u062d\u062f\u0627\u06a9\u062b\u0631 \u06f9\u06f0 \u062f\u0631\u0635\u062f \u0627\u0631\u062a\u0641\u0627\u0639 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0628\u06af\u06cc\u0631\u062f *\/\n        margin: 20px 0;   \/* \u0641\u0627\u0635\u0644\u0647 \u0627\u062c\u0628\u0627\u0631\u06cc \u06f2\u06f0 \u067e\u06cc\u06a9\u0633\u0644 \u0627\u0632 \u0628\u0627\u0644\u0627 \u0648 \u067e\u0627\u06cc\u06cc\u0646 *\/\n        overflow-y: auto; \/* \u0627\u06af\u0631 \u0645\u062d\u062a\u0648\u0627 \u0632\u06cc\u0627\u062f \u0634\u062f\u060c \u0627\u0633\u06a9\u0631\u0648\u0644 \u0628\u062e\u0648\u0631\u062f *\/\n        \n        \/* \u0628\u0631\u0627\u06cc \u0632\u06cc\u0628\u0627\u06cc\u06cc \u0627\u0633\u06a9\u0631\u0648\u0644 \u0628\u0627\u0631 *\/\n        scrollbar-width: thin;\n        scrollbar-color: #334155 transparent;\n    }\n\n    @keyframes modalPop {\n        from { transform: scale(0.8); opacity: 0; }\n        to { transform: scale(1); opacity: 1; }\n    }\n\n    .close-modal {\n        position: absolute; top: 15px; left: 20px;\n        background: none; border: none; color: #fff;\n        font-size: 30px; cursor: pointer; opacity: 0.7;\n    }\n    .close-modal:hover { opacity: 1; transform: rotate(90deg); transition: 0.3s; }\n\n    .scenario-header-modal h3 { color: #fff; font-size: 20px; margin-bottom: 10px; }\n    .scenario-header-modal p { color: #94a3b8; font-size: 14px; line-height: 1.6; }\n\n    .scenario-image-box {\n        margin: 20px 0;\n        border-radius: 12px;\n        overflow: hidden;\n        border: 1px solid rgba(255,255,255,0.1);\n    }\n    .scenario-image-box img { width: 100%; height: auto; display: block; }\n\n    .scenario-action-box { background: rgba(255,255,255,0.03); padding: 20px; border-radius: 12px; }\n    .scenario-action-box p { color: #cbd5e1; margin-bottom: 10px; font-size: 14px; }\n\n    .copy-wrapper {\n        display: flex; gap: 10px; background: #0f172a;\n        padding: 5px; border-radius: 8px; border: 1px solid #334155;\n    }\n    .copy-wrapper input {\n        flex-grow: 1; background: transparent; border: none;\n        color: #10B981; font-weight: bold; text-align: center; font-family: inherit;\n        outline: none;\n    }\n    .copy-btn-modal {\n        background: #334155; color: white; border: none;\n        padding: 8px 15px; border-radius: 6px; cursor: pointer;\n        font-family: inherit; transition: 0.2s;\n    }\n    .copy-btn-modal:hover { background: #10B981; }\n\n    .hint-text { font-size: 11px !important; color: #64748b !important; margin-top: 10px !important; margin-bottom: 0 !important; }\n<\/style>\n\n<script>\n    function openScenarioModal() {\n        document.getElementById('scenarioModal').style.display = 'flex';\n    }\n\n    function closeScenarioModal() {\n        document.getElementById('scenarioModal').style.display = 'none';\n    }\n\n    \/\/ \u0628\u0633\u062a\u0646 \u0628\u0627 \u06a9\u0644\u06cc\u06a9 \u0628\u06cc\u0631\u0648\u0646 \u06a9\u0627\u062f\u0631\n    document.getElementById('scenarioModal').addEventListener('click', function(e) {\n        if (e.target === this) closeScenarioModal();\n    });\n\n    function copyScenarioText() {\n        var copyText = document.getElementById(\"scenarioInput\");\n        \n        \/\/ \u06a9\u067e\u06cc \u062f\u0631 \u06a9\u0644\u06cc\u067e\u200c\u0628\u0648\u0631\u062f\n        navigator.clipboard.writeText(copyText.value);\n        \n        \/\/ \u062a\u063a\u06cc\u06cc\u0631 \u0645\u062a\u0646 \u062f\u06a9\u0645\u0647 \u0628\u0631\u0627\u06cc \u0641\u06cc\u062f\u0628\u06a9\n        var btn = document.querySelector('.copy-btn-modal');\n        var originalHTML = btn.innerHTML;\n        \n        btn.style.background = '#10B981';\n        btn.innerHTML = '<i class=\"fas fa-check\"><\/i> \u06a9\u067e\u06cc \u0634\u062f!';\n        \n        \/\/ \u0628\u0627\u0632 \u06a9\u0631\u062f\u0646 \u062f\u0627\u0646\u0627\u06a9 \u0628\u0639\u062f \u0627\u0632 \u06a9\u067e\u06cc (\u0627\u062e\u062a\u06cc\u0627\u0631\u06cc - \u062e\u06cc\u0644\u06cc \u062c\u0630\u0627\u0628\u0634 \u0645\u06cc\u06a9\u0646\u0647)\n        setTimeout(function() {\n            $('#danak-fab').trigger('click');\n            closeScenarioModal();\n        }, 1000);\n\n        \/\/ \u0628\u0631\u06af\u0631\u062f\u0627\u0646\u062f\u0646 \u062f\u06a9\u0645\u0647 \u0628\u0647 \u062d\u0627\u0644\u062a \u0642\u0628\u0644\n        setTimeout(function() {\n            btn.innerHTML = originalHTML;\n            btn.style.background = '#334155';\n        }, 3000);\n    }\n<\/script>\n<script>\n    \/\/ \u0641\u0639\u0627\u0644\u200c\u0633\u0627\u0632\u06cc \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\u06cc \u062a\u0631\u06cc\u06af\u0631 \u062f\u0627\u0646\u0627\u06a9\n    jQuery(document).ready(function($) {\n        $('.open-danak-chat').on('click', function(e) {\n            e.preventDefault();\n            $('#danak-fab').trigger('click');\n        });\n    });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0646\u06a9\u062a\u0647 \u0645\u0647\u0645 \u0627\u06cc\u0646 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0635\u0631\u0641\u0627\u064b \u062c\u0647\u062a \u067e\u06cc\u0634\u200c\u0646\u0645\u0627\u06cc\u0634 \u0632\u0646\u062f\u0647 \u0627\u0641\u0632\u0648\u0646\u0647 \u062f\u0627\u0646\u0627\u06a9 \u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0647 \u0627\u0633\u062a. \u0628\u0631\u0627\u06cc \u062a\u0633\u062a \u0631\u0647\u06af\u06cc\u0631\u06cc \u0633\u0641\u0627\u0631\u0634\u060c \u0627\u0632 \u06a9\u062f 137 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-38","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/danakdemo.arghasemi.ir\/index.php?rest_route=\/wp\/v2\/pages\/38","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/danakdemo.arghasemi.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/danakdemo.arghasemi.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/danakdemo.arghasemi.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/danakdemo.arghasemi.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=38"}],"version-history":[{"count":58,"href":"https:\/\/danakdemo.arghasemi.ir\/index.php?rest_route=\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":169,"href":"https:\/\/danakdemo.arghasemi.ir\/index.php?rest_route=\/wp\/v2\/pages\/38\/revisions\/169"}],"wp:attachment":[{"href":"https:\/\/danakdemo.arghasemi.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}