{"id":527,"date":"2026-08-06T19:24:43","date_gmt":"2026-08-06T15:54:43","guid":{"rendered":"https:\/\/madota-sanat.com\/?page_id=527"},"modified":"2026-08-30T16:13:05","modified_gmt":"2026-08-30T12:43:05","slug":"%d8%ae%d8%a7%d9%86%d9%87-%d8%a7%d9%be%d9%84%db%8c%da%a9%db%8c%d8%b4%d9%86-%d9%85%d8%a7%d8%af%d9%88%d8%aa%d8%a7","status":"publish","type":"page","link":"https:\/\/madota-sanat.com\/","title":{"rendered":"\u062e\u0627\u0646\u0647 \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0645\u0627\u062f\u0648\u062a\u0627"},"content":{"rendered":"<p><!--\n  MADOTA INTERACTIVE HOME\n  \u0627\u06cc\u0646 \u06a9\u062f \u0631\u0627 \u06a9\u0627\u0645\u0644 \u062f\u0627\u062e\u0644 \u06cc\u06a9 \u0648\u06cc\u062c\u062a HTML \u0627\u0644\u0645\u0646\u062a\u0648\u0631 \u0642\u0631\u0627\u0631 \u0628\u062f\u0647.\n  \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0628\u0631\u06af\u0647: Elementor Canvas\n--><\/p>\n<section dir=\"rtl\" data-mdt-slider tabindex=\"0\" aria-label=\"\u0645\u0639\u0631\u0641\u06cc \u062a\u0639\u0627\u0645\u0644\u06cc \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0645\u0627\u062f\u0648\u062a\u0627\">\n  <!-- \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u0645\u062a\u062d\u0631\u06a9 --><br \/>\n  <!-- \u0647\u062f\u0631 \u06af\u0644\u0633 --><\/p>\n<header>\n    <a href=\"https:\/\/madotasanat.com\/\" aria-label=\"\u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0645\u0627\u062f\u0648\u062a\u0627\"><br \/>\n      M<br \/>\n        <strong>\u0645\u0627\u062f\u0648\u062a\u0627<\/strong><br \/>\n        <small>\u0627\u0646\u062a\u062e\u0627\u0628 \u062a\u0627 \u0627\u062c\u0631\u0627<\/small><br \/>\n    <\/a><br \/>\n        \u0646\u0648\u0639 \u062e\u062f\u0645\u0627\u062a<br \/>\n        <strong data-mdt-meta-service>\u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u062a\u062e\u0635\u0635\u06cc<\/strong><br \/>\n      <i><\/i><br \/>\n        \u062d\u0648\u0632\u0647 \u0641\u0639\u0627\u0644\u06cc\u062a<br \/>\n        <strong data-mdt-meta-category>\u0635\u0646\u0627\u06cc\u0639 \u0633\u0627\u062e\u062a\u0645\u0627\u0646\u06cc<\/strong><br \/>\n      <i><\/i><br \/>\n        \u0645\u0633\u06cc\u0631 \u067e\u0631\u0648\u0698\u0647<br \/>\n        <strong data-mdt-meta-process>\u0645\u0634\u0627\u0648\u0631\u0647 \u062a\u0627 \u0627\u062c\u0631\u0627<\/strong><br \/>\n    <a href=\"https:\/\/madotasanat.com\"><br \/>\n      \u0648\u0631\u0648\u062f \u0628\u0647 \u0641\u0631\u0648\u0634\u06af\u0627\u0647<br \/>\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M15 6 9 12l6 6\"\/><\/svg><br \/>\n    <\/a><br \/>\n  <\/header>\n<p>  <main><br \/>\n    <!-- \u0645\u0646\u0648\u06cc \u0628\u062e\u0634\u200c\u0647\u0627 --><\/p>\n<nav aria-label=\"\u0628\u062e\u0634\u200c\u0647\u0627\u06cc \u0635\u0641\u062d\u0647\">\n      <button type=\"button\" data-mdt-index=\"0\" aria-current=\"true\"><br \/>\n        01<small>\u0645\u0639\u0631\u0641\u06cc \u0641\u0631\u0648\u0634\u06af\u0627\u0647<\/small><br \/>\n      <\/button><br \/>\n      <button type=\"button\" data-mdt-index=\"1\"><br \/>\n        02<small>\u0645\u062d\u0635\u0648\u0644\u0627\u062a<\/small><br \/>\n      <\/button><br \/>\n      <button type=\"button\" data-mdt-index=\"2\"><br \/>\n        03<small>\u0642\u06cc\u0645\u062a \u0622\u0644\u0648\u0645\u06cc\u0646\u06cc\u0648\u0645<\/small><br \/>\n      <\/button><br \/>\n      <button type=\"button\" data-mdt-index=\"3\"><br \/>\n        04<small>\u0645\u0631\u0627\u062d\u0644 \u062e\u0631\u06cc\u062f<\/small><br \/>\n      <\/button><br \/>\n      <button type=\"button\" data-mdt-index=\"4\"><br \/>\n        05<small>\u067e\u0646\u0644 \u06a9\u0627\u0631\u0628\u0631\u06cc<\/small><br \/>\n      <\/button><br \/>\n      <button type=\"button\" data-mdt-index=\"5\"><br \/>\n        06<small>\u0645\u0634\u0627\u0648\u0631\u0647<\/small><br \/>\n      <\/button><br \/>\n    <\/nav>\n<p>    <!-- \u0645\u062a\u0646 \u0627\u0635\u0644\u06cc --><\/p>\n<section aria-live=\"polite\">\n        01<br \/>\n        <strong data-mdt-label>\u0645\u0639\u0631\u0641\u06cc \u0641\u0631\u0648\u0634\u06af\u0627\u0647<\/strong><\/p>\n<h1 data-mdt-title>\n        \u0627\u0632 \u0627\u0646\u062a\u062e\u0627\u0628 \u0633\u06cc\u0633\u062a\u0645 \u0645\u0646\u0627\u0633\u0628<br \/>\u062a\u0627 \u0627\u062c\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647<br \/>\n      <\/h1>\n<p data-mdt-description>\n        \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0645\u0627\u062f\u0648\u062a\u0627 \u0645\u0633\u06cc\u0631 \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647\u200c\u0627\u06cc \u0628\u0631\u0627\u06cc \u0628\u0631\u0631\u0633\u06cc \u0645\u062d\u0635\u0648\u0644\u0627\u062a\u060c \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u0634\u0627\u0648\u0631\u0647 \u062a\u062e\u0635\u0635\u06cc\u060c \u062e\u0631\u06cc\u062f \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0633\u0627\u062e\u062a\u0645\u0627\u0646\u06cc \u0648 \u0647\u0645\u0627\u0647\u0646\u06af\u06cc \u062e\u062f\u0645\u0627\u062a \u067e\u0631\u0648\u0698\u0647 \u062f\u0631 \u0627\u062e\u062a\u06cc\u0627\u0631 \u0634\u0645\u0627 \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u062f\u0647\u062f.\n      <\/p>\n<p>        <a data-mdt-primary href=\"https:\/\/madotasanat.com\"><br \/>\n          \u0645\u0634\u0627\u0647\u062f\u0647 \u0641\u0631\u0648\u0634\u06af\u0627\u0647<br \/>\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M15 6 9 12l6 6\"\/><\/svg><br \/>\n        <\/a><br \/>\n        <button type=\"button\" data-mdt-next-content><br \/>\n          \u0628\u062e\u0634 \u0628\u0639\u062f\u06cc<br \/>\n          <b><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M15 6 9 12l6 6\"\/><\/svg><\/b><br \/>\n        <\/button><br \/>\n    <\/section>\n<p>    <!-- \u06a9\u0627\u0631\u062a \u0627\u0637\u0644\u0627\u0639\u0627\u062a --><\/p>\n<aside>\n          \u06cc\u06a9 \u0645\u0633\u06cc\u0631 \u06a9\u0627\u0645\u0644<br \/>\n          <small data-mdt-card-count>01 \/ 06<\/small><br \/>\n        <a data-mdt-card-link href=\"https:\/\/madotasanat.com\" aria-label=\"\u0645\u0634\u0627\u0647\u062f\u0647 \u062c\u0632\u0626\u06cc\u0627\u062a\"><br \/>\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M15 6 9 12l6 6\"\/><\/svg><br \/>\n        <\/a><\/p>\n<h2 data-mdt-card-title>\u0641\u0631\u0648\u0634\u06af\u0627\u0647\u06cc \u0641\u0631\u0627\u062a\u0631 \u0627\u0632 \u062e\u0631\u06cc\u062f \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc<\/h2>\n<p data-mdt-card-description>\n        \u0645\u062d\u0635\u0648\u0644 \u0645\u0646\u0627\u0633\u0628 \u067e\u0631\u0648\u0698\u0647 \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u062f\u060c \u0645\u0634\u0627\u0648\u0631\u0647 \u0628\u06af\u06cc\u0631\u06cc\u062f\u060c \u067e\u06cc\u0634\u200c\u0641\u0627\u06a9\u062a\u0648\u0631 \u062f\u0631\u06cc\u0627\u0641\u062a \u06a9\u0646\u06cc\u062f \u0648 \u0645\u0631\u0627\u062d\u0644 \u062a\u0623\u0645\u06cc\u0646 \u0648 \u0627\u062c\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647 \u0631\u0627 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0646\u0645\u0627\u06cc\u06cc\u062f.\n      <\/p>\n<p>        \u0645\u0634\u0627\u0648\u0631\u0647 \u062a\u062e\u0635\u0635\u06cc<br \/>\n        \u062a\u0646\u0648\u0639 \u0645\u062d\u0635\u0648\u0644\u0627\u062a<br \/>\n        \u062e\u0631\u06cc\u062f \u0622\u0646\u0644\u0627\u06cc\u0646<br \/>\n        \u062a\u062c\u0631\u0628\u0647 \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u067e\u0631\u0648\u0698\u0647<br \/>\n        <strong data-mdt-stat-value>360\u00b0<\/strong><br \/>\n    <\/aside>\n<p>    <!-- \u0634\u0645\u0627\u0631\u0647 \u0627\u0633\u0644\u0627\u06cc\u062f --><br \/>\n      <strong data-mdt-current>01<\/strong><br \/>\n      <i><\/i><br \/>\n      <small>06<\/small><br \/>\n    <!-- \u06a9\u0646\u062a\u0631\u0644\u200c\u0647\u0627: \u0686\u067e = \u0628\u0639\u062f\u06cc\u060c \u0631\u0627\u0633\u062a = \u0642\u0628\u0644\u06cc --><br \/>\n      <button type=\"button\" data-mdt-next aria-label=\"\u0628\u062e\u0634 \u0628\u0639\u062f\u06cc\"><br \/>\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M15 6 9 12l6 6\"\/><\/svg><br \/>\n      <\/button><br \/>\n      <button type=\"button\" data-mdt-prev aria-label=\"\u0628\u062e\u0634 \u0642\u0628\u0644\u06cc\"><br \/>\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"m9 6 6 6-6 6\"\/><\/svg><br \/>\n      <\/button><br \/>\n  <\/main><br \/>\n<\/section>\n<style>\n\/* =========================================================\n   \u067e\u0627\u06a9\u200c\u0633\u0627\u0632\u06cc \u0645\u062d\u062f\u0648\u062f\u06cc\u062a\u200c\u0647\u0627\u06cc \u0627\u0644\u0645\u0646\u062a\u0648\u0631\n========================================================= *\/\nhtml, body { margin: 0; padding: 0; }\nbody:not(.elementor-editor-active):has(.mdt-home) {\n  overflow: hidden;\n}\n.elementor-element:has(.mdt-home),\n.elementor-widget-html:has(.mdt-home),\n.elementor-widget-html:has(.mdt-home) > .elementor-widget-container {\n  width: 100% !important;\n  max-width: none !important;\n  min-width: 0 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  gap: 0 !important;\n  overflow: visible !important;\n}\n.mdt-home,\n.mdt-home * { box-sizing: border-box; }\n.mdt-home {\n  --mdt-red: #c8202f;\n  --mdt-purple: #3a208b;\n  --mdt-ink: #071321;\n  --mdt-white: #fff;\n  --mdt-header-height: 84px;\n  --mdt-ease: cubic-bezier(.22, 1, .36, 1);\n  --mdt-card-width: clamp(300px, 25vw, 385px);\n  --mdt-card-height: 270px;\n  position: relative;\n  isolation: isolate;\n  width: 100vw;\n  max-width: none !important;\n  height: 100svh;\n  min-height: 560px;\n  margin-inline: calc(50% - 50vw);\n  overflow: hidden;\n  color: var(--mdt-white);\n  background: #112438;\n  font-family: \"Vazirmatn\", \"IRANSansX\", \"Yekan Bakh\", Tahoma, sans-serif;\n  outline: none;\n}\n.mdt-home button,\n.mdt-home a {\n  font: inherit;\n  -webkit-tap-highlight-color: transparent;\n}\n.mdt-home button { border: 0; }\n.mdt-home a { color: inherit; text-decoration: none; }\n.mdt-home svg {\n  width: 20px;\n  height: 20px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.9;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\/* =========================================================\n   \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647\n========================================================= *\/\n.mdt-background,\n.mdt-bg-layer,\n.mdt-bg-overlay {\n  position: absolute;\n  inset: 0;\n}\n.mdt-background {\n  z-index: -3;\n  overflow: hidden;\n  pointer-events: none;\n  background: #112438;\n}\n.mdt-bg-layer {\n  opacity: 0;\n  transform: scale(1.055);\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  will-change: opacity, transform;\n  transition:\n    opacity .95s var(--mdt-ease),\n    transform 1.6s var(--mdt-ease);\n}\n.mdt-bg-layer.is-active {\n  opacity: 1;\n  transform: scale(1);\n}\n.mdt-bg-overlay {\n  z-index: 2;\n  background:\n    linear-gradient(90deg,\n      rgba(5, 13, 23, .88) 0%,\n      rgba(5, 14, 25, .70) 38%,\n      rgba(6, 17, 30, .24) 70%,\n      rgba(5, 13, 23, .46) 100%),\n    linear-gradient(0deg,\n      rgba(4, 11, 20, .78) 0%,\n      transparent 47%);\n}\n.mdt-orb {\n  position: absolute;\n  z-index: 3;\n  border-radius: 50%;\n  filter: blur(100px);\n  pointer-events: none;\n}\n.mdt-orb-one {\n  width: 520px;\n  height: 520px;\n  top: -340px;\n  right: 12%;\n  background: rgba(157, 192, 255, .34);\n}\n.mdt-orb-two {\n  width: 460px;\n  height: 460px;\n  left: 12%;\n  bottom: -330px;\n  background: rgba(91, 45, 190, .24);\n}\n\/* =========================================================\n   \u06af\u0644\u0633 \u0645\u0648\u0631\u0641\u06cc\u0633\u0645\n========================================================= *\/\n.mdt-glass {\n  border: 1px solid rgba(255, 255, 255, .14);\n  background:\n    linear-gradient(135deg,\n      rgba(255, 255, 255, .16),\n      rgba(255, 255, 255, .07));\n  box-shadow:\n    inset 0 1px 0 rgba(255, 255, 255, .13),\n    0 18px 55px rgba(2, 8, 16, .16);\n  backdrop-filter: blur(22px) saturate(140%);\n  -webkit-backdrop-filter: blur(22px) saturate(140%);\n}\n\/* =========================================================\n   \u0647\u062f\u0631\n========================================================= *\/\n.mdt-header {\n  position: relative;\n  z-index: 30;\n  height: var(--mdt-header-height);\n  display: grid;\n  grid-template-columns: 220px minmax(320px, 640px) 190px;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n  padding: 12px clamp(18px, 3vw, 48px);\n  border-width: 0 0 1px;\n  border-radius: 0;\n}\n.mdt-brand {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.mdt-logo {\n  width: 54px;\n  height: 54px;\n  flex: 0 0 54px;\n  display: grid;\n  place-items: center;\n  border-radius: 18px;\n  color: #fff;\n  background: linear-gradient(145deg, #e52f3d, #8d0f1a);\n  box-shadow:\n    0 15px 35px rgba(200, 32, 47, .30),\n    inset 0 1px 0 rgba(255, 255, 255, .33);\n  font-size: 20px;\n  font-weight: 900;\n}\n.mdt-brand-text {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n.mdt-brand-text strong { font-size: 17px; font-weight: 900; }\n.mdt-brand-text small { color: rgba(255,255,255,.56); font-size: 10px; }\n.mdt-meta {\n  min-height: 58px;\n  display: grid;\n  grid-template-columns: 1fr auto 1fr auto 1fr;\n  align-items: center;\n  padding: 4px 14px;\n  border-radius: 21px;\n  background: rgba(255,255,255,.07);\n  box-shadow: inset 0 0 0 1px rgba(255,255,255,.07);\n}\n.mdt-meta-item { min-width: 0; text-align: center; }\n.mdt-meta-item span,\n.mdt-meta-item strong {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.mdt-meta-item span { margin-bottom: 4px; color: rgba(255,255,255,.45); font-size: 9px; }\n.mdt-meta-item strong { font-size: 11px; font-weight: 800; }\n.mdt-meta > i { width: 1px; height: 28px; background: rgba(255,255,255,.10); }\n.mdt-header-cta {\n  min-height: 53px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  border-radius: 17px;\n  color: #111722 !important;\n  background: rgba(255,255,255,.95);\n  box-shadow: 0 16px 35px rgba(0,0,0,.14);\n  font-size: 12px;\n  font-weight: 900;\n  transition: transform .4s var(--mdt-ease), background .4s var(--mdt-ease), color .4s ease;\n}\n.mdt-header-cta:hover {\n  transform: translateY(-3px);\n  color: #fff !important;\n  background: var(--mdt-red);\n}\n\/* =========================================================\n   \u0627\u0633\u062a\u06cc\u062c\n========================================================= *\/\n.mdt-stage {\n  position: relative;\n  z-index: 2;\n  height: calc(100svh - var(--mdt-header-height));\n  min-height: 0;\n  overflow: hidden;\n}\n\/* =========================================================\n   \u0646\u0627\u0648\u0628\u0631\u06cc \u0639\u0645\u0648\u062f\u06cc\n========================================================= *\/\n.mdt-navigation {\n  position: absolute;\n  z-index: 40;\n  top: 50%;\n  right: clamp(16px, 2.5vw, 42px);\n  display: flex;\n  flex-direction: column;\n  gap: 7px;\n  padding: 8px;\n  border-radius: 24px;\n  transform: translateY(-50%);\n  pointer-events: auto;\n}\n.mdt-nav-btn {\n  position: relative;\n  z-index: 2;\n  width: 47px;\n  height: 47px;\n  flex: 0 0 47px;\n  display: grid;\n  place-items: center;\n  border-radius: 16px;\n  color: rgba(18, 27, 39, .78);\n  background: rgba(255,255,255,.68);\n  cursor: pointer;\n  pointer-events: auto;\n  touch-action: manipulation;\n  transition:\n    color .35s var(--mdt-ease),\n    background .35s var(--mdt-ease),\n    transform .35s var(--mdt-ease),\n    box-shadow .35s var(--mdt-ease);\n}\n.mdt-nav-btn span { font-size: 10px; font-weight: 900; }\n.mdt-nav-btn small {\n  position: absolute;\n  right: 61px;\n  top: 50%;\n  width: max-content;\n  padding: 9px 13px;\n  border: 1px solid rgba(255,255,255,.12);\n  border-radius: 11px;\n  opacity: 0;\n  visibility: hidden;\n  color: #fff;\n  background: rgba(7,14,25,.80);\n  backdrop-filter: blur(18px);\n  font-size: 10px;\n  transform: translate(8px,-50%);\n  pointer-events: none;\n  transition: opacity .28s ease, transform .28s ease, visibility .28s ease;\n}\n.mdt-nav-btn:hover { transform: translateX(-4px); background: rgba(255,255,255,.92); }\n.mdt-nav-btn:hover small { opacity: 1; visibility: visible; transform: translate(0,-50%); }\n.mdt-nav-btn.is-active {\n  color: #fff;\n  background: linear-gradient(145deg, #5435ad, #29166f);\n  box-shadow:\n    0 13px 28px rgba(38,18,105,.35),\n    inset 0 1px 0 rgba(255,255,255,.20);\n}\n\/* =========================================================\n   \u0645\u062a\u0646 \u0627\u0635\u0644\u06cc\n========================================================= *\/\n.mdt-content {\n  position: absolute;\n  z-index: 10;\n  top: clamp(46px, 8.5vh, 104px);\n  right: clamp(90px, 10vw, 165px);\n  width: min(660px, 52vw);\n  pointer-events: auto;\n}\n.mdt-eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: clamp(13px, 2vh, 22px);\n}\n.mdt-eyebrow span {\n  min-width: 40px;\n  height: 29px;\n  display: grid;\n  place-items: center;\n  border: 1px solid rgba(255,255,255,.21);\n  border-radius: 20px;\n  background: rgba(255,255,255,.09);\n  backdrop-filter: blur(12px);\n  font-size: 10px;\n  font-weight: 900;\n}\n.mdt-eyebrow strong { color: rgba(255,255,255,.72); font-size: 11px; }\n.mdt-title {\n  max-width: 690px;\n  margin: 0;\n  font-size: clamp(44px, 5.35vw, 88px);\n  line-height: 1.12;\n  letter-spacing: -3px;\n  font-weight: 900;\n  text-wrap: balance;\n  text-shadow: 0 20px 55px rgba(0,0,0,.22);\n}\n.mdt-description {\n  max-width: 590px;\n  margin: clamp(15px, 2.6vh, 26px) 0 0;\n  color: rgba(255,255,255,.70);\n  font-size: clamp(12px, 1vw, 15px);\n  line-height: 2;\n}\n.mdt-actions {\n  display: flex;\n  align-items: center;\n  gap: 11px;\n  margin-top: clamp(17px, 3vh, 29px);\n}\n.mdt-primary-btn,\n.mdt-secondary-btn {\n  min-height: 54px;\n  border-radius: 17px;\n  cursor: pointer;\n  pointer-events: auto;\n  touch-action: manipulation;\n  transition: transform .4s var(--mdt-ease), background .4s var(--mdt-ease), box-shadow .4s var(--mdt-ease);\n}\n.mdt-primary-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 11px;\n  padding: 0 22px;\n  color: #151b25 !important;\n  background: rgba(255,255,255,.96);\n  box-shadow: 0 16px 35px rgba(0,0,0,.17);\n  font-size: 12px;\n  font-weight: 900;\n}\n.mdt-primary-btn:hover {\n  transform: translateY(-3px);\n  color: #fff !important;\n  background: var(--mdt-red);\n  box-shadow: 0 18px 40px rgba(200,32,47,.27);\n}\n.mdt-secondary-btn {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 5px 6px 5px 17px;\n  color: #fff;\n}\n.mdt-secondary-btn b {\n  width: 42px;\n  height: 42px;\n  display: grid;\n  place-items: center;\n  border-radius: 13px;\n  color: #17202c;\n  background: rgba(255,255,255,.94);\n}\n.mdt-secondary-btn:hover { transform: translateY(-3px); background: rgba(255,255,255,.18); }\n\/* =========================================================\n   \u06a9\u0627\u0631\u062a \u0627\u0637\u0644\u0627\u0639\u0627\u062a\n========================================================= *\/\n.mdt-info-card {\n  position: absolute;\n  z-index: 20;\n  left: clamp(20px, 4vw, 70px);\n  bottom: clamp(22px, 5vh, 55px);\n  width: var(--mdt-card-width);\n  height: var(--mdt-card-height);\n  padding: clamp(20px, 2vw, 28px);\n  overflow: hidden;\n  border-radius: 34px;\n  color: #fff;\n  pointer-events: auto;\n}\n.mdt-info-card::before {\n  content: \"\";\n  position: absolute;\n  width: 260px;\n  height: 260px;\n  left: -120px;\n  bottom: -170px;\n  border-radius: 50%;\n  background: rgba(113,83,220,.23);\n  filter: blur(15px);\n  pointer-events: none;\n}\n.mdt-card-head {\n  position: relative;\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n}\n.mdt-card-head > div { display: flex; flex-direction: column; gap: 3px; }\n.mdt-card-head span { color: rgba(255,255,255,.62); font-size: 10px; }\n.mdt-card-head small { color: rgba(255,255,255,.36); font-size: 9px; }\n.mdt-card-head a {\n  position: relative;\n  z-index: 3;\n  width: 43px;\n  height: 43px;\n  flex: 0 0 43px;\n  display: grid;\n  place-items: center;\n  border-radius: 14px;\n  color: #111a25;\n  background: rgba(255,255,255,.93);\n  pointer-events: auto;\n  touch-action: manipulation;\n  transition: color .35s ease, background .35s ease, transform .35s var(--mdt-ease);\n}\n.mdt-card-head a:hover { color: #fff; background: var(--mdt-red); transform: translateX(-3px); }\n.mdt-info-card h2 {\n  position: relative;\n  margin: 16px 0 9px;\n  font-size: clamp(19px, 1.7vw, 27px);\n  line-height: 1.5;\n  font-weight: 900;\n}\n.mdt-info-card > p {\n  position: relative;\n  margin: 0;\n  color: rgba(255,255,255,.63);\n  font-size: 10.5px;\n  line-height: 1.85;\n}\n.mdt-features {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  margin-top: 15px;\n}\n.mdt-features span {\n  padding: 7px 10px;\n  border: 1px solid rgba(255,255,255,.11);\n  border-radius: 20px;\n  color: rgba(255,255,255,.77);\n  background: rgba(255,255,255,.075);\n  font-size: 9px;\n  font-weight: 700;\n}\n.mdt-stat {\n  position: absolute;\n  left: 24px;\n  bottom: 21px;\n  display: flex;\n  align-items: center;\n  gap: 9px;\n}\n.mdt-stat span {\n  max-width: 100px;\n  color: rgba(255,255,255,.50);\n  font-size: 8px;\n  line-height: 1.4;\n}\n.mdt-stat strong { font-size: 28px; line-height: 1; font-weight: 900; }\n\/* =========================================================\n   \u0634\u0645\u0627\u0631\u0646\u062f\u0647 \u0648 \u06a9\u0646\u062a\u0631\u0644\u200c\u0647\u0627\n========================================================= *\/\n.mdt-counter {\n  position: absolute;\n  z-index: 18;\n  left: calc(clamp(20px, 4vw, 70px) + var(--mdt-card-width) + 20px);\n  bottom: clamp(22px, 5vh, 55px);\n  min-width: 85px;\n  height: 48px;\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  padding: 0 13px;\n  border-radius: 15px;\n}\n.mdt-counter strong { font-size: 13px; }\n.mdt-counter small { color: rgba(255,255,255,.46); font-size: 10px; }\n.mdt-counter i { width: 18px; height: 1px; background: rgba(255,255,255,.33); }\n.mdt-controls {\n  position: absolute;\n  z-index: 40;\n  left: 50%;\n  bottom: clamp(23px, 5vh, 56px);\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  direction: ltr;\n  transform: translateX(-50%);\n  pointer-events: auto;\n}\n.mdt-control-btn {\n  position: relative;\n  z-index: 5;\n  width: 48px;\n  height: 48px;\n  flex: 0 0 48px;\n  display: grid;\n  place-items: center;\n  border-radius: 16px;\n  color: #fff;\n  cursor: pointer;\n  pointer-events: auto;\n  touch-action: manipulation;\n  transition: transform .35s var(--mdt-ease), color .35s ease, background .35s ease;\n}\n.mdt-control-btn:hover {\n  transform: translateY(-4px);\n  color: #141b25;\n  background: rgba(255,255,255,.92);\n}\n.mdt-progress {\n  position: relative;\n  width: clamp(80px, 8vw, 125px);\n  height: 4px;\n  overflow: hidden;\n  border-radius: 20px;\n  background: rgba(255,255,255,.22);\n}\n.mdt-progress span {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 16.666%;\n  height: 100%;\n  border-radius: inherit;\n  background: rgba(255,255,255,.96);\n  box-shadow: 0 0 15px rgba(255,255,255,.45);\n  transition: width .78s var(--mdt-ease);\n}\n\/* =========================================================\n   \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0645\u062d\u062a\u0648\u0627\n========================================================= *\/\n.mdt-motion {\n  will-change: opacity, transform, filter;\n}\n.mdt-home.is-leaving-next .mdt-motion {\n  animation: mdtLeaveNext .24s cubic-bezier(.55,0,.45,1) both;\n}\n.mdt-home.is-leaving-prev .mdt-motion {\n  animation: mdtLeavePrev .24s cubic-bezier(.55,0,.45,1) both;\n}\n.mdt-home.is-entering-next .mdt-motion {\n  animation: mdtEnterNext .58s var(--mdt-ease) both;\n}\n.mdt-home.is-entering-prev .mdt-motion {\n  animation: mdtEnterPrev .58s var(--mdt-ease) both;\n}\n.mdt-home .mdt-motion:nth-of-type(2) { animation-delay: .035s; }\n.mdt-home .mdt-motion:nth-of-type(3) { animation-delay: .07s; }\n@keyframes mdtLeaveNext {\n  from { opacity: 1; transform: translate3d(0,0,0) scale(1); filter: blur(0); }\n  to   { opacity: 0; transform: translate3d(-36px,0,0) scale(.985); filter: blur(6px); }\n}\n@keyframes mdtLeavePrev {\n  from { opacity: 1; transform: translate3d(0,0,0) scale(1); filter: blur(0); }\n  to   { opacity: 0; transform: translate3d(36px,0,0) scale(.985); filter: blur(6px); }\n}\n@keyframes mdtEnterNext {\n  from { opacity: 0; transform: translate3d(46px,0,0) scale(.985); filter: blur(7px); }\n  to   { opacity: 1; transform: translate3d(0,0,0) scale(1); filter: blur(0); }\n}\n@keyframes mdtEnterPrev {\n  from { opacity: 0; transform: translate3d(-46px,0,0) scale(.985); filter: blur(7px); }\n  to   { opacity: 1; transform: translate3d(0,0,0) scale(1); filter: blur(0); }\n}\n\/* =========================================================\n   \u0644\u067e\u200c\u062a\u0627\u067e \u06a9\u0645\u200c\u0627\u0631\u062a\u0641\u0627\u0639\n========================================================= *\/\n@media (max-height: 760px) and (min-width: 768px) {\n  .mdt-home {\n    --mdt-header-height: 72px;\n    --mdt-card-height: 226px;\n  }\n  .mdt-header { padding-block: 8px; }\n  .mdt-logo { width: 47px; height: 47px; flex-basis: 47px; border-radius: 15px; }\n  .mdt-meta { min-height: 50px; }\n  .mdt-content { top: 34px; }\n  .mdt-title { font-size: clamp(41px, 4.75vw, 68px); }\n  .mdt-description { margin-top: 13px; line-height: 1.75; }\n  .mdt-actions { margin-top: 15px; }\n  .mdt-info-card { padding: 19px; }\n  .mdt-info-card h2 { margin-top: 10px; font-size: 20px; }\n  .mdt-info-card > p { line-height: 1.55; }\n  .mdt-features { margin-top: 9px; }\n  .mdt-stat { bottom: 14px; }\n}\n\/* =========================================================\n   \u062a\u0628\u0644\u062a\n========================================================= *\/\n@media (max-width: 1050px) {\n  .mdt-header { grid-template-columns: 185px 1fr 165px; gap: 12px; }\n  .mdt-content { width: 58vw; }\n  .mdt-counter { display: none; }\n  .mdt-controls { left: 54%; }\n}\n\/* =========================================================\n   \u0645\u0648\u0628\u0627\u06cc\u0644\n========================================================= *\/\n@media (max-width: 767px) {\n  body:not(.elementor-editor-active):has(.mdt-home) { overflow: hidden; }\n  .mdt-home {\n    --mdt-header-height: 64px;\n    --mdt-card-height: 190px;\n    width: 100vw;\n    height: 100svh;\n    min-height: 540px;\n  }\n  .mdt-header {\n    grid-template-columns: 1fr auto;\n    gap: 8px;\n    padding: 8px 12px;\n  }\n  .mdt-logo { width: 44px; height: 44px; flex-basis: 44px; border-radius: 14px; font-size: 17px; }\n  .mdt-brand-text strong { font-size: 14px; }\n  .mdt-brand-text small { font-size: 8px; }\n  .mdt-meta { display: none; }\n  .mdt-header-cta {\n    min-height: 44px;\n    padding: 0 13px;\n    border-radius: 14px;\n    font-size: 9px;\n  }\n  .mdt-header-cta svg { width: 16px; height: 16px; }\n  .mdt-bg-overlay {\n    background:\n      linear-gradient(180deg,\n        rgba(5,13,23,.42) 0%,\n        rgba(5,13,23,.69) 48%,\n        rgba(5,13,23,.96) 100%);\n  }\n  .mdt-navigation {\n    top: 11px;\n    right: 11px;\n    left: 11px;\n    flex-direction: row;\n    justify-content: space-between;\n    gap: 5px;\n    padding: 6px;\n    border-radius: 19px;\n    transform: none;\n  }\n  .mdt-nav-btn { width: 42px; height: 42px; flex-basis: 42px; border-radius: 13px; }\n  .mdt-nav-btn:hover { transform: translateY(-3px); }\n  .mdt-nav-btn small { display: none; }\n  .mdt-content {\n    top: 75px;\n    right: 18px;\n    left: 18px;\n    width: auto;\n  }\n  .mdt-eyebrow { margin-bottom: 10px; }\n  .mdt-eyebrow span { min-width: 35px; height: 25px; font-size: 8px; }\n  .mdt-eyebrow strong { font-size: 9px; }\n  .mdt-title {\n    max-width: 100%;\n    font-size: clamp(33px, 10.4vw, 48px);\n    line-height: 1.13;\n    letter-spacing: -1.7px;\n  }\n  .mdt-description {\n    display: -webkit-box;\n    max-width: 100%;\n    margin-top: 12px;\n    overflow: hidden;\n    color: rgba(255,255,255,.68);\n    font-size: 10.5px;\n    line-height: 1.72;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n  }\n  .mdt-actions { margin-top: 13px; gap: 8px; }\n  .mdt-primary-btn,\n  .mdt-secondary-btn { min-height: 46px; border-radius: 14px; }\n  .mdt-primary-btn { padding: 0 14px; font-size: 9.5px; }\n  .mdt-primary-btn svg { width: 17px; height: 17px; }\n  .mdt-secondary-btn { padding: 4px 5px 4px 11px; font-size: 9px; }\n  .mdt-secondary-btn b { width: 36px; height: 36px; border-radius: 11px; }\n  .mdt-info-card {\n    right: 11px;\n    left: 11px;\n    bottom: 11px;\n    width: auto;\n    height: var(--mdt-card-height);\n    padding: 16px;\n    border-radius: 24px;\n  }\n  .mdt-card-head a { width: 36px; height: 36px; flex-basis: 36px; border-radius: 12px; }\n  .mdt-card-head a svg { width: 17px; }\n  .mdt-info-card h2 { margin: 9px 0 4px; font-size: 17px; line-height: 1.43; }\n  .mdt-info-card > p {\n    display: -webkit-box;\n    overflow: hidden;\n    font-size: 9px;\n    line-height: 1.55;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n  }\n  .mdt-features { gap: 4px; margin-top: 8px; }\n  .mdt-features span { padding: 5px 7px; font-size: 7.5px; }\n  .mdt-stat { left: 16px; bottom: 14px; }\n  .mdt-stat span { display: none; }\n  .mdt-stat strong { font-size: 22px; }\n  .mdt-counter { display: none; }\n  .mdt-controls {\n    left: 50%;\n    bottom: calc(var(--mdt-card-height) + 22px);\n    gap: 8px;\n  }\n  .mdt-control-btn { width: 41px; height: 41px; flex-basis: 41px; border-radius: 14px; }\n  .mdt-control-btn svg { width: 18px; }\n  .mdt-progress { width: 76px; }\n}\n\/* \u0645\u0648\u0628\u0627\u06cc\u0644 \u06a9\u0645\u200c\u0627\u0631\u062a\u0641\u0627\u0639 *\/\n@media (max-width: 767px) and (max-height: 700px) {\n  .mdt-home { --mdt-card-height: 160px; }\n  .mdt-content { top: 67px; }\n  .mdt-title { font-size: clamp(29px, 9vw, 39px); }\n  .mdt-description { margin-top: 7px; -webkit-line-clamp: 2; }\n  .mdt-actions { margin-top: 8px; }\n  .mdt-info-card { padding: 13px; }\n  .mdt-info-card h2 { margin-top: 6px; font-size: 15px; }\n  .mdt-info-card > p { -webkit-line-clamp: 1; }\n  .mdt-features { margin-top: 5px; }\n  .mdt-stat { display: none; }\n}\n@media (max-width: 360px) {\n  .mdt-header-cta span { display: none; }\n  .mdt-header-cta { width: 44px; padding: 0; }\n  .mdt-nav-btn { width: 38px; height: 38px; flex-basis: 38px; }\n  .mdt-title { font-size: 31px; }\n  .mdt-secondary-btn > span { display: none; }\n  .mdt-secondary-btn { padding: 4px; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .mdt-home *,\n  .mdt-home *::before,\n  .mdt-home *::after {\n    animation-duration: .01ms !important;\n    transition-duration: .01ms !important;\n  }\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>M \u0645\u0627\u062f\u0648\u062a\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u062a\u0627 \u0627\u062c\u0631\u0627 \u0646\u0648\u0639 \u062e\u062f\u0645\u0627\u062a \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u062a\u062e\u0635\u0635\u06cc \u062d\u0648\u0632\u0647 \u0641\u0639\u0627\u0644\u06cc\u062a \u0635\u0646\u0627\u06cc\u0639 \u0633\u0627\u062e\u062a\u0645\u0627\u0646\u06cc \u0645\u0633\u06cc\u0631 \u067e\u0631\u0648\u0698\u0647 \u0645\u0634\u0627\u0648\u0631\u0647 \u062a\u0627 \u0627\u062c\u0631\u0627 \u0648\u0631\u0648\u062f \u0628\u0647 \u0641\u0631\u0648\u0634\u06af\u0627\u0647 01\u0645\u0639\u0631\u0641\u06cc \u0641\u0631\u0648\u0634\u06af\u0627\u0647 02\u0645\u062d\u0635\u0648\u0644\u0627\u062a 03\u0642\u06cc\u0645\u062a \u0622\u0644\u0648\u0645\u06cc\u0646\u06cc\u0648\u0645 04\u0645\u0631\u0627\u062d\u0644 \u062e\u0631\u06cc\u062f 05\u067e\u0646\u0644 \u06a9\u0627\u0631\u0628\u0631\u06cc 06\u0645\u0634\u0627\u0648\u0631\u0647 01 \u0645\u0639\u0631\u0641\u06cc \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0627\u0632 \u0627\u0646\u062a\u062e\u0627\u0628 \u0633\u06cc\u0633\u062a\u0645 \u0645\u0646\u0627\u0633\u0628\u062a\u0627 \u0627\u062c\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647 \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0645\u0627\u062f\u0648\u062a\u0627 \u0645\u0633\u06cc\u0631 \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647\u200c\u0627\u06cc \u0628\u0631\u0627\u06cc \u0628\u0631\u0631\u0633\u06cc \u0645\u062d\u0635\u0648\u0644\u0627\u062a\u060c \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u0634\u0627\u0648\u0631\u0647 \u062a\u062e\u0635\u0635\u06cc\u060c \u062e\u0631\u06cc\u062f \u062a\u062c\u0647\u06cc\u0632\u0627\u062a \u0633\u0627\u062e\u062a\u0645\u0627\u0646\u06cc \u0648 \u0647\u0645\u0627\u0647\u0646\u06af\u06cc [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-527","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/madota-sanat.com\/index.php?rest_route=\/wp\/v2\/pages\/527","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/madota-sanat.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/madota-sanat.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/madota-sanat.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/madota-sanat.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=527"}],"version-history":[{"count":34,"href":"https:\/\/madota-sanat.com\/index.php?rest_route=\/wp\/v2\/pages\/527\/revisions"}],"predecessor-version":[{"id":1099,"href":"https:\/\/madota-sanat.com\/index.php?rest_route=\/wp\/v2\/pages\/527\/revisions\/1099"}],"wp:attachment":[{"href":"https:\/\/madota-sanat.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=527"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}