{"id":720,"date":"2026-06-02T17:01:34","date_gmt":"2026-06-02T14:01:34","guid":{"rendered":"https:\/\/carerp.io\/ar\/?page_id=720"},"modified":"2026-08-26T12:39:36","modified_gmt":"2026-08-26T09:39:36","slug":"%d8%a7%d9%84%d8%a7%d8%b3%d8%b9%d8%a7%d8%b1","status":"publish","type":"page","link":"https:\/\/carerp.io\/ar\/%d8%a7%d9%84%d8%a7%d8%b3%d8%b9%d8%a7%d8%b1\/","title":{"rendered":"\u0627\u0644\u0627\u0633\u0639\u0627\u0631"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"720\" class=\"elementor elementor-720\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc2ff8f e-con-full e-flex e-con e-parent\" data-id=\"dc2ff8f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_bottom&quot;:&quot;wave-brush&quot;}\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 283.5 27.8\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M283.5,9.7c0,0-7.3,4.3-14,4.6c-6.8,0.3-12.6,0-20.9-1.5c-11.3-2-33.1-10.1-44.7-5.7\ts-12.1,4.6-18,7.4c-6.6,3.2-20,9.6-36.6,9.3C131.6,23.5,99.5,7.2,86.3,8c-1.4,0.1-6.6,0.8-10.5,2c-3.8,1.2-9.4,3.8-17,4.7\tc-3.2,0.4-8.3,1.1-14.2,0.9c-1.5-0.1-6.3-0.4-12-1.6c-5.7-1.2-11-3.1-15.8-3.7C6.5,9.2,0,10.8,0,10.8V0h283.5V9.7z M260.8,11.3\tc-0.7-1-2-0.4-4.3-0.4c-2.3,0-6.1-1.2-5.8-1.1c0.3,0.1,3.1,1.5,6,1.9C259.7,12.2,261.4,12.3,260.8,11.3z M242.4,8.6\tc0,0-2.4-0.2-5.6-0.9c-3.2-0.8-10.3-2.8-15.1-3.5c-8.2-1.1-15.8,0-15.1,0.1c0.8,0.1,9.6-0.6,17.6,1.1c3.3,0.7,9.3,2.2,12.4,2.7\tC239.9,8.7,242.4,8.6,242.4,8.6z M185.2,8.5c1.7-0.7-13.3,4.7-18.5,6.1c-2.1,0.6-6.2,1.6-10,2c-3.9,0.4-8.9,0.4-8.8,0.5\tc0,0.2,5.8,0.8,11.2,0c5.4-0.8,5.2-1.1,7.6-1.6C170.5,14.7,183.5,9.2,185.2,8.5z M199.1,6.9c0.2,0-0.8-0.4-4.8,1.1\tc-4,1.5-6.7,3.5-6.9,3.7c-0.2,0.1,3.5-1.8,6.6-3C197,7.5,199,6.9,199.1,6.9z M283,6c-0.1,0.1-1.9,1.1-4.8,2.5s-6.9,2.8-6.7,2.7\tc0.2,0,3.5-0.6,7.4-2.5C282.8,6.8,283.1,5.9,283,6z M31.3,11.6c0.1-0.2-1.9-0.2-4.5-1.2s-5.4-1.6-7.8-2C15,7.6,7.3,8.5,7.7,8.6\tC8,8.7,15.9,8.3,20.2,9.3c2.2,0.5,2.4,0.5,5.7,1.6S31.2,11.9,31.3,11.6z M73,9.2c0.4-0.1,3.5-1.6,8.4-2.6c4.9-1.1,8.9-0.5,8.9-0.8\tc0-0.3-1-0.9-6.2-0.3S72.6,9.3,73,9.2z M71.6,6.7C71.8,6.8,75,5.4,77.3,5c2.3-0.3,1.9-0.5,1.9-0.6c0-0.1-1.1-0.2-2.7,0.2\tC74.8,5.1,71.4,6.6,71.6,6.7z M93.6,4.4c0.1,0.2,3.5,0.8,5.6,1.8c2.1,1,1.8,0.6,1.9,0.5c0.1-0.1-0.8-0.8-2.4-1.3\tC97.1,4.8,93.5,4.2,93.6,4.4z M65.4,11.1c-0.1,0.3,0.3,0.5,1.9-0.2s2.6-1.3,2.2-1.2s-0.9,0.4-2.5,0.8C65.3,10.9,65.5,10.8,65.4,11.1\tz M34.5,12.4c-0.2,0,2.1,0.8,3.3,0.9c1.2,0.1,2,0.1,2-0.2c0-0.3-0.1-0.5-1.6-0.4C36.6,12.8,34.7,12.4,34.5,12.4z M152.2,21.1\tc-0.1,0.1-2.4-0.3-7.5-0.3c-5,0-13.6-2.4-17.2-3.5c-3.6-1.1,10,3.9,16.5,4.1C150.5,21.6,152.3,21,152.2,21.1z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M269.6,18c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3\tC267.7,18.8,269.7,18,269.6,18z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M227.4,9.8c-0.2-0.1-4.5-1-9.5-1.2c-5-0.2-12.7,0.6-12.3,0.5c0.3-0.1,5.9-1.8,13.3-1.2\tS227.6,9.9,227.4,9.8z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M204.5,13.4c-0.1-0.1,2-1,3.2-1.1c1.2-0.1,2,0,2,0.3c0,0.3-0.1,0.5-1.6,0.4\tC206.4,12.9,204.6,13.5,204.5,13.4z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M201,10.6c0-0.1-4.4,1.2-6.3,2.2c-1.9,0.9-6.2,3.1-6.1,3.1c0.1,0.1,4.2-1.6,6.3-2.6\tS201,10.7,201,10.6z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M154.5,26.7c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3\tC152.6,27.5,154.6,26.8,154.5,26.7z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M41.9,19.3c0,0,1.2-0.3,2.9-0.1c1.7,0.2,5.8,0.9,8.2,0.7c4.2-0.4,7.4-2.7,7-2.6\tc-0.4,0-4.3,2.2-8.6,1.9c-1.8-0.1-5.1-0.5-6.7-0.4S41.9,19.3,41.9,19.3z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M75.5,12.6c0.2,0.1,2-0.8,4.3-1.1c2.3-0.2,2.1-0.3,2.1-0.5c0-0.1-1.8-0.4-3.4,0\tC76.9,11.5,75.3,12.5,75.5,12.6z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M15.6,13.2c0-0.1,4.3,0,6.7,0.5c2.4,0.5,5,1.9,5,2c0,0.1-2.7-0.8-5.1-1.4\tC19.9,13.7,15.7,13.3,15.6,13.2z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t\t<h1 data-interaction-id=\"086a035\" class=\"e-086a035-fab82ce e-heading-base\" data-e-type=\"widget\" data-id=\"086a035\">\u0627\u0644\u0623\u0633\u0639\u0627\u0631<\/h1>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1584b03 e-con e-atomic-element e-flexbox-base e-1584b03-2dcfcb8 \" data-id=\"1584b03\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1584b03\" data-e-type=\"e-flexbox\" data-id=\"1584b03\">\n    \t\t\t<h2 data-interaction-id=\"f149389\" class=\"e-f149389-f043700 e-heading-base\" data-e-type=\"widget\" data-id=\"f149389\">\u062e\u0637\u0637 \u0623\u0633\u0639\u0627\u0631 \u0645\u0631\u0646\u0629.. \u0645\u0635\u0645\u0645\u0629 \u0644\u0643 \u062e\u0635\u064a\u0635\u0627<\/h2>\n\t\t\t\t\t<p class=\"e-93fb5c4-869325a e-paragraph-base\" data-interaction-id=\"93fb5c4\" data-e-type=\"widget\" data-id=\"93fb5c4\">\u0644\u0623\u0646\u0646\u0627 \u0646\u0639\u0644\u0645 \u0623\u0646 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0642\u0637\u0627\u0639 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u062a\u062e\u062a\u0644\u0641 \u0645\u0646 \u0646\u0634\u0627\u0637 \u0644\u0622\u062e\u0631\u060c \u0635\u0645\u0645\u0646\u0627 \u0642\u0648\u0627\u0626\u0645 \u0623\u0633\u0639\u0627\u0631\u0646\u0627 \u0644\u062a\u0645\u0646\u062d\u0643 \u0627\u0644\u0642\u064a\u0645\u0629 \u0627\u0644\u0642\u0635\u0648\u0649 \u0645\u0642\u0627\u0628\u0644 \u0645\u0627 \u062a\u062f\u0641\u0639\u0647. \u062a\u0635\u0641\u062d \u0628\u0627\u0642\u0627\u062a\u0646\u0627 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0648\u0627\u062e\u062a\u0631 \u0627\u0644\u0645\u0632\u0627\u064a\u0627 \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0627\u062c\u0647\u0627 \u0644\u0625\u062f\u0627\u0631\u0629 \u0646\u0634\u0627\u0637\u0643 \u0628\u0643\u0644 \u0633\u0647\u0648\u0644\u0629\u060c \u0633\u0648\u0627\u0621\u064b \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u062f\u064a\u0631 \u0648\u0631\u0634 \u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a\u060c \u0623\u0648 \u0645\u062d\u0644\u0627\u062a \u0642\u0637\u0639 \u0627\u0644\u063a\u064a\u0627\u0631\u060c \u0648\u0645\u0631\u0627\u0643\u0632 \u0627\u0644\u0632\u064a\u0646\u0629 \u0648\u0627\u0644\u062a\u0644\u0645\u064a\u0639\u060c \u0648\u0645\u063a\u0627\u0633\u0644 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a\u060c \u0648\u0645\u062d\u0644\u0627\u062a \u0627\u0644\u0625\u0637\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u0632\u064a\u0648\u062a\u060c \u0648\u0645\u062d\u0644\u0627\u062a \u0627\u0644\u0628\u0637\u0627\u0631\u064a\u0627\u062a. \u064a\u0645\u0643\u0651\u0646\u0643 \u0628\u0631\u0646\u0627\u0645\u062c\u0646\u0627 \u0644\u0644\u0625\u062f\u0627\u0631\u0629 \u0648\u0627\u0644\u0645\u062d\u0627\u0633\u0628\u0629 \u0645\u0646 \u0645\u062a\u0627\u0628\u0639\u0629 \u0639\u0645\u0644\u064a\u0627\u062a\u0643\u060c \u0648\u0641\u0646\u064a\u064a\u0643\u060c \u0648\u0645\u062e\u0632\u0648\u0646\u0643\u060c \u0648\u062d\u0633\u0627\u0628\u0627\u062a\u0643 \u0648\u0636\u0631\u064a\u0628\u062a\u0643 \u0628\u0643\u0644 \u0633\u0647\u0648\u0644\u0629\u060c \u0645\u0639 \u0646\u0638\u0627\u0645 \u0625\u062f\u0627\u0631\u064a \u0648\u0645\u062d\u0627\u0633\u0628\u064a \u0628\u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0639\u0627\u0644\u0645\u064a\u0629 \u0648\u062a\u0643\u0644\u0641\u0629 \u0641\u064a \u0645\u062a\u0646\u0627\u0648\u0644 \u064a\u062f\u0643.<\/p>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-0f3a9bc e-con e-atomic-element e-flexbox-base e-2c45c20 \" data-id=\"0f3a9bc\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0f3a9bc\" data-e-type=\"e-flexbox\" data-id=\"0f3a9bc\">\n    \t\t<div class=\"elementor-element elementor-element-33577da elementor-widget elementor-widget-html\" data-id=\"33577da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\" 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>\u0627\u0644\u0627\u0633\u0639\u0627\u0631 \u0648\u0627\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a<\/title>\r\n  <style>\r\n    :root {\r\n      --page: #f5f7fb;\r\n      --surface: #ffffff;\r\n      --surface-soft: #f8fafc;\r\n      --ink: #111827;\r\n      --muted: #64748b;\r\n      --line: #dbe4ef;\r\n      --blue: #2563eb;\r\n      --blue-soft: #eff6ff;\r\n      --green: #15803d;\r\n      --green-soft: #ecfdf3;\r\n      --red: #dc2626;\r\n      --red-soft: #fef2f2;\r\n      --amber: #b45309;\r\n      --shadow: 0 16px 35px rgba(15, 23, 42, 0.08);\r\n    }\r\n\r\n    * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    body {\r\n      margin: 0;\r\n      background: var(--page);\r\n      color: var(--ink);\r\n \r\n      line-height: 1.6;\r\n    }\r\n\r\n    .page-shell {\r\n      width: min(1800px, calc(100% - 24px));\r\n      margin: 0 auto;\r\n      padding: 44px 0;\r\n    }\r\n\r\n    .page-header {\r\n      display: grid;\r\n      gap: 24px;\r\n      margin-bottom: 28px;\r\n    }\r\n\r\n    .title-block {\r\n      display: grid;\r\n      gap: 8px;\r\n      text-align: center;\r\n    }\r\n\r\n    .section-label {\r\n      margin: 0;\r\n      color: var(--blue);\r\n      font-size: 34px;\r\n      line-height: 1.2;\r\n      font-weight: 900;\r\n    }\r\n\r\n    h1,\r\n    h2,\r\n    h3,\r\n    p {\r\n      margin: 0;\r\n    }\r\n\r\n    h1 {\r\n      color: var(--ink);\r\n      font-size: 38px;\r\n      line-height: 1.25;\r\n      font-weight: 850;\r\n    }\r\n\r\n    \/* Plan selector: adapted from the carerp_json_menu reference styles. *\/\r\n    .plan-menu {\r\n      --plan-menu-ease: cubic-bezier(.2, .8, .2, 1);\r\n      --direction: -1;\r\n      width: 100%;\r\n      overflow-x: auto;\r\n      padding: 4px 4px 12px;\r\n      scrollbar-width: thin;\r\n    }\r\n\r\n    .plan-menu__list {\r\n      min-width: 1120px;\r\n      margin: 0;\r\n      padding: 12px;\r\n      display: grid;\r\n      grid-template-columns: repeat(var(--plan-count, 7), minmax(150px, 1fr));\r\n      gap: 10px;\r\n      border: 1px solid rgba(255, 255, 255, .8);\r\n      border-radius: 24px;\r\n      background: rgba(255, 255, 255, .72);\r\n      backdrop-filter: blur(18px);\r\n      -webkit-backdrop-filter: blur(18px);\r\n      list-style: none;\r\n    }\r\n\r\n    .plan-menu__item {\r\n      min-width: 0;\r\n      opacity: 0;\r\n      transform: translateY(12px) scale(.97);\r\n      animation: plan-menu-enter 480ms var(--plan-menu-ease) forwards;\r\n      animation-delay: calc(var(--plan-index) * 70ms);\r\n    }\r\n\r\n    .plan-menu__button {\r\n      position: relative;\r\n      isolation: isolate;\r\n      width: 100%;\r\n      min-height: 68px;\r\n      padding: 10px 14px 10px 42px;\r\n      overflow: hidden;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      border: 1px solid rgba(81, 86, 112, .1);\r\n      border-radius: 16px;\r\n      color: #20243a;\r\n      background: rgba(255, 255, 255, .66);\r\n      box-shadow: 0 7px 18px rgba(36, 39, 62, .07), inset 0 1px rgba(255, 255, 255, .9);\r\n      font: inherit;\r\n      text-align: start;\r\n      cursor: pointer;\r\n      transition: color 300ms ease, transform 300ms var(--plan-menu-ease), border-color 300ms ease, box-shadow 300ms ease;\r\n    }\r\n\r\n    .plan-menu__button::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: -1;\r\n      background: linear-gradient(120deg, var(--plan-color), var(--plan-color-2));\r\n      transform: scaleX(.04);\r\n      transform-origin: left center;\r\n      transition: transform 420ms var(--plan-menu-ease);\r\n    }\r\n\r\n    .plan-menu__button::after {\r\n      content: \"\\2190\";\r\n      position: absolute;\r\n      inset-inline-end: 16px;\r\n      font-size: 1.2rem;\r\n      opacity: .38;\r\n      transition: transform 320ms var(--plan-menu-ease), opacity 320ms ease;\r\n    }\r\n\r\n    .plan-menu__button:hover,\r\n    .plan-menu__button.is-active,\r\n    .plan-menu__button:focus-visible {\r\n      color: #fff;\r\n      border-color: transparent;\r\n      outline: none;\r\n      transform: translateX(-5px);\r\n      box-shadow: 0 14px 28px color-mix(in srgb, var(--plan-color) 32%, transparent);\r\n    }\r\n\r\n    .plan-menu__button:hover::before,\r\n    .plan-menu__button.is-active::before,\r\n    .plan-menu__button:focus-visible::before {\r\n      transform: scaleX(1);\r\n      transform-origin: right center;\r\n    }\r\n\r\n    .plan-menu__button:hover::after,\r\n    .plan-menu__button.is-active::after,\r\n    .plan-menu__button:focus-visible::after {\r\n      opacity: 1;\r\n      transform: translateX(-4px);\r\n    }\r\n\r\n    .plan-menu__button:active { transform: scale(.97); }\r\n\r\n    .plan-menu__icon {\r\n      flex: 0 0 auto;\r\n      width: 38px;\r\n      height: 38px;\r\n      display: grid;\r\n      place-items: center;\r\n      border-radius: 12px;\r\n      color: var(--plan-color);\r\n      background: color-mix(in srgb, var(--plan-color) 12%, #fff);\r\n      font-size: 20px;\r\n      font-weight: 900;\r\n      transition: color 300ms ease, background 300ms ease, transform 380ms var(--plan-menu-ease);\r\n    }\r\n\r\n    .plan-menu__button:hover .plan-menu__icon,\r\n    .plan-menu__button.is-active .plan-menu__icon,\r\n    .plan-menu__button:focus-visible .plan-menu__icon {\r\n      color: #fff;\r\n      background: rgba(255, 255, 255, .18);\r\n      transform: rotate(7deg) scale(1.08);\r\n    }\r\n\r\n    .plan-menu__label {\r\n      font-size: 13px;\r\n      line-height: 1.35;\r\n      font-weight: 750;\r\n    }\r\n\r\n    @keyframes plan-menu-enter {\r\n      to { opacity: 1; transform: translateY(0) scale(1); }\r\n    }\r\n\r\n    .plans-grid {\r\n      display: grid;\r\n      width: 100%;\r\n      max-width: 1024px;\r\n      margin-inline: auto;\r\n      grid-template-columns: repeat(var(--visible-plan-count, 1), minmax(0, 1fr));\r\n      gap: 32px;\r\n      align-items: start;\r\n    }\r\n    \r\n    @media (min-width: 861px) {\r\n  .plans-grid {\r\n    gap: 48px;\r\n  }\r\n}\r\n\r\n    .plan-card[hidden] {\r\n      display: none;\r\n    }\r\n\r\n    .plan-card.plan-surface-white {\r\n      background: #ffffff;\r\n    }\r\n\r\n    .plan-card.plan-surface-gray {\r\n      background: #e2e8f0;\r\n    }\r\n\r\n    .plan-card,\r\n    .training-card {\r\n      border-radius: 8px;\r\n      background: var(--surface);\r\n      border: 1px solid var(--line);\r\n      box-shadow: var(--shadow);\r\n    }\r\n\r\n    .plan-card {\r\n      display: grid;\r\n      gap: 12px;\r\n      min-height: 210px;\r\n      padding: 14px 12px;\r\n      overflow: hidden;\r\n      position: relative;\r\n    }\r\n\r\n    .plan-card::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset-inline-start: 0;\r\n      top: 0;\r\n      width: 6px;\r\n      height: 100%;\r\n      background: var(--blue);\r\n    }\r\n\r\n    .plan-card:nth-child(2)::before {\r\n      background: var(--amber);\r\n    }\r\n\r\n    .plan-name {\r\n      width: 100%;\r\n      margin: 0;\r\n      padding: 9px 6px;\r\n      border-radius: 8px;\r\n      color: #ffffff;\r\n      font-size: 17px;\r\n      line-height: 1.25;\r\n      font-weight: 850;\r\n      text-align: center;\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .price-row {\r\n      display: flex;\r\n      width: 100%;\r\n      flex-wrap: wrap;\r\n      gap: 8px;\r\n      align-items: baseline;\r\n      justify-content: center;\r\n      padding: 9px 8px;\r\n      border-radius: 8px;\r\n      background: #dc2626;\r\n    }\r\n\r\n    .currency {\r\n      color: #ffffff;\r\n      font-size: 14px;\r\n      font-weight: 800;\r\n    }\r\n\r\n    .price {\r\n      color: #ffffff;\r\n      font-size: 30px;\r\n      line-height: 1;\r\n      font-weight: 900;\r\n    }\r\n    .eprice {\r\n      color: var(--ess-text);\r\n      font-size: 16px;\r\n      line-height: 1;\r\n      font-weight: 900;\r\n      display:none;\r\n    }\r\n\r\n    .plan-card:nth-child(2) .price {\r\n      color: #ffffff;\r\n    }\r\n\r\n    .price-row svg .cls-1 {\r\n      fill: #ffffff;\r\n    }\r\n\r\n    .renewal {\r\n      width: 100%;\r\n      max-width: 100%;\r\n      padding: 8px 12px;\r\n      border-radius: 8px;\r\n      background: #16a34a;\r\n      color: #ffffff;\r\n      font-size: 17px;\r\n      font-weight: 750;\r\n      border: 1px solid #15803d;\r\n      text-align: center;\r\n    }\r\n\r\n    .plan-details {\r\n      display: grid;\r\n      gap: 16px;\r\n      padding-top: 18px;\r\n      border-top: 1px solid var(--line);\r\n    }\r\n\r\n    .details-toggle {\r\n      display: none;\r\n      width: 100%;\r\n      padding: 9px 10px;\r\n      border: 1px dashed var(--blue);\r\n      border-radius: 8px;\r\n      background: var(--blue-soft);\r\n      color: var(--blue);\r\n      font: inherit;\r\n      font-size: 14px;\r\n      font-weight: 850;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .details-toggle::after {\r\n      content: \"\u25bc\";\r\n      display: inline-block;\r\n      font-size: 12px;\r\n      transition: transform 180ms ease;\r\n    }\r\n\r\n    .plan-card.mobile-expanded .details-toggle::after {\r\n      transform: rotate(180deg);\r\n    }\r\n\r\n    .plan-details-title {\r\n      color: var(--ink);\r\n      font-size: 17px;\r\n      font-weight: 850;\r\n    }\r\n\r\n    .spec-sections {\r\n      display: grid;\r\n      gap: 18px;\r\n    }\r\n\r\n    .spec-section {\r\n      display: grid;\r\n      gap: 10px;\r\n    }\r\n\r\n    .spec-section + .spec-section {\r\n      padding-top: 16px;\r\n      border-top: 1px solid #e7edf5;\r\n    }\r\n\r\n    .spec-title {\r\n      width: 100%;\r\n      max-width: 100%;\r\n      padding: 8px 12px;\r\n      border-radius: 8px;\r\n      background: #111827;\r\n      color: #ffffff;\r\n      font-size: 14px;\r\n      line-height: 1.35;\r\n      font-weight: 850;\r\n      overflow-wrap: anywhere;\r\n      text-align: center;\r\n    }\r\n\r\n    .spec-list {\r\n      display: grid;\r\n      gap: 0;\r\n      margin: 0;\r\n      padding: 0;\r\n      list-style: none;\r\n    }\r\n\r\n    .spec-item {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1fr) auto;\r\n      gap: 5px;\r\n      align-items: center;\r\n      padding: 10px 0;\r\n      border-bottom: 1px solid #edf2f7;\r\n    }\r\n\r\n    .spec-item:last-child {\r\n      border-bottom: 0;\r\n      padding-bottom: 0;\r\n    }\r\n\r\n    .spec-label {\r\n      min-width: 0;\r\n      color: var(--ink);\r\n      font-size: 12px;\r\n      line-height: 1.45;\r\n      font-weight: 800;\r\n      overflow-wrap: anywhere;\r\n    }\r\n\r\n    .status {\r\n      display: inline-flex;\r\n      width: fit-content;\r\n      justify-self: start;\r\n      min-width: 28px;\r\n      min-height: 26px;\r\n      max-width: 100%;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 3px 7px;\r\n      border-radius: 999px;\r\n      font-size: 12px;\r\n      line-height: 1.3;\r\n      font-weight: 850;\r\n      overflow-wrap: anywhere;\r\n      text-align: center;\r\n    }\r\n\r\n    .status.available {\r\n      background: darkgreen;\r\n      color: #ffffff;\r\n      font-size: 0.9rem;\r\n    }\r\n\r\n    .status.unavailable {\r\n      background: darkred;\r\n      color: #ffffff;\r\n      font-size: 0.9rem;\r\n    }\r\n\r\n    .status.text-value {\r\n      background: var(--blue-soft);\r\n      color: var(--ink);\r\n      border-radius: 8px;\r\n      font-size: 13px;\r\n    }\r\n\r\n    .training-card {\r\n      display: grid;\r\n      gap: 18px;\r\n      justify-items: center;\r\n      margin-top: 32px;\r\n      padding: 32px 20px;\r\n      text-align: center;\r\n      background: #111827;\r\n      color: #ffffff;\r\n      border-color: #111827;\r\n    }\r\n\r\n    .training-card h2 {\r\n      font-size: 28px;\r\n      line-height: 1.35;\r\n      font-weight: 850;\r\n    }\r\n\r\n    .training-card p {\r\n      color: #d1d5db;\r\n      font-size: 16px;\r\n    }\r\n\r\n    .cta-link {\r\n      display: inline-flex;\r\n      min-height: 48px;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 12px 24px;\r\n      border-radius: 8px;\r\n      background: #ffffff;\r\n      color: #111827;\r\n      font-weight: 850;\r\n      text-decoration: none;\r\n      transition: transform 160ms ease, background 160ms ease;\r\n    }\r\n\r\n    .cta-link:hover,\r\n    .cta-link:focus-visible {\r\n      background: #f3f4f6;\r\n      transform: translateY(-1px);\r\n      outline: none;\r\n    }\r\n\r\n    @media (max-width: 860px) {\r\n      .plans-grid {\r\n        grid-template-columns: 1fr;\r\n        overflow: visible;\r\n        padding-bottom: 0;\r\n      }\r\n\r\n      .plan-card {\r\n        cursor: pointer;\r\n      }\r\n\r\n      .plan-card .plan-details {\r\n        display: none;\r\n      }\r\n\r\n      .plan-card.mobile-expanded .plan-details {\r\n        display: grid;\r\n      }\r\n\r\n      .details-toggle {\r\n        display: flex;\r\n        gap: 8px;\r\n        align-items: center;\r\n        justify-content: center;\r\n      }\r\n\r\n      h1 {\r\n        font-size: 32px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 560px) {\r\n      .page-shell {\r\n        width: calc(100% - 16px);\r\n        padding: 28px 0;\r\n      }\r\n\r\n      .plan-card {\r\n        padding: 18px;\r\n      }\r\n\r\n      h1 {\r\n        font-size: 28px;\r\n      }\r\n\r\n      .status {\r\n        justify-content: center;\r\n        width: fit-content;\r\n      }\r\n\r\n      .training-card h2 {\r\n        font-size: 24px;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <main class=\"page-shell\">\r\n    <header class=\"page-header\">\r\n      <div class=\"title-block\">\r\n        <h1>\u0627\u0644\u0627\u0633\u0639\u0627\u0631 \u0648\u0627\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a<\/h1>\r\n                <p>\r\n          \u0628\u0631\u0646\u0627\u0645\u062c eCar \u0645\u062e\u0635\u0635 \u0644\u062c\u0645\u064a\u0639 \u0642\u0637\u0627\u0639\u0627\u062a \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u064a\u0631\u062c\u0649 \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0646\u0634\u0627\u0637 \u0627\u0644\u062e\u0627\u0635 \u0628\u0643\u0645 \u0644\u0639\u0631\u0636 \u0627\u0644\u0633\u0639\u0631 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0648\u0627\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0647.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <nav class=\"plan-menu\" aria-label=\"\u062e\u0637\u0637 \u0627\u0644\u0623\u0633\u0639\u0627\u0631\">\r\n        <ul class=\"plan-menu__list\"><\/ul>\r\n      <\/nav>\r\n\r\n      <section class=\"plans-grid\" aria-label=\"\u0627\u0644\u0627\u0633\u0639\u0627\u0631 \u0648\u0627\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a\">\r\n        <article class=\"plan-card\">\r\n          <h2 class=\"plan-name\">\u0648\u0631\u0634 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0645\u0624\u0633\u0633\u0627\u062a<\/h2>\r\n          <div class=\"eprice\" sytle=\"display:none;\"> \u0627\u0644\u0633\u0639\u0631 \u0627\u0644\u0633\u0646\u0648\u064a<\/div>\r\n          <div class=\"price-row\">\r\n            <span class=\"price\"> 1500<\/span>\r\n            <span class=\"currency\">\r\n            \r\n            <svg id=\"Layer_1\" width=\"24\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1124.14 1256.39\">\r\n  <defs>\r\n    <style>\r\n      .cls-1 {\r\n        fill: #231f20;\r\n      }\r\n    <\/style>\r\n  <\/defs>\r\n  <path class=\"cls-1\" d=\"M699.62,1113.02h0c-20.06,44.48-33.32,92.75-38.4,143.37l424.51-90.24c20.06-44.47,33.31-92.75,38.4-143.37l-424.51,90.24Z\"\/>\r\n  <path class=\"cls-1\" d=\"M1085.73,895.8c20.06-44.47,33.32-92.75,38.4-143.37l-330.68,70.33v-135.2l292.27-62.11c20.06-44.47,33.32-92.75,38.4-143.37l-330.68,70.27V66.13c-50.67,28.45-95.67,66.32-132.25,110.99v403.35l-132.25,28.11V0c-50.67,28.44-95.67,66.32-132.25,110.99v525.69l-295.91,62.88c-20.06,44.47-33.33,92.75-38.42,143.37l334.33-71.05v170.26l-358.3,76.14c-20.06,44.47-33.32,92.75-38.4,143.37l375.04-79.7c30.53-6.35,56.77-24.4,73.83-49.24l68.78-101.97v-.02c7.14-10.55,11.3-23.27,11.3-36.97v-149.98l132.25-28.11v270.4l424.53-90.28Z\"\/>\r\n<\/svg> \u0633\u0646\u0648\u064a\u0627\r\n            \r\n            <\/span>\r\n          <\/div>\r\n          <p class=\"renewal\" style=\"display:none;\">\u0627\u0644\u062a\u062c\u062f\u064a\u062f \u0627\u0644\u0633\u0646\u0648\u064a 1000<\/p>\r\n\r\n          <div class=\"plan-details\" aria-label=\"\u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a\">\r\n            <h3 class=\"plan-details-title\">\u0627\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a<\/h3>\r\n            <div class=\"spec-sections\" data-plan-details=\"0\"><\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"plan-card\">\r\n          <h2 class=\"plan-name\">\u0648\u0631\u0634 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0634\u0631\u0643\u0627\u062a<\/h2>\r\n          <div class=\"eprice\" style=\"display:none;\"> \u0627\u0644\u0633\u0639\u0631 \u0627\u0644\u0633\u0646\u0648\u064a<\/div>\r\n          <div class=\"price-row\">\r\n            <span class=\"price\">2800 <\/span>\r\n            <span class=\"currency\"><\/span>\r\n<svg id=\"Layer_1\" width=\"24\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1124.14 1256.39\">\r\n  <defs>\r\n    <style>\r\n      .cls-1 {\r\n        fill: #231f20;\r\n      }\r\n    <\/style>\r\n  <\/defs>\r\n  <path class=\"cls-1\" d=\"M699.62,1113.02h0c-20.06,44.48-33.32,92.75-38.4,143.37l424.51-90.24c20.06-44.47,33.31-92.75,38.4-143.37l-424.51,90.24Z\"\/>\r\n  <path class=\"cls-1\" d=\"M1085.73,895.8c20.06-44.47,33.32-92.75,38.4-143.37l-330.68,70.33v-135.2l292.27-62.11c20.06-44.47,33.32-92.75,38.4-143.37l-330.68,70.27V66.13c-50.67,28.45-95.67,66.32-132.25,110.99v403.35l-132.25,28.11V0c-50.67,28.44-95.67,66.32-132.25,110.99v525.69l-295.91,62.88c-20.06,44.47-33.33,92.75-38.42,143.37l334.33-71.05v170.26l-358.3,76.14c-20.06,44.47-33.32,92.75-38.4,143.37l375.04-79.7c30.53-6.35,56.77-24.4,73.83-49.24l68.78-101.97v-.02c7.14-10.55,11.3-23.27,11.3-36.97v-149.98l132.25-28.11v270.4l424.53-90.28Z\"\/>\r\n<\/svg>\r\n          <\/div>\r\n          <p class=\"renewal\">\u0627\u0644\u062a\u062c\u062f\u064a\u062f \u0627\u0644\u0633\u0646\u0648\u064a 2000<\/p>\r\n\r\n          <div class=\"plan-details\" aria-label=\"\u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0627\u0644\u0634\u0631\u0643\u0627\u062a\">\r\n            <h3 class=\"plan-details-title\">\u0627\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a<\/h3>\r\n            <div class=\"spec-sections\" data-plan-details=\"1\"><\/div>\r\n          <\/div>\r\n        <\/article>\r\n      <\/section>\r\n    <\/header>\r\n\r\n    <section style=\"cursor:pointer;\" onclick=\"window.open('https:\/\/wa.me\/966565100268','_blank')\" class=\"training-card\">\r\n      <h2>\u062a\u0631\u063a\u0628 \u0628\u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0646\u0633\u062e\u0647 \u062a\u062c\u0631\u064a\u0628\u064a\u0629 \u0644\u0644\u0628\u0631\u0646\u0627\u0645\u062c<\/h2>\r\n      <p>\u0627\u0637\u0644\u0628 \u0646\u0633\u062e\u062a\u0643 \u0627\u0644\u0622\u0646.<\/p>\r\n      <a class=\"cta-link\" href=\"https:\/\/wa.me\/966565100268\" target=\"_blank\" rel=\"noopener\">\u0627\u062d\u062c\u0632 \u0627\u0644\u0627\u0646<\/a>\r\n    <\/section>\r\n  <\/main>\r\n\r\n  <script>\r\n    const plans = [\r\n      { name: \"\u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0648\u0645\u062d\u0627\u0633\u0628\u0629 \u0648\u0631\u0634 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0644\u0644\u0645\u0624\u0633\u0633\u0627\u062a\", setupPrice: 1500, annualRenewal: 1000 },\r\n      { name: \"\u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0648\u0645\u062d\u0627\u0633\u0628\u0629 \u0648\u0645\u062d\u0627\u0633\u0628\u0629 \u0648\u0631\u0634 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0644\u0644\u0634\u0631\u0643\u0627\u062a\", setupPrice: 2500, annualRenewal: 2000 },\r\n      { name: \"\u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0648\u0645\u062d\u0627\u0633\u0628\u0629 \u0645\u062d\u0644\u0627\u062a \u0642\u0637\u0639 \u063a\u064a\u0627\u0631 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0644\u0644\u0645\u0624\u0633\u0633\u0627\u062a\", setupPrice: 1500, annualRenewal: 2000 },\r\n      { name: \"\u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0648\u0645\u062d\u0627\u0633\u0628\u0629 \u0645\u062d\u0644\u0627\u062a \u0642\u0637\u0639 \u063a\u064a\u0627\u0631 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0644\u0644\u0634\u0631\u0643\u0627\u062a\", setupPrice: 2500, annualRenewal: 2000 },\r\n      { name: \"\u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0648\u0645\u062d\u0627\u0633\u0628\u0629 \u0645\u062d\u0644\u0627\u062a \u0632\u064a\u0646\u0629 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0644\u0644\u0645\u0624\u0633\u0633\u0627\u062a\", setupPrice: 1500, annualRenewal: 1100 },\r\n      { name: \"\u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0648\u0645\u062d\u0627\u0633\u0628\u0629 \u0645\u062d\u0644\u0627\u062a \u0632\u064a\u0646\u0629 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0644\u0644\u0634\u0631\u0643\u0627\u062a\", setupPrice: 2500, annualRenewal: 1100 },\r\n      { name: \"\u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0648\u0645\u062d\u0627\u0633\u0628\u0629 \u0645\u062d\u0644\u0627\u062a \u0627\u0637\u0627\u0631\u0627\u062a \u0648\u0632\u064a\u0648\u062a \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0644\u0644\u0645\u0624\u0633\u0633\u0627\u062a\", setupPrice: 1500, annualRenewal: 1000 },\r\n      { name: \"\u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0648\u0645\u062d\u0627\u0633\u0628\u0629 \u0645\u062d\u0644\u0627\u062a \u0627\u0637\u0627\u0631\u0627\u062a \u0648\u0632\u064a\u0648\u062a \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0644\u0644\u0634\u0631\u0643\u0627\u062a\", setupPrice: 2500, annualRenewal: 1000 },\r\n      { name: \"\u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0648\u0645\u062d\u0627\u0633\u0628\u0629 \u0645\u062d\u0644\u0627\u062a \u0628\u0637\u0627\u0631\u064a\u0627\u062a \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0644\u0644\u0645\u0624\u0633\u0633\u0627\u062a\", setupPrice: 1500, annualRenewal: 1100 },\r\n      { name: \"\u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0648\u0645\u062d\u0627\u0633\u0628\u0629 \u0645\u062d\u0644\u0627\u062a \u0628\u0637\u0627\u0631\u064a\u0627\u062a \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0644\u0644\u0634\u0631\u0643\u0627\u062a\", setupPrice: 2500, annualRenewal: 1100 },\r\n      { name: \"\u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0648\u0645\u062d\u0627\u0633\u0628\u0629 \u0648\u0645\u062d\u0627\u0633\u0628\u0629 \u0645\u062d\u0644\u0627\u062a \u0645\u063a\u0627\u0633\u0644 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0644\u0644\u0645\u0624\u0633\u0633\u0627\u062a\", setupPrice: 1500, annualRenewal: 1100 },\r\n      { name: \"\u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0648\u0645\u062d\u0627\u0633\u0628\u0629 \u0648\u0645\u062d\u0627\u0633\u0628\u0629 \u0645\u062d\u0644\u0627\u062a \u0645\u063a\u0627\u0633\u0644 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0644\u0644\u0634\u0631\u0643\u0627\u062a\", setupPrice: 2500, annualRenewal: 1100 }\r\n    ];\r\n\r\n    const planColors = [\r\n      \/\/ \"#2563eb\",\r\n      \/\/ \"#7c3aed\",\r\n      \/\/ \"#0891b2\",\r\n      \/\/ \"#059669\",\r\n      \/\/ \"#d97706\",\r\n      \/\/ \"#db2777\",\r\n      \/\/ \"#475569\"\r\n      \"blue\",\r\n      \"blue\",\r\n      \"blue\",\r\n      \"blue\",\r\n      \"blue\",\r\n      \"blue\",\r\n      \"blue\"\r\n    ];\r\n\r\n    const planMenuColors = [\r\n      [\"#635bff\", \"#8e72ff\"],\r\n      [\"#0d9c77\", \"#22bd8f\"],\r\n      [\"#e87920\", \"#f6a43a\"],\r\n      [\"#dc3f72\", \"#ee668f\"],\r\n      [\"#1677d2\", \"#4d9be2\"],\r\n      [\"#8b5cf6\", \"#a982ff\"],\r\n      [\"#0891b2\", \"#31b7d0\"]\r\n    ];\r\n\r\n    \/\/ Each button can display one or more plans from the plans array above.\r\n    const buttonPlans = [\r\n      { name: \"\u0628\u0631\u0646\u0627\u0645\u062c \u0648\u0631\u0634 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a\", plans: [0, 1] },\r\n      { name: \"\u0628\u0631\u0646\u0627\u0645\u062c \u0645\u062d\u0644\u0627\u062a \u0642\u0637\u0639 \u063a\u064a\u0627\u0631 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a\", plans: [2, 3] },\r\n      { name: \"\u0628\u0631\u0646\u0627\u0645\u062c \u0645\u062d\u0644\u0627\u062a \u0632\u064a\u0646\u0629 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a\", plans: [4, 5] },\r\n      { name: \"\u0628\u0631\u0646\u0627\u0645\u062c \u0645\u062d\u0644\u0627\u062a \u0627\u0644\u0627\u0637\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u0632\u064a\u0648\u062a\", plans: [6, 7] },\r\n      { name: \"\u0628\u0631\u0646\u0627\u0645\u062c \u0645\u062d\u0644\u0627\u062a \u0628\u0637\u0627\u0631\u064a\u0627\u062a \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a\", plans: [8, 9] },\r\n      { name: \"\u0628\u0631\u0646\u0627\u0645\u062c \u0645\u062d\u0644\u0627\u062a \u0645\u063a\u0627\u0633\u0644 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a\", plans: [10, 11] }\r\n    ];\r\n\r\n    const planMenuList = document.querySelector(\".plan-menu__list\");\r\n    planMenuList.style.setProperty(\"--plan-count\", buttonPlans.length);\r\n\r\n    buttonPlans.forEach((buttonData, index) => {\r\n      const item = document.createElement(\"li\");\r\n      const button = document.createElement(\"button\");\r\n      const icon = document.createElement(\"span\");\r\n      const label = document.createElement(\"span\");\r\n      const colors = planMenuColors[index % planMenuColors.length];\r\n\r\n      item.className = \"plan-menu__item\";\r\n      item.style.setProperty(\"--plan-index\", index);\r\n      item.style.setProperty(\"--plan-color\", colors[0]);\r\n      item.style.setProperty(\"--plan-color-2\", colors[1]);\r\n      button.type = \"button\";\r\n      button.className = \"plan-menu__button\";\r\n      button.dataset.buttonIndex = String(index);\r\n      button.dataset.planColor = colors[0];\r\n      button.dataset.planColor2 = colors[1];\r\n      button.setAttribute(\"aria-pressed\", \"false\");\r\n      icon.className = \"plan-menu__icon\";\r\n      icon.setAttribute(\"aria-hidden\", \"true\");\r\n      icon.textContent = String(index + 1);\r\n      label.className = \"plan-menu__label\";\r\n      label.textContent = buttonData.name;\r\n      button.append(icon, label);\r\n      item.appendChild(button);\r\n      planMenuList.appendChild(item);\r\n    });\r\n\r\n    const plansGrid = document.querySelector(\".plans-grid\");\r\n    const basePlan = plansGrid.querySelector(\".plan-card\");\r\n    plansGrid.style.setProperty(\"--plan-count\", plans.length);\r\n    plansGrid.replaceChildren();\r\n\r\n    plans.forEach((planData, index) => {\r\n      const plan = basePlan.cloneNode(true);\r\n      plan.id = `plan-panel-${index}`;\r\n      plan.dataset.planIndex = String(index);\r\n      plan.hidden = index !== 0;\r\n      const planTitle = plan.querySelector(\".plan-name\");\r\n      planTitle.textContent = planData.name;\r\n      planTitle.style.backgroundColor = planColors[index % planColors.length];\r\n      plan.querySelector(\".price\").textContent = planData.setupPrice;\r\n      plan.querySelector(\".renewal\").textContent = `\u0627\u0644\u062a\u062c\u062f\u064a\u062f \u0627\u0644\u0633\u0646\u0648\u064a ${planData.annualRenewal}`;\r\n\r\n      const detailsToggle = document.createElement(\"button\");\r\n      detailsToggle.type = \"button\";\r\n      detailsToggle.className = \"details-toggle\";\r\n      detailsToggle.textContent = \"\u0644\u0645\u0634\u0627\u0647\u062f\u0629 \u0627\u0644\u062e\u0635\u0627\u0626\u0635 \u0627\u0636\u063a\u0637 \u0647\u0646\u0627\";\r\n      detailsToggle.setAttribute(\"aria-expanded\", \"false\");\r\n      plan.querySelector(\".renewal\").after(detailsToggle);\r\n\r\n      plan.querySelector(\".plan-details\").setAttribute(\"aria-label\", `\u0645\u0648\u0627\u0635\u0641\u0627\u062a ${planData.name}`);\r\n      plan.querySelector(\"[data-plan-details]\").dataset.planDetails = String(index);\r\n\r\n      plan.addEventListener(\"click\", () => {\r\n        if (!window.matchMedia(\"(max-width: 860px)\").matches) return;\r\n\r\n        const isExpanded = plan.classList.toggle(\"mobile-expanded\");\r\n        detailsToggle.setAttribute(\"aria-expanded\", String(isExpanded));\r\n        detailsToggle.textContent = isExpanded\r\n          ? \"\u0644\u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u062e\u0635\u0627\u0626\u0635 \u0627\u0636\u063a\u0637 \u0647\u0646\u0627\"\r\n          : \"\u0644\u0645\u0634\u0627\u0647\u062f\u0629 \u0627\u0644\u062e\u0635\u0627\u0626\u0635 \u0627\u0636\u063a\u0637 \u0647\u0646\u0627\";\r\n      });\r\n\r\n      plansGrid.appendChild(plan);\r\n    });\r\n\r\n    function selectPlans(buttonIndex) {\r\n      const selectedGroup = buttonPlans[buttonIndex];\r\n      if (!selectedGroup) return;\r\n\r\n      const selectedButton = document.querySelector(\r\n        `.plan-menu__button[data-button-index=\"${buttonIndex}\"]`\r\n      );\r\n      const selectedColor = selectedButton?.dataset.planColor || \"#2563eb\";\r\n      const selectedColor2 = selectedButton?.dataset.planColor2 || selectedColor;\r\n\r\n      document.querySelectorAll(\".plan-menu__button\").forEach((button) => {\r\n        const isSelected = Number(button.dataset.buttonIndex) === buttonIndex;\r\n        button.classList.toggle(\"is-active\", isSelected);\r\n        button.setAttribute(\"aria-pressed\", String(isSelected));\r\n      });\r\n\r\n      document.querySelectorAll(\".plan-card\").forEach((plan) => {\r\n        const planIndex = Number(plan.dataset.planIndex);\r\n        const visiblePosition = selectedGroup.plans.indexOf(planIndex);\r\n        const isSelected = visiblePosition !== -1;\r\n        plan.hidden = !isSelected;\r\n        plan.classList.remove(\"plan-surface-white\", \"plan-surface-gray\");\r\n\r\n        if (isSelected) {\r\n          plan.classList.add(\r\n            visiblePosition % 2 === 0 ? \"plan-surface-white\" : \"plan-surface-gray\"\r\n          );\r\n\r\n          const planTitle = plan.querySelector(\".plan-name\");\r\n          planTitle.style.background = `linear-gradient(120deg, ${selectedColor}, ${selectedColor2})`;\r\n\r\n          plan.classList.add(\"mobile-expanded\");\r\n          const toggle = plan.querySelector(\".details-toggle\");\r\n          toggle.setAttribute(\"aria-expanded\", \"true\");\r\n          toggle.textContent = \"\u0644\u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u062e\u0635\u0627\u0626\u0635 \u0627\u0636\u063a\u0637 \u0647\u0646\u0627\";\r\n        }\r\n      });\r\n\r\n      plansGrid.style.setProperty(\"--visible-plan-count\", selectedGroup.plans.length);\r\n\r\n      requestAnimationFrame(fitPlanTitles);\r\n    }\r\n\r\n    document.querySelectorAll(\".plan-menu__button\").forEach((button) => {\r\n      const buttonIndex = Number(button.dataset.buttonIndex);\r\n      const controlledPlans = buttonPlans[buttonIndex].plans\r\n        .map((planIndex) => `plan-panel-${planIndex}`)\r\n        .join(\" \");\r\n      button.setAttribute(\"aria-controls\", controlledPlans);\r\n      button.addEventListener(\"click\", () => selectPlans(buttonIndex));\r\n    });\r\n\r\n    selectPlans(0);\r\n\r\n    function fitPlanTitles() {\r\n      document.querySelectorAll(\".plan-name\").forEach((title) => {\r\n        let fontSize = 17;\r\n        title.style.fontSize = `${fontSize}px`;\r\n\r\n        while (title.scrollWidth > title.clientWidth && fontSize > 9) {\r\n          fontSize -= 0.5;\r\n          title.style.fontSize = `${fontSize}px`;\r\n        }\r\n      });\r\n    }\r\n\r\n    requestAnimationFrame(fitPlanTitles);\r\n    window.addEventListener(\"resize\", fitPlanTitles);\r\n\r\n    const sections = [\r\n      {\r\n        title: \"\u0627\u0634\u062a\u0631\u0627\u0643 \u0648\u0627\u062a\u0633 \u0627\u0628\",\r\n        features: [\r\n          [\"\u0645\u062c\u0627\u0646\u0627 \u0644\u0644\u0633\u0646\u0629 \u0627\u0644\u0623\u0648\u0644\u0649\", \"\u2713\", \"\u2713\",\"\u2713\",\"\u2713\",\"\u2713\",\"\u2713\",\"\u2713\",\"\u2713\"],\r\n          [\"\u0627\u0631\u0633\u0627\u0644 \u0627\u0644\u0641\u0648\u0627\u062a\u064a\u0631 \", \"\u2713\", \"\u2713\",\"\u2713\",\"\u2713\",\"\u2713\",\"\u2713\",\"\u2713\",\"\u2713\"],\r\n          [\"\u0627\u0631\u0633\u0627\u0644 \u0639\u0631\u0648\u0636 \u0627\u0644\u0633\u0639\u0631\", \"\u2713\", \"\u2713\",\"\u2713\",\"\u2713\",\"\u2713\",\"\u2713\",\"\u2713\",\"\u2713\"],\r\n          [\"\u0627\u0631\u0633\u0627\u0644 \u0635\u0648\u0631\", \"\u2713\", \"\u2713\",\"\u2713\",\"\u2713\",\"\u2713\",\"\u2713\",\"\u2713\",\"\u2713\"],\r\n          [\"\u0627\u0631\u0633\u0627\u0644 \u0641\u062f\u064a\u0648\", \"\u2713\", \"\u2713\",\"\u2713\",\"\u2713\",\"\u2713\",\"\u2713\",\"\u2713\",\"\u2713\"],\r\n          [\"\u0627\u0631\u0633\u0627\u0644 \u0635\u0648\u062a\", \"\u2713\", \"\u2713\",\"\u2713\",\"\u2713\",\"\u2713\",\"\u2713\",\"\u2713\",\"\u2713\"]\r\n\r\n        ]\r\n      },\r\n      {\r\n        \"title\": \"\u0635\u0644\u0627\u062d\u064a\u0627\u062a \u0639\u0627\u0645\u0629\",\r\n        features: [\r\n          [\"\u0639\u062f\u062f \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646\", \"\u0639\u062f\u062f \u0644\u0627 \u0646\u0647\u0627\u0626\u064a\", \"\u0639\u062f\u062f \u0644\u0627 \u0646\u0647\u0627\u0626\u064a\"],\r\n          [\"\u0641\u0648\u0627\u062a\u064a\u0631 \u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a\", \"\u0639\u062f\u062f \u0644\u0627 \u0646\u0647\u0627\u0626\u064a\", \"\u0639\u062f\u062f \u0644\u0627 \u0646\u0647\u0627\u0626\u064a\"],\r\n          [\"\u0641\u0648\u0627\u062a\u064a\u0631 \u0627\u0644\u0645\u0634\u062a\u0631\u064a\u0627\u062a\", \"\u0639\u062f\u062f \u0644\u0627 \u0646\u0647\u0627\u0626\u064a\", \"\u0639\u062f\u062f \u0644\u0627 \u0646\u0647\u0627\u0626\u064a\"],\r\n          [\"\u0641\u0648\u0627\u062a\u064a\u0631 \u0627\u0644\u0645\u0635\u0631\u0648\u0641\u0627\u062a\", \"\u0639\u062f\u062f \u0644\u0627 \u0646\u0647\u0627\u0626\u064a\", \"\u0639\u062f\u062f \u0644\u0627 \u0646\u0647\u0627\u0626\u064a\"],\r\n          [\"\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645\", \"\u063a\u064a\u0631 \u0645\u062d\u062f\u0648\u062f\", \"\u063a\u064a\u0631 \u0645\u062d\u062f\u0648\u062f\"],\r\n          \r\n        ]\r\n      },\r\n      {\r\n        title: \"\u0627\u0644\u0627\u062f\u0627\u0631\u0629\",\r\n        features: [\r\n          [\"\u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f\", \"\u2713\", \"\u2713\"],\r\n          [\"\u062d\u0631\u0643\u0629 \u0627\u0648\u0627\u0645\u0631 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\", \"\u2713\", \"\u2713\"],\r\n          [\"\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0648\u0627\u0645\u0631 \u0627\u0644\u0639\u0645\u0644\", \"\u2713\", \"\u2713\"],\r\n          [\"\u0623\u062f\u0627\u0621 \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646\", \"\u2713\", \"\u2713\"],\r\n          [\"\u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0627\u0644\u064a\u0629\", \"\u2713\", \"\u2713\"]\r\n        ]\r\n      },\r\n      {\r\n        title: \"\u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a\",\r\n        features: [\r\n          [\"\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\", \"\u2713\", \"\u2713\"],\r\n          [\"\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u0648\u0644\u0627\u0621\", \"\u2713\", \"\u2713\"],\r\n          [\"\u0639\u0631\u0648\u0636 \u0627\u0644\u0633\u0639\u0631\", \"\u2713\", \"\u2713\"],\r\n          [\"\u0639\u0642\u0648\u062f \u0627\u0644\u0635\u064a\u0627\u0646\u0629\", \"\u2713\", \"\u2713\"],\r\n          [\"\u0639\u0642\u0648\u062f \u0627\u0644\u062a\u0627\u0645\u064a\u0646\", \"\u2713\", \"X\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\"]\r\n        ]\r\n      },\r\n      {\r\n        title: \"\u0627\u0644\u0635\u064a\u0627\u0646\u0629\",\r\n        features: [\r\n          [\"\u0627\u0648\u0627\u0645\u0631 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\", \"\u2713\", \"\u2713\",\"\u2715\",\"\u2715\",\"\u2715\",\"\u2715\",\"\u2715\",\"\u2715\"],\r\n          [\"\u0627\u0633\u062a\u0644\u0627\u0645 \u0633\u064a\u0627\u0631\u0629\", \"\u2713\", \"\u2713\",\"\u2713\",\"\u2713\",\"\u2713\",\"\u2713\",\"\u2713\",\"\u2713\"],\r\n          [\"\u062a\u0642\u0631\u064a\u0631 \u0641\u062d\u0635 \u0633\u064a\u0627\u0631\u0629\", \"\u2713\", \"\u2713\",\"\u2715\",\"\u2715\",\"\u2715\",\"\u2715\",\"\u2715\",\"\u2715\"],\r\n          [\"\u0623\u0648\u0627\u0645\u0631 \u0627\u0644\u0639\u0645\u0644\", \"\u2713\", \"\u2713\",\"\u2713\",\"\u2713\",\"\u2713\",\"\u2713\",\"\u2713\",\"\u2713\"],\r\n          [\"\u062a\u0642\u0631\u064a\u0631 \u0627\u0646\u0648\u0627\u0639 \u0627\u0644\u0635\u064a\u0627\u0646\u0629\", \"\u2713\", \"\u2713\",\"\u2715\",\"\u2715\",\"\u2715\",\"\u2715\",\"\u2715\",\"\u2715\"],\r\n          [\"\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0627\u0631\u0628\u0627\u062d\", \"\u2713\", \"\u2713\",\"\u2715\",\"\u2715\",\"\u2715\",\"\u2715\",\"\u2715\",\"\u2715\"],\r\n          [\"\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a\", \"\u2713\", \"\u2713\",\"\u2713\",\"\u2713\",\"\u2713\",\"\u2713\",\"\u2713\",\"\u2713\"]\r\n        ]\r\n      },\r\n      {\r\n        title: \"\u0627\u0644\u0641\u0648\u0627\u062a\u064a\u0631\",\r\n        features: [\r\n          \r\n          [\"\u0641\u0648\u0627\u062a\u064a\u0631 \u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a\", \"\u2713\", \"\u2713\"],\r\n          [\"\u0641\u0648\u0627\u062a\u064a\u0631 \u0627\u0644\u0645\u0634\u062a\u0631\u064a\u0627\u062a\", \"\u2713\", \"\u2713\"],\r\n          [\"\u0641\u0648\u0627\u062a\u064a\u0631 \u0627\u0644\u0645\u0635\u0631\u0648\u0641\u0627\u062a\", \"\u2713\", \"\u2713\"],\r\n          [\"\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0636\u0631\u064a\u0628\u0629\", \"\u2713\", \"\u2713\"],\r\n          [\"\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u064a\u0648\u0645\u064a\u0629\", \"\u2713\", \"\u2713\"]\r\n        ]\r\n      },\r\n      {\r\n        title: \"\u0627\u0644\u0645\u062d\u0627\u0633\u0628\u0629\",\r\n        features: [\r\n          [\"\u0627\u0644\u062f\u0644\u064a\u0644 \u0627\u0644\u0645\u062d\u0627\u0633\u0628\u064a\", \"\u2715\", \"\u2713\",  \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\"],\r\n          [\"\u0627\u0644\u0642\u064a\u0648\u062f \u0627\u0644\u064a\u0648\u0645\u064a\u0629\", \"\u2715\", \"\u2713\",  \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\"],\r\n          [\"\u0627\u0644\u0642\u064a\u0648\u062f \u0627\u0644\u0627\u0641\u062a\u062a\u0627\u062d\u064a\u0629\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\"],\r\n          [\"\u0637\u0631\u0642 \u0627\u0644\u062f\u0641\u0639\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\"],\r\n          [\"\u062a\u0633\u0648\u064a\u0629 \u0637\u0631\u0642 \u0627 \u0644\u062f\u0641\u0639\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\"],\r\n          [\"\u0627\u0644\u0627\u0635\u0648\u0644 \u0627\u0644\u062b\u0627\u0628\u062a\u0629\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\"],\r\n          [\"\u062a\u0642\u0631\u064a\u0631 \u0645\u064a\u0632\u0627\u0646 \u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0629\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\"],\r\n          [\"\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\"],\r\n          [\"\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0627\u0631\u0628\u0627\u062d \u0648\u0627\u0644\u062e\u0633\u0627\u0626\u0631\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\"],\r\n          [\"\u062a\u0642\u0631\u064a\u0631 \u0634\u062c\u0631\u0629 \u0627\u0644\u062d\u0633\u0627\u0628\u0627\u062a\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\", \"\u2715\", \"\u2713\"]\r\n        ]\r\n      },\r\n      {\r\n        title: \"\u0627\u0644\u0645\u062e\u0632\u0648\u0646\",\r\n        features: [\r\n          [\"\u0639\u062f\u062f \u0627\u0644\u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a\", \"\u0645\u0633\u062a\u0648\u062f\u0639 1\", \"\u063a\u064a\u0631 \u0645\u062d\u062f\u0648\u062f\", \"\u0645\u0633\u062a\u0648\u062f\u0639 1\", \"\u063a\u064a\u0631 \u0645\u062d\u062f\u0648\u062f\", \"\u0645\u0633\u062a\u0648\u062f\u0639 1\", \"\u063a\u064a\u0631 \u0645\u062d\u062f\u0648\u062f\", \"\u0645\u0633\u062a\u0648\u062f\u0639 1\", \"\u063a\u064a\u0631 \u0645\u062d\u062f\u0648\u062f\", \"\u0645\u0633\u062a\u0648\u062f\u0639 1\", \"\u063a\u064a\u0631 \u0645\u062d\u062f\u0648\u062f\", \"\u0645\u0633\u062a\u0648\u062f\u0639 1\", \"\u063a\u064a\u0631 \u0645\u062d\u062f\u0648\u062f\"],\r\n          [\"\u0639\u062f\u062f \u0627\u0644\u0627\u0635\u0646\u0627\u0641\", \"\u063a\u064a\u0631 \u0645\u062d\u062f\u0648\u062f\", \"\u063a\u064a\u0631 \u0645\u062d\u062f\u0648\u062f\", \"\u063a\u064a\u0631 \u0645\u062d\u062f\u0648\u062f\", \"\u063a\u064a\u0631 \u0645\u062d\u062f\u0648\u062f\", \"\u063a\u064a\u0631 \u0645\u062d\u062f\u0648\u062f\", \"\u063a\u064a\u0631 \u0645\u062d\u062f\u0648\u062f\", \"\u063a\u064a\u0631 \u0645\u062d\u062f\u0648\u062f\", \"\u063a\u064a\u0631 \u0645\u062d\u062f\u0648\u062f\", \"\u063a\u064a\u0631 \u0645\u062d\u062f\u0648\u062f\", \"\u063a\u064a\u0631 \u0645\u062d\u062f\u0648\u062f\", \"\u063a\u064a\u0631 \u0645\u062d\u062f\u0648\u062f\", \"\u063a\u064a\u0631 \u0645\u062d\u062f\u0648\u062f\"],\r\n          [\"\u0648\u062d\u062f\u0627\u062a \u0627\u0644\u0642\u064a\u0627\u0633\", \"\u062d\u0628\u0629 \u0641\u0642\u0637\", \"\u0648\u062d\u062f\u0627\u062a \u0645\u062e\u0635\u0635\u0629\", \"\u0648\u062d\u062f\u0627\u062a \u0645\u062e\u0635\u0635\u0629\", \"\u0648\u062d\u062f\u0627\u062a \u0645\u062e\u0635\u0635\u0629\", \"\u0648\u062d\u062f\u0627\u062a \u0645\u062e\u0635\u0635\u0629\", \"\u0648\u062d\u062f\u0627\u062a \u0645\u062e\u0635\u0635\u0629\", \"\u0648\u062d\u062f\u0627\u062a \u0645\u062e\u0635\u0635\u0629\", \"\u0648\u062d\u062f\u0627\u062a \u0645\u062e\u0635\u0635\u0629\", \"\u0648\u062d\u062f\u0627\u062a \u0645\u062e\u0635\u0635\u0629\", \"\u0648\u062d\u062f\u0627\u062a \u0645\u062e\u0635\u0635\u0629\", \"\u0648\u062d\u062f\u0627\u062a \u0645\u062e\u0635\u0635\u0629\", \"\u0648\u062d\u062f\u0627\u062a \u0645\u062e\u0635\u0635\u0629\"],\r\n          [\"\u062a\u0633\u0648\u064a\u0629 \u0645\u062e\u0632\u0648\u0646\", \"\u2715\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\"],\r\n          [\"\u0627\u0644\u0646\u0642\u0644 \u0628\u064a\u0646 \u0627\u0644\u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a\", \"\u2715\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\"],\r\n          [\"\u0627\u0644\u0645\u062e\u0632\u0648\u0646\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\"],\r\n          [\"\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u062c\u0631\u062f\", \"\u2715\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\"],\r\n          [\"\u062d\u0631\u0643\u0629 \u0635\u0646\u0641\", \"\u2715\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\"],\r\n          [\"\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0627\u0643\u062b\u0631 \u0648\u0627\u0644\u0627\u0642\u0644 \u0645\u0628\u064a\u0639\u0627\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\"]\r\n        ]\r\n      },\r\n      {\r\n        title: \"\u0627\u0644\u0645\u0634\u062a\u0631\u064a\u0627\u062a\",\r\n        features: [\r\n          [\"\u0627\u0644\u0645\u0648\u0631\u062f\u064a\u0646\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\"],\r\n          [\"\u0643\u0634\u0641 \u062d\u0633\u0627\u0628 \u0645\u0648\u0631\u062f\", \"\u2715\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\"],\r\n          [\"\u0641\u0648\u0627\u062a\u064a\u0631 \u0627\u0644\u0645\u0634\u062a\u0631\u064a\u0627\u062a\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\"],\r\n          [\"\u062a\u0631\u062d\u064a\u0644 \u0627\u0644\u0645\u0634\u062a\u0631\u064a\u0627\u062a\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\"],\r\n          [\"\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0645\u0634\u062a\u0631\u064a\u0627\u062a\", \"\u2715\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\", \"\u2713\"]\r\n        ]\r\n      },\r\n      {\r\n        title: \"\u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646\",\r\n        features: [\r\n          [\"\u0627\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646\", \"\u2713\", \"\u2713\"],\r\n          [\"\u0627\u062f\u0627\u0631\u0629 \u0627\u0644\u0631\u0648\u0627\u062a\u0628\", \"\u2713\", \"\u2713\"],\r\n          [\"\u0627\u062f\u0627\u0631\u0629 \u0627\u0644\u0633\u0644\u0641\", \"\u2713\", \"\u2713\"],\r\n          [\"\u0627\u062f\u0627\u0631\u0629 \u0627\u0644\u062d\u0636\u0648\u0631 \u0648\u0627\u0644\u0627\u0646\u0635\u0631\u0627\u0641\", \"\u2713\", \"\u2713\"],\r\n          [\"\u0627\u062f\u0627\u0631\u0629 \u0627\u0644\u0627\u0636\u0627\u0641\u064a\", \"\u2713\", \"\u2713\"],\r\n          [\"\u0627\u062f\u0627\u0631\u0629 \u0627\u0644\u062e\u0635\u0648\u0645\u0627\u062a\", \"\u2713\", \"\u2713\"],\r\n          [\"\u0627\u0644\u0639\u0647\u062f \u0627\u0644\u0639\u064a\u0646\u064a\u0629\", \"\u2713\", \"\u2713\"],\r\n          [\"\u0627\u0644\u0639\u0647\u062f \u0627\u0644\u0645\u0627\u0644\u064a\u0629\", \"\u2713\", \"\u2713\"],\r\n          [\"\u0645\u0633\u064a\u0631\u0627\u062a \u0627\u0644\u0631\u0648\u0627\u062a\u0628\", \"\u2713\", \"\u2713\"]\r\n        ]\r\n      }\r\n    ];\r\n\r\n    \/\/ \u0627\u0644\u062a\u0631\u062a\u064a\u0628 \u0628\u0639\u062f \u0627\u0633\u0645 \u0627\u0644\u0635\u0641\u0629 \u0645\u0637\u0627\u0628\u0642 \u0644\u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0641\u064a \u0645\u0635\u0641\u0648\u0641\u0629 plans \u0623\u0639\u0644\u0627\u0647.\r\n    \/\/ \u0627\u0644\u0635\u0641\u0648\u0641 \u0627\u0644\u0642\u062f\u064a\u0645\u0629 \u0630\u0627\u062a \u0627\u0644\u0642\u064a\u0645\u062a\u064a\u0646 \u062a\u064f\u0645\u0644\u0623 \u0645\u0624\u0642\u062a\u0627 \u0628\u0642\u064a\u0645\u0629 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0644\u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u0639\u0645\u062f\u0629.\r\n    \/\/ \u0644\u062a\u062e\u0635\u064a\u0635 \u0635\u0641\u0629\u060c \u0627\u0643\u062a\u0628 \u0627\u0633\u0645\u0647\u0627 \u062b\u0645 \u062b\u0645\u0627\u0646\u064a \u0642\u064a\u0645\u061b \u0645\u062b\u0627\u0644:\r\n    \/\/ [\"\u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f\", \"\u2713\", \"\u2713\", \"\u2715\", \"\u2713\", \"\u2713\", \"\u2715\", \"\u2713\", \"\u2715\"]\r\n    sections.forEach((section) => {\r\n      section.features = section.features.filter(Array.isArray);\r\n      section.features.forEach((feature) => {\r\n        if (feature.length < plans.length + 1) {\r\n          const defaultValue = feature[1];\r\n          feature.splice(1, feature.length - 1, ...Array(plans.length).fill(defaultValue));\r\n        }\r\n      });\r\n    });\r\n\r\n    function statusClass(value) {\r\n      if (value === \"\u2713\") return \"available\";\r\n      if (value === \"\u2715\") return \"unavailable\";\r\n      return \"text-value\";\r\n    }\r\n\r\n    document.querySelectorAll(\"[data-plan-details]\").forEach((container) => {\r\n      const planIndex = Number(container.dataset.planDetails);\r\n\r\n      sections.forEach((section) => {\r\n        const sectionElement = document.createElement(\"section\");\r\n        sectionElement.className = \"spec-section\";\r\n\r\n        const heading = document.createElement(\"h4\");\r\n        heading.className = \"spec-title\";\r\n        heading.textContent = section.title;\r\n        sectionElement.appendChild(heading);\r\n\r\n        const list = document.createElement(\"ul\");\r\n        list.className = \"spec-list\";\r\n\r\n        section.features.forEach((feature) => {\r\n          const item = document.createElement(\"li\");\r\n          item.className = \"spec-item\";\r\n\r\n          const label = document.createElement(\"span\");\r\n          label.className = \"spec-label\";\r\n          label.textContent = feature[0];\r\n\r\n          const value = feature[planIndex + 1];\r\n\r\n          const status = document.createElement(\"span\");\r\n          status.className = `status ${statusClass(value)}`;\r\n          status.textContent = value;\r\n\r\n          item.append(label, status);\r\n          list.appendChild(item);\r\n        });\r\n\r\n        sectionElement.appendChild(list);\r\n        container.appendChild(sectionElement);\r\n      });\r\n    });\r\n  <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u0623\u0633\u0639\u0627\u0631 \u062e\u0637\u0637 \u0623\u0633\u0639\u0627\u0631 \u0645\u0631\u0646\u0629.. \u0645\u0635\u0645\u0645\u0629 \u0644\u0643 \u062e\u0635\u064a\u0635\u0627 \u0644\u0623\u0646\u0646\u0627 \u0646\u0639\u0644\u0645 \u0623\u0646 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0642\u0637\u0627\u0639 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u062a\u062e\u062a\u0644\u0641 \u0645\u0646 \u0646\u0634\u0627\u0637 \u0644\u0622\u062e\u0631\u060c \u0635\u0645\u0645\u0646\u0627 \u0642\u0648\u0627\u0626\u0645 \u0623\u0633\u0639\u0627\u0631\u0646\u0627 \u0644\u062a\u0645\u0646\u062d\u0643 \u0627\u0644\u0642\u064a\u0645\u0629 \u0627\u0644\u0642\u0635\u0648\u0649 \u0645\u0642\u0627\u0628\u0644 \u0645\u0627 \u062a\u062f\u0641\u0639\u0647. \u062a\u0635\u0641\u062d \u0628\u0627\u0642\u0627\u062a\u0646\u0627 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0648\u0627\u062e\u062a\u0631 \u0627\u0644\u0645\u0632\u0627\u064a\u0627 \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0627\u062c\u0647\u0627 \u0644\u0625\u062f\u0627\u0631\u0629 \u0646\u0634\u0627\u0637\u0643 \u0628\u0643\u0644 \u0633\u0647\u0648\u0644\u0629\u060c \u0633\u0648\u0627\u0621\u064b \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u062f\u064a\u0631 \u0648\u0631\u0634 \u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a\u060c \u0623\u0648 \u0645\u062d\u0644\u0627\u062a \u0642\u0637\u0639 \u0627\u0644\u063a\u064a\u0627\u0631\u060c \u0648\u0645\u0631\u0627\u0643\u0632 \u0627\u0644\u0632\u064a\u0646\u0629 \u0648\u0627\u0644\u062a\u0644\u0645\u064a\u0639\u060c \u0648\u0645\u063a\u0627\u0633\u0644 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a\u060c \u0648\u0645\u062d\u0644\u0627\u062a&hellip;<\/p>\n","protected":false},"author":1,"featured_media":146,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-full-width.php","meta":{"footnotes":""},"class_list":["post-720","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/carerp.io\/ar\/wp-json\/wp\/v2\/pages\/720","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carerp.io\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carerp.io\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carerp.io\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/carerp.io\/ar\/wp-json\/wp\/v2\/comments?post=720"}],"version-history":[{"count":166,"href":"https:\/\/carerp.io\/ar\/wp-json\/wp\/v2\/pages\/720\/revisions"}],"predecessor-version":[{"id":2671,"href":"https:\/\/carerp.io\/ar\/wp-json\/wp\/v2\/pages\/720\/revisions\/2671"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/carerp.io\/ar\/wp-json\/wp\/v2\/media\/146"}],"wp:attachment":[{"href":"https:\/\/carerp.io\/ar\/wp-json\/wp\/v2\/media?parent=720"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}