{"id":28,"date":"2026-01-22T16:51:57","date_gmt":"2026-01-22T16:51:57","guid":{"rendered":"https:\/\/dibaarz.com\/?page_id=28"},"modified":"2026-02-26T08:54:18","modified_gmt":"2026-02-26T08:54:18","slug":"elementor-28","status":"publish","type":"page","link":"https:\/\/dibaarz.com\/","title":{"rendered":"home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"28\" class=\"elementor elementor-28\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9593163 e-flex e-con-boxed e-con e-parent\" data-id=\"9593163\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-459945b elementor-widget elementor-widget-shortcode\" data-id=\"459945b\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t\t<div data-elementor-type=\"page\" data-elementor-id=\"260\" class=\"elementor elementor-260\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c4d3ca e-flex e-con-boxed e-con e-parent\" data-id=\"5c4d3ca\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13cc32f elementor-widget elementor-widget-html\" data-id=\"13cc32f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<header class=\"dibaarz-header\">\r\n\r\n<div class=\"header-container\">\r\n\r\n<!-- \u0644\u0648\u06af\u0648 -->\r\n<div class=\"logo\">\r\n<img decoding=\"async\" src=\"https:\/\/dibaarz.com\/wp-content\/uploads\/2026\/01\/Layer-1.png\" alt=\"dibaarz-logo\">\r\n<span>\u062f\u06cc\u0628\u0627\u0627\u0631\u0632<\/span>\r\n<\/div>\r\n\r\n<!-- \u0645\u0646\u0648 -->\r\n<nav class=\"nav\">\r\n<a href=\"#\">\u062e\u0627\u0646\u0647<\/a>\r\n<a href=\"#\">\u062f\u0648\u0631\u0647\u200c\u0647\u0627<\/a>\r\n<a href=\"#\">\u06a9\u062a\u0627\u0628\u200c\u0647\u0627<\/a>\r\n<a href=\"#\">\u0645\u0642\u0627\u0644\u0627\u062a<\/a>\r\n<a href=\"#\">\u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627<\/a>\r\n<\/nav>\r\n\r\n<!-- \u062f\u06a9\u0645\u0647 -->\r\n<div class=\"header-cta\">\r\n<a href=\"#\" class=\"btn-primary\">\u0634\u0631\u0648\u0639 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc<\/a>\r\n<\/div>\r\n\r\n<!-- \u0645\u0646\u0648 \u0645\u0648\u0628\u0627\u06cc\u0644 -->\r\n<div class=\"menu-toggle\">\r\n<span><\/span>\r\n<span><\/span>\r\n<span><\/span>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/header>\r\n\r\n<style>\r\n\r\n\/* ===== Header Base ===== *\/\r\n.dibaarz-header{\r\nposition:fixed;\r\ntop:40px;\r\nleft:0;\r\nwidth:100%;\r\nbackground:rgba(6,18,47,.95);\r\nbackdrop-filter:blur(10px);\r\nborder-bottom:1px solid rgba(212,175,55,.3);\r\nz-index:999;\r\n}\r\n\r\n.header-container{\r\nmax-width:1200px;\r\nmargin:auto;\r\npadding:15px 20px;\r\ndisplay:flex;\r\nalign-items:center;\r\njustify-content:space-between;\r\ncolor:#fff;\r\nfont-family:tahoma;\r\n}\r\n\r\n\/* ===== Logo ===== *\/\r\n.logo{\r\ndisplay:flex;\r\nalign-items:center;\r\ngap:10px;\r\nfont-weight:800;\r\nfont-size:18px;\r\ncolor:#d4af37;\r\n}\r\n\r\n.logo img{\r\nwidth:35px;\r\nheight:35px;\r\nobject-fit:contain;\r\nfilter:\r\ndrop-shadow(0 0 6px rgba(212,175,55,.7))\r\ndrop-shadow(0 0 15px rgba(212,175,55,.5));\r\n}\r\n\r\n\/* ===== Nav ===== *\/\r\n.nav{\r\ndisplay:flex;\r\ngap:30px;\r\n}\r\n\r\n.nav a{\r\ncolor:#ffffff;\r\ntext-decoration:none;\r\nfont-size:14px;\r\nposition:relative;\r\ntransition:.3s;\r\n}\r\n\r\n.nav a::after{\r\ncontent:\"\";\r\nposition:absolute;\r\nbottom:-6px;\r\nleft:0;\r\nwidth:0%;\r\nheight:2px;\r\nbackground:#d4af37;\r\ntransition:.3s;\r\n}\r\n\r\n.nav a:hover{\r\ncolor:#d4af37;\r\n}\r\n\r\n.nav a:hover::after{\r\nwidth:100%;\r\n}\r\n\r\n\/* ===== CTA ===== *\/\r\n.btn-primary{\r\nbackground:linear-gradient(135deg,#d4af37,#f5d77a);\r\ncolor:#1b1b1b;\r\npadding:8px 18px;\r\nborder-radius:999px;\r\ntext-decoration:none;\r\nfont-size:13px;\r\nfont-weight:700;\r\nbox-shadow:\r\n0 0 10px rgba(212,175,55,.6),\r\n0 0 25px rgba(212,175,55,.4);\r\ntransition:.3s;\r\n}\r\n\r\n.btn-primary:hover{\r\ntransform:translateY(-3px);\r\nbox-shadow:\r\n0 0 20px rgba(212,175,55,.9),\r\n0 0 40px rgba(212,175,55,.7);\r\n}\r\n\r\n\/* ===== Mobile Menu ===== *\/\r\n.menu-toggle{\r\ndisplay:none;\r\nflex-direction:column;\r\ngap:5px;\r\ncursor:pointer;\r\n}\r\n\r\n.menu-toggle span{\r\nwidth:25px;\r\nheight:3px;\r\nbackground:#d4af37;\r\nborder-radius:5px;\r\ntransition:.3s;\r\n}\r\n\r\n\/* ===== Responsive ===== *\/\r\n@media(max-width:900px){\r\n\r\n.nav{\r\nposition:absolute;\r\ntop:70px;\r\nright:0;\r\nbackground:#06122f;\r\nwidth:100%;\r\nflex-direction:column;\r\nalign-items:center;\r\ngap:20px;\r\npadding:20px 0;\r\ndisplay:none;\r\nborder-top:1px solid rgba(212,175,55,.3);\r\n}\r\n\r\n.nav.active{\r\ndisplay:flex;\r\n}\r\n\r\n.menu-toggle{\r\ndisplay:flex;\r\n}\r\n\r\n.header-cta{\r\ndisplay:none;\r\n}\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n\r\nconst toggle=document.querySelector(\".menu-toggle\");\r\nconst nav=document.querySelector(\".nav\");\r\n\r\ntoggle.addEventListener(\"click\",()=>{\r\nnav.classList.toggle(\"active\");\r\n});\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-84a6c57 e-con-full e-flex e-con e-parent\" data-id=\"84a6c57\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4b07949 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"4b07949\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"recycle-flow-hero\">\r\n<div class=\"rfh-bg\"><\/div>\r\n<div class=\"rfh-grid\"><\/div>\r\n\r\n<div class=\"rfh-container\">\r\n\r\n<!-- \u0633\u062a\u0648\u0646 \u0645\u062a\u0646 -->\r\n<div class=\"rfh-content\">\r\n\r\n<div class=\"rfh-badge\">\r\n<span class=\"rfh-badge-dot\"><\/span>\r\n<span>\u0622\u0645\u0648\u0632\u0634 \u0647\u0648\u0634\u0645\u0646\u062f \u0628\u0627\u0632\u0627\u0631\u0647\u0627\u06cc \u0645\u0627\u0644\u06cc...<\/span>\r\n<\/div>\r\n\r\n<h1 class=\"rfh-title\">\r\n\u0622\u06a9\u0627\u062f\u0645\u06cc \u0622\u0645\u0648\u0632\u0634 \u0627\u0631\u0632 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 <span>\u0646\u0648\u0627 \u0622\u06a9\u0627\u062f\u0645\u06cc<\/span>\r\n<\/h1>\r\n\r\n<p class=\"rfh-subtitle\">\r\n\u0645\u0627 \u0628\u0627 \u0627\u0631\u0627\u0626\u0647 \u0622\u0645\u0648\u0632\u0634\u200c\u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0648 \u062a\u062d\u0644\u06cc\u0644\u200c\u0645\u062d\u0648\u0631\u060c \u0628\u0647 \u0634\u0645\u0627 \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u0645\u0641\u0627\u0647\u06cc\u0645 \u0627\u0631\u0632\u0647\u0627\u06cc \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644\u060c \u0645\u062f\u06cc\u0631\u06cc\u062a \u0631\u06cc\u0633\u06a9 \u0648 \u062a\u062d\u0644\u06cc\u0644 \u0628\u0627\u0632\u0627\u0631 \u0631\u0627 \u0628\u0647\u200c\u0635\u0648\u0631\u062a \u0627\u0635\u0648\u0644\u06cc \u06cc\u0627\u062f \u0628\u06af\u06cc\u0631\u06cc\u062f \u0648 \u0628\u0627 \u062f\u06cc\u062f\u06cc \u0622\u06af\u0627\u0647\u0627\u0646\u0647 \u0648\u0627\u0631\u062f \u062f\u0646\u06cc\u0627\u06cc \u06a9\u0631\u06cc\u067e\u062a\u0648 \u0634\u0648\u06cc\u062f.\r\n<\/p>\r\n\r\n<div class=\"rfh-cta\">\r\n<a href=\"#\" class=\"rfh-btn rfh-btn-primary\">\u0634\u0631\u0648\u0639 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc<\/a>\r\n<a href=\"#\" class=\"rfh-btn rfh-btn-ghost\">\u062f\u0648\u0631\u0647\u200c\u0647\u0627<\/a>\r\n<\/div>\r\n\r\n<div class=\"rfh-mini-stats\">\r\n<div class=\"mini-stat\">\r\n<span class=\"mini-label\">\u062f\u0627\u0646\u0634\u062c\u0648\u06cc\u0627\u0646 \u0641\u0639\u0627\u0644<\/span>\r\n<span class=\"mini-value\">+\u06f1\u06f8,\u06f0\u06f0\u06f0 \u0646\u0641\u0631<\/span>\r\n<\/div>\r\n<div class=\"mini-stat\">\r\n<span class=\"mini-label\">\u0633\u0627\u0639\u062a \u0622\u0645\u0648\u0632\u0634 \u062a\u0648\u0644\u06cc\u062f\u0634\u062f\u0647<\/span>\r\n<span class=\"mini-value\">+\u06f3,\u06f2\u06f0\u06f0 \u0633\u0627\u0639\u062a<\/span>\r\n<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<!-- \u0633\u062a\u0648\u0646 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 -->\r\n<div class=\"rfh-visual\">\r\n\r\n<div class=\"rfh-orbit rfh-orbit-outer\"><\/div>\r\n<div class=\"rfh-orbit rfh-orbit-middle\"><\/div>\r\n<div class=\"rfh-orbit rfh-orbit-inner\"><\/div>\r\n\r\n<div class=\"rfh-dot-orbit rfh-dot-orbit-1\"><div class=\"rfh-dot\"><\/div><\/div>\r\n<div class=\"rfh-dot-orbit rfh-dot-orbit-2\"><div class=\"rfh-dot\"><\/div><\/div>\r\n<div class=\"rfh-dot-orbit rfh-dot-orbit-3\"><div class=\"rfh-dot\"><\/div><\/div>\r\n\r\n<div class=\"rfh-core\">\r\n<div class=\"rfh-core-icon\">\r\n<img decoding=\"async\" src=\"https:\/\/dibaarz.com\/wp-content\/uploads\/2026\/01\/Layer-1.png\" alt=\"dibaarz-logo\">\r\n<\/div>\r\n<div class=\"rfh-core-text\">\u0645\u0633\u06cc\u0631 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc<\/div>\r\n<\/div>\r\n\r\n<div class=\"rfh-step rfh-step-1\">\r\n<span class=\"step-title\">\u0645\u0628\u0627\u0646\u06cc \u0627\u0631\u0632 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644<\/span>\r\n<\/div>\r\n\r\n<div class=\"rfh-step rfh-step-2\">\r\n<span class=\"step-title\">\u062a\u062d\u0644\u06cc\u0644 \u062a\u06a9\u0646\u06cc\u06a9\u0627\u0644<\/span>\r\n<\/div>\r\n\r\n<div class=\"rfh-step rfh-step-3\">\r\n<span class=\"step-title\">\u0645\u062f\u06cc\u0631\u06cc\u062a \u0633\u0631\u0645\u0627\u06cc\u0647<\/span>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<style>\r\n.recycle-flow-hero{\r\nposition:relative;\r\nwidth:100%;\r\nmin-height:60vh;\r\npadding:80px 20px;\r\noverflow:hidden;\r\ndirection:rtl;\r\nfont-family:tahoma;\r\ncolor:#f5f0e6;\r\n}\r\n\r\n\/* \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u0633\u0648\u0631\u0645\u0647\u200c\u0627\u06cc \u0637\u0644\u0627\u06cc\u06cc *\/\r\n.rfh-bg{\r\nposition:absolute;\r\ninset:0;\r\nbackground:\r\nradial-gradient(circle at top left,#d4af37 0,transparent 55%),\r\nradial-gradient(circle at bottom right,#b8860b 0,transparent 55%),\r\nlinear-gradient(135deg,#020b1f,#06122f 60%,#020817 100%);\r\nopacity:.98;\r\nz-index:1;\r\n}\r\n\r\n\/* \u06af\u0631\u06cc\u062f *\/\r\n.rfh-grid{\r\nposition:absolute;\r\ninset:0;\r\nbackground-image:\r\nlinear-gradient(to right,rgba(212,175,55,.15) 1px,transparent 1px),\r\nlinear-gradient(to bottom,rgba(212,175,55,.12) 1px,transparent 1px);\r\nbackground-size:60px 60px;\r\nanimation:rfh-grid-move 24s linear infinite;\r\nz-index:2;\r\n}\r\n\r\n@keyframes rfh-grid-move{\r\nfrom{background-position:0 0,0 0;}\r\nto{background-position:60px 60px,60px 60px;}\r\n}\r\n\r\n.rfh-container{\r\nposition:relative;\r\nz-index:3;\r\nmax-width:1180px;\r\nmargin:0 auto;\r\ndisplay:flex;\r\nflex-wrap:wrap;\r\ngap:40px;\r\nalign-items:center;\r\njustify-content:space-between;\r\n}\r\n\r\n\/* \u0645\u062a\u0646 *\/\r\n.rfh-content{flex:1 1 320px;max-width:560px;display:flex;flex-direction:column;gap:18px;}\r\n\r\n.rfh-badge{\r\ndisplay:inline-flex;\r\nalign-items:center;\r\ngap:8px;\r\npadding:6px 12px;\r\nborder-radius:999px;\r\nbackground:rgba(5,15,40,.9);\r\nborder:1px solid rgba(212,175,55,.8);\r\ncolor:#f6e7c1;\r\n}\r\n\r\n.rfh-badge-dot{\r\nwidth:8px;height:8px;border-radius:999px;\r\nbackground:#d4af37;\r\nbox-shadow:0 0 10px rgba(212,175,55,.9);\r\n}\r\n\r\n.rfh-title{font-size:clamp(30px,3.8vw,42px);font-weight:800;color:#fff;}\r\n.rfh-title span{color:#d4af37;}\r\n.rfh-subtitle{font-size:15px;line-height:1.9;color:#dbe4ff;}\r\n\r\n.rfh-btn{\r\ntext-decoration:none;\r\nfont-size:14px;\r\nfont-weight:600;\r\nborder-radius:999px;\r\npadding:10px 20px;\r\ndisplay:inline-flex;\r\n}\r\n\r\n.rfh-btn-primary{\r\nbackground:linear-gradient(135deg,#d4af37,#f5d77a);\r\ncolor:#1b1b1b;\r\nbox-shadow:0 10px 30px rgba(212,175,55,.5);\r\n}\r\n\r\n.rfh-btn-ghost{\r\nborder:1px solid rgba(212,175,55,.7);\r\ncolor:#f5f0e6;\r\nbackground:rgba(5,15,40,.8);\r\n}\r\n\r\n.rfh-mini-stats{display:flex;gap:12px;margin-top:10px;}\r\n.mini-stat{\r\npadding:8px 12px;\r\nborder-radius:14px;background:radial-gradient(circle at top,rgba(212,175,55,.25),rgba(5,15,40,.95));\r\nborder:1px solid rgba(212,175,55,.5);\r\n}\r\n\r\n.mini-label{font-size:11px;color:#cbbf9a;}\r\n.mini-value{font-size:15px;font-weight:700;color:#fff;}\r\n\r\n\/* \u0628\u062e\u0634 \u0645\u062f\u0627\u0631 *\/\r\n.rfh-visual{position:relative;flex:1 1 280px;max-width:420px;aspect-ratio:1\/1;margin:auto;}\r\n\r\n.rfh-orbit{\r\nposition:absolute;\r\ninset:0;\r\nmargin:auto;\r\nborder-radius:999px;\r\nborder:1px dashed rgba(212,175,55,.5);\r\n}\r\n\r\n.rfh-orbit-outer{width:100%;height:100%;}\r\n.rfh-orbit-middle{width:72%;height:72%;}\r\n.rfh-orbit-inner{width:46%;height:46%;border-style:solid;}\r\n\r\n.rfh-dot-orbit{position:absolute;inset:0;margin:auto;animation:rfh-dot-spin 14s linear infinite;}\r\n.rfh-dot-orbit-1{width:100%;height:100%;animation-duration:18s;}\r\n.rfh-dot-orbit-2{width:72%;height:72%;animation-duration:12s;animation-direction:reverse;}\r\n.rfh-dot-orbit-3{width:46%;height:46%;animation-duration:9s;}\r\n\r\n@keyframes rfh-dot-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}\r\n\r\n.rfh-dot{\r\nposition:absolute;\r\ntop:0;left:50%;\r\ntransform:translateX(-50%);\r\nwidth:10px;height:10px;border-radius:999px;\r\nbackground:#d4af37;\r\nbox-shadow:0 0 12px rgba(212,175,55,.9);\r\n}\r\n\r\n.rfh-core{\r\nposition:absolute;\r\ninset:0;\r\nmargin:auto;\r\nwidth:170px;\r\nheight:170px;\r\nborder-radius:999px;\r\nbackground:\r\nradial-gradient(circle at 30% 30%,rgba(255,255,255,.15),transparent 40%),\r\nradial-gradient(circle at top,rgba(212,175,55,.7),rgba(5,15,40,.95));\r\ndisplay:flex;\r\nflex-direction:column;\r\nalign-items:center;\r\njustify-content:center;\r\ncolor:#fff;\r\nbox-shadow:\r\n0 0 20px rgba(212,175,55,.6),\r\n0 0 40px rgba(212,175,55,.4),\r\ninset 0 0 20px rgba(255,255,255,.1);\r\nanimation:coreGlow 3.5s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes coreGlow{\r\nfrom{\r\nbox-shadow:\r\n0 0 15px rgba(212,175,55,.5),\r\n0 0 30px rgba(212,175,55,.3),\r\ninset 0 0 15px rgba(255,255,255,.08);\r\n}\r\nto{\r\nbox-shadow:\r\n0 0 30px rgba(212,175,55,.9),\r\n0 0 60px rgba(212,175,55,.6),\r\ninset 0 0 25px rgba(255,255,255,.15);\r\n}\r\n}\r\n\r\n.rfh-core-icon{\r\nwidth:90px;\r\nheight:90px;\r\ndisplay:flex;\r\nalign-items:center;\r\njustify-content:center;\r\n}\r\n\r\n.rfh-core-icon img{\r\nwidth:100%;\r\nheight:100%;\r\nobject-fit:contain;\r\nfilter:\r\ndrop-shadow(0 0 10px rgba(212,175,55,.7))\r\ndrop-shadow(0 0 20px rgba(212,175,55,.5));\r\n}\r\n\r\n.rfh-core-text{\r\nmargin-top:8px;\r\nfont-size:13px;\r\nfont-weight:700;\r\ncolor:#f5e7c2;\r\nletter-spacing:.5px;\r\n}\r\n.rfh-core-text{font-size:13px;font-weight:700;color:#f5e7c2;}\r\n\r\n.rfh-step{\r\nposition:absolute;\r\nfont-size:11px;\r\nbackground:rgba(5,15,40,.9);\r\nborder:1px solid rgba(212,175,55,.5);\r\npadding:7px 9px;\r\nborder-radius:10px;\r\ncolor:#fff;\r\n}\r\n\r\n.rfh-step-1{top:5%;left:8%;}\r\n.rfh-step-2{bottom:8%;left:50%;transform:translateX(-50%);}\r\n.rfh-step-3{top:10%;right:6%;}\r\n\r\n.step-title{font-weight:700;color:#d4af37;}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9e9075f e-flex e-con-boxed e-con e-parent\" data-id=\"9e9075f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fde87af elementor-widget elementor-widget-html\" data-id=\"fde87af\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fa\" dir=\"rtl\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n  <title>\u0642\u06cc\u0645\u062a \u0644\u062d\u0638\u0647\u200c\u0627\u06cc \u0627\u0631\u0632\u0647\u0627\u06cc \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644<\/title>\r\n  <style>\r\n  \r\n  \/* ===== OUTER GRADIENT CONTAINER ===== *\/\r\n.outer-prices{\r\n  padding:80px 20px;\r\n  display:flex;\r\n  justify-content:center;\r\n}\r\n\r\n.outer-prices .prices-wrap{\r\n  width:100%;\r\n  max-width:1300px;\r\n  border-radius:25px;\r\n  padding:30px;\r\n\r\n  background:\r\n    radial-gradient(circle at top left, rgba(212,175,55,0.18), transparent 60%),\r\n    radial-gradient(circle at bottom right, rgba(212,175,55,0.12), transparent 60%),\r\n    linear-gradient(135deg,#11141c,#0b0d12);\r\n\r\n  box-shadow:0 0 40px rgba(0,0,0,0.6);\r\n}\r\n  \r\n  \r\n  \r\n  \r\n  \r\n  \r\n  \/* ===== GRADIENT CONTAINER ===== *\/\r\n.prices-section{\r\n  padding:80px 20px;\r\n  display:flex;\r\n  justify-content:center;\r\n}\r\n\r\n.prices-container{\r\n  width:100%;\r\n  max-width:1300px; \/* \u0627\u06cc\u0646\u062c\u0627 \u0639\u0631\u0636 \u0631\u0648 \u0639\u0648\u0636 \u0645\u06cc\u06a9\u0646\u06cc *\/\r\n  border-radius:25px;\r\n  padding:40px 20px;\r\n\r\n  background:\r\n    radial-gradient(circle at top left, rgba(212,175,55,0.18), transparent 60%),\r\n    radial-gradient(circle at bottom right, rgba(212,175,55,0.12), transparent 60%),\r\n    linear-gradient(135deg,#11141c,#0b0d12);\r\n\r\n  box-shadow:0 0 40px rgba(0,0,0,0.6);\r\n}\r\n  \r\n  \r\n  \/* ===== COLLAPSE TABLE ===== *\/\r\ntbody.collapsed tr:nth-child(n+4){\r\n  display:none;\r\n}\r\n\r\n.show-more-wrap{\r\n  text-align:center;\r\n  padding:14px;\r\n}\r\n\r\n.show-more-btn{\r\n  background:rgba(20,22,31,.70);\r\n  border:1px solid rgba(212,175,55,.35);\r\n  color:#d4af37;\r\n  padding:10px 18px;\r\n  border-radius:12px;\r\n  cursor:pointer;\r\n  transition:.3s;\r\n  font-size:13px;\r\n}\r\n\r\n.show-more-btn:hover{\r\n  background:rgba(212,175,55,.12);\r\n  box-shadow:0 0 18px rgba(212,175,55,.25);\r\n}\r\n    :root{\r\n      --gold:#d4af37;\r\n      --bg:#0f1117;\r\n      --panel:#14161f;\r\n      --panel2:#10121a;\r\n      --line:rgba(212,175,55,.28);\r\n      --text:#e9e9ee;\r\n      --muted:#a7a7b3;\r\n      --good:#3ddc97;\r\n      --bad:#ff5c6c;\r\n      --shadow: 0 0 40px rgba(0,0,0,.55);\r\n    }\r\n\r\n    *{ box-sizing:border-box; }\r\n    body{\r\n      margin:0;\r\n      background: var(--bg);\r\n      color:var(--text);\r\n      font-family: Tahoma, system-ui, -apple-system, Segoe UI, Roboto, Arial;\r\n    }\r\n\r\n    \/* ===== Section container (\u0645\u062b\u0644 \u062a\u0645 \u0634\u0645\u0627) ===== *\/\r\n    .prices-section{\r\n      padding: 70px 18px;\r\n      display:flex;\r\n      justify-content:center;\r\n    }\r\n\r\n    .prices-wrap{\r\n      width:100%;\r\n      max-width: 1600px; \/* \u0639\u0631\u0636 \u06a9\u0644\u06cc \u06a9\u0627\u0646\u062a\u06cc\u0646\u0631 *\/\r\n      border-radius: 26px;\r\n      padding: 26px;\r\n      background:\r\n        radial-gradient(900px 450px at 15% 10%, rgba(212,175,55,.18), transparent 60%),\r\n        radial-gradient(900px 450px at 85% 90%, rgba(212,175,55,.12), transparent 65%),\r\n        linear-gradient(135deg, #11141c, #0b0d12);\r\n      box-shadow: var(--shadow);\r\n      border: 1px solid rgba(212,175,55,.14);\r\n      position:relative;\r\n      overflow:hidden;\r\n    }\r\n\r\n    .prices-wrap:before{\r\n      content:\"\";\r\n      position:absolute;\r\n      inset:-2px;\r\n      background: radial-gradient(600px 180px at 50% 20%, rgba(212,175,55,.12), transparent 70%);\r\n      pointer-events:none;\r\n      filter: blur(2px);\r\n    }\r\n\r\n    .header{\r\n      position:relative;\r\n      display:flex;\r\n      align-items:flex-end;\r\n      justify-content:space-between;\r\n      gap:16px;\r\n      padding: 10px 6px 18px;\r\n    }\r\n\r\n    .title{\r\n      display:flex;\r\n      flex-direction:column;\r\n      gap:6px;\r\n    }\r\n    .title h2{\r\n      margin:0;\r\n      font-size: 26px;\r\n      letter-spacing:.2px;\r\n      color: var(--gold);\r\n    }\r\n    .title p{\r\n      margin:0;\r\n      color:var(--muted);\r\n      font-size: 13px;\r\n      line-height:1.8;\r\n    }\r\n\r\n    .controls{\r\n      display:flex;\r\n      gap:10px;\r\n      flex-wrap:wrap;\r\n      align-items:center;\r\n      justify-content:flex-end;\r\n    }\r\n\r\n    .pill{\r\n      display:flex;\r\n      align-items:center;\r\n      gap:10px;\r\n      background: rgba(20,22,31,.65);\r\n      border: 1px solid rgba(212,175,55,.22);\r\n      border-radius: 14px;\r\n      padding: 10px 12px;\r\n      backdrop-filter: blur(10px);\r\n    }\r\n\r\n    .search{\r\n      width: 280px;\r\n      max-width: 72vw;\r\n      display:flex;\r\n      align-items:center;\r\n      gap:10px;\r\n    }\r\n    .search input{\r\n      width:100%;\r\n      border:none;\r\n      outline:none;\r\n      background: transparent;\r\n      color:var(--text);\r\n      font-size: 13px;\r\n    }\r\n    .search svg{ opacity:.9; }\r\n\r\n    .seg{\r\n      display:flex;\r\n      gap:8px;\r\n      padding: 6px;\r\n    }\r\n    .seg button{\r\n      border:none;\r\n      cursor:pointer;\r\n      background: transparent;\r\n      color: var(--muted);\r\n      padding: 8px 10px;\r\n      border-radius: 10px;\r\n      font-size: 12px;\r\n      transition:.2s;\r\n      border:1px solid transparent;\r\n    }\r\n    .seg button.active{\r\n      color:#111;\r\n      background: var(--gold);\r\n      border-color: rgba(0,0,0,.15);\r\n    }\r\n    .seg button:hover{ border-color: rgba(212,175,55,.30); }\r\n\r\n    .meta{\r\n      font-size:12px;\r\n      color:var(--muted);\r\n      display:flex;\r\n      align-items:center;\r\n      gap:10px;\r\n      white-space:nowrap;\r\n    }\r\n    .dot{\r\n      width:8px;height:8px;border-radius:50%;\r\n      background:#2bd67b;\r\n      box-shadow: 0 0 14px rgba(43,214,123,.45);\r\n    }\r\n\r\n    \/* ===== Table ===== *\/\r\n    .table-card{\r\n      position:relative;\r\n      background: rgba(16,18,26,.70);\r\n      border: 1px solid rgba(212,175,55,.18);\r\n      border-radius: 18px;\r\n      overflow:hidden;\r\n      backdrop-filter: blur(12px);\r\n    }\r\n\r\n    .table-head{\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:space-between;\r\n      padding: 14px 14px;\r\n      border-bottom: 1px solid rgba(212,175,55,.18);\r\n      gap:10px;\r\n      background: linear-gradient(180deg, rgba(212,175,55,.10), transparent);\r\n    }\r\n    .table-head .left{\r\n      display:flex; gap:10px; align-items:center; flex-wrap:wrap;\r\n      color:var(--muted);\r\n      font-size:12px;\r\n    }\r\n    .badge{\r\n      color:#111;\r\n      background: var(--gold);\r\n      padding: 5px 8px;\r\n      border-radius: 999px;\r\n      font-weight:700;\r\n      font-size: 11px;\r\n    }\r\n\r\n    .table-scroll{\r\n      width:100%;\r\n      overflow:auto;\r\n    }\r\n\r\n    table{\r\n      width:100%;\r\n      border-collapse: collapse;\r\n      min-width: 980px; \/* \u0628\u0631\u0627\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 \u0627\u0633\u06a9\u0631\u0648\u0644 \u0627\u0641\u0642\u06cc *\/\r\n    }\r\n\r\n    thead th{\r\n      text-align:right;\r\n      font-size:12px;\r\n      color: var(--muted);\r\n      font-weight:600;\r\n      padding: 12px 14px;\r\n      border-bottom: 1px solid rgba(212,175,55,.14);\r\n      white-space:nowrap;\r\n    }\r\n\r\n    tbody td{\r\n      padding: 12px 14px;\r\n      border-bottom: 1px solid rgba(255,255,255,.06);\r\n      font-size: 13px;\r\n      vertical-align: middle;\r\n      white-space:nowrap;\r\n    }\r\n\r\n    tbody tr:hover{\r\n      background: rgba(212,175,55,.06);\r\n    }\r\n\r\n    .coin{\r\n      display:flex;\r\n      align-items:center;\r\n      gap:10px;\r\n      min-width: 180px;\r\n    }\r\n    .coin img{\r\n      width:26px;height:26px;border-radius:50%;\r\n      box-shadow: 0 0 0 1px rgba(212,175,55,.25);\r\n    }\r\n    .coin .name{\r\n      display:flex; flex-direction:column; line-height:1.2;\r\n    }\r\n    .coin .name b{ font-size:13px; }\r\n    .coin .name span{ font-size:11px; color:var(--muted); }\r\n\r\n    .chg{\r\n      font-weight:700;\r\n      display:inline-flex;\r\n      align-items:center;\r\n      gap:6px;\r\n    }\r\n    .up{ color: var(--good); }\r\n    .down{ color: var(--bad); }\r\n\r\n    .spark{\r\n      width:120px;\r\n      height:34px;\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:flex-end;\r\n    }\r\n    .spark svg{ width:120px; height:34px; opacity:.95; }\r\n\r\n    .cap, .vol{\r\n      color:#d9d9e2;\r\n      opacity:.95;\r\n    }\r\n\r\n    .foot{\r\n      padding: 12px 14px;\r\n      display:flex;\r\n      justify-content:space-between;\r\n      align-items:center;\r\n      gap:10px;\r\n      color:var(--muted);\r\n      font-size:12px;\r\n      flex-wrap:wrap;\r\n    }\r\n\r\n    .btn{\r\n      border: 1px solid rgba(212,175,55,.28);\r\n      background: rgba(20,22,31,.60);\r\n      color: var(--text);\r\n      padding: 10px 12px;\r\n      border-radius: 12px;\r\n      cursor:pointer;\r\n      transition:.2s;\r\n    }\r\n    .btn:hover{\r\n      border-color: rgba(212,175,55,.60);\r\n      box-shadow: 0 0 18px rgba(212,175,55,.18);\r\n    }\r\n\r\n    .error{\r\n      padding: 14px;\r\n      color: #ffb0b8;\r\n      font-size: 13px;\r\n      line-height:1.8;\r\n    }\r\n\r\n    \/* nicer scrollbar *\/\r\n    .table-scroll::-webkit-scrollbar{ height:10px; width:10px; }\r\n    .table-scroll::-webkit-scrollbar-thumb{\r\n      background: rgba(212,175,55,.30);\r\n      border-radius: 999px;\r\n    }\r\n    .table-scroll::-webkit-scrollbar-track{ background: rgba(255,255,255,.05); }\r\n\r\n    @media (max-width:640px){\r\n      .title h2{ font-size:22px; }\r\n      .prices-wrap{ padding: 18px; }\r\n      .table-head{ padding: 12px; }\r\n      .search{ width: 100%; }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n\r\n<body>\r\n  <!-- \u067e\u06cc\u0634\u0646\u0647\u0627\u062f \u062c\u0627\u06cc\u06af\u0630\u0627\u0631\u06cc: \u0628\u0639\u062f \u0627\u0632 \u0647\u06cc\u0631\u0648 -->\r\n  <section class=\"prices-section\" id=\"live-prices\">\r\n    <div class=\"prices-wrap\">\r\n      <div class=\"header\">\r\n        <div class=\"title\">\r\n          <h2>\u0642\u06cc\u0645\u062a \u0644\u062d\u0638\u0647\u200c\u0627\u06cc \u0627\u0631\u0632\u0647\u0627\u06cc \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644<\/h2>\r\n          <p>\u062c\u062f\u0648\u0644 \u0642\u06cc\u0645\u062a\u200c\u0647\u0627 \u0628\u0647\u200c\u0635\u0648\u0631\u062a \u062e\u0648\u062f\u06a9\u0627\u0631 \u0628\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f (\u0628\u062f\u0648\u0646 \u0631\u0641\u0631\u0634).<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"controls\">\r\n          <div class=\"pill search\">\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M21 21l-4.3-4.3m1.8-5.2a7 7 0 11-14 0 7 7 0 0114 0z\" stroke=\"rgba(212,175,55,.9)\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n            <\/svg>\r\n            <input id=\"q\" placeholder=\"\u062c\u0633\u062a\u062c\u0648: BTC \/ Bitcoin \/ ETH ...\" \/>\r\n          <\/div>\r\n\r\n          <div class=\"pill seg\" aria-label=\"range\">\r\n            <button class=\"active\" data-range=\"24h\">\u06f2\u06f4 \u0633\u0627\u0639\u062a\u0647<\/button>\r\n            <button data-range=\"7d\">\u06f7 \u0631\u0648\u0632\u0647<\/button>\r\n          <\/div>\r\n\r\n          <div class=\"meta\"><span class=\"dot\"><\/span>\r\n            <span id=\"status\">Live<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"table-card\">\r\n        <div class=\"table-head\">\r\n          <div class=\"left\">\r\n            <span class=\"badge\" id=\"countBadge\">\u2014<\/span>\r\n            <span>\u0646\u0645\u0627\u06cc\u0634 \u0628\u0631 \u0627\u0633\u0627\u0633 \u062f\u0644\u0627\u0631 (USD)<\/span>\r\n            <span>\u2022<\/span>\r\n            <span>\u0628\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc \u062e\u0648\u062f\u06a9\u0627\u0631<\/span>\r\n          <\/div>\r\n          <div class=\"left\">\r\n            <span id=\"updatedAt\">\u0622\u062e\u0631\u06cc\u0646 \u0628\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc: \u2014<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"table-scroll\">\r\n          <table>\r\n            <thead>\r\n              <tr>\r\n                <th>\u0627\u0631\u0632<\/th>\r\n                <th>\u0642\u06cc\u0645\u062a<\/th>\r\n                <th>\u062a\u063a\u06cc\u06cc\u0631<\/th>\r\n                <th>\u0645\u0627\u0631\u06a9\u062a \u06a9\u067e<\/th>\r\n                <th>\u062d\u062c\u0645 \u06f2\u06f4h<\/th>\r\n                <th>\u0646\u0645\u0648\u062f\u0627\u0631<\/th>\r\n              <\/tr>\r\n            <\/thead>\r\n            <tbody id=\"rows\">\r\n              <tr><td colspan=\"6\" style=\"padding:16px;color:#a7a7b3;\">\u062f\u0631 \u062d\u0627\u0644 \u062f\u0631\u06cc\u0627\u0641\u062a \u0627\u0637\u0644\u0627\u0639\u0627\u062a\u2026<\/td><\/tr>\r\n            <\/tbody>\r\n          <\/table>\r\n          <div class=\"show-more-wrap\">\r\n  <button class=\"show-more-btn\" id=\"toggleRows\">\r\n    \u0646\u0645\u0627\u06cc\u0634 \u0628\u06cc\u0634\u062a\u0631 \u2193\r\n  <\/button>\r\n<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"foot\">\r\n          <div>\u0645\u0646\u0628\u0639 \u062f\u0627\u062f\u0647: CoinGecko \u2022 \u0627\u06af\u0631 \u06af\u0627\u0647\u06cc \u0644\u0648\u062f \u0646\u0634\u062f\u060c \u0628\u0647\u200c\u062e\u0627\u0637\u0631 \u0645\u062d\u062f\u0648\u062f\u06cc\u062a \u062f\u0631\u062e\u0648\u0627\u0633\u062a\u200c\u0647\u0627\u0633\u062a.<\/div>\r\n          <div style=\"display:flex; gap:10px; align-items:center;\">\r\n            <button class=\"btn\" id=\"refreshBtn\">\u0628\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc \u062f\u0633\u062a\u06cc<\/button>\r\n            <button class=\"btn\" id=\"toggleAutoBtn\" data-on=\"1\">Auto: \u0631\u0648\u0634\u0646<\/button>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div id=\"err\" class=\"error\" style=\"display:none;\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<script>\r\n(() => {\r\n  const $ = (s) => document.querySelector(s);\r\n\r\n  const rowsEl = $(\"#rows\");\r\n  const errEl = $(\"#err\");\r\n  const qEl = $(\"#q\");\r\n  const updatedAtEl = $(\"#updatedAt\");\r\n  const statusEl = $(\"#status\");\r\n  const countBadgeEl = $(\"#countBadge\");\r\n  const refreshBtn = $(\"#refreshBtn\");\r\n  const toggleAutoBtn = $(\"#toggleAutoBtn\");\r\n\r\n  \/\/ \u062a\u0646\u0638\u06cc\u0645\u0627\u062a\r\n  let range = \"24h\";           \/\/ \"24h\" | \"7d\"\r\n  let auto = true;\r\n  let timer = null;\r\n  const refreshEveryMs = 30000; \/\/ \u0647\u0631 30 \u062b\u0627\u0646\u06cc\u0647\r\n\r\n  \/\/ \u0644\u06cc\u0633\u062a \u0627\u0648\u0644\u06cc\u0647 \u0627\u0631\u0632\u0647\u0627 (\u0645\u06cc\u200c\u062a\u0648\u0646\u06cc \u06a9\u0645\/\u0632\u06cc\u0627\u062f \u06a9\u0646\u06cc)\r\n  const COINS = [\r\n    \"bitcoin\",\"ethereum\",\"tether\",\"binancecoin\",\"solana\",\"ripple\",\r\n    \"cardano\",\"dogecoin\",\"tron\",\"polkadot\",\"litecoin\",\"shiba-inu\"\r\n  ];\r\n\r\n  function fmtNumber(n){\r\n    try { return new Intl.NumberFormat(\"en-US\").format(n); } catch { return n; }\r\n  }\r\n\r\n  function fmtPrice(n){\r\n    if (n >= 1) return \"$\" + n.toLocaleString(\"en-US\", {maximumFractionDigits: 2});\r\n    if (n >= 0.01) return \"$\" + n.toLocaleString(\"en-US\", {maximumFractionDigits: 4});\r\n    return \"$\" + n.toLocaleString(\"en-US\", {maximumFractionDigits: 8});\r\n  }\r\n\r\n  \/\/ \u0645\u06cc\u0646\u06cc\u200c\u0686\u0627\u0631\u062a \u0628\u0627 SVG (\u0628\u062f\u0648\u0646 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647)\r\n  function sparklineSVG(points, up){\r\n    if (!points || points.length < 2) return \"\";\r\n    const w = 120, h = 34, pad = 2;\r\n\r\n    let min = Infinity, max = -Infinity;\r\n    for (const v of points){ if (v < min) min = v; if (v > max) max = v; }\r\n    const span = (max - min) || 1;\r\n\r\n    const step = (w - pad*2) \/ (points.length - 1);\r\n    let d = \"\";\r\n    points.forEach((v, i) => {\r\n      const x = pad + i * step;\r\n      const y = pad + (h - pad*2) * (1 - (v - min) \/ span);\r\n      d += (i === 0 ? `M ${x.toFixed(2)} ${y.toFixed(2)}` : ` L ${x.toFixed(2)} ${y.toFixed(2)}`);\r\n    });\r\n\r\n    const stroke = up ? \"rgba(61,220,151,.95)\" : \"rgba(255,92,108,.95)\";\r\n    const glow = up ? \"rgba(61,220,151,.25)\" : \"rgba(255,92,108,.25)\";\r\n\r\n    return `\r\n      <svg viewBox=\"0 0 ${w} ${h}\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\r\n        <path d=\"${d}\" fill=\"none\" stroke=\"${glow}\" stroke-width=\"6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" opacity=\".35\"><\/path>\r\n        <path d=\"${d}\" fill=\"none\" stroke=\"${stroke}\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n      <\/svg>\r\n    `;\r\n  }\r\n\r\n  function setError(msg){\r\n    errEl.style.display = msg ? \"block\" : \"none\";\r\n    errEl.textContent = msg || \"\";\r\n  }\r\n\r\n  function setStatus(text, isLive=true){\r\n    statusEl.textContent = text;\r\n    statusEl.style.color = isLive ? \"var(--muted)\" : \"#ffb0b8\";\r\n  }\r\n\r\n  \/\/\u062f\u0631\u06cc\u0627\u0641\u062a \u062f\u06cc\u062a\u0627 \u0627\u0632 CoinGecko\r\n  async function fetchMarkets(){\r\n    \/\/ sparkline \u0641\u0642\u0637 \u0628\u0631\u0627\u06cc 7 \u0631\u0648\u0632\u0647 \u0645\u0639\u0646\u06cc\u200c\u062f\u0627\u0631\u062a\u0631\u0647\u060c \u0648\u0644\u06cc \u0645\u0627 \u0628\u0631\u0627\u06cc \u0647\u0631 \u062f\u0648 \u0645\u06cc\u200c\u06af\u06cc\u0631\u06cc\u0645\r\n    const ids = COINS.join(\",\");\r\n    const url =\r\n      \"https:\/\/api.coingecko.com\/api\/v3\/coins\/markets\" +\r\n      `?vs_currency=usd&ids=${encodeURIComponent(ids)}` +\r\n      `&order=market_cap_desc&per_page=${COINS.length}&page=1` +\r\n      `&sparkline=true&price_change_percentage=24h,7d`;\r\n\r\n    const res = await fetch(url, { headers: { \"accept\": \"application\/json\" }});\r\n    if (!res.ok) throw new Error(\"\u062f\u0631\u06cc\u0627\u0641\u062a \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0646\u0627\u0645\u0648\u0641\u0642 \u0628\u0648\u062f. (\u0645\u0645\u06a9\u0646\u0647 \u0645\u062d\u062f\u0648\u062f\u06cc\u062a \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u06cc\u0627 \u0645\u0634\u06a9\u0644 \u0634\u0628\u06a9\u0647 \u0628\u0627\u0634\u0647)\");\r\n    return await res.json();\r\n  }\r\n\r\n  function render(data){\r\n    const q = (qEl.value || \"\").trim().toLowerCase();\r\n\r\n    const filtered = data.filter(c => {\r\n      const s = (c.symbol || \"\").toLowerCase();\r\n      const n = (c.name || \"\").toLowerCase();\r\n      return !q || s.includes(q) || n.includes(q);\r\n    });\r\n\r\n    countBadgeEl.textContent = `${filtered.length} \u0627\u0631\u0632`;\r\n\r\n    if (!filtered.length){\r\n      rowsEl.innerHTML = `<tr><td colspan=\"6\" style=\"padding:16px;color:#a7a7b3;\">\u0645\u0648\u0631\u062f\u06cc \u06cc\u0627\u0641\u062a \u0646\u0634\u062f.<\/td><\/tr>`;\r\n      return;\r\n    }\r\n\r\n    rowsEl.innerHTML = filtered.map(c => {\r\n      const chg = range === \"24h\"\r\n        ? (c.price_change_percentage_24h_in_currency ?? c.price_change_percentage_24h ?? 0)\r\n        : (c.price_change_percentage_7d_in_currency ?? 0);\r\n\r\n      const up = chg >= 0;\r\n      const cls = up ? \"up\" : \"down\";\r\n      const arrow = up ? \"\u25b2\" : \"\u25bc\";\r\n\r\n      const sparkPoints = (c.sparkline_in_7d && c.sparkline_in_7d.price) ? c.sparkline_in_7d.price : null;\r\n\r\n      return `\r\n        <tr>\r\n          <td>\r\n            <div class=\"coin\">\r\n              <img decoding=\"async\" src=\"${c.image}\" alt=\"${c.symbol}\">\r\n              <div class=\"name\">\r\n                <b>${c.symbol.toUpperCase()}<\/b>\r\n                <span>${c.name}<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/td>\r\n          <td>${fmtPrice(c.current_price || 0)}<\/td>\r\n          <td><span class=\"chg ${cls}\">${arrow} ${Math.abs(chg).toFixed(2)}%<\/span><\/td>\r\n          <td class=\"cap\">$${fmtNumber(c.market_cap || 0)}<\/td>\r\n          <td class=\"vol\">$${fmtNumber(c.total_volume || 0)}<\/td>\r\n          <td>\r\n            <div class=\"spark\">${sparklineSVG(sparkPoints, up)}<\/div>\r\n          <\/td>\r\n        <\/tr>\r\n      `;\r\n    }).join(\"\");\r\n  }\r\n\r\n  async function load(){\r\n    setError(\"\");\r\n    setStatus(\"\u062f\u0631 \u062d\u0627\u0644 \u0628\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc\u2026\", true);\r\n\r\n    try{\r\n      const data = await fetchMarkets();\r\n      render(data);\r\n\r\n      const now = new Date();\r\n      updatedAtEl.textContent = \"\u0622\u062e\u0631\u06cc\u0646 \u0628\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc: \" + now.toLocaleTimeString(\"fa-IR\", {hour:\"2-digit\", minute:\"2-digit\", second:\"2-digit\"});\r\n      setStatus(\"Live\", true);\r\n    }catch(e){\r\n      setStatus(\"\u062e\u0637\u0627\", false);\r\n      setError(\"\u26a0\ufe0f \" + (e?.message || \"\u0645\u0634\u06a9\u0644 \u062f\u0631 \u062f\u0631\u06cc\u0627\u0641\u062a \u0627\u0637\u0644\u0627\u0639\u0627\u062a\"));\r\n    }\r\n  }\r\n\r\n  function setRange(r){\r\n    range = r;\r\n    document.querySelectorAll(\".seg button\").forEach(b => {\r\n      b.classList.toggle(\"active\", b.dataset.range === r);\r\n    });\r\n    load();\r\n  }\r\n\r\n  function startAuto(){\r\n    stopAuto();\r\n    timer = setInterval(() => { if (auto) load(); }, refreshEveryMs);\r\n  }\r\n  function stopAuto(){\r\n    if (timer) clearInterval(timer);\r\n    timer = null;\r\n  }\r\n\r\n  \/\/ events\r\n  document.querySelectorAll(\".seg button\").forEach(b => {\r\n    b.addEventListener(\"click\", () => setRange(b.dataset.range));\r\n  });\r\n\r\n  qEl.addEventListener(\"input\", () => {\r\n    \/\/ \u0631\u0646\u062f\u0631 \u0645\u062c\u062f\u062f \u0628\u0631 \u0627\u0633\u0627\u0633 \u0622\u062e\u0631\u06cc\u0646 \u062f\u06cc\u062a\u0627: \u0628\u0631\u0627\u06cc \u0633\u0627\u062f\u06af\u06cc \u062f\u0648\u0628\u0627\u0631\u0647 load \u0646\u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645.\r\n    \/\/ \u0627\u0645\u0627 \u0686\u0648\u0646 data \u0646\u062f\u0627\u0631\u06cc\u0645 \u0627\u06cc\u0646\u062c\u0627\u060c \u06cc\u06a9 load \u0633\u0628\u06a9 \u0645\u06cc\u200c\u0632\u0646\u06cc\u0645 (\u0645\u06cc\u200c\u062a\u0648\u0646\u06cc \u06a9\u0634 \u0647\u0645 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc).\r\n    load();\r\n  });\r\n\r\n  refreshBtn.addEventListener(\"click\", load);\r\n\r\n  toggleAutoBtn.addEventListener(\"click\", () => {\r\n    auto = !auto;\r\n    toggleAutoBtn.dataset.on = auto ? \"1\" : \"0\";\r\n    toggleAutoBtn.textContent = \"Auto: \" + (auto ? \"\u0631\u0648\u0634\u0646\" : \"\u062e\u0627\u0645\u0648\u0634\");\r\n    if (auto) load();\r\n  });\r\n\r\n  \/\/ init\r\n  load();\r\n  startAuto();\r\n})();\r\n\r\n\/* ===== SHOW MORE ===== *\/\r\nconst rowsTable = document.querySelector(\"#rows\");\r\nconst toggleBtn = document.querySelector(\"#toggleRows\");\r\n\r\nrowsTable.classList.add(\"collapsed\");\r\n\r\ntoggleBtn.addEventListener(\"click\", () => {\r\n  rowsTable.classList.toggle(\"collapsed\");\r\n\r\n  if(rowsTable.classList.contains(\"collapsed\")){\r\n    toggleBtn.textContent = \"\u0646\u0645\u0627\u06cc\u0634 \u0628\u06cc\u0634\u062a\u0631 \u2193\";\r\n  }else{\r\n    toggleBtn.textContent = \"\u0628\u0633\u062a\u0646 \u2191\";\r\n  }\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n             \t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4396944 e-flex e-con-boxed e-con e-parent\" data-id=\"4396944\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-89fc2c9 elementor-widget elementor-widget-html\" data-id=\"89fc2c9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"recycle-steps\">\r\n<div class=\"rs-container\">\r\n\r\n<!-- \u062a\u06cc\u062a\u0631 \u0633\u06a9\u0634\u0646 -->\r\n<div class=\"rs-header\">\r\n<span class=\"rs-eyebrow\">\u0645\u0633\u06cc\u0631 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u0627\u0631\u0632 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644<\/span>\r\n\r\n<h2 class=\"rs-title\">\r\n\u0622\u06a9\u0627\u062f\u0645\u06cc \u062f\u06cc\u0628\u0627\u0627\u0631\u0632 <span>\u0628\u0627 \u0631\u0648\u06cc\u06a9\u0631\u062f\u06cc \u0639\u0644\u0645\u06cc \u0628\u0631\u0627\u06cc \u0622\u0645\u0648\u0632\u0634 \u0628\u0627\u0632\u0627\u0631\u0647\u0627\u06cc \u0645\u0627\u0644\u06cc \u0634\u06a9\u0644 \u06af\u0631\u0641\u062a\u0647<\/span>\r\n<\/h2>\r\n\r\n<p class=\"rs-subtitle\">\r\n\u062f\u06cc\u0628\u0627\u0627\u0631\u0632 \u0628\u0627 \u0647\u062f\u0641 \u0622\u0645\u0648\u0632\u0634 \u0627\u0635\u0648\u0644\u06cc \u0648 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u062f\u0646\u06cc\u0627\u06cc \u0627\u0631\u0632\u0647\u0627\u06cc \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0627\u06cc\u062c\u0627\u062f \u0634\u062f\u0647 \u0627\u0633\u062a. \r\n\u0645\u0627 \u062a\u0644\u0627\u0634 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u0645\u0633\u06cc\u0631 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u0631\u0627 \u0628\u0631\u0627\u06cc \u0639\u0644\u0627\u0642\u0647\u200c\u0645\u0646\u062f\u0627\u0646 \u0633\u0627\u062f\u0647\u060c \u0642\u0627\u0628\u0644\u200c\u0641\u0647\u0645 \u0648 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u06a9\u0646\u06cc\u0645 \u062a\u0627 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0628\u062a\u0648\u0627\u0646\u0646\u062f \u0628\u0627 \u062f\u0627\u0646\u0634 \u0648\u0627\u0642\u0639\u06cc\u060c \u062f\u0631\u06a9 \u0639\u0645\u06cc\u0642\u200c\u062a\u0631\u06cc \u0627\u0632 \u0628\u0627\u0632\u0627\u0631 \u06a9\u0631\u06cc\u067e\u062a\u0648 \u0648 \u0645\u0641\u0627\u0647\u06cc\u0645 \u0645\u0627\u0644\u06cc \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u0646\u062f.\r\n\u062f\u0631 \u062f\u06cc\u0628\u0627\u0627\u0631\u0632\u060c \u0622\u0645\u0648\u0632\u0634 \u062a\u0646\u0647\u0627 \u0627\u0646\u062a\u0642\u0627\u0644 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0646\u06cc\u0633\u062a\u061b \u0628\u0644\u06a9\u0647 \u0633\u0627\u062e\u062a\u0646 \u06cc\u06a9 \u062f\u06cc\u062f\u06af\u0627\u0647 \u062a\u062d\u0644\u06cc\u0644\u06cc \u0648 \u0645\u0633\u0626\u0648\u0644\u0627\u0646\u0647 \u0646\u0633\u0628\u062a \u0628\u0647 \u0628\u0627\u0632\u0627\u0631\u0647\u0627\u06cc \u0645\u0627\u0644\u06cc \u0627\u0633\u062a.\r\n<\/p>\r\n<\/div>\r\n\r\n<!-- \u0628\u0627\u06a9\u0633 \u0645\u0631\u0627\u062d\u0644 -->\r\n<div class=\"rs-steps-wrap\">\r\n\r\n<!-- \u0645\u0631\u062d\u0644\u0647 \u06f1 -->\r\n<div class=\"rs-step\">\r\n<div class=\"rs-step-head\">\r\n<div class=\"rs-step-tag\">\u0645\u0631\u062d\u0644\u0647 \u0627\u0648\u0644: \u0645\u0628\u0627\u0646\u06cc \u0627\u0631\u0632 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644<\/div>\r\n<div class=\"rs-step-icon\">\r\n<img decoding=\"async\" src=\"https:\/\/nuzhanmanazist.com\/wp-content\/uploads\/2025\/12\/3.png\" alt=\"\u0645\u0628\u0627\u0646\u06cc \u0627\u0631\u0632 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644\">\r\n<\/div>\r\n<\/div>\r\n\r\n<p class=\"rs-step-text\">\r\n\u062f\u0631 \u062f\u06cc\u0628\u0627\u0627\u0631\u0632 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u0627\u0632 \u067e\u0627\u06cc\u0647 \u0634\u0631\u0648\u0639 \u0645\u06cc\u200c\u0634\u0648\u062f. \u062f\u0631 \u0627\u06cc\u0646 \u0628\u062e\u0634 \u0628\u0627 \u0645\u0641\u0627\u0647\u06cc\u0645 \u0627\u0635\u0644\u06cc \u0645\u0627\u0646\u0646\u062f \u0628\u0644\u0627\u06a9\u0686\u06cc\u0646\u060c \u06a9\u06cc\u0641 \u067e\u0648\u0644\u200c\u0647\u0627\u060c \u0627\u0646\u0648\u0627\u0639 \u0627\u0631\u0632\u0647\u0627\u06cc \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0648 \u0646\u062d\u0648\u0647 \u0639\u0645\u0644\u06a9\u0631\u062f \u0628\u0627\u0632\u0627\u0631 \u0622\u0634\u0646\u0627 \u0645\u06cc\u200c\u0634\u0648\u06cc\u062f. \u0647\u062f\u0641 \u0627\u06cc\u0646 \u0645\u0631\u062d\u0644\u0647 \u0627\u06cc\u062c\u0627\u062f \u062f\u0631\u06a9\u06cc \u0639\u0645\u06cc\u0642 \u0648 \u0627\u0635\u0648\u0644\u06cc \u0627\u0633\u062a \u062a\u0627 \u0645\u0633\u06cc\u0631 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u0634\u0645\u0627 \u0628\u0631 \u067e\u0627\u06cc\u0647\u200c\u0627\u06cc \u062f\u0631\u0633\u062a \u0634\u06a9\u0644 \u0628\u06af\u06cc\u0631\u062f.\r\n<\/p>\r\n<\/div>\r\n\r\n<!-- \u0645\u0631\u062d\u0644\u0647 \u06f2 -->\r\n<div class=\"rs-step rs-step-middle\">\r\n<div class=\"rs-step-head\">\r\n<div class=\"rs-step-tag\">\u0645\u0631\u062d\u0644\u0647 \u062f\u0648\u0645: \u062a\u062d\u0644\u06cc\u0644 \u0628\u0627\u0632\u0627\u0631<\/div>\r\n<div class=\"rs-step-icon\">\r\n<img decoding=\"async\" src=\"https:\/\/nuzhanmanazist.com\/wp-content\/uploads\/2025\/12\/2.png\" alt=\"\u062a\u062d\u0644\u06cc\u0644 \u0628\u0627\u0632\u0627\u0631\">\r\n<\/div>\r\n<\/div>\r\n\r\n<p class=\"rs-step-text\">\r\n\u062f\u0631 \u0627\u06cc\u0646 \u0645\u0631\u062d\u0644\u0647\u060c \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0628\u0627 \u062a\u062d\u0644\u06cc\u0644 \u062a\u06a9\u0646\u06cc\u06a9\u0627\u0644\u060c \u0631\u0641\u062a\u0627\u0631 \u0642\u06cc\u0645\u062a\u060c \u0631\u0648\u0646\u062f\u0647\u0627 \u0648 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u062a\u062d\u0644\u06cc\u0644\u06cc \u0622\u0634\u0646\u0627 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f. \u0622\u0645\u0648\u0632\u0634\u200c\u0647\u0627 \u0628\u0647\u200c\u06af\u0648\u0646\u0647\u200c\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0647\u200c\u0627\u0646\u062f \u06a9\u0647 \u0628\u062a\u0648\u0627\u0646\u06cc\u062f \u0646\u0645\u0648\u062f\u0627\u0631\u0647\u0627 \u0631\u0627 \u0628\u0647\u062a\u0631 \u062f\u0631\u06a9 \u06a9\u0646\u06cc\u062f \u0648 \u062a\u0635\u0645\u06cc\u0645\u200c\u0647\u0627\u06cc \u0622\u06af\u0627\u0647\u0627\u0646\u0647\u200c\u062a\u0631\u06cc \u062f\u0631 \u0641\u0636\u0627\u06cc \u0628\u0627\u0632\u0627\u0631\u0647\u0627\u06cc \u0645\u0627\u0644\u06cc \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f.\r\n<\/p>\r\n<\/div>\r\n\r\n<!-- \u0645\u0631\u062d\u0644\u0647 \u06f3 -->\r\n<div class=\"rs-step\">\r\n<div class=\"rs-step-head\">\r\n<div class=\"rs-step-tag\">\u0645\u0631\u062d\u0644\u0647 \u0633\u0648\u0645: \u0645\u062f\u06cc\u0631\u06cc\u062a \u0631\u06cc\u0633\u06a9 \u0648 \u0630\u0647\u0646\u06cc\u062a \u0645\u0627\u0644\u06cc<\/div>\r\n<div class=\"rs-step-icon\">\r\n<img decoding=\"async\" src=\"https:\/\/nuzhanmanazist.com\/wp-content\/uploads\/2025\/12\/4.png\" alt=\"\u0645\u062f\u06cc\u0631\u06cc\u062a \u0633\u0631\u0645\u0627\u06cc\u0647\">\r\n<\/div>\r\n<\/div>\r\n\r\n<p class=\"rs-step-text\">\r\n\u062f\u0631 \u062f\u06cc\u0628\u0627\u0627\u0631\u0632 \u0628\u0627\u0648\u0631 \u062f\u0627\u0631\u06cc\u0645 \u0645\u0648\u0641\u0642\u06cc\u062a \u062f\u0631 \u0628\u0627\u0632\u0627\u0631 \u062a\u0646\u0647\u0627 \u0628\u0647 \u062a\u062d\u0644\u06cc\u0644 \u0648\u0627\u0628\u0633\u062a\u0647 \u0646\u06cc\u0633\u062a. \u062f\u0631 \u0627\u06cc\u0646 \u0628\u062e\u0634 \u0627\u0635\u0648\u0644 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0631\u06cc\u0633\u06a9\u060c \u06a9\u0646\u062a\u0631\u0644 \u0627\u062d\u0633\u0627\u0633\u0627\u062a\u060c \u0631\u0648\u0627\u0646\u0634\u0646\u0627\u0633\u06cc \u0628\u0627\u0632\u0627\u0631 \u0648 \u0633\u0627\u062e\u062a \u0627\u0633\u062a\u0631\u0627\u062a\u0698\u06cc \u0634\u062e\u0635\u06cc \u0622\u0645\u0648\u0632\u0634 \u062f\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f \u062a\u0627 \u0645\u0633\u06cc\u0631 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u0634\u0645\u0627 \u0628\u0647 \u0631\u0648\u06cc\u06a9\u0631\u062f\u06cc \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0648 \u067e\u0627\u06cc\u062f\u0627\u0631 \u062a\u0628\u062f\u06cc\u0644 \u0634\u0648\u062f.\r\n<\/p>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<style>\r\n\r\n.recycle-steps{\r\nposition:relative;\r\nwidth:100%;\r\npadding:60px 20px 50px;\r\nbackground:radial-gradient(circle at top, rgba(6,18,45,.98), #020817);\r\nborder-top:1px solid rgba(212,175,55,.35);\r\ndirection:rtl;\r\ncolor:#f5f0e6;\r\nfont-family:'\u0627\u0633\u062a\u0639\u062f\u0627\u062f',sans-serif !important;\r\n}\r\n\r\n.rs-container{max-width:1180px;margin:0 auto;}\r\n\r\n.rs-header{max-width:900px;margin-bottom:30px;}\r\n\r\n.rs-eyebrow{\r\ndisplay:inline-block;\r\npadding:4px 10px;\r\nborder-radius:999px;\r\nfont-size:11px;\r\nbackground:rgba(5,15,40,.9);\r\nborder:1px solid #d4af37;\r\ncolor:#f5d77a;\r\nmargin-bottom:10px;\r\n}\r\n\r\n.rs-title{\r\nfont-size:clamp(22px,2.4vw,28px);\r\nfont-weight:800;\r\ncolor:#fff;\r\nmargin:6px 0 10px;\r\n}\r\n\r\n.rs-title span{color:#d4af37;}\r\n\r\n.rs-subtitle{\r\nfont-size:14.5px;\r\nline-height:1.9;\r\ncolor:#dbe4ff;\r\n}\r\n\r\n\/* ===== \u06a9\u0627\u0631\u062a\u200c\u0647\u0627 ===== *\/\r\n\r\n.rs-steps-wrap{\r\ndisplay:flex;\r\nflex-wrap:wrap;\r\ngap:18px;\r\nmargin-top:10px;\r\n}\r\n\r\n.rs-step{\r\nflex:1 1 260px;\r\nborder-radius:20px;\r\npadding:18px 18px 16px;\r\nbackground:radial-gradient(circle at top, rgba(212,175,55,.18), rgba(5,15,40,.96));\r\nborder:1px solid rgba(212,175,55,.4);\r\nbox-shadow:0 22px 45px rgba(2,8,23,.85);\r\nposition:relative;\r\noverflow:hidden;\r\n}\r\n\r\n\/* \u062e\u0637 \u06a9\u0627\u0631\u062a \u0648\u0633\u0637 *\/\r\n.rs-step-middle::before{\r\ncontent:\"\";\r\nposition:absolute;\r\ntop:26px;\r\nleft:-20px;\r\nright:-20px;\r\nheight:1px;\r\nbackground:linear-gradient(to left,transparent,rgba(212,175,55,.65),transparent);\r\n}\r\n\r\n\/* \u0647\u062f\u0631 \u06a9\u0627\u0631\u062a *\/\r\n.rs-step-head{\r\ndisplay:flex;\r\nalign-items:center;\r\njustify-content:space-between;\r\nmargin-bottom:10px;\r\n}\r\n\r\n.rs-step-tag{\r\nfont-size:11px;\r\npadding:4px 9px;\r\nborder-radius:999px;\r\nbackground:rgba(5,15,40,.9);\r\nborder:1px solid #d4af37;\r\ncolor:#f5d77a;\r\n}\r\n\r\n\/* \u0622\u06cc\u06a9\u0646 *\/\r\n.rs-step-icon{\r\nwidth:52px;\r\nheight:52px;\r\nborder-radius:18px;\r\nbackground:radial-gradient(circle at top, rgba(212,175,55,.45), rgba(5,15,40,.95));\r\ndisplay:flex;\r\nalign-items:center;\r\njustify-content:center;\r\nbox-shadow:\r\n0 0 25px rgba(212,175,55,.45),\r\n0 12px 28px rgba(2,8,23,.95);\r\nborder:1px solid rgba(212,175,55,.6);\r\n}\r\n\r\n.rs-step-icon img{\r\nwidth:30px;\r\nheight:30px;\r\nopacity:.95;\r\n}\r\n\r\n.rs-step-text{\r\nfont-size:13px;\r\nline-height:1.8;\r\ncolor:#e6ecff;\r\nmargin-bottom:8px;\r\n}\r\n\r\n\/* \u0644\u06cc\u0633\u062a *\/\r\n.rs-step-list{\r\nlist-style:none;\r\npadding:0;\r\nmargin:0;\r\nfont-size:12px;\r\ncolor:#dbe4ff;\r\n}\r\n\r\n.rs-step-list li{\r\nposition:relative;\r\npadding-right:16px;\r\nmargin-bottom:4px;\r\n}\r\n\r\n.rs-step-list li::before{\r\ncontent:\"\";\r\nposition:absolute;\r\nright:2px;\r\ntop:8px;\r\nwidth:5px;\r\nheight:5px;\r\nborder-radius:999px;\r\nbackground:#d4af37;\r\nbox-shadow:0 0 9px #d4af37;\r\n}\r\n\r\n\/* \u0646\u0648\u0627\u0631 \u067e\u0627\u06cc\u06cc\u0646 *\/\r\n.rs-bottom-bar{\r\nmargin-top:24px;\r\npadding:10px 14px;\r\nborder-radius:999px;\r\nborder:1px solid rgba(212,175,55,.5);\r\nbackground:rgba(5,15,40,.95);\r\nfont-size:12px;\r\ncolor:#f5d77a;\r\ntext-align:center;\r\n}\r\n\r\n\/* \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 *\/\r\n@media (max-width:900px){\r\n.rs-step-middle::before{display:none;}\r\n}\r\n\r\n@media (max-width:600px){\r\n.rs-subtitle{font-size:13.5px;}\r\n.rs-step{padding:16px 14px;}\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e1999ae e-flex e-con-boxed e-con e-parent\" data-id=\"e1999ae\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9cfb60c elementor-widget elementor-widget-html\" data-id=\"9cfb60c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"eco-infographic-section\">\r\n  <div class=\"eco-container\">\r\n    <!-- \u0645\u062a\u0646 \u0633\u0645\u062a \u0631\u0627\u0633\u062a (\u062f\u06cc\u0628\u0627\u0627\u0631\u0632) -->\r\n    <div class=\"eco-left-text\">\r\n      <p>\r\n        <strong>\u062f\u06cc\u0628\u0627\u0627\u0631\u0632<\/strong> \u0645\u0631\u062c\u0639 \u0622\u0645\u0648\u0632\u0634 \u0627\u0631\u0632\u0647\u0627\u06cc \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0648 \u0628\u0627\u0632\u0627\u0631\u0647\u0627\u06cc \u0645\u0627\u0644\u06cc \u0627\u0633\u062a\u061b \u0627\u0632 \u0645\u0633\u06cc\u0631\u0647\u0627\u06cc \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u0635\u0641\u0631 \u062a\u0627 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc\u060c\r\n        \u062a\u0627 \u0641\u0631\u0648\u0634 <strong>\u062f\u0648\u0631\u0647\u200c\u0647\u0627\u06cc \u0622\u0645\u0648\u0632\u0634\u06cc<\/strong> \u0648 <strong>\u06a9\u062a\u0627\u0628\u200c\u0647\u0627\u06cc \u062a\u062e\u0635\u0635\u06cc<\/strong> \u0628\u0631\u0627\u06cc \u0645\u0639\u0627\u0645\u0644\u0647\u200c\u06af\u0631\u0627\u0646 \u0648 \u0633\u0631\u0645\u0627\u06cc\u0647\u200c\u06af\u0630\u0627\u0631\u0627\u0646.\r\n        <br \/><br \/>\r\n        \u0647\u062f\u0641 \u0645\u0627 \u0627\u06cc\u0646 \u0627\u0633\u062a \u06a9\u0647 \u0628\u0627 \u0622\u0645\u0648\u0632\u0634\u200c\u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc\u060c \u062a\u062d\u0644\u06cc\u0644 \u0628\u0627\u0632\u0627\u0631\u060c \u0627\u0633\u062a\u0631\u0627\u062a\u0698\u06cc\u200c\u0647\u0627\u06cc \u0645\u0639\u0627\u0645\u0644\u0627\u062a\u06cc \u0648 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0631\u06cc\u0633\u06a9\u060c\r\n        \u0645\u0633\u06cc\u0631 \u0648\u0631\u0648\u062f \u0634\u0645\u0627 \u0628\u0647 \u0628\u0627\u0632\u0627\u0631 \u0627\u0631\u0632 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0631\u0627 \u0627\u0645\u0646\u200c\u062a\u0631 \u0648 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc\u200c\u062a\u0631 \u06a9\u0646\u06cc\u0645.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- \u0627\u06cc\u0646\u0641\u0648\u06af\u0631\u0627\u0641\u06cc\u06a9 \u0633\u0645\u062a \u0686\u067e -->\r\n    <div class=\"eco-svg-wrap\">\r\n      <div class=\"eco-svg-container\">\r\n        <?xml version=\"1.0\" encoding=\"utf-8\"?>\r\n        <svg\r\n          version=\"1.1\"\r\n          id=\"Layer_1\"\r\n          xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n          xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\"\r\n          x=\"0px\"\r\n          y=\"0px\"\r\n          width=\"500\"\r\n          viewBox=\"0 0 900 900\"\r\n          style=\"enable-background:new 0 0 900 900;\"\r\n          xml:space=\"preserve\"\r\n        >\r\n          <g>\r\n            <g id=\"x30\">\r\n\r\n              <!-- 1) \u0622\u0645\u0648\u0632\u0634 \u0627\u0631\u0632 -->\r\n              <g id=\"x30_1\">\r\n                <g>\r\n                  <path class=\"st1\" d=\"M317.2,136.7l-5.2-13c-4.8-12-18.8-17.4-30.3-11.7c-68.4,34-126.8,88.9-164.8,160.3\r\n                  c-6.1,11.4-1.1,25.6,10.8,30.7l12.8,5.5C175.7,231.5,239,169.9,317.2,136.7z\"\/>\r\n                  <path class=\"st2\" d=\"M367.2,366.5c0.4-0.4,0.8-0.8,1.2-1.2c17.2-16.6,23.1-41.8,14.2-64.1l-65.4-164.5\r\n                  c-78.2,33.2-141.5,94.8-176.7,171.9l162.6,70C325,388,350.4,383.3,367.2,366.5z\"\/>\r\n                <\/g>\r\n\r\n                <g>\r\n                  <circle class=\"st3\" cx=\"327.4\" cy=\"325.6\" r=\"45\"\/>\r\n                  <circle class=\"st4\" cx=\"327.4\" cy=\"325.6\" r=\"45\"\/>\r\n                  <ellipse transform=\"matrix(0.7071 -0.7071 0.7071 0.7071 -134.3217 326.8521)\" class=\"st3\" cx=\"327.4\" cy=\"325.6\" rx=\"45\" ry=\"45\"\/>\r\n                  <ellipse transform=\"matrix(0.7071 -0.7071 0.7071 0.7071 -134.3217 326.8521)\" class=\"st4\" cx=\"327.4\" cy=\"325.6\" rx=\"45\" ry=\"45\"\/>\r\n                <\/g>\r\n\r\n                <g>\r\n                  <text\r\n                    class=\"st3\"\r\n                    text-anchor=\"middle\"\r\n                    font-size=\"28\"\r\n                    font-family=\"\u0627\u0633\u062a\u0639\u062f\u0627\u062f\"\r\n                    transform=\"rotate(-50 227 295)\"\r\n                  >\r\n                    <tspan x=\"265\" dy=\"258\">\u0622\u0645\u0648\u0632\u0634 \u0627\u0631\u0632<\/tspan>\r\n                  <\/text>\r\n                <\/g>\r\n\r\n                <!-- \u0622\u06cc\u06a9\u0646 \u0646\u0645\u0648\u0646\u0647 (\u0627\u06af\u0631 \u062e\u0648\u0627\u0633\u062a\u06cc \u0639\u0648\u0636\u0634 \u06a9\u0646) -->\r\n                <image href=\"https:\/\/nuzhanmanazist.com\/wp-content\/uploads\/2025\/12\/11.png\" x=\"285\" y=\"285\" width=\"80\" height=\"80\"\/>\r\n              <\/g>\r\n\r\n              <!-- 2) \u062f\u0648\u0631\u0647\u200c\u0647\u0627\u06cc \u0622\u0645\u0648\u0632\u0634\u06cc -->\r\n              <g id=\"x30_2\">\r\n                <path class=\"st6\" d=\"M577.6,134.6l5.5-12.8c5.1-11.9-1-25.6-13.3-29.7C493.1,66.2,413,66.6,339.9,88.9\r\n                c-12.3,3.8-18.8,17.3-14,29.3l5.2,13c37-13.8,77.1-21.4,118.9-21.4C495.1,109.8,538.2,118.6,577.6,134.6z\"\/>\r\n                <path class=\"st7\" d=\"M451.1,332.3c0.6,0,1.2,0,1.8,0c23.7,0.5,45.4-13.5,54.8-35.3l69.9-162.5c-39.4-16-82.5-24.8-127.6-24.8\r\n                c-41.8,0-81.9,7.6-118.9,21.4l65.5,164.4C405.4,317.8,427.1,332.1,451.1,332.3z\"\/>\r\n\r\n                <g>\r\n                  <circle class=\"st8\" cx=\"450\" cy=\"275.6\" r=\"45\"\/>\r\n                  <circle class=\"st9\" cx=\"450\" cy=\"275.6\" r=\"45\"\/>\r\n                <\/g>\r\n\r\n                <g>\r\n                  <text class=\"st8\" text-anchor=\"middle\" font-size=\"28\" font-family=\"\u0627\u0633\u062a\u0639\u062f\u0627\u062f\">\r\n                    <tspan x=\"450\" dy=\"150\">\u062f\u0648\u0631\u0647\u200c\u0647\u0627\u06cc \u0622\u0645\u0648\u0632\u0634\u06cc<\/tspan>\r\n                  <\/text>\r\n                <\/g>\r\n\r\n                <image href=\"https:\/\/nuzhanmanazist.com\/wp-content\/uploads\/2025\/12\/10.png\" x=\"410\" y=\"235\" width=\"80\" height=\"80\"\/>\r\n              <\/g>\r\n\r\n              <!-- 3) \u06a9\u062a\u0627\u0628\u200c\u0647\u0627\u06cc \u0622\u0645\u0648\u0632\u0634\u06cc -->\r\n              <g id=\"x30_3\">\r\n                <g>\r\n                  <path class=\"st10\" d=\"M763.3,317.2l13-5.2c12-4.8,17.4-18.8,11.7-30.3c-34-68.4-88.9-126.8-160.3-164.8\r\n                  c-11.4-6.1-25.6-1.1-30.7,10.8l-5.6,12.8C668.5,175.7,730.1,239,763.3,317.2z\"\/>\r\n                  <path class=\"st11\" d=\"M533.5,367c0.4,0.4,0.9,0.9,1.3,1.3c16.6,17.3,41.9,23.2,64.2,14.3l164.4-65.5\r\n                  c-33.3-78.1-94.9-141.4-172-176.6L521.5,303C512.1,324.8,516.7,350.2,533.5,367z\"\/>\r\n                <\/g>\r\n\r\n                <g>\r\n                  <circle class=\"st12\" cx=\"575.6\" cy=\"328.9\" r=\"45\"\/>\r\n                  <circle class=\"st13\" cx=\"575.6\" cy=\"328.9\" r=\"45\"\/>\r\n                <\/g>\r\n\r\n                <g>\r\n                  <text\r\n                    class=\"st12\"\r\n                    text-anchor=\"middle\"\r\n                    font-size=\"28\"\r\n                    font-family=\"\u0627\u0633\u062a\u0639\u062f\u0627\u062f\"\r\n                    transform=\"rotate(40 650 400)\"\r\n                  >\r\n                    <tspan x=\"550\" dy=\"270\">\u06a9\u062a\u0627\u0628\u200c\u0647\u0627\u06cc \u0622\u0645\u0648\u0632\u0634\u06cc<\/tspan>\r\n                  <\/text>\r\n                <\/g>\r\n\r\n                <image href=\"https:\/\/nuzhanmanazist.com\/wp-content\/uploads\/2025\/12\/1.png\" x=\"535\" y=\"285\" width=\"80\" height=\"80\"\/>\r\n              <\/g>\r\n\r\n              <!-- 4) \u062a\u062d\u0644\u06cc\u0644 \u0628\u0627\u0632\u0627\u0631 -->\r\n              <g id=\"x30_4\">\r\n                <g>\r\n                  <path class=\"st14\" d=\"M811.1,339.9c-3.8-12.3-17.3-18.8-29.3-14l-13,5.2c13.8,37,21.4,77.1,21.4,118.9\r\n                  c0,45.1-8.8,88.2-24.8,127.6l12.8,5.5c11.9,5.1,25.6-1,29.7-13.3C833.8,493.1,833.4,413,811.1,339.9z\"\/>\r\n                  <path class=\"st15\" d=\"M768.8,331.1l-164.5,65.5c-22.3,8.9-36.6,30.4-36.8,54.4c0,0.6,0,1.2,0,1.7c-0.6,23.8,13.4,45.5,35.3,54.9\r\n                  l162.6,70c16-39.4,24.8-82.5,24.8-127.6C790.2,408.2,782.6,368.1,768.8,331.1z\"\/>\r\n                <\/g>\r\n\r\n                <g>\r\n                  <circle class=\"st16\" cx=\"626.3\" cy=\"453.8\" r=\"45\"\/>\r\n                  <circle class=\"st17\" cx=\"626.3\" cy=\"453.8\" r=\"45\"\/>\r\n                <\/g>\r\n\r\n                <g>\r\n                  <text\r\n                    class=\"st16\"\r\n                    font-size=\"28\"\r\n                    font-family=\"\u0627\u0633\u062a\u0639\u062f\u0627\u062f\"\r\n                    transform=\"rotate(90 800 400)\"\r\n                  >\r\n                    <tspan x=\"900\" dy=\"450\">\u062a\u062d\u0644\u06cc\u0644 \u0628\u0627\u0632\u0627\u0631<\/tspan>\r\n                  <\/text>\r\n                <\/g>\r\n\r\n                <image href=\"https:\/\/nuzhanmanazist.com\/wp-content\/uploads\/2025\/12\/9.png\" x=\"585\" y=\"413\" width=\"80\" height=\"80\"\/>\r\n              <\/g>\r\n\r\n              <!-- 5) \u0645\u062f\u06cc\u0631\u06cc\u062a \u0631\u06cc\u0633\u06a9 -->\r\n              <g id=\"x30_5\">\r\n                <g>\r\n                  <path class=\"st18\" d=\"M582.8,763.3l5.2,13c4.8,12,18.8,17.4,30.3,11.7c68.4-34,126.8-88.9,164.8-160.3\r\n                  c6.1-11.4,1.1-25.6-10.8-30.7l-12.8-5.5C724.3,668.5,661,730.1,582.8,763.3z\"\/>\r\n                  <path class=\"st19\" d=\"M532.8,533.5c-0.4,0.4-0.8,0.8-1.2,1.2c-17.2,16.6-23.1,41.8-14.2,64.1l65.5,164.5\r\n                  c78.1-33.2,141.4-94.8,176.6-171.9l-162.6-70C575,512,549.6,516.7,532.8,533.5z\"\/>\r\n                <\/g>\r\n\r\n                <g>\r\n                  <circle class=\"st20\" cx=\"575.6\" cy=\"575.6\" r=\"45\"\/>\r\n                  <circle class=\"st21\" cx=\"575.6\" cy=\"575.6\" r=\"45\"\/>\r\n                <\/g>\r\n\r\n                <g>\r\n                  <text\r\n                    class=\"st21\"\r\n                    text-anchor=\"middle\"\r\n                    font-size=\"28\"\r\n                    font-family=\"\u0627\u0633\u062a\u0639\u062f\u0627\u062f\"\r\n                    transform=\"rotate(145 630 705)\"\r\n                  >\r\n                    <tspan dx=\"600\" dy=\"715\">\u0645\u062f\u06cc\u0631\u06cc\u062a \u0631\u06cc\u0633\u06a9<\/tspan>\r\n                  <\/text>\r\n                <\/g>\r\n\r\n                <image href=\"https:\/\/nuzhanmanazist.com\/wp-content\/uploads\/2025\/12\/8.png\" x=\"535\" y=\"535\" width=\"80\" height=\"80\"\/>\r\n              <\/g>\r\n\r\n              <!-- 6) \u0627\u0633\u062a\u0631\u0627\u062a\u0698\u06cc \u0645\u0639\u0627\u0645\u0644\u0627\u062a\u06cc -->\r\n              <g id=\"x30_6\">\r\n                <g>\r\n                  <path class=\"st22\" d=\"M322.4,765.4l-5.5,12.8c-5.1,11.9,1,25.6,13.3,29.7c76.7,25.8,156.9,25.4,229.9,3.1\r\n                  c12.3-3.8,18.8-17.3,14-29.3l-5.2-13c-37,13.8-77.1,21.4-118.9,21.4C404.9,790.2,361.8,781.4,322.4,765.4z\"\/>\r\n                  <path class=\"st23\" d=\"M448.9,567.7c-0.6,0-1.2,0-1.8,0c-23.7-0.5-45.4,13.5-54.8,35.3l-69.9,162.5c39.4,16,82.5,24.8,127.6,24.8\r\n                  c41.8,0,81.9-7.6,118.9-21.4l-65.5-164.4C494.6,582.2,472.9,567.9,448.9,567.7z\"\/>\r\n                <\/g>\r\n\r\n                <g>\r\n                  <circle class=\"st24\" cx=\"448.4\" cy=\"625.4\" r=\"45\"\/>\r\n                  <circle class=\"st25\" cx=\"448.4\" cy=\"625.4\" r=\"45\"\/>\r\n                <\/g>\r\n\r\n                <g>\r\n                  <text\r\n                    x=\"450\"\r\n                    y=\"440\"\r\n                    text-anchor=\"middle\"\r\n                    font-size=\"28\"\r\n                    font-family=\"\u0627\u0633\u062a\u0639\u062f\u0627\u062f\"\r\n                    transform=\"rotate(185 448 595)\"\r\n                    class=\"st24\"\r\n                  >\r\n                    <tspan x=\"448\" dy=\"0\">\u0627\u0633\u062a\u0631\u0627\u062a\u0698\u06cc \u0645\u0639\u0627\u0645\u0644\u0627\u062a\u06cc<\/tspan>\r\n                  <\/text>\r\n                <\/g>\r\n\r\n                <image href=\"https:\/\/nuzhanmanazist.com\/wp-content\/uploads\/2025\/12\/12.png\" x=\"410\" y=\"585\" width=\"80\" height=\"80\"\/>\r\n              <\/g>\r\n\r\n              <!-- 7) \u0633\u0631\u0645\u0627\u06cc\u0647\u200c\u06af\u0630\u0627\u0631\u06cc -->\r\n              <g id=\"x30_7\">\r\n                <g>\r\n                  <path class=\"st26\" d=\"M136.7,582.8l-13,5.2c-12,4.8-17.4,18.8-11.7,30.3c34,68.4,88.9,126.8,160.3,164.8\r\n                  c11.4,6.1,25.6,1.1,30.7-10.8l5.5-12.8C231.5,724.3,169.9,661,136.7,582.8z\"\/>\r\n                  <path class=\"st27\" d=\"M366.5,533c-0.4-0.4-0.9-0.9-1.3-1.3c-16.6-17.3-41.9-23.2-64.2-14.3l-164.3,65.4\r\n                  c33.2,78.2,94.8,141.4,171.9,176.7L378.5,597C387.9,575.2,383.3,549.8,366.5,533z\"\/>\r\n                <\/g>\r\n\r\n                <g>\r\n                  <circle class=\"st28\" cx=\"327.4\" cy=\"575.6\" r=\"45\"\/>\r\n                  <circle class=\"st29\" cx=\"327.4\" cy=\"575.6\" r=\"45\"\/>\r\n                <\/g>\r\n\r\n                <g>\r\n                  <text\r\n                    x=\"327.4\"\r\n                    y=\"575\"\r\n                    text-anchor=\"middle\"\r\n                    font-size=\"28\"\r\n                    font-family=\"\u0627\u0633\u062a\u0639\u062f\u0627\u062f\"\r\n                    transform=\"rotate(225 327 575)\"\r\n                    class=\"st28\"\r\n                  >\r\n                    <tspan x=\"340\" dy=\"-120\">\u0633\u0631\u0645\u0627\u06cc\u0647\u200c\u06af\u0630\u0627\u0631\u06cc<\/tspan>\r\n                  <\/text>\r\n                <\/g>\r\n\r\n                <image href=\"https:\/\/nuzhanmanazist.com\/wp-content\/uploads\/2025\/12\/13.png\" x=\"288\" y=\"535\" width=\"80\" height=\"80\"\/>\r\n              <\/g>\r\n\r\n              <!-- 8) \u0639\u0646\u0648\u0627\u0646 \u0645\u0631\u06a9\u0632\u06cc -->\r\n              <g id=\"x30_8\">\r\n                <rect class=\"eco-center-badge\" x=\"10\" y=\"400\" width=\"500\" height=\"86\" rx=\"24\" ry=\"24\" \/>\r\n                <g id=\"Title\">\r\n                  <text class=\"eco-center-title\" x=\"450\" y=\"445\" text-anchor=\"middle\" font-size=\"30\" font-family=\"\u0627\u0633\u062a\u0639\u062f\u0627\u062f\">\r\n                    <tspan x=\"260\" dy=\"0\">\u062f\u06cc\u0628\u0627\u0627\u0631\u0632 | \u0622\u0645\u0648\u0632\u0634 \u0648 \u062f\u0648\u0631\u0647 \u0648 \u06a9\u062a\u0627\u0628 \u0627\u0631\u0632 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644<\/tspan>\r\n                  <\/text>\r\n                <\/g>\r\n              <\/g>\r\n\r\n            <\/g>\r\n          <\/g>\r\n        <\/svg>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- CSS \u06a9\u0627\u0645\u0644 -->\r\n  <style>\r\n  \r\n  \r\n  \r\n  \r\n  \r\n  \r\n  \r\n  \/* \u2705 \u0637\u0644\u0627\u06cc\u06cc \u062e\u06cc\u0644\u06cc \u0631\u0648\u0634\u0646 + \u0646\u0626\u0648\u0646 \u0686\u0646\u062f\u0644\u0627\u06cc\u0647 *\/\r\n.eco-svg-container svg g.glow-active circle,\r\n.eco-svg-container svg g.glow-active ellipse{\r\n  stroke: #d4af37 !important;\r\n  stroke-width: 3px !important;\r\n  opacity: 1 !important;\r\n\r\n  \/* \u0686\u0646\u062f \u062a\u0627 \u0646\u0648\u0631 \u0631\u0648\u06cc \u0647\u0645 \u062a\u0627 \u0628\u0631\u0627\u0642 \u0628\u0634\u0647 *\/\r\n  filter:\r\n    drop-shadow(0 0 6px rgba(212,175,55,0.70))\r\n    drop-shadow(0 0 14px rgba(212,175,55,0.85))\r\n    drop-shadow(0 0 28px rgba(212,175,55,0.55))\r\n    drop-shadow(0 0 45px rgba(255,255,255,0.18)) !important;\r\n\r\n  \/* \u06a9\u0645\u06a9 \u0628\u0647 \u0631\u0648\u0634\u0646\u200c\u062a\u0631 \u0634\u062f\u0646 \u0631\u0646\u06af *\/\r\n  mix-blend-mode: screen;\r\n}\r\n  \r\n  \r\n  \r\n  \r\n  \r\n  \/* \u2705 \u0645\u062a\u0646\u200c\u0647\u0627 \u0647\u0645\u06cc\u0634\u0647 \u062f\u06cc\u062f\u0647 \u0634\u0648\u0646\u062f (\u0633\u0641\u06cc\u062f) *\/\r\n.eco-svg-container svg g[id^=\"x30_\"] text{\r\n  fill: #ffffff !important;\r\n  stroke: transparent !important;\r\n  opacity: 1 !important;\r\n  filter: none;\r\n}\r\n\r\n\/* \u2705 \u0648\u0642\u062a\u06cc \u0647\u0627\u0648\u0631\/\u0641\u0639\u0627\u0644 \u0634\u062f \u0637\u0644\u0627\u06cc\u06cc \u0634\u0648\u062f *\/\r\n.eco-svg-container svg g.glow-active text{\r\n  fill: #d4af37 !important;\r\n  filter: drop-shadow(0 0 10px rgba(212,175,55,0.55));\r\n}\r\n  \r\n  \r\n  \r\n    :root{\r\n      --navy: #0f172a;      \/* \u0633\u0648\u0631\u0645\u0647\u200c\u0627\u06cc *\/\r\n      --gold: #d4af37;      \/* \u0637\u0644\u0627\u06cc\u06cc *\/\r\n      --goldGlow: rgba(212,175,55,0.75);\r\n      --goldGlow2: rgba(212,175,55,0.45);\r\n      --card: rgba(15, 23, 42, 0.55);\r\n      --strokeNavy: rgba(15,23,42,0.75);\r\n    }\r\n\r\n    .eco-infographic-section{\r\n      background: radial-gradient(1200px 600px at 50% 30%, rgba(212,175,55,0.08), transparent 60%),\r\n                  radial-gradient(900px 500px at 35% 55%, rgba(212,175,55,0.06), transparent 65%),\r\n                  var(--navy);\r\n      padding: 48px 16px;\r\n      color: #fff;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .eco-container{\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n      display: grid;\r\n      grid-template-columns: 1.2fr 1fr;\r\n      gap: 28px;\r\n      align-items: center;\r\n    }\r\n\r\n    .eco-left-text{\r\n      background: var(--card);\r\n      border: 1px solid rgba(212,175,55,0.18);\r\n      box-shadow: 0 0 0 1px rgba(15,23,42,0.35) inset;\r\n      border-radius: 18px;\r\n      padding: 22px 22px;\r\n      line-height: 1.9;\r\n      font-size: 16px;\r\n      backdrop-filter: blur(10px);\r\n    }\r\n\r\n    .eco-left-text strong{ color: var(--gold); }\r\n\r\n    .eco-svg-wrap{\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n    }\r\n\r\n    .eco-svg-container{\r\n      width: 100%;\r\n      max-width: 520px;\r\n    }\r\n\r\n    \/* ====== SVG Interactions \/ Glow Theme ====== *\/\r\n    \/* \u062d\u0627\u0644\u062a \u067e\u06cc\u0634\u200c\u0641\u0631\u0636: \u06a9\u0645\u06cc \u06a9\u0645\u200c\u0646\u0648\u0631 *\/\r\n    .eco-svg-container svg g[id^=\"x30_\"]{\r\n      opacity: 0.92;\r\n      filter: brightness(0.9);\r\n      transition: opacity .25s ease, filter .25s ease;\r\n      cursor: pointer;\r\n    }\r\n\r\n    \/* \u0641\u0642\u0637 \u0631\u0648\u06cc \u062f\u0627\u06cc\u0631\u0647\/\u0628\u06cc\u0636\u06cc \u0647\u0627 Glow *\/\r\n    .eco-svg-container svg g[id^=\"x30_\"] circle,\r\n    .eco-svg-container svg g[id^=\"x30_\"] ellipse{\r\n      transition: .35s ease;\r\n    }\r\n\r\n    \/* \u0641\u0639\u0627\u0644 \u06cc\u0627 \u0647\u0627\u0648\u0631 *\/\r\n    .eco-svg-container svg g.glow-active{\r\n      opacity: 1;\r\n      filter: brightness(1);\r\n    }\r\n\r\n    .eco-svg-container svg g.glow-active circle,\r\n    .eco-svg-container svg g.glow-active ellipse{\r\n      stroke: var(--gold) !important;\r\n      filter: drop-shadow(0 0 14px var(--goldGlow));\r\n    }\r\n\r\n    .eco-svg-container svg g.glow-active text{\r\n      fill: var(--gold) !important;\r\n      filter: drop-shadow(0 0 10px rgba(212,175,55,0.55));\r\n    }\r\n\r\n    \/* \u0622\u06cc\u06a9\u0646 \u0647\u0627 \u062b\u0627\u0628\u062a *\/\r\n    .eco-svg-container svg g image{\r\n      transform: scale(1);\r\n      transition: opacity .25s ease;\r\n    }\r\n\r\n    \/* \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u200c\u0647\u0627\u06cc \u0631\u06cc\u0646\u06af *\/\r\n    .eco-svg-container svg circle,\r\n    .eco-svg-container svg ellipse{\r\n      transform-origin: center center;\r\n      animation: glow-rotate 6s linear infinite, pulse-glow 2.8s ease-in-out infinite;\r\n      opacity: .9;\r\n    }\r\n\r\n    .eco-svg-container svg g.glow-active circle,\r\n    .eco-svg-container svg g.glow-active ellipse{\r\n      animation: glow-rotate-boost 4s linear infinite, pulse-glow 2.2s ease-in-out infinite;\r\n      filter: drop-shadow(0 0 18px rgba(212,175,55,0.85));\r\n    }\r\n\r\n    @keyframes glow-rotate{\r\n      0%{ stroke-dasharray: 40 300; stroke-dashoffset: 0; }\r\n      100%{ stroke-dasharray: 40 300; stroke-dashoffset: -340; }\r\n    }\r\n    @keyframes glow-rotate-boost{\r\n      0%{ stroke-dasharray: 55 280; stroke-dashoffset: 0; }\r\n      100%{ stroke-dasharray: 55 280; stroke-dashoffset: -335; }\r\n    }\r\n    @keyframes pulse-glow{\r\n      0%{ filter: drop-shadow(0 0 3px rgba(212,175,55,0.18)); }\r\n      50%{ filter: drop-shadow(0 0 14px rgba(212,175,55,0.70)); }\r\n      100%{ filter: drop-shadow(0 0 3px rgba(212,175,55,0.18)); }\r\n    }\r\n\r\n    \/* \u062e\u0637\u0648\u0637 (path) \u0627\u0633\u06a9\u0646 \u0637\u0644\u0627\u06cc\u06cc *\/\r\n    .eco-svg-container svg path{\r\n      stroke: var(--goldGlow2);\r\n      stroke-width: 2px;\r\n      stroke-linecap: round;\r\n      animation: edge-scan 4.5s ease-in-out infinite;\r\n    }\r\n    @keyframes edge-scan{\r\n      0%{ stroke-dasharray: 0 1000; stroke-dashoffset: 0; }\r\n      50%{ stroke-dasharray: 260 1000; stroke-dashoffset: -120; }\r\n      100%{ stroke-dasharray: 0 1000; stroke-dashoffset: -260; }\r\n    }\r\n\r\n    \/* \u0639\u0646\u0648\u0627\u0646 \u0645\u0631\u06a9\u0632\u06cc *\/\r\n    .eco-center-badge{\r\n      fill: transparent;\r\n      stroke: var(--gold);\r\n      stroke-width: 2.2;\r\n      filter: drop-shadow(0 0 10px rgba(212,175,55,0.25));\r\n    }\r\n    .eco-center-title{\r\n      fill: var(--gold);\r\n      filter: drop-shadow(0 0 10px rgba(212,175,55,0.35));\r\n    }\r\n\r\n    \/* \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 *\/\r\n    @media (max-width: 980px){\r\n      .eco-container{ grid-template-columns: 1fr; }\r\n      .eco-svg-container{ max-width: 560px; }\r\n    }\r\n  <\/style>\r\n\r\n  <!-- JS \u06a9\u0627\u0645\u0644 (\u0647\u0627\u0648\u0631 + \u062d\u0631\u06a9\u062a \u0628\u0647 \u0633\u0645\u062a \u0628\u06cc\u0631\u0648\u0646\/\u0628\u0627\u0644\u0627) -->\r\n  <script>\r\n    (function () {\r\n      const svg = document.querySelector('.eco-svg-container svg');\r\n      if (!svg) return;\r\n\r\n      const CENTER = { x: 450, y: 450 };   \/\/ \u0645\u0631\u06a9\u0632 \u0648\u06cc\u0648 \u0628\u0627\u06a9\u0633 \u0634\u0645\u0627\r\n      const MOVE = 14;                      \/\/ \u0645\u0642\u062f\u0627\u0631 \u062d\u0631\u06a9\u062a \u0647\u0646\u06af\u0627\u0645 \u0647\u0627\u0648\u0631 (\u067e\u06cc\u06a9\u0633\u0644)\r\n\r\n      const groups = svg.querySelectorAll('g[id^=\"x30_\"]');\r\n\r\n      groups.forEach((g) => {\r\n        \/\/ \u0628\u0639\u0636\u06cc \u06af\u0631\u0648\u0647\u200c\u0647\u0627 (\u0645\u062b\u0644 x30_8) \u0645\u0645\u06a9\u0646\u0647 \u0646\u062e\u0648\u0627\u0647\u06cc \u062d\u0631\u06a9\u062a \u06a9\u0646\u0646\u061b \u0627\u06af\u0631 \u062e\u0648\u0627\u0633\u062a\u06cc \u062d\u0630\u0641 \u06a9\u0646:\r\n        \/\/ if (g.id === 'x30_8') return;\r\n\r\n        \/\/ \u0630\u062e\u06cc\u0631\u0647 \u062a\u0631\u0646\u0633\u0641\u0648\u0631\u0645 \u067e\u0627\u06cc\u0647 (\u0627\u06af\u0631 \u062f\u0627\u0634\u062a)\r\n        const base = g.getAttribute('transform') || '';\r\n        g.dataset.baseTransform = base;\r\n\r\n        \/\/ \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646\u06a9\u0647 \u0645\u0648\u0633 \u0631\u0627\u062d\u062a\u200c\u062a\u0631 \u0628\u06af\u06cc\u0631\u0647:\r\n        g.style.pointerEvents = 'all';\r\n\r\n        g.addEventListener('mouseenter', () => {\r\n          \/\/ \u0641\u0639\u0627\u0644 \u06a9\u0631\u062f\u0646 Glow\r\n          g.classList.add('glow-active');\r\n\r\n          \/\/ \u0645\u0631\u06a9\u0632 \u062a\u0642\u0631\u06cc\u0628\u06cc \u062e\u0648\u062f \u06af\u0631\u0648\u0647 \u0628\u0627 bbox\r\n          const bb = g.getBBox();\r\n          const gx = bb.x + bb.width \/ 2;\r\n          const gy = bb.y + bb.height \/ 2;\r\n\r\n          \/\/ \u0628\u0631\u062f\u0627\u0631 \u0627\u0632 \u0645\u0631\u06a9\u0632 \u06a9\u0644 \u0628\u0647 \u0645\u0631\u06a9\u0632 \u06af\u0631\u0648\u0647 (\u062d\u0631\u06a9\u062a \u0628\u0647 \u0633\u0645\u062a \u0628\u06cc\u0631\u0648\u0646 \/ \u0631\u0648 \u0628\u0647 \u0628\u0627\u0644\u0627 \u0646\u0633\u0628\u062a \u0628\u0647 \u062c\u0627\u06cc \u062e\u0648\u062f\u0634)\r\n          let vx = gx - CENTER.x;\r\n          let vy = gy - CENTER.y;\r\n\r\n          \/\/ \u0646\u0631\u0645\u0627\u0644\u200c\u0633\u0627\u0632\u06cc\r\n          const len = Math.sqrt(vx * vx + vy * vy) || 1;\r\n          vx \/= len;\r\n          vy \/= len;\r\n\r\n          \/\/ \u062d\u0631\u06a9\u062a \u0628\u0647 \u0633\u0645\u062a \u0628\u06cc\u0631\u0648\u0646 (\u0645\u062b\u0644 \u0628\u0627\u0644\u0627 \u0631\u0641\u062a\u0646 \u0622\u06cc\u062a\u0645\u200c\u0647\u0627 \u062f\u0631 \u062f\u0627\u06cc\u0631\u0647)\r\n          const dx = vx * MOVE;\r\n          const dy = vy * MOVE;\r\n\r\n          \/\/ \u0627\u0639\u0645\u0627\u0644 transform \u0628\u062f\u0648\u0646 \u062e\u0631\u0627\u0628 \u06a9\u0631\u062f\u0646 transform \u0642\u0628\u0644\u06cc\r\n          const t = g.dataset.baseTransform.trim();\r\n          const next = (t ? (t + ' ') : '') + 'translate(' + dx.toFixed(2) + ' ' + dy.toFixed(2) + ')';\r\n          g.setAttribute('transform', next);\r\n        });\r\n\r\n        g.addEventListener('mouseleave', () => {\r\n          g.classList.remove('glow-active');\r\n          g.setAttribute('transform', g.dataset.baseTransform || '');\r\n        });\r\n\r\n        \/\/ \u0644\u0645\u0633 \u0645\u0648\u0628\u0627\u06cc\u0644: \u0628\u0627 \u062a\u067e \u0641\u0639\u0627\u0644\/\u063a\u06cc\u0631\u0641\u0639\u0627\u0644\r\n        g.addEventListener('click', () => {\r\n          const active = g.classList.contains('glow-active');\r\n          \/\/ \u0627\u0648\u0644 \u0647\u0645\u0647 \u0631\u0648 \u062e\u0627\u0645\u0648\u0634 \u06a9\u0646\r\n          groups.forEach((x) => {\r\n            x.classList.remove('glow-active');\r\n            x.setAttribute('transform', x.dataset.baseTransform || '');\r\n          });\r\n          \/\/ \u0627\u06af\u0631 \u0642\u0628\u0644\u0627 \u0641\u0639\u0627\u0644 \u0646\u0628\u0648\u062f\u060c \u0641\u0639\u0627\u0644\u0634 \u06a9\u0646\r\n          if (!active) {\r\n            g.dispatchEvent(new Event('mouseenter'));\r\n          }\r\n        });\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dd10e7e e-flex e-con-boxed e-con e-parent\" data-id=\"dd10e7e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-95f7eaa elementor-widget elementor-widget-shortcode\" data-id=\"95f7eaa\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t\t<div data-elementor-type=\"page\" data-elementor-id=\"263\" class=\"elementor elementor-263\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25cc73b e-flex e-con-boxed e-con e-parent\" data-id=\"25cc73b\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-44789de elementor-widget elementor-widget-html\" data-id=\"44789de\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<footer class=\"dibaarz-footer-pro\" dir=\"rtl\">\r\n\r\n  <div class=\"dfp-wrap\">\r\n\r\n    <!-- 1) \u0645\u0639\u0631\u0641\u06cc \u0633\u0627\u06cc\u062a (\u0633\u0645\u062a \u0631\u0627\u0633\u062a) -->\r\n    <div class=\"dfp-col dfp-about\">\r\n      <div class=\"dfp-brand\">\r\n        <img decoding=\"async\" class=\"dfp-logo\" src=\"https:\/\/dibaarz.com\/wp-content\/uploads\/2026\/01\/Layer-1.png\" alt=\"Dibaarz\">\r\n        <div class=\"dfp-brand-text\">\r\n          <div class=\"dfp-brand-name\">\u062f\u06cc\u0628\u0627\u0627\u0631\u0632<\/div>\r\n          <div class=\"dfp-brand-sub\">\u0622\u06a9\u0627\u062f\u0645\u06cc \u0622\u0645\u0648\u0632\u0634 \u0627\u0631\u0632 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <p class=\"dfp-about-text\">\r\n        \u062f\u06cc\u0628\u0627\u0627\u0631\u0632 \u0628\u0627 \u062a\u0645\u0631\u06a9\u0632 \u0628\u0631 \u0622\u0645\u0648\u0632\u0634\u200c\u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0648 \u062a\u062d\u0644\u06cc\u0644\u200c\u0645\u062d\u0648\u0631\u060c \u0628\u0647 \u0634\u0645\u0627 \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f \u0645\u0641\u0627\u0647\u06cc\u0645 \u0627\u0631\u0632\u0647\u0627\u06cc \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644\u060c\r\n        \u0645\u062f\u06cc\u0631\u06cc\u062a \u0631\u06cc\u0633\u06a9 \u0648 \u062a\u062d\u0644\u06cc\u0644 \u0628\u0627\u0632\u0627\u0631 \u0631\u0627 \u0627\u0635\u0648\u0644\u06cc \u06cc\u0627\u062f \u0628\u06af\u06cc\u0631\u06cc\u062f \u0648 \u0628\u0627 \u062f\u06cc\u062f\u06cc \u0622\u06af\u0627\u0647\u0627\u0646\u0647 \u0648\u0627\u0631\u062f \u0628\u0627\u0632\u0627\u0631\u0647\u0627\u06cc \u0645\u0627\u0644\u06cc \u0634\u0648\u06cc\u062f.\r\n      <\/p>\r\n\r\n      <div class=\"dfp-social\">\r\n        <a class=\"dfp-sbtn\" href=\"#\" aria-label=\"Telegram\" title=\"Telegram\">\r\n          <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\">\r\n            <path d=\"M21.8 4.6 3.4 11.8c-1.3.5-1.3 1.3-.2 1.7l4.7 1.5 1.8 5.4c.2.6.1.8.8.8.6 0 .9-.3 1.2-.6l2.3-2.3 4.7 3.5c.9.5 1.5.2 1.7-.8l3.1-14.6c.3-1.2-.4-1.7-1.2-1.4Zm-14 9.1 10.8-6.8c.5-.3 1-.1.6.3l-8.9 8.1-.3 3.6-1.9-6.2Z\"\r\n                  fill=\"currentColor\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n        <a class=\"dfp-sbtn\" href=\"#\" aria-label=\"Instagram\" title=\"Instagram\">\r\n          <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\">\r\n            <path d=\"M7.5 2h9A5.5 5.5 0 0 1 22 7.5v9A5.5 5.5 0 0 1 16.5 22h-9A5.5 5.5 0 0 1 2 16.5v-9A5.5 5.5 0 0 1 7.5 2Zm0 2A3.5 3.5 0 0 0 4 7.5v9A3.5 3.5 0 0 0 7.5 20h9A3.5 3.5 0 0 0 20 16.5v-9A3.5 3.5 0 0 0 16.5 4h-9ZM12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm6.3-.9a1.1 1.1 0 1 1-2.2 0 1.1 1.1 0 0 1 2.2 0Z\"\r\n                  fill=\"currentColor\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n        <a class=\"dfp-sbtn\" href=\"#\" aria-label=\"WhatsApp\" title=\"WhatsApp\">\r\n          <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\">\r\n            <path d=\"M12 2a9.9 9.9 0 0 0-8.6 14.8L2 22l5.3-1.4A10 10 0 1 0 12 2Zm0 18a8 8 0 0 1-4.1-1.1l-.3-.2-3.1.8.8-3-.2-.3A8 8 0 1 1 12 20Zm4.6-5.6c-.2-.1-1.3-.6-1.5-.7-.2-.1-.4-.1-.5.1l-.7.8c-.1.2-.3.2-.5.1-1-.4-1.8-1-2.5-1.7-.7-.7-1.3-1.6-1.7-2.5-.1-.2 0-.4.1-.5l.5-.6c.1-.2.2-.3.1-.5 0-.2-.6-1.3-.7-1.5-.1-.2-.3-.3-.5-.3h-.5c-.2 0-.4.1-.6.3-.6.6-.9 1.4-.9 2.2 0 1 .4 2 .9 2.8.1.2 2 3.1 4.9 4.4.7.3 1.2.5 1.6.6.7.2 1.3.2 1.8.1.5-.1 1.3-.5 1.5-1 .2-.5.2-1 .1-1.1-.1-.1-.2-.2-.4-.3Z\"\r\n                  fill=\"currentColor\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 2) \u0644\u06cc\u0646\u06a9\u200c\u0647\u0627\u06cc \u0633\u0631\u06cc\u0639 (\u0648\u0633\u0637) -->\r\n    <div class=\"dfp-col dfp-links\">\r\n      <h3 class=\"dfp-title\">\u0644\u06cc\u0646\u06a9\u200c\u0647\u0627\u06cc \u0633\u0631\u06cc\u0639<\/h3>\r\n      <ul class=\"dfp-list\">\r\n        <li><a href=\"#\">\u0641\u0631\u0627\u06cc\u0646\u062f \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc<\/a><\/li>\r\n        <li><a href=\"#\">\u062f\u0648\u0631\u0647\u200c\u0647\u0627\u06cc \u0622\u0645\u0648\u0632\u0634\u06cc<\/a><\/li>\r\n        <li><a href=\"#\">\u06a9\u062a\u0627\u0628\u200c\u0647\u0627\u06cc \u0622\u0645\u0648\u0632\u0634\u06cc<\/a><\/li>\r\n        <li><a href=\"#\">\u062a\u062d\u0644\u06cc\u0644 \u0628\u0627\u0632\u0627\u0631<\/a><\/li>\r\n        <li><a href=\"#\">\u0647\u0645\u06a9\u0627\u0631\u06cc \u0628\u0627 \u0645\u0627<\/a><\/li>\r\n        <li><a href=\"#\">\u062a\u0645\u0627\u0633 \u0628\u0627 \u0622\u06a9\u0627\u062f\u0645\u06cc<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- 3) \u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627 (\u0633\u0645\u062a \u0686\u067e) -->\r\n    <div class=\"dfp-col dfp-contact\">\r\n      <h3 class=\"dfp-title\">\u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627<\/h3>\r\n\r\n      <div class=\"dfp-item\">\r\n        <div class=\"dfp-label\">\u062f\u0641\u062a\u0631 \u0645\u0631\u06a9\u0632\u06cc \u0648 \u0622\u0645\u0648\u0632\u0634<\/div>\r\n        <div class=\"dfp-text\">\r\n          \u0627\u06cc\u0631\u0627\u0646\u060c \u0627\u0635\u0641\u0647\u0627\u0646 \u2014 (\u0622\u062f\u0631\u0633 \u0634\u0645\u0627)\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dfp-item\">\r\n        <div class=\"dfp-label dfp-gold\">\u062a\u0644\u0641\u0646:<\/div>\r\n        <div class=\"dfp-text dfp-nums\">0912 000 0000 \u2014 031 000 00000<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"dfp-item\">\r\n        <div class=\"dfp-label dfp-gold\">\u0627\u06cc\u0645\u06cc\u0644:<\/div>\r\n        <div class=\"dfp-text\">info@dibaarz.com<\/div>\r\n      <\/div>\r\n\r\n      <a class=\"dfp-cta\" href=\"#\">\u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627 \u0645\u0627<\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"dfp-bottom\">\r\n    <div class=\"dfp-bottom-line\"><\/div>\r\n    <div class=\"dfp-bottom-text\">\u00a9 2026 \u062f\u06cc\u0628\u0627\u0627\u0631\u0632 \u2014 \u062a\u0645\u0627\u0645\u06cc \u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638 \u0627\u0633\u062a.<\/div>\r\n  <\/div>\r\n\r\n  <style>\r\n    :root{\r\n      --navy:#06122f;\r\n      --navy2:#020817;\r\n      --gold:#d4af37;\r\n      --gold2:#f5d77a;\r\n      --text:#e5e7eb;\r\n      --muted:#aab3c5;\r\n      --shadow:rgba(0,0,0,.45);\r\n    }\r\n\r\n    .dibaarz-footer-pro{\r\n      direction: rtl;\r\n      background:\r\n        radial-gradient(900px 400px at 70% 0%, rgba(212,175,55,.10), transparent 55%),\r\n        radial-gradient(700px 380px at 15% 30%, rgba(212,175,55,.06), transparent 60%),\r\n        linear-gradient(180deg, var(--navy) 0%, var(--navy2) 100%);\r\n      padding: 52px 18px 22px;\r\n      color: var(--text);\r\n      font-family: tahoma, sans-serif;\r\n      position: relative;\r\n      overflow: hidden;\r\n      border-top: 1px solid rgba(212,175,55,.18);\r\n    }\r\n\r\n    .dfp-wrap{\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n      display: grid;\r\n      grid-template-columns: 1.1fr .8fr 1.1fr;\r\n      gap: 34px;\r\n      align-items: start;\r\n    }\r\n\r\n    .dfp-col{\r\n      padding: 18px 18px;\r\n      border-radius: 16px;\r\n      background: rgba(1, 8, 23, .25);\r\n      border: 1px solid rgba(255,255,255,.04);\r\n      box-shadow: 0 12px 30px var(--shadow);\r\n    }\r\n\r\n    .dfp-title{\r\n      margin: 0 0 14px;\r\n      font-size: 15px;\r\n      font-weight: 800;\r\n      color: #fff;\r\n      position: relative;\r\n      padding-bottom: 10px;\r\n    }\r\n    .dfp-title::after{\r\n      content:\"\";\r\n      position:absolute;\r\n      right:0;\r\n      bottom:0;\r\n      width: 42px;\r\n      height: 2px;\r\n      background: var(--gold);\r\n      box-shadow: 0 0 12px rgba(212,175,55,.45);\r\n      border-radius: 2px;\r\n    }\r\n\r\n    \/* \u062a\u0645\u0627\u0633 *\/\r\n    .dfp-item{ margin: 10px 0 0; }\r\n    .dfp-label{\r\n      color: var(--muted);\r\n      font-size: 12px;\r\n      margin-bottom: 6px;\r\n    }\r\n    .dfp-label.dfp-gold{ color: var(--gold); font-weight: 700; }\r\n    .dfp-text{\r\n      font-size: 13px;\r\n      line-height: 1.9;\r\n      color: #dde3f3;\r\n    }\r\n    .dfp-nums{ letter-spacing: .4px; }\r\n\r\n    .dfp-cta{\r\n      margin-top: 16px;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      text-decoration: none;\r\n      font-size: 13px;\r\n      font-weight: 800;\r\n      padding: 12px 18px;\r\n      border-radius: 999px;\r\n      color: #151515;\r\n      background: linear-gradient(135deg, var(--gold) 0%, var(--gold2) 100%);\r\n      box-shadow: 0 10px 26px rgba(212,175,55,.35);\r\n      transition: .25s ease;\r\n      width: min(260px, 100%);\r\n    }\r\n    .dfp-cta:hover{\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 0 16px rgba(212,175,55,.65), 0 14px 30px rgba(212,175,55,.35);\r\n    }\r\n\r\n    \/* \u0644\u06cc\u0646\u06a9\u200c\u0647\u0627 *\/\r\n    .dfp-list{\r\n      list-style: none;\r\n      padding: 0;\r\n      margin: 0;\r\n      display: grid;\r\n      gap: 10px;\r\n    }\r\n    .dfp-list a{\r\n      color: #dbe4ff;\r\n      text-decoration: none;\r\n      font-size: 13px;\r\n      transition: .2s ease;\r\n      position: relative;\r\n      padding-right: 12px;\r\n      display: inline-block;\r\n    }\r\n    .dfp-list a::before{\r\n      content:\"\";\r\n      position:absolute;\r\n      right:0;\r\n      top:50%;\r\n      width: 6px;\r\n      height: 6px;\r\n      transform: translateY(-50%);\r\n      background: rgba(212,175,55,.85);\r\n      border-radius: 999px;\r\n      box-shadow: 0 0 10px rgba(212,175,55,.35);\r\n    }\r\n    .dfp-list a:hover{\r\n      color: var(--gold);\r\n      transform: translateX(-3px);\r\n    }\r\n\r\n    \/* \u0645\u0639\u0631\u0641\u06cc *\/\r\n    .dfp-brand{\r\n      display:flex;\r\n      align-items:center;\r\n      gap:12px;\r\n      margin-bottom: 12px;\r\n    }\r\n    .dfp-logo{\r\n      width: 42px;\r\n      height: 42px;\r\n      object-fit: contain;\r\n      filter: drop-shadow(0 0 10px rgba(212,175,55,.45));\r\n    }\r\n    .dfp-brand-name{\r\n      font-weight: 900;\r\n      color: var(--gold);\r\n      font-size: 16px;\r\n      line-height: 1.2;\r\n    }\r\n    .dfp-brand-sub{\r\n      font-size: 12px;\r\n      color: #cbd5e1;\r\n      margin-top: 2px;\r\n    }\r\n    .dfp-about-text{\r\n      margin: 0;\r\n      font-size: 13px;\r\n      line-height: 1.95;\r\n      color: #dde3f3;\r\n    }\r\n\r\n    \/* \u0634\u0628\u06a9\u0647\u200c\u0647\u0627 *\/\r\n    .dfp-social{\r\n      display:flex;\r\n      gap: 10px;\r\n      margin-top: 16px;\r\n    }\r\n    .dfp-sbtn{\r\n      width: 40px;\r\n      height: 40px;\r\n      border-radius: 12px;\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      color: var(--gold);\r\n      background: rgba(6, 18, 47, .75);\r\n      border: 1px solid rgba(212,175,55,.35);\r\n      box-shadow: 0 0 0 1px rgba(255,255,255,.03) inset;\r\n      transition: .25s ease;\r\n      text-decoration: none;\r\n    }\r\n    .dfp-sbtn:hover{\r\n      transform: translateY(-3px);\r\n      color: #141414;\r\n      background: linear-gradient(135deg, var(--gold) 0%, var(--gold2) 100%);\r\n      box-shadow: 0 0 14px rgba(212,175,55,.55), 0 14px 24px rgba(0,0,0,.35);\r\n    }\r\n\r\n    \/* \u067e\u0627\u06cc\u06cc\u0646 *\/\r\n    .dfp-bottom{\r\n      max-width: 1200px;\r\n      margin: 26px auto 0;\r\n      text-align: center;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n    .dfp-bottom-line{\r\n      height: 1px;\r\n      background: linear-gradient(90deg, transparent, rgba(212,175,55,.35), transparent);\r\n      margin-bottom: 14px;\r\n    }\r\n    .dfp-bottom-text{\r\n      font-size: 12px;\r\n      color: #aab3c5;\r\n    }\r\n\r\n    @media (max-width: 980px){\r\n      .dfp-wrap{ grid-template-columns: 1fr; }\r\n      .dfp-social{ justify-content: center; }\r\n    }\r\n  <\/style>\r\n\r\n<\/footer>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\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>\u0622\u0645\u0648\u0632\u0634 \u0647\u0648\u0634\u0645\u0646\u062f \u0628\u0627\u0632\u0627\u0631\u0647\u0627\u06cc \u0645\u0627\u0644\u06cc&#8230; \u0622\u06a9\u0627\u062f\u0645\u06cc \u0622\u0645\u0648\u0632\u0634 \u0627\u0631\u0632 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0646\u0648\u0627 \u0622\u06a9\u0627\u062f\u0645\u06cc \u0645\u0627 \u0628\u0627 \u0627\u0631\u0627\u0626\u0647 \u0622\u0645\u0648\u0632\u0634\u200c\u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0648 \u062a\u062d\u0644\u06cc\u0644\u200c\u0645\u062d\u0648\u0631\u060c \u0628\u0647 \u0634\u0645\u0627 \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u0645\u0641\u0627\u0647\u06cc\u0645 \u0627\u0631\u0632\u0647\u0627\u06cc \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644\u060c \u0645\u062f\u06cc\u0631\u06cc\u062a \u0631\u06cc\u0633\u06a9 \u0648 \u062a\u062d\u0644\u06cc\u0644 \u0628\u0627\u0632\u0627\u0631 \u0631\u0627 \u0628\u0647\u200c\u0635\u0648\u0631\u062a \u0627\u0635\u0648\u0644\u06cc \u06cc\u0627\u062f \u0628\u06af\u06cc\u0631\u06cc\u062f \u0648 \u0628\u0627 \u062f\u06cc\u062f\u06cc \u0622\u06af\u0627\u0647\u0627\u0646\u0647 \u0648\u0627\u0631\u062f \u062f\u0646\u06cc\u0627\u06cc \u06a9\u0631\u06cc\u067e\u062a\u0648 \u0634\u0648\u06cc\u062f. \u0634\u0631\u0648\u0639 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u062f\u0648\u0631\u0647\u200c\u0647\u0627 \u062f\u0627\u0646\u0634\u062c\u0648\u06cc\u0627\u0646 \u0641\u0639\u0627\u0644 +\u06f1\u06f8,\u06f0\u06f0\u06f0 \u0646\u0641\u0631 \u0633\u0627\u0639\u062a \u0622\u0645\u0648\u0632\u0634 \u062a\u0648\u0644\u06cc\u062f\u0634\u062f\u0647 +\u06f3,\u06f2\u06f0\u06f0 \u0633\u0627\u0639\u062a \u0645\u0633\u06cc\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-28","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dibaarz.com\/index.php\/wp-json\/wp\/v2\/pages\/28","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dibaarz.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dibaarz.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dibaarz.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dibaarz.com\/index.php\/wp-json\/wp\/v2\/comments?post=28"}],"version-history":[{"count":208,"href":"https:\/\/dibaarz.com\/index.php\/wp-json\/wp\/v2\/pages\/28\/revisions"}],"predecessor-version":[{"id":285,"href":"https:\/\/dibaarz.com\/index.php\/wp-json\/wp\/v2\/pages\/28\/revisions\/285"}],"wp:attachment":[{"href":"https:\/\/dibaarz.com\/index.php\/wp-json\/wp\/v2\/media?parent=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}