{"id":45932,"date":"2026-03-25T21:43:02","date_gmt":"2026-03-25T19:43:02","guid":{"rendered":"https:\/\/vbansko.com\/?page_id=45932"},"modified":"2026-04-06T23:25:23","modified_gmt":"2026-04-06T20:25:23","slug":"food-mehani","status":"publish","type":"page","link":"https:\/\/vbansko.com\/en\/introductions\/food-mehani\/","title":{"rendered":"Taverns"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\n\u041c\u0435\u0445\u0430\u043d\u0438 \u0432 \u0411\u0430\u043d\u0441\u043a\u043e \u2014 \u041a\u0430\u0442\u0430\u043b\u043e\u0433 \u0438 \u0420\u0435\u0437\u0435\u0440\u0432\u0430\u0446\u0438\u0438<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,700&family=Nunito:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --bg: #faf7f2;\n --dark: #1a120a;\n --warm: #8b2e00;\n --gold: #c8922a;\n --gold-light: #f0d08a;\n --cream: #f5ead6;\n --text: #3a2512;\n --muted: #8a7060;\n --border: #e0cdb0;\n --danger-bg: #fffcfaf0;\n --danger-border: #f5d0b5;\n --success-bg: #f4faeb;\n --success-border: #c3d9a3;\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n\n body {\n font-family: 'Nunito', sans-serif;\n background: var(--bg);\n color: var(--text);\n line-height: 1.6;\n }\n\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\n .hero {\n background-color: var(--dark);\n background-image:\n linear-gradient(rgba(26, 18, 10, 0.15), rgba(26, 18, 10, 0.45)),\n url(\"https:\/\/vbansko.com\/wp-content\/uploads\/2026\/04\/mehani-v-bansko-\u2013-tradiczionni-taverni-i-uyutna-banska-atmosfera.webp\");\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n color: white;\n padding: 110px 24px 120px;\n text-align: center;\n position: relative;\n overflow: hidden;\n text-shadow: 0 2px 10px rgba(0,0,0,0.65);\n }\n\n .hero::before {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(180deg, transparent 60%, var(--bg) 100%);\n pointer-events: none;\n }\n\n .hero-badge {\n display: inline-block;\n background: var(--gold);\n color: var(--dark);\n font-size: 14px !important;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n padding: 6px 18px;\n border-radius: 40px;\n margin-bottom: 22px;\n text-shadow: none;\n box-shadow: 0 4px 12px rgba(0,0,0,0.2);\n }\n\n .hero h1 {\n font-family: 'Playfair Display', serif;\n font-size: clamp(40px, 6vw, 72px) !important;\n font-weight: 900;\n line-height: 1.1;\n margin-bottom: 18px;\n }\n\n .hero h1 span { color: var(--gold-light); font-style: italic; }\n\n .hero p {\n font-size: 18px !important;\n color: rgba(255,255,255,0.95);\n max-width: 560px;\n margin: 0 auto 32px;\n font-weight: 600;\n }\n\n \/* \u2500\u2500 REGION TABS \u2500\u2500 *\/\n .region-tabs {\n background: white;\n border-bottom: 1px solid var(--border);\n padding: 14px 24px;\n position: relative;\n z-index: 10;\n }\n\n .region-tabs-inner {\n max-width: 1100px;\n margin: 0 auto;\n display: flex;\n gap: 12px;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n }\n\n .region-label {\n font-size: 14px !important;\n font-weight: 700;\n color: var(--muted);\n letter-spacing: 1px;\n text-transform: uppercase;\n margin-right: 4px;\n }\n\n .region-link {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 20px;\n border-radius: 50px;\n border: 1.5px solid var(--border);\n background: var(--bg);\n font-size: 15px !important;\n font-weight: 700;\n color: var(--text);\n text-decoration: none;\n transition: all 0.2s;\n }\n\n .region-link:hover { border-color: var(--warm); color: var(--warm); }\n .region-link.active { background: var(--warm); border-color: var(--warm); color: white; }\n\n \/* \u2500\u2500 SECTION TITLES \u2500\u2500 *\/\n .section { padding: 60px 24px; max-width: 1100px; margin: 0 auto; }\n .section-label { display: inline-flex; align-items: center; gap: 8px; font-size: 14px !important; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: var(--gold); margin-bottom: 10px; }\n .section-label::before { content: ''; display: inline-block; width: 24px; height: 2px; background: var(--gold); }\n .section-title { font-family: 'Playfair Display', serif; font-size: clamp(28px, 3.5vw, 44px) !important; font-weight: 700; color: var(--dark); margin-bottom: 8px; }\n .section-sub { color: var(--muted); font-size: 16px !important; margin-bottom: 40px; }\n\n \/* \u2500\u2500 COMPARISON SECTION (NEW) \u2500\u2500 *\/\n .comparison-section { padding: 40px 24px 20px; max-width: 1100px; margin: 0 auto; }\n .comp-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 24px; }\n .comp-card { padding: 30px; border-radius: 18px; border: 2px solid; transition: transform 0.2s; }\n .comp-card:hover { transform: translateY(-4px); }\n .comp-card.warning { background: var(--danger-bg); border-color: var(--danger-border); }\n .comp-card.success { background: var(--success-bg); border-color: var(--success-border); }\n \n .comp-header { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }\n .comp-icon { font-size: 32px !important; }\n .comp-title { font-family: 'Playfair Display', serif; font-size: 24px !important; color: var(--dark); font-weight: 700; line-height: 1.2; }\n .comp-desc { font-size: 15px !important; color: var(--muted); margin-bottom: 24px; line-height: 1.5; min-height: 66px; }\n \n .comp-list { list-style: none; padding: 0; }\n .comp-list li { display: flex; align-items: center; gap: 10px; font-size: 16px !important; margin-bottom: 14px; font-weight: 600; color: var(--text); }\n \n .comp-link-wrapper { margin-top: 32px; text-align: left; }\n .comp-link { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: var(--warm); text-decoration: none; border-bottom: 2px solid transparent; padding-bottom: 2px; transition: border-color 0.2s; font-size: 16px !important; }\n .comp-link:hover { border-color: var(--warm); }\n\n \/* \u2500\u2500 QUIZ \u2500\u2500 *\/\n .quiz-wrapper { background: var(--dark); background-image: radial-gradient(ellipse at 70% 30%, rgba(139,46,0,0.35) 0%, transparent 60%); border-radius: 24px; padding: 48px 36px; color: white; margin: 40px auto 60px; max-width: 1100px; }\n .quiz-header { text-align: center; margin-bottom: 36px; }\n .quiz-header h2 { font-family: 'Playfair Display', serif; font-size: clamp(28px, 3.5vw, 44px) !important; color: var(--gold-light); margin-bottom: 8px; }\n .quiz-header p { color: rgba(255,255,255,0.65); font-size: 16px !important; }\n .quiz-progress { display: flex; align-items: center; gap: 10px; margin-bottom: 28px; justify-content: center; }\n .progress-bar { flex: 1; max-width: 320px; height: 4px; background: rgba(255,255,255,0.15); border-radius: 10px; overflow: hidden; }\n .progress-fill { height: 100%; background: var(--gold); border-radius: 10px; transition: width 0.4s ease; }\n .progress-text { font-size: 14px !important; color: rgba(255,255,255,0.5); white-space: nowrap; }\n\n .quiz-question { text-align: center; margin-bottom: 28px; }\n .quiz-question h3 { font-family: 'Playfair Display', serif; font-size: 22px !important; margin-bottom: 6px; }\n .quiz-question p { color: rgba(255,255,255,0.55); font-size: 16px !important; }\n\n .quiz-options { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 14px; max-width: 680px; margin: 0 auto; }\n .quiz-option { background: rgba(255,255,255,0.07); border: 1.5px solid rgba(255,255,255,0.12); border-radius: 14px; padding: 18px 16px; cursor: pointer; text-align: center; transition: all 0.2s; }\n .quiz-option:hover { background: rgba(200,146,42,0.2); border-color: var(--gold); transform: translateY(-2px); }\n .quiz-option.selected { background: var(--gold); border-color: var(--gold); color: var(--dark); }\n .quiz-option .opt-icon { font-size: 28px !important; margin-bottom: 8px; }\n .quiz-option .opt-label { font-size: 16px !important; font-weight: 700; line-height: 1.3; }\n .quiz-option .opt-sub { font-size: 14px !important; opacity: 0.65; margin-top: 4px; }\n\n .quiz-nav { display: flex; justify-content: center; gap: 14px; margin-top: 28px; }\n .btn { display: inline-flex; align-items: center; gap: 8px; padding: 12px 28px; border-radius: 50px; font-size: 16px !important; font-weight: 700; cursor: pointer; border: none; transition: all 0.2s; text-decoration: none; font-family: 'Nunito', sans-serif; }\n .btn-gold { background: var(--gold); color: var(--dark); }\n .btn-gold:hover { background: #e0a530; transform: translateY(-1px); }\n .btn-outline { background: transparent; color: rgba(255,255,255,0.7); border: 1.5px solid rgba(255,255,255,0.2); }\n .btn-outline:hover { border-color: rgba(255,255,255,0.5); color: white; }\n\n \/* Result *\/\n .quiz-result { text-align: center; }\n .result-badge { display: inline-block; background: var(--gold); color: var(--dark); font-size: 14px !important; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; padding: 5px 16px; border-radius: 40px; margin-bottom: 16px; }\n .quiz-result h3 { font-family: 'Playfair Display', serif; font-size: 28px !important; color: var(--gold-light); margin-bottom: 10px; }\n .quiz-result p { color: rgba(255,255,255,0.7); font-size: 16px !important; max-width: 500px; margin: 0 auto 24px; }\n .result-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 14px; max-width: 700px; margin: 0 auto 24px; }\n .result-card { background: rgba(255,255,255,0.08); border: 1px solid rgba(200,146,42,0.3); border-radius: 14px; padding: 20px 14px; }\n .result-card .rc-icon { font-size: 32px !important; margin-bottom: 8px; }\n .result-card .rc-name { font-weight: 700; font-size: 17px !important; color: var(--gold-light); }\n .result-card .rc-tag { font-size: 14px !important; color: rgba(255,255,255,0.5); margin-top: 4px; }\n .btn-restart { background: transparent; color: rgba(255,255,255,0.5); border: none; cursor: pointer; font-size: 14px !important; font-family: 'Nunito', sans-serif; text-decoration: underline; margin-top: 8px; }\n\n \/* \u2500\u2500 LISTING \u2500\u2500 *\/\n .filter-bar { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 28px; }\n .filter-btn { padding: 8px 18px; border-radius: 50px; border: 1.5px solid var(--border); background: white; font-size: 16px !important; font-weight: 600; color: var(--muted); cursor: pointer; transition: all 0.2s; font-family: 'Nunito', sans-serif; }\n .filter-btn:hover, .filter-btn.active { border-color: var(--warm); color: var(--warm); background: rgba(139,46,0,0.05); }\n\n .mehani-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 24px; }\n .mehana-card { background: white; border: 1px solid var(--border); border-radius: 18px; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s; }\n .mehana-card:hover { transform: translateY(-4px); box-shadow: 0 16px 40px rgba(26,18,10,0.1); }\n .mehana-img { height: 180px; background: linear-gradient(135deg, var(--dark) 0%, var(--warm) 100%); display: flex; align-items: center; justify-content: center; font-size: 64px !important; position: relative; }\n .mehana-badge { position: absolute; top: 12px; left: 12px; background: var(--gold); color: var(--dark); font-size: 14px !important; font-weight: 700; padding: 4px 10px; border-radius: 20px; }\n .mehana-body { padding: 20px; }\n .mehana-rating { display: flex; align-items: center; gap: 6px; margin-bottom: 8px; }\n .stars { color: var(--gold); font-size: 16px !important; }\n .rating-num { font-size: 14px !important; color: var(--muted); }\n .mehana-body h3 { font-family: 'Playfair Display', serif; font-size: 22px !important; color: var(--dark); margin-bottom: 6px; }\n .mehana-desc { font-size: 17px !important; color: var(--muted); margin-bottom: 14px; line-height: 1.5; }\n .mehana-tags { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 14px; }\n .tag { font-size: 14px !important; font-weight: 600; padding: 3px 10px; border-radius: 20px; background: var(--cream); color: var(--warm); }\n .mehana-footer { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--border); padding-top: 14px; }\n .mehana-price { font-size: 16px !important; color: var(--muted); }\n .mehana-price strong { color: var(--text); }\n .btn-small { padding: 8px 18px; border-radius: 50px; background: var(--warm); color: white; font-size: 16px !important; font-weight: 700; text-decoration: none; transition: background 0.2s; font-family: 'Nunito', sans-serif; }\n .btn-small:hover { background: #a33800; }\n\n \/* \u2500\u2500 ARTICLES (FIXED LAYOUT) \u2500\u2500 *\/\n .articles-divider { background: var(--cream); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); padding: 50px 24px; display: block !important; width: 100%; clear: both; }\n .articles-inner { max-width: 1100px; margin: 0 auto; display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100%; }\n .articles-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 18px; width: 100%; }\n .article-card { background: white; border: 1px solid var(--border); border-radius: 14px; padding: 22px 18px; text-decoration: none; color: inherit; display: flex; align-items: flex-start; gap: 14px; transition: box-shadow 0.2s, transform 0.2s; }\n .article-card:hover { box-shadow: 0 8px 24px rgba(26,18,10,0.09); transform: translateY(-2px); }\n .article-icon { font-size: 32px !important; flex-shrink: 0; width: 48px; height: 48px; background: var(--cream); border-radius: 12px; display: flex; align-items: center; justify-content: center; }\n .article-card h4 { font-size: 20px !important; font-weight: 700; color: var(--dark); margin-bottom: 4px; line-height: 1.35; }\n .article-card p { font-size: 16px !important; color: var(--muted); }\n\n \/* \u2500\u2500 CATEGORY LINKS (FIXED LAYOUT) \u2500\u2500 *\/\n .category-links { background: white; border-top: 1px solid var(--border); padding: 50px 24px; display: block !important; width: 100%; clear: both; }\n .category-links-inner { max-width: 1100px; margin: 0 auto; display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100%; }\n .category-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; margin-top: 32px; width: 100%; }\n .category-card { border-radius: 18px; overflow: hidden; text-decoration: none; display: block; position: relative; transition: transform 0.2s, box-shadow 0.2s; }\n .category-card:hover { transform: translateY(-4px); box-shadow: 0 16px 40px rgba(26,18,10,0.15); }\n .category-card-inner { padding: 32px 28px; display: flex; flex-direction: column; gap: 10px; min-height: 160px; justify-content: flex-end; }\n .category-card.restoranti .category-card-inner { background: linear-gradient(135deg, #3d1f0a 0%, #8b2e00 100%); }\n .category-card.kultura .category-card-inner { background: linear-gradient(135deg, #1a2a3a 0%, #2e5080 100%); }\n .category-card .cat-icon { font-size: 38px !important; margin-bottom: 4px; }\n .category-card h3 { font-family: 'Playfair Display', serif; font-size: 24px !important; color: white; font-weight: 700; line-height: 1.2; }\n .category-card p { font-size: 15px !important; color: rgba(255,255,255,0.7); }\n .category-card .cat-arrow { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; font-size: 14px !important; font-weight: 700; color: var(--gold-light); letter-spacing: 0.5px; }\n\n \/* \u2500\u2500 CTA BANNER \u2500\u2500 *\/\n .cta-banner { background: var(--bg); border-top: 1px solid var(--border); color: var(--text); text-align: center; padding: 60px 24px; }\n .cta-banner h2 { font-family: 'Playfair Display', serif; font-size: clamp(28px, 3.5vw, 44px) !important; color: var(--dark); margin-bottom: 12px; }\n .cta-banner p { color: var(--muted); margin-bottom: 28px; max-width: 500px; margin-left: auto; margin-right: auto; font-size: 16px !important; }\n .btn-white { background: var(--gold); color: var(--dark); padding: 14px 32px; border-radius: 50px; font-weight: 700; font-size: 16px !important; text-decoration: none; display: inline-block; transition: transform 0.2s, background 0.2s; font-family: 'Nunito', sans-serif; }\n .btn-white:hover { background: #e0a530; transform: scale(1.03); }\n\n \/* hidden *\/\n .hidden { display: none !important; }\n\n @media (max-width: 768px) {\n .comp-grid { grid-template-columns: 1fr; }\n }\n @media (max-width: 600px) {\n .quiz-wrapper { padding: 32px 20px; margin: 20px 10px 40px; }\n .quiz-options { grid-template-columns: 1fr 1fr; }\n .region-link { padding: 6px 14px; font-size: 14px !important; }\n }\n<\/style>\n<\/head>\n<body>\n\n<section class=\"hero\">\n <div class=\"hero-badge\">\ud83c\udfd4\ufe0f \u041a\u0430\u0442\u0430\u043b\u043e\u0433 \u041c\u0435\u0445\u0430\u043d\u0438<\/div>\n <h1>\u041c\u0435\u0445\u0430\u043d\u0438\u0442\u0435 \u0432<br><span>Bansko<\/span><\/h1>\n <p>\u041e\u0442\u043a\u0440\u0438\u0439\u0442\u0435 \u043d\u0430\u0439-\u0434\u043e\u0431\u0440\u0438\u0442\u0435 \u043c\u0435\u0441\u0442\u0430 \u0437\u0430 \u043a\u0430\u043f\u0430\u043c\u0430, \u0447\u043e\u043c\u043b\u0435\u043a \u0438 \u0436\u0438\u0432\u0430 \u043c\u0443\u0437\u0438\u043a\u0430 \u0432 \u0441\u044a\u0440\u0446\u0435\u0442\u043e \u043d\u0430 \u0441\u0442\u0430\u0440\u0438\u044f \u0433\u0440\u0430\u0434.<\/p>\n<\/section>\n\n<div class=\"region-tabs\">\n <div class=\"region-tabs-inner\">\n <span class=\"region-label\">Location:<\/span>\n <a href=\"#\" class=\"region-link active\">\ud83d\udccd \u0411\u0430\u043d\u0441\u043a\u043e<\/a>\n <a href=\"#\" class=\"region-link\">\ud83d\udccd \u0441. \u0411\u0430\u043d\u044f<\/a>\n <a href=\"#\" class=\"region-link\">\ud83d\udccd \u0414\u043e\u0431\u0440\u0438\u043d\u0438\u0449\u0435<\/a>\n <a href=\"#\" class=\"region-link\">\ud83d\udccd \u0420\u0430\u0437\u043b\u043e\u0433<\/a>\n <\/div>\n<\/div>\n\n<div class=\"comparison-section\">\n <div class=\"section-label\">Advice from locals<\/div>\n <h2 class=\"section-title\">\u041a\u0430\u043a \u0434\u0430 \u0438\u0437\u0431\u0435\u0440\u0435\u043c \u043c\u0435\u0445\u0430\u043d\u0430?<\/h2>\n <p class=\"section-sub\">\u0412 <a class=\"wpil_keyword_link\" href=\"https:\/\/vbansko.com\/en\/for-bansko\/\" title=\"Bansko\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"8531\">Bansko<\/a> \u0438\u043c\u0430 \u0434\u0432\u0430 \u043e\u0441\u043d\u043e\u0432\u043d\u0438 \u0442\u0438\u043f\u0430 \u0437\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u044f. \u0415\u0442\u043e \u043a\u0430\u043a \u0434\u0430 \u0433\u0438 \u0440\u0430\u0437\u043f\u043e\u0437\u043d\u0430\u0435\u0442\u0435:<\/p>\n \n <div class=\"comp-grid\">\n <div class=\"comp-card warning\">\n <div class=\"comp-header\">\n <span class=\"comp-icon\">\u26a0\ufe0f<\/span>\n <span class=\"comp-title\">\u0422\u0443\u0440\u0438\u0441\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u041c\u0435\u0445\u0430\u043d\u0438<\/span>\n <\/div>\n <p class=\"comp-desc\">\u041d\u0430\u043c\u0438\u0440\u0430\u0442 \u0441\u0435 \u043f\u0440\u0435\u0434\u0438\u043c\u043d\u043e \u043d\u0430 \u0433\u043b\u0430\u0432\u043d\u0430\u0442\u0430 \u0443\u043b\u0438\u0446\u0430. \u041f\u043e\u0437\u043d\u0430\u0432\u0430\u0442 \u0441\u0435 \u043f\u043e \u0432\u0438\u043a\u0430\u0447\u0438\u0442\u0435 \u043e\u0442\u043f\u0440\u0435\u0434, \u0441\u0438\u043b\u043d\u0430\u0442\u0430 \u043c\u0443\u0437\u0438\u043a\u0430 \u0438 \u043e\u0433\u0440\u043e\u043c\u043d\u0438\u0442\u0435 \u043c\u0435\u043d\u044e\u0442\u0430 \u0441\u044a\u0441 \u0441\u043d\u0438\u043c\u043a\u0438 \u043d\u0430 \u0432\u0441\u044f\u043a\u043e \u044f\u0441\u0442\u0438\u0435.<\/p>\n <ul class=\"comp-list\">\n <li>\ud83d\udccd \u0423\u0434\u043e\u0431\u043d\u0430 \u0446\u0435\u043d\u0442\u0440\u0430\u043b\u043d\u0430 \u043b\u043e\u043a\u0430\u0446\u0438\u044f<\/li>\n <li>\ud83c\udfb5 \u0428\u0443\u043c\u043d\u0438, \u043f\u043e\u0434\u0445\u043e\u0434\u044f\u0449\u0438 \u0437\u0430 \u043a\u0443\u043f\u043e\u043d<\/li>\n <li>\ud83d\udcb8 \u041e\u0431\u0438\u043a\u043d\u043e\u0432\u0435\u043d\u043e \u043f\u043e-\u0432\u0438\u0441\u043e\u043a\u0438 \u0446\u0435\u043d\u0438<\/li>\n <li>\u26a0\ufe0f \u0420\u0438\u0441\u043a \u043e\u0442 \u043f\u0440\u0435\u0442\u043e\u043f\u043b\u0435\u043d\u0430 \u0445\u0440\u0430\u043d\u0430<\/li>\n <\/ul>\n <\/div>\n \n <div class=\"comp-card success\">\n <div class=\"comp-header\">\n <span class=\"comp-icon\">\u2705<\/span>\n <span class=\"comp-title\">\u0421\u0435\u043c\u0435\u0439\u043d\u0438 \u041c\u0435\u0445\u0430\u043d\u0438<\/span>\n <\/div>\n <p class=\"comp-desc\">\u0421\u043a\u0440\u0438\u0442\u0438 \u0432 \u043b\u0430\u0431\u0438\u0440\u0438\u043d\u0442\u0430 \u043d\u0430 \u0441\u0442\u0430\u0440\u0438\u044f \u043a\u0432\u0430\u0440\u0442\u0430\u043b \u0438 \u043c\u0430\u043b\u043a\u0438\u0442\u0435 \u043f\u0440\u0435\u0441\u0435\u0447\u043a\u0438. \u0421\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u0438\u043a\u044a\u0442 \u0438\u043b\u0438 \u0441\u0435\u043c\u0435\u0439\u0441\u0442\u0432\u043e\u0442\u043e \u043c\u0443 \u0447\u0435\u0441\u0442\u043e \u0441\u0430 \u0442\u0435\u0437\u0438, \u043a\u043e\u0438\u0442\u043e \u0432\u0438 \u0441\u0435\u0440\u0432\u0438\u0440\u0430\u0442.<\/p>\n <ul class=\"comp-list\">\n <li>\ud83c\udfe1 \u0410\u0432\u0442\u0435\u043d\u0442\u0438\u0447\u043d\u0430 \u0441\u0435\u043c\u0435\u0439\u043d\u0430 \u043e\u0431\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430<\/li>\n <li>\ud83e\udeb5 \u041c\u0438\u0440\u0438\u0448\u0435 \u043d\u0430 \u0434\u044a\u0440\u0432\u0430 \u0438 \u0433\u043e\u0442\u0432\u0435\u043d\u043e<\/li>\n <li>\ud83e\udd2b \u0421\u043f\u043e\u043a\u043e\u0439\u043d\u043e, \u0431\u0435\u0437 \u0432\u0438\u043a\u0430\u0447\u0438<\/li>\n <li>\ud83d\udcb0 \u041f\u043e-\u0434\u043e\u0431\u0440\u043e \u0441\u044a\u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u0435 \u0446\u0435\u043d\u0430\/\u043a\u0430\u0447\u0435\u0441\u0442\u0432\u043e<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"comp-link-wrapper\">\n <a href=\"https:\/\/vbansko.com\/en\/guides\/tourist-guides\/tourist-guide-part-3-culinary-path-mehani-kapama-and-true-taste-of-bansko\/\" class=\"comp-link\">\n \ud83d\udcd6 \u041f\u0440\u043e\u0447\u0435\u0442\u0435\u0442\u0435 \u043f\u044a\u043b\u043d\u0438\u044f \u043d\u0438 \u043d\u0430\u0440\u044a\u0447\u043d\u0438\u043a \u0437\u0430 \u0431\u0430\u043d\u0441\u043a\u0430\u0442\u0430 \u043a\u0443\u0445\u043d\u044f \u0438 \u043a\u043e\u0438 \u044f\u0441\u0442\u0438\u044f \u0441\u0430 \u0437\u0430\u0434\u044a\u043b\u0436\u0438\u0442\u0435\u043b\u043d\u0438 \u2192\n <\/a>\n <\/div>\n<\/div>\n\n<div class=\"quiz-wrapper\" id=\"quiz\">\n <div class=\"quiz-header\">\n <h2>\ud83c\udf7d\ufe0f Find your tavern<\/h2>\n <p>Answer 4 questions and we will recommend the perfect place for tonight<\/p>\n <\/div>\n\n <div class=\"quiz-progress\">\n <div class=\"progress-bar\"><div class=\"progress-fill\" id=\"progressFill\" style=\"width:25%\"><\/div><\/div>\n <div class=\"progress-text\" id=\"progressText\">Question 1 of 4<\/div>\n <\/div>\n\n <div class=\"quiz-question\" id=\"q1\">\n <h3>What company are you with?<\/h3>\n <p>The atmosphere is different for every company.<\/p>\n <\/div>\n <div class=\"quiz-options\" id=\"opts1\">\n <div class=\"quiz-option\" data-q=\"1\" data-v=\"family\">\n <div class=\"opt-icon\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc66<\/div>\n <div class=\"opt-label\">Family<\/div>\n <div class=\"opt-sub\">With children<\/div>\n <\/div>\n <div class=\"quiz-option\" data-q=\"1\" data-v=\"romantic\">\n <div class=\"opt-icon\">\ud83e\udd42<\/div>\n <div class=\"opt-label\">Couple<\/div>\n <div class=\"opt-sub\">A romantic dinner<\/div>\n <\/div>\n <div class=\"quiz-option\" data-q=\"1\" data-v=\"group\">\n <div class=\"opt-icon\">\ud83c\udf89<\/div>\n <div class=\"opt-label\">Big company<\/div>\n <div class=\"opt-sub\">Party and mood<\/div>\n <\/div>\n <div class=\"quiz-option\" data-q=\"1\" data-v=\"solo\">\n <div class=\"opt-icon\">\ud83e\uddf3<\/div>\n <div class=\"opt-label\">\u0421\u0430\u043c \/ <a class=\"wpil_keyword_link\" href=\"https:\/\/vbansko.com\/en\/from-ski-slopes-to-clouds-bansko-becomes-the-world-capital-of-digital-nomads\/\" title=\"Nomad\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"8530\">Nomad<\/a><\/div>\n <div class=\"opt-sub\">In a hurry<\/div>\n <\/div>\n <\/div>\n\n <div class=\"quiz-question hidden\" id=\"q2\">\n <h3>What do you want to eat?<\/h3>\n <p>Choose the mood for tonight<\/p>\n <\/div>\n <div class=\"quiz-options hidden\" id=\"opts2\">\n <div class=\"quiz-option\" data-q=\"2\" data-v=\"traditional\">\n <div class=\"opt-icon\">\ud83e\udd58<\/div>\n <div class=\"opt-label\">Authentic Banska<\/div>\n <div class=\"opt-sub\">Kapama, chomlek, grill<\/div>\n <\/div>\n <div class=\"quiz-option\" data-q=\"2\" data-v=\"grill\">\n <div class=\"opt-icon\">\ud83d\udd25<\/div>\n <div class=\"opt-label\">Grill and barbecue<\/div>\n <div class=\"opt-sub\">Meat, ribs, sausages<\/div>\n <\/div>\n <div class=\"quiz-option\" data-q=\"2\" data-v=\"mixed\">\n <div class=\"opt-icon\">\ud83c\udf7d\ufe0f<\/div>\n <div class=\"opt-label\">Mixed menu<\/div>\n <div class=\"opt-sub\">For every taste<\/div>\n <\/div>\n <div class=\"quiz-option\" data-q=\"2\" data-v=\"veg\">\n <div class=\"opt-icon\">\ud83e\udd57<\/div>\n <div class=\"opt-label\">Vegetarian<\/div>\n <div class=\"opt-sub\">Rich vegetable dishes<\/div>\n <\/div>\n <\/div>\n\n <div class=\"quiz-question hidden\" id=\"q3\">\n <h3>What kind of atmosphere are you looking for?<\/h3>\n <p>The mood makes the dinner<\/p>\n <\/div>\n <div class=\"quiz-options hidden\" id=\"opts3\">\n <div class=\"quiz-option\" data-q=\"3\" data-v=\"livemusic\">\n <div class=\"opt-icon\">\ud83c\udfb8<\/div>\n <div class=\"opt-label\">Live music<\/div>\n <div class=\"opt-sub\">Folk, party, mood<\/div>\n <\/div>\n <div class=\"quiz-option\" data-q=\"3\" data-v=\"quiet\">\n <div class=\"opt-icon\">\ud83d\udd6f\ufe0f<\/div>\n <div class=\"opt-label\">Quiet and cozy<\/div>\n <div class=\"opt-sub\">Fireplace, conversation<\/div>\n <\/div>\n <div class=\"quiz-option\" data-q=\"3\" data-v=\"any\">\n <div class=\"opt-icon\">\ud83c\udfe0<\/div>\n <div class=\"opt-label\">No preference<\/div>\n <div class=\"opt-sub\">The main thing is food.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"quiz-question hidden\" id=\"q4\">\n <h3>What budget are you planning?<\/h3>\n <p>Per person, excluding drinks<\/p>\n <\/div>\n <div class=\"quiz-options hidden\" id=\"opts4\">\n <div class=\"quiz-option\" data-q=\"4\" data-v=\"budget\">\n <div class=\"opt-icon\">\ud83d\udcb0<\/div>\n <div class=\"opt-label\">Up to 25 BGN.<\/div>\n <div class=\"opt-sub\">Delicious and affordable<\/div>\n <\/div>\n <div class=\"quiz-option\" data-q=\"4\" data-v=\"mid\">\n <div class=\"opt-icon\">\ud83d\udcb3<\/div>\n <div class=\"opt-label\">25\u201350 BGN.<\/div>\n <div class=\"opt-sub\">Standard<\/div>\n <\/div>\n <div class=\"quiz-option\" data-q=\"4\" data-v=\"premium\">\n <div class=\"opt-icon\">\u2728<\/div>\n <div class=\"opt-label\">50+ BGN.<\/div>\n <div class=\"opt-sub\">Special dinner<\/div>\n <\/div>\n <\/div>\n\n <div class=\"quiz-result hidden\" id=\"quizResult\">\n <div class=\"result-badge\">\u2705 Your recommendations<\/div>\n <h3 id=\"resultTitle\">We found the perfect places for you!<\/h3>\n <p id=\"resultDesc\">Based on your answers, here are our top recommendations:<\/p>\n <div class=\"result-cards\" id=\"resultCards\"><\/div>\n <a href=\"#\" class=\"btn btn-gold\" style=\"margin-right:12px;\">\ud83c\udf7d\ufe0f See all taverns<\/a>\n <button class=\"btn-restart\" onclick=\"restartQuiz()\">\u21ba Take the test again<\/button>\n <\/div>\n\n <div class=\"quiz-nav\" id=\"quizNav\">\n <button class=\"btn btn-outline hidden\" id=\"btnBack\" onclick=\"quizBack()\">\u2190 Back<\/button>\n <button class=\"btn btn-gold\" id=\"btnNext\" onclick=\"quizNext()\" disabled>Next \u2192<\/button>\n <\/div>\n<\/div>\n\n<div style=\"background: white; padding: 0 24px 60px;\">\n<div style=\"max-width:1100px; margin:0 auto;\">\n <div class=\"section-label\">\u0421\u043f\u0438\u0441\u044a\u043a<\/div>\n <h2 class=\"section-title\">All taverns in Bansko<\/h2>\n <p class=\"section-sub\">21 \u043f\u0440\u043e\u0432\u0435\u0440\u0435\u043d\u0438 \u043c\u0435\u0445\u0430\u043d\u0438 \u2014 \u0444\u0438\u043b\u0442\u0440\u0438\u0440\u0430\u0439\u0442\u0435 \u043f\u043e \u0432\u0430\u0448\u0435 \u0436\u0435\u043b\u0430\u043d\u0438\u0435<\/p>\n\n <div class=\"filter-bar\">\n <button class=\"filter-btn active\" onclick=\"filterMehani('all', this)\">All<\/button>\n <button class=\"filter-btn\" onclick=\"filterMehani('top', this)\">\u2b50 Top choice<\/button>\n <button class=\"filter-btn\" onclick=\"filterMehani('music', this)\">\ud83c\udfb8 Live music<\/button>\n <button class=\"filter-btn\" onclick=\"filterMehani('family', this)\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67 Family<\/button>\n <button class=\"filter-btn\" onclick=\"filterMehani('veg', this)\">\ud83e\udd57 Vegetarian<\/button>\n <button class=\"filter-btn\" onclick=\"filterMehani('budget', this)\">\ud83d\udcb0 Affordable<\/button>\n <\/div>\n\n <div class=\"mehani-grid\" id=\"mehaniGrid\">\n\n <div class=\"mehana-card\" data-tags=\"top family\">\n <div class=\"mehana-img\">\ud83c\udffa<div class=\"mehana-badge\">\u2b50 Top<\/div><\/div>\n <div class=\"mehana-body\">\n <div class=\"mehana-rating\"><span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span><span class=\"rating-num\">4.9 (312 reviews)<\/span><\/div>\n <h3>Tavern "Bansko"\u201e<\/h3>\n <p class=\"mehana-desc\">The iconic place for authentic Bansko kapama. Fireplace, folk music and a warm atmosphere.<\/p>\n <div class=\"mehana-tags\"><span class=\"tag\">Kapama<\/span><span class=\"tag\">Fireplace<\/span><span class=\"tag\">Traditional<\/span><\/div>\n <div class=\"mehana-footer\">\n <div class=\"mehana-price\">From <strong>\u20ac10<\/strong> \/ person<\/div>\n <a href=\"#\" class=\"btn-small\">See \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"mehana-card\" data-tags=\"top music\">\n <div class=\"mehana-img\">\ud83c\udfbb<div class=\"mehana-badge\">\ud83c\udfb8 Music<\/div><\/div>\n <div class=\"mehana-body\">\n <div class=\"mehana-rating\"><span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span><span class=\"rating-num\">4.8 (218 reviews)<\/span><\/div>\n <h3>Tavern "Old Bansko"\u201e<\/h3>\n <p class=\"mehana-desc\">Live folklore music every evening. Spacious hall with traditional 19th century interior.<\/p>\n <div class=\"mehana-tags\"><span class=\"tag\">Live music<\/span><span class=\"tag\">Folklore<\/span><span class=\"tag\">Grill<\/span><\/div>\n <div class=\"mehana-footer\">\n <div class=\"mehana-price\">From <strong>\u20ac13<\/strong> \/ person<\/div>\n <a href=\"#\" class=\"btn-small\">See \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"mehana-card\" data-tags=\"family budget\">\n <div class=\"mehana-img\">\ud83e\udd58<\/div>\n <div class=\"mehana-body\">\n <div class=\"mehana-rating\"><span class=\"stars\">\u2605\u2605\u2605\u2605\u2606<\/span><span class=\"rating-num\">4.6 (184 reviews)<\/span><\/div>\n <h3>Tavern "Grandpa's"\u201e<\/h3>\n <p class=\"mehana-desc\">Family tavern in the center. Home cooking, a large children's menu and a cozy garden.<\/p>\n <div class=\"mehana-tags\"><span class=\"tag\">Family<\/span><span class=\"tag\">Homemade<\/span><span class=\"tag\">Accessible<\/span><\/div>\n <div class=\"mehana-footer\">\n <div class=\"mehana-price\">From <strong>\u20ac8<\/strong> \/ person<\/div>\n <a href=\"#\" class=\"btn-small\">See \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n <div style=\"text-align:center; margin-top:36px;\">\n <a href=\"#\" class=\"btn btn-gold\" style=\"font-family:'Nunito',sans-serif; padding:14px 32px; font-size:16px !important;\">\n \ud83c\udf7d\ufe0f \u0417\u0430\u0440\u0435\u0434\u0438 \u043e\u0449\u0435 \u043c\u0435\u0445\u0430\u043d\u0438 \u2192\n <\/a>\n <\/div>\n<\/div>\n<\/div>\n\n<div class=\"articles-divider\">\n <div class=\"articles-inner\">\n <div class=\"section-label\">Guides<\/div>\n <h2 class=\"section-title\" style=\"margin-bottom:28px;\">Learn more about Bansko cuisine<\/h2>\n <div class=\"articles-grid\">\n <a href=\"https:\/\/vbansko.com\/en\/guides\/tourist-guides\/tourist-guide-part-3-culinary-path-mehani-kapama-and-true-taste-of-bansko\/\" class=\"article-card\">\n <div class=\"article-icon\">\ud83c\udf72<\/div>\n <div>\n <h4>\u041a\u0443\u043b\u0438\u043d\u0430\u0440\u043d\u0438\u044f\u0442 \u043f\u044a\u0442 \u043d\u0430 \u0411\u0430\u043d\u0441\u043a\u043e<\/h4>\n <p>\u041a\u0430\u043f\u0430\u043c\u0430, \u0447\u043e\u043c\u043b\u0435\u043a \u0438 \u043f\u044a\u043b\u043d\u0438\u044f\u0442 \u043d\u0438 \u043f\u044a\u0442\u0435\u0432\u043e\u0434\u0438\u0442\u0435\u043b<\/p>\n <\/div>\n <\/a>\n <a href=\"https:\/\/vbansko.com\/en\/top-mechanics-in-bansko\/\" class=\"article-card\">\n <div class=\"article-icon\">\ud83c\udfc6<\/div>\n <div>\n <h4>Top 5 Taverns in Bansko<\/h4>\n <p>Our editorial pick for this year<\/p>\n <\/div>\n <\/a>\n <a href=\"https:\/\/vbansko.com\/en\/live-music-bansko-mechanical-guide\/\" class=\"article-card\">\n <div class=\"article-icon\">\ud83c\udfb8<\/div>\n <div>\n <h4>\u0416\u0438\u0432\u0430 \u043c\u0443\u0437\u0438\u043a\u0430 \u0432 \u0411\u0430\u043d\u0441\u043a\u043e<\/h4>\n <p>\u041a\u043e\u0438 \u043c\u0435\u0445\u0430\u043d\u0438 \u0441\u0432\u0438\u0440\u044f\u0442 \u0436\u0438\u0432\u043e \u0438 \u043a\u043e\u0433\u0430 \u2014 \u043f\u044a\u043b\u0435\u043d \u043d\u0430\u0440\u044a\u0447\u043d\u0438\u043a<\/p>\n <\/div>\n <\/a>\n <a href=\"https:\/\/vbansko.com\/en\/rakiya-in-bansko-vidove-mehani\/\" class=\"article-card\">\n <div class=\"article-icon\">\ud83e\udd43<\/div>\n <div>\n <h4>Rakia: A Complete Guide<\/h4>\n <p>Types, traditions and which taverns have the best<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n<\/div>\n\n<div class=\"category-links\">\n <div class=\"category-links-inner\">\n <div class=\"section-label\">\u0420\u0430\u0437\u0433\u043b\u0435\u0434\u0430\u0439 \u043e\u0449\u0435<\/div>\n <h2 class=\"section-title\">\u0412\u0441\u0438\u0447\u043a\u043e \u0437\u0430 \u0440\u0435\u0433\u0438\u043e\u043d\u0430<\/h2>\n <div class=\"category-grid\">\n <a href=\"https:\/\/vbansko.com\/en\/introductions\/restaurants\/\" class=\"category-card restoranti\">\n <div class=\"category-card-inner\">\n <div class=\"cat-icon\">\ud83c\udf7d\ufe0f<\/div>\n <h3>\u0420\u0435\u0441\u0442\u043e\u0440\u0430\u043d\u0442\u0438 \u0432 \u0411\u0430\u043d\u0441\u043a\u043e<\/h3>\n <p>\u041f\u044a\u043b\u0435\u043d \u043a\u0430\u0442\u0430\u043b\u043e\u0433 \u2014 \u043e\u0442 \u043c\u0435\u0445\u0430\u043d\u0438 \u0434\u043e \u0438\u0437\u0438\u0441\u043a\u0430\u043d\u0430 \u043a\u0443\u0445\u043d\u044f<\/p>\n <span class=\"cat-arrow\">\u0412\u0438\u0436 \u0432\u0441\u0438\u0447\u043a\u0438 \u0440\u0435\u0441\u0442\u043e\u0440\u0430\u043d\u0442\u0438 \u2192<\/span>\n <\/div>\n <\/a>\n <a href=\"https:\/\/vbansko.com\/en\/culture-spa-wine\/\" class=\"category-card kultura\">\n <div class=\"category-card-inner\">\n <div class=\"cat-icon\">\ud83c\udfad<\/div>\n <h3>\u041a\u0443\u043b\u0442\u0443\u0440\u0430, \u0421\u043f\u0430 & \u0412\u0438\u043d\u043e<\/h3>\n <p>\u0418\u0437\u043a\u0443\u0441\u0442\u0432\u043e, \u0440\u0435\u043b\u0430\u043a\u0441 \u0438 \u043c\u0435\u0441\u0442\u043d\u0438 \u0432\u0438\u043d\u0430 \u2014 \u0437\u0430 \u043f\u044a\u043b\u043d\u043e\u0442\u043e \u0438\u0437\u0436\u0438\u0432\u044f\u0432\u0430\u043d\u0435<\/p>\n <span class=\"cat-arrow\">\u041e\u0442\u043a\u0440\u0438\u0439 \u043f\u043e\u0432\u0435\u0447\u0435 \u2192<\/span>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n<\/div>\n\n<div class=\"cta-banner\">\n <h2>\u041f\u0440\u0438\u0442\u0435\u0436\u0430\u0432\u0430\u0442\u0435 \u043c\u0435\u0445\u0430\u043d\u0430 \u0432 \u0440\u0435\u0433\u0438\u043e\u043d\u0430?<\/h2>\n <p>Add it to our catalog and reach thousands of tourists every day.<\/p>\n <a href=\"https:\/\/vbansko.com\/en\/business-center-bansko\/\" class=\"btn-white\">\ud83d\udccb Add your tavern \u2192<\/a>\n<\/div>\n\n<script>\n\/\/ \u2500\u2500 QUIZ LOGIC \u2500\u2500\nconst answers = {};\nlet currentQ = 1;\nconst totalQ = 4;\n\nconst RESULTS = {\n traditional: { icon: '\ud83c\udffa', name: '\u041c\u0435\u0445\u0430\u043d\u0430 \u201e\u0411\u0430\u043d\u0441\u043a\u043e\"', tag: '\u0410\u0432\u0442\u0435\u043d\u0442\u0438\u0447\u043d\u0430 \u043a\u0443\u0445\u043d\u044f' },\n livemusic: { icon: '\ud83c\udfbb', name: '\u041c\u0435\u0445\u0430\u043d\u0430 \u201e\u0421\u0442\u0430\u0440\u0438\u044f \u0411\u0430\u043d\u0441\u043a\u043e\"', tag: '\u0416\u0438\u0432\u0430 \u043c\u0443\u0437\u0438\u043a\u0430' },\n quiet: { icon: '\ud83c\udf77', name: '\u041c\u0435\u0445\u0430\u043d\u0430 \u201e\u0412\u043e\u0434\u0435\u043d\u0438\u0446\u0430\u0442\u0430\"', tag: '\u0420\u043e\u043c\u0430\u043d\u0442\u0438\u0447\u043d\u0430 \u0432\u0435\u0447\u0435\u0440\u044f' },\n family: { icon: '\ud83e\udd58', name: '\u041c\u0435\u0445\u0430\u043d\u0430 \u201e\u041f\u0440\u0438 \u0414\u044f\u0434\u043e\"', tag: '\u0421\u0435\u043c\u0435\u0439\u043d\u0430 \u0430\u0442\u043c\u043e\u0441\u0444\u0435\u0440\u0430' },\n veg: { icon: '\ud83c\udf3f', name: '\u041c\u0435\u0445\u0430\u043d\u0430 \u201e\u041f\u0438\u0440\u0438\u043d\u0441\u043a\u0430\"', tag: '\u0412\u0435\u0433\u0435\u0442\u0430\u0440\u0438\u0430\u043d\u0441\u043a\u043e \u043c\u0435\u043d\u044e' },\n grill: { icon: '\ud83d\udd25', name: '\u041c\u0435\u0445\u0430\u043d\u0430 \u201e\u041a\u0430\u043c\u0435\u043d\u0438\u0446\u0430\"', tag: '\u0421\u043a\u0430\u0440\u0430 \u0438 \u043c\u0435\u0441\u043e' }\n};\n\ndocument.querySelectorAll('.quiz-option').forEach(opt => {\n opt.addEventListener('click', function() {\n const q = this.dataset.q;\n document.querySelectorAll(`[data-q=\"${q}\"]`).forEach(o => o.classList.remove('selected'));\n this.classList.add('selected');\n answers[q] = this.dataset.v;\n document.getElementById('btnNext').disabled = false;\n });\n});\n\nfunction updateProgress() {\n const pct = (currentQ \/ totalQ) * 100;\n document.getElementById('progressFill').style.width = pct + '%';\n document.getElementById('progressText').textContent = `\u0412\u044a\u043f\u0440\u043e\u0441 ${currentQ} \u043e\u0442 ${totalQ}`;\n}\n\nfunction quizNext() {\n if (!answers[currentQ]) return;\n\n if (currentQ < totalQ) {\n document.getElementById('q' + currentQ).classList.add('hidden');\n document.getElementById('opts' + currentQ).classList.add('hidden');\n currentQ++;\n document.getElementById('q' + currentQ).classList.remove('hidden');\n document.getElementById('opts' + currentQ).classList.remove('hidden');\n document.getElementById('btnBack').classList.remove('hidden');\n document.getElementById('btnNext').disabled = !answers[currentQ];\n if (currentQ === totalQ) document.getElementById('btnNext').textContent = '\u041f\u043e\u043a\u0430\u0436\u0438 \u0440\u0435\u0437\u0443\u043b\u0442\u0430\u0442\u0430 \u2192';\n updateProgress();\n } else {\n showResult();\n }\n}\n\nfunction quizBack() {\n document.getElementById('q' + currentQ).classList.add('hidden');\n document.getElementById('opts' + currentQ).classList.add('hidden');\n currentQ--;\n document.getElementById('q' + currentQ).classList.remove('hidden');\n document.getElementById('opts' + currentQ).classList.remove('hidden');\n document.getElementById('btnNext').disabled = false;\n document.getElementById('btnNext').textContent = currentQ === totalQ ? '\u041f\u043e\u043a\u0430\u0436\u0438 \u0440\u0435\u0437\u0443\u043b\u0442\u0430\u0442\u0430 \u2192' : '\u041d\u0430\u043f\u0440\u0435\u0434 \u2192';\n if (currentQ === 1) document.getElementById('btnBack').classList.add('hidden');\n updateProgress();\n}\n\nfunction showResult() {\n ['q4','opts4'].forEach(id => document.getElementById(id).classList.add('hidden'));\n document.getElementById('quizNav').classList.add('hidden');\n document.getElementById('progressFill').style.width = '100%';\n document.getElementById('progressText').textContent = '\u0420\u0435\u0437\u0443\u043b\u0442\u0430\u0442!';\n\n const picks = [];\n const comp = answers[1]; const food = answers[2]; const atm = answers[3];\n\n if (food === 'traditional') picks.push(RESULTS.traditional);\n if (atm === 'livemusic') picks.push(RESULTS.livemusic);\n if (atm === 'quiet') picks.push(RESULTS.quiet);\n if (comp === 'family') picks.push(RESULTS.family);\n if (food === 'veg') picks.push(RESULTS.veg);\n if (food === 'grill') picks.push(RESULTS.grill);\n\n if (picks.length === 0) picks.push(RESULTS.traditional, RESULTS.livemusic);\n const top = picks.slice(0, 3);\n\n document.getElementById('resultCards').innerHTML = top.map(r => `\n <div class=\"result-card\">\n <div class=\"rc-icon\">${r.icon}<\/div>\n <div class=\"rc-name\">${r.name}<\/div>\n <div class=\"rc-tag\">${r.tag}<\/div>\n <\/div>\n `).join('');\n\n document.getElementById('quizResult').classList.remove('hidden');\n}\n\nfunction restartQuiz() {\n Object.keys(answers).forEach(k => delete answers[k]);\n currentQ = 1;\n document.getElementById('quizResult').classList.add('hidden');\n document.getElementById('quizNav').classList.remove('hidden');\n document.querySelectorAll('.quiz-option').forEach(o => o.classList.remove('selected'));\n for (let i = 1; i <= totalQ; i++) {\n document.getElementById('q' + i).classList.toggle('hidden', i !== 1);\n document.getElementById('opts' + i).classList.toggle('hidden', i !== 1);\n }\n document.getElementById('btnBack').classList.add('hidden');\n document.getElementById('btnNext').disabled = true;\n document.getElementById('btnNext').textContent = '\u041d\u0430\u043f\u0440\u0435\u0434 \u2192';\n updateProgress();\n}\n\n\/\/ \u2500\u2500 FILTER LOGIC \u2500\u2500\nfunction filterMehani(tag, btn) {\n document.querySelectorAll('.filter-btn').forEach(b => b.classList.remove('active'));\n btn.classList.add('active');\n document.querySelectorAll('.mehana-card').forEach(card => {\n if (tag === 'all') { card.style.display = ''; return; }\n const tags = card.dataset.tags || '';\n card.style.display = tags.includes(tag) ? '' : 'none';\n });\n}\n<\/script>\n<\/body>\n<\/html>\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>","protected":false},"excerpt":{"rendered":"<p>\u041c\u0435\u0445\u0430\u043d\u0438 \u0432 \u0411\u0430\u043d\u0441\u043a\u043e \u2014 \u041a\u0430\u0442\u0430\u043b\u043e\u0433 \u0438 \u0420\u0435\u0437\u0435\u0440\u0432\u0430\u0446\u0438\u0438 :root { –bg: #faf7f2; –dark: #1a120a; –warm: #8b2e00; –gold: #c8922a; –gold-light: #f0d08a; –cream: #f5ead6; –text: #3a2512; –muted: #8a7060; –border: #e0cdb0; –danger-bg: #fffcfaf0; –danger-border: […]<\/p>","protected":false},"author":4,"featured_media":0,"parent":34276,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-45932","page","type-page","status-publish","hentry"],"cubewp_post_meta":[],"taxonomies":[],"_links":{"self":[{"href":"https:\/\/vbansko.com\/en\/wp-json\/wp\/v2\/pages\/45932","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vbansko.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vbansko.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vbansko.com\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/vbansko.com\/en\/wp-json\/wp\/v2\/comments?post=45932"}],"version-history":[{"count":24,"href":"https:\/\/vbansko.com\/en\/wp-json\/wp\/v2\/pages\/45932\/revisions"}],"predecessor-version":[{"id":47589,"href":"https:\/\/vbansko.com\/en\/wp-json\/wp\/v2\/pages\/45932\/revisions\/47589"}],"up":[{"embeddable":true,"href":"https:\/\/vbansko.com\/en\/wp-json\/wp\/v2\/pages\/34276"}],"wp:attachment":[{"href":"https:\/\/vbansko.com\/en\/wp-json\/wp\/v2\/media?parent=45932"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}