{"id":45122,"date":"2026-03-20T15:41:23","date_gmt":"2026-03-20T13:41:23","guid":{"rendered":"https:\/\/vbansko.com\/?page_id=45122"},"modified":"2026-03-29T01:05:29","modified_gmt":"2026-03-28T23:05:29","slug":"koe-nastanyavane-e-za-vas","status":"publish","type":"page","link":"https:\/\/vbansko.com\/ru\/koe-nastanyavane-e-za-vas\/","title":{"rendered":"\u041a\u0430\u043a\u043e\u0439 \u0432\u0430\u0440\u0438\u0430\u043d\u0442 \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d\u0438\u044f \u0432\u0430\u043c \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442?"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"45122\" class=\"elementor elementor-45122\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-50aa6ab e-flex e-con-boxed e-con e-parent\" data-id=\"50aa6ab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\n\t\t<div class=\"elementor-element elementor-element-3b08546 elementor-widget elementor-widget-html\" data-id=\"3b08546\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     \u0425\u041e\u0422\u0415\u041b \u0427\u0415\u041a\u041b\u0418\u0421\u0422 \u2014 CTA \u0431\u043b\u043e\u043a \u0441\u043b\u0435\u0434 \u0441\u0442\u0430\u0442\u0438\u044f\n     vbansko.com | 5 \u0442\u0438\u043f\u0430 \u0440\u0435\u0437\u0443\u043b\u0442\u0430\u0442 \u00b7 12 \u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442\u0430\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n<style>\n#hcl {\n  --blue:     #1A3A5C;\n  --blue2:    #25527A;\n  --gold:     #B8913A;\n  --gold-lt:  #FDF6E9;\n  --gold-bd:  rgba(184,145,58,.25);\n  --ink:      #1E2A35;\n  --muted:    #607080;\n  --border:   #DDE4EC;\n  --stone:    #F3F6F9;\n  --white:    #FFFFFF;\n  --green:    #2E7D52;\n  --green-lt: #EBF5EF;\n  --teal:     #0E6E6E;\n  --teal-lt:  #E6F5F5;\n  --pine:     #2D5A45;\n  --pine-lt:  #E8F2ED;\n  --sky:      #1565C0;\n  --sky-lt:   #E3F2FD;\n  --r:        12px;\n  --sh:       0 4px 28px rgba(26,58,92,.12);\n  font-family: system-ui, -apple-system, sans-serif;\n  margin: 48px 0 16px;\n}\n\n#hcl .hcl-outer {\n  background: var(--white);\n  border-radius: var(--r);\n  box-shadow: var(--sh);\n  border: 1px solid var(--border);\n  overflow: hidden;\n}\n\n\/* \u2500\u2500 HEADER \u2500\u2500 *\/\n#hcl .hcl-head {\n  background: var(--blue);\n  padding: 24px 28px 20px;\n  position: relative; overflow: hidden;\n}\n#hcl .hcl-head::before {\n  content: ''; position: absolute; inset: 0;\n  background: repeating-linear-gradient(135deg, transparent, transparent 30px,\n    rgba(255,255,255,0.03) 30px, rgba(255,255,255,0.03) 31px);\n}\n#hcl .hcl-eyebrow {\n  display: inline-block; font-size: 10px; font-weight: 700;\n  letter-spacing: 2px; text-transform: uppercase;\n  color: var(--gold); margin-bottom: 8px; position: relative;\n}\n#hcl .hcl-head h3 {\n  font-family: Georgia, serif;\n  font-size: clamp(20px, 3.5vw, 26px); font-weight: 700;\n  color: #fff; margin: 0 0 5px; line-height: 1.2; position: relative;\n}\n#hcl .hcl-head p {\n  font-size: 14px; color: rgba(255,255,255,.58);\n  margin: 0; font-weight: 300; position: relative;\n}\n\n\/* \u2500\u2500 LAYOUT \u2500\u2500 *\/\n#hcl .hcl-layout {\n  display: grid;\n  grid-template-columns: 1.1fr 1fr;\n  gap: 0;\n}\n@media (max-width: 640px) {\n  #hcl .hcl-layout { grid-template-columns: 1fr; }\n  #hcl .hcl-result-col { border-left: none !important; border-top: 1px solid var(--border); }\n}\n\n\/* \u2500\u2500 LEFT: CHECKLIST \u2500\u2500 *\/\n#hcl .hcl-check-col { padding: 22px 24px; }\n#hcl .hcl-col-lbl {\n  font-size: 11px; font-weight: 700; text-transform: uppercase;\n  letter-spacing: 1px; color: var(--muted); margin-bottom: 12px;\n}\n#hcl .hcl-items { display: flex; flex-direction: column; gap: 7px; }\n\n#hcl .hcl-item {\n  display: flex; align-items: center; gap: 11px;\n  padding: 10px 13px;\n  background: var(--stone); border: 1.5px solid var(--border);\n  border-radius: 8px; cursor: pointer;\n  transition: all .18s ease; user-select: none;\n}\n#hcl .hcl-item:hover { border-color: var(--gold); background: var(--gold-lt); }\n#hcl .hcl-item.checked { border-color: var(--gold); background: var(--gold-lt); }\n\n#hcl .hcl-cb {\n  width: 19px; height: 19px; flex-shrink: 0;\n  border: 2px solid var(--border); border-radius: 5px;\n  background: var(--white);\n  display: flex; align-items: center; justify-content: center;\n  transition: all .18s;\n}\n#hcl .hcl-item.checked .hcl-cb { background: var(--gold); border-color: var(--gold); }\n#hcl .hcl-cb::after {\n  content: ''; display: none;\n  width: 5px; height: 9px;\n  border: 2px solid white; border-top: none; border-left: none;\n  transform: rotate(45deg) translateY(-1px);\n}\n#hcl .hcl-item.checked .hcl-cb::after { display: block; }\n\n#hcl .hcl-item-label { font-size: 13.5px; font-weight: 500; color: var(--ink); line-height: 1.2; }\n#hcl .hcl-item-sub   { font-size: 11px; color: var(--muted); margin-top: 1px; }\n\n\/* \u2500\u2500 RIGHT: RESULT \u2500\u2500 *\/\n#hcl .hcl-result-col {\n  border-left: 1px solid var(--border);\n  padding: 22px 24px;\n  display: flex; flex-direction: column;\n}\n\n#hcl .hcl-empty {\n  flex: 1; display: flex; flex-direction: column;\n  align-items: center; justify-content: center;\n  text-align: center; padding: 24px 12px;\n  color: var(--muted); font-size: 14px; gap: 10px;\n  line-height: 1.6;\n}\n#hcl .hcl-empty-icon { font-size: 38px; opacity: .35; }\n\n\/* RESULT CARDS *\/\n#hcl .hcl-res-card { display: none; flex-direction: column; flex: 1; animation: hclFade .3s ease both; }\n#hcl .hcl-res-card.visible { display: flex; }\n@keyframes hclFade { from{opacity:0;transform:translateY(7px)} to{opacity:1;transform:translateY(0)} }\n\n#hcl .hcl-res-badge {\n  display: inline-flex; align-items: center; gap: 5px;\n  font-size: 10px; font-weight: 700; letter-spacing: 1.2px;\n  text-transform: uppercase; padding: 3px 10px;\n  border-radius: 20px; width: fit-content; margin-bottom: 10px;\n}\n\/* Badge colours per type *\/\n#hcl .b-luxury { background: var(--gold-lt);  color: var(--gold); border: 1px solid var(--gold-bd); }\n#hcl .b-nature { background: var(--pine-lt);  color: var(--pine); border: 1px solid rgba(45,90,69,.2); }\n#hcl .b-apart  { background: var(--sky-lt);   color: var(--sky);  border: 1px solid rgba(21,101,192,.2); }\n#hcl .b-family { background: var(--green-lt); color: var(--green);border: 1px solid rgba(46,125,82,.2); }\n#hcl .b-ski    { background: #EEF2FF;         color: #3730A3;     border: 1px solid rgba(55,48,163,.2); }\n\n#hcl .hcl-res-title {\n  font-family: Georgia, serif;\n  font-size: clamp(17px, 2.5vw, 21px); font-weight: 700;\n  color: var(--ink); margin-bottom: 8px; line-height: 1.25;\n}\n#hcl .hcl-res-desc {\n  font-size: 13px; color: var(--muted); line-height: 1.65;\n  margin-bottom: 12px; flex: 1;\n}\n#hcl .hcl-res-desc strong { color: var(--ink); font-weight: 600; }\n\n#hcl .hcl-matched { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 14px; }\n#hcl .hcl-mtag {\n  display: inline-flex; align-items: center; gap: 3px;\n  font-size: 11px; font-weight: 600;\n  background: var(--green-lt); color: var(--green);\n  padding: 3px 8px; border-radius: 20px;\n}\n#hcl .hcl-mtag::before { content: '\u2713'; }\n\n#hcl .hcl-cta {\n  display: block; text-align: center;\n  background: var(--blue); color: #fff !important;\n  text-decoration: none; padding: 13px 16px;\n  border-radius: 8px; font-size: 14px; font-weight: 600;\n  transition: background .2s, transform .2s; margin-top: auto;\n}\n#hcl .hcl-cta:hover { background: var(--blue2); transform: translateY(-1px); }\n\n\/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n#hcl .hcl-footer {\n  padding: 11px 24px; border-top: 1px solid var(--border);\n  background: var(--stone);\n  display: flex; align-items: center;\n  justify-content: space-between; flex-wrap: wrap; gap: 8px;\n}\n#hcl .hcl-count { font-size: 12px; color: var(--muted); }\n#hcl .hcl-count span { font-weight: 700; color: var(--ink); }\n#hcl .hcl-reset {\n  background: none; border: none; font-family: inherit;\n  font-size: 12px; color: var(--muted); cursor: pointer;\n  text-decoration: underline; text-underline-offset: 3px; padding: 0;\n}\n#hcl .hcl-reset:hover { color: var(--ink); }\n<\/style>\n\n<div id=\"hcl\">\n<div class=\"hcl-outer\">\n\n  <!-- HEAD -->\n  <div class=\"hcl-head\">\n    <div class=\"hcl-eyebrow\">\ud83c\udfaf \u0418\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u0435\u043d \u0447\u0435\u043a\u043b\u0438\u0441\u0442<\/div>\n    <h3>\u041a\u0430\u043a\u0432\u043e \u0435 \u0432\u0430\u0436\u043d\u043e \u0437\u0430 \u0432\u0430\u0448\u0430\u0442\u0430 \u043f\u043e\u0447\u0438\u0432\u043a\u0430?<\/h3>\n    <p>\u041e\u0442\u0431\u0435\u043b\u0435\u0436\u0435\u0442\u0435 \u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442\u0438\u0442\u0435 \u0441\u0438 \u2192 \u043f\u0440\u0435\u043f\u043e\u0440\u044a\u043a\u0430\u0442\u0430 \u0441\u0435 \u043e\u0431\u043d\u043e\u0432\u044f\u0432\u0430 \u0432 \u0440\u0435\u0430\u043b\u043d\u043e \u0432\u0440\u0435\u043c\u0435<\/p>\n  <\/div>\n\n  <div class=\"hcl-layout\">\n\n    <!-- CHECKBOXES -->\n    <div class=\"hcl-check-col\">\n      <div class=\"hcl-col-lbl\">\u041e\u0442\u0431\u0435\u043b\u0435\u0436\u0435\u0442\u0435 \u0432\u0430\u0436\u043d\u043e\u0442\u043e \u0437\u0430 \u0432\u0430\u0441<\/div>\n      <div class=\"hcl-items\" id=\"hcl-items\">\n\n        <div class=\"hcl-item\" data-tags=\"ski,location,lift\" onclick=\"hclToggle(this)\">\n          <div class=\"hcl-cb\"><\/div>\n          <div>\n            <div class=\"hcl-item-label\">\ud83d\udea1 \u0411\u043b\u0438\u0437\u043e \u0434\u043e \u043b\u0438\u0444\u0442\u0430 \/ \u0433\u043e\u043d\u0434\u043e\u043b\u0430\u0442\u0430<\/div>\n            <div class=\"hcl-item-sub\">\u041c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u0435\u043d \u0434\u043e\u0441\u0442\u044a\u043f \u0434\u043e \u043f\u0438\u0441\u0442\u0438\u0442\u0435<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"hcl-item\" data-tags=\"spa,wellness,luxury\" onclick=\"hclToggle(this)\">\n          <div class=\"hcl-cb\"><\/div>\n          <div>\n            <div class=\"hcl-item-label\">\u2668\ufe0f \u0421\u041f\u0410, \u0431\u0430\u0441\u0435\u0439\u043d \u0438 \u043c\u0438\u043d\u0435\u0440\u0430\u043b\u043d\u0430 \u0432\u043e\u0434\u0430<\/div>\n            <div class=\"hcl-item-sub\">\u0420\u0435\u043b\u0430\u043a\u0441 \u0435 \u0433\u043b\u0430\u0432\u043d\u0438\u044f\u0442 \u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"hcl-item\" data-tags=\"nature,quiet,peace\" onclick=\"hclToggle(this)\">\n          <div class=\"hcl-cb\"><\/div>\n          <div>\n            <div class=\"hcl-item-label\">\ud83c\udf32 \u0422\u0438\u0448\u0438\u043d\u0430, \u043f\u0440\u0438\u0440\u043e\u0434\u0430 \u0438 \u0441\u043f\u043e\u043a\u043e\u0439\u0441\u0442\u0432\u0438\u0435<\/div>\n            <div class=\"hcl-item-sub\">\u0414\u0430\u043b\u0435\u0447 \u043e\u0442 \u0448\u0443\u043c\u0430 \u2014 \u0441. \u0411\u0430\u043d\u044f, <a class=\"wpil_keyword_link\" href=\"https:\/\/vbansko.com\/za-razlog\/\"   title=\"\u0420\u0430\u0437\u043b\u043e\u0433\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"7566\">\u0420\u0430\u0437\u043b\u043e\u0433<\/a><\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"hcl-item\" data-tags=\"nature,mineral,thermal\" onclick=\"hclToggle(this)\">\n          <div class=\"hcl-cb\"><\/div>\n          <div>\n            <div class=\"hcl-item-label\">\ud83c\udf21\ufe0f \u041c\u0438\u043d\u0435\u0440\u0430\u043b\u043d\u0438 \u0431\u0430\u043d\u0438 \u0438 \u0442\u0435\u0440\u043c\u0430\u043b\u0435\u043d \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441<\/div>\n            <div class=\"hcl-item-sub\">\u0413\u043e\u0440\u0435\u0449\u0438 \u043c\u0438\u043d\u0435\u0440\u0430\u043b\u043d\u0438 \u0438\u0437\u0432\u043e\u0440\u0438 \u043d\u0430\u0431\u043b\u0438\u0437\u043e<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"hcl-item\" data-tags=\"family,space,kitchen\" onclick=\"hclToggle(this)\">\n          <div class=\"hcl-cb\"><\/div>\n          <div>\n            <div class=\"hcl-item-label\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67 \u041f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e \u0437\u0430 \u0441\u0435\u043c\u0435\u0439\u0441\u0442\u0432\u043e \u0438\u043b\u0438 \u0433\u0440\u0443\u043f\u0430<\/div>\n            <div class=\"hcl-item-sub\">\u041f\u043e\u0432\u0435\u0447\u0435 \u0441\u0442\u0430\u0438 \u0438 \u043e\u0431\u0449\u0430 \u0437\u043e\u043d\u0430<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"hcl-item\" data-tags=\"kitchen,apart,workation\" onclick=\"hclToggle(this)\">\n          <div class=\"hcl-cb\"><\/div>\n          <div>\n            <div class=\"hcl-item-label\">\ud83c\udf73 \u0421\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u0430 \u043a\u0443\u0445\u043d\u044f \u0432 \u043d\u0430\u0441\u0442\u0430\u043d\u044f\u0432\u0430\u043d\u0435\u0442\u043e<\/div>\n            <div class=\"hcl-item-sub\">\u0410\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442 \u0441 \u043e\u0431\u043e\u0440\u0443\u0434\u0432\u0430\u043d\u0430 \u043a\u0443\u0445\u043d\u044f<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"hcl-item\" data-tags=\"culture,oldtown,authentic\" onclick=\"hclToggle(this)\">\n          <div class=\"hcl-cb\"><\/div>\n          <div>\n            <div class=\"hcl-item-label\">\ud83c\udfd8\ufe0f \u0410\u0432\u0442\u0435\u043d\u0442\u0438\u043a\u0430 \u0438 \u0421\u0442\u0430\u0440 <a class=\"wpil_keyword_link\" href=\"https:\/\/vbansko.com\/za-bansko\/\"   title=\"\u0411\u0430\u043d\u0441\u043a\u043e\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"6509\">\u0411\u0430\u043d\u0441\u043a\u043e<\/a><\/div>\n            <div class=\"hcl-item-sub\">\u0414\u043e \u043c\u0435\u0445\u0430\u043d\u0438\u0442\u0435, \u0438\u0441\u0442\u043e\u0440\u0438\u044f\u0442\u0430, \u0446\u0435\u043d\u0442\u044a\u0440\u0430<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"hcl-item\" data-tags=\"luxury,service,restaurant\" onclick=\"hclToggle(this)\">\n          <div class=\"hcl-cb\"><\/div>\n          <div>\n            <div class=\"hcl-item-label\">\u2b50 \u0420\u0435\u0441\u0442\u043e\u0440\u0430\u043d\u0442 \u0438 \u043e\u0431\u0441\u043b\u0443\u0436\u0432\u0430\u043d\u0435 \u043d\u0430 \u043d\u0438\u0432\u043e<\/div>\n            <div class=\"hcl-item-sub\">4\u20135 \u0437\u0432\u0435\u0437\u0434\u0438, \u0432\u0441\u0438\u0447\u043a\u043e \u043d\u0430 \u0435\u0434\u043d\u043e \u043c\u044f\u0441\u0442\u043e<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"hcl-item\" data-tags=\"ski,shuttle,lift\" onclick=\"hclToggle(this)\">\n          <div class=\"hcl-cb\"><\/div>\n          <div>\n            <div class=\"hcl-item-label\">\ud83c\udfbf \u0421\u043a\u0438 \u0433\u0430\u0440\u0434\u0435\u0440\u043e\u0431 \u0438 \u0448\u0430\u0442\u044a\u043b \u0434\u043e \u043b\u0438\u0444\u0442\u0430<\/div>\n            <div class=\"hcl-item-sub\">\u0423\u0434\u043e\u0431\u0441\u0442\u0432\u0430 \u0437\u0430 \u0441\u043a\u0438\u043e\u0440\u0438<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"hcl-item\" data-tags=\"budget,value,apart\" onclick=\"hclToggle(this)\">\n          <div class=\"hcl-cb\"><\/div>\n          <div>\n            <div class=\"hcl-item-label\">\ud83d\udcb0 \u0414\u043e\u0431\u0440\u0430 \u0446\u0435\u043d\u0430 \/ \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u043e<\/div>\n            <div class=\"hcl-item-sub\">\u0411\u044e\u0434\u0436\u0435\u0442\u044a\u0442 \u0435 \u0432\u0430\u0436\u0435\u043d \u0444\u0430\u043a\u0442\u043e\u0440<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"hcl-item\" data-tags=\"workation,apart,wifi\" onclick=\"hclToggle(this)\">\n          <div class=\"hcl-cb\"><\/div>\n          <div>\n            <div class=\"hcl-item-label\">\ud83d\udcbb Workation \u2014 \u0440\u0430\u0431\u043e\u0442\u044f \u043e\u0442 \u0440\u0430\u0437\u0441\u0442\u043e\u044f\u043d\u0438\u0435<\/div>\n            <div class=\"hcl-item-sub\">\u0418\u043d\u0442\u0435\u0440\u043d\u0435\u0442, \u0442\u0438\u0448\u0438\u043d\u0430, \u043e\u0442\u0434\u0435\u043b\u043d\u043e \u0440\u0430\u0431\u043e\u0442\u043d\u043e \u043c\u044f\u0441\u0442\u043e<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"hcl-item\" data-tags=\"parking,ski,apart\" onclick=\"hclToggle(this)\">\n          <div class=\"hcl-cb\"><\/div>\n          <div>\n            <div class=\"hcl-item-label\">\ud83c\udd7f\ufe0f \u041f\u0430\u0440\u043a\u0438\u043d\u0433 \u0437\u0430 \u0430\u0432\u0442\u043e\u043c\u043e\u0431\u0438\u043b\u0430<\/div>\n            <div class=\"hcl-item-sub\">\u041f\u044a\u0442\u0443\u0432\u0430\u043c \u0441 \u043a\u043e\u043b\u0430, \u043d\u0443\u0436\u0435\u043d \u0435 \u043f\u0430\u0440\u043a\u0438\u043d\u0433<\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <!-- RESULT COLUMN -->\n    <div class=\"hcl-result-col\">\n      <div class=\"hcl-col-lbl\">\u041f\u0440\u0435\u043f\u043e\u0440\u044a\u043a\u0430 \u0437\u0430 \u0432\u0430\u0441<\/div>\n\n      <!-- Empty -->\n      <div class=\"hcl-empty\" id=\"hcl-empty\">\n        <div class=\"hcl-empty-icon\">\u2611\ufe0f<\/div>\n        <div>\u041e\u0442\u0431\u0435\u043b\u0435\u0436\u0435\u0442\u0435 \u043f\u043e\u043d\u0435 \u0435\u0434\u0438\u043d \u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442<br>\u0438 \u043f\u0440\u0435\u043f\u043e\u0440\u044a\u043a\u0430\u0442\u0430 \u0449\u0435 \u0441\u0435 \u043f\u043e\u044f\u0432\u0438 \u0442\u0443\u043a<\/div>\n      <\/div>\n\n      <!-- 1. \u041b\u0423\u041a\u0421\u041e\u0417\u0415\u041d \u0421\u041f\u0410 -->\n      <div class=\"hcl-res-card\" id=\"hcl-r-luxury\">\n        <span class=\"hcl-res-badge b-luxury\">\u2b50 \u041b\u0443\u043a\u0441\u043e\u0437\u0435\u043d \u0445\u043e\u0442\u0435\u043b<\/span>\n        <h4 class=\"hcl-res-title\">\u041b\u0443\u043a\u0441\u043e\u0437\u0435\u043d \u0421\u041f\u0410 \u0445\u043e\u0442\u0435\u043b<br>4 \u0438 5 \u0437\u0432\u0435\u0437\u0434\u0438<\/h4>\n        <p class=\"hcl-res-desc\">\u0412\u0430\u0448\u0438\u0442\u0435 \u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442\u0438 \u0441\u043e\u0447\u0430\u0442 \u043a\u044a\u043c <strong>\u0431\u0435\u0437\u043a\u043e\u043c\u043f\u0440\u043e\u043c\u0438\u0441\u0435\u043d \u043a\u043e\u043c\u0444\u043e\u0440\u0442<\/strong>. \u0422\u0435\u0440\u043c\u0430\u043b\u043d\u0438 \u0437\u043e\u043d\u0438, \u0433\u0443\u0440\u043c\u0435 \u0440\u0435\u0441\u0442\u043e\u0440\u0430\u043d\u0442, \u0448\u0430\u0442\u044a\u043b \u0434\u043e \u043b\u0438\u0444\u0442\u0430 \u0438 \u043e\u0431\u0441\u043b\u0443\u0436\u0432\u0430\u043d\u0435 24\/7 \u2014 \u0432\u0441\u0438\u0447\u043a\u043e \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u043e.<\/p>\n        <div class=\"hcl-matched\" id=\"hcl-r-luxury-tags\"><\/div>\n        <a href=\"https:\/\/vbansko.com\/naj-dobrite-hoteli-v-bansko-palen-narachnik\/\" target=\"_blank\" class=\"hcl-cta\">\u2192 \u0412\u0438\u0436 \u043b\u0443\u043a\u0441\u043e\u0437\u043d\u0438 \u0445\u043e\u0442\u0435\u043b\u0438 \u0432 \u0411\u0430\u043d\u0441\u043a\u043e<\/a>\n      <\/div>\n\n      <!-- 2. \u0421\u041f\u041e\u041a\u041e\u0419\u0421\u0422\u0412\u0418\u0415 \/ \u041f\u0420\u0418\u0420\u041e\u0414\u0410 -->\n      <div class=\"hcl-res-card\" id=\"hcl-r-nature\">\n        <span class=\"hcl-res-badge b-nature\">\ud83c\udf32 \u0421\u043f\u043e\u043a\u043e\u0439\u0441\u0442\u0432\u0438\u0435 & \u043f\u0440\u0438\u0440\u043e\u0434\u0430<\/span>\n        <h4 class=\"hcl-res-title\">\u0425\u043e\u0442\u0435\u043b \u0432 \u0441. \u0411\u0430\u043d\u044f<br>\u0438\u043b\u0438 \u0420\u0430\u0437\u043b\u043e\u0433<\/h4>\n        <p class=\"hcl-res-desc\">\u0422\u044a\u0440\u0441\u0438\u0442\u0435 <strong>\u0442\u0438\u0448\u0438\u043d\u0430, \u043f\u0440\u0438\u0440\u043e\u0434\u0430 \u0438 \u043c\u0438\u043d\u0435\u0440\u0430\u043b\u043d\u0430 \u0432\u043e\u0434\u0430<\/strong> \u0434\u0430\u043b\u0435\u0447 \u043e\u0442 \u0441\u0443\u0435\u0442\u0430\u0442\u0430. \u0421. \u0411\u0430\u043d\u044f \u0438 \u0420\u0430\u0437\u043b\u043e\u0433 \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0442 \u0442\u0435\u0440\u043c\u0430\u043b\u043d\u0438 \u0445\u043e\u0442\u0435\u043b\u0438, \u0441\u043f\u043e\u043a\u043e\u0435\u043d \u0440\u0438\u0442\u044a\u043c \u0438 \u0447\u0438\u0441\u0442 \u043f\u043b\u0430\u043d\u0438\u043d\u0441\u043a\u0438 \u0432\u044a\u0437\u0434\u0443\u0445.<\/p>\n        <div class=\"hcl-matched\" id=\"hcl-r-nature-tags\"><\/div>\n        <a href=\"https:\/\/vbansko.com\/spa-paketi-mineralni-baseini-bansko-banya\/\" target=\"_blank\" class=\"hcl-cta\">\u2192 \u0412\u0438\u0436 \u0445\u043e\u0442\u0435\u043b\u0438 \u0441 \u043c\u0438\u043d\u0435\u0440\u0430\u043b\u0438 & \u0421\u041f\u0410<\/a>\n      <\/div>\n\n      <!-- 3. \u0410\u041f\u0410\u0420\u0422\u0410\u041c\u0415\u041d\u0422 -->\n      <div class=\"hcl-res-card\" id=\"hcl-r-apart\">\n        <span class=\"hcl-res-badge b-apart\">\ud83c\udfe2 \u0410\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442<\/span>\n        <h4 class=\"hcl-res-title\">\u0410\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442<br>\u0438\u043b\u0438 \u0410\u043f\u0430\u0440\u0442-\u0445\u043e\u0442\u0435\u043b<\/h4>\n        <p class=\"hcl-res-desc\">\u041a\u0443\u0445\u043d\u044f, \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e \u0438 \u0433\u044a\u0432\u043a\u0430\u0432\u043e\u0441\u0442 \u2014 <strong>\u0430\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442\u044a\u0442 \u0435 \u0432\u0430\u0448\u0438\u044f\u0442 \u0438\u0434\u0435\u0430\u043b\u0435\u043d \u0438\u0437\u0431\u043e\u0440<\/strong>. \u041f\u0435\u0440\u0444\u0435\u043a\u0442\u0435\u043d \u0437\u0430 \u0441\u0435\u043c\u0435\u0439\u0441\u0442\u0432\u0430, \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 \u0438 \u0440\u0430\u0431\u043e\u0442\u0430 \u043e\u0442 \u0440\u0430\u0437\u0441\u0442\u043e\u044f\u043d\u0438\u0435.<\/p>\n        <div class=\"hcl-matched\" id=\"hcl-r-apart-tags\"><\/div>\n        <a href=\"https:\/\/vbansko.com\/naj-dobrite-hoteli-v-bansko-palen-narachnik\/\" target=\"_blank\" class=\"hcl-cta\">\u2192 \u0412\u0438\u0436 \u0422\u041e\u041f \u0430\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442\u0438 \u0432 \u0411\u0430\u043d\u0441\u043a\u043e<\/a>\n      <\/div>\n\n      <!-- 4. \u0421\u0415\u041c\u0415\u0415\u041d \/ \u0410\u0412\u0422\u0415\u041d\u0422\u0418\u0427\u0415\u041d -->\n      <div class=\"hcl-res-card\" id=\"hcl-r-family\">\n        <span class=\"hcl-res-badge b-family\">\ud83c\udfd8\ufe0f \u0421\u0435\u043c\u0435\u0435\u043d \u0445\u043e\u0442\u0435\u043b<\/span>\n        <h4 class=\"hcl-res-title\">\u0421\u0435\u043c\u0435\u0435\u043d \u0445\u043e\u0442\u0435\u043b<br>\u0438\u043b\u0438 \u041a\u044a\u0449\u0430 \u0437\u0430 \u0433\u043e\u0441\u0442\u0438<\/h4>\n        <p class=\"hcl-res-desc\">\u0410\u0432\u0442\u0435\u043d\u0442\u0438\u0447\u043d\u043e\u0441\u0442, \u0434\u043e\u043c\u0430\u0448\u043d\u0430 \u0442\u043e\u043f\u043b\u0438\u043d\u0430 \u0438 \u0434\u043e\u0431\u0440\u0430 \u0446\u0435\u043d\u0430. <strong>\u0421\u0442\u0430\u0440\u0438\u044f\u0442 \u0411\u0430\u043d\u0441\u043a\u043e<\/strong> \u0435 \u043f\u044a\u043b\u0435\u043d \u0441 \u0443\u044e\u0442\u043d\u0438 \u0445\u043e\u0442\u0435\u043b\u0438 \u0438 \u0442\u0440\u0430\u0434\u0438\u0446\u0438\u043e\u043d\u043d\u0438 \u043c\u0435\u0445\u0430\u043d\u0438 \u2014 \u043d\u0435\u0437\u0430\u0431\u0440\u0430\u0432\u0438\u043c\u0430 \u0430\u0442\u043c\u043e\u0441\u0444\u0435\u0440\u0430.<\/p>\n        <div class=\"hcl-matched\" id=\"hcl-r-family-tags\"><\/div>\n        <a href=\"https:\/\/vbansko.com\/naj-dobrite-hoteli-v-bansko-palen-narachnik\/\" target=\"_blank\" class=\"hcl-cta\">\u2192 \u0412\u0438\u0436 \u0441\u0435\u043c\u0435\u0439\u043d\u0438 \u0445\u043e\u0442\u0435\u043b\u0438 \u0438 \u0432\u0438\u043b\u0438<\/a>\n      <\/div>\n\n      <!-- 5. \u0421\u041a\u0418 \u0425\u041e\u0422\u0415\u041b -->\n      <div class=\"hcl-res-card\" id=\"hcl-r-ski\">\n        <span class=\"hcl-res-badge b-ski\">\ud83d\udea1 \u0421\u043a\u0438 \u0445\u043e\u0442\u0435\u043b<\/span>\n        <h4 class=\"hcl-res-title\">\u0421\u043a\u0438 \u0445\u043e\u0442\u0435\u043b<br>\u0434\u043e \u043b\u0438\u0444\u0442\u0430<\/h4>\n        <p class=\"hcl-res-desc\">\u041c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u043d\u043e \u0432\u0440\u0435\u043c\u0435 \u043d\u0430 \u043f\u0438\u0441\u0442\u0438\u0442\u0435. <strong>\u0421\u043a\u0438-\u0438\u043d\/\u0441\u043a\u0438-\u0430\u0443\u0442 \u0445\u043e\u0442\u0435\u043b\u0438\u0442\u0435<\/strong> \u0432\u0438 \u0441\u043f\u0435\u0441\u0442\u044f\u0432\u0430\u0442 \u0442\u0440\u0430\u043d\u0441\u043f\u043e\u0440\u0442 \u0432\u0441\u044f\u043a\u0430 \u0441\u0443\u0442\u0440\u0438\u043d \u2014 \u0438\u0437\u043b\u0438\u0437\u0430\u0442\u0435 \u0434\u0438\u0440\u0435\u043a\u0442\u043d\u043e \u0441 \u0441\u043a\u0438 \u043d\u0430 \u043a\u0440\u0430\u043a\u0430\u0442\u0430.<\/p>\n        <div class=\"hcl-matched\" id=\"hcl-r-ski-tags\"><\/div>\n        <a href=\"https:\/\/vbansko.com\/naj-dobrite-hoteli-v-bansko-palen-narachnik\/\" target=\"_blank\" class=\"hcl-cta\">\u2192 \u0412\u0438\u0436 \u0445\u043e\u0442\u0435\u043b\u0438 \u0434\u043e \u043b\u0438\u0444\u0442\u0430<\/a>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- FOOTER -->\n  <div class=\"hcl-footer\">\n    <span class=\"hcl-count\">\u0418\u0437\u0431\u0440\u0430\u043d\u0438: <span id=\"hcl-cnt\">0<\/span> \u043e\u0442 12 \u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442\u0430<\/span>\n    <button class=\"hcl-reset\" onclick=\"hclReset()\">\u0418\u0437\u0447\u0438\u0441\u0442\u0438 \u0432\u0441\u0438\u0447\u043a\u043e<\/button>\n  <\/div>\n\n<\/div>\n<\/div>\n\n<script>\n(function(){\n'use strict';\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SCORING \u2014 \u0432\u0441\u0435\u043a\u0438 \u0442\u0438\u043f \u043f\u043e\u043b\u0443\u0447\u0430\u0432\u0430 \u0442\u043e\u0447\u043a\u0438 \u043f\u043e \u0442\u0430\u0433\u043e\u0432\u0435\n   \u041f\u043e\u0432\u0435\u0447\u0435 \u0442\u0430\u0433\u043e\u0432\u0435 = \u043f\u043e-\u0441\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u0435\u043d \u0440\u0435\u0437\u0443\u043b\u0442\u0430\u0442\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nconst SCORES = {\n  luxury: ['spa','wellness','luxury','service','restaurant','shuttle'],\n  nature: ['nature','quiet','peace','mineral','thermal'],\n  apart:  ['kitchen','apart','space','family','workation','wifi','budget','value','parking'],\n  family: ['culture','oldtown','authentic','budget','value'],\n  ski:    ['ski','location','lift','shuttle']\n};\n\n\/* \u0427\u0435\u0442\u043b\u0438\u0432\u0438 \u0438\u043c\u0435\u043d\u0430 \u0437\u0430 matched \u0431\u0435\u0439\u0434\u0436\u043e\u0432\u0435 *\/\nconst LABELS = {\n  spa:'\u2668\ufe0f \u0421\u041f\u0410', wellness:'\u2668\ufe0f \u0423\u0435\u043b\u043d\u0435\u0441', luxury:'\u2b50 \u041b\u0443\u043a\u0441',\n  service:'\u2b50 \u041e\u0431\u0441\u043b\u0443\u0436\u0432\u0430\u043d\u0435', restaurant:'\ud83c\udf7d\ufe0f \u0420\u0435\u0441\u0442\u043e\u0440\u0430\u043d\u0442',\n  nature:'\ud83c\udf32 \u041f\u0440\u0438\u0440\u043e\u0434\u0430', quiet:'\ud83d\udd07 \u0422\u0438\u0448\u0438\u043d\u0430', peace:'\ud83c\udf3f \u0421\u043f\u043e\u043a\u043e\u0439\u0441\u0442\u0432\u0438\u0435',\n  mineral:'\ud83c\udf21\ufe0f \u041c\u0438\u043d\u0435\u0440\u0430\u043b\u0438', thermal:'\ud83c\udf21\ufe0f \u0422\u0435\u0440\u043c\u0430\u043b\u0435\u043d',\n  kitchen:'\ud83c\udf73 \u041a\u0443\u0445\u043d\u044f', apart:'\ud83c\udfe2 \u0410\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442',\n  space:'\ud83d\udecb\ufe0f \u041f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e', family:'\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67 \u0421\u0435\u043c\u0435\u0439\u0441\u0442\u0432\u043e',\n  workation:'\ud83d\udcbb Workation', wifi:'\ud83d\udcf6 \u0418\u043d\u0442\u0435\u0440\u043d\u0435\u0442',\n  budget:'\ud83d\udcb0 \u0411\u044e\u0434\u0436\u0435\u0442', value:'\ud83d\udcb0 \u0426\u0435\u043d\u0430\/\u043a\u0430\u0447.',\n  parking:'\ud83c\udd7f\ufe0f \u041f\u0430\u0440\u043a\u0438\u043d\u0433',\n  culture:'\ud83c\udfd8\ufe0f \u0410\u0432\u0442\u0435\u043d\u0442\u0438\u043a\u0430', oldtown:'\ud83c\udfd8\ufe0f \u0421\u0442\u0430\u0440 \u0411\u0430\u043d\u0441\u043a\u043e', authentic:'\ud83c\udfd8\ufe0f \u0422\u0440\u0430\u0434\u0438\u0446\u0438\u044f',\n  ski:'\u26f7\ufe0f \u0421\u043a\u0438', location:'\ud83d\udea1 \u041b\u0438\u0444\u0442', lift:'\ud83d\udea1 \u0414\u043e \u043b\u0438\u0444\u0442\u0430', shuttle:'\ud83c\udfbf \u0428\u0430\u0442\u044a\u043b'\n};\n\nwindow.hclToggle = function(el) {\n  el.classList.toggle('checked');\n  hclUpdate();\n};\n\nwindow.hclReset = function() {\n  document.querySelectorAll('#hcl .hcl-item').forEach(i => i.classList.remove('checked'));\n  hclUpdate();\n};\n\nfunction hclUpdate() {\n  const checked = document.querySelectorAll('#hcl .hcl-item.checked');\n  document.getElementById('hcl-cnt').textContent = checked.length;\n\n  if (!checked.length) {\n    document.getElementById('hcl-empty').style.display = 'flex';\n    document.querySelectorAll('#hcl .hcl-res-card').forEach(c => c.classList.remove('visible'));\n    return;\n  }\n\n  \/\/ Collect all tags\n  const tags = [];\n  checked.forEach(el => el.dataset.tags.split(',').forEach(t => { if (!tags.includes(t)) tags.push(t); }));\n\n  \/\/ Score each type\n  const sc = {};\n  Object.keys(SCORES).forEach(type => {\n    sc[type] = tags.filter(t => SCORES[type].includes(t)).length;\n  });\n\n  \/\/ Winner = highest score; tie-break: most specific (fewest total tags in SCORES)\n  const winner = Object.keys(sc).reduce((a, b) => {\n    if (sc[a] !== sc[b]) return sc[a] > sc[b] ? a : b;\n    return SCORES[a].length <= SCORES[b].length ? a : b;\n  });\n\n  \/\/ Hide empty, show winner\n  document.getElementById('hcl-empty').style.display = 'none';\n  document.querySelectorAll('#hcl .hcl-res-card').forEach(c => c.classList.remove('visible'));\n  document.getElementById('hcl-r-' + winner).classList.add('visible');\n\n  \/\/ Matched tags for winner\n  const matched = tags.filter(t => SCORES[winner].includes(t)).slice(0, 4);\n  document.getElementById('hcl-r-' + winner + '-tags').innerHTML =\n    matched.map(t => `<span class=\"hcl-mtag\">${LABELS[t] || t}<\/span>`).join('');\n}\n\n})();\n<\/script>\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>#hcl { &#8211;blue: #1A3A5C; &#8211;blue2: #25527A; &#8211;gold: #B8913A; &#8211;gold-lt: #FDF6E9; &#8211;gold-bd: rgba(184,145,58,.25); &#8211;ink: #1E2A35; &#8211;muted: #607080; &#8211;border: #DDE4EC; &#8211;stone: #F3F6F9; &#8211;white: #FFFFFF; &#8211;green: #2E7D52; &#8211;green-lt: #EBF5EF; &#8211;teal: #0E6E6E; &#8211;teal-lt: #E6F5F5; [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-45122","page","type-page","status-publish","hentry"],"acf":[],"cubewp_post_meta":[],"taxonomies":[],"_links":{"self":[{"href":"https:\/\/vbansko.com\/ru\/wp-json\/wp\/v2\/pages\/45122","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=45122"}],"version-history":[{"count":9,"href":"https:\/\/vbansko.com\/ru\/wp-json\/wp\/v2\/pages\/45122\/revisions"}],"predecessor-version":[{"id":46472,"href":"https:\/\/vbansko.com\/ru\/wp-json\/wp\/v2\/pages\/45122\/revisions\/46472"}],"wp:attachment":[{"href":"https:\/\/vbansko.com\/ru\/wp-json\/wp\/v2\/media?parent=45122"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}