{"id":21097,"date":"2026-06-26T05:34:05","date_gmt":"2026-06-26T03:34:05","guid":{"rendered":"https:\/\/iveinclinic.com\/assessment\/"},"modified":"2026-07-02T06:21:09","modified_gmt":"2026-07-02T04:21:09","slug":"assessment","status":"publish","type":"page","link":"https:\/\/iveinclinic.com\/ar\/assessment\/","title":{"rendered":"\u062a\u0642\u064a\u064a\u0645 \u062f\u0648\u0627\u0644\u064a \u0627\u0644\u0633\u0627\u0642\u064a\u0646"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"21097\" class=\"elementor elementor-21097 elementor-21089\">\n\t\t\t\t<div class=\"wd-negative-gap elementor-element elementor-element-65241ec e-flex e-con-boxed e-con e-parent\" data-id=\"65241ec\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ee8e67 elementor-widget elementor-widget-html\" data-id=\"6ee8e67\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <style>\n    :root{\n      --navy:#0a2342;--blue-deep:#1a4a7a;--blue-mid:#2d6fa5;--blue-light:#4a9fd4;\n      --blue-mist:#eef6fc;--white:#fff;--gray-100:#f8fafc;--gray-200:#eef2f7;\n      --gray-400:#94a3b8;--gray-600:#64748b;--gray-800:#334155;\n      --success:#1a7a5e;--success-bg:#e8f5f0;--warning:#b45309;--warning-bg:#fff8ed;\n      --danger:#9b2335;--danger-bg:#fdf1f3;\n      --radius-sm:10px;--radius-md:16px;--radius-xl:32px;\n      --shadow-md:0 8px 32px rgba(10,35,66,.10);--shadow-lg:0 20px 60px rgba(10,35,66,.13);\n      --transition:0.35s cubic-bezier(.4,0,.2,1);\n    }\n    .ivein-shell *, .ivein-shell *::before, .ivein-shell *::after { box-sizing:border-box; margin:0; padding:0; }\n    .ivein-shell { font-family: 'cairo'; color:var(--navy); direction:rtl; text-align:right; padding:32px 16px 80px; position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; }\n\t.ivein-shell h2 { font-family: 'cairo';}\n    .ivein-shell .card{width:100%;max-width:700px;background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;}\n    .ivein-shell .card-header{background:linear-gradient(135deg,var(--navy) 0%,var(--blue-deep) 60%,var(--blue-mid) 100%);padding:30px 40px 26px;position:relative;overflow:hidden;}\n    .ivein-shell .card-header::after{content:'';position:absolute;bottom:-40px;left:-40px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.04);}\n    .ivein-shell .step-label{font-size:11px;font-weight:600;letter-spacing:.12em;color:rgba(255,255,255,.5);margin-bottom:7px;}\n    .ivein-shell .card-title{font-size:20px;font-weight:700;color:var(--white);line-height:1.45;margin-bottom:5px;position:relative;z-index:1;}\n    .ivein-shell .card-desc{font-size:13px;color:rgba(255,255,255,.72);line-height:1.7;position:relative;z-index:1;}\n    .ivein-shell .prog-wrap{display:flex;gap:5px;margin-top:18px;position:relative;z-index:1;}\n    .ivein-shell .prog-seg{flex:1;height:3px;background:rgba(255,255,255,.18);border-radius:2px;transition:background var(--transition);}\n    .ivein-shell .prog-seg.done{background:rgba(255,255,255,.85);}.ivein-shell .prog-seg.active{background:rgba(255,255,255,.5);}\n    .ivein-shell .card-body{padding:26px 38px 30px;}\n    .ivein-shell .cat-label{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:100px;font-size:11px;font-weight:700;letter-spacing:.05em;margin-bottom:14px;}\n    .ivein-shell .cat-label.medical{background:#e8f0ff;color:#1a4a7a;}\n    .ivein-shell .cat-label.appearance{background:#e8f5f0;color:#1a7a5e;}\n    .ivein-shell .cat-label.symptoms{background:#fff8ed;color:#b45309;}\n    .ivein-shell .cat-label.history{background:#fdf1f3;color:#9b2335;}\n    .ivein-shell .question-list{display:flex;flex-direction:column;gap:9px;}\n    .ivein-shell .q-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;background:var(--gray-100);border-radius:var(--radius-md);border:1.5px solid transparent;transition:all var(--transition);}\n    .ivein-shell .q-row.answered-yes{background:var(--blue-mist);border-color:var(--blue-light);}\n    .ivein-shell .q-row.answered-no{background:var(--gray-100);border-color:var(--gray-200);}\n    .ivein-shell .q-row.answered-na{background:#f5f5f5;border-color:#ccc;}\n    .ivein-shell .q-text{font-size:13.5px;font-weight:500;color:var(--gray-800);line-height:1.6;flex:1;}\n    .ivein-shell .yn-group{display:flex;gap:6px;flex-shrink:0;}\n    .ivein-shell .yn-btn{width:60px;height:32px;border-radius:var(--radius-sm);border:1.5px solid var(--gray-200);background:var(--white);font-size:13px;font-weight:600;cursor:pointer;color:var(--gray-600);display:flex;align-items:center;justify-content:center;transition:all .2s;}\n    .ivein-shell .yn-btn:hover{border-color:var(--blue-light);color:var(--blue-mid);}\n    .ivein-shell .yn-btn.yes.selected{background:var(--blue-mid);border-color:var(--blue-mid);color:white;}\n    .ivein-shell .yn-btn.no.selected{background:var(--gray-200);border-color:var(--gray-400);color:var(--gray-800);}\n    .ivein-shell .yn-btn.na.selected{background:#888;border-color:#666;color:white;}\n    .ivein-shell .photo-question-block{background:var(--gray-100);border-radius:var(--radius-md);border:1.5px solid var(--gray-200);padding:16px;margin-bottom:12px;}\n    .ivein-shell .photo-question-block.answered-yes{background:var(--blue-mist);border-color:var(--blue-light);}\n    .ivein-shell .photo-block-title{font-size:13.5px;font-weight:600;color:var(--gray-800);margin-bottom:10px;line-height:1.55;}\n    .ivein-shell .photo-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;}\n    .ivein-shell .photo-card{border-radius:12px;border:2px solid var(--gray-200);overflow:hidden;cursor:pointer;transition:all .2s;background:var(--white);}\n    .ivein-shell .photo-card.selected{border-color:var(--blue-mid);box-shadow:0 0 0 3px rgba(45,111,165,.15);}\n    .ivein-shell .photo-card img{width:100%;height:115px;object-fit:cover;display:block;}\n    .ivein-shell .photo-lbl{font-size:11px;font-weight:500;color:var(--gray-600);padding:6px 8px;text-align:center;line-height:1.4;}\n    .ivein-shell .nav-row{display:flex;justify-content:space-between;align-items:center;margin-top:22px;}\n    .ivein-shell .btn-primary{padding:12px 28px;background:var(--blue-deep);color:white;border:none;border-radius:var(--radius-md);font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .22s;box-shadow:0 4px 16px rgba(26,74,122,.25);}\n    .ivein-shell .btn-primary:hover{background:var(--navy);transform:translateY(-1px);}\n    .ivein-shell .btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none;}\n    .ivein-shell .btn-ghost{padding:11px 16px;background:transparent;color:var(--gray-600);border:1.5px solid var(--gray-200);border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:7px;transition:all .22s;}\n    .ivein-shell .start-intro{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;}\n    .ivein-shell .start-title{font-size:21px;font-weight:700;color:var(--navy);line-height:1.4;}\n    .ivein-shell .start-sub{font-size:13.5px;color:var(--gray-600);line-height:1.75;max-width:420px;}\n    .ivein-shell .start-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;}\n    .ivein-shell .badge{padding:5px 12px;background:var(--blue-mist);border-radius:100px;font-size:12px;font-weight:500;color:var(--blue-deep);display:flex;align-items:center;gap:5px;}\n    .ivein-shell .start-steps{display:flex;flex-direction:column;gap:8px;width:100%;max-width:380px;text-align:right;}\n    .ivein-shell .start-step{display:flex;align-items:flex-start;gap:10px;padding:11px 13px;background:var(--blue-mist);border-radius:var(--radius-sm);}\n    .ivein-shell .snum{width:22px;height:22px;border-radius:50%;background:var(--blue-mid);color:white;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}\n    .ivein-shell .stxt{font-size:13px;color:var(--blue-deep);line-height:1.65;}\n    .ivein-shell .start-btn{padding:13px 42px;background:var(--blue-deep);color:white;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:700;cursor:pointer;transition:all .22s;box-shadow:0 6px 24px rgba(26,74,122,.28);display:flex;align-items:center;gap:9px;}\n    .ivein-shell .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;}\n    .ivein-shell .form-group{display:flex;flex-direction:column;gap:5px;}\n    .ivein-shell .form-group.full{grid-column:1\/-1;}\n    .ivein-shell .form-label{font-size:11px;font-weight:700;color:var(--blue-deep);}\n    .ivein-shell .form-input{padding:10px 13px;border:1.5px solid var(--gray-200);border-radius:var(--radius-md);font-size:14px;background:var(--gray-100);outline:none;width:100%;}\n    .ivein-shell .gender-group{display:flex;gap:8px;}\n    .ivein-shell .gender-opt{flex:1;padding:10px 8px;border:1.5px solid var(--gray-200);border-radius:var(--radius-md);background:var(--gray-100);font-size:14px;font-weight:600;color:var(--gray-600);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;}\n    .ivein-shell .gender-opt.selected{background:var(--blue-mist);border-color:var(--blue-mid);color:var(--blue-deep);}\n    \n    \/* REPORT STYLES *\/\n    .ivein-shell .report-hero{padding:28px 38px 22px;color:white;border-radius:var(--radius-xl) var(--radius-xl) 0 0;}\n    .ivein-shell .result-badge{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;border-radius:100px;background:rgba(255,255,255,.15);font-size:12px;font-weight:600;margin-bottom:10px;border:1px solid rgba(255,255,255,.2);}\n    .ivein-shell .rh-low{background:linear-gradient(135deg,#1a4a2e 0%,#1a7a5e 100%);}\n    .ivein-shell .rh-moderate{background:linear-gradient(135deg,#7a4200 0%,#b45309 100%);}\n    .ivein-shell .rh-high{background:linear-gradient(135deg,#6b1020 0%,#9b2335 100%);}\n    .ivein-shell .report-body{padding:28px 38px 34px;}\n    .ivein-shell .rs{margin-bottom:24px;}\n    .ivein-shell .rs-title{font-size:11px;font-weight:700;color:var(--gray-400);text-transform:uppercase;display:flex;align-items:center;gap:7px;margin-bottom:12px;}\n    .ivein-shell .rs-title::after{content:'';flex:1;height:1px;background:var(--gray-200);}\n    .ivein-shell .risk-meter-wrap{display:flex;align-items:center;gap:14px;margin-bottom:10px;}\n    .ivein-shell .risk-meter{display:flex;flex:1;gap:4px;}\n    .ivein-shell .rm-seg{flex:1;height:9px;border-radius:5px;background:var(--gray-200);}\n    .ivein-shell .rm-seg.fill-low{background:#1a7a5e;}.ivein-shell .rm-seg.fill-mod{background:#b45309;}.ivein-shell .rm-seg.fill-high{background:#9b2335;}\n    .ivein-shell .risk-label{font-size:16px;font-weight:700;}\n    .ivein-shell .risk-low{color:#1a7a5e;}.ivein-shell .risk-moderate{color:#b45309;}.ivein-shell .risk-high{color:#9b2335;}\n    .ivein-shell .ceap-row{display:flex;align-items:center;gap:10px;margin:8px 0;}\n    .ivein-shell .ceap-badge{padding:3px 12px;border-radius:100px;font-size:12.5px;font-weight:700;border:2px solid;}\n    .ivein-shell .ceap-C0, .ivein-shell .ceap-C1 {background:#e8f5f0;color:#1a7a5e;border-color:#1a7a5e;}\n    .ivein-shell .ceap-C2, .ivein-shell .ceap-C3 {background:#fff8ed;color:#b45309;border-color:#b45309;}\n    .ivein-shell .ceap-C4, .ivein-shell .ceap-C5, .ivein-shell .ceap-C6 {background:#fdf1f3;color:#9b2335;border-color:#9b2335;}\n    .ivein-shell .interp-box{background:var(--gray-100);border-radius:var(--radius-md);padding:16px 18px;}\n    .ivein-shell .score-breakdown{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:12px;}\n    .ivein-shell .sb-item{background:var(--white);border-radius:var(--radius-sm);padding:10px 12px;text-align:center;}\n    .ivein-shell .sb-lbl{font-size:10.5px;font-weight:600;color:var(--gray-400);margin-bottom:3px;}\n    .ivein-shell .sb-val{font-size:18px;font-weight:700;color:var(--navy);}\n    .ivein-shell .info-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}\n    .ivein-shell .info-item{background:var(--gray-100);border-radius:var(--radius-sm);padding:9px 13px;}\n    .ivein-shell .info-lbl{font-size:10px;font-weight:600;color:var(--gray-400);margin-bottom:2px;}\n    .ivein-shell .info-val{font-size:13.5px;font-weight:600;color:var(--gray-800);}\n    .ivein-shell .flag-list{display:flex;flex-direction:column;gap:7px;}\n    .ivein-shell .flag-item{display:flex;align-items:flex-start;gap:9px;padding:11px 14px;border-radius:var(--radius-sm);font-size:13px;line-height:1.6;}\n    .ivein-shell .flag-item.red{background:var(--danger-bg);color:var(--danger);}\n    .ivein-shell .flag-item.amber{background:var(--warning-bg);color:var(--warning);}\n    .ivein-shell .flag-item.green{background:var(--success-bg);color:var(--success);}\n    .ivein-shell .step-plan{display:flex;flex-direction:column;gap:8px;}\n    .ivein-shell .sp-item{display:flex;align-items:flex-start;gap:12px;padding:12px 15px;background:var(--blue-mist);border-radius:var(--radius-sm);border-right:3px solid var(--blue-light);}\n    .ivein-shell .sp-num{width:24px;height:24px;border-radius:50%;background:var(--blue-mid);color:white;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}\n    .ivein-shell .sp-txt{font-size:13px;color:var(--blue-deep);line-height:1.65;}\n    .ivein-shell .cta-btn{width:100%;padding:15px;border:none;border-radius:var(--radius-md);font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 6px 24px rgba(0,0,0,.15);transition: all 0.2s;}\n    .ivein-shell .cta-btn.moderate{background:var(--warning);color:white;}.ivein-shell .cta-btn.moderate:hover{background:#9a4500;}\n    .ivein-shell .cta-btn.high{background:var(--danger);color:white;}.ivein-shell .cta-btn.high:hover{background:#7a1a2a;}\n    .ivein-shell .pr-btn{padding:8px 16px;border-radius:var(--radius-sm);border:1.5px solid var(--gray-200);background:var(--white);font-size:13px;font-weight:600;cursor:pointer;color:var(--gray-600);transition:all .2s;}\n    .ivein-shell .pr-btn.selected{background:var(--blue-mid);border-color:var(--blue-mid);color:white;}\n    .ivein-shell .step{display:none;}\n    .ivein-shell .step.active{display:block;}\n    .ivein-shell .restart-link{display:block;text-align:center;margin-top:14px;font-size:13px;color:var(--gray-400);cursor:pointer;text-decoration:underline;}\n    \n    \/* PRINT MEDIA PREPARATION *\/\n    @media print {\n      body * { visibility: hidden; }\n      .ivein-shell, #report-output, #report-output * { visibility: visible; }\n      .ivein-shell { position: absolute; left: 0; top: 0; width: 100%; padding: 0; background: white; }\n      .card { box-shadow: none !important; border: none !important; }\n      .cta-btn, .restart-link { display: none !important; }\n    }\n    \n    @media(max-width:640px){\n      .ivein-shell .card-header{padding:22px 20px 18px;}.ivein-shell .card-body{padding:20px 20px 24px;}\n      .ivein-shell .nav-row{flex-direction:column-reverse;gap:10px;}\n      .ivein-shell .btn-ghost,.ivein-shell .btn-primary{width:100%;justify-content:center;}\n    }\n\n\/* ==========================================================================\n   \u0627\u0644\u062a\u0639\u062f\u064a\u0644 \u0627\u0644\u0646\u0647\u0627\u0626\u064a \u0627\u0644\u062d\u0627\u0633\u0645: \u0625\u062e\u0641\u0627\u0621 \u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0635\u0641\u062d\u0629 (Page Title) \u0648\u062a\u0635\u0641\u064a\u0631 \u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0639\u0644\u0648\u064a\u0629\n   ========================================================================== *\/\n@media print {\n  \/* 1. \u0625\u0644\u063a\u0627\u0621 \u0647\u0648\u0627\u0645\u0634 \u0627\u0644\u0645\u062a\u0635\u0641\u062d \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0629 \u062a\u0645\u0627\u0645\u0627\u064b \u0648\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u0642\u0627\u0633 A4 *\/\n  @page {\n    size: A4;\n    margin: 0mm !important;\n  }\n\n  \/* 2. \u062a\u0635\u0641\u064a\u0631 \u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a \u0627\u0644\u0623\u0628\u0648\u064a\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u0644\u062a\u0628\u062f\u0623 \u0645\u0646 \u0627\u0644\u0646\u0642\u0637\u0629 \u0635\u0641\u0631 *\/\n  html, body, #page, #content, .site-content, .entry-content, .container {\n    background: #ffffff !important;\n    padding: 0 !important;\n    margin: 0 !important;\n    top: 0 !important;\n  }\n\n  \/* 3. \u0625\u062e\u0641\u0627\u0621 \u0645\u0646\u0637\u0642\u0629 \u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0635\u0641\u062d\u0629 (Page Title) \u0628\u062c\u0645\u064a\u0639 \u0643\u0644\u0627\u0633\u0627\u062a \u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u0629 *\/\n  .page-title-section, \n  .entry-header, \n  .wd-page-title, \n  .title-bar, \n  .post-title, \n  h1.entry-title, \n  h1.page-title, \n  .breadcrumb, \n  .breadcrumbs {\n    display: none !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    height: 0 !important;\n    overflow: hidden !important;\n    visibility: hidden !important;\n  }\n\n  \/* 4. \u0625\u062e\u0641\u0627\u0621 \u0628\u0627\u0642\u064a \u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u062b\u064a\u0645 \u0648\u0627\u0644\u0623\u0632\u0631\u0627\u0631 *\/\n  header, footer, .header, .site-header, .site-footer, .progress-container, \n  .step-card:not(#step-5), .nav-buttons, button, #btn-submit, .btn-print {\n    display: none !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    height: 0 !important;\n    visibility: hidden !important;\n  }\n\n  \/* 5. \u0633\u062d\u0628 \u062e\u0637\u0648\u0629 \u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0640 #step-5 \u0644\u062a\u0644\u062a\u0635\u0642 \u0628\u0623\u0639\u0644\u0649 \u0627\u0644\u0634\u0627\u0634\u0629 \u0645\u0626\u0629 \u0628\u0627\u0644\u0645\u0626\u0629 *\/\n  #step-5 {\n    display: block !important;\n    visibility: visible !important;\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    right: 0 !important;\n    margin: 0 !important;\n    padding: 15mm 15mm !important; \/* \u0645\u0633\u0627\u0641\u0629 \u0623\u0645\u0627\u0646 \u0628\u064a\u0636\u0627\u0621 \u0635\u063a\u064a\u0631\u0629 \u0645\u0646 \u062f\u0627\u062e\u0644 \u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0641\u0642\u0637 \u0644\u062d\u0648\u0627\u0641 \u0627\u0644\u0648\u0631\u0642\u0629 *\/\n    box-sizing: border-box !important;\n    width: 100% !important;\n  }\n\n  \/* 6. \u062c\u0639\u0644 \u0643\u0627\u0631\u062a \u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u064a\u0645\u0644\u0623 \u0627\u0644\u0635\u0641\u062d\u0629 \u062f\u0648\u0646 \u0642\u064a\u0648\u062f \u0627\u0644\u0645\u0638\u0647\u0631 \u0627\u0644\u0645\u062e\u0635\u0635 \u0644\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631 *\/\n  .report-card {\n    width: 100% !important;\n    max-width: 100% !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    box-shadow: none !important;\n    border: none !important;\n    background: #ffffff !important;\n  }\n\n  \/* 7. \u0627\u0644\u062d\u0641\u0627\u0638 \u0627\u0644\u062a\u0627\u0645 \u0639\u0644\u0649 \u0623\u0644\u0648\u0627\u0646 \u0627\u0644\u062e\u0644\u0641\u064a\u0627\u062a \u0648\u0627\u0644\u0645\u0631\u0628\u0639\u0627\u062a \u0639\u0646\u062f \u0627\u0644\u062d\u0641\u0638 PDF *\/\n  * {\n    -webkit-print-color-adjust: exact !important;\n    print-color-adjust: exact !important;\n  }\n}\n\n    <\/style>\n\n    <div class=\"ivein-shell\">\n        <div class=\"card\" id=\"mainCard\">\n\n        <div class=\"step active\" id=\"step0\">\n          <div class=\"card-header\">\n            <div class=\"step-label\">\u0645\u0631\u062d\u0628\u0627\u064b \u0628\u0643<\/div>\n            <div class=\"card-title\">\u062a\u0642\u064a\u064a\u0645 \u062f\u0648\u0627\u0644\u064a \u0627\u0644\u0633\u0627\u0642\u064a\u0646<\/div>\n          <\/div>\n          <div class=\"card-body\">\n            <div class=\"start-intro\">\n              <div class=\"start-title\">\u0643\u064a\u0641 \u064a\u0639\u0645\u0644 \u0627\u0644\u062a\u0642\u064a\u064a\u0645\u061f<\/div>\n              <div class=\"start-sub\">\u0633\u062a\u062c\u064a\u0628 \u0639\u0644\u0649 \u0623\u0633\u0626\u0644\u0629 \u062d\u0648\u0644 \u062a\u0627\u0631\u064a\u062e\u0643 \u0627\u0644\u0635\u062d\u064a \u0648\u0645\u0627 \u062a\u0631\u0627\u0647 \u0648\u0645\u0627 \u062a\u0634\u0639\u0631 \u0628\u0647\u060c \u062b\u0645 \u062a\u064f\u062f\u062e\u0644 \u0628\u064a\u0627\u0646\u0627\u062a\u0643 \u0641\u064a \u0627\u0644\u0622\u062e\u0631 \u0644\u0627\u0633\u062a\u0644\u0627\u0641 \u062a\u0642\u0631\u064a\u0631\u0643 \u0627\u0644\u0637\u0628\u064a \u0627\u0644\u0645\u0641\u0635\u0644.<\/div>\n              <div class=\"start-badges\">\n                <span class=\"badge\">\u062f\u0642\u064a\u0642\u062a\u0627\u0646 \u0641\u0642\u0637<\/span>\n                <span class=\"badge\">\u0633\u0631\u064a \u0648\u0622\u0645\u0646<\/span>\n                <span class=\"badge\">\u062a\u0642\u0631\u064a\u0631 \u0645\u0641\u0635\u0651\u0644<\/span>\n              <\/div>\n              <div class=\"start-badges\" style=\"margin-top: 5px;\">\n                <span class=\"badge\" style=\"background:#e8f5f0; color:#1a7a5e;\">\u062a\u0635\u062f\u064a\u0631 \u0622\u0645\u0646 \u0644\u0644\u0645\u0644\u0641 \u0627\u0644\u0637\u0628\u064a \u0644\u0644\u0640 Sheet<\/span>\n              <\/div>\n              <div class=\"start-steps\">\n                <div class=\"start-step\"><div class=\"snum\">\u0661<\/div><div class=\"stxt\">\u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0645\u0631\u0636\u064a \u0648\u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u062e\u0637\u0631<\/div><\/div>\n                <div class=\"start-step\"><div class=\"snum\">\u0662<\/div><div class=\"stxt\">\u0634\u0643\u0644 \u0627\u0644\u062f\u0648\u0627\u0644\u064a \u2014 \u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u0627\u0644\u0635\u0648\u0631 \u0627\u0644\u062d\u0642\u064a\u0642\u064a\u0629<\/div><\/div>\n                <div class=\"start-step\"><div class=\"snum\">\u0663<\/div><div class=\"stxt\">\u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0648\u0627\u0644\u0645\u0636\u0627\u0639\u0641\u0627\u062a \u0648\u0627\u0644\u062a\u062f\u062e\u0644\u0627\u062a \u0627\u0644\u0633\u0627\u0628\u0642\u0629<\/div><\/div>\n                <div class=\"start-step\"><div class=\"snum\">\u0664<\/div><div class=\"stxt\">\u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u062b\u0645 \u0627\u0633\u062a\u0644\u0627\u0645 \u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0637\u0628\u064a<\/div><\/div>\n              <\/div>\n              <button class=\"start-btn\" onclick=\"goToStep(1)\">\u0627\u0628\u062f\u0623 \u0627\u0644\u062a\u0642\u064a\u064a\u0645<\/button>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"step\" id=\"step1\">\n          <div class=\"card-header\">\n            <div class=\"step-label\">\u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0623\u0648\u0644 \u0645\u0646 \u0663<\/div>\n            <div class=\"card-title\">\u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0645\u0631\u0636\u064a \u0648\u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u062e\u0637\u0631<\/div>\n            <div class=\"card-desc\">\u0665 \u0623\u0633\u0626\u0644\u0629 \u062d\u0648\u0644 \u062a\u0627\u0631\u064a\u062e\u0643 \u0627\u0644\u0635\u062d\u064a \u0648\u0627\u0644\u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u0645\u0624\u062b\u0631\u0629<\/div>\n            <div class=\"prog-wrap\">\n              <div class=\"prog-seg done\"><\/div><div class=\"prog-seg active\"><\/div>\n              <div class=\"prog-seg\"><\/div><div class=\"prog-seg\"><\/div>\n            <\/div>\n          <\/div>\n          <div class=\"card-body\">\n            <div class=\"cat-label medical\">\u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0645\u0631\u0636\u064a<\/div>\n            <div class=\"question-list\" id=\"medicalQList\"><\/div>\n            <div class=\"nav-row\">\n              <button class=\"btn-primary\" id=\"btn-p1\" onclick=\"goToStep(2)\" disabled>\u0627\u0644\u062a\u0627\u0644\u064a<\/button>\n              <button class=\"btn-ghost\" onclick=\"goToStep(0)\">\u0631\u062c\u0648\u0639<\/button>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"step\" id=\"step2\">\n          <div class=\"card-header\">\n            <div class=\"step-label\">\u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u062b\u0627\u0646\u064a \u0645\u0646 \u0663<\/div>\n            <div class=\"card-title\">\u0634\u0643\u0644 \u0627\u0644\u062f\u0648\u0627\u0644\u064a \u2014 \u0645\u0627 \u062a\u0631\u0627\u0647 \u0628\u0639\u064a\u0646\u064a\u0643<\/div>\n            <div class=\"card-desc\">\u0642\u0627\u0631\u0646 \u0645\u0627 \u062a\u0631\u0627\u0647 \u0641\u064a \u0633\u0627\u0642\u064a\u0643 \u0628\u0627\u0644\u0635\u0648\u0631 \u0627\u0644\u062d\u0642\u064a\u0642\u064a\u0629 \u0623\u062f\u0646\u0627\u0647<\/div>\n            <div class=\"prog-wrap\">\n              <div class=\"prog-seg done\"><\/div><div class=\"prog-seg done\"><\/div>\n              <div class=\"prog-seg active\"><\/div><div class=\"prog-seg\"><\/div>\n            <\/div>\n          <\/div>\n          <div class=\"card-body\">\n            <div class=\"cat-label appearance\">\u0634\u0643\u0644 \u0627\u0644\u062f\u0648\u0627\u0644\u064a<\/div>\n\n          <!-- Q1: Spider veins \u2014 images 2 & 5 (spider_a + spider_b) -->\n        <div class=\"photo-question-block\" id=\"pblock-spider\">\n          <div class=\"photo-block-title\">\u0647\u0644 \u062a\u0644\u0627\u062d\u0638 \u0634\u0639\u064a\u0631\u0627\u062a \u062f\u0645\u0648\u064a\u0629 \u062f\u0642\u064a\u0642\u0629 (\u062e\u064a\u0648\u0637 \u062d\u0645\u0631\u0627\u0621 \u0623\u0648 \u0623\u0631\u062c\u0648\u0627\u0646\u064a\u0629) \u0623\u0648 \u0634\u0628\u0643\u0629 \u0639\u0646\u0643\u0628\u0648\u062a\u064a\u0629 \u0641\u064a \u0633\u0627\u0642\u0643\u061f<\/div>\n          <div class=\"photo-hint\">\n          \n            \u0627\u0636\u063a\u0637 \u0639\u0644\u0649 \u0627\u0644\u0635\u0648\u0631\u0629 \u0625\u0630\u0627 \u0631\u0623\u064a\u062a \u0634\u064a\u0626\u0627\u064b \u0645\u0634\u0627\u0628\u0647\u0627\u064b \u0641\u064a \u0633\u0627\u0642\u0643\u060c \u062b\u0645 \u0627\u062e\u062a\u0631 \u0646\u0639\u0645 \u0623\u0648 \u0644\u0627\n          <\/div>\n          <div class=\"photo-grid-2\">\n            <div class=\"photo-card\" id=\"sp1\" onclick=\"selectPhoto('spider','sp1')\">\n              <img decoding=\"async\" src=\"https:\/\/iveinclinic.com\/media\/\u0634\u0639\u064a\u0631\u0627\u062a-\u062f\u0642\u064a\u0642\u0647-\u0645\u0646\u062a\u0634\u0631\u0647.webp\" alt=\"\u0634\u0639\u064a\u0631\u0627\u062a \u062f\u0645\u0648\u064a\u0629\">\n              <div class=\"photo-lbl\">\u0634\u0639\u064a\u0631\u0627\u062a \u062f\u0642\u064a\u0642\u0629 \u0645\u0646\u062a\u0634\u0631\u0629<\/div>\n            <\/div>\n            <div class=\"photo-card\" id=\"sp2\" onclick=\"selectPhoto('spider','sp2')\">\n              <img decoding=\"async\" src=\"https:\/\/iveinclinic.com\/media\/\u0634\u0628\u0643\u0647-\u0639\u0646\u0643\u0628\u0648\u062a\u064a\u0647-\u062d\u0645\u0631\u0627\u0621.webp\" alt=\"\u0634\u0628\u0643\u0629 \u0639\u0646\u0643\u0628\u0648\u062a\u064a\u0629\">\n              <div class=\"photo-lbl\">\u0634\u0628\u0643\u0629 \u0639\u0646\u0643\u0628\u0648\u062a\u064a\u0629 \u062d\u0645\u0631\u0627\u0621<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"photo-yn-row\">\n            <span class=\"q-text\" style=\"font-size:13px;\">\u0647\u0644 \u062a\u0644\u0627\u062d\u0638 \u0634\u0639\u064a\u0631\u0627\u062a \u062f\u0645\u0648\u064a\u0629 \u062f\u0642\u064a\u0642\u0629 \u0623\u0648 \u0634\u0628\u0643\u0629 \u0639\u0646\u0643\u0628\u0648\u062a\u064a\u0629\u061f<\/span>\n            <div class=\"yn-group\">\n              <button class=\"yn-btn yes\" id=\"spider-yes\" onclick=\"ansPhoto('spider_veins',true)\">\u0646\u0639\u0645<\/button>\n              <button class=\"yn-btn no\"  id=\"spider-no\"  onclick=\"ansPhoto('spider_veins',false)\">\u0644\u0627<\/button>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Q2: Blue\/green raised veins \u2014 image 4 (blue_vein) -->\n        <div class=\"photo-question-block\" id=\"pblock-blue\">\n          <div class=\"photo-block-title\">\u0647\u0644 \u062a\u0644\u0627\u062d\u0638 \u0639\u0631\u0648\u0642\u0627\u064b \u0632\u0631\u0642\u0627\u0621 \u0623\u0648 \u062e\u0636\u0631\u0627\u0621 \u0628\u0627\u0631\u0632\u0629 \u062a\u062d\u062a \u0627\u0644\u062c\u0644\u062f \u0648\u062a\u0628\u062f\u0648 \u0648\u0627\u0636\u062d\u0629 \u0639\u0646\u062f \u0627\u0644\u0646\u0638\u0631\u061f<\/div>\n          <div class=\"photo-hint\">\n         \n            \u0627\u0636\u063a\u0637 \u0639\u0644\u0649 \u0627\u0644\u0635\u0648\u0631\u0629 \u0625\u0630\u0627 \u0631\u0623\u064a\u062a \u0634\u064a\u0626\u0627\u064b \u0645\u0634\u0627\u0628\u0647\u0627\u064b\u060c \u062b\u0645 \u0627\u062e\u062a\u0631 \u0646\u0639\u0645 \u0623\u0648 \u0644\u0627\n          <\/div>\n          <div class=\"photo-grid\" style=\"max-width:260px;\">\n            <div class=\"photo-card\" id=\"bv1\" onclick=\"selectPhoto('blue','bv1')\">\n              <img decoding=\"async\" src=\"https:\/\/iveinclinic.com\/media\/\u0639\u0631\u0648\u0642-\u0632\u0631\u0642\u0627\u0621-\u0638\u0627\u0647\u0631\u0647.webp\" alt=\"\u0639\u0631\u0648\u0642 \u0632\u0631\u0642\u0627\u0621 \u0628\u0627\u0631\u0632\u0629\">\n              <div class=\"photo-lbl\">\u0639\u0631\u0648\u0642 \u0632\u0631\u0642\u0627\u0621 \u0638\u0627\u0647\u0631\u0629<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"photo-yn-row\">\n            <span class=\"q-text\" style=\"font-size:13px;\">\u0647\u0644 \u062a\u0644\u0627\u062d\u0638 \u0639\u0631\u0648\u0642\u0627\u064b \u0632\u0631\u0642\u0627\u0621 \u0623\u0648 \u062e\u0636\u0631\u0627\u0621 \u0628\u0627\u0631\u0632\u0629 \u0648\u0627\u0636\u062d\u0629\u061f<\/span>\n            <div class=\"yn-group\">\n              <button class=\"yn-btn yes\" id=\"blue-yes\" onclick=\"ansPhoto('blue_veins',true)\">\u0646\u0639\u0645<\/button>\n              <button class=\"yn-btn no\"  id=\"blue-no\"  onclick=\"ansPhoto('blue_veins',false)\">\u0644\u0627<\/button>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Q3: Bulging colorless\/skin-colored veins \u2014 images 1 & 3 -->\n        <div class=\"photo-question-block\" id=\"pblock-bulge\">\n          <div class=\"photo-block-title\">\u0647\u0644 \u062a\u0644\u0627\u062d\u0638 \u0623\u0648\u0631\u062f\u0629 \u0645\u0646\u062a\u0641\u062e\u0629 \u0623\u0648 \u0628\u0627\u0631\u0632\u0629 \u0628\u0644\u0648\u0646 \u0627\u0644\u062c\u0644\u062f \u0623\u0648 \u0645\u0627\u0626\u0644\u0629 \u0644\u0644\u0623\u0632\u0631\u0642 \u0648\u062a\u0628\u062f\u0648 \u0645\u062a\u0639\u0631\u062c\u0629\u061f<\/div>\n          <div class=\"photo-hint\">\n            \n            \u0627\u0636\u063a\u0637 \u0639\u0644\u0649 \u0627\u0644\u0635\u0648\u0631\u0629 \u0625\u0630\u0627 \u0631\u0623\u064a\u062a \u0634\u064a\u0626\u0627\u064b \u0645\u0634\u0627\u0628\u0647\u0627\u064b\u060c \u062b\u0645 \u0627\u062e\u062a\u0631 \u0646\u0639\u0645 \u0623\u0648 \u0644\u0627\n          <\/div>\n          <div class=\"photo-grid-2\">\n            <div class=\"photo-card\" id=\"bu1\" onclick=\"selectPhoto('bulge','bu1')\">\n              <img decoding=\"async\" src=\"https:\/\/iveinclinic.com\/media\/\u0627\u0648\u0631\u062f\u0647-\u0628\u0627\u0631\u0632\u0647-\u0643\u0644\u0627-\u0627\u0644\u0633\u0627\u0642\u064a\u0646.webp\" alt=\"\u062f\u0648\u0627\u0644\u064a \u0628\u0627\u0631\u0632\u0629 - \u0643\u0644\u0627 \u0627\u0644\u0633\u0627\u0642\u064a\u0646\">\n              <div class=\"photo-lbl\">\u0623\u0648\u0631\u062f\u0629 \u0628\u0627\u0631\u0632\u0629 \u2014 \u0643\u0644\u0627 \u0627\u0644\u0633\u0627\u0642\u064a\u0646<\/div>\n            <\/div>\n            <div class=\"photo-card\" id=\"bu2\" onclick=\"selectPhoto('bulge','bu2')\">\n              <img decoding=\"async\" src=\"https:\/\/iveinclinic.com\/media\/\u0627\u0648\u0631\u062f\u0647-\u0628\u0627\u0631\u0632\u0647-\u0633\u0627\u0642-\u0648\u0627\u062d\u062f\u0647.webp\" alt=\"\u062f\u0648\u0627\u0644\u064a \u0628\u0627\u0631\u0632\u0629 - \u0633\u0627\u0642 \u0648\u0627\u062d\u062f\u0629\">\n              <div class=\"photo-lbl\">\u0623\u0648\u0631\u062f\u0629 \u0628\u0627\u0631\u0632\u0629 \u2014 \u0633\u0627\u0642 \u0648\u0627\u062d\u062f\u0629<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"photo-yn-row\">\n            <span class=\"q-text\" style=\"font-size:13px;\">\u0647\u0644 \u062a\u0644\u0627\u062d\u0638 \u0623\u0648\u0631\u062f\u0629 \u0645\u0646\u062a\u0641\u062e\u0629 \u0623\u0648 \u0645\u062a\u0639\u0631\u062c\u0629 \u0628\u0627\u0631\u0632\u0629\u061f<\/span>\n            <div class=\"yn-group\">\n              <button class=\"yn-btn yes\" id=\"bulge-yes\" onclick=\"ansPhoto('varicose_veins',true)\">\u0646\u0639\u0645<\/button>\n              <button class=\"yn-btn no\"  id=\"bulge-no\"  onclick=\"ansPhoto('varicose_veins',false)\">\u0644\u0627<\/button>\n            <\/div>\n          <\/div>\n        <\/div>\n\n            <div class=\"question-list\" id=\"appearanceQList\"><\/div>\n\n            <div class=\"nav-row\">\n              <button class=\"btn-primary\" id=\"btn-p2\" onclick=\"goToStep(3)\" disabled>\u0627\u0644\u062a\u0627\u0644\u064a<\/button>\n              <button class=\"btn-ghost\" onclick=\"goToStep(1)\">\u0631\u062c\u0648\u0639<\/button>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"step\" id=\"step3\">\n          <div class=\"card-header\">\n            <div class=\"step-label\">\u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u062b\u0627\u0644\u062b \u0645\u0646 \u0663<\/div>\n            <div class=\"card-title\">\u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0648\u0627\u0644\u0645\u0636\u0627\u0639\u0641\u0627\u062a \u0648\u0627\u0644\u062a\u062f\u062e\u0644\u0627\u062a<\/div>\n            <div class=\"card-desc\">\u0645\u0627 \u062a\u0634\u0639\u0631 \u0628\u0647 \u0641\u064a \u0633\u0627\u0642\u064a\u0643 \u0648\u062a\u0623\u062b\u064a\u0631\u0647 \u0639\u0644\u0649 \u062c\u0648\u062f\u0629 \u062d\u064a\u0627\u062a\u0643<\/div>\n            <div class=\"prog-wrap\">\n              <div class=\"prog-seg done\"><\/div><div class=\"prog-seg done\"><\/div>\n              <div class=\"prog-seg done\"><\/div><div class=\"prog-seg active\"><\/div>\n            <\/div>\n          <\/div>\n          <div class=\"card-body\">\n            <div class=\"cat-label symptoms\">\u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0648\u0627\u0644\u062a\u0623\u062b\u064a\u0631\u0627\u062a<\/div>\n            <div class=\"question-list\" id=\"symptomsQList\"><\/div>\n\n            <div class=\"photo-yn-row\" id=\"row-painRelief\" style=\"margin-top:12px; display:none; flex-direction:column; align-items:flex-start; gap:10px;\">\n              <span class=\"q-text\" style=\"font-size:13px; font-weight:600;\">\u0643\u064a\u0641 \u062a\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0623\u0644\u0645 \u0627\u0644\u0633\u0627\u0642\u064a\u0646 \u062d\u0627\u0644\u064a\u0627\u064b\u061f<\/span>\n              <div style=\"display:flex; gap:6px; flex-wrap:wrap;\">\n                <button class=\"pr-btn\" id=\"prb-pr1\" onclick=\"ansPainRelief('pr1')\">\u0645\u0633\u0643\u0646\u0627\u062a \u0627\u0644\u0623\u0644\u0645 \u0627\u0644\u0645\u0639\u062a\u0627\u062f\u0629<\/button>\n                <button class=\"pr-btn\" id=\"prb-pr2\" onclick=\"ansPainRelief('pr2')\">\u0631\u0641\u0639 \u0627\u0644\u0633\u0627\u0642\u064a\u0646 \u0623\u0648 \u0627\u0644\u0631\u0627\u062d\u0629<\/button>\n                <button class=\"pr-btn\" id=\"prb-pr3\" onclick=\"ansPainRelief('pr3')\">\u0644\u0627 \u0623\u0633\u062a\u062e\u062f\u0645 \u0634\u064a\u0626\u0627\u064b \u0645\u062d\u062f\u062f\u064b\u0627<\/button>\n              <\/div>\n            <\/div>\n\n            <div class=\"divider\"><\/div>\n            <div class=\"cat-label history\">\u0627\u0644\u062a\u062f\u062e\u0644\u0627\u062a \u0627\u0644\u0633\u0627\u0628\u0642\u0629<\/div>\n            <div class=\"question-list\" id=\"historyQList\"><\/div>\n\n            <div class=\"nav-row\">\n              <button class=\"btn-primary\" id=\"btn-p3\" onclick=\"goToStep(4)\" disabled>\u0625\u062f\u062e\u0644 \u0628\u064a\u0627\u0646\u0627\u062a\u064a<\/button>\n              <button class=\"btn-ghost\" onclick=\"goToStep(2)\">\u0631\u062c\u0648\u0639<\/button>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"step\" id=\"step4\">\n          <div class=\"card-header\">\n            <div class=\"step-label\">\u0627\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u0623\u062e\u064a\u0631\u0629<\/div>\n            <div class=\"card-title\">\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0644\u0627\u0633\u062a\u0644\u0627\u0645 \u0627\u0644\u062a\u0642\u0631\u064a\u0631<\/div>\n            <div class=\"card-desc\">\u0627\u0644\u0631\u062c\u0627\u0621 \u0625\u062f\u062e\u0627\u0644 \u0628\u064a\u0627\u0646\u0627\u062a\u0643 \u0628\u0634\u0643\u0644 \u0635\u062d\u064a\u062d \u0644\u0625\u0646\u0634\u0627\u0621 \u0648\u062d\u0641\u0638 \u062a\u0642\u0631\u064a\u0631\u0643 \u0627\u0644\u0637\u0628\u064a<\/div>\n            <div class=\"prog-wrap\">\n              <div class=\"prog-seg done\"><\/div><div class=\"prog-seg done\"><\/div>\n              <div class=\"prog-seg done\"><\/div><div class=\"prog-seg done\"><\/div>\n            <\/div>\n          <\/div>\n          <div class=\"card-body\">\n            <div class=\"form-grid\">\n              <div class=\"form-group full\">\n                <label class=\"form-label\">\u0627\u0644\u0627\u0633\u0645 \u0628\u0627\u0644\u0643\u0627\u0645\u0644<\/label>\n                <input type=\"text\" class=\"form-input\" id=\"inp-name\" placeholder=\"\u0645\u062b\u0627\u0644: \u0623\u062d\u0645\u062f \u0645\u062d\u0645\u062f\">\n              <\/div>\n              <div class=\"form-group\">\n                <label class=\"form-label\">\u0627\u0644\u062c\u0646\u0633<\/label>\n                <div class=\"gender-group\">\n                  <button class=\"gender-opt\" id=\"gender-male\" onclick=\"selectGender('male')\">\u0630\u0643\u0631<\/button>\n                  <button class=\"gender-opt\" id=\"gender-female\" onclick=\"selectGender('female')\">\u0623\u0646\u062b\u0649<\/button>\n                <\/div>\n              <\/div>\n              <div class=\"form-group\">\n                <label class=\"form-label\">\u0627\u0644\u0639\u0645\u0631<\/label>\n                <input type=\"number\" class=\"form-input\" id=\"inp-age\" placeholder=\"\u0645\u062b\u0627\u0644: 35\">\n              <\/div>\n              <div class=\"form-group full\">\n                <label class=\"form-label\">\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641 (\u0648\u0627\u062a\u0633\u0627\u0628)<\/label>\n                <input type=\"tel\" class=\"form-input\" id=\"inp-phone\" placeholder=\"\u0645\u062b\u0627\u0644: 0500000000\">\n              <\/div>\n              <div class=\"form-group full\">\n                <label class=\"form-label\">\u0637\u0628\u064a\u0639\u0629 \u0627\u0644\u0639\u0645\u0644 \/ \u0627\u0644\u0645\u0647\u0646\u0629<\/label>\n                <input type=\"text\" class=\"form-input\" id=\"inp-job\" placeholder=\"\u0645\u062b\u0627\u0644: \u0645\u0647\u0646\u062f\u0633\u060c \u0645\u0639\u0644\u0645\u060c \u0645\u0648\u0638\u0641 \u0645\u0643\u062a\u0628\u064a\">\n              <\/div>\n            <\/div>\n\n            <div class=\"nav-row\" style=\"margin-top:26px;\">\n              <button class=\"btn-primary\" id=\"btn-submit\" onclick=\"submitAssessment()\">\u0639\u0631\u0636 \u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0637\u0628\u064a \u0627\u0644\u0622\u0646<\/button>\n              <button class=\"btn-ghost\" onclick=\"goToStep(3)\">\u0631\u062c\u0648\u0639<\/button>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"step\" id=\"step5\">\n          <div id=\"report-output\"><\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <script>\n    'use strict';\n    let patient = {name:'',gender:'',age:'',phone:'',job:''};\n    let answers = {};\n    let _result = null;\n    let painReliefAnswer = undefined;\n    const photoAns = {spider_veins:undefined, blue_veins:undefined, varicose_veins:undefined};\n\n    \/* QUESTIONS DATA *\/\n    const medicalQs = [\n      {id:'m1',key:'family_history', text:'\u0647\u0644 \u064a\u0648\u062c\u062f \u062a\u0627\u0631\u064a\u062e \u0639\u0627\u0626\u0644\u064a \u0644\u0644\u0625\u0635\u0627\u0628\u0629 \u0628\u062f\u0648\u0627\u0644\u064a \u0627\u0644\u0633\u0627\u0642\u064a\u0646 (\u0623\u0628\u060c \u0623\u0645\u060c \u0625\u062e\u0648\u0629)\u061f', na:false},\n      {id:'m2',key:'prolonged_standing', text:'\u0647\u0644 \u064a\u062a\u0637\u0644\u0628 \u0639\u0645\u0644\u0643 \u0627\u0644\u0648\u0642\u0648\u0641 \u0623\u0648 \u0627\u0644\u062c\u0644\u0648\u0633 \u0644\u0641\u062a\u0631\u0627\u062a \u0637\u0648\u064a\u0644\u0629 (\u0623\u0643\u062b\u0631 \u0645\u0646 \u0664 \u0633\u0627\u0639\u0627\u062a \u0645\u062a\u0648\u0627\u0635\u0644\u0629)\u061f', na:false},\n      {id:'m3',key:'pregnancy', text:'\u0647\u0644 \u0645\u0631\u0631\u062a\u0650 \u0628\u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u062d\u0645\u0644 \u0633\u0627\u0628\u0642\u0627\u064b\u061f', na:true, naLabel:'\u0644\u0627 \u064a\u0646\u0637\u0628\u0642'},\n      {id:'m4',key:'obesity', text:'\u0647\u0644 \u062a\u0639\u0627\u0646\u064a \u0623\u0648 \u0633\u0628\u0642 \u0623\u0646 \u0639\u0627\u0646\u064a\u062a \u0645\u0646 \u0632\u064a\u0627\u062f\u0629 \u0645\u0644\u062d\u0648\u0638\u0629 \u0641\u064a \u0627\u0644\u0648\u0632\u0646\u061f', na:false},\n      {id:'m5',key:'smoking', text:'\u0647\u0644 \u062a\u062f\u062e\u0646 \u0623\u0648 \u0643\u0646\u062a \u062a\u062f\u062e\u0646 \u0633\u0627\u0628\u0642\u0627\u064b\u061f', na:false},\n    ];\n\n    const appearanceQs = [\n      {id:'a1',key:'swelling', text:'\u0647\u0644 \u064a\u0648\u062c\u062f \u062a\u0648\u0631\u0645 \u0648\u0627\u0636\u062d \u0641\u064a \u0627\u0644\u0633\u0627\u0642 \u0623\u0648 \u0627\u0644\u0643\u0627\u062d\u0644\u060c \u062e\u0627\u0635\u0629\u064b \u0641\u064a \u0646\u0647\u0627\u064a\u0629 \u0627\u0644\u064a\u0648\u0645\u061f'},\n      {id:'a2',key:'skin_changes', text:'\u0647\u0644 \u062a\u0644\u0627\u062d\u0638 \u062a\u063a\u064a\u0631\u0627\u062a \u0641\u064a \u0644\u0648\u0646 \u0627\u0644\u062c\u0644\u062f (\u0628\u0642\u0639 \u0628\u0646\u064a\u0629\/\u062f\u0627\u0643\u0646\u0629) \u0623\u0648 \u0623\u0643\u0632\u064a\u0645\u0627 \u0648\u062a\u0635\u0644\u0628 \u0641\u064a \u0623\u0633\u0641\u0644 \u0627\u0644\u0633\u0627\u0642\u061f'},\n      {id:'a3',key:'ulcer', text:'\u0647\u0644 \u062a\u0639\u0627\u0646\u064a \u062d\u0627\u0644\u064a\u0627\u064b \u0623\u0648 \u0639\u0627\u0646\u064a\u062a \u0633\u0627\u0628\u0642\u0627\u064b \u0645\u0646 \u0642\u0631\u062d\u0629 \u0648\u0631\u064a\u062f\u064a\u0629 \u0645\u0641\u062a\u0648\u062d\u0629 \u0623\u0648 \u062c\u0631\u062d \u064a\u0635\u0639\u0628 \u0627\u0644\u062a\u0626\u0627\u0645\u0647 \u0623\u0633\u0641\u0644 \u0627\u0644\u0633\u0627\u0642\u061f'}\n    ];\n\n    const symptomsQs = [\n      {id:'s1',key:'pain', text:'\u0647\u0644 \u062a\u0634\u0639\u0631 \u0628\u0623\u0644\u0645 \u0623\u0648 \u0648\u062c\u0639 \u0645\u0633\u062a\u0645\u0631 \u0641\u064a \u0627\u0644\u0633\u0627\u0642\u064a\u0646\u061f'},\n      {id:'s2',key:'heaviness', text:'\u0647\u0644 \u062a\u0634\u0639\u0631 \u0628\u062b\u0642\u0644 \u0623\u0648 \u0625\u0631\u0647\u0627\u0642 \u0634\u062f\u064a\u062f \u0641\u064a \u0627\u0644\u0633\u0627\u0642\u064a\u0646 \u0639\u0646\u062f \u0646\u0647\u0627\u064a\u0629 \u0627\u0644\u064a\u0648\u0645\u061f'},\n      {id:'s3',key:'itching', text:'\u0647\u0644 \u062a\u0639\u0627\u0646\u064a \u0645\u0646 \u062d\u0643\u0629 \u0645\u0633\u062a\u0645\u0631\u0629 \u0623\u0648 \u0625\u062d\u0633\u0627\u0633 \u0628\u0627\u0644\u062d\u0631\u0627\u0631\u0629\/\u0627\u0644\u062d\u0631\u0642\u0627\u0646 \u062d\u0648\u0644 \u0639\u0631\u0648\u0642 \u0627\u0644\u0633\u0627\u0642\u061f'},\n      {id:'s4',key:'cramps', text:'\u0647\u0644 \u062a\u062a\u0639\u0631\u0636 \u0644\u062a\u0642\u0644\u0635\u0627\u062a \u0639\u0636\u0644\u064a\u0629 \u0645\u0641\u0627\u062c\u0626\u0629 (\u0634\u062f \u0639\u0636\u0644\u064a) \u0641\u064a \u0627\u0644\u0633\u0627\u0642\u064a\u0646 \u0644\u064a\u0644\u0627\u064b \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0646\u0648\u0645\u061f'},\n      {id:'s5',key:'worsens_with_standing', text:'\u0647\u0644 \u062a\u0644\u0627\u062d\u0638 \u0623\u0646 \u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u062a\u0632\u062f\u0627\u062f \u0633\u0648\u0621\u0627\u064b \u0628\u0634\u0643\u0644 \u0645\u0644\u062d\u0648\u0638 \u0628\u0639\u062f \u0627\u0644\u0648\u0642\u0648\u0641 \u0623\u0648 \u0627\u0644\u062c\u0644\u0648\u0633 \u0627\u0644\u0637\u0648\u064a\u0644\u061f'}\n    ];\n\n    const historyQs = [\n      {id:'h1',key:'prev_clot', text:'\u0647\u0644 \u0623\u0635\u0628\u062a \u0633\u0627\u0628\u0642\u0627\u064b \u0628\u062c\u0644\u0637\u0629 \u0641\u064a \u0623\u0648\u0631\u062f\u0629 \u0627\u0644\u0633\u0627\u0642\u064a\u0646 \u0627\u0644\u0639\u0645\u064a\u0642\u0629 (DVT) \u0623\u0648 \u0627\u0644\u0633\u0637\u062d\u064a\u0629\u061f'},\n      {id:'h2',key:'prev_surgery', text:'\u0647\u0644 \u062e\u0636\u0639\u062a \u0633\u0627\u0628\u0642\u0627\u064b \u0644\u0623\u064a \u0639\u0645\u0644\u064a\u0627\u062a \u0623\u0648 \u062d\u0642\u0646 \u0623\u0648 \u0644\u064a\u0632\u0631 \u0644\u0639\u0644\u0627\u062c \u0627\u0644\u062f\u0648\u0627\u0644\u064a \u0641\u064a \u0623\u064a \u0645\u0646 \u0627\u0644\u0633\u0627\u0642\u064a\u0646\u061f'},\n      {id:'h3',key:'compression_stockings', text:'\u0647\u0644 \u062a\u0631\u062a\u062f\u064a \u0623\u0648 \u0633\u0628\u0642 \u0644\u0643 \u0627\u0631\u062a\u062f\u0627\u0621 \u0627\u0644\u062c\u0648\u0627\u0631\u0628 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0636\u0627\u063a\u0637\u0629 \u0627\u0644\u0645\u062e\u0635\u0635\u0629 \u0644\u0644\u062f\u0648\u0627\u0644\u064a\u061f'}\n    ];\n\n    \/* INITIALIZE INTERFACE *\/\n    document.addEventListener(\"DOMContentLoaded\", function() {\n      buildAndRenderList(medicalQs, 'medicalQList', 'checkMedical');\n      buildAndRenderList(appearanceQs, 'appearanceQList', 'checkAppearance');\n      buildAndRenderList(symptomsQs, 'symptomsQList', 'checkSymptoms');\n      buildAndRenderList(historyQs, 'historyQList', 'checkHistory');\n    });\n\n    function buildAndRenderList(arr, containerId, checkFn) {\n      const container = document.getElementById(containerId);\n      if(!container) return;\n      arr.forEach(q => {\n        const row = document.createElement('div');\n        row.className = 'q-row';\n        row.id = 'row-' + q.id;\n        \n        let naBtnHtml = q.na ? `<button class=\"yn-btn na\" onclick=\"ansNA('${q.id}','${checkFn}')\">${q.naLabel || 'N\/A'}<\/button>` : '';\n        \n        row.innerHTML = `\n          <div class=\"q-text\">${q.text}<\/div>\n          <div class=\"yn-group\">\n            <button class=\"yn-btn yes\" onclick=\"ansYN('${q.id}', true, '${checkFn}')\">\u0646\u0639\u0645<\/button>\n            <button class=\"yn-btn no\" onclick=\"ansYN('${q.id}', false, '${checkFn}')\">\u0644\u0627<\/button>\n            ${naBtnHtml}\n          <\/div>\n        `;\n        container.appendChild(row);\n      });\n    }\n\n    \/* ANSWER ACTIONS *\/\n    function ansYN(id, val, checkFn) {\n      answers[id] = val;\n      const row = document.getElementById('row-' + id);\n      row.classList.remove('answered-yes','answered-no','answered-na');\n      row.classList.add(val ? 'answered-yes' : 'answered-no');\n      row.querySelectorAll('.yn-btn').forEach(b => b.classList.remove('selected'));\n      row.querySelectorAll(val ? '.yn-btn.yes' : '.yn-btn.no').forEach(b => b.classList.add('selected'));\n      \n      if(id === 's1') {\n        document.getElementById('row-painRelief').style.display = val ? 'flex' : 'none';\n      }\n      \n      window[checkFn] && window[checkFn]();\n    }\n\n    function ansNA(id, checkFn) {\n      answers[id] = 'na';\n      const row = document.getElementById('row-' + id);\n      row.classList.remove('answered-yes','answered-no');\n      row.classList.add('answered-na');\n      row.querySelectorAll('.yn-btn').forEach(b => b.classList.remove('selected'));\n      row.querySelector('.yn-btn.na').classList.add('selected');\n      window[checkFn] && window[checkFn]();\n    }\n\n    function ansPhoto(key, val) {\n      photoAns[key] = val;\n      const row = document.getElementById('row-' + (key === 'spider_veins' ? 'spider_veins' : key === 'blue_veins' ? 'blue_veins' : 'varicose_veins'));\n      if(row) {\n        row.classList.remove('answered-yes','answered-no');\n        row.classList.add(val ? 'answered-yes' : 'answered-no');\n        row.querySelectorAll('.yn-btn').forEach(b => b.classList.remove('selected'));\n        row.querySelector(val ? '.yn-btn.yes' : '.yn-btn.no').classList.add('selected');\n      }\n      const pblock = document.getElementById('pblock-' + (key === 'spider_veins' ? 'spider' : key === 'blue_veins' ? 'blue' : 'bulge'));\n      if(pblock) pblock.classList.toggle('answered-yes', val === true);\n      checkAppearance();\n    }\n\n    function selectPhoto(block, id) {\n      const pblock = document.getElementById('pblock-' + block);\n      pblock.querySelectorAll('.photo-card').forEach(c => c.classList.remove('selected'));\n      document.getElementById(id).classList.add('selected');\n      if(block === 'spider') ansPhoto('spider_veins', true);\n    }\n\n    function ansPainRelief(id) {\n      painReliefAnswer = id;\n      ['pr1','pr2','pr3'].forEach(k => {\n        const b = document.getElementById('prb-' + k);\n        if (b) b.classList.toggle('selected', k === id);\n      });\n      document.getElementById('row-painRelief').classList.add('answered-yes');\n      checkSymptoms();\n    }\n\n    function selectGender(g) {\n      patient.gender = g;\n      document.getElementById('gender-male').classList.toggle('selected', g === 'male');\n      document.getElementById('gender-female').classList.toggle('selected', g === 'female');\n      \n      const m3Row = document.getElementById('row-m3');\n      if(m3Row) {\n        if(g === 'male') {\n          ansNA('m3', 'checkMedical');\n          m3Row.style.display = 'none';\n        } else {\n          m3Row.style.display = 'flex';\n          if(answers['m3'] === 'na') {\n            m3Row.classList.remove('answered-na');\n            m3Row.querySelectorAll('.yn-btn').forEach(b => b.classList.remove('selected'));\n            delete answers['m3'];\n            checkMedical();\n          }\n        }\n      }\n    }\n\n    \/* STEP VALIDATIONS *\/\n    function checkMedical() {\n      const done = medicalQs.every(q => answers[q.id] !== undefined);\n      document.getElementById('btn-p1').disabled = !done;\n    }\n    function checkAppearance() {\n      const photosDone = (photoAns.spider_veins !== undefined && photoAns.blue_veins !== undefined && photoAns.varicose_veins !== undefined);\n      const listDone = appearanceQs.every(q => answers[q.id] !== undefined);\n      document.getElementById('btn-p2').disabled = !(photosDone && listDone);\n    }\n    function checkSymptoms() {\n      const listDone = symptomsQs.every(q => answers[q.id] !== undefined);\n      const painCondition = (answers['s1'] === true) ? (painReliefAnswer !== undefined) : true;\n      document.getElementById('btn-p3').disabled = !(listDone && painCondition);\n    }\n    function checkHistory() { }\n\n    function goToStep(s) {\n      document.querySelectorAll('.step').forEach(e => e.classList.remove('active'));\n      const target = document.getElementById('step' + s);\n      if(target) {\n        target.classList.add('active');\n        window.scrollTo({top: document.getElementById('mainCard').offsetTop - 20, behavior: 'smooth'});\n      }\n    }\n\n    \/* SCORE ENGINE *\/\n    function buildPayload() {\n      return {\n        riskFactors: {\n          family_history: answers.m1 === true,\n          prolonged_standing: answers.m2 === true,\n          pregnancy: answers.m3 === true,\n          obesity: answers.m4 === true,\n          smoking: answers.m5 === true\n        },\n        visibleSigns: {\n          spider_veins: photoAns.spider_veins === true,\n          blue_veins: photoAns.blue_veins === true,\n          varicose_veins: photoAns.varicose_veins === true,\n          swelling: answers.a1 === true,\n          skin_changes: answers.a2 === true,\n          ulcer: answers.a3 === true\n        },\n        symptoms: {\n          pain: answers.s1 === true,\n          heaviness: answers.s2 === true,\n          itching: answers.s3 === true,\n          cramps: answers.s4 === true,\n          worsens_with_standing: answers.s5 === true\n        },\n        history: {\n          prev_clot: answers.h1 === true,\n          prev_surgery: answers.h2 === true,\n          compression: answers.h3 === true\n        },\n        painRelief: painReliefAnswer\n      };\n    }\n\n    const SIGN_W = {spider_veins:1, blue_veins:1, varicose_veins:2, swelling:2, skin_changes:3, ulcer:4};\n    function calcScore(inp) {\n      const {symptoms:s, riskFactors:r, visibleSigns:v} = inp;\n      let ss=0, rs=0, vs=0;\n      ['pain','heaviness','itching','cramps','worsens_with_standing'].forEach(k=>{if(s[k])ss++;});\n      ['prolonged_standing','smoking','pregnancy','family_history','obesity'].forEach(k=>{if(r[k])rs++;});\n      Object.entries(SIGN_W).forEach(([k,w])=>{if(v[k])vs+=w;});\n      return {ss, rs, vs, total: ss+rs+vs};\n    }\n\n    function ceap(vs) {\n      if(vs.ulcer) return {cls:'C6', n:6};\n      if(vs.skin_changes) return {cls:'C4', n:4};\n      if(vs.swelling) return {cls:'C3', n:3};\n      if(vs.varicose_veins) return {cls:'C2', n:2};\n      if(vs.blue_veins) return {cls:'C1', n:1};\n      if(vs.spider_veins) return {cls:'C1', n:1};\n      return {cls:'C0', n:0};\n    }\n\n    function getInterp(cp, sc) {\n      if(cp.n >= 4 || sc.total >= 9) {\n        return {lvl:'\u0639\u0627\u0644\u064a', cls:'high', desc:`\u062a\u064f\u0634\u064a\u0631 \u0625\u062c\u0627\u0628\u0627\u062a\u0643 \u0625\u0644\u0649 \u0648\u062c\u0648\u062f \u0639\u0644\u0627\u0645\u0627\u062a \u0645\u062a\u0642\u062f\u0645\u0629 \u0644\u0642\u0635\u0648\u0631 \u0627\u0644\u0623\u0648\u0631\u062f\u0629 \u0627\u0644\u0645\u0632\u0645\u0646 \u0623\u0648 \u0645\u0636\u0627\u0639\u0641\u0627\u062a \u062a\u062a\u0637\u0644\u0628 \u062a\u0642\u064a\u064a\u0645\u0627\u064b \u0637\u0628\u064a\u0627\u064b \u0639\u0627\u062c\u0644\u0627\u064b \u0645\u0646 \u0623\u062e\u0635\u0627\u0626\u064a \u0623\u0648\u0639\u064a\u0629 \u062f\u0645\u0648\u064a\u0629. \u0645\u0633\u062a\u0648\u0649 \u062a\u0635\u0646\u064a\u0641 CEAP \u0647\u0648 (${cp.cls}) \u0648\u064a\u0639\u0643\u0633 \u062a\u0623\u062b\u0631 \u0627\u0644\u0623\u0646\u0633\u062c\u0629 \u0623\u0648 \u0638\u0647\u0648\u0631 \u062a\u063a\u064a\u0631\u0627\u062a \u062c\u0644\u062f\u064a\u0629 \u0648\u0627\u0636\u062d\u0629.`};\n      }\n      if(cp.n >= 2 || sc.total >= 4) {\n        return {lvl:'\u0645\u062a\u0648\u0633\u0637', cls:'moderate', desc:`\u062a\u064f\u0634\u064a\u0631 \u0625\u062c\u0627\u0628\u0627\u062a\u0643 \u0625\u0644\u0649 \u0648\u062c\u0648\u062f \u0628\u0639\u0636 \u0627\u0644\u0639\u0648\u0627\u0645\u0644 \u0648\u0627\u0644\u0623\u0639\u0631\u0627\u0636 \u0627\u0644\u062a\u064a \u062a\u0633\u062a\u062d\u0642 \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0637\u0628\u064a\u0629. \u0645\u0633\u062a\u0648\u0649 CEAP (${cp.cls}) \u064a\u064f\u0634\u064a\u0631 \u0625\u0644\u0649 \u0645\u0631\u062d\u0644\u0629 \u0645\u0628\u0643\u0631\u0629 \u0625\u0644\u0649 \u0645\u062a\u0648\u0633\u0637\u0629 \u0645\u0646 \u0627\u0644\u0645\u0631\u0636 \u0627\u0644\u0648\u0631\u064a\u062f\u064a. \u0627\u0644\u062a\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0643\u0631 \u064a\u0645\u0646\u0639 \u0627\u0644\u062a\u0637\u0648\u0631 \u0648\u064a\u064f\u062d\u0633\u0651\u0646 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u0649 \u0627\u0644\u0637\u0648\u064a\u0644.`};\n      }\n      return {lvl:'\u0645\u0646\u062e\u0641\u0636', cls:'low', desc:`\u062a\u064f\u0634\u064a\u0631 \u0625\u062c\u0627\u0628\u0627\u062a\u0643 \u0625\u0644\u0649 \u0623\u0646 \u0648\u0636\u0639\u0643 \u0627\u0644\u0648\u0631\u064a\u062f\u064a \u0645\u0637\u0645\u0626\u0646 \u062d\u0627\u0644\u064a\u0627\u064b. \u0645\u0633\u062a\u0648\u0649 CEAP (${cp.cls}) \u064a\u0639\u0643\u0633 \u063a\u064a\u0627\u0628 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u0645\u0631\u0636\u064a\u0629 \u0627\u0644\u0645\u0631\u0626\u064a\u0629 \u0623\u0648 \u0648\u062c\u0648\u062f\u0647\u0627 \u0628\u0634\u0643\u0644 \u0628\u0633\u064a\u0637 \u062c\u062f\u0627\u064b. \u0627\u0644\u0648\u0642\u0627\u064a\u0629 \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062f\u0648\u0631\u064a\u0629 \u0643\u0627\u0641\u064a\u0629 \u0641\u064a \u0647\u0630\u0647 \u0627\u0644\u0645\u0631\u062d\u0644\u0629.`};\n    }\n\n    \/* SUBMIT & GOOGLE SHEETS INTEGRATION *\/\n  \nfunction submitAssessment() {\n  \/\/ 1. \u062c\u0644\u0628 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0645\u0646 \u0627\u0644\u062d\u0642\u0648\u0644 \u0648\u062a\u0646\u0638\u064a\u0641\u0647\u0627\n  patient.name = document.getElementById('inp-name').value.trim();\n  patient.age = document.getElementById('inp-age').value.trim();\n  patient.phone = document.getElementById('inp-phone').value.trim();\n  \n  \/\/ \u062a\u0623\u0645\u064a\u0646 \u062c\u0644\u0628 \u0642\u064a\u0645\u0629 \u062d\u0642\u0644 \u0627\u0644\u0648\u0638\u064a\u0641\u0629 \u0628\u062f\u0642\u0629\n  const jobInput = document.getElementById('inp-job');\n  patient.job = jobInput ? jobInput.value.trim() : '\u063a\u064a\u0631 \u0645\u062d\u062f\u062f';\n\n  if(!patient.name || !patient.phone || !patient.age || !patient.gender) {\n    alert('\u0627\u0644\u0631\u062c\u0627\u0621 \u0625\u062f\u062e\u0627\u0644 \u0643\u0627\u0641\u0629 \u0627\u0644\u062d\u0642\u0648\u0644 \u0627\u0644\u0625\u0644\u0632\u0627\u0645\u064a\u0629 \u0648\u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u062c\u0646\u0633 \u0642\u0628\u0644 \u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u062a\u0642\u0631\u064a\u0631.');\n    return;\n  }\n\n  \/\/ \u062a\u063a\u064a\u064a\u0631 \u062d\u0627\u0644\u0629 \u0648\u0646\u0635 \u0627\u0644\u0632\u0631 \u0644\u0645\u0646\u0639 \u0627\u0644\u062a\u0643\u0631\u0627\u0631\n  const btn = document.getElementById('btn-submit');\n  if(btn) {\n    btn.disabled = true;\n    btn.innerText = '\u062c\u0627\u0631\u064a \u062d\u0641\u0638 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0648\u062a\u0648\u0644\u064a\u062f \u0627\u0644\u062a\u0642\u0631\u064a\u0631...';\n  }\n\n  \/\/ 2. \u062e\u0637\u0648\u0629 \u0627\u0644\u0625\u0635\u0644\u0627\u062d: \u0646\u0642\u0648\u0645 \u0628\u062d\u0633\u0627\u0628 \u0627\u0644\u0646\u062a\u064a\u062c\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0648\u0627\u0644\u0640 CEAP \"\u0647\u0646\u0627 \u0623\u0648\u0644\u0627\u064b\" \u0644\u0643\u064a \u062a\u0635\u0628\u062d \u0627\u0644\u0642\u064a\u0645 \u062c\u0627\u0647\u0632\u0629 \u0644\u0644\u0625\u0631\u0633\u0627\u0644\n  const rawData = buildPayload();\n  const sc = calcScore(rawData);\n  const cp = ceap(rawData.visibleSigns);\n  const interp = getInterp(cp, sc); \n\n  \/\/ \u0635\u064a\u0627\u063a\u0629 \u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0648\u0627\u0644\u0648\u0642\u062a \u0627\u0644\u062d\u0627\u0644\u064a\n  const dateNow = new Date();\n  const dateString = dateNow.toLocaleDateString('en-GB') + ' ' + dateNow.toLocaleTimeString('en-GB', {hour: '2-digit', minute:'2-digit'});\n\n  \/\/ \u0631\u0627\u0628\u0637 \u0627\u0644\u0640 Web App \u0627\u0644\u062e\u0627\u0635 \u0628\u0643 (\u062a\u0623\u0643\u062f \u0645\u0646 \u0628\u0642\u0627\u0626\u0647 \u0643\u0645\u0627 \u0647\u0648)\n  const webAppUrl = \"https:\/\/script.google.com\/macros\/s\/AKfycbyQFIu7XBCQ3xYhHab7UqDTGDk-tTs4XYEOdd60pDf9OAaEw9pmySQzLn7iL0plwDTs\/exec\";\n\n  \/\/ \u062c\u0644\u0628 \u0628\u0627\u0631\u0627\u0645\u062a\u0631\u0627\u062a UTM \u0645\u0646 \u0631\u0627\u0628\u0637 \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u062d\u0627\u0644\u064a\u0629 (\u062a\u0628\u0642\u0649 \u062b\u0627\u0628\u062a\u0629 \u0637\u0648\u0627\u0644 \u062e\u0637\u0648\u0627\u062a \u0627\u0644\u0641\u0648\u0631\u0645 \u0644\u0623\u0646\u0647\u0627 \u0646\u0641\u0633 \u0627\u0644\u0635\u0641\u062d\u0629)\n  function getUrlParam(name) {\n    try {\n      return new URLSearchParams(window.location.search).get(name) || '';\n    } catch (e) {\n      return '';\n    }\n  }\n  const utmSource   = getUrlParam('utm_source');\n  const utmMedium   = getUrlParam('utm_medium');\n  const utmCampaign = getUrlParam('utm_campaign');\n  const utmTerm     = getUrlParam('utm_term');\n  const utmContent  = getUrlParam('utm_content');\n\n  \/\/ 3. \u062a\u062c\u0645\u064a\u0639 \u0627\u0644\u0625\u062c\u0627\u0628\u0627\u062a \u0627\u0644\u062a\u0641\u0635\u064a\u0644\u064a\u0629 \u0641\u064a \u0645\u0635\u0641\u0648\u0641\u0627\u062a \u0646\u0635\u0648\u0635\n  const medicalArr = [];\n  medicalQs.forEach(q => { if(answers[q.id] !== undefined) medicalArr.push(q.text + \": \" + (answers[q.id] === true ? '\u0646\u0639\u0645' : answers[q.id] === 'na' ? '\u0644\u0627 \u064a\u0646\u0637\u0628\u0642' : '\u0644\u0627')); });\n  \n  const appearanceArr = [];\n  if(photoAns.spider_veins !== undefined) appearanceArr.push(\"\u0634\u0639\u064a\u0631\u0627\u062a \u062f\u0642\u064a\u0642\u0629: \" + (photoAns.spider_veins ? \"\u0646\u0639\u0645\" : \"\u0644\u0627\"));\n  if(photoAns.blue_veins !== undefined) appearanceArr.push(\"\u0639\u0631\u0648\u0642 \u0632\u0631\u0642\u0627\u0621 \u0645\u0633\u0637\u062d\u0629: \" + (photoAns.blue_veins ? \"\u0646\u0639\u0645\" : \"\u0644\u0627\"));\n  if(photoAns.varicose_veins !== undefined) appearanceArr.push(\"\u0623\u0648\u0631\u062f\u0629 \u0645\u062a\u0639\u0631\u062c\u0629 \u0628\u0627\u0631\u0632\u0629: \" + (photoAns.varicose_veins ? \"\u0646\u0639\u0645\" : \"\u0644\u0627\"));\n  appearanceQs.forEach(q => { if(answers[q.id] !== undefined) appearanceArr.push(q.text + \": \" + (answers[q.id] === true ? '\u0646\u0639\u0645' : '\u0644\u0627')); });\n\n  const symptomsArr = [];\n  symptomsQs.forEach(q => { if(answers[q.id] !== undefined) symptomsArr.push(q.text + \": \" + (answers[q.id] === true ? '\u0646\u0639\u0645' : '\u0644\u0627')); });\n  if(painReliefAnswer) {\n    const prText = painReliefAnswer === 'pr1' ? '\u0645\u0633\u0643\u0646\u0627\u062a \u0627\u0644\u0623\u0644\u0645' : painReliefAnswer === 'pr2' ? '\u0631\u0641\u0639 \u0627\u0644\u0633\u0627\u0642\u064a\u0646 \u0648\u0627\u0644\u0631\u0627\u062d\u0629' : '\u0644\u0627 \u0634\u064a\u0621 \u0645\u062d\u062f\u062f';\n    symptomsArr.push(\"\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0623\u0644\u0645: \" + prText);\n  }\n\n  const historyArr = [];\n  historyQs.forEach(q => { if(answers[q.id] !== undefined) historyArr.push(q.text + \": \" + (answers[q.id] === true ? '\u0646\u0639\u0645' : '\u0644\u0627')); });\n\n  \/\/ 4. \u0628\u0646\u0627\u0621 \u062d\u0632\u0645\u0629 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0628\u0627\u0644\u0623\u0633\u0645\u0627\u0621 \u0627\u0644\u062f\u0642\u064a\u0642\u0629 \u0627\u0644\u062a\u064a \u064a\u0646\u062a\u0638\u0631\u0647\u0627 \u0643\u0648\u062f \u0627\u0644\u0640 App Script \u0627\u0644\u0623\u0635\u0644\u064a \u0644\u062f\u064a\u0643\n  const sheetPayload = {\n    name: patient.name,\n    phone: patient.phone,\n    age: patient.age,\n    gender: patient.gender === 'male' ? '\u0630\u0643\u0631' : '\u0623\u0646\u062b\u0649',\n    job: patient.job || '\u063a\u064a\u0631 \u0645\u062d\u062f\u062f',\n    risk_level: (interp && interp.lvl) ? interp.lvl : '\u063a\u064a\u0631 \u0645\u062d\u062f\u062f',\n    ceap_class: (cp && cp.cls) ? cp.cls : '\u063a\u064a\u0631 \u0645\u062d\u062f\u062f',\n    timestamp: dateString,\n    utm_source: utmSource,\n    utm_medium: utmMedium,\n    utm_campaign: utmCampaign,\n    utm_term: utmTerm,\n    utm_content: utmContent,\n    answers: {\n      medical: medicalArr,\n      appearance: appearanceArr,\n      symptoms: symptomsArr,\n      history: historyArr\n    }\n  };\n\n  \/\/ 5. \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0646\u0641\u0633 \u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0623\u0635\u0644\u064a\u0629 \u0627\u0644\u062a\u064a \u0646\u062c\u062d\u062a \u0645\u0639\u0643 \u0633\u0627\u0628\u0642\u0627\u064b \u0628\u062f\u0648\u0646 \u0623\u064a \u062a\u063a\u064a\u064a\u0631 \u0641\u064a \u0627\u0644\u0640 Mode\n  fetch(webAppUrl, {\n    method: \"POST\",\n    headers: { \"Content-Type\": \"text\/plain;charset=utf-8\" },\n    body: JSON.stringify(sheetPayload)\n  })\n  .then(res => res.json())\n  .then(resData => { console.log(\"\u0646\u062c\u0627\u062d \u0627\u0644\u0627\u0633\u062a\u062c\u0627\u0628\u0629:\", resData); })\n  .catch(err => { console.error(\"\u062e\u0637\u0623 \u0627\u0644\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0635\u0627\u0645\u062a:\", err); });\n\n  \/\/ 6. \u062a\u0648\u0644\u064a\u062f \u0631\u0627\u0628\u0637 \u0639\u0631\u0636 \u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0648\u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0644 \u0644\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u0623\u062e\u064a\u0631\u0629 \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645\n  const currentUrl = window.location.href.split('?')[0];\n  const docDownloadUrl = currentUrl + `?view_report=1&name=${encodeURIComponent(patient.name)}&phone=${encodeURIComponent(patient.phone)}&age=${patient.age}&gender=${encodeURIComponent(patient.gender==='male'?'\u0630\u0643\u0631':'\u0623\u0646\u062b\u0649')}&job=${encodeURIComponent(patient.job)}&total=${sc.total}&ceap=${cp.cls}&lvl=${encodeURIComponent(interp.lvl)}`;\n\n  renderReportView(interp, cp, sc, rawData, docDownloadUrl);\n  goToStep(5);\n}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t  \n\/****** Render Report ******\/\n    function renderReportView(interp, cp, sc, data, docDownloadUrl) {\n      let flagsHtml = '';\n      if(data.visibleSigns.ulcer) flagsHtml += `<div class=\"flag-item red\"><span class=\"flag-title\">\u0639\u0644\u0627\u0645\u0629 \u062d\u0645\u0631\u0627\u0621:<\/span> \u0648\u062c\u0648\u062f \u0642\u0631\u062d\u0629 \u0648\u0631\u064a\u062f\u064a\u0629 \u0645\u0641\u062a\u0648\u062d\u0629 \u0623\u0648 \u0633\u0627\u0628\u0642\u0629 \u064a\u062a\u0637\u0644\u0628 \u0631\u0639\u0627\u064a\u0629 \u0641\u0648\u0631\u064a\u0629 \u0645\u0646 \u0645\u062a\u062e\u0635\u0635 \u0644\u0645\u0646\u0639 \u0627\u0644\u0627\u0644\u062a\u0647\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u064a\u0643\u0631\u0648\u0628\u064a\u0629.<\/div>`;\n      if(data.visibleSigns.skin_changes) flagsHtml += `<div class=\"flag-item red\"><span class=\"flag-title\">\u0639\u0644\u0627\u0645\u0629 \u062d\u0645\u0631\u0627\u0621:<\/span> \u062a\u063a\u064a\u0631 \u0644\u0648\u0646 \u0627\u0644\u062c\u0644\u062f \u0623\u0648 \u0627\u0644\u0623\u0643\u0632\u064a\u0645\u0627 \u064a\u062f\u0644 \u0639\u0644\u0649 \u062a\u0623\u062b\u0631 \u0627\u0644\u062f\u0648\u0631\u0629 \u0627\u0644\u062f\u0645\u0648\u064a\u0629 \u0627\u0644\u0639\u0645\u064a\u0642\u0629 \u0648\u0627\u0631\u062a\u0641\u0627\u0639 \u0627\u0644\u0636\u063a\u0637 \u0627\u0644\u0648\u0631\u064a\u062f\u064a \u0627\u0644\u0645\u0632\u0645\u0646.<\/div>`;\n      if(data.history.prev_clot) flagsHtml += `<div class=\"flag-item amber\"><span class=\"flag-title\">\u062a\u0646\u0628\u064a\u0647 \u0647\u0627\u0645:<\/span> \u0648\u062c\u0648\u062f \u062a\u0627\u0631\u064a\u062e \u0645\u0631\u0636\u064a \u0644\u0644\u062c\u0644\u0637\u0627\u062a \u064a\u0632\u064a\u062f \u0645\u0646 \u0627\u062d\u062a\u0645\u0627\u0644\u064a\u0629 \u0642\u0635\u0648\u0631 \u0627\u0644\u0635\u0645\u0627\u0645\u0627\u062a \u0627\u0644\u0639\u0645\u064a\u0642\u0629.<\/div>`;\n      if(flagsHtml === '') flagsHtml = `<div class=\"flag-item green\"><span class=\"flag-title\">\u0645\u0624\u0634\u0631\u0627\u062a \u0645\u0637\u0645\u0626\u0646\u0629:<\/span> \u0644\u0645 \u064a\u062a\u0645 \u0631\u0635\u062f \u0623\u064a \u0639\u0644\u0627\u0645\u0627\u062a \u062d\u0645\u0631\u0627\u0621 \u0645\u062a\u0642\u062f\u0645\u0629 \u0623\u0648 \u0645\u0636\u0627\u0639\u0641\u0627\u062a \u062d\u0631\u062c\u0629 \u0641\u064a \u0627\u0644\u0633\u0627\u0642\u064a\u0646 \u062d\u062a\u0649 \u0627\u0644\u0622\u0646.<\/div>`;\n\n      let planHtml = '';\n      if(interp.cls === 'high') {\n        planHtml = `\n          <div class=\"sp-item\"><div class=\"sp-num\">\u0661<\/div><div class=\"sp-txt\">\u062d\u062c\u0632 \u0645\u0648\u0639\u062f \u0641\u062d\u0635 \u062f\u0648\u0628\u0644\u0631 \u0645\u0644\u0648\u0646 \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u062a\u064a (Duplex Scan) \u0628\u0634\u0643\u0644 \u0639\u0627\u062c\u0644 \u0644\u062a\u0642\u064a\u064a\u0645 \u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0635\u0645\u0627\u0645\u0627\u062a.<\/div><\/div>\n          <div class=\"sp-item\"><div class=\"sp-num\">\u0662<\/div><div class=\"sp-txt\">\u062a\u062c\u0646\u0628 \u0627\u0644\u0648\u0642\u0648\u0641 \u0623\u0648 \u0627\u0644\u062c\u0644\u0648\u0633 \u0627\u0644\u0645\u062a\u0648\u0627\u0635\u0644\u060c \u0648\u0631\u0641\u0639 \u0627\u0644\u0633\u0627\u0642\u064a\u0646 \u0641\u0648\u0642 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0642\u0644\u0628 \u0639\u0646\u062f \u0627\u0644\u0627\u0633\u062a\u0644\u0642\u0627\u0621.<\/div><\/div>\n          <div class=\"sp-item\"><div class=\"sp-num\">\u0663<\/div><div class=\"sp-txt\">\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0627\u0644\u0637\u0628\u064a\u0628 \u0641\u0648\u0631\u0627\u064b \u062d\u0648\u0644 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u062c\u0648\u0627\u0631\u0628 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0636\u0627\u063a\u0637\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u062d\u0627\u0644\u062a\u0643.<\/div><\/div>\n        `;\n      } else if(interp.cls === 'moderate') {\n        planHtml = `\n          <div class=\"sp-item\"><div class=\"sp-num\">\u0661<\/div><div class=\"sp-txt\">\u062c\u062f\u0648\u0644\u0629 \u0641\u062d\u0635 \u0648\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0637\u0628\u064a\u0629 \u063a\u064a\u0631 \u0639\u0627\u062c\u0644\u0629 \u0644\u062a\u062c\u0646\u0628 \u062a\u062f\u0647\u0648\u0631 \u0627\u0644\u0623\u0648\u0631\u062f\u0629 \u0648\u0638\u0647\u0648\u0631 \u0645\u0636\u0627\u0639\u0641\u0627\u062a \u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629.<\/div><\/div>\n          <div class=\"sp-item\"><div class=\"sp-num\">\u0662<\/div><div class=\"sp-txt\">\u0645\u0645\u0627\u0631\u0633\u0629 \u0631\u064a\u0627\u0636\u0629 \u0627\u0644\u0645\u0634\u064a \u0628\u0627\u0646\u062a\u0638\u0627\u0645 (30 \u062f\u0642\u064a\u0642\u0629 \u064a\u0648\u0645\u064a\u0627\u064b) \u0644\u062a\u0646\u0634\u064a\u0637 \u0627\u0644\u062f\u0648\u0631\u0629 \u0627\u0644\u062f\u0645\u0648\u064a\u0629 \u0641\u064a \u0627\u0644\u0633\u0627\u0642\u064a\u0646.<\/div><\/div>\n          <div class=\"sp-item\"><div class=\"sp-num\">\u0663<\/div><div class=\"sp-txt\">\u0627\u0631\u062a\u062f\u0627\u0621 \u0627\u0644\u062c\u0648\u0627\u0631\u0628 \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0636\u0627\u063a\u0637\u0629 \u0623\u062b\u0646\u0627\u0621 \u0641\u062a\u0631\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0637\u0648\u064a\u0644\u0629 \u0628\u0639\u062f \u0645\u0631\u0627\u062c\u0639\u0629 \u0642\u064a\u0627\u0633\u0643 \u0627\u0644\u0635\u062d\u064a\u062d.<\/div><\/div>\n        `;\n      } else {\n        planHtml = `\n          <div class=\"sp-item\"><div class=\"sp-num\">\u0661<\/div><div class=\"sp-txt\">\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u0648\u0632\u0646 \u0627\u0644\u0645\u062b\u0627\u0644\u064a \u0648\u0627\u062a\u0628\u0627\u0639 \u0646\u0638\u0627\u0645 \u063a\u0630\u0627\u0626\u064a \u0642\u0644\u064a\u0644 \u0627\u0644\u0623\u0645\u0644\u0627\u062d \u0644\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0636\u063a\u0637 \u0639\u0644\u0649 \u0627\u0644\u0633\u0627\u0642\u064a\u0646.<\/div><\/div>\n          <div class=\"sp-item\"><div class=\"sp-num\">\u0662<\/div><div class=\"sp-txt\">\u062a\u062c\u0646\u0628 \u0648\u0636\u0639\u064a\u0629 \u062a\u0642\u0627\u0637\u0639 \u0627\u0644\u0633\u0627\u0642\u064a\u0646 (\u0631\u062c\u0644 \u0639\u0644\u0649 \u0631\u062c\u0644) \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062c\u0644\u0648\u0633 \u0644\u0641\u062a\u0631\u0627\u062a \u0645\u062a\u0648\u0627\u0635\u0644\u0629.<\/div><\/div>\n          <div class=\"sp-item\"><div class=\"sp-num\">\u0663<\/div><div class=\"sp-txt\">\u0639\u0645\u0644 \u062a\u0645\u0627\u0631\u064a\u0646 \u062f\u0648\u0631\u064a\u0629 \u0644\u0644\u0643\u0627\u062d\u0644\u064a\u0646 \u0648\u0627\u0644\u0642\u062f\u0645\u064a\u0646 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062c\u0644\u0648\u0633 \u0627\u0644\u0637\u0648\u064a\u0644 \u0644\u062a\u062d\u0641\u064a\u0632 \u062a\u062f\u0641\u0642 \u0627\u0644\u062f\u0645.<\/div><\/div>\n        `;\n      }\n\n      const output = document.getElementById('report-output');\n      output.innerHTML = `\n        <div class=\"report-hero rh-${interp.cls}\">\n          <div class=\"result-badge\">\u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0637\u0628\u064a \u0627\u0644\u0641\u0648\u0631\u064a<\/div>\n          <h2 style=\"font-size:22px; font-weight:800; margin-bottom:4px;\">\u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u062e\u0637\u0648\u0631\u0629: ${interp.lvl}<\/h2>\n          <p style=\"font-size:13px; color:rgba(255,255,255,0.85); line-height:1.5;\">\u062a\u0645 \u062d\u0641\u0638 \u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0628\u0627\u0633\u0645: ${patient.name}<\/p>\n        <\/div>\n        <div class=\"report-body\">\n          <div class=\"rs\">\n            <div class=\"rs-title\">\u0645\u0642\u064a\u0627\u0633 \u062f\u0631\u062c\u0629 \u0627\u0644\u0627\u062d\u062a\u0645\u0627\u0644\u064a\u0629 \u0648\u0627\u0644\u062e\u0637\u0648\u0631\u0629<\/div>\n            <div class=\"risk-meter-wrap\">\n              <div class=\"risk-meter\">\n                <div class=\"rm-seg fill-low\"><\/div>\n                <div class=\"rm-seg ${interp.cls!=='low'?'fill-mod':''}\"><\/div>\n                <div class=\"rm-seg ${interp.cls==='high'?'fill-high':''}\"><\/div>\n              <\/div>\n              <div class=\"risk-label risk-${interp.cls}\">${interp.lvl}<\/div>\n            <\/div>\n            <div class=\"ceap-row\">\n              <span class=\"ceap-badge ceap-${cp.cls}\">\u0627\u0644\u062a\u0635\u0646\u064a\u0641 \u0627\u0644\u062f\u0648\u0644\u064a: ${cp.cls}<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"rs\">\n            <div class=\"rs-title\">\u0627\u0644\u062a\u0641\u0633\u064a\u0631 \u0627\u0644\u0637\u0628\u064a \u0627\u0644\u0639\u0627\u0645<\/div>\n            <div class=\"interp-box\">\n              <p>${interp.desc}<\/p>\n              <div class=\"score-breakdown\">\n                <div class=\"sb-item\"><div class=\"sb-lbl\">\u0627\u0644\u0623\u0639\u0631\u0627\u0636<\/div><div class=\"sb-val\">${sc.ss}<span class=\"sb-max\">\/5<\/span><\/div><\/div>\n                <div class=\"sb-item\"><div class=\"sb-lbl\">\u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u0645\u0631\u0626\u064a\u0629<\/div><div class=\"sb-val\">${sc.vs}<span class=\"sb-max\">\/13<\/span><\/div><\/div>\n                <div class=\"sb-item\"><div class=\"sb-lbl\">\u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u062e\u0637\u0631<\/div><div class=\"sb-val\">${sc.rs}<span class=\"sb-max\">\/5<\/span><\/div><\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"rs\">\n            <div class=\"rs-title\">\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u0629 \u0627\u0644\u0634\u062e\u0635\u064a\u0629<\/div>\n            <div class=\"info-grid\">\n              <div class=\"info-item\"><div class=\"info-lbl\">\u0627\u0644\u0639\u0645\u0631<\/div><div class=\"info-val\">${patient.age} \u0639\u0627\u0645\u0627\u064b<\/div><\/div>\n              <div class=\"info-item\"><div class=\"info-lbl\">\u0627\u0644\u062c\u0646\u0633<\/div><div class=\"info-val\">${patient.gender==='male'?'\u0630\u0643\u0631':'\u0623\u0646\u062b\u0649'}<\/div><\/div>\n              <div class=\"info-item\" style=\"grid-column:1\/-1;\"><div class=\"info-lbl\">\u0637\u0628\u064a\u0639\u0629 \u0627\u0644\u0645\u0647\u0646\u0629<\/div><div class=\"info-val\">${patient.job || '\u063a\u064a\u0631 \u0645\u062d\u062f\u062f'}<\/div><\/div>\n            <\/div>\n          <\/div>\n          <div class=\"rs\">\n            <div class=\"rs-title\">\u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062d\u0630\u064a\u0631\u064a\u0629 \u0648\u0627\u0644\u0645\u0636\u0627\u0639\u0641\u0627\u062a (Flags)<\/div>\n            <div class=\"flag-list\">${flagsHtml}<\/div>\n          <\/div>\n          <div class=\"rs\">\n            <div class=\"rs-title\">\u062e\u0637\u0629 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u0646\u0635\u0627\u0626\u062d \u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u0648\u0635\u0649 \u0628\u0647\u0627<\/div>\n            <div class=\"step-plan\">${planHtml}<\/div>\n          <\/div>\n          \n          <button class=\"cta-btn ${interp.cls}\" onclick=\"window.print()\" class=\"btn-print\" style=\"margin-bottom: 10px; background-color: #2d6fa5;\">\n            \u062a\u062d\u0645\u064a\u0644 \u0648\u0637\u0628\u0627\u0639\u0629 \u0647\u0630\u0627 \u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0643\u0640 PDF \ud83d\udce5\n          <\/button>\n          \n          <button class=\"cta-btn ${interp.cls}\" onclick=\"openWhatsAppContact('${interp.lvl}')\" style=\"margin-bottom: 10px;background-color: #25D366;\">\n            \u062a\u0648\u0627\u0635\u0644 \u0645\u0628\u0627\u0634\u0631\u0629 \u0645\u0639 \u0627\u0644\u0637\u0628\u064a\u0628 \u0627\u0644\u0645\u062e\u062a\u0635 \u0644\u0645\u0646\u0627\u0642\u0634\u0629 \u0627\u0644\u062a\u0642\u0631\u064a\u0631\n          <\/button>\n\t\t\t<button class=\"cta-btn ${interp.cls}\" onclick=\"window.open('https:\/\/iveinclinic.com\/booking\/', '_blank')\">\n  \t\t\t  \u0627\u062d\u062c\u0632 \u0645\u0648\u0639\u062f\u0643 \u0627\u0644\u0622\u0646 \n\t\t\t<\/button>\n\n          \n          <span class=\"restart-link\" onclick=\"restart()\">\u0625\u0639\u0627\u062f\u0629 \u0625\u062c\u0631\u0627\u0621 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0645\u0646 \u062c\u062f\u064a\u062f<\/span>\n        <\/div>\n      `;\n    }\n\n    function openWhatsAppContact(urg) {\n      const msg = `\u0645\u0631\u062d\u0628\u0627\u064b\u060c \u0623\u0631\u063a\u0628 \u0641\u064a \u062d\u062c\u0632 \u062a\u0642\u064a\u064a\u0645 \u0637\u0628\u064a \u0644\u0623\u0648\u0631\u062f\u0629 \u0627\u0644\u0633\u0627\u0642\u064a\u0646 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0641\u0648\u0631\u064a \u0644\u0644\u062a\u0642\u064a\u064a\u0645.\\n\u0627\u0644\u0627\u0633\u0645: ${patient.name}\\n\u0627\u0644\u0647\u0627\u062a\u0641: ${patient.phone}\\n\u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0627\u062d\u062a\u0645\u0627\u0644\u064a\u0629: ${urg}`;\n      window.open('https:\/\/wa.me\/+201557577146?text=' + encodeURIComponent(msg), '_blank');\n    }\n\n    function restart() {\n      answers = {}; _result = null; painReliefAnswer = undefined;\n      Object.keys(photoAns).forEach(k => photoAns[k] = undefined);\n      \n      document.querySelectorAll('.photo-card').forEach(c => c.classList.remove('selected'));\n      document.querySelectorAll('.photo-question-block').forEach(b => b.classList.remove('answered-yes'));\n      \n      document.getElementById('gender-male').classList.remove('selected');\n      document.getElementById('gender-female').classList.remove('selected');\n      \n      ['inp-name','inp-age','inp-phone','inp-job'].forEach(id => {\n        const e = document.getElementById(id);\n        if(e) e.value = '';\n      });\n\n      document.getElementById('medicalQList').innerHTML = '';\n      document.getElementById('appearanceQList').innerHTML = '';\n      document.getElementById('symptomsQList').innerHTML = '';\n      document.getElementById('historyQList').innerHTML = '';\n\n      buildAndRenderList(medicalQs, 'medicalQList', 'checkMedical');\n      buildAndRenderList(appearanceQs, 'appearanceQList', 'checkAppearance');\n      buildAndRenderList(symptomsQs, 'symptomsQList', 'checkSymptoms');\n      buildAndRenderList(historyQs, 'historyQList', 'checkHistory');\n\n      const btnSubmit = document.getElementById('btn-submit');\n      btnSubmit.disabled = false;\n      btnSubmit.innerText = '\u0639\u0631\u0636 \u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0627\u0644\u0637\u0628\u064a \u0627\u0644\u0622\u0646';\n\n      goToStep(0);\n    }\n    <\/script>\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-21097","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/iveinclinic.com\/ar\/wp-json\/wp\/v2\/pages\/21097","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iveinclinic.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iveinclinic.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iveinclinic.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iveinclinic.com\/ar\/wp-json\/wp\/v2\/comments?post=21097"}],"version-history":[{"count":1,"href":"https:\/\/iveinclinic.com\/ar\/wp-json\/wp\/v2\/pages\/21097\/revisions"}],"predecessor-version":[{"id":21098,"href":"https:\/\/iveinclinic.com\/ar\/wp-json\/wp\/v2\/pages\/21097\/revisions\/21098"}],"wp:attachment":[{"href":"https:\/\/iveinclinic.com\/ar\/wp-json\/wp\/v2\/media?parent=21097"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}