{"id":16,"date":"2026-04-11T13:25:42","date_gmt":"2026-04-11T13:25:42","guid":{"rendered":"https:\/\/buildingdesign-eg.com\/?page_id=16"},"modified":"2026-04-13T12:04:00","modified_gmt":"2026-04-13T12:04:00","slug":"%d8%a7%d8%ad%d8%b3%d8%a8-%d9%85%d9%82%d8%a7%d9%8a%d8%b3%d8%aa%d9%83","status":"publish","type":"page","link":"https:\/\/buildingdesign-eg.com\/en\/%d8%a7%d8%ad%d8%b3%d8%a8-%d9%85%d9%82%d8%a7%d9%8a%d8%b3%d8%aa%d9%83\/","title":{"rendered":"Calculate your measurements"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16\" class=\"elementor elementor-16\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2c2cb7e e-con-full e-flex e-con e-parent\" data-id=\"2c2cb7e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-631177a elementor-widget__width-inherit elementor-widget elementor-widget-image\" data-id=\"631177a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1920\" height=\"800\" src=\"https:\/\/buildingdesign-eg.com\/wp-content\/uploads\/2026\/04\/estimation-hero-CtXfislC.jpg\" class=\"attachment-full size-full wp-image-270\" alt=\"\" srcset=\"https:\/\/buildingdesign-eg.com\/wp-content\/uploads\/2026\/04\/estimation-hero-CtXfislC.jpg 1920w, https:\/\/buildingdesign-eg.com\/wp-content\/uploads\/2026\/04\/estimation-hero-CtXfislC-300x125.jpg 300w, https:\/\/buildingdesign-eg.com\/wp-content\/uploads\/2026\/04\/estimation-hero-CtXfislC-1024x427.jpg 1024w, https:\/\/buildingdesign-eg.com\/wp-content\/uploads\/2026\/04\/estimation-hero-CtXfislC-768x320.jpg 768w, https:\/\/buildingdesign-eg.com\/wp-content\/uploads\/2026\/04\/estimation-hero-CtXfislC-1536x640.jpg 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7565929 e-con-full e-flex e-con e-child\" data-id=\"7565929\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d1b7998 e-con-full e-flex e-con e-child\" data-id=\"d1b7998\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5036495 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"5036495\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">\u0627\u062e\u062a\u0627\u0631 \u0645\u0642\u0627\u064a\u0633\u062a\u0643 \u0628\u0625\u064a\u062f\u064a\u0643 \u2728<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-682e776 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"682e776\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">\u062c\u0627\u0648\u0628 \u0639\u0644\u0649 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u062a\u0627\u0644\u064a\u0629 \u0648\u0633\u0646\u0631\u0627\u062c\u0639 \u0637\u0644\u0628\u0643 \u0648\u0646\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u062e\u0644\u0627\u0644 24 \u0633\u0627\u0639\u0629<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5bd8723 e-con-full e-flex e-con e-parent\" data-id=\"5bd8723\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-bdb5602 e-con-full e-flex e-con e-child\" data-id=\"bdb5602\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1fa99fa e-con-full e-flex e-con e-child\" data-id=\"1fa99fa\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d892ff7 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"d892ff7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ef-wrap\" id=\"estimationFormOnly\">\r\n  <style>\r\n    :root {\r\n      --ef-bg: #050505;\r\n      --ef-card: #111111;\r\n      --ef-card-2: #171717;\r\n      --ef-line: rgba(212, 175, 85, 0.16);\r\n      --ef-line-soft: rgba(255, 255, 255, 0.08);\r\n      --ef-text: #f7f3ea;\r\n      --ef-muted: #a7a29a;\r\n      --ef-gold: #d4af55;\r\n      --ef-gold-2: #b8923f;\r\n      --ef-gold-soft: rgba(212, 175, 85, 0.12);\r\n      --ef-radius-xl: 28px;\r\n      --ef-radius-lg: 22px;\r\n      --ef-radius-md: 16px;\r\n      --ef-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);\r\n    }\r\n\r\n    .ef-wrap,\r\n    .ef-wrap * {\r\n      box-sizing: border-box;\r\n      font-family: Cairo, Tajawal, Arial, sans-serif;\r\n    }\r\n\r\n    .ef-wrap {\r\n      direction: rtl;\r\n      color: var(--ef-text);\r\n      width: min(100%, 860px);\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .ef-progress {\r\n      margin: 0 0 14px;\r\n      padding: 0 6px;\r\n    }\r\n\r\n    .ef-progress-track {\r\n      height: 5px;\r\n      border-radius: 999px;\r\n      background: rgba(255,255,255,.08);\r\n      overflow: hidden;\r\n    }\r\n\r\n    .ef-progress-fill {\r\n      height: 100%;\r\n      width: 25%;\r\n      border-radius: inherit;\r\n      background: linear-gradient(90deg, var(--ef-gold), #e4c776);\r\n      transition: width .3s ease;\r\n    }\r\n\r\n    .ef-stack {\r\n      display: grid;\r\n      gap: 14px;\r\n    }\r\n\r\n    .ef-section {\r\n      border: 1px solid var(--ef-line-soft);\r\n      border-radius: var(--ef-radius-xl);\r\n      background: linear-gradient(180deg, rgba(23,23,23,.98), rgba(10,10,10,.98));\r\n      box-shadow: var(--ef-shadow);\r\n      overflow: hidden;\r\n    }\r\n\r\n    .ef-section.open {\r\n      border-color: var(--ef-line);\r\n      box-shadow: 0 18px 46px rgba(212,175,85,.08), var(--ef-shadow);\r\n    }\r\n\r\n    .ef-head {\r\n      width: 100%;\r\n      border: 0;\r\n      background: transparent !important;\r\n      color: inherit !important;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 12px;\r\n      padding: 16px 18px;\r\n      cursor: pointer;\r\n      appearance: none;\r\n      -webkit-appearance: none;\r\n      box-shadow: none;\r\n      outline: none;\r\n      text-decoration: none !important;\r\n      -webkit-tap-highlight-color: transparent;\r\n    }\r\n\r\n    .ef-head,\r\n    .ef-head:hover,\r\n    .ef-head:focus,\r\n    .ef-head:active {\r\n      background: transparent !important;\r\n      color: inherit !important;\r\n      text-decoration: none !important;\r\n      box-shadow: none !important;\r\n      filter: none !important;\r\n    }\r\n\r\n    .ef-section > .ef-head {\r\n      background: linear-gradient(180deg, rgba(23,23,23,.98), rgba(10,10,10,.98)) !important;\r\n    }\r\n\r\n    .ef-head-left {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 12px;\r\n    }\r\n\r\n    .ef-step-num {\r\n      width: 28px;\r\n      height: 28px;\r\n      border-radius: 50%;\r\n      display: grid;\r\n      place-items: center;\r\n      background: rgba(212,175,85,.12);\r\n      color: var(--ef-gold);\r\n      font-size: 12px;\r\n      font-weight: 900;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .ef-head-title {\r\n      font-size: 15px;\r\n      font-weight: 900;\r\n    }\r\n\r\n    .ef-chevron {\r\n      width: 10px;\r\n      height: 10px;\r\n      border-left: 2px solid #8d887f;\r\n      border-bottom: 2px solid #8d887f;\r\n      transform: rotate(-45deg);\r\n      transition: .25s ease;\r\n      margin-inline-start: 8px;\r\n    }\r\n\r\n    .ef-section.open .ef-chevron {\r\n      transform: rotate(135deg);\r\n    }\r\n\r\n    .ef-body {\r\n      display: none;\r\n      padding: 0 14px 14px;\r\n    }\r\n\r\n    .ef-section.open .ef-body {\r\n      display: block;\r\n    }\r\n\r\n    .ef-grid-2,\r\n    .ef-grid-3 {\r\n      display: grid;\r\n      gap: 12px;\r\n    }\r\n\r\n    .ef-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n    .ef-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }\r\n\r\n    .ef-unit-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 12px;\r\n    }\r\n\r\n    .ef-unit-card {\r\n      position: relative;\r\n      overflow: hidden;\r\n      border: 1px solid rgba(255,255,255,.08);\r\n      border-radius: 18px;\r\n      background: #1a1a1a !important;\r\n      padding: 0;\r\n      color: inherit !important;\r\n      cursor: pointer;\r\n      transition: .25s ease;\r\n      text-align: right;\r\n      appearance: none;\r\n      -webkit-appearance: none;\r\n      box-shadow: none;\r\n      outline: none;\r\n      -webkit-tap-highlight-color: transparent;\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    .ef-unit-card,\r\n    .ef-unit-card:hover,\r\n    .ef-unit-card:focus,\r\n    .ef-unit-card:active {\r\n      background: #1a1a1a !important;\r\n      color: inherit !important;\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    .ef-unit-card:hover {\r\n      transform: translateY(-2px);\r\n      border-color: rgba(212,175,85,.25);\r\n    }\r\n\r\n    .ef-unit-card.active {\r\n      border-color: var(--ef-gold);\r\n      box-shadow: 0 0 0 1px rgba(212,175,85,.22), 0 14px 30px rgba(212,175,85,.10);\r\n    }\r\n\r\n    .ef-unit-image {\r\n      width: 100%;\r\n      aspect-ratio: 1 \/ 1;\r\n      object-fit: cover;\r\n      display: block;\r\n    }\r\n\r\n    .ef-check {\r\n      position: absolute;\r\n      top: 8px;\r\n      right: 8px;\r\n      width: 22px;\r\n      height: 22px;\r\n      border-radius: 50%;\r\n      background: var(--ef-gold);\r\n      color: #111;\r\n      font-size: 12px;\r\n      display: none;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-weight: 900;\r\n    }\r\n\r\n    .ef-unit-card.active .ef-check {\r\n      display: flex;\r\n    }\r\n\r\n    .ef-unit-name {\r\n      padding: 10px 12px 12px;\r\n      text-align: center;\r\n      font-size: 14px;\r\n      font-weight: 900;\r\n      color: #f8f3e6 !important;\r\n      background: #1a1a1a !important;\r\n      line-height: 1.4;\r\n    }\r\n\r\n    .ef-field label {\r\n      display: block;\r\n      margin: 0 0 7px;\r\n      font-size: 13px;\r\n      font-weight: 800;\r\n      color: #ddd6cb;\r\n    }\r\n\r\n    .ef-field input,\r\n    .ef-field select,\r\n    .ef-field textarea {\r\n      width: 100%;\r\n      border: 1px solid rgba(255,255,255,.08);\r\n      background: #0f0f0f;\r\n      color: var(--ef-text);\r\n      border-radius: 15px;\r\n      padding: 13px 14px;\r\n      font: inherit;\r\n      outline: none;\r\n      transition: .2s ease;\r\n    }\r\n\r\n    .ef-field textarea {\r\n      min-height: 100px;\r\n      resize: vertical;\r\n    }\r\n\r\n    .ef-field input:focus,\r\n    .ef-field select:focus,\r\n    .ef-field textarea:focus {\r\n      border-color: rgba(212,175,85,.35);\r\n      box-shadow: 0 0 0 4px rgba(212,175,85,.08);\r\n    }\r\n\r\n    .ef-readonly {\r\n      min-height: 50px;\r\n      display: flex;\r\n      align-items: center;\r\n      border-radius: 15px;\r\n      padding: 13px 14px;\r\n      background: rgba(212,175,85,.08);\r\n      border: 1px solid rgba(212,175,85,.15);\r\n      color: var(--ef-gold);\r\n      font-weight: 900;\r\n    }\r\n\r\n    .ef-sub-card {\r\n      border: 1px solid rgba(255,255,255,.07);\r\n      background: rgba(255,255,255,.02);\r\n      border-radius: 18px;\r\n      padding: 14px;\r\n      margin-top: 14px;\r\n    }\r\n\r\n    .ef-sub-title {\r\n      margin-bottom: 12px;\r\n      font-size: 14px;\r\n      font-weight: 900;\r\n      color: #f7f3ea;\r\n    }\r\n\r\n    .ef-room-list {\r\n      display: grid;\r\n      gap: 12px;\r\n    }\r\n\r\n    .ef-room-card {\r\n      border: 1px solid rgba(255,255,255,.07);\r\n      background: rgba(0,0,0,.18);\r\n      border-radius: 18px;\r\n      padding: 14px;\r\n    }\r\n\r\n    .ef-room-head {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .ef-room-index {\r\n      width: 28px;\r\n      height: 28px;\r\n      border-radius: 50%;\r\n      display: grid;\r\n      place-items: center;\r\n      font-size: 12px;\r\n      font-weight: 900;\r\n      color: #111;\r\n      background: var(--ef-gold);\r\n    }\r\n\r\n    .ef-room-title {\r\n      font-size: 13px;\r\n      font-weight: 900;\r\n      color: #f1eee7;\r\n    }\r\n\r\n    .ef-segment {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 8px;\r\n    }\r\n\r\n    .ef-segment button {\r\n      height: 46px;\r\n      border-radius: 14px;\r\n      border: 1px solid rgba(255,255,255,.08);\r\n      background: #0f0f0f !important;\r\n      color: #ddd6cb !important;\r\n      font: inherit;\r\n      font-weight: 900;\r\n      cursor: pointer;\r\n      transition: .2s ease;\r\n      appearance: none;\r\n      -webkit-appearance: none;\r\n      box-shadow: none !important;\r\n      outline: none;\r\n      text-decoration: none !important;\r\n      filter: none !important;\r\n      -webkit-tap-highlight-color: transparent;\r\n    }\r\n\r\n    .ef-segment button:hover,\r\n    .ef-segment button:focus,\r\n    .ef-segment button:active {\r\n      background: #0f0f0f !important;\r\n      color: #ddd6cb !important;\r\n      border-color: rgba(255,255,255,.08) !important;\r\n      box-shadow: none !important;\r\n      text-decoration: none !important;\r\n      filter: none !important;\r\n    }\r\n\r\n    .ef-segment button.active,\r\n    .ef-segment button.active:hover,\r\n    .ef-segment button.active:focus,\r\n    .ef-segment button.active:active {\r\n      border-color: var(--ef-gold) !important;\r\n      background: var(--ef-gold-soft) !important;\r\n      color: var(--ef-gold) !important;\r\n      box-shadow: none !important;\r\n      text-decoration: none !important;\r\n      filter: none !important;\r\n    }\r\n\r\n    .ef-floor-tags {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 8px;\r\n    }\r\n\r\n    .ef-floor-tags span {\r\n      padding: 8px 10px;\r\n      border-radius: 999px;\r\n      font-size: 12px;\r\n      font-weight: 800;\r\n      color: #ddd6cb;\r\n      background: rgba(255,255,255,.03);\r\n      border: 1px solid rgba(255,255,255,.07);\r\n    }\r\n\r\n    .ef-submit-wrap {\r\n      margin-top: 14px;\r\n    }\r\n\r\n    .ef-submit {\r\n      width: 100%;\r\n      height: 56px;\r\n      border: 0;\r\n      border-radius: 16px;\r\n      background: linear-gradient(180deg, #daba67, #c9a84f);\r\n      color: #111;\r\n      font: inherit;\r\n      font-weight: 900;\r\n      cursor: pointer;\r\n      box-shadow: 0 16px 28px rgba(212,175,85,.16);\r\n      transition: .2s ease;\r\n    }\r\n\r\n    .ef-submit:hover {\r\n      transform: translateY(-1px);\r\n      filter: brightness(1.02);\r\n    }\r\n\r\n    .ef-error-box {\r\n      display: none;\r\n      margin-bottom: 14px;\r\n      border-radius: 18px;\r\n      border: 1px solid rgba(248,113,113,.18);\r\n      background: rgba(127,29,29,.14);\r\n      padding: 12px 14px;\r\n    }\r\n\r\n    .ef-error-box.show { display: block; }\r\n\r\n    .ef-error-title {\r\n      margin-bottom: 8px;\r\n      color: #fecaca;\r\n      font-size: 13px;\r\n      font-weight: 900;\r\n    }\r\n\r\n    .ef-error-list {\r\n      display: grid;\r\n      gap: 6px;\r\n    }\r\n\r\n    .ef-error-item {\r\n      color: #fecaca;\r\n      font-size: 12px;\r\n      line-height: 1.8;\r\n    }\r\n\r\n    .ef-hidden { display: none !important; }\r\n\r\n    .ef-success-modal {\r\n      position: fixed;\r\n      inset: 0;\r\n      background: rgba(0, 0, 0, 0.72);\r\n      display: none;\r\n      align-items: center;\r\n      justify-content: center;\r\n      z-index: 99999;\r\n      padding: 20px;\r\n    }\r\n\r\n    .ef-success-modal.show {\r\n      display: flex;\r\n    }\r\n\r\n    .ef-success-card-2 {\r\n      width: min(100%, 460px);\r\n      background: linear-gradient(180deg, #161616, #111111);\r\n      border: 1px solid rgba(255,255,255,.08);\r\n      border-radius: 28px;\r\n      padding: 34px 26px 28px;\r\n      text-align: center;\r\n      box-shadow: 0 30px 80px rgba(0,0,0,.45);\r\n    }\r\n\r\n    .ef-success-icon-2 {\r\n      width: 82px;\r\n      height: 82px;\r\n      margin: 0 auto 18px;\r\n      border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      background: rgba(16, 185, 129, 0.18);\r\n      color: #6ee7b7;\r\n      font-size: 40px;\r\n      font-weight: 900;\r\n    }\r\n\r\n    .ef-success-title-2 {\r\n      margin: 0 0 10px;\r\n      font-size: 28px;\r\n      font-weight: 900;\r\n      color: #fff;\r\n    }\r\n\r\n    .ef-success-text-2 {\r\n      margin: 0;\r\n      color: #cbd5e1;\r\n      font-size: 15px;\r\n      line-height: 1.9;\r\n    }\r\n\r\n    \/*@media (max-width: 767px) {*\/\r\n    \/*  .ef-grid-2,*\/\r\n    \/*  .ef-grid-3,*\/\r\n    \/*  .ef-unit-grid {*\/\r\n    \/*    grid-template-columns: 1fr;*\/\r\n    \/*  }*\/\r\n    \/*}*\/\r\n    \r\n    \r\n  <\/style>\r\n\r\n  <div class=\"ef-progress\">\r\n    <div class=\"ef-progress-track\">\r\n      <div class=\"ef-progress-fill\" id=\"efProgressFill\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"ef-error-box\" id=\"efErrorBox\">\r\n    <div class=\"ef-error-title\">\u064a\u0631\u062c\u0649 \u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0646\u0642\u0627\u0637 \u0627\u0644\u062a\u0627\u0644\u064a\u0629 \u0642\u0628\u0644 \u0627\u0644\u0625\u0631\u0633\u0627\u0644<\/div>\r\n    <div class=\"ef-error-list\" id=\"efErrorList\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"ef-stack\">\r\n    <div class=\"ef-section open\" data-ef-section=\"1\">\r\n      <button class=\"ef-head\" type=\"button\" data-ef-toggle=\"1\">\r\n        <div class=\"ef-head-left\">\r\n          <div class=\"ef-step-num\">1<\/div>\r\n          <div class=\"ef-head-title\">\u0646\u0648\u0639 \u0627\u0644\u0648\u062d\u062f\u0629<\/div>\r\n        <\/div>\r\n        <div class=\"ef-chevron\"><\/div>\r\n      <\/button>\r\n      <div class=\"ef-body\">\r\n        <div class=\"ef-unit-grid\" id=\"efUnitGrid\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ef-section\" data-ef-section=\"2\">\r\n      <button class=\"ef-head\" type=\"button\" data-ef-toggle=\"2\">\r\n        <div class=\"ef-head-left\">\r\n          <div class=\"ef-step-num\">2<\/div>\r\n          <div class=\"ef-head-title\">\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0648\u062d\u062f\u0629<\/div>\r\n        <\/div>\r\n        <div class=\"ef-chevron\"><\/div>\r\n      <\/button>\r\n      <div class=\"ef-body\">\r\n        <div class=\"ef-grid-2\">\r\n          <div class=\"ef-field\">\r\n            <label>\u0646\u0648\u0639 \u0627\u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u0645\u062e\u062a\u0627\u0631<\/label>\r\n            <div class=\"ef-readonly\" id=\"efSelectedUnitText\">\u0644\u0645 \u064a\u062a\u0645 \u0627\u0644\u0627\u062e\u062a\u064a\u0627\u0631 \u0628\u0639\u062f<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"ef-field\">\r\n            <label>\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0648\u062d\u062f\u0629 (\u0645\u00b2)<\/label>\r\n            <input id=\"efUnitArea\" type=\"number\" placeholder=\"\u0645\u062b\u0627\u0644: 180\" \/>\r\n          <\/div>\r\n\r\n          <div class=\"ef-field ef-hidden\" id=\"efFloorTypeWrap\">\r\n            <label>\u0646\u0648\u0639 \u0627\u0644\u062f\u0648\u0631<\/label>\r\n            <select id=\"efFloorType\">\r\n              <option value=\"\">\u0627\u062e\u062a\u0631...<\/option>\r\n              <option value=\"\u0623\u0631\u0636\u064a\">\u0623\u0631\u0636\u064a<\/option>\r\n              <option value=\"\u0645\u062a\u0643\u0631\u0631\">\u0645\u062a\u0643\u0631\u0631<\/option>\r\n            <\/select>\r\n          <\/div>\r\n\r\n          <div class=\"ef-field\">\r\n            <label>\u0646\u0648\u0639 \u0627\u0644\u062d\u0627\u0644\u0629 \/ \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u062a\u0634\u0637\u064a\u0628<\/label>\r\n            <select id=\"efFinishLevel\">\r\n              <option value=\"\">\u0627\u062e\u062a\u0631...<\/option>\r\n              <option value=\"\u0637\u0648\u0628\">\u0637\u0648\u0628<\/option>\r\n              <option value=\"\u0646\u0635\u0641 \u062a\u0634\u0637\u064a\u0628\">\u0646\u0635\u0641 \u062a\u0634\u0637\u064a\u0628<\/option>\r\n              <option value=\"\u0625\u0639\u0627\u062f\u0629 \u062a\u0634\u0637\u064a\u0628\">\u0625\u0639\u0627\u062f\u0629 \u062a\u0634\u0637\u064a\u0628<\/option>\r\n            <\/select>\r\n          <\/div>\r\n\r\n          <div class=\"ef-field ef-hidden\" id=\"efPlasterWrap\">\r\n            <label>\u0628\u0646\u062f \u0627\u0644\u0645\u062d\u0627\u0631\u0629<\/label>\r\n            <select id=\"efPlasterType\">\r\n              <option value=\"\">\u0627\u062e\u062a\u0631...<\/option>\r\n              <option value=\"\u0645\u062d\u0627\u0631\u0629 \u0639\u0627\u062f\u064a\u0629\">\u0645\u062d\u0627\u0631\u0629 \u0639\u0627\u062f\u064a\u0629<\/option>\r\n              <option value=\"\u062a\u0623\u0643\u064a\u0633 \u0648\u062a\u0631\u0628\u064a\u0639\">\u062a\u0623\u0643\u064a\u0633 \u0648\u062a\u0631\u0628\u064a\u0639<\/option>\r\n            <\/select>\r\n          <\/div>\r\n\r\n          <div class=\"ef-field ef-hidden\" id=\"efVillaFloorsWrap\">\r\n            <label>\u0639\u062f\u062f \u0623\u062f\u0648\u0627\u0631 \u0627\u0644\u0641\u064a\u0644\u0627<\/label>\r\n            <select id=\"efVillaFloors\">\r\n              <option value=\"1\">1<\/option>\r\n              <option value=\"2\">2<\/option>\r\n              <option value=\"3\">3<\/option>\r\n              <option value=\"4\">4<\/option>\r\n              <option value=\"5\">5<\/option>\r\n            <\/select>\r\n          <\/div>\r\n\r\n          <div class=\"ef-field ef-hidden\" id=\"efVillaGardenWrap\">\r\n            <label>\u0647\u0644 \u064a\u0648\u062c\u062f \u062c\u0627\u0631\u062f\u0646\u061f<\/label>\r\n            <div class=\"ef-segment\" id=\"efVillaGardenSegment\">\r\n              <button type=\"button\" data-value=\"\u0646\u0639\u0645\">\u0646\u0639\u0645<\/button>\r\n              <button type=\"button\" data-value=\"\u0644\u0627\">\u0644\u0627<\/button>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"ef-field ef-hidden\" id=\"efFloorsTagsWrap\" style=\"grid-column:1\/-1\">\r\n            <label>\u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u0641\u064a\u0644\u0627<\/label>\r\n            <div class=\"ef-floor-tags\" id=\"efFloorTags\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ef-sub-card\">\r\n          <div class=\"ef-sub-title\">\u0627\u0644\u063a\u0631\u0641<\/div>\r\n          <div class=\"ef-grid-2\" style=\"margin-bottom:12px\">\r\n            <div class=\"ef-field\">\r\n              <label>\u0639\u062f\u062f \u0627\u0644\u063a\u0631\u0641<\/label>\r\n              <select id=\"efRoomCount\">\r\n                <option value=\"1\">1<\/option>\r\n                <option value=\"2\">2<\/option>\r\n                <option value=\"3\">3<\/option>\r\n                <option value=\"4\">4<\/option>\r\n                <option value=\"5\">5<\/option>\r\n                <option value=\"6\">6<\/option>\r\n              <\/select>\r\n            <\/div>\r\n            <div class=\"ef-field ef-hidden\" id=\"efAssignByFloorWrap\">\r\n              <label>\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u063a\u0631\u0641 \u0639\u0644\u0649 \u0627\u0644\u0623\u062f\u0648\u0627\u0631<\/label>\r\n              <div class=\"ef-segment\" id=\"efAssignByFloorSegment\">\r\n                <button type=\"button\" data-value=\"yes\">\u0646\u0639\u0645<\/button>\r\n                <button type=\"button\" data-value=\"no\">\u0644\u0627<\/button>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"ef-room-list\" id=\"efRoomList\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ef-grid-3\">\r\n          <div class=\"ef-sub-card\">\r\n            <div class=\"ef-sub-title\">\u0627\u0644\u062d\u0645\u0627\u0645\u0627\u062a<\/div>\r\n            <div class=\"ef-field\">\r\n              <label>\u0639\u062f\u062f \u0627\u0644\u062d\u0645\u0627\u0645\u0627\u062a<\/label>\r\n              <select id=\"efBathroomCount\">\r\n                <option value=\"1\">1<\/option>\r\n                <option value=\"2\">2<\/option>\r\n                <option value=\"3\">3<\/option>\r\n                <option value=\"4\">4<\/option>\r\n                <option value=\"5\">5<\/option>\r\n              <\/select>\r\n            <\/div>\r\n            <div class=\"ef-field\">\r\n              <label>\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u062d\u0645\u0627\u0645 (\u0645\u00b2)<\/label>\r\n              <input id=\"efBathroomArea\" type=\"number\" placeholder=\"\u0645\u062b\u0627\u0644: 6\" \/>\r\n            <\/div>\r\n            <div class=\"ef-field\">\r\n              <label>\u0623\u0631\u0636\u064a\u0627\u062a \u0627\u0644\u062d\u0645\u0627\u0645<\/label>\r\n              <select id=\"efBathroomFlooring\"><\/select>\r\n            <\/div>\r\n            <div class=\"ef-field\">\r\n              <label>\u062e\u0644\u0627\u0637\u0627\u062a \u0627\u0644\u062d\u0645\u0627\u0645<\/label>\r\n              <select id=\"efBathroomMixer\"><\/select>\r\n            <\/div>\r\n            <div class=\"ef-field\">\r\n              <label>\u0642\u0648\u0627\u0639\u062f \u0627\u0644\u062d\u0645\u0627\u0645<\/label>\r\n              <select id=\"efBathroomBase\"><\/select>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"ef-sub-card\">\r\n            <div class=\"ef-sub-title\">\u0627\u0644\u0645\u0637\u0628\u062e<\/div>\r\n            <div class=\"ef-field\">\r\n              <label>\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0645\u0637\u0628\u062e (\u0645\u00b2)<\/label>\r\n              <input id=\"efKitchenArea\" type=\"number\" placeholder=\"\u0645\u062b\u0627\u0644: 12\" \/>\r\n            <\/div>\r\n            <div class=\"ef-field\">\r\n              <label>\u0646\u0648\u0639 \u0627\u0644\u0633\u0642\u0641<\/label>\r\n              <select id=\"efKitchenCeiling\"><\/select>\r\n            <\/div>\r\n            <div class=\"ef-field\">\r\n              <label>\u0623\u0631\u0636\u064a\u0627\u062a \u0627\u0644\u0645\u0637\u0628\u062e<\/label>\r\n              <select id=\"efKitchenFlooring\"><\/select>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"ef-sub-card\">\r\n            <div class=\"ef-sub-title\">\u0627\u0644\u0631\u064a\u0633\u0628\u0634\u0646<\/div>\r\n            <div class=\"ef-field\">\r\n              <label>\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0631\u064a\u0633\u0628\u0634\u0646 (\u0645\u00b2)<\/label>\r\n              <input id=\"efReceptionArea\" type=\"number\" placeholder=\"\u0645\u062b\u0627\u0644: 35\" \/>\r\n            <\/div>\r\n            <div class=\"ef-field\">\r\n              <label>\u0646\u0648\u0639 \u0627\u0644\u0633\u0642\u0641<\/label>\r\n              <select id=\"efReceptionCeiling\"><\/select>\r\n            <\/div>\r\n            <div class=\"ef-field\">\r\n              <label>\u0623\u0631\u0636\u064a\u0627\u062a \u0627\u0644\u0631\u064a\u0633\u0628\u0634\u0646<\/label>\r\n              <select id=\"efReceptionFlooring\"><\/select>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ef-section\" data-ef-section=\"3\">\r\n      <button class=\"ef-head\" type=\"button\" data-ef-toggle=\"3\">\r\n        <div class=\"ef-head-left\">\r\n          <div class=\"ef-step-num\">3<\/div>\r\n          <div class=\"ef-head-title\">\u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u0634\u0637\u064a\u0628<\/div>\r\n        <\/div>\r\n        <div class=\"ef-chevron\"><\/div>\r\n      <\/button>\r\n      <div class=\"ef-body\">\r\n        <div class=\"ef-grid-2\">\r\n          <div class=\"ef-field\">\r\n            <label>\u062a\u0623\u0633\u064a\u0633 \u0627\u0644\u062a\u0643\u064a\u064a\u0641\u0627\u062a<\/label>\r\n            <select id=\"efAcType\"><\/select>\r\n          <\/div>\r\n          <div class=\"ef-field\">\r\n            <label>\u062a\u062f\u0641\u0626\u0629 \u0645\u0631\u0643\u0632\u064a\u0629<\/label>\r\n            <div class=\"ef-segment\" id=\"efCentralHeatingSegment\">\r\n              <button type=\"button\" data-value=\"\u0646\u0639\u0645\">\u0646\u0639\u0645<\/button>\r\n              <button type=\"button\" data-value=\"\u0644\u0627\">\u0644\u0627<\/button>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"ef-field\">\r\n            <label>\u0627\u0644\u0623\u0628\u0648\u0627\u0628<\/label>\r\n            <select id=\"efDoors\"><\/select>\r\n          <\/div>\r\n          <div class=\"ef-field\">\r\n            <label>\u0646\u0648\u0639 \u0627\u0644\u0646\u0648\u0627\u0641\u0630 \/ \u0627\u0644\u0634\u0628\u0627\u0628\u064a\u0643<\/label>\r\n            <select id=\"efWindows\"><\/select>\r\n          <\/div>\r\n          <div class=\"ef-field\">\r\n            <label>\u0634\u0627\u062a\u0631<\/label>\r\n            <div class=\"ef-segment\" id=\"efShutterSegment\">\r\n              <button type=\"button\" data-value=\"\u0646\u0639\u0645\">\u0646\u0639\u0645<\/button>\r\n              <button type=\"button\" data-value=\"\u0644\u0627\">\u0644\u0627<\/button>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"ef-field\">\r\n            <label>\u0627\u0644\u062f\u064a\u0643\u0648\u0631\u0627\u062a<\/label>\r\n            <select id=\"efDecor\"><\/select>\r\n          <\/div>\r\n          <div class=\"ef-field\" style=\"grid-column:1\/-1\">\r\n            <label>\u062d\u0627\u0628\u0628 \u062a\u0641\u0631\u0634 \u0645\u0639\u0627\u0646\u0627\u061f<\/label>\r\n            <div class=\"ef-segment\" id=\"efFurnishSegment\">\r\n              <button type=\"button\" data-value=\"\u0646\u0639\u0645\">\u0646\u0639\u0645<\/button>\r\n              <button type=\"button\" data-value=\"\u0644\u0627\">\u0644\u0627<\/button>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ef-section\" data-ef-section=\"4\">\r\n      <button class=\"ef-head\" type=\"button\" data-ef-toggle=\"4\">\r\n        <div class=\"ef-head-left\">\r\n          <div class=\"ef-step-num\">4<\/div>\r\n          <div class=\"ef-head-title\">\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644<\/div>\r\n        <\/div>\r\n        <div class=\"ef-chevron\"><\/div>\r\n      <\/button>\r\n      <div class=\"ef-body\">\r\n        <div class=\"ef-grid-2\">\r\n          <div class=\"ef-field\">\r\n            <label>\u0627\u0644\u0627\u0633\u0645<\/label>\r\n            <input id=\"efName\" type=\"text\" placeholder=\"\u0627\u0644\u0627\u0633\u0645 \u0628\u0627\u0644\u0643\u0627\u0645\u0644\" \/>\r\n          <\/div>\r\n          <div class=\"ef-field\">\r\n            <label>\u0627\u0644\u062a\u0644\u064a\u0641\u0648\u0646<\/label>\r\n            <input id=\"efPhone\" type=\"tel\" placeholder=\"01xxxxxxxxx\" \/>\r\n          <\/div>\r\n          <div class=\"ef-field\">\r\n            <label>\u0648\u0627\u062a\u0633\u0627\u0628<\/label>\r\n            <input id=\"efWhatsapp\" type=\"tel\" placeholder=\"\u0631\u0642\u0645 \u0648\u0627\u062a\u0633\u0627\u0628\" \/>\r\n          <\/div>\r\n          <div class=\"ef-field\">\r\n            <label>\u0627\u0644\u0625\u064a\u0645\u064a\u0644<\/label>\r\n            <input id=\"efEmail\" type=\"email\" placeholder=\"name@example.com\" \/>\r\n          <\/div>\r\n          <div class=\"ef-field\" style=\"grid-column:1\/-1\">\r\n            <label>\u0645\u0648\u0642\u0639 \u0627\u0644\u0648\u062d\u062f\u0629<\/label>\r\n            <textarea id=\"efLocation\" placeholder=\"\u0627\u0644\u0645\u062f\u064a\u0646\u0629 - \u0627\u0644\u062d\u064a - \u0627\u0644\u0643\u0645\u0628\u0648\u0646\u062f\"><\/textarea>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"ef-submit-wrap\">\r\n    <button class=\"ef-submit\" id=\"efSubmitBtn\" type=\"button\">\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0637\u0644\u0628<\/button>\r\n  <\/div>\r\n\r\n  <div class=\"ef-success-modal\" id=\"efSuccessModal\">\r\n    <div class=\"ef-success-card-2\">\r\n      <div class=\"ef-success-icon-2\">\u2713<\/div>\r\n      <h3 class=\"ef-success-title-2\">\u062a\u0645 \u0628\u0646\u062c\u0627\u062d! \ud83c\udf89<\/h3>\r\n      <p class=\"ef-success-text-2\">\r\n        \u0634\u0643\u0631\u0627\u064b\u060c \u062a\u0645 \u0625\u062a\u0645\u0627\u0645 \u0637\u0644\u0628\u0643 \u0628\u0646\u062c\u0627\u062d. \u0633\u0648\u0641 \u064a\u062a\u0645 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u062e\u0644\u0627\u0644 24 \u0633\u0627\u0639\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628 \u0623\u0648 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a.\r\n      <\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      const root = document.getElementById('estimationFormOnly');\r\n      if (!root || root.dataset.initialized === 'yes') return;\r\n      root.dataset.initialized = 'yes';\r\n\r\n      const DRAFT_KEY = 'ef_draft_v1';\r\n      const SUBMISSIONS_KEY = 'ef_submissions_v1';\r\n      const RECEIVER_EMAIL = 'info@buildingdesign-eg.com';\r\n      const AJAX_URL = 'https:\/\/buildingdesign-eg.com\/wp-admin\/admin-ajax.php';\r\n\r\n      const roomOptions = ['\u0645\u0627\u0633\u062a\u0631', '\u0623\u0637\u0641\u0627\u0644 1', '\u0623\u0637\u0641\u0627\u0644 2', 'Living 1', 'Living 2', '\u063a\u0631\u0641\u0629 \u0623\u062e\u0631\u0649'];\r\n      const ceilingOptions = ['\u062c\u0628\u0633 \u0625\u0645\u0628\u0648\u0631\u062f \u0641\u0644\u0627\u062a', '\u062c\u0628\u0633 \u0625\u0645\u0628\u0648\u0631\u062f \u0628\u064a\u062a \u0646\u0648\u0631', '\u0643\u0631\u0627\u0646\u064a\u0634'];\r\n      const flooringOptions = ['\u0631\u062e\u0627\u0645', '\u0633\u064a\u0631\u0627\u0645\u064a\u0643', '\u0628\u0648\u0631\u0633\u0627\u0644\u064a\u0646', 'HDF'];\r\n      const wetFlooringOptions = ['\u0631\u062e\u0627\u0645', '\u0633\u064a\u0631\u0627\u0645\u064a\u0643', '\u0628\u0648\u0631\u0633\u0627\u0644\u064a\u0646'];\r\n      const floorLabels = ['\u0628\u064a\u0632\u0645\u0646\u062a \/ \u0623\u0631\u0636\u064a', '\u062f\u0648\u0631 \u0623\u0648\u0644', '\u062f\u0648\u0631 \u062b\u0627\u0646\u064a', '\u062f\u0648\u0631 \u062b\u0627\u0644\u062b', '\u0627\u0644\u0631\u0648\u0641'];\r\n\r\n      const unitCards = [\r\n        { id: 'apartment', title: '\u0634\u0642\u0629', image: 'https:\/\/buildingdesign-eg.com\/wp-content\/uploads\/2026\/04\/unit-apartment-CpyhCFU4-1.jpg' },\r\n        { id: 'studio', title: '\u0627\u0633\u062a\u0648\u062f\u064a\u0648', image: 'https:\/\/buildingdesign-eg.com\/wp-content\/uploads\/2026\/04\/unit-studio-VVIeOQkh-1.jpg' },\r\n        { id: 'villa', title: '\u0641\u064a\u0644\u0627', image: 'https:\/\/buildingdesign-eg.com\/wp-content\/uploads\/2026\/04\/unit-villa-_gfvnpVI-1.jpg' },\r\n        { id: 'duplex', title: '\u062f\u0648\u0628\u0644\u064a\u0643\u0633', image: 'https:\/\/buildingdesign-eg.com\/wp-content\/uploads\/2026\/04\/unit-duplex-BoHHohle-1.jpg' }\r\n      ];\r\n\r\n      const unitLabel = {\r\n        apartment: '\u0634\u0642\u0629',\r\n        studio: '\u0627\u0633\u062a\u0648\u062f\u064a\u0648',\r\n        villa: '\u0641\u064a\u0644\u0627',\r\n        duplex: '\u062f\u0648\u0628\u0644\u064a\u0643\u0633'\r\n      };\r\n\r\n      function makeRoom(){\r\n        return { name: '', area: '', ceiling: '', flooring: '', floor: '' };\r\n      }\r\n\r\n      function defaultState(){\r\n        return {\r\n          unitType: '',\r\n          unitArea: '',\r\n          floorType: '',\r\n          finishLevel: '',\r\n          plasterType: '',\r\n          villaFloors: 1,\r\n          villaGarden: '',\r\n          roomCount: 1,\r\n          assignByFloor: 'no',\r\n          rooms: [makeRoom()],\r\n          bathroomCount: '1',\r\n          bathroomArea: '',\r\n          bathroomFlooring: '',\r\n          bathroomMixer: '',\r\n          bathroomBase: '',\r\n          kitchenArea: '',\r\n          kitchenCeiling: '',\r\n          kitchenFlooring: '',\r\n          receptionArea: '',\r\n          receptionCeiling: '',\r\n          receptionFlooring: '',\r\n          acType: '',\r\n          centralHeating: '',\r\n          doors: '',\r\n          windows: '',\r\n          shutter: '',\r\n          decor: '',\r\n          furnish: '',\r\n          name: '',\r\n          phone: '',\r\n          whatsapp: '',\r\n          email: '',\r\n          location: ''\r\n        };\r\n      }\r\n\r\n      function readJson(key, fallback){\r\n        try {\r\n          const raw = localStorage.getItem(key);\r\n          return raw ? JSON.parse(raw) : fallback;\r\n        } catch {\r\n          return fallback;\r\n        }\r\n      }\r\n\r\n      let state = readJson(DRAFT_KEY, defaultState());\r\n      let submissions = readJson(SUBMISSIONS_KEY, []);\r\n\r\n      const refs = {\r\n        progressFill: root.querySelector('#efProgressFill'),\r\n        unitGrid: root.querySelector('#efUnitGrid'),\r\n        selectedUnitText: root.querySelector('#efSelectedUnitText'),\r\n        floorTypeWrap: root.querySelector('#efFloorTypeWrap'),\r\n        plasterWrap: root.querySelector('#efPlasterWrap'),\r\n        villaFloorsWrap: root.querySelector('#efVillaFloorsWrap'),\r\n        villaGardenWrap: root.querySelector('#efVillaGardenWrap'),\r\n        floorsTagsWrap: root.querySelector('#efFloorsTagsWrap'),\r\n        floorTags: root.querySelector('#efFloorTags'),\r\n        assignByFloorWrap: root.querySelector('#efAssignByFloorWrap'),\r\n        roomList: root.querySelector('#efRoomList'),\r\n        errorBox: root.querySelector('#efErrorBox'),\r\n        errorList: root.querySelector('#efErrorList'),\r\n        successModal: root.querySelector('#efSuccessModal')\r\n      };\r\n\r\n      const inputs = {\r\n        unitArea: root.querySelector('#efUnitArea'),\r\n        floorType: root.querySelector('#efFloorType'),\r\n        finishLevel: root.querySelector('#efFinishLevel'),\r\n        plasterType: root.querySelector('#efPlasterType'),\r\n        villaFloors: root.querySelector('#efVillaFloors'),\r\n        roomCount: root.querySelector('#efRoomCount'),\r\n        bathroomCount: root.querySelector('#efBathroomCount'),\r\n        bathroomArea: root.querySelector('#efBathroomArea'),\r\n        bathroomFlooring: root.querySelector('#efBathroomFlooring'),\r\n        bathroomMixer: root.querySelector('#efBathroomMixer'),\r\n        bathroomBase: root.querySelector('#efBathroomBase'),\r\n        kitchenArea: root.querySelector('#efKitchenArea'),\r\n        kitchenCeiling: root.querySelector('#efKitchenCeiling'),\r\n        kitchenFlooring: root.querySelector('#efKitchenFlooring'),\r\n        receptionArea: root.querySelector('#efReceptionArea'),\r\n        receptionCeiling: root.querySelector('#efReceptionCeiling'),\r\n        receptionFlooring: root.querySelector('#efReceptionFlooring'),\r\n        acType: root.querySelector('#efAcType'),\r\n        doors: root.querySelector('#efDoors'),\r\n        windows: root.querySelector('#efWindows'),\r\n        decor: root.querySelector('#efDecor'),\r\n        name: root.querySelector('#efName'),\r\n        phone: root.querySelector('#efPhone'),\r\n        whatsapp: root.querySelector('#efWhatsapp'),\r\n        email: root.querySelector('#efEmail'),\r\n        location: root.querySelector('#efLocation')\r\n      };\r\n\r\n      function saveDraft(){\r\n        localStorage.setItem(DRAFT_KEY, JSON.stringify(state));\r\n      }\r\n\r\n      function fillSelect(select, options, value){\r\n        select.innerHTML = '<option value=\"\">\u0627\u062e\u062a\u0631...<\/option>' + options.map(opt => `<option value=\"${opt}\">${opt}<\/option>`).join('');\r\n        select.value = value || '';\r\n      }\r\n\r\n      function setSegmentActive(container, value){\r\n        [...container.querySelectorAll('button')].forEach(btn => {\r\n          btn.classList.toggle('active', btn.dataset.value === value);\r\n        });\r\n      }\r\n\r\n      function updateProgress(){\r\n        const checks = [\r\n          state.unitType,\r\n          state.unitArea,\r\n          state.finishLevel,\r\n          String(state.roomCount || ''),\r\n          state.bathroomCount,\r\n          state.name,\r\n          state.phone,\r\n          state.location\r\n        ];\r\n        const ratio = checks.filter(Boolean).length \/ checks.length;\r\n        refs.progressFill.style.width = Math.round(ratio * 100) + '%';\r\n      }\r\n\r\n      function buildUnitCards(){\r\n        refs.unitGrid.innerHTML = unitCards.map(card => `\r\n          <button type=\"button\" class=\"ef-unit-card ${state.unitType === card.id ? 'active' : ''}\" data-unit=\"${card.id}\">\r\n            <span class=\"ef-check\">\u2713<\/span>\r\n            <img decoding=\"async\" class=\"ef-unit-image\" src=\"${card.image}\" alt=\"${card.title}\" \/>\r\n            <div class=\"ef-unit-name\">${card.title}<\/div>\r\n          <\/button>\r\n        `).join('');\r\n\r\n        refs.unitGrid.querySelectorAll('.ef-unit-card').forEach(card => {\r\n          card.addEventListener('click', () => {\r\n            state.unitType = card.dataset.unit;\r\n            saveDraft();\r\n            render();\r\n          });\r\n        });\r\n      }\r\n\r\n      function renderFloorTags(){\r\n        refs.floorTags.innerHTML = floorLabels.slice(0, Number(state.villaFloors)).map(x => `<span>${x}<\/span>`).join('');\r\n      }\r\n\r\n      function buildRooms(){\r\n        while (state.rooms.length < state.roomCount) state.rooms.push(makeRoom());\r\n        state.rooms = state.rooms.slice(0, state.roomCount);\r\n\r\n        refs.roomList.innerHTML = state.rooms.map((room, index) => `\r\n          <div class=\"ef-room-card\">\r\n            <div class=\"ef-room-head\">\r\n              <div class=\"ef-room-index\">${index + 1}<\/div>\r\n              <div class=\"ef-room-title\">\u0627\u0644\u063a\u0631\u0641\u0629 ${index + 1}<\/div>\r\n            <\/div>\r\n            <div class=\"ef-grid-2\">\r\n              <div class=\"ef-field\">\r\n                <label>\u0646\u0648\u0639 \u0627\u0644\u063a\u0631\u0641\u0629<\/label>\r\n                <select data-room=\"${index}\" data-key=\"name\" class=\"ef-room-input ef-room-name\"><\/select>\r\n              <\/div>\r\n              <div class=\"ef-field\">\r\n                <label>\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u063a\u0631\u0641\u0629 (\u0645\u00b2)<\/label>\r\n                <input data-room=\"${index}\" data-key=\"area\" class=\"ef-room-input\" type=\"number\" placeholder=\"\u0645\u062b\u0627\u0644: 24\" value=\"${room.area || ''}\" \/>\r\n              <\/div>\r\n              ${state.unitType === 'villa' && state.assignByFloor === 'yes' ? `\r\n                <div class=\"ef-field\">\r\n                  <label>\u0627\u0644\u062f\u0648\u0631<\/label>\r\n                  <select data-room=\"${index}\" data-key=\"floor\" class=\"ef-room-input ef-room-floor\"><\/select>\r\n                <\/div>\r\n              ` : ''}\r\n              <div class=\"ef-field\">\r\n                <label>\u0646\u0648\u0639 \u0627\u0644\u0633\u0642\u0641<\/label>\r\n                <select data-room=\"${index}\" data-key=\"ceiling\" class=\"ef-room-input ef-room-ceiling\"><\/select>\r\n              <\/div>\r\n              <div class=\"ef-field\" style=\"${state.unitType === 'villa' && state.assignByFloor === 'yes' ? '' : 'grid-column:1\/-1'}\">\r\n                <label>\u0646\u0648\u0639 \u0627\u0644\u0623\u0631\u0636\u064a\u0627\u062a<\/label>\r\n                <select data-room=\"${index}\" data-key=\"flooring\" class=\"ef-room-input ef-room-flooring\"><\/select>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        `).join('');\r\n\r\n        refs.roomList.querySelectorAll('.ef-room-card').forEach((card, index) => {\r\n          fillSelect(card.querySelector('.ef-room-name'), roomOptions, state.rooms[index].name);\r\n          fillSelect(card.querySelector('.ef-room-ceiling'), ceilingOptions, state.rooms[index].ceiling);\r\n          fillSelect(card.querySelector('.ef-room-flooring'), flooringOptions, state.rooms[index].flooring);\r\n          const floorSelect = card.querySelector('.ef-room-floor');\r\n          if (floorSelect) fillSelect(floorSelect, floorLabels.slice(0, Number(state.villaFloors)), state.rooms[index].floor || '');\r\n        });\r\n\r\n        refs.roomList.querySelectorAll('.ef-room-input').forEach(el => {\r\n          el.addEventListener('input', roomInputHandler);\r\n          el.addEventListener('change', roomInputHandler);\r\n        });\r\n      }\r\n\r\n      function roomInputHandler(e){\r\n        const idx = Number(e.target.dataset.room);\r\n        const key = e.target.dataset.key;\r\n        state.rooms[idx][key] = e.target.value;\r\n        saveDraft();\r\n        updateProgress();\r\n      }\r\n\r\n      function renderVisibility(){\r\n        const isVilla = state.unitType === 'villa';\r\n        const isApartmentOrDuplex = state.unitType === 'apartment' || state.unitType === 'duplex';\r\n\r\n        refs.selectedUnitText.textContent = state.unitType ? unitLabel[state.unitType] : '\u0644\u0645 \u064a\u062a\u0645 \u0627\u0644\u0627\u062e\u062a\u064a\u0627\u0631 \u0628\u0639\u062f';\r\n        refs.floorTypeWrap.classList.toggle('ef-hidden', !isApartmentOrDuplex);\r\n        refs.plasterWrap.classList.toggle('ef-hidden', state.finishLevel !== '\u0637\u0648\u0628');\r\n        refs.villaFloorsWrap.classList.toggle('ef-hidden', !isVilla);\r\n        refs.villaGardenWrap.classList.toggle('ef-hidden', !isVilla);\r\n        refs.floorsTagsWrap.classList.toggle('ef-hidden', !isVilla);\r\n        refs.assignByFloorWrap.classList.toggle('ef-hidden', !isVilla);\r\n      }\r\n\r\n      function render(){\r\n        buildUnitCards();\r\n\r\n        inputs.unitArea.value = state.unitArea || '';\r\n        inputs.floorType.value = state.floorType || '';\r\n        inputs.finishLevel.value = state.finishLevel || '';\r\n        inputs.plasterType.value = state.plasterType || '';\r\n        inputs.villaFloors.value = String(state.villaFloors || 1);\r\n        inputs.roomCount.value = String(state.roomCount || 1);\r\n        inputs.bathroomCount.value = state.bathroomCount || '1';\r\n        inputs.bathroomArea.value = state.bathroomArea || '';\r\n        inputs.kitchenArea.value = state.kitchenArea || '';\r\n        inputs.receptionArea.value = state.receptionArea || '';\r\n        inputs.name.value = state.name || '';\r\n        inputs.phone.value = state.phone || '';\r\n        inputs.whatsapp.value = state.whatsapp || '';\r\n        inputs.email.value = state.email || '';\r\n        inputs.location.value = state.location || '';\r\n\r\n        fillSelect(inputs.bathroomFlooring, wetFlooringOptions, state.bathroomFlooring);\r\n        fillSelect(inputs.bathroomMixer, ['\u062f\u0641\u0646 \u0633\u0645\u0627\u0631\u062a', '\u062e\u0627\u0631\u062c\u064a\u0629 \u0639\u0627\u062f\u064a\u0629'], state.bathroomMixer);\r\n        fillSelect(inputs.bathroomBase, ['\u0642\u0648\u0627\u0639\u062f \u062f\u0641\u0646', '\u0642\u0648\u0627\u0639\u062f \u062e\u0627\u0631\u062c\u064a\u0629 \u0639\u0627\u062f\u064a\u0629'], state.bathroomBase);\r\n        fillSelect(inputs.kitchenCeiling, ceilingOptions, state.kitchenCeiling);\r\n        fillSelect(inputs.kitchenFlooring, wetFlooringOptions, state.kitchenFlooring);\r\n        fillSelect(inputs.receptionCeiling, ceilingOptions, state.receptionCeiling);\r\n        fillSelect(inputs.receptionFlooring, wetFlooringOptions, state.receptionFlooring);\r\n        fillSelect(inputs.acType, ['\u0644\u0627 \u064a\u0648\u062c\u062f', '\u0643\u0648\u0646\u0633\u064a\u0644\u062f', '\u0633\u0628\u0644\u064a\u062a'], state.acType);\r\n        fillSelect(inputs.doors, ['\u062c\u0627\u0647\u0632\u0629', '\u0639\u0645\u0648\u0644\u0629'], state.doors);\r\n        fillSelect(inputs.windows, ['\u0623\u0644\u0648\u0645\u064a\u062a\u0627\u0644', 'UPVC'], state.windows);\r\n        fillSelect(inputs.decor, ['\u0637\u0628\u064a\u0639\u064a\u0629', '\u0628\u062f\u0627\u0626\u0644 \u0635\u0646\u0627\u0639\u064a\u0629'], state.decor);\r\n\r\n        setSegmentActive(root.querySelector('#efVillaGardenSegment'), state.villaGarden);\r\n        setSegmentActive(root.querySelector('#efAssignByFloorSegment'), state.assignByFloor);\r\n        setSegmentActive(root.querySelector('#efCentralHeatingSegment'), state.centralHeating);\r\n        setSegmentActive(root.querySelector('#efShutterSegment'), state.shutter);\r\n        setSegmentActive(root.querySelector('#efFurnishSegment'), state.furnish);\r\n\r\n        renderVisibility();\r\n        renderFloorTags();\r\n        buildRooms();\r\n        updateProgress();\r\n      }\r\n\r\n      function validate(){\r\n        const errs = [];\r\n        if (!state.unitType) errs.push('\u064a\u0631\u062c\u0649 \u0627\u062e\u062a\u064a\u0627\u0631 \u0646\u0648\u0639 \u0627\u0644\u0648\u062d\u062f\u0629.');\r\n        if (!state.unitArea || Number(state.unitArea) <= 0) errs.push('\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0645\u0633\u0627\u062d\u0629 \u0635\u062d\u064a\u062d\u0629 \u0644\u0644\u0648\u062d\u062f\u0629.');\r\n        if (!state.finishLevel) errs.push('\u064a\u0631\u062c\u0649 \u0627\u062e\u062a\u064a\u0627\u0631 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u062a\u0634\u0637\u064a\u0628.');\r\n        if (state.finishLevel === '\u0637\u0648\u0628' && !state.plasterType) errs.push('\u064a\u0631\u062c\u0649 \u0627\u062e\u062a\u064a\u0627\u0631 \u0628\u0646\u062f \u0627\u0644\u0645\u062d\u0627\u0631\u0629.');\r\n        if (!state.name.trim()) errs.push('\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u0627\u0633\u0645.');\r\n        if (!state.phone.trim()) errs.push('\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641.');\r\n        if (!state.location.trim()) errs.push('\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0645\u0648\u0642\u0639 \u0627\u0644\u0648\u062d\u062f\u0629.');\r\n        if (state.email && !\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(state.email)) errs.push('\u0635\u064a\u063a\u0629 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u063a\u064a\u0631 \u0635\u062d\u064a\u062d\u0629.');\r\n        return errs;\r\n      }\r\n\r\n      function showErrors(errs){\r\n        if (!errs.length) {\r\n          refs.errorBox.classList.remove('show');\r\n          refs.errorList.innerHTML = '';\r\n          return;\r\n        }\r\n        refs.errorBox.classList.add('show');\r\n        refs.errorList.innerHTML = errs.map(e => `<div class=\"ef-error-item\">\u2715 ${e}<\/div>`).join('');\r\n      }\r\n\r\n      function submitForm(){\r\n        const errs = validate();\r\n        showErrors(errs);\r\n\r\n        if (errs.length) {\r\n          root.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n          return;\r\n        }\r\n\r\n        const payload = {\r\n          receiverEmail: RECEIVER_EMAIL,\r\n          formData: JSON.parse(JSON.stringify(state))\r\n        };\r\n\r\n        const fd = new FormData();\r\n        fd.append('action', 'buildingdesign_send_estimation');\r\n        fd.append('payload', JSON.stringify(payload));\r\n\r\n        fetch(AJAX_URL, {\r\n          method: 'POST',\r\n          body: fd\r\n        })\r\n        .then(res => res.json())\r\n        .then(res => {\r\n          if (!res || !res.success) {\r\n            alert('\u062d\u062f\u062b \u062e\u0637\u0623 \u0623\u062b\u0646\u0627\u0621 \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0637\u0644\u0628\u060c \u064a\u0631\u062c\u0649 \u0627\u0644\u0645\u062d\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062e\u0631\u0649.');\r\n            return;\r\n          }\r\n\r\n          const record = {\r\n            id: crypto.randomUUID ? crypto.randomUUID() : String(Date.now()),\r\n            submittedAt: new Date().toISOString(),\r\n            receiverEmail: RECEIVER_EMAIL,\r\n            data: JSON.parse(JSON.stringify(state))\r\n          };\r\n\r\n          submissions = [record, ...submissions];\r\n          localStorage.setItem(SUBMISSIONS_KEY, JSON.stringify(submissions));\r\n          localStorage.removeItem(DRAFT_KEY);\r\n\r\n          refs.successModal.classList.add('show');\r\n\r\n          setTimeout(() => {\r\n            refs.successModal.classList.remove('show');\r\n            resetForm();\r\n          }, 3000);\r\n        })\r\n        .catch(() => {\r\n          alert('\u062a\u0639\u0630\u0631 \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0637\u0644\u0628 \u062d\u0627\u0644\u064a\u0627\u064b\u060c \u064a\u0631\u062c\u0649 \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0645\u0648\u0642\u0639 \u062b\u0645 \u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u0645\u062d\u0627\u0648\u0644\u0629.');\r\n        });\r\n      }\r\n\r\n      function resetForm(){\r\n        state = defaultState();\r\n        localStorage.removeItem(DRAFT_KEY);\r\n        refs.successModal.classList.remove('show');\r\n        showErrors([]);\r\n        render();\r\n      }\r\n\r\n      root.querySelectorAll('[data-ef-toggle]').forEach(btn => {\r\n        btn.addEventListener('click', () => {\r\n          const section = root.querySelector(`.ef-section[data-ef-section=\"${btn.dataset.efToggle}\"]`);\r\n          section.classList.toggle('open');\r\n        });\r\n      });\r\n\r\n      function bindSegment(containerId, stateKey){\r\n        const container = root.querySelector(containerId);\r\n        container.querySelectorAll('button').forEach(btn => {\r\n          btn.addEventListener('click', () => {\r\n            state[stateKey] = btn.dataset.value;\r\n            saveDraft();\r\n            render();\r\n          });\r\n        });\r\n      }\r\n\r\n      Object.entries(inputs).forEach(([key, el]) => {\r\n        const eventName = el.tagName === 'SELECT' ? 'change' : 'input';\r\n        el.addEventListener(eventName, () => {\r\n          state[key] = el.value;\r\n          if (key === 'finishLevel' && state.finishLevel !== '\u0637\u0648\u0628') state.plasterType = '';\r\n          if (key === 'villaFloors') state.villaFloors = Number(el.value || 1);\r\n          if (key === 'roomCount') state.roomCount = Number(el.value || 1);\r\n          saveDraft();\r\n          render();\r\n        });\r\n      });\r\n\r\n      bindSegment('#efVillaGardenSegment', 'villaGarden');\r\n      bindSegment('#efAssignByFloorSegment', 'assignByFloor');\r\n      bindSegment('#efCentralHeatingSegment', 'centralHeating');\r\n      bindSegment('#efShutterSegment', 'shutter');\r\n      bindSegment('#efFurnishSegment', 'furnish');\r\n\r\n      root.querySelector('#efSubmitBtn').addEventListener('click', submitForm);\r\n\r\n      render();\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0627\u062e\u062a\u0627\u0631 \u0645\u0642\u0627\u064a\u0633\u062a\u0643 \u0628\u0625\u064a\u062f\u064a\u0643 \u2728 \u062c\u0627\u0648\u0628 \u0639\u0644\u0649 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u062a\u0627\u0644\u064a\u0629 \u0648\u0633\u0646\u0631\u0627\u062c\u0639 \u0637\u0644\u0628\u0643 \u0648\u0646\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u062e\u0644\u0627\u0644 24 \u0633\u0627\u0639\u0629 \u064a\u0631\u062c\u0649 \u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0646\u0642\u0627\u0637 \u0627\u0644\u062a\u0627\u0644\u064a\u0629 \u0642\u0628\u0644 \u0627\u0644\u0625\u0631\u0633\u0627\u0644 1 \u0646\u0648\u0639 \u0627\u0644\u0648\u062d\u062f\u0629 2 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0648\u062d\u062f\u0629 \u0646\u0648\u0639 \u0627\u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u0645\u062e\u062a\u0627\u0631 \u0644\u0645 \u064a\u062a\u0645 \u0627\u0644\u0627\u062e\u062a\u064a\u0627\u0631 \u0628\u0639\u062f \u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0648\u062d\u062f\u0629 (\u0645\u00b2) \u0646\u0648\u0639 \u0627\u0644\u062f\u0648\u0631 \u0627\u062e\u062a\u0631&#8230;\u0623\u0631\u0636\u064a\u0645\u062a\u0643\u0631\u0631 \u0646\u0648\u0639 \u0627\u0644\u062d\u0627\u0644\u0629 \/ \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u062a\u0634\u0637\u064a\u0628 \u0627\u062e\u062a\u0631&#8230;\u0637\u0648\u0628\u0646\u0635\u0641 \u062a\u0634\u0637\u064a\u0628\u0625\u0639\u0627\u062f\u0629 \u062a\u0634\u0637\u064a\u0628 \u0628\u0646\u062f \u0627\u0644\u0645\u062d\u0627\u0631\u0629 \u0627\u062e\u062a\u0631&#8230;\u0645\u062d\u0627\u0631\u0629 \u0639\u0627\u062f\u064a\u0629\u062a\u0623\u0643\u064a\u0633 \u0648\u062a\u0631\u0628\u064a\u0639 \u0639\u062f\u062f \u0623\u062f\u0648\u0627\u0631 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/buildingdesign-eg.com\/en\/wp-json\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buildingdesign-eg.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/buildingdesign-eg.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/buildingdesign-eg.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buildingdesign-eg.com\/en\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":0,"href":"https:\/\/buildingdesign-eg.com\/en\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"wp:attachment":[{"href":"https:\/\/buildingdesign-eg.com\/en\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}