{"id":45075,"date":"2026-03-20T09:46:42","date_gmt":"2026-03-20T07:46:42","guid":{"rendered":"https:\/\/vbansko.com\/?page_id=45075"},"modified":"2026-04-07T08:59:20","modified_gmt":"2026-04-07T05:59:20","slug":"hapni-v-bansko","status":"publish","type":"page","link":"https:\/\/vbansko.com\/ru\/%d0%b2%d0%b2%d0%b5%d0%b4%d0%b5%d0%bd%d0%b8%d1%8f\/hapni-v-bansko\/","title":{"rendered":"\u041f\u043e\u0435\u0441\u0442\u044c \u0432 \u0411\u0430\u043d\u0441\u043a\u043e"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"45075\" class=\"elementor elementor-45075\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42183fd e-flex e-con-boxed e-con e-parent\" data-id=\"42183fd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\n\t\t<div class=\"elementor-element elementor-element-2b60149 elementor-widget elementor-widget-html\" data-id=\"2b60149\" 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<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     \u0411\u0410\u041d\u0421\u041a\u041e \u0420\u0415\u0421\u0422\u041e\u0420\u0410\u041d\u0422 \u041d\u0410\u041c\u0415\u0420\u0418\u0422\u0415\u041b PRO v4 \u2014 \u0424\u0418\u041d\u0410\u041b\u0415\u041d\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@600;700&family=Outfit:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n\n<style>\n#rest-wrap {\n  --forest: #1C3226; --gold: #B8913A; --gold-mid: #D4A853;\n  --stone: #F0EBE1; --ink: #1A1F1C; --muted: #6B7A72; --border: #DDD8CE;\n  --white: #FFFFFF; --bg-main: #FAF7F2;\n  --font-d: 'Cormorant Garamond', serif; --font-b: 'Outfit', sans-serif;\n  --r: 12px; --r-sm: 8px; --sh: 0 4px 20px rgba(0,0,0,.06);\n  font-family: var(--font-b); color: var(--ink);\n  max-width: 800px; margin: 40px auto;\n}\n#rest-wrap * { box-sizing: border-box; }\n\n#rest-root {\n  background: var(--white); border-radius: var(--r);\n  box-shadow: var(--sh); overflow: hidden; border: 1px solid var(--border);\n}\n\n\/* \u2500\u2500 \u0425\u0415\u0414\u042a\u0420 \u2500\u2500 *\/\n#rest-wrap .rest-header {\n  background: var(--forest) !important;\n  padding: 30px 24px; text-align: center;\n}\n#rest-wrap .rest-header .eyebrow {\n  font-size: 11px !important; font-weight: 600 !important;\n  letter-spacing: 2px !important; text-transform: uppercase !important;\n  color: var(--gold-mid) !important; margin-bottom: 8px !important;\n  display: block !important;\n}\n#rest-wrap .rest-header h2 {\n  font-family: var(--font-d) !important; font-size: 30px !important;\n  color: #FFFFFF !important; margin: 0 !important; line-height: 1.2 !important;\n  text-shadow: none !important; -webkit-text-fill-color: #FFFFFF !important;\n}\n#rest-wrap .rest-header p {\n  font-size: 15px !important; color: rgba(255,255,255,.75) !important;\n  margin: 10px 0 0 !important; font-weight: 300 !important;\n}\n\n\/* \u2500\u2500 \u041f\u0420\u041e\u0413\u0420\u0415\u0421 \u0411\u0410\u0420 \u2500\u2500 *\/\n#rest-wrap .rest-prog-wrap {\n  background: var(--stone); padding: 12px 24px;\n  display: flex; align-items: center; gap: 15px;\n}\n#rest-wrap .rest-prog-label {\n  font-size: 12px; font-weight: 600; color: var(--muted);\n  text-transform: uppercase; white-space: nowrap;\n}\n#rest-wrap .rest-prog-bg {\n  flex: 1; height: 6px; background: var(--border); border-radius: 10px;\n}\n#rest-wrap .rest-prog-fill {\n  height: 100%; background: var(--gold); border-radius: 10px;\n  transition: width 0.4s ease; width: 14.28%;\n}\n\n\/* \u2500\u2500 \u0422\u042f\u041b\u041e \u2500\u2500 *\/\n#rest-wrap .rest-body { padding: 30px 24px 36px; min-height: 380px; }\n#rest-wrap .rest-screen { display: none; animation: restFadeUp .4s ease both; }\n#rest-wrap .rest-screen.active { display: block; }\n\n@keyframes restFadeUp {\n  from { opacity: 0; transform: translateY(12px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n\n#rest-wrap .rest-q-title {\n  font-family: var(--font-d); font-size: 26px; text-align: center;\n  margin: 0 0 8px; color: var(--ink);\n}\n#rest-wrap .rest-q-sub {\n  text-align: center; color: var(--muted); margin-bottom: 28px; font-size: 14px; line-height: 1.5;\n}\n\n\/* \u2500\u2500 \u0411\u0423\u0422\u041e\u041d \u041d\u0410\u0417\u0410\u0414 \u2500\u2500 *\/\n#rest-wrap .rest-nav {\n  display: flex; align-items: center; margin-bottom: 20px; min-height: 36px;\n}\n#rest-wrap .rest-back-btn {\n  background: none; border: 1px solid var(--border); border-radius: 6px;\n  padding: 7px 14px; font-family: var(--font-b); font-size: 13px;\n  color: var(--muted); cursor: pointer; display: flex; align-items: center; gap: 6px;\n  transition: all 0.2s;\n}\n#rest-wrap .rest-back-btn:hover { background: var(--stone); color: var(--ink); }\n\n\/* \u2500\u2500 \u041e\u041f\u0426\u0418\u0418 \u2500\u2500 *\/\n#rest-wrap .rest-opts {\n  display: grid; grid-template-columns: 1fr 1fr; gap: 12px;\n}\n#rest-wrap .rest-opts.cols-3 { grid-template-columns: 1fr 1fr 1fr; }\n#rest-wrap .rest-opts.cols-1 { grid-template-columns: 1fr; }\n\n#rest-wrap .rest-opt {\n  background: var(--bg-main); border: 2px solid transparent;\n  border-radius: var(--r-sm); padding: 18px 14px; text-align: center;\n  cursor: pointer; transition: all 0.2s;\n}\n#rest-wrap .rest-opt:hover { background: var(--stone); border-color: var(--border); }\n#rest-wrap .rest-opt.selected {\n  border-color: var(--gold) !important; background: #fdfaf4 !important;\n}\n#rest-wrap .rest-opt .rest-opt-icon {\n  font-size: 30px; margin-bottom: 9px; display: block;\n  font-style: normal; line-height: 1;\n}\n#rest-wrap .rest-opt strong {\n  display: block; font-size: 15px; font-weight: 600;\n  margin-bottom: 4px; color: var(--ink);\n}\n#rest-wrap .rest-opt span { font-size: 12px; color: var(--muted); }\n\n\/* \u2500\u2500 \u0411\u0423\u0422\u041e\u041d \u041d\u0410\u041f\u0420\u0415\u0414 (\u0437\u0430 \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u0435\u043d \u0438\u0437\u0431\u043e\u0440) \u2500\u2500 *\/\n#rest-wrap .rest-next-btn {\n  display: none; margin: 24px auto 0; padding: 13px 44px;\n  background: var(--forest); color: #fff !important;\n  border: none; border-radius: 8px; font-size: 16px; font-weight: 600;\n  font-family: var(--font-b); cursor: pointer; transition: opacity .2s;\n  text-align: center;\n}\n#rest-wrap .rest-next-btn:hover { opacity: 0.88; }\n\n\/* \u2500\u2500 \u041a\u0410\u0420\u0422\u0418 \u0420\u0415\u0417\u0423\u041b\u0422\u0410\u0422\u0418 \u2500\u2500 *\/\n#rest-wrap .rest-results-grid { display: grid; gap: 20px; margin-top: 10px; }\n#rest-wrap .rest-card {\n  display: flex; border: 1px solid var(--border); border-radius: var(--r-sm);\n  overflow: hidden; background: var(--white);\n}\n#rest-wrap .rest-card-img {\n  width: 160px; object-fit: cover; min-height: 160px;\n  background: var(--stone); flex-shrink: 0;\n}\n#rest-wrap .rest-card-content { padding: 20px; flex: 1; }\n#rest-wrap .rest-card h4 {\n  font-family: var(--font-d); font-size: 22px; margin: 0 0 10px; color: var(--ink);\n}\n#rest-wrap .rest-card p {\n  font-size: 14px; color: var(--muted); margin: 0 0 14px; line-height: 1.5;\n}\n#rest-wrap .rest-tags { margin-bottom: 14px; }\n#rest-wrap .rest-tags span {\n  display: inline-block; font-size: 11px; font-weight: 600;\n  padding: 4px 10px; background: var(--stone); color: var(--muted);\n  border-radius: 20px; margin: 0 5px 5px 0;\n}\n#rest-wrap .rest-tags span.hi {\n  background: #E8F5E9; color: #2E7D32; border: 1px solid #C8E6C9;\n}\n#rest-wrap .rest-btn {\n  display: inline-block; padding: 10px 20px; background: var(--forest);\n  color: #FFFFFF !important; text-decoration: none; border-radius: 6px;\n  font-size: 14px; font-weight: 600; transition: opacity 0.2s;\n}\n#rest-wrap .rest-btn:hover { opacity: 0.88; }\n\n#rest-wrap .rest-restart {\n  display: block; width: 100%; text-align: center; padding: 14px;\n  margin-top: 28px; background: var(--bg-main); color: var(--ink);\n  border: 1px solid var(--border); border-radius: var(--r-sm);\n  cursor: pointer; font-weight: 600; font-family: var(--font-b); font-size: 15px;\n}\n#rest-wrap .rest-restart:hover { background: var(--stone); }\n\n#rest-wrap .rest-no-results {\n  text-align: center; padding: 30px 20px;\n  background: var(--bg-main); border-radius: var(--r-sm);\n  border: 1px solid var(--border);\n}\n#rest-wrap .rest-no-results p { font-size: 15px; color: var(--muted); line-height: 1.6; }\n\n@media(max-width: 600px) {\n  #rest-wrap .rest-opts { grid-template-columns: 1fr; }\n  #rest-wrap .rest-opts.cols-3 { grid-template-columns: 1fr; }\n  #rest-wrap .rest-card { flex-direction: column; }\n  #rest-wrap .rest-card-img { width: 100%; height: 180px; min-height: unset; }\n}\n<\/style>\n\n<!-- \u2550\u2550 HTML \u0421\u0422\u0420\u0423\u041a\u0422\u0423\u0420\u0410 \u2550\u2550 -->\n<div id=\"rest-wrap\">\n  <div id=\"rest-root\">\n\n    <!-- \u0425\u0415\u0414\u042a\u0420 -->\n    <div class=\"rest-header\">\n      <span class=\"eyebrow\">\u0413\u0430\u0441\u0442\u0440\u043e\u043d\u043e\u043c\u0438\u0447\u0435\u043d \u0433\u0438\u0434<\/span>\n      <h2>\u041f\u0435\u0440\u0444\u0435\u043a\u0442\u043d\u0430\u0442\u0430 \u0432\u0435\u0447\u0435\u0440\u044f \u0432 \u0411\u0430\u043d\u0441\u043a\u043e<\/h2>\n      <p>\u041e\u0442\u0433\u043e\u0432\u043e\u0440\u0435\u0442\u0435 \u043d\u0430 \u043d\u044f\u043a\u043e\u043b\u043a\u043e \u043a\u0440\u0430\u0442\u043a\u0438 \u0432\u044a\u043f\u0440\u043e\u0441\u0430 \u0438 \u0449\u0435 \u043d\u0430\u043c\u0435\u0440\u0438\u043c \u0438\u0434\u0435\u0430\u043b\u043d\u043e\u0442\u043e \u043c\u044f\u0441\u0442\u043e \u0437\u0430 \u0432\u0430\u0441.<\/p>\n    <\/div>\n\n    <!-- \u041f\u0420\u041e\u0413\u0420\u0415\u0421 \u0411\u0410\u0420 -->\n    <div class=\"rest-prog-wrap\" id=\"rest-prog-wrap\">\n      <div class=\"rest-prog-label\" id=\"rest-prog-label\">\u0412\u044a\u043f\u0440\u043e\u0441 1 \u043e\u0442 7<\/div>\n      <div class=\"rest-prog-bg\">\n        <div class=\"rest-prog-fill\" id=\"rest-prog-fill\"><\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"rest-body\">\n\n      <!-- \u2500\u2500 \u0412\u042a\u041f\u0420\u041e\u0421 1: \u041a\u041e\u041c\u041f\u0410\u041d\u0418\u042f \u2500\u2500 -->\n      <div class=\"rest-screen active\" id=\"rest-q-1\">\n        <div class=\"rest-nav\"><!-- \u0412\u044a\u043f\u0440\u043e\u0441 1 \u2014 \u0431\u0435\u0437 \u041d\u0430\u0437\u0430\u0434 --><\/div>\n        <h3 class=\"rest-q-title\">\u0421 \u043a\u0430\u043a\u0432\u0430 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f \u0441\u0442\u0435?<\/h3>\n        <p class=\"rest-q-sub\">\u0422\u043e\u0432\u0430 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f \u043d\u0443\u0436\u043d\u0430\u0442\u0430 \u0430\u0442\u043c\u043e\u0441\u0444\u0435\u0440\u0430.<\/p>\n        <div class=\"rest-opts\">\n          <div class=\"rest-opt\" onclick=\"restNext(1,'family')\">\n            <span class=\"rest-opt-icon\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc66<\/span>\n            <strong>\u0421\u0435\u043c\u0435\u0439\u0441\u0442\u0432\u043e \u0441 \u0434\u0435\u0446\u0430<\/strong><span>\u0421\u043f\u043e\u043a\u043e\u0439\u0441\u0442\u0432\u0438\u0435 \u0438 \u0434\u0435\u0442\u0441\u043a\u043e \u043c\u0435\u043d\u044e<\/span>\n          <\/div>\n          <div class=\"rest-opt\" onclick=\"restNext(1,'romantic')\">\n            <span class=\"rest-opt-icon\">\ud83e\udd42<\/span>\n            <strong>\u0420\u043e\u043c\u0430\u043d\u0442\u0438\u0447\u043d\u043e \/ \u0414\u0432\u043e\u0439\u043a\u0430<\/strong><span>\u0423\u044e\u0442\u043d\u0430 \u0438 \u0442\u0438\u0445\u0430 \u043e\u0431\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430<\/span>\n          <\/div>\n          <div class=\"rest-opt\" onclick=\"restNext(1,'friends')\">\n            <span class=\"rest-opt-icon\">\ud83c\udf89<\/span>\n            <strong>\u0428\u0443\u043c\u043d\u0430 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f<\/strong><span>\u0413\u043e\u0442\u043e\u0432\u0438 \u0437\u0430 \u0437\u0430\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435<\/span>\n          <\/div>\n          <div class=\"rest-opt\" onclick=\"restNext(1,'solo')\">\n            <span class=\"rest-opt-icon\">\ud83d\udcbb<\/span>\n            <strong>\u0421\u0430\u043c \/ \u0414\u0438\u0433\u0438\u0442\u0430\u043b\u0435\u043d \u043d\u043e\u043c\u0430\u0434<\/strong><span>\u0411\u044a\u0440\u0437\u043e \u0445\u0430\u043f\u0432\u0430\u043d\u0435, \u043c\u0435\u0441\u0442\u043e \u0437\u0430 \u043b\u0430\u043f\u0442\u043e\u043f<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- \u2500\u2500 \u0412\u042a\u041f\u0420\u041e\u0421 2: \u041a\u0423\u0425\u041d\u042f \u2500\u2500 -->\n      <div class=\"rest-screen\" id=\"rest-q-2\">\n        <div class=\"rest-nav\">\n          <button class=\"rest-back-btn\" onclick=\"restBack(2)\">\u2190 \u041d\u0430\u0437\u0430\u0434<\/button>\n        <\/div>\n        <h3 class=\"rest-q-title\">\u041a\u0430\u043a\u0432\u043e \u0432\u0438 \u0441\u0435 \u0445\u0430\u043f\u0432\u0430?<\/h3>\n        <p class=\"rest-q-sub\">\u0418\u0437\u0431\u0435\u0440\u0435\u0442\u0435 \u043f\u0440\u0435\u0434\u043f\u043e\u0447\u0438\u0442\u0430\u043d\u0430\u0442\u0430 \u043a\u0443\u0445\u043d\u044f \u0437\u0430 \u0434\u043d\u0435\u0441.<\/p>\n        <div class=\"rest-opts\">\n          <div class=\"rest-opt\" onclick=\"restNext(2,'bg')\">\n            <span class=\"rest-opt-icon\">\ud83e\udd69<\/span>\n            <strong>\u0422\u0440\u0430\u0434\u0438\u0446\u0438\u043e\u043d\u043d\u0430 \u041c\u0435\u0445\u0430\u043d\u0430<\/strong><span>\u0421\u043a\u0430\u0440\u0430, \u0431\u0430\u043d\u0441\u043a\u0438 \u0441\u0442\u0430\u0440\u0435\u0446, \u043a\u0430\u043f\u0430\u043c\u0430<\/span>\n          <\/div>\n          <div class=\"rest-opt\" onclick=\"restNext(2,'euro')\">\n            <span class=\"rest-opt-icon\">\ud83c\udf55<\/span>\n            <strong>\u041f\u0438\u0446\u0430 \u0438 \u041f\u0430\u0441\u0442\u0430<\/strong><span>\u0418\u0442\u0430\u043b\u0438\u0430\u043d\u0441\u043a\u0430 \/ \u0441\u0440\u0435\u0434\u0438\u0437\u0435\u043c\u043d\u043e\u043c\u043e\u0440\u0441\u043a\u0430<\/span>\n          <\/div>\n          <div class=\"rest-opt\" onclick=\"restNext(2,'modern')\">\n            <span class=\"rest-opt-icon\">\ud83c\udf77<\/span>\n            <strong>\u041c\u043e\u0434\u0435\u0440\u043d\u0430 \/ Fine Dining<\/strong><span>\u0421\u0442\u0435\u043a\u043e\u0432\u0435, \u0433\u0443\u0440\u043c\u0435, \u0430\u0432\u0442\u043e\u0440\u0441\u043a\u0430 \u043a\u0443\u0445\u043d\u044f<\/span>\n          <\/div>\n          <div class=\"rest-opt\" onclick=\"restNext(2,'fast')\">\n            <span class=\"rest-opt-icon\">\ud83c\udf54<\/span>\n            <strong>\u0421\u043b\u0435\u0434 \u0421\u043a\u0438 \/ \u041d\u0430\u0431\u044a\u0440\u0437\u043e<\/strong><span>\u0411\u0443\u0440\u0433\u0435\u0440\u0438, \u043a\u0430\u0440\u0442\u043e\u0444\u043a\u0438, \u0431\u0438\u0440\u0430<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- \u2500\u2500 \u0412\u042a\u041f\u0420\u041e\u0421 3: \u041b\u041e\u041a\u0410\u0426\u0418\u042f (\u041c\u041d\u041e\u0416\u0415\u0421\u0422\u0412\u0415\u041d \u0418\u0417\u0411\u041e\u0420) \u2500\u2500 -->\n      <div class=\"rest-screen\" id=\"rest-q-3\">\n        <div class=\"rest-nav\">\n          <button class=\"rest-back-btn\" onclick=\"restBack(3)\">\u2190 \u041d\u0430\u0437\u0430\u0434<\/button>\n        <\/div>\n        <h3 class=\"rest-q-title\">\u041a\u043e\u044f \u0437\u043e\u043d\u0430 \u0438\u0441\u043a\u0430\u0442\u0435 \u0434\u0430 \u0438\u0437\u0441\u043b\u0435\u0434\u0432\u0430\u0442\u0435?<\/h3>\n        <p class=\"rest-q-sub\">\u041c\u043e\u0436\u0435\u0442\u0435 \u0434\u0430 \u0438\u0437\u0431\u0435\u0440\u0435\u0442\u0435 <strong>\u043f\u043e\u0432\u0435\u0447\u0435 \u043e\u0442 \u0435\u0434\u043d\u043e \u043c\u044f\u0441\u0442\u043e<\/strong> \u2014 \u0449\u0435 \u043f\u043e\u043a\u0430\u0436\u0435\u043c \u0440\u0435\u0441\u0442\u043e\u0440\u0430\u043d\u0442\u0438 \u043e\u0442 \u0432\u0441\u0438\u0447\u043a\u0438 \u0438\u0437\u0431\u0440\u0430\u043d\u0438 \u0437\u043e\u043d\u0438.<\/p>\n        <div class=\"rest-opts cols-3\" id=\"loc-opts\">\n          <div class=\"rest-opt loc-opt\" data-loc=\"gondola\" onclick=\"restToggleLoc(this)\">\n            <span class=\"rest-opt-icon\">\ud83d\udea0<\/span>\n            <strong><a class=\"wpil_keyword_link\" href=\"https:\/\/vbansko.com\/za-bansko\/\"   title=\"\u0411\u0430\u043d\u0441\u043a\u043e\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"6485\">\u0411\u0430\u043d\u0441\u043a\u043e<\/a> \u2014 \u0413\u043e\u043d\u0434\u043e\u043b\u0430\u0442\u0430<\/strong><span>\u0422\u0443\u0440\u0438\u0441\u0442\u0438\u0447\u0435\u0441\u043a\u0430\u0442\u0430 \u0437\u043e\u043d\u0430<\/span>\n          <\/div>\n          <div class=\"rest-opt loc-opt\" data-loc=\"oldtown\" onclick=\"restToggleLoc(this)\">\n            <span class=\"rest-opt-icon\">\ud83c\udfd8\ufe0f<\/span>\n            <strong>\u0411\u0430\u043d\u0441\u043a\u043e \u2014 \u0421\u0442\u0430\u0440 \u0413\u0440\u0430\u0434<\/strong><span>\u0426\u0435\u043d\u0442\u044a\u0440\u0430 \u0438 \u043c\u0435\u0445\u0430\u043d\u0438\u0442\u0435<\/span>\n          <\/div>\n          <div class=\"rest-opt loc-opt\" data-loc=\"razlog\" onclick=\"restToggleLoc(this)\">\n            <span class=\"rest-opt-icon\">\ud83c\udfd4\ufe0f<\/span>\n            <strong>\u0420\u0430\u0437\u043b\u043e\u0433<\/strong><span>5 \u043c\u0438\u043d. \u043e\u0442 \u0411\u0430\u043d\u0441\u043a\u043e<\/span>\n          <\/div>\n          <div class=\"rest-opt loc-opt\" data-loc=\"dobrinishte\" onclick=\"restToggleLoc(this)\">\n            <span class=\"rest-opt-icon\">\u2668\ufe0f<\/span>\n            <strong>\u0414\u043e\u0431\u0440\u0438\u043d\u0438\u0449\u0435<\/strong><span>\u0413\u043e\u0440\u0435\u0449\u0438\u0442\u0435 \u0438\u0437\u0432\u043e\u0440\u0438<\/span>\n          <\/div>\n          <div class=\"rest-opt loc-opt\" data-loc=\"banya\" onclick=\"restToggleLoc(this)\">\n            <span class=\"rest-opt-icon\">\ud83c\udf3f<\/span>\n            <strong>\u0411\u0430\u043d\u044f<\/strong><span>\u0421\u043f\u043e\u043a\u043e\u0439\u043d\u043e\u0442\u043e \u0441\u0435\u043b\u043e<\/span>\n          <\/div>\n          <div class=\"rest-opt loc-opt\" data-loc=\"any\" onclick=\"restToggleLoc(this)\">\n            <span class=\"rest-opt-icon\">\ud83d\ude95<\/span>\n            <strong>\u041d\u0430\u0432\u0441\u044f\u043a\u044a\u0434\u0435<\/strong><span>\u0411\u0435\u0437 \u043f\u0440\u0435\u0434\u043f\u043e\u0447\u0438\u0442\u0430\u043d\u0438\u0435<\/span>\n          <\/div>\n        <\/div>\n        <div style=\"text-align:center;\">\n          <button class=\"rest-next-btn\" id=\"loc-next-btn\" onclick=\"restConfirmLoc()\">\n            \u041d\u0430\u043f\u0440\u0435\u0434 \u2192\n          <\/button>\n        <\/div>\n      <\/div>\n\n      <!-- \u2500\u2500 \u0412\u042a\u041f\u0420\u041e\u0421 4: \u0414\u0418\u0415\u0422\u0418 \u0418 \u0410\u041b\u0415\u0420\u0413\u0418\u0418 \u2500\u2500 -->\n      <div class=\"rest-screen\" id=\"rest-q-4\">\n        <div class=\"rest-nav\">\n          <button class=\"rest-back-btn\" onclick=\"restBack(4)\">\u2190 \u041d\u0430\u0437\u0430\u0434<\/button>\n        <\/div>\n        <h3 class=\"rest-q-title\">\u0421\u043f\u0435\u0446\u0438\u0430\u043b\u043d\u0438 \u0438\u0437\u0438\u0441\u043a\u0432\u0430\u043d\u0438\u044f \u043a\u044a\u043c \u0445\u0440\u0430\u043d\u0430\u0442\u0430?<\/h3>\n        <p class=\"rest-q-sub\">\u0429\u0435 \u043f\u043e\u043a\u0430\u0436\u0435\u043c \u0441\u0430\u043c\u043e \u043f\u043e\u0434\u0445\u043e\u0434\u044f\u0449\u0438\u0442\u0435 \u043c\u0435\u043d\u044e\u0442\u0430.<\/p>\n        <div class=\"rest-opts cols-3\">\n          <div class=\"rest-opt\" onclick=\"restNext(4,'none')\">\n            <span class=\"rest-opt-icon\">\ud83c\udf7d\ufe0f<\/span>\n            <strong>\u042f\u0434\u0435\u043c \u0432\u0441\u0438\u0447\u043a\u043e<\/strong><span>\u0411\u0435\u0437 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u044f<\/span>\n          <\/div>\n          <div class=\"rest-opt\" onclick=\"restNext(4,'vegan')\">\n            <span class=\"rest-opt-icon\">\ud83e\udd57<\/span>\n            <strong>\u0412\u0435\u0433\u0430\u043d \/ \u0412\u0435\u0433\u0435\u0442\u0430\u0440\u0438\u0430\u043d\u0435\u0446<\/strong><span>\u0411\u043e\u0433\u0430\u0442\u043e \u0431\u0435\u0437\u043c\u0435\u0441\u043d\u043e \u043c\u0435\u043d\u044e<\/span>\n          <\/div>\n          <div class=\"rest-opt\" onclick=\"restNext(4,'gf')\">\n            <span class=\"rest-opt-icon\">\ud83c\udf3e<\/span>\n            <strong>\u0410\u043b\u0435\u0440\u0433\u0438\u0438 \/ \u0411\u0435\u0437 \u0433\u043b\u0443\u0442\u0435\u043d<\/strong><span>\u0421\u0442\u0440\u0438\u043a\u0442\u043d\u0438 \u0441\u043c\u0435 \u043a\u044a\u043c \u0441\u044a\u0441\u0442\u0430\u0432\u043a\u0438\u0442\u0435<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- \u2500\u2500 \u0412\u042a\u041f\u0420\u041e\u0421 5: \u041c\u0423\u0417\u0418\u041a\u0410 \u2500\u2500 -->\n      <div class=\"rest-screen\" id=\"rest-q-5\">\n        <div class=\"rest-nav\">\n          <button class=\"rest-back-btn\" onclick=\"restBack(5)\">\u2190 \u041d\u0430\u0437\u0430\u0434<\/button>\n        <\/div>\n        <h3 class=\"rest-q-title\">\u041c\u0443\u0437\u0438\u043a\u0430\u043b\u043d\u0430 \u0430\u0442\u043c\u043e\u0441\u0444\u0435\u0440\u0430?<\/h3>\n        <p class=\"rest-q-sub\">\u041a\u0430\u043a\u0432\u0430 \u043e\u0431\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u0442\u044a\u0440\u0441\u0438\u0442\u0435 \u0442\u0430\u0437\u0438 \u0432\u0435\u0447\u0435\u0440?<\/p>\n        <div class=\"rest-opts\">\n          <div class=\"rest-opt\" onclick=\"restNext(5,'live')\">\n            <span class=\"rest-opt-icon\">\ud83c\udfb8<\/span>\n            <strong>\u0416\u0438\u0432\u0430 \u043c\u0443\u0437\u0438\u043a\u0430<\/strong><span>\u041a\u0443\u043f\u043e\u043d \u0438 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u0435<\/span>\n          <\/div>\n          <div class=\"rest-opt\" onclick=\"restNext(5,'quiet')\">\n            <span class=\"rest-opt-icon\">\ud83d\udd6f\ufe0f<\/span>\n            <strong>\u0422\u0438\u0445\u043e \u0438 \u0443\u044e\u0442\u043d\u043e<\/strong><span>\u0418\u0441\u043a\u0430\u043c\u0435 \u0434\u0430 \u0441\u0438 \u0433\u043e\u0432\u043e\u0440\u0438\u043c \u0441\u043f\u043e\u043a\u043e\u0439\u043d\u043e<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- \u2500\u2500 \u0412\u042a\u041f\u0420\u041e\u0421 6: \u041f\u0423\u0428\u0415\u041d\u0415 \u2500\u2500 -->\n      <div class=\"rest-screen\" id=\"rest-q-6\">\n        <div class=\"rest-nav\">\n          <button class=\"rest-back-btn\" onclick=\"restBack(6)\">\u2190 \u041d\u0430\u0437\u0430\u0434<\/button>\n        <\/div>\n        <h3 class=\"rest-q-title\">\u041f\u0443\u0448\u0430\u0447\u0438 \u043b\u0438 \u0441\u0442\u0435?<\/h3>\n        <p class=\"rest-q-sub\">\u0417\u0438\u043c\u0430\u0442\u0430 \u0432 \u0411\u0430\u043d\u0441\u043a\u043e \u0442\u043e\u0432\u0430 \u0435 \u0432\u0430\u0436\u0435\u043d \u0434\u0435\u0442\u0430\u0439\u043b.<\/p>\n        <div class=\"rest-opts\">\n          <div class=\"rest-opt\" onclick=\"restNext(6,'smoking')\">\n            <span class=\"rest-opt-icon\">\ud83d\udeac<\/span>\n            <strong>\u0414\u0430, \u043f\u0443\u0448\u0438\u043c<\/strong><span>\u0422\u0440\u044f\u0431\u0432\u0430 \u043d\u0438 \u0442\u043e\u043f\u043b\u0430 \u0437\u0438\u043c\u043d\u0430 \u0433\u0440\u0430\u0434\u0438\u043d\u0430<\/span>\n          <\/div>\n          <div class=\"rest-opt\" onclick=\"restNext(6,'non_smoking')\">\n            <span class=\"rest-opt-icon\">\ud83c\udfe0<\/span>\n            <strong>\u041d\u0435 \u043f\u0443\u0448\u0438\u043c<\/strong><span>\u041f\u0440\u0435\u0434\u043f\u043e\u0447\u0438\u0442\u0430\u043c\u0435 \u0432\u044a\u0442\u0440\u0435\u0448\u043d\u043e \u043f\u043e\u043c\u0435\u0449\u0435\u043d\u0438\u0435<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- \u2500\u2500 \u0412\u042a\u041f\u0420\u041e\u0421 7: \u041a\u0423\u0427\u0415 \u2500\u2500 -->\n      <div class=\"rest-screen\" id=\"rest-q-7\">\n        <div class=\"rest-nav\">\n          <button class=\"rest-back-btn\" onclick=\"restBack(7)\">\u2190 \u041d\u0430\u0437\u0430\u0434<\/button>\n        <\/div>\n        <h3 class=\"rest-q-title\">\u0429\u0435 \u0431\u044a\u0434\u0435\u0442\u0435 \u043b\u0438 \u0441 \u043a\u0443\u0447\u0435?<\/h3>\n        <p class=\"rest-q-sub\">\u0429\u0435 \u043f\u043e\u043a\u0430\u0436\u0435\u043c \u0441\u0430\u043c\u043e Pet Friendly \u043c\u0435\u0441\u0442\u0430 \u0430\u043a\u043e \u0435 \u043d\u0443\u0436\u043d\u043e.<\/p>\n        <div class=\"rest-opts\">\n          <div class=\"rest-opt\" onclick=\"restNext(7,'dog')\">\n            <span class=\"rest-opt-icon\">\ud83d\udc15<\/span>\n            <strong>\u0414\u0430, \u0441 \u043a\u0443\u0447\u0435 \u0441\u043c\u0435<\/strong><span>\u0422\u044a\u0440\u0441\u0438\u043c Pet Friendly \u043c\u044f\u0441\u0442\u043e<\/span>\n          <\/div>\n          <div class=\"rest-opt\" onclick=\"restNext(7,'no_dog')\">\n            <span class=\"rest-opt-icon\">\ud83d\udeb6<\/span>\n            <strong>\u041d\u0435<\/strong><span>\u0411\u0435\u0437 \u0434\u043e\u043c\u0430\u0448\u043d\u0438 \u043b\u044e\u0431\u0438\u043c\u0446\u0438<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- \u2500\u2500 \u0420\u0415\u0417\u0423\u041b\u0422\u0410\u0422\u0418 \u2500\u2500 -->\n      <div class=\"rest-screen\" id=\"rest-results\">\n        <h3 class=\"rest-q-title\">\u0412\u0430\u0448\u0438\u0442\u0435 \u0438\u0434\u0435\u0430\u043b\u043d\u0438 \u043c\u0435\u0441\u0442\u0430<\/h3>\n        <p class=\"rest-q-sub\">\u041d\u0430\u043c\u0435\u0440\u0438\u0445\u043c\u0435 \u043d\u0430\u0439-\u0434\u043e\u0431\u0440\u0438\u0442\u0435 \u0441\u044a\u0432\u043f\u0430\u0434\u0435\u043d\u0438\u044f \u0441\u043f\u0440\u044f\u043c\u043e \u0432\u0430\u0448\u0438\u0442\u0435 \u043f\u0440\u0435\u0434\u043f\u043e\u0447\u0438\u0442\u0430\u043d\u0438\u044f:<\/p>\n        <div class=\"rest-results-grid\" id=\"rest-results-container\"><\/div>\n        <button class=\"rest-restart\" onclick=\"restRestart()\">\u21ba \u041d\u0430\u043f\u0440\u0430\u0432\u0438 \u0442\u0435\u0441\u0442\u0430 \u043e\u0442\u043d\u043e\u0432\u043e<\/button>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n\nconst TOTAL = 7;\n\n\/* \u2550\u2550 \u0411\u0410\u0417\u0410 \u0414\u0410\u041d\u041d\u0418 \u0420\u0415\u0421\u0422\u041e\u0420\u0410\u041d\u0422\u0418 \u2550\u2550\n   \u0417\u0430\u043c\u0435\u043d\u0435\u0442\u0435 img \u0438 link \u0441 \u0432\u0430\u0448\u0438\u0442\u0435 \u0440\u0435\u0430\u043b\u043d\u0438 \u0441\u043d\u0438\u043c\u043a\u0438 \u0438 URL \u0430\u0434\u0440\u0435\u0441\u0438.\n   tags: ['\u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f','\u043a\u0443\u0445\u043d\u044f','\u043b\u043e\u043a\u0430\u0446\u0438\u044f','\u0434\u0438\u0435\u0442\u0430','\u043c\u0443\u0437\u0438\u043a\u0430','\u043f\u0443\u0448\u0435\u043d\u0435','\u043a\u0443\u0447\u0435']\n*\/\nconst RESTAURANTS = [\n  {\n    id: 'victoria', name: 'Victoria Bansko',\n    desc: '\u0415\u0432\u0440\u043e\u043f\u0435\u0439\u0441\u043a\u0430 \u043a\u0443\u0445\u043d\u044f \u0441 \u043e\u0442\u043b\u0438\u0447\u043d\u0430 \u043f\u0438\u0446\u0430 \u0438 \u043f\u0430\u0441\u0442\u0430. \u0422\u0438\u0445\u043e \u0438 \u0441\u0435\u043c\u0435\u0439\u043d\u043e, \u0441 \u0432\u0435\u0433\u0430\u043d \u0438 \u0431\u0435\u0437\u0433\u043b\u0443\u0442\u0435\u043d\u043e\u0432\u0438 \u043e\u043f\u0446\u0438\u0438.',\n    img: 'https:\/\/images.unsplash.com\/photo-1513104890138-7c749659a591?w=400&q=80',\n    link: '#',\n    tags: ['family','euro','gondola','any','vegan','gf','quiet','non_smoking','no_dog']\n  },\n  {\n    id: 'dedo-pene', name: '\u041c\u0435\u0445\u0430\u043d\u0430 \u0414\u0435\u0434\u043e \u041f\u0435\u043d\u0435',\n    desc: '\u0410\u0432\u0442\u0435\u043d\u0442\u0438\u0447\u043d\u0430 \u0431\u0430\u043d\u0441\u043a\u0430 \u043e\u0431\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u0432 \u0421\u0442\u0430\u0440\u0438\u044f \u0433\u0440\u0430\u0434. \u041f\u0435\u0440\u0444\u0435\u043a\u0442\u043d\u0430 \u0441\u043a\u0430\u0440\u0430 \u0438 \u0442\u0440\u0430\u0434\u0438\u0446\u0438\u043e\u043d\u043d\u0430 \u0436\u0438\u0432\u0430 \u043c\u0443\u0437\u0438\u043a\u0430 \u0432\u0441\u044f\u043a\u0430 \u0432\u0435\u0447\u0435\u0440.',\n    img: 'https:\/\/images.unsplash.com\/photo-1525640788966-69bdb028aa73?w=400&q=80',\n    link: '#',\n    tags: ['friends','family','bg','oldtown','any','live','smoking','dog']\n  },\n  {\n    id: 'ginger', name: 'Ginger Bar & Dinner',\n    desc: '\u041c\u043e\u0434\u0435\u0440\u043d\u0430 \u0430\u0442\u043c\u043e\u0441\u0444\u0435\u0440\u0430 \u0441\u0440\u0435\u0449\u0443 \u0433\u043e\u043d\u0434\u043e\u043b\u0430\u0442\u0430. \u0421\u0442\u0440\u0430\u0445\u043e\u0442\u043d\u0438 \u043a\u043e\u043a\u0442\u0435\u0439\u043b\u0438, \u0436\u0438\u0432\u0430 \u043c\u0443\u0437\u0438\u043a\u0430 \u0438 \u043f\u0430\u0440\u0442\u0438 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u0435.',\n    img: 'https:\/\/images.unsplash.com\/photo-1514933651103-005eec06c04b?w=400&q=80',\n    link: '#',\n    tags: ['friends','modern','fast','gondola','any','vegan','live','smoking','dog']\n  },\n  {\n    id: 'amvrosia', name: 'Amvrosia Fine Dining',\n    desc: '\u0418\u0437\u0438\u0441\u043a\u0430\u043d\u0430 \u0430\u0432\u0442\u043e\u0440\u0441\u043a\u0430 \u043a\u0443\u0445\u043d\u044f \u0438 \u0431\u043e\u0433\u0430\u0442\u0430 \u0432\u0438\u043d\u0435\u043d\u0430 \u043b\u0438\u0441\u0442\u0430. \u0418\u0434\u0435\u0430\u043b\u043d\u043e\u0442\u043e \u0437\u0430 \u0440\u043e\u043c\u0430\u043d\u0442\u0438\u0447\u043d\u0430 \u0432\u0435\u0447\u0435\u0440\u044f \u0432 \u0442\u0438\u0448\u0438\u043d\u0430.',\n    img: 'https:\/\/images.unsplash.com\/photo-1517248135467-4c7edcad34c4?w=400&q=80',\n    link: '#',\n    tags: ['romantic','modern','any','vegan','gf','quiet','non_smoking','no_dog']\n  },\n  {\n    id: 'obetsanova', name: '\u041e\u0431\u0435\u0446\u0430\u043d\u043e\u0432\u0430 \u041a\u044a\u0449\u0430',\n    desc: '\u041e\u0433\u0440\u043e\u043c\u043d\u0430 \u043c\u0435\u0445\u0430\u043d\u0430 \u0434\u043e \u0446\u044a\u0440\u043a\u0432\u0430\u0442\u0430 \u0421\u0432\u0435\u0442\u0430 \u0422\u0440\u043e\u0438\u0446\u0430 \u2014 \u0437\u0430 \u0448\u0443\u043c\u043d\u0438 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438, \u0442\u0440\u0430\u0434\u0438\u0446\u0438\u043e\u043d\u043d\u0430 \u043c\u0443\u0437\u0438\u043a\u0430 \u0438 \u043a\u0443\u043f\u043e\u043d.',\n    img: 'https:\/\/images.unsplash.com\/photo-1555396273-367ea4eb4db5?w=400&q=80',\n    link: '#',\n    tags: ['friends','bg','oldtown','any','live','smoking','no_dog']\n  },\n  {\n    id: 'station', name: 'Station Bansko',\n    desc: '\u0411\u0443\u0440\u0433\u0435\u0440\u0438, \u0433\u0438\u0440\u043e\u0441 \u0438 \u043a\u0440\u0430\u0444\u0442 \u0431\u0438\u0440\u0430 \u0442\u043e\u0447\u043d\u043e \u0441\u043b\u0435\u0434 \u043f\u0438\u0441\u0442\u0438\u0442\u0435. \u0411\u044a\u0440\u0437\u043e, \u0432\u043a\u0443\u0441\u043d\u043e \u0438 pet friendly.',\n    img: 'https:\/\/images.unsplash.com\/photo-1550547660-d9450f859349?w=400&q=80',\n    link: '#',\n    tags: ['solo','fast','friends','gondola','any','vegan','quiet','non_smoking','dog']\n  },\n  {\n    id: 'razlog-mehana', name: '\u041c\u0435\u0445\u0430\u043d\u0430 \u201e\u041f\u0440\u0438 \u0414\u0435\u0434\u0430\" \u2014 \u0420\u0430\u0437\u043b\u043e\u0433',\n    desc: '\u0418\u0441\u0442\u0438\u043d\u0441\u043a\u0430 \u0434\u043e\u043c\u0430\u0448\u043d\u0430 \u043a\u0443\u0445\u043d\u044f \u0432 \u0446\u0435\u043d\u0442\u044a\u0440\u0430 \u043d\u0430 \u0420\u0430\u0437\u043b\u043e\u0433. \u041f\u043e-\u0442\u0438\u0445\u043e, \u043f\u043e-\u043c\u0435\u0441\u0442\u043d\u043e \u0438 \u043c\u043d\u043e\u0433\u043e \u043f\u043e-\u0430\u0432\u0442\u0435\u043d\u0442\u0438\u0447\u043d\u043e \u043e\u0442 \u0411\u0430\u043d\u0441\u043a\u043e.',\n    img: 'https:\/\/images.unsplash.com\/photo-1414235077428-338989a2e8c0?w=400&q=80',\n    link: '#',\n    tags: ['family','friends','bg','razlog','any','quiet','smoking','dog']\n  },\n  {\n    id: 'dobrinishte-rest', name: '\u0420\u0435\u0441\u0442\u043e\u0440\u0430\u043d\u0442 \u201e\u0418\u0437\u0432\u043e\u0440\u0438\u0442\u0435\" \u2014 \u0414\u043e\u0431\u0440\u0438\u043d\u0438\u0449\u0435',\n    desc: '\u0414\u043e \u0433\u043e\u0440\u0435\u0449\u0438\u0442\u0435 \u043c\u0438\u043d\u0435\u0440\u0430\u043b\u043d\u0438 \u0438\u0437\u0432\u043e\u0440\u0438. \u0427\u0443\u0434\u0435\u0441\u043d\u043e \u0437\u0430 \u0441\u0435\u043c\u0435\u0439\u043d\u0430 \u0432\u0435\u0447\u0435\u0440\u044f \u0441\u043b\u0435\u0434 \u0431\u0430\u043b\u043d\u0435\u043e \u043f\u0440\u043e\u0446\u0435\u0434\u0443\u0440\u0438.',\n    img: 'https:\/\/images.unsplash.com\/photo-1466978913421-dad2ebd01d17?w=400&q=80',\n    link: '#',\n    tags: ['family','romantic','bg','euro','dobrinishte','any','quiet','non_smoking','dog']\n  },\n  {\n    id: 'banya-rest', name: '\u0425\u0430\u043d \u201e\u0421\u0442\u0430\u0440\u0430\u0442\u0430 \u0412\u043e\u0434\u0435\u043d\u0438\u0446\u0430\" \u2014 \u0411\u0430\u043d\u044f',\n    desc: '\u0423\u0435\u0434\u0438\u043d\u0435\u043d\u043e \u0438 \u0441\u043f\u043e\u043a\u043e\u0439\u043d\u043e \u0432 \u0436\u0438\u0432\u043e\u043f\u0438\u0441\u043d\u043e\u0442\u043e \u0441\u0435\u043b\u043e \u0411\u0430\u043d\u044f. \u0412\u0435\u043b\u0438\u043a\u043e\u043b\u0435\u043f\u043d\u0430 \u043f\u0440\u0438\u0440\u043e\u0434\u0430 \u0438 \u0434\u043e\u043c\u0430\u0448\u043d\u043e \u043f\u0440\u0438\u0433\u043e\u0442\u0432\u0435\u043d\u0430 \u0445\u0440\u0430\u043d\u0430.',\n    img: 'https:\/\/images.unsplash.com\/photo-1424847651672-bf20a4b0982b?w=400&q=80',\n    link: '#',\n    tags: ['romantic','family','bg','banya','any','quiet','non_smoking','dog']\n  }\n];\n\n\/* \u0420\u0435\u0447\u043d\u0438\u043a \u043d\u0430 \u0442\u0430\u0433\u043e\u0432\u0435 \u2192 \u0447\u0435\u0442\u0438\u043c \u0435\u0442\u0438\u043a\u0435\u0442 *\/\nconst TAG_LABELS = {\n  bg:          { label: '\ud83e\udd69 \u0422\u0440\u0430\u0434\u0438\u0446\u0438\u043e\u043d\u043d\u0430',   cls: '' },\n  euro:        { label: '\ud83c\udf55 \u041f\u0438\u0446\u0430\/\u041f\u0430\u0441\u0442\u0430',    cls: '' },\n  modern:      { label: '\ud83c\udf77 Fine Dining',    cls: '' },\n  fast:        { label: '\ud83c\udf54 \u0421\u043b\u0435\u0434 \u0441\u043a\u0438',       cls: '' },\n  dog:         { label: '\ud83d\udc15 Pet Friendly',   cls: 'hi' },\n  live:        { label: '\ud83c\udfb8 \u0416\u0438\u0432\u0430 \u043c\u0443\u0437\u0438\u043a\u0430',    cls: 'hi' },\n  smoking:     { label: '\ud83d\udeac \u0417\u0438\u043c\u043d\u0430 \u0433\u0440\u0430\u0434\u0438\u043d\u0430',  cls: 'hi' },\n  vegan:       { label: '\ud83c\udf31 \u0412\u0435\u0433\u0430\u043d \u043e\u043f\u0446\u0438\u0438',    cls: 'hi' },\n  gf:          { label: '\ud83c\udf3e \u0411\u0435\u0437 \u0433\u043b\u0443\u0442\u0435\u043d',     cls: 'hi' },\n  razlog:      { label: '\ud83d\udccd \u0420\u0430\u0437\u043b\u043e\u0433',         cls: '' },\n  dobrinishte: { label: '\ud83d\udccd \u0414\u043e\u0431\u0440\u0438\u043d\u0438\u0449\u0435',      cls: '' },\n  banya:       { label: '\ud83d\udccd \u0411\u0430\u043d\u044f',           cls: '' },\n  gondola:     { label: '\ud83d\udccd \u0413\u043e\u043d\u0434\u043e\u043b\u0430\u0442\u0430',      cls: '' },\n  oldtown:     { label: '\ud83d\udccd \u0421\u0442\u0430\u0440 \u0413\u0440\u0430\u0434',      cls: '' },\n};\n\nlet A = {}; \/\/ \u041e\u0442\u0433\u043e\u0432\u043e\u0440\u0438 \u043d\u0430 \u043f\u043e\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043b\u044f\n\n\/* \u2500\u2500 \u0415\u0434\u0438\u043d\u0438\u0447\u0435\u043d \u0438\u0437\u0431\u043e\u0440 (\u0432\u044a\u043f\u0440\u043e\u0441\u0438 1,2,4,5,6,7) \u2500\u2500 *\/\nwindow.restNext = function(step, val) {\n  A['q'+step] = val;\n  goToScreen(step, step + 1);\n};\n\n\/* \u2500\u2500 \u041c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u0435\u043d \u0438\u0437\u0431\u043e\u0440 \u2014 Toggle \u0437\u0430 \u043b\u043e\u043a\u0430\u0446\u0438\u0438 \u2500\u2500 *\/\nwindow.restToggleLoc = function(el) {\n  const isAny = el.dataset.loc === 'any';\n  const opts  = document.querySelectorAll('#rest-wrap .loc-opt');\n\n  if (isAny) {\n    opts.forEach(o => o.classList.remove('selected'));\n    el.classList.add('selected');\n  } else {\n    document.querySelector('#rest-wrap .loc-opt[data-loc=\"any\"]').classList.remove('selected');\n    el.classList.toggle('selected');\n  }\n\n  const anySelected = document.querySelectorAll('#rest-wrap .loc-opt.selected').length > 0;\n  document.getElementById('loc-next-btn').style.display = anySelected ? 'block' : 'none';\n};\n\n\/* \u2500\u2500 \u041f\u043e\u0442\u0432\u044a\u0440\u0436\u0434\u0435\u043d\u0438\u0435 \u043d\u0430 \u043b\u043e\u043a\u0430\u0446\u0438\u0438\u0442\u0435 \u0438 \u043f\u0440\u0435\u043c\u0438\u043d\u0430\u0432\u0430\u043d\u0435 \u043a\u044a\u043c \u0432\u044a\u043f\u0440\u043e\u0441 4 \u2500\u2500 *\/\nwindow.restConfirmLoc = function() {\n  const selected = [...document.querySelectorAll('#rest-wrap .loc-opt.selected')].map(o => o.dataset.loc);\n  if (!selected.length) return;\n  A.q3 = selected;\n  goToScreen(3, 4);\n};\n\n\/* \u2500\u2500 \u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f \u041d\u0430\u0437\u0430\u0434 \u2500\u2500 *\/\nwindow.restBack = function(currentStep) {\n  document.getElementById('rest-q-'+currentStep).classList.remove('active');\n  let prev = currentStep - 1;\n  document.getElementById('rest-q-'+prev).classList.add('active');\n  updateProgress(prev);\n  delete A['q'+currentStep];\n};\n\n\/* \u2500\u2500 \u041f\u043e\u043c\u043e\u0449\u043d\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u2500\u2500 *\/\nfunction goToScreen(fromStep, toStep) {\n  document.getElementById('rest-q-'+fromStep).classList.remove('active');\n  if (toStep <= TOTAL) {\n    document.getElementById('rest-q-'+toStep).classList.add('active');\n    updateProgress(toStep);\n  } else {\n    showResults();\n  }\n}\n\nfunction updateProgress(step) {\n  let pct = (step \/ TOTAL * 100).toFixed(1);\n  document.getElementById('rest-prog-fill').style.width = pct + '%';\n  document.getElementById('rest-prog-label').innerText = '\u0412\u044a\u043f\u0440\u043e\u0441 ' + step + ' \u043e\u0442 ' + TOTAL;\n}\n\n\/* \u2500\u2500 \u041f\u043e\u043a\u0430\u0437\u0432\u0430\u043d\u0435 \u043d\u0430 \u0440\u0435\u0437\u0443\u043b\u0442\u0430\u0442\u0438\u0442\u0435 \u2500\u2500 *\/\nfunction showResults() {\n  document.getElementById('rest-prog-wrap').style.display = 'none';\n  document.getElementById('rest-results').classList.add('active');\n\n  let scored = [];\n\n  for (let r of RESTAURANTS) {\n    \/\/ \u0422\u0412\u042a\u0420\u0414 \u0424\u0418\u041b\u0422\u042a\u0420: \u043a\u0443\u0447\u0435 \u2014 \u0430\u043a\u043e \u043f\u043e\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043b\u044f\u0442 \u0435 \u0441 \u043a\u0443\u0447\u0435, \u043f\u043e\u043a\u0430\u0437\u0432\u0430\u043c\u0435 \u0441\u0430\u043c\u043e pet friendly\n    if (A.q7 === 'dog' && !r.tags.includes('dog')) continue;\n\n    let score = 0;\n\n    if (r.tags.includes(A.q1)) score += 2; \/\/ \u041a\u043e\u043c\u043f\u0430\u043d\u0438\u044f\n    if (r.tags.includes(A.q2)) score += 3; \/\/ \u041a\u0443\u0445\u043d\u044f (\u043d\u0430\u0439-\u0432\u0430\u0436\u043d\u0430)\n\n    \/\/ \u041b\u043e\u043a\u0430\u0446\u0438\u044f \u2014 \u043c\u0430\u0441\u0438\u0432 \u0441 \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u0435\u043d \u0438\u0437\u0431\u043e\u0440\n    if (Array.isArray(A.q3)) {\n      if (A.q3.includes('any') || A.q3.some(loc => r.tags.includes(loc))) score += 2;\n    }\n\n    if (A.q4 === 'vegan' && r.tags.includes('vegan')) score += 5;\n    if (A.q4 === 'gf'    && r.tags.includes('gf'))    score += 5;\n    if (A.q5 === 'live'  && r.tags.includes('live'))  score += 3;\n    if (A.q5 === 'quiet' && r.tags.includes('quiet')) score += 3;\n    if (A.q6 === 'smoking' && r.tags.includes('smoking')) score += 3;\n\n    scored.push({ ...r, score });\n  }\n\n  scored.sort((a, b) => b.score - a.score);\n\n  const container = document.getElementById('rest-results-container');\n  container.innerHTML = '';\n\n  if (!scored.length) {\n    container.innerHTML = `\n      <div class=\"rest-no-results\">\n        <p>\ud83d\ude14 \u0421\u044a\u0436\u0430\u043b\u044f\u0432\u0430\u043c\u0435 \u2014 \u043d\u0435 \u043d\u0430\u043c\u0435\u0440\u0438\u0445\u043c\u0435 \u0440\u0435\u0441\u0442\u043e\u0440\u0430\u043d\u0442, \u043e\u0442\u0433\u043e\u0432\u0430\u0440\u044f\u0449 \u043d\u0430 \u0432\u0441\u0438\u0447\u043a\u0438 \u0438\u0437\u0438\u0441\u043a\u0432\u0430\u043d\u0438\u044f.<br>\n        \u041e\u043f\u0438\u0442\u0430\u0439\u0442\u0435 \u0434\u0430 \u0438\u0437\u0431\u0435\u0440\u0435\u0442\u0435 \u043f\u043e-\u0433\u044a\u0432\u043a\u0430\u0432\u0438 \u043a\u0440\u0438\u0442\u0435\u0440\u0438\u0438.<\/p>\n      <\/div>`;\n    return;\n  }\n\n  scored.slice(0, 3).forEach(r => {\n    let badges = '';\n    for (let [key, cfg] of Object.entries(TAG_LABELS)) {\n      if (r.tags.includes(key)) {\n        badges += `<span class=\"${cfg.cls}\">${cfg.label}<\/span>`;\n      }\n    }\n    container.innerHTML += `\n      <div class=\"rest-card\">\n        <img decoding=\"async\" class=\"rest-card-img\" src=\"${r.img}\" alt=\"${r.name}\"\n             onerror=\"this.style.background='#e8e3d8';this.style.minHeight='160px'\">\n        <div class=\"rest-card-content\">\n          <h4>${r.name}<\/h4>\n          <div class=\"rest-tags\">${badges}<\/div>\n          <p>${r.desc}<\/p>\n          <a href=\"${r.link}\" target=\"_blank\" class=\"rest-btn\">\u041a\u044a\u043c \u0440\u0435\u0441\u0442\u043e\u0440\u0430\u043d\u0442\u0430 \u2192<\/a>\n        <\/div>\n      <\/div>`;\n  });\n}\n\n\/* \u2500\u2500 \u0420\u0435\u0441\u0442\u0430\u0440\u0442 \u2500\u2500 *\/\nwindow.restRestart = function() {\n  A = {};\n  document.querySelectorAll('#rest-wrap .rest-screen').forEach(s => s.classList.remove('active'));\n  document.getElementById('rest-q-1').classList.add('active');\n  document.getElementById('rest-prog-wrap').style.display = 'flex';\n  document.getElementById('rest-prog-fill').style.width = '14.28%';\n  document.getElementById('rest-prog-label').innerText = '\u0412\u044a\u043f\u0440\u043e\u0441 1 \u043e\u0442 7';\n  \/\/ \u0417\u0430\u0447\u0438\u0441\u0442\u0432\u0430\u043d\u0435 \u043d\u0430 \u043b\u043e\u043a\u0430\u0446\u0438\u0438\n  document.querySelectorAll('#rest-wrap .loc-opt').forEach(o => o.classList.remove('selected'));\n  document.getElementById('loc-next-btn').style.display = 'none';\n};\n\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":"<p>\u0413\u0430\u0441\u0442\u0440\u043e\u043d\u043e\u043c\u0438\u0447\u0435\u043d \u0433\u0438\u0434 \u041f\u0435\u0440\u0444\u0435\u043a\u0442\u043d\u0430\u0442\u0430 \u0432\u0435\u0447\u0435\u0440\u044f \u0432 \u0411\u0430\u043d\u0441\u043a\u043e \u041e\u0442\u0433\u043e\u0432\u043e\u0440\u0435\u0442\u0435 \u043d\u0430 \u043d\u044f\u043a\u043e\u043b\u043a\u043e \u043a\u0440\u0430\u0442\u043a\u0438 \u0432\u044a\u043f\u0440\u043e\u0441\u0430 \u0438 \u0449\u0435 \u043d\u0430\u043c\u0435\u0440\u0438\u043c \u0438\u0434\u0435\u0430\u043b\u043d\u043e\u0442\u043e \u043c\u044f\u0441\u0442\u043e \u0437\u0430 \u0432\u0430\u0441. \u0412\u044a\u043f\u0440\u043e\u0441 1 \u043e\u0442 7 \u0421 \u043a\u0430\u043a\u0432\u0430 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f \u0441\u0442\u0435? \u0422\u043e\u0432\u0430 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f \u043d\u0443\u0436\u043d\u0430\u0442\u0430 \u0430\u0442\u043c\u043e\u0441\u0444\u0435\u0440\u0430. [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":34276,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-45075","page","type-page","status-publish","hentry"],"acf":[],"cubewp_post_meta":[],"taxonomies":[],"_links":{"self":[{"href":"https:\/\/vbansko.com\/ru\/wp-json\/wp\/v2\/pages\/45075","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vbansko.com\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vbansko.com\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vbansko.com\/ru\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/vbansko.com\/ru\/wp-json\/wp\/v2\/comments?post=45075"}],"version-history":[{"count":5,"href":"https:\/\/vbansko.com\/ru\/wp-json\/wp\/v2\/pages\/45075\/revisions"}],"predecessor-version":[{"id":47612,"href":"https:\/\/vbansko.com\/ru\/wp-json\/wp\/v2\/pages\/45075\/revisions\/47612"}],"up":[{"embeddable":true,"href":"https:\/\/vbansko.com\/ru\/wp-json\/wp\/v2\/pages\/34276"}],"wp:attachment":[{"href":"https:\/\/vbansko.com\/ru\/wp-json\/wp\/v2\/media?parent=45075"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}