{"id":46154,"date":"2026-03-26T22:10:27","date_gmt":"2026-03-26T20:10:27","guid":{"rendered":"https:\/\/vbansko.com\/?page_id=46154"},"modified":"2026-04-15T10:45:44","modified_gmt":"2026-04-15T07:45:44","slug":"barove","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\/barove\/","title":{"rendered":"\u0411\u0430\u0440\u044b"},"content":{"rendered":"\t\t
\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\u0411\u0430\u0440\u043e\u0432\u0435 \u0438 \u041d\u043e\u0449\u0435\u043d \u0416\u0438\u0432\u043e\u0442 \u0432 \u0411\u0430\u043d\u0441\u043a\u043e \u2014 \u041f\u044a\u043b\u0435\u043d \u041f\u044a\u0442\u0435\u0432\u043e\u0434\u0438\u0442\u0435\u043b 2026<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=Outfit:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n \/* PREMIUM DARK MODE *\/\n --bg: #0d0f14; \/* \u041c\u043d\u043e\u0433\u043e \u0442\u044a\u043c\u043d\u043e \u0433\u0440\u0430\u0444\u0438\u0442\u0435\u043d\u043e-\u0441\u0438\u043d\u044c\u043e \u0437\u0430 \u043e\u0441\u043d\u043e\u0432\u0435\u043d \u0444\u043e\u043d *\/\n --white: #181c25; \/* \u0426\u0432\u044f\u0442 \u043d\u0430 \u043a\u0430\u0440\u0442\u0438\u0442\u0435 (\u043b\u0435\u043a\u043e \u043f\u043e-\u0441\u0432\u0435\u0442\u043b\u043e \u043e\u0442 \u0444\u043e\u043d\u0430 \u0437\u0430 \u0434\u044a\u043b\u0431\u043e\u0447\u0438\u043d\u0430) *\/\n --ink: #fcfcfd; \/* \u042f\u0440\u043a\u043e \u0431\u044f\u043b\u043e \u0437\u0430 \u043e\u0441\u043d\u043e\u0432\u043d\u0438\u0442\u0435 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u0435 (\u043f\u0435\u0440\u0444\u0435\u043a\u0442\u043d\u043e \u0447\u0435\u0442\u043b\u0438\u0432\u043e) *\/\n --ink-soft: #9ba1a6; \/* \u0421\u0432\u0435\u0442\u043b\u043e \u0441\u0438\u0432\u043e \u0437\u0430 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u044f\u0442\u0430 *\/\n --accent: #8b5cf6; \/* \u041d\u0435\u043e\u043d\u043e\u0432\u043e \u0432\u0438\u043e\u043b\u0435\u0442\u043e\u0432\u043e *\/\n --accent-lt: #a78bfa; \/* \u041f\u043e-\u0441\u0432\u0435\u0442\u043b\u043e \u0432\u0438\u043e\u043b\u0435\u0442\u043e\u0432\u043e \u043f\u0440\u0438 hover *\/\n --accent-glow: rgba(139, 92, 246, 0.15);\n --gold: #eab308; \/* \u0417\u043b\u0430\u0442\u043d\u043e \u0437\u0430 \u0430\u043a\u0446\u0435\u043d\u0442\u0438 \u0438 \u0442\u043e\u043f \u0431\u0443\u0442\u043e\u043d\u0438 *\/\n --border: #2a2e39; \/* \u0415\u043b\u0435\u0433\u0430\u043d\u0442\u043d\u0438, \u043d\u0435\u043d\u0430\u0442\u0440\u0430\u043f\u0447\u0438\u0432\u0438 \u0433\u0440\u0430\u043d\u0438\u0446\u0438 *\/\n --shadow: 0 8px 30px rgba(0, 0, 0, 0.4); \n }\n\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n body { font-family: 'Outfit', sans-serif; font-size: 16px !important; background: var(--bg); color: var(--ink); overflow-x: hidden; line-height: 1.6; }\n a { text-decoration: none; color: inherit; transition: color .2s; }\n\n \/* BREADCRUMB *\/\n .breadcrumb { background: var(--white); border-bottom: 1px solid var(--border); padding: 14px 40px; font-size: 14px !important; color: var(--ink-soft); }\n .breadcrumb a { color: var(--accent-lt); font-weight: 500; }\n .breadcrumb a:hover { color: #fff; text-decoration: underline; }\n .breadcrumb span { margin: 0 10px; opacity: 0.5; color: var(--ink-soft); }\n\n \/* HERO (\u041d\u041e\u0429\u0415\u041d \u0418 \u0421\u0422\u0418\u041b\u0415\u041d) *\/\n .hero {\n background: linear-gradient(135deg, #130f1c 0%, #1c1433 100%);\n padding: 100px 40px 80px; text-align: center; position: relative; overflow: hidden;\n border-bottom: 1px solid var(--border);\n }\n .hero::after {\n content: '\ud83c\udf19'; position: absolute; top: 40px; right: 12%; font-size: 48px !important;\n opacity: 0.15; animation: float 6s ease-in-out infinite;\n }\n @keyframes float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-15px)} }\n\n .hero-eyebrow {\n display: inline-flex; align-items: center; gap: 12px;\n font-size: 14px !important; letter-spacing: 4px; text-transform: uppercase;\n color: var(--gold); font-weight: 700; margin-bottom: 24px;\n }\n .hero-eyebrow::before, .hero-eyebrow::after { content: ''; width: 32px; height: 1px; background: currentColor; }\n \n .hero h1 { \n font-family: 'Cormorant Garamond', serif; \n font-size: clamp(48px, 6vw, 84px) !important; \n font-weight: 700; \n color: #fff;\n line-height: 1.05; margin-bottom: 20px; \n }\n .hero h1 em { color: var(--gold); font-style: italic; }\n \n .hero p { \n font-size: 19px !important; \n color: var(--ink-soft); \n max-width: 600px; margin: 0 auto 56px; line-height: 1.8; font-weight: 400; \n }\n\n \/* STATS *\/\n .stats-row {\n display: inline-flex; flex-wrap: wrap; justify-content: center;\n background: var(--white); border: 1px solid var(--border);\n border-radius: 12px; overflow: hidden; box-shadow: var(--shadow);\n }\n .stat { padding: 22px 48px; text-align: center; border-right: 1px solid var(--border); }\n .stat:last-child { border-right: none; }\n .stat-num { font-family: 'Cormorant Garamond', serif; font-size: 42px !important; font-weight: 700; color: var(--gold); display: block; line-height: 1; }\n .stat-label { font-size: 13px !important; letter-spacing: 2px; text-transform: uppercase; color: var(--ink-soft); margin-top: 8px; display: block; font-weight: 600; }\n\n \/* SHARED *\/\n .wrap { max-width: 1200px; margin: 0 auto; padding: 72px 40px; }\n .s-head { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 16px; margin-bottom: 40px; }\n .s-title { font-family: 'Cormorant Garamond', serif; font-size: clamp(32px, 3.8vw, 48px) !important; font-weight: 700; color: var(--ink); line-height: 1.15; }\n .s-title small { display: block; font-family: 'Outfit', sans-serif; font-size: 14px !important; letter-spacing: 3px; text-transform: uppercase; color: var(--accent-lt); font-weight: 700; margin-bottom: 6px; }\n .s-link { font-size: 16px !important; font-weight: 600; color: var(--accent-lt); border-bottom: 1px solid transparent; transition: all .2s; white-space: nowrap; }\n .s-link:hover { color: #fff; border-color: #fff; }\n hr.soft { border: none; border-top: 1px solid var(--border); margin: 0 40px; }\n\n \/* CATEGORY CHIPS *\/\n .cat-section { background: var(--bg); }\n .cat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 18px; }\n .cat-card {\n display: flex; flex-direction: column; align-items: center; justify-content: center;\n gap: 12px; padding: 32px 20px; border-radius: 16px; border: 1px solid var(--border);\n text-align: center; transition: all .3s ease; cursor: pointer; background: var(--white); color: var(--ink);\n }\n .cat-card:hover { transform: translateY(-6px); box-shadow: 0 14px 40px var(--accent-glow); border-color: var(--accent); }\n .cat-card .cat-emoji { font-size: 40px !important; }\n .cat-card h3 { font-family: 'Cormorant Garamond', serif; font-size: 21px !important; font-weight: 600; color: var(--ink); }\n .cat-card span { font-size: 14px !important; color: var(--ink-soft); line-height: 1.5; }\n\n \/* QUIZ *\/\n .quiz-section { \n background: linear-gradient(135deg, #181c25 0%, #130f1c 100%);\n border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);\n }\n .quiz-wrap { max-width: 760px; margin: 0 auto; padding: 80px 40px; text-align: center; }\n .quiz-eyebrow { font-size: 14px !important; letter-spacing: 3px; text-transform: uppercase; color: var(--gold); font-weight: 700; margin-bottom: 16px; }\n .quiz-title { font-family: 'Cormorant Garamond', serif; font-size: clamp(32px, 4vw, 48px) !important; font-weight: 700; color: #fff; margin-bottom: 12px; }\n .quiz-sub { font-size: 18px !important; color: var(--ink-soft); margin-bottom: 48px; font-weight: 400; max-width: 500px; margin-left: auto; margin-right: auto; }\n \n .quiz-step { display: none; animation: fadeUp .35s ease both; }\n .quiz-step.active { display: block; }\n .quiz-q { font-size: 22px !important; font-weight: 600; color: #fff; margin-bottom: 10px; }\n .quiz-hint { font-size: 15px !important; color: var(--ink-soft); margin-bottom: 32px; }\n \n .quiz-options { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; margin-bottom: 40px; }\n .quiz-opt {\n background: var(--bg); border: 1px solid var(--border);\n border-radius: 12px; padding: 22px 16px; cursor: pointer; text-align: center;\n transition: all .2s ease; color: var(--ink); box-shadow: 0 4px 12px rgba(0,0,0,0.2);\n }\n .quiz-opt:hover { border-color: var(--accent); transform: translateY(-3px); box-shadow: 0 8px 20px var(--accent-glow); }\n .quiz-opt.selected { background: rgba(139, 92, 246, 0.1); border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent); }\n .quiz-opt-icon { font-size: 32px !important; display: block; margin-bottom: 10px; }\n .quiz-opt-label { font-size: 17px !important; font-weight: 600; display: block; color: #fff; }\n .quiz-opt-sub { font-size: 14px !important; color: var(--ink-soft); display: block; margin-top: 5px; line-height: 1.4; }\n \n .quiz-nav { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; padding-top: 20px; border-top: 1px solid var(--border); }\n .quiz-progress { font-size: 14px !important; color: var(--ink-soft); font-weight: 600; }\n .quiz-dots { display: flex; gap: 8px; align-items: center; }\n .quiz-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--border); transition: all .3s; }\n .quiz-dot.done { background: var(--gold); }\n .quiz-dot.active { background: var(--accent); transform: scale(1.3); }\n \n .btn-quiz { display: inline-flex; align-items: center; gap: 8px; background: var(--accent); color: #fff; padding: 14px 30px; border-radius: 10px; font-weight: 700; font-size: 16px !important; border: none; cursor: pointer; transition: all .2s; }\n .btn-quiz:hover { background: var(--accent-lt); transform: translateY(-2px); box-shadow: 0 8px 24px var(--accent-glow); }\n .btn-quiz-ghost { display: inline-flex; align-items: center; gap: 6px; background: transparent; color: var(--ink-soft); padding: 14px 24px; border-radius: 10px; font-size: 16px !important; border: 1px solid var(--border); cursor: pointer; transition: all .2s; font-weight: 600; }\n .btn-quiz-ghost:hover { color: #fff; border-color: #fff; background: rgba(255,255,255,0.05); }\n\n \/* QUIZ RESULT *\/\n .quiz-result { display: none; animation: fadeUp .4s ease both; }\n .quiz-result.active { display: block; }\n .result-title { font-family: 'Cormorant Garamond', serif; font-size: clamp(32px, 4vw, 48px) !important; font-weight: 700; color: #fff; margin-bottom: 12px; }\n .result-sub { font-size: 18px !important; color: var(--ink-soft); margin-bottom: 40px; }\n .result-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; margin-bottom: 40px; text-align: left; }\n .result-card { background: var(--bg); border: 1px solid var(--border); border-radius: 14px; padding: 24px; display: flex; flex-direction: column; gap: 8px; box-shadow: var(--shadow); }\n .result-card-name { font-family: 'Cormorant Garamond', serif; font-size: 22px !important; font-weight: 600; color: #fff; }\n .result-card-type { font-size: 14px !important; color: var(--gold); font-weight: 600; text-transform: uppercase; letter-spacing: 1px; }\n .result-card-desc { font-size: 16px !important; color: var(--ink-soft); line-height: 1.6; }\n .result-card-links { display: flex; gap: 12px; margin-top: 10px; padding-top: 12px; border-top: 1px solid var(--border); }\n .result-card-link { font-size: 14px !important; color: var(--accent-lt); font-weight: 700; }\n .result-card-link:hover { color: #fff; }\n .result-card-map { font-size: 14px !important; color: var(--gold); font-weight: 600; }\n .btn-reset { background: transparent; border: 1px solid var(--border); color: var(--ink-soft); padding: 12px 24px; border-radius: 10px; font-size: 16px !important; cursor: pointer; transition: all .2s; font-weight: 600; }\n .btn-reset:hover { color: #fff; border-color: #fff; background: rgba(255,255,255,0.05); }\n\n \/* CATALOG *\/\n .catalog-section { background: var(--bg); }\n .filter-bar { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 40px; padding: 6px; background: var(--white); border: 1px solid var(--border); border-radius: 30px; display: inline-flex; }\n .filter-btn { padding: 10px 22px; border-radius: 25px; border: none; background: transparent; font-size: 15px !important; font-weight: 600; color: var(--ink-soft); cursor: pointer; transition: all .2s; }\n .filter-btn:hover { color: #fff; }\n .filter-btn.active { background: var(--accent); color: #fff; box-shadow: 0 4px 12px var(--accent-glow); }\n\n .bars-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 28px; }\n .bar-card { background: var(--white); border: 1px solid var(--border); border-radius: 16px; overflow: hidden; box-shadow: var(--shadow); display: flex; flex-direction: column; transition: all .3s ease; position: relative; }\n .bar-card:hover { transform: translateY(-7px); box-shadow: 0 20px 50px rgba(0,0,0,0.5); border-color: var(--accent-lt); }\n .bar-card-top { height: 140px; display: flex; align-items: flex-end; padding: 20px; position: relative; overflow: hidden; }\n .bar-card-top::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to bottom, transparent 30%, rgba(0,0,0,0.8)); z-index: 1; }\n .bar-badge { position: absolute; top: 16px; left: 16px; z-index: 2; font-size: 13px !important; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; padding: 4px 12px; border-radius: 4px; color: #fff; }\n .bar-badge.top { background: var(--gold); color: #1a1624; }\n .bar-badge.apres { background: #1a5c8e; }\n .bar-badge.club { background: var(--accent); }\n .bar-badge.craft { background: #3d6b1a; }\n .bar-badge.koktejl{ background: #8e1a6b; }\n .bar-badge.erotic { background: #d32f2f; } \n \n .bar-rating { position: absolute; top: 16px; right: 16px; z-index: 2; background: rgba(0,0,0,0.5); backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,0.1); color: #fff; font-size: 14px !important; font-weight: 700; padding: 5px 12px; border-radius: 20px; display: flex; align-items: center; gap: 5px; }\n .bar-emoji { position: relative; z-index: 2; font-size: 40px !important; line-height: 1; }\n \n .bar-body { padding: 24px; flex: 1; display: flex; flex-direction: column; }\n .bar-name { font-family: 'Cormorant Garamond', serif; font-size: 24px !important; font-weight: 700; color: #fff; margin-bottom: 8px; }\n .bar-desc { font-size: 16px !important; color: var(--ink-soft); line-height: 1.7; flex: 1; margin-bottom: 16px; }\n .bar-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }\n .bar-tag { font-size: 13px !important; font-weight: 600; padding: 4px 12px; border-radius: 15px; background: rgba(139, 92, 246, 0.1); color: var(--accent-lt); border: 1px solid rgba(139, 92, 246, 0.2); }\n .bar-meta { display: flex; align-items: center; justify-content: space-between; font-size: 14px !important; color: var(--ink-soft); padding-top: 16px; border-top: 1px solid var(--border); }\n .bar-price { font-weight: 700; color: #fff; font-size: 15px !important; }\n .bar-links { display: flex; gap: 14px; align-items: center; }\n .bar-link { font-size: 14px !important; font-weight: 700; color: var(--accent-lt); display: inline-flex; align-items: center; gap: 4px; }\n .bar-link:hover { color: #fff; text-decoration: underline; }\n .bar-map-link { font-size: 14px !important; font-weight: 600; color: var(--gold); }\n .bar-map-link:hover { color: #fff; text-decoration: underline; }\n .bar-card[data-hidden=\"true\"] { display: none; }\n\n \/* OWNER CTA *\/\n .owner-cta { background: var(--white); border: 1px solid var(--border); border-radius: 16px; padding: 40px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 24px; margin-top: 64px; box-shadow: var(--shadow); }\n .owner-cta h3 { font-family: 'Cormorant Garamond', serif; font-size: 24px !important; font-weight: 700; color: #fff; margin-bottom: 6px; }\n .owner-cta p { font-size: 17px !important; color: var(--ink-soft); max-width: 500px; }\n .btn-owner { display: inline-flex; align-items: center; gap: 10px; background: var(--gold); color: #000; padding: 14px 28px; border-radius: 8px; font-weight: 700; font-size: 16px !important; transition: all .2s; white-space: nowrap; }\n .btn-owner:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(234,179,8,0.3); }\n\n \/* ARTICLES *\/\n .articles-section { background: var(--bg); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }\n .articles-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 28px; }\n .article-card { background: var(--white); border-radius: 14px; overflow: hidden; border: 1px solid var(--border); box-shadow: var(--shadow); transition: all .3s ease; display: flex; flex-direction: column; }\n .article-card:hover { transform: translateY(-6px); box-shadow: 0 16px 40px rgba(0,0,0,0.5); border-color: var(--accent-lt); }\n .article-card img { width: 100%; height: 210px; object-fit: cover; display: block; background: #2a2e39; }\n .article-card-body { padding: 28px; flex: 1; display: flex; flex-direction: column; }\n .ac-badge { display: inline-block; background: rgba(139, 92, 246, 0.15); color: var(--accent-lt); font-size: 13px !important; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; padding: 4px 10px; border-radius: 4px; margin-bottom: 12px; align-self: flex-start; border: 1px solid rgba(139, 92, 246, 0.3);}\n .article-card-body h3 { font-family: 'Cormorant Garamond', serif; font-size: 24px !important; font-weight: 600; margin-bottom: 10px; color: #fff; line-height: 1.4; }\n .article-card-body p { font-size: 16px !important; color: var(--ink-soft); line-height: 1.7; flex: 1; margin-bottom: 18px; }\n .ac-link { display: inline-flex; align-items: center; gap: 6px; font-size: 16px !important; font-weight: 700; color: var(--accent-lt); text-decoration: underline; }\n .ac-link:hover { color: #fff; }\n\n \/* TIPS *\/\n .tips-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 24px; }\n .tip-card { background: var(--white); border: 1px solid var(--border); border-radius: 14px; padding: 30px; position: relative; overflow: hidden; transition: all .3s ease; box-shadow: var(--shadow); }\n .tip-card::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--accent), var(--gold)); transform: scaleX(0); transform-origin: left; transition: transform .4s; }\n .tip-card:hover::after { transform: scaleX(1); }\n .tip-card:hover { transform: translateY(-5px); border-color: var(--accent-lt); }\n .tip-icon { font-size: 36px !important; margin-bottom: 16px; display: block; line-height: 1; }\n .tip-card h3 { font-family: 'Cormorant Garamond', serif; font-size: 22px !important; font-weight: 600; margin-bottom: 10px; color: #fff; }\n .tip-card p { font-size: 16px !important; color: var(--ink-soft); line-height: 1.7; margin-bottom: 14px; }\n .tip-link { font-size: 14px !important; font-weight: 700; color: var(--accent-lt); text-decoration: underline; }\n .tip-link:hover { color: #fff; }\n\n \/* ============================================================== *\/\n \/* FIXED CTA SECTION: NIGHT THEME *\/\n \/* ============================================================== *\/\n .cta-section { \n background: linear-gradient(135deg, #2e1065 0%, #0f172a 100%); \n padding: 90px 40px; \n text-align: center; \n border-top: 1px solid var(--border);\n }\n .cta-section h2 { \n font-family: 'Cormorant Garamond', serif; \n font-size: clamp(36px, 4.5vw, 54px) !important; \n font-weight: 700; \n margin-bottom: 18px; \n color: #fff !important; \n }\n .cta-section p { \n font-size: 19px !important; \n color: #cbd5e1 !important; \n margin-bottom: 48px; \n font-weight: 400; \n max-width: 600px; \n margin-left: auto; \n margin-right: auto; \n line-height: 1.8;\n }\n .btn-cta { \n display: inline-block; \n background: var(--gold); \n color: #000 !important; \n padding: 16px 40px; \n border-radius: 10px; \n font-weight: 700; \n font-size: 16px !important; \n transition: all .2s; \n text-decoration: none; \n border: none;\n }\n .btn-cta:hover { \n background: #fde047;\n transform: translateY(-3px); \n box-shadow: 0 10px 30px rgba(234,179,8,0.3); \n }\n .btn-cta-ghost { \n display: inline-block; \n background: rgba(255,255,255,0.05); \n color: #fff !important; \n padding: 16px 36px; \n border-radius: 10px; \n font-weight: 700; \n font-size: 16px !important; \n border: 1px solid rgba(255,255,255,0.2); \n margin-left: 20px; \n transition: all .2s; \n text-decoration: none; \n }\n .btn-cta-ghost:hover { \n border-color: #fff;\n background: rgba(255,255,255,0.15);\n }\n \/* ============================================================== *\/\n\n @keyframes fadeUp { from { opacity:0; transform:translateY(20px); } to { opacity:1; transform:translateY(0); } }\n .fu { animation: fadeUp .6s ease both; }\n .fu:nth-child(1){animation-delay:.00s}\n .fu:nth-child(2){animation-delay:.10s}\n .fu:nth-child(3){animation-delay:.20s}\n .fu:nth-child(4){animation-delay:.30s}\n .fu:nth-child(5){animation-delay:.40s}\n .fu:nth-child(6){animation-delay:.50s}\n\n @media(max-width:768px){\n .breadcrumb,.hero,.wrap,.quiz-wrap{ padding-left:24px; padding-right:24px; }\n .hero{ padding-top: 80px; padding-bottom: 60px; }\n .hero h1{ font-size: 40px !important; }\n .stat{ padding: 16px 24px; border-right: none; border-bottom: 1px solid var(--border); width: 50%;}\n .stat:last-child{ border-bottom: none; }\n hr.soft{ margin:0 24px; }\n .owner-cta{ padding:30px 24px; text-align: center; justify-content: center; }\n .owner-cta p{ margin-bottom: 16px; }\n .filter-bar{ border-radius: 15px; display: flex; flex-wrap: wrap; justify-content: center;}\n .filter-btn{ width: 48%; text-align: center; padding: 10px;}\n .btn-cta-ghost { margin-left: 0; margin-top: 16px; }\n .btn-cta, .btn-cta-ghost { display: block; width: 100%; max-width: 340px; margin-left: auto; margin-right: auto; }\n }\n<\/style>\n<\/head>\n<body>\n\n<script>\nconst DATA = {\n categories: [\n { emoji:\"\ud83c\udfbf\", label:\"Apr\u00e8s-ski\", sub:\"\u041e\u0442 15:00 \u0441\u043b\u0435\u0434 \u043f\u0438\u0441\u0442\u0438\u0442\u0435\", url:\"https:\/\/vbansko.com\/apres-ski-bansko-top-mesta-parti\/\" },\n { emoji:\"\ud83c\udf19\", label:\"\u041d\u043e\u0449\u043d\u0438 \u043a\u043b\u0443\u0431\u043e\u0432\u0435\", sub:\"\u041c\u0443\u0437\u0438\u043a\u0430 \u0434\u043e \u0437\u043e\u0440\u0438\", url:\"https:\/\/vbansko.com\/noshtni-klubove-v-bansko\/\" },\n { emoji:\"\ud83c\udf78\", label:\"\u041a\u043e\u043a\u0442\u0435\u0439\u043b \u0431\u0430\u0440\u043e\u0432\u0435\", sub:\"\u0410\u0432\u0442\u043e\u0440\u0441\u043a\u0438 \u043a\u043e\u043a\u0442\u0435\u0439\u043b\u0438\", url:\"https:\/\/vbansko.com\/nai-dobrite-kokteil-barove-v-bansko\/\" },\n { emoji:\"\ud83c\udf7a\", label:\"\u041a\u0440\u0430\u0444\u0442 & \u041f\u044a\u0431\u043e\u0432\u0435\", sub:\"\u0411\u0438\u0440\u0438 \u0438 \u0442\u043e\u043f\u043b\u0430 \u0430\u0442\u043c\u043e\u0441\u0444\u0435\u0440\u0430\", url:\"https:\/\/vbansko.com\/nai-dobrite-pubove-i-craft-bira-v-bansko\/\" },\n { emoji:\"\ud83d\udc83\", label:\"\u0415\u0440\u043e\u0442\u0438\u0447\u043d\u0438 \u0431\u0430\u0440\u043e\u0432\u0435\", sub:\"Gentlemen's clubs\", url:\"https:\/\/vbansko.com\/striptiz-bar-v-bansko-nightlife-guide\/\" }, \n ],\n\n bars: [\n {\n emoji: \"\ud83c\udfbf\", name: \"Happy End Apr\u00e8s-Ski\", badge: \"apres\", badgeLabel: \"Apr\u00e8s-ski\",\n bg: \"linear-gradient(135deg,#0d2d4a,#1a5c8e)\", desc: \"\u041d\u0430\u0439-\u0435\u043c\u0431\u043b\u0435\u043c\u0430\u0442\u0438\u0447\u043d\u0438\u044f\u0442 \u0410\u043f\u0440\u0435-\u0441\u043a\u0438 \u0431\u0430\u0440 \u0432 \u0411\u0430\u043d\u0441\u043a\u043e, \u0442\u043e\u0447\u043d\u043e \u0434\u043e \u043d\u0430\u0447\u0430\u043b\u043d\u0430\u0442\u0430 \u0441\u0442\u0430\u043d\u0446\u0438\u044f \u043d\u0430 \u043a\u0430\u0431\u0438\u043d\u043a\u043e\u0432\u0438\u044f \u043b\u0438\u0444\u0442. \u0418\u0437\u0432\u0435\u0441\u0442\u0435\u043d \u0441 \u0433\u0440\u0430\u043d\u0434\u0438\u043e\u0437\u043d\u0438\u0442\u0435 \u0441\u0438 \u043f\u0430\u0440\u0442\u0438\u0442\u0430, \u0436\u0438\u0432\u0430 \u043c\u0443\u0437\u0438\u043a\u0430 \u0438 \u0442\u0430\u043d\u0446\u0438 \u043f\u043e \u043c\u0430\u0441\u0438\u0442\u0435.\",\n tags: [\"\u0414\u043e \u0433\u043e\u043d\u0434\u043e\u043b\u0430\u0442\u0430\", \"\u0416\u0438\u0432a \u043c\u0443\u0437\u0438\u043a\u0430\", \"\u041f\u0430\u0440\u0442\u0438\", \"\u0422\u0430\u043d\u0446\u0438 \u043f\u043e \u043c\u0430\u0441\u0438\u0442\u0435\"], rating: \"4.6\", reviews: \"2140\", price: \"\u041e\u0442 10 \u043b\u0432.\", top: true, url: \"https:\/\/vbansko.com\/lc\/barove-i-nosthen-zhivot\/\", map:\"https:\/\/maps.google.com\"\n },\n {\n emoji: \"\ud83c\udfb8\", name: \"Amigo Pub\", badge: \"craft\", badgeLabel: \"\u041f\u044a\u0431 & \u041c\u0443\u0437\u0438\u043a\u0430\",\n bg: \"linear-gradient(135deg,#1a2e0a,#3d6b1a)\", desc: \"\u041b\u0435\u0433\u0435\u043d\u0434\u0430\u0440\u0435\u043d \u043f\u044a\u0431 \u0441 \u0443\u043d\u0438\u043a\u0430\u043b\u043d\u0430 \u0430\u0442\u043c\u043e\u0441\u0444\u0435\u0440\u0430, \u0441\u0442\u0440\u0430\u0445\u043e\u0442\u0435\u043d \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b \u0438 \u0436\u0438\u0432\u0430 \u0440\u043e\u043a \u043c\u0443\u0437\u0438\u043a\u0430 \u043f\u043e\u0447\u0442\u0438 \u0432\u0441\u044f\u043a\u0430 \u0432\u0435\u0447\u0435\u0440. \u041f\u0435\u0440\u0444\u0435\u043a\u0442\u043d\u043e \u043c\u044f\u0441\u0442\u043e \u0437\u0430 \u0431\u0438\u0440\u0430 \u0438 \u043a\u0443\u043f\u043e\u043d \u0441\u043b\u0435\u0434 \u043f\u0438\u0441\u0442\u0438\u0442\u0435.\",\n tags: [\"\u0416\u0438\u0432\u0430 \u043c\u0443\u0437\u0438\u043a\u0430\", \"\u0420\u043e\u043a\", \"\u0411\u0438\u0440\u0430\", \"\u0422\u043e\u043f \u0430\u0442\u043c\u043e\u0441\u0444\u0435\u0440\u0430\"], rating: \"4.8\", reviews: \"3200\", price: \"\u0411\u0438\u0440\u0430 \u043e\u0442 8 \u043b\u0432.\", top: true, url: \"https:\/\/vbansko.com\/lc\/barove-i-nosthen-zhivot\/\", map:\"https:\/\/maps.google.com\"\n },\n {\n emoji: \"\ud83c\udf19\", name: \"Oxygen Club\", badge: \"club\", badgeLabel: \"\u041d\u043e\u0449\u0435\u043d \u043a\u043b\u0443\u0431\",\n bg: \"linear-gradient(135deg,#2e0a1e,#8e1a6b)\", desc: \"\u0415\u043f\u0438\u0446\u0435\u043d\u0442\u044a\u0440\u044a\u0442 \u043d\u0430 \u0435\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u0430\u0442\u0430 \u0438 \u043a\u043b\u0443\u0431\u043d\u0430\u0442\u0430 \u043c\u0443\u0437\u0438\u043a\u0430 \u0432 \u0411\u0430\u043d\u0441\u043a\u043e. \u0413\u043e\u0441\u0442\u0443\u0432\u0430\u0449\u0438 \u0434\u0438\u0434\u0436\u0435\u0438, \u0441\u0438\u043b\u0435\u043d \u0441\u0430\u0443\u043d\u0434 \u0438 \u043e\u0433\u0440\u043e\u043c\u043d\u0430 \u0441\u0446\u0435\u043d\u0430 \u0437\u0430 \u043f\u0430\u0440\u0442\u0438\u0442\u0430 \u0434\u043e \u0441\u0443\u0442\u0440\u0438\u043d\u0442\u0430.\",\n tags: [\"\u0415\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u0438\u043a\u0430\", \"\u0425\u0430\u0443\u0441\", \"\u041f\u0430\u0440\u0442\u0438\", \"DJ\"], rating: \"4.3\", reviews: \"780\", price: \"\u0412\u0445\u043e\u0434 \u043e\u0442 10-20 \u043b\u0432.\", url: \"https:\/\/vbansko.com\/lc\/barove-i-nosthen-zhivot\/\", map:\"https:\/\/maps.google.com\"\n },\n {\n emoji: \"\ud83d\udc83\", name: \"Taboo Gentlemen's Club\", badge: \"erotic\", badgeLabel: \"\u0415\u0440\u043e\u0442\u0438\u0447\u0435\u043d \u0431\u0430\u0440\",\n bg: \"linear-gradient(135deg,#3a0d16,#b71c1c)\", desc: \"\u0415\u0434\u0438\u043d \u043e\u0442 \u043d\u0430\u0439-\u0438\u0437\u0432\u0435\u0441\u0442\u043d\u0438\u0442\u0435 \u0434\u0436\u0435\u043d\u0442\u044a\u043b\u043c\u0435\u043d\u0441\u043a\u0438 \u043a\u043b\u0443\u0431\u043e\u0432\u0435 \u0432 \u0411\u0430\u043d\u0441\u043a\u043e. \u041f\u0440\u0435\u0434\u043b\u0430\u0433\u0430 \u0434\u0438\u0441\u043a\u0440\u0435\u0442\u043d\u0430 \u0430\u0442\u043c\u043e\u0441\u0444\u0435\u0440\u0430, \u043f\u0440\u043e\u0444\u0435\u0441\u0438\u043e\u043d\u0430\u043b\u043d\u0438 \u0442\u0430\u043d\u0446\u044c\u043e\u0440\u043a\u0438 \u0438 \u043f\u0440\u0435\u043c\u0438\u0443\u043c \u043d\u0430\u043f\u0438\u0442\u043a\u0438.\",\n tags: [\"\u0421\u0442\u0440\u0438\u043f\u0442\u0438\u0439\u0437\", \"\u0414\u0438\u0441\u043a\u0440\u0435\u0442\u043d\u043e\", \"\u0428\u043e\u0443 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u0430\", \"\u041f\u0440\u0435\u043c\u0438\u0443\u043c\"], rating: \"4.5\", reviews: \"120\", price: \"\u0412\u0445\u043e\u0434 \u043e\u0442 30 \u043b\u0432.\", url: \"https:\/\/vbansko.com\/striptiz-bar-v-bansko-nightlife-guide\/\", map:\"https:\/\/maps.google.com\"\n },\n {\n emoji: \"\ud83c\udf78\", name: \"Pirin 75\", badge: \"koktejl\", badgeLabel: \"\u041a\u043e\u043a\u0442\u0435\u0439\u043b \u0431\u0430\u0440\",\n bg: \"linear-gradient(135deg,#2a1050,#1a1624)\", desc: \"\u0420\u0430\u0437\u043f\u043e\u043b\u043e\u0436\u0435\u043d \u043d\u0430 \u0433\u043b\u0430\u0432\u043d\u0430\u0442\u0430 \u0443\u043b\u0438\u0446\u0430, \u0442\u043e\u0432\u0430 \u0435 \u0441\u0442\u0438\u043b\u0435\u043d \u0431\u0430\u0440 \u0441 \u043e\u0442\u043b\u0438\u0447\u043d\u0438 \u043a\u043e\u043a\u0442\u0435\u0439\u043b\u0438, \u043b\u0430\u0443\u043d\u0434\u0436 \u043c\u0443\u0437\u0438\u043a\u0430 \u0438 \u043f\u0440\u0438\u044f\u0442\u043d\u0430 \u0430\u0442\u043c\u043e\u0441\u0444\u0435\u0440\u0430 \u0437\u0430 \u0441\u0442\u0430\u0440\u0442 \u043d\u0430 \u0432\u0435\u0447\u0435\u0440\u0442\u0430.\",\n tags: [\"\u041a\u043e\u043a\u0442\u0435\u0439\u043b\u0438\", \"\u041b\u0430\u0443\u043d\u0434\u0436\", \"\u0413\u043b\u0430\u0432\u043d\u0430 \u0443\u043b\u0438\u0446\u0430\", \"\u0421\u0442\u0438\u043b\u043d\u043e\"], rating: \"4.5\", reviews: \"640\", price: \"\u041a\u043e\u043a\u0442\u0435\u0439\u043b\u0438 15\u201325 \u043b\u0432.\", url: \"https:\/\/vbansko.com\/lc\/barove-i-nosthen-zhivot\/\", map:\"https:\/\/maps.google.com\"\n },\n {\n emoji: \"\ud83d\udc8e\", name: \"Or Rouge\", badge: \"club\", badgeLabel: \"\u041f\u0440\u0435\u043c\u0438\u0443\u043c \u043a\u043b\u0443\u0431\",\n bg: \"linear-gradient(135deg,#3a0d16,#9e1b32)\", desc: \"\u0415\u043a\u0441\u043a\u043b\u0443\u0437\u0438\u0432\u0435\u043d \u043f\u0440\u0435\u043c\u0438\u0443\u043c \u043a\u043b\u0443\u0431 \u0438 \u043b\u0430\u0443\u043d\u0434\u0436. \u041e\u0442\u043b\u0438\u0447\u0430\u0432\u0430 \u0441\u0435 \u0441 \u0448\u0438\u043a\u043e\u0437\u0435\u043d \u0438\u043d\u0442\u0435\u0440\u0438\u043e\u0440, \u0432\u0438\u0441\u043e\u043a\u043e\u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u0438 \u043d\u0430\u0440\u0433\u0438\u043b\u0435\u0442\u0430, \u043f\u0440\u0435\u043c\u0438\u0443\u043c \u0430\u043b\u043a\u043e\u0445\u043e\u043b \u0438 \u0442\u0435\u043c\u0430\u0442\u0438\u0447\u043d\u0438 DJ \u043f\u0430\u0440\u0442\u0438\u0442\u0430.\",\n tags: [\"\u041f\u0440\u0435\u043c\u0438\u0443\u043c\", \"\u041d\u0430\u0440\u0433\u0438\u043b\u0435\", \"DJ\", \"\u041b\u0430\u0443\u043d\u0434\u0436\"], rating: \"4.6\", reviews: \"450\", price: \"\u041f\u0440\u0435\u043c\u0438\u0443\u043c \u0446\u0435\u043d\u0438\", url: \"https:\/\/vbansko.com\/lc\/barove-i-nosthen-zhivot\/\", map:\"https:\/\/maps.google.com\"\n },\n {\n emoji: \"\ud83d\udc6f\", name: \"Moulin Rouge Bansko\", badge: \"erotic\", badgeLabel: \"\u0415\u0440\u043e\u0442\u0438\u0447\u0435\u043d \u0431\u0430\u0440\",\n bg: \"linear-gradient(135deg,#1a0d2e,#e91e63)\", desc: \"\u0415\u0440\u043e\u0442\u0438\u0447\u0435\u043d \u0431\u0430\u0440 \u0441 \u0442\u0435\u043c\u0430\u0442\u0438\u0447\u043d\u0438 \u0432\u0435\u0447\u0435\u0440\u0438 \u0438 \u0432\u0430\u0440\u0438\u0435\u0442\u0435\u0442\u043d\u0430 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u0430. \u041d\u0430\u043c\u0438\u0440\u0430 \u0441\u0435 \u0432 \u0446\u0435\u043d\u0442\u0440\u0430\u043b\u043d\u0430\u0442\u0430 \u0447\u0430\u0441\u0442 \u043d\u0430 \u043a\u0443\u0440\u043e\u0440\u0442\u0430.\",\n tags: [\"\u0428\u043e\u0443\", \"\u041a\u0430\u0431\u0430\u0440\u0435\", \"\u0422\u0430\u043d\u0446\u0438\", \"\u0426\u0435\u043d\u0442\u044a\u0440\"], rating: \"4.2\", reviews: \"95\", price: \"\u0412\u0445\u043e\u0434 \u043e\u0442 20 \u043b\u0432.\", url: \"https:\/\/vbansko.com\/striptiz-bar-v-bansko-nightlife-guide\/\", map:\"https:\/\/maps.google.com\"\n }\n ],\n\n articles: [\n { badge:\"\u041d\u0430\u0440\u044a\u0447\u043d\u0438\u043a\", title:\"\u041d\u043e\u0449\u0435\u043d \u0436\u0438\u0432\u043e\u0442 \u0432 \u0411\u0430\u043d\u0441\u043a\u043e \u2014 \u041f\u044a\u043b\u043d\u043e \u0420\u044a\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e 2026\", text:\"\u0422\u043e\u043f \u0431\u0430\u0440\u043e\u0432\u0435, \u043a\u043b\u0443\u0431\u043e\u0432\u0435 \u0438 apr\u00e8s-ski \u043c\u0435\u0441\u0442\u0430. \u041a\u043e\u0433\u0430 \u0441\u0435 \u043e\u0442\u0432\u0430\u0440\u044f\u0442, \u043a\u043e\u043b\u043a\u043e \u0441\u0442\u0440\u0443\u0432\u0430 \u0432\u0445\u043e\u0434\u0430 \u0438 \u043a\u043e\u0438 \u0434\u043d\u0438 \u0441\u0430 \u043d\u0430\u0439-\u0434\u043e\u0431\u0440\u0438.\", url:\"https:\/\/vbansko.com\/noshten-zhivot-v-bansko\/\", img:\"https:\/\/vbansko.com\/wp-content\/uploads\/2025\/12\/mehana-2048x1147.jpg\", link:\"\u041f\u0440\u043e\u0447\u0435\u0442\u0438 \u043d\u0430\u0440\u044a\u0447\u043d\u0438\u043a\u0430\" },\n { badge:\"\u041d\u0430\u0440\u044a\u0447\u043d\u0438\u043a\", title:\"\u0420\u0430\u043a\u0438\u044f \u0432 \u0411\u0430\u043d\u0441\u043a\u043e: \u0412\u0438\u0434\u043e\u0432\u0435 \u0438 \u0422\u0440\u0430\u0434\u0438\u0446\u0438\u0438\", text:\"\u0414\u043e\u043c\u0430\u0448\u043d\u0430 \u0440\u0430\u043a\u0438\u044f, \u043c\u0430\u0441\u0442\u0438\u043a\u0430 \u0438 \u043f\u043b\u0430\u043d\u0438\u043d\u0441\u043a\u0430 \u0431\u0438\u043b\u043a\u043e\u0432\u0430 \u2014 \u043f\u044a\u043b\u0435\u043d \u043f\u044a\u0442\u0435\u0432\u043e\u0434\u0438\u0442\u0435\u043b \u0437\u0430 \u043b\u044e\u0431\u0438\u0442\u0435\u043b\u0438\u0442\u0435 \u043d\u0430 \u043c\u0435\u0441\u0442\u043d\u0438\u0442\u0435 \u0441\u043f\u0438\u0440\u0442\u043d\u0438 \u043d\u0430\u043f\u0438\u0442\u043a\u0438.\", url:\"https:\/\/vbansko.com\/rakiya-v-bansko-vidove-mehani\/\", img:\"https:\/\/vbansko.com\/wp-content\/uploads\/2025\/12\/ttttttrsd-scaled.jpg\", link:\"\u041f\u0440\u043e\u0447\u0435\u0442\u0438 \u043d\u0430\u0440\u044a\u0447\u043d\u0438\u043a\u0430\" },\n { badge:\"\u0422\u043e\u043f \u043b\u0438\u0441\u0442\u0430\", title:\"\u0422\u043e\u043f 5 \u043c\u0435\u0441\u0442\u0430 \u0437\u0430 \u043a\u043e\u043a\u0442\u0435\u0439\u043b\u0438 \u0432 \u0411\u0430\u043d\u0441\u043a\u043e\", text:\"\u0410\u0432\u0442\u043e\u0440\u0441\u043a\u0438 \u0440\u0435\u0446\u0435\u043f\u0442\u0438, \u0443\u044e\u0442\u043d\u0430 \u0430\u0442\u043c\u043e\u0441\u0444\u0435\u0440\u0430 \u0438 \u043d\u0430\u0439-\u0434\u043e\u0431\u0440\u0438\u0442\u0435 \u0431\u0430\u0440\u043c\u0430\u043d\u0438 \u0432 \u041f\u0438\u0440\u0438\u043d. \u0412\u0438\u0436\u0442\u0435 \u043a\u043b\u0430\u0441\u0430\u0446\u0438\u044f\u0442\u0430 \u043d\u0438.\", url:\"https:\/\/vbansko.com\/nai-dobrite-kokteil-barove-v-bansko\/\", img:\"https:\/\/vbansko.com\/wp-content\/uploads\/2025\/12\/mehana-2048x1147.jpg\", link:\"\u0412\u0438\u0436 \u043a\u043b\u0430\u0441\u0430\u0446\u0438\u044f\u0442\u0430\" }\n ],\n\n tips: [\n { icon:\"\ud83c\udfbf\", title:\"\u0410\u043f\u0440\u0435-\u0441\u043a\u0438 \u0440\u0438\u0442\u0443\u0430\u043b\u044a\u0442 \u043d\u0430 \u0411\u0430\u043d\u0441\u043a\u043e\", text:\"\u041f\u0438\u0441\u0442\u0438\u0442\u0435 \u0437\u0430\u0442\u0432\u0430\u0440\u044f\u0442 \u0432 16:30 \u2014 \u0435\u0442\u043e \u043a\u043e\u0438 \u0431\u0430\u0440\u043e\u0432\u0435 \u0441\u0435 \u043f\u044a\u043b\u043d\u044f\u0442 \u043f\u044a\u0440\u0432\u0438 \u0438 \u0437\u0430\u0449\u043e \u0448\u0435\u0437\u043b\u043e\u043d\u0433\u044a\u0442 \u0435 \u0437\u0430\u0434\u044a\u043b\u0436\u0438\u0442\u0435\u043b\u0435\u043d.\", url:\"https:\/\/vbansko.com\/noshten-zhivot-v-bansko\/\" },\n { icon:\"\ud83c\udf19\", title:\"\u041a\u043e\u0433\u0430 \u0435 \u043f\u0438\u043a\u044a\u0442 \u043d\u0430 \u043d\u043e\u0449\u043d\u0438\u044f \u0436\u0438\u0432\u043e\u0442?\", text:\"\u0411\u0430\u043d\u0441\u043a\u043e \u043e\u0436\u0438\u0432\u044f\u0432\u0430 \u0441\u043b\u0435\u0434 23:00. \u041a\u043b\u0443\u0431\u043e\u0432\u0435\u0442\u0435 \u0440\u0430\u0431\u043e\u0442\u044f\u0442 \u0434\u043e 4-5 \u0441\u0443\u0442\u0440\u0438\u043d\u0442\u0430. \u0412\u0442\u043e\u0440\u043d\u0438\u043a \u0438 \u0441\u0440\u044f\u0434\u0430 \u0441\u0430 \u0442\u0438\u0445\u0438 \u2014 \u0447\u0435\u0442\u0432\u044a\u0440\u0442\u044a\u043a \u0434\u043e \u043d\u0435\u0434\u0435\u043b\u044f \u0435 \u043f\u0438\u043a\u044a\u0442.\", url:\"https:\/\/vbansko.com\/noshten-zhivot-v-bansko\/\" },\n { icon:\"\ud83d\udcb0\", title:\"\u041a\u043e\u043b\u043a\u043e \u0441\u0442\u0440\u0443\u0432\u0430 \u043d\u043e\u0449\u0442\u0430 \u0432 \u0411\u0430\u043d\u0441\u043a\u043e?\", text:\"\u041a\u043e\u043a\u0442\u0435\u0439\u043b 15\u201328 \u043b\u0432., \u0432\u0445\u043e\u0434 \u0432 \u043a\u043b\u0443\u0431 10\u201320 \u043b\u0432., \u0431\u0438\u0440\u0430 \u043e\u0442 7 \u043b\u0432. \u0415\u0440\u043e\u0442\u0438\u0447\u0435\u043d \u043a\u043b\u0443\u0431 - \u0432\u0445\u043e\u0434 \u043e\u0442 20 \u043b\u0432. Apr\u00e8s-ski \u0435 \u0431\u0435\u0437\u043f\u043b\u0430\u0442\u043d\u043e \u2014 \u043f\u043b\u0430\u0449\u0430\u0448 \u0441\u0430\u043c\u043e \u043d\u0430\u043f\u0438\u0442\u043a\u0438\u0442\u0435.\", url:\"https:\/\/vbansko.com\/noshten-zhivot-v-bansko\/\" },\n { icon:\"\ud83d\udccd\", title:\"\u0411\u0430\u0440\u043e\u0432\u0435 \u0432 \u0421\u0442\u0430\u0440\u0438\u044f \u0433\u0440\u0430\u0434 vs \u0413\u043e\u043d\u0434\u043e\u043b\u0430\u0442\u0430\", text:\"\u0411\u0430\u0440\u043e\u0432\u0435 \u043e\u043a\u043e\u043b\u043e \u0433\u043e\u043d\u0434\u043e\u043b\u0430\u0442\u0430 = apr\u00e8s-ski \u0430\u0442\u043c\u043e\u0441\u0444\u0435\u0440\u0430. \u0426\u0435\u043d\u0442\u044a\u0440\u0430 \u0438 \u0441\u0442\u0430\u0440\u0438\u044f \u0433\u0440\u0430\u0434 = \u043f\u043e-\u0442\u0438\u0445\u043e, \u043f\u043e-\u0443\u044e\u0442\u043d\u043e, \u043f\u043e-\u043c\u0435\u0441\u0442\u043d\u043e.\", url:\"https:\/\/vbansko.com\/noshten-zhivot-v-bansko\/\" },\n ],\n\n quiz: [\n {\n q:\"\u0421 \u043a\u0430\u043a\u0432\u0430 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f \u0441\u0442\u0435 \u0442\u0430\u0437\u0438 \u0432\u0435\u0447\u0435\u0440?\", hint:\"\u0418\u0437\u0431\u0435\u0440\u0435\u0442\u0435 \u0432\u0430\u0448\u0430\u0442\u0430 \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u044f\",\n opts:[\n { icon:\"\ud83c\udfbf\", label:\"\u0421\u043b\u0435\u0434 \u0441\u043a\u0438\", sub:\"\u0418\u0441\u043a\u0430\u043c\u0435 \u0434\u0430 \u0441\u0435 \u0440\u0430\u0437\u043c\u0430\u0436\u0435\u043c\", val:\"apres\" },\n { icon:\"\ud83d\udd7a\", label:\"\u041a\u0443\u043f\u043e\u043d\", sub:\"\u0422\u0430\u043d\u0446\u0438 \u0434\u043e \u0441\u0443\u0442\u0440\u0438\u043d\u0442\u0430\", val:\"club\" },\n { icon:\"\ud83e\udd42\", label:\"\u0420\u043e\u043c\u0430\u043d\u0442\u0438\u0447\u043d\u043e\", sub:\"\u0422\u0438\u0445\u043e \u0438 \u0443\u044e\u0442\u043d\u043e\", val:\"koktejl\" },\n { icon:\"\ud83c\udf7b\", label:\"\u041a\u043e\u043c\u043f\u0430\u043d\u0438\u044f\", sub:\"\u0411\u0438\u0440\u0430 \u0438 \u0440\u0430\u0437\u0433\u043e\u0432\u043e\u0440\u0438\", val:\"craft\" },\n { icon:\"\ud83d\ude08\", label:\"\u041d\u0435\u0449\u043e \u0433\u043e\u0440\u0435\u0449\u043e...\", sub:\"Gentlemen's night\", val:\"erotic\" }, \n ]\n },\n {\n q:\"\u041c\u0443\u0437\u0438\u043a\u0430\u043b\u043d\u0430 \u0430\u0442\u043c\u043e\u0441\u0444\u0435\u0440\u0430?\", hint:\"\",\n opts:[\n { icon:\"\ud83d\udd0a\", label:\"\u0421\u0438\u043b\u043d\u0430 \u0435\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u0438\u043a\u0430\", sub:\"DJ \u0438 \u0442\u0430\u043d\u0446\u043e\u0432\u0430 \u0437\u043e\u043d\u0430\", val:\"club\" },\n { icon:\"\ud83c\udfb8\", label:\"\u0416\u0438\u0432\u0430 \u043c\u0443\u0437\u0438\u043a\u0430\", sub:\"\u0420\u043e\u043a \u0438\u043b\u0438 \u043f\u043e\u043f\", val:\"craft\" },\n { icon:\"\ud83c\udfb7\", label:\"\u0414\u0436\u0430\u0437\/\u043b\u0430\u0443\u043d\u0436\", sub:\"\u0420\u0430\u0437\u0433\u043e\u0432\u043e\u0440\u0438 \u043d\u0430 \u0444\u043e\u043d\", val:\"koktejl\" },\n { icon:\"\ud83c\udf89\", label:\"\u041a\u043e\u043c\u0435\u0440\u0441\u0438\u0430\u043b\u043d\u0430\/\u0425\u0438\u0442\u043e\u0432\u0435\", sub:\"\u0422\u0430\u043d\u0446\u0438 \u043f\u043e \u043c\u0430\u0441\u0438\u0442\u0435\", val:\"apres\" },\n { icon:\"\ud83e\udd2b\", label:\"\u0414\u0438\u0441\u043a\u0440\u0435\u0442\u043d\u0430 \u043c\u0443\u0437\u0438\u043a\u0430\", sub:\"\u0417\u0430 \u0444\u043e\u043a\u0443\u0441 \u043d\u0430 \u0448\u043e\u0443\u0442\u043e\", val:\"erotic\" }, \n ]\n },\n ],\n};\n<\/script>\n\n<div class=\"breadcrumb\">\n <a href=\"\/\">\u041d\u0430\u0447\u0430\u043b\u043e<\/a><span>\/<\/span>\n <a href=\"\/bansko\">\u0411\u0430\u043d\u0441\u043a\u043e<\/a><span>\/<\/span>\n <a href=\"\/zavedeniya\/\">\u0417\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u044f<\/a><span>\/<\/span>\n \u0411\u0430\u0440\u043e\u0432\u0435 \u0438 \u041d\u043e\u0449\u0435\u043d \u0436\u0438\u0432\u043e\u0442\n<\/div>\n\n<div class=\"hero\">\n <div class=\"hero-eyebrow\">\u0411\u0430\u043d\u0441\u043a\u043e \u00b7 \u041d\u043e\u0449\u0435\u043d \u0436\u0438\u0432\u043e\u0442 \u00b7 2026<\/div>\n <h1>\u0411\u0430\u0440\u043e\u0432\u0435 &<br><em>\u041d\u043e\u0449\u0435\u043d \u0416\u0438\u0432\u043e\u0442<\/em><\/h1>\n <p>Apr\u00e8s-ski, \u043a\u043e\u043a\u0442\u0435\u0439\u043b\u0438, \u043a\u0440\u0430\u0444\u0442 \u0431\u0438\u0440\u0438 \u0438 \u043d\u043e\u0449\u043d\u0438 \u043a\u043b\u0443\u0431\u043e\u0432\u0435. \u0411\u0430\u043d\u0441\u043a\u043e \u043d\u0435 \u0441\u043f\u0438 \u2014 \u0438 \u0437\u043d\u0430\u0435 \u043a\u0430\u043a \u0434\u0430 \u0441\u0435 \u0437\u0430\u0431\u0430\u0432\u043b\u044f\u0432\u0430.<\/p>\n <div class=\"stats-row\" id=\"stats-row\"><\/div>\n<\/div>\n\n<div class=\"cat-section\">\n <div class=\"wrap\">\n <div class=\"s-head\">\n <div class=\"s-title\"><small>\u0412\u0438\u0434\u043e\u0432\u0435 \u0431\u0430\u0440\u043e\u0432\u0435<\/small>\u0418\u0437\u0431\u0435\u0440\u0435\u0442\u0435 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u0435<\/div>\n <a href=\"https:\/\/vbansko.com\/lc\/barove-i-nosthen-zhivot\/\" class=\"s-link\">\u0412\u0441\u0438\u0447\u043a\u0438 \u0431\u0430\u0440\u043e\u0432\u0435 \u2192<\/a>\n <\/div>\n <div class=\"cat-grid\" id=\"cat-grid\"><\/div>\n <\/div>\n<\/div>\n\n<hr class=\"soft\">\n\n<div class=\"quiz-section\">\n <div class=\"quiz-wrap\">\n <div class=\"quiz-eyebrow\">\u041f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u0435\u043d \u0441\u044a\u0432\u0435\u0442\u043d\u0438\u043a<\/div>\n <div class=\"quiz-title\">\u041d\u0430\u043c\u0435\u0440\u0438 \u0441\u0432\u043e\u044f \u0431\u0430\u0440<\/div>\n <div class=\"quiz-sub\">\u041d\u044f\u043a\u043e\u043b\u043a\u043e \u0432\u044a\u043f\u0440\u043e\u0441\u0430 \u0438 \u0449\u0435 \u0437\u043d\u0430\u0435\u043c \u043a\u043e\u0439 \u0431\u0430\u0440 \u0435 \u0438\u0434\u0435\u0430\u043b\u0435\u043d \u0437\u0430 \u0442\u0430\u0437\u0438 \u0432\u0435\u0447\u0435\u0440.<\/div>\n\n <div id=\"quiz-steps\"><\/div>\n <div class=\"quiz-result\" id=\"quiz-result\">\n <div class=\"result-title\">\u0412\u0430\u0448\u0438\u0442\u0435 \u0442\u043e\u043f \u043f\u0440\u0435\u043f\u043e\u0440\u044a\u043a\u0438 \ud83c\udf89<\/div>\n <div class=\"result-sub\">\u0412\u044a\u0437 \u043e\u0441\u043d\u043e\u0432\u0430 \u043d\u0430 \u0432\u0430\u0448\u0438\u0442\u0435 \u043e\u0442\u0433\u043e\u0432\u043e\u0440\u0438:<\/div>\n <div class=\"result-cards\" id=\"result-cards\"><\/div>\n <button class=\"btn-reset\" onclick=\"resetQuiz()\">\u21ba \u041d\u0430\u043f\u0440\u0430\u0432\u0438 \u0442\u0435\u0441\u0442\u0430 \u043e\u0442\u043d\u043e\u0432\u043e<\/button>\n <\/div>\n <\/div>\n<\/div>\n\n<hr class=\"soft\">\n\n<div class=\"catalog-section\">\n <div class=\"wrap\">\n <div class=\"s-head\">\n <div class=\"s-title\"><small>\u041a\u0430\u0442\u0430\u043b\u043e\u0433<\/small>\u0412\u0441\u0438\u0447\u043a\u0438 \u0431\u0430\u0440\u043e\u0432\u0435 \u0432 \u0411\u0430\u043d\u0441\u043a\u043e<\/div>\n <a href=\"https:\/\/vbansko.com\/lc\/barove-i-nosthen-zhivot\/\" class=\"s-link\">\u0412\u0438\u0436 \u0432\u0441\u0438\u0447\u043a\u0438 \u2192<\/a>\n <\/div>\n <div class=\"filter-bar\" id=\"filter-bar\"><\/div>\n <div class=\"bars-grid\" id=\"bars-grid\"><\/div>\n\n <div class=\"owner-cta\">\n <div>\n <h3>\u041f\u0440\u0438\u0442\u0435\u0436\u0430\u0432\u0430\u0442\u0435 \u0431\u0430\u0440 \u0432 \u0411\u0430\u043d\u0441\u043a\u043e?<\/h3>\n <p>\u0414\u043e\u0431\u0430\u0432\u0435\u0442\u0435 \u0433\u043e \u0432 \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0430 \u0438 \u0434\u043e\u0441\u0442\u0438\u0433\u043d\u0435\u0442\u0435 \u0445\u0438\u043b\u044f\u0434\u0438 \u0442\u0443\u0440\u0438\u0441\u0442\u0438 \u0432\u0441\u0435\u043a\u0438 \u0434\u0435\u043d.<\/p>\n <\/div>\n <a href=\"https:\/\/vbansko.com\/biznes-czentar-bansko\/\" class=\"btn-owner\">\ud83d\udccb \u0414\u043e\u0431\u0430\u0432\u0438 \u0441\u0432\u043e\u044f \u0431\u0430\u0440 \u2192<\/a>\n <\/div>\n <\/div>\n<\/div>\n\n<hr class=\"soft\">\n\n<div class=\"articles-section\">\n <div class=\"wrap\">\n <div class=\"s-head\">\n <div class=\"s-title\"><small>\u041d\u0430\u0440\u044a\u0447\u043d\u0438\u0446\u0438<\/small>\u041f\u0440\u0435\u0434\u0438 \u0434\u0430 \u0441\u0435 \u0432\u043f\u0443\u0441\u043d\u0435\u0442\u0435 \u0432 \u043d\u043e\u0449\u043d\u0438\u044f \u0436\u0438\u0432\u043e\u0442<\/div>\n <a href=\"https:\/\/vbansko.com\/noshten-zhivot-v-bansko\/\" class=\"s-link\">\u0412\u0441\u0438\u0447\u043a\u0438 \u0441\u0442\u0430\u0442\u0438\u0438 \u2192<\/a>\n <\/div>\n <div class=\"articles-grid\" id=\"articles-grid\"><\/div>\n <\/div>\n<\/div>\n\n<hr class=\"soft\">\n\n<div style=\"background:var(--bg);\">\n <div class=\"wrap\">\n <div class=\"s-head\">\n <div class=\"s-title\"><small>\u041f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0441\u044a\u0432\u0435\u0442\u0438<\/small>\u0412\u0441\u0438\u0447\u043a\u043e \u0437\u0430 \u043d\u043e\u0449\u043d\u0438\u044f \u0436\u0438\u0432\u043e\u0442<\/div>\n <\/div>\n <div class=\"tips-grid\" id=\"tips-grid\"><\/div>\n <\/div>\n<\/div>\n\n<div class=\"cta-section\">\n <h2>\u0413\u043e\u0442\u043e\u0432\u0438 \u0437\u0430 \u043d\u043e\u0449\u0442\u0430 \u0432 \u0411\u0430\u043d\u0441\u043a\u043e?<\/h2>\n <p>\u0420\u0430\u0437\u0433\u043b\u0435\u0434\u0430\u0439\u0442\u0435 \u043f\u044a\u043b\u043d\u0438\u044f \u043a\u0430\u0442\u0430\u043b\u043e\u0433 \u0441 \u0431\u0430\u0440\u043e\u0432\u0435 \u0438 \u043d\u043e\u0449\u043d\u0438 \u043a\u043b\u0443\u0431\u043e\u0432\u0435.<\/p>\n <a href=\"https:\/\/vbansko.com\/lc\/barove-i-nosthen-zhivot\/\" class=\"btn-cta\">\u0412\u0438\u0436 \u0432\u0441\u0438\u0447\u043a\u0438 \u0431\u0430\u0440\u043e\u0432\u0435<\/a>\n <a href=\"https:\/\/vbansko.com\/noshten-zhivot-v-bansko\/\" class=\"btn-cta-ghost\">\u041f\u0440\u043e\u0447\u0435\u0442\u0438 \u043d\u0430\u0440\u044a\u0447\u043d\u0438\u043a\u0430<\/a>\n<\/div>\n\n<script>\n\/\/ STATS\ndocument.getElementById('stats-row').innerHTML = [\n { val:'18+', label:'\u0411\u0430\u0440\u0430 \u0432 \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0430' },\n { val:'5', label:'\u0412\u0438\u0434\u0430 \u0431\u0430\u0440\u043e\u0432\u0435' },\n { val:'5:00', label:'\u0420\u0430\u0431\u043e\u0442\u044f\u0442 \u0434\u043e' },\n { val:'\u221e', label:'Apr\u00e8s-ski' },\n].map(s=>`<div class=\"stat\"><span class=\"stat-num\">${s.val}<\/span><span class=\"stat-label\">${s.label}<\/span><\/div>`).join('');\n\n\/\/ CATEGORIES\ndocument.getElementById('cat-grid').innerHTML = DATA.categories.map(c=>`\n <a href=\"${c.url}\" class=\"cat-card fu\">\n <div class=\"cat-emoji\">${c.emoji}<\/div>\n <h3>${c.label}<\/h3>\n <span>${c.sub}<\/span>\n <\/a>`).join('');\n\n\/\/ FILTER BAR\nconst filters = [\n { val:'all', label:'\u0412\u0441\u0438\u0447\u043a\u0438' },\n { val:'apres', label:'\ud83c\udfbf Apr\u00e8s-ski' },\n { val:'club', label:'\ud83c\udf19 \u041d\u043e\u0449\u043d\u0438 \u043a\u043b\u0443\u0431\u043e\u0432\u0435' },\n { val:'koktejl', label:'\ud83c\udf78 \u041a\u043e\u043a\u0442\u0435\u0439\u043b \u0431\u0430\u0440\u043e\u0432\u0435' },\n { val:'craft', label:'\ud83c\udf7a \u041a\u0440\u0430\u0444\u0442 & \u041f\u044a\u0431\u043e\u0432\u0435' },\n { val:'erotic', label:'\ud83d\udc83 \u0415\u0440\u043e\u0442\u0438\u0447\u043d\u0438 \u0431\u0430\u0440\u043e\u0432\u0435' }, \n];\ndocument.getElementById('filter-bar').innerHTML = filters.map(f=>`\n <button class=\"filter-btn ${f.val==='all'?'active':''}\" onclick=\"filterBars('${f.val}')\">${f.label}<\/button>`\n).join('');\n\nfunction filterBars(type){\n document.querySelectorAll('.filter-btn').forEach(b=>{\n b.classList.toggle('active', b.textContent.includes(\n type==='all' ? '\u0412\u0441\u0438\u0447\u043a\u0438' : filters.find(f=>f.val===type)?.label.replace(\/^[^ ]+ \/,'') || ''\n ) || (type==='all' && b.textContent==='\u0412\u0441\u0438\u0447\u043a\u0438'));\n });\n document.querySelectorAll('.bar-card').forEach(c=>{\n c.dataset.hidden = (type!=='all' && c.dataset.type!==type) ? 'true' : 'false';\n });\n}\n\n\/\/ BARS\ndocument.getElementById('bars-grid').innerHTML = DATA.bars.map(b=>`\n <div class=\"bar-card fu\" data-type=\"${b.badge}\">\n <div class=\"bar-card-top\" style=\"background:${b.bg};\">\n <span class=\"bar-badge ${b.badge}\">${b.badgeLabel}${b.top?' \u2b50':''}<\/span>\n <span class=\"bar-rating\">\u2605 ${b.rating} <span style=\"opacity:.6;font-size:13px!important;\">(${b.reviews})<\/span><\/span>\n <div class=\"bar-emoji\">${b.emoji}<\/div>\n <\/div>\n <div class=\"bar-body\">\n <div class=\"bar-name\">${b.name}<\/div>\n <div class=\"bar-desc\">${b.desc}<\/div>\n <div class=\"bar-tags\">${b.tags.map(t=>`<span class=\"bar-tag\">${t}<\/span>`).join('')}<\/div>\n <div class=\"bar-meta\">\n <span class=\"bar-price\">${b.price}<\/span>\n <div class=\"bar-links\">\n <a href=\"${b.url}\" class=\"bar-link\">\u0412\u0438\u0436 \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438 \u2192<\/a>\n <a href=\"${b.map}\" class=\"bar-map-link\" target=\"_blank\">\ud83d\udccd \u041d\u0430 \u043a\u0430\u0440\u0442\u0430\u0442\u0430<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>`).join('');\n\n\/\/ ARTICLES\ndocument.getElementById('articles-grid').innerHTML = DATA.articles.map(a=>`\n <div class=\"article-card fu\">\n <a href=\"${a.url}\"><img decoding=\"async\" src=\"${a.img}\" alt=\"${a.title}\"><\/a>\n <div class=\"article-card-body\">\n <span class=\"ac-badge\">${a.badge}<\/span>\n <h3><a href=\"${a.url}\" style=\"color:#fff;\">${a.title}<\/a><\/h3>\n <p>${a.text}<\/p>\n <a href=\"${a.url}\" class=\"ac-link\">${a.link} \u2192<\/a>\n <\/div>\n <\/div>`).join('');\n\n\/\/ TIPS\ndocument.getElementById('tips-grid').innerHTML = DATA.tips.map(t=>`\n <div class=\"tip-card fu\">\n <span class=\"tip-icon\">${t.icon}<\/span>\n <h3>${t.title}<\/h3>\n <p>${t.text}<\/p>\n <a href=\"${t.url}\" class=\"tip-link\">\u041f\u0440\u043e\u0447\u0435\u0442\u0438 \u043f\u043e\u0432\u0435\u0447\u0435 \u2192<\/a>\n <\/div>`).join('');\n\n\/\/ \u2500\u2500 QUIZ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nlet step = 0;\nconst answers = [];\n\nfunction buildQuiz(){\n const container = document.getElementById('quiz-steps');\n container.innerHTML = DATA.quiz.map((q,i)=>`\n <div class=\"quiz-step ${i===0?'active':''}\" id=\"step-${i}\">\n <div class=\"quiz-q\">${q.q}<\/div>\n ${q.hint?`<div class=\"quiz-hint\">${q.hint}<\/div>`:''}\n <div class=\"quiz-options\">\n ${q.opts.map(o=>`\n <div class=\"quiz-opt\" onclick=\"selectOpt(this,'${o.val}')\">\n <span class=\"quiz-opt-icon\">${o.icon}<\/span>\n <span class=\"quiz-opt-label\">${o.label}<\/span>\n <span class=\"quiz-opt-sub\">${o.sub}<\/span>\n <\/div>`).join('')}\n <\/div>\n <div class=\"quiz-nav\">\n <button class=\"btn-quiz-ghost\" onclick=\"prevStep()\" ${i===0?'style=\"visibility:hidden\"':''}>\u2190 \u041d\u0430\u0437\u0430\u0434<\/button>\n <div style=\"display:flex;align-items:center;gap:12px;\">\n <div class=\"quiz-dots\">${DATA.quiz.map((_,j)=>`<div class=\"quiz-dot ${j<i?'done':j===i?'active':''}\" id=\"dot-${j}\"><\/div>`).join('')}<\/div>\n <span class=\"quiz-progress\">${i+1} \/ ${DATA.quiz.length}<\/span>\n <\/div>\n <button class=\"btn-quiz\" onclick=\"nextStep()\">\u041d\u0430\u043f\u0440\u0435\u0434 \u2192<\/button>\n <\/div>\n <\/div>`).join('');\n}\n\nfunction selectOpt(el, val){\n el.closest('.quiz-options').querySelectorAll('.quiz-opt').forEach(o=>o.classList.remove('selected'));\n el.classList.add('selected');\n answers[step] = val;\n}\n\nfunction nextStep(){\n if(step < DATA.quiz.length-1){\n document.getElementById(`step-${step}`).classList.remove('active');\n step++;\n document.getElementById(`step-${step}`).classList.add('active');\n updateDots();\n } else { showResult(); }\n}\n\nfunction prevStep(){\n if(step>0){\n document.getElementById(`step-${step}`).classList.remove('active');\n step--;\n document.getElementById(`step-${step}`).classList.add('active');\n updateDots();\n }\n}\n\nfunction updateDots(){\n DATA.quiz.forEach((_,i)=>{\n const d = document.getElementById(`dot-${i}`);\n if(d){ d.className = 'quiz-dot ' + (i<step?'done':i===step?'active':''); }\n });\n}\n\nfunction showResult(){\n const votes = {};\n answers.forEach(a=>{ if(a) votes[a]=(votes[a]||0)+1; });\n const topType = Object.entries(votes).sort((a,b)=>b[1]-a[1])[0]?.[0] || 'apres';\n\n const matched = DATA.bars.filter(b=>b.badge===topType).slice(0,3);\n const fallback = DATA.bars.filter(b=>b.badge!==topType).slice(0,3-matched.length);\n const results = [...matched, ...fallback].slice(0,3);\n\n document.getElementById('result-cards').innerHTML = results.map(b=>`\n <div class=\"result-card fu\">\n <div class=\"result-card-name\">${b.emoji} ${b.name}<\/div>\n <div class=\"result-card-type\">${b.badgeLabel}<\/div>\n <div class=\"result-card-desc\">${b.desc.substring(0,95)}\u2026<\/div>\n <div class=\"result-card-links\">\n <a href=\"${b.url}\" class=\"result-card-link\">\u0414\u0435\u0442\u0430\u0439\u043b\u0438 \u2192<\/a>\n <a href=\"${b.map}\" class=\"result-card-map\" target=\"_blank\">\ud83d\udccd \u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f<\/a>\n <\/div>\n <\/div>`).join('');\n\n document.querySelectorAll('.quiz-step').forEach(s=>s.classList.remove('active'));\n document.getElementById('quiz-result').classList.add('active');\n}\n\nfunction resetQuiz(){\n step=0; answers.length=0;\n document.getElementById('quiz-result').classList.remove('active');\n buildQuiz();\n}\n\nbuildQuiz();\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0411\u0430\u0440\u043e\u0432\u0435 \u0438 \u041d\u043e\u0449\u0435\u043d \u0416\u0438\u0432\u043e\u0442 \u0432 \u0411\u0430\u043d\u0441\u043a\u043e \u2014 \u041f\u044a\u043b\u0435\u043d \u041f\u044a\u0442\u0435\u0432\u043e\u0434\u0438\u0442\u0435\u043b 2026 \u041d\u0430\u0447\u0430\u043b\u043e\/ \u0411\u0430\u043d\u0441\u043a\u043e\/ \u0417\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u044f\/ \u0411\u0430\u0440\u043e\u0432\u0435 \u0438 \u041d\u043e\u0449\u0435\u043d \u0436\u0438\u0432\u043e\u0442 \u0411\u0430\u043d\u0441\u043a\u043e \u00b7 \u041d\u043e\u0449\u0435\u043d \u0436\u0438\u0432\u043e\u0442 \u00b7 2026 \u0411\u0430\u0440\u043e\u0432\u0435 &\u041d\u043e\u0449\u0435\u043d \u0416\u0438\u0432\u043e\u0442 Apr\u00e8s-ski, \u043a\u043e\u043a\u0442\u0435\u0439\u043b\u0438, \u043a\u0440\u0430\u0444\u0442 \u0431\u0438\u0440\u0438 […]<\/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-46154","page","type-page","status-publish","hentry"],"acf":[],"cubewp_post_meta":[],"taxonomies":[],"_links":{"self":[{"href":"https:\/\/vbansko.com\/ru\/wp-json\/wp\/v2\/pages\/46154","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=46154"}],"version-history":[{"count":16,"href":"https:\/\/vbansko.com\/ru\/wp-json\/wp\/v2\/pages\/46154\/revisions"}],"predecessor-version":[{"id":48477,"href":"https:\/\/vbansko.com\/ru\/wp-json\/wp\/v2\/pages\/46154\/revisions\/48477"}],"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=46154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}