{"id":749,"date":"2024-09-23T13:05:24","date_gmt":"2024-09-23T13:05:24","guid":{"rendered":"https:\/\/www.hotelchopok.sk\/komfort-w-ktorym-chetnie-pozostaniesz-zakwaterowanie\/"},"modified":"2026-04-09T15:41:55","modified_gmt":"2026-04-09T15:41:55","slug":"pokoje-zakwaterowanie","status":"publish","type":"page","link":"https:\/\/www.hotelchopok.sk\/pl\/pokoje-zakwaterowanie\/","title":{"rendered":"Pokoje"},"content":{"rendered":"<div id=\"pl-749\"  class=\"panel-layout\" ><div id=\"pg-749-0\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch panel-row-style panel-row-style-for-749-0\" id=\"hero-wrapper\" data-stretch-type=\"full-width-stretch\" ><div id=\"pgc-749-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-749-0-0-0\" class=\"so-panel widget widget_sow-hero panel-first-child\" data-index=\"0\" ><div class=\"hero-img panel-widget-style panel-widget-style-for-749-0-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-hero so-widget-sow-hero-default-844de1f37420-749 so-widget-fittext-wrapper\"\n\t\t\t data-fit-text-compressor=\"0.85\"\n\t\t>\t\t\t\t<div class=\"sow-slider-base\" style=\"display: none\" tabindex=\"0\">\n\t\t\t\t\t<ul\n\t\t\t\t\tclass=\"sow-slider-images\"\n\t\t\t\t\tdata-settings=\"{&quot;pagination&quot;:true,&quot;speed&quot;:400,&quot;timeout&quot;:8000,&quot;paused&quot;:false,&quot;pause_on_hover&quot;:false,&quot;swipe&quot;:true,&quot;nav_always_show_desktop&quot;:&quot;&quot;,&quot;nav_always_show_mobile&quot;:&quot;&quot;,&quot;breakpoint&quot;:&quot;780px&quot;,&quot;unmute&quot;:false,&quot;anchor&quot;:null}\"\n\t\t\t\t\t\t\t\t\t\tdata-anchor-id=\"\"\n\t\t\t\t>\t\t<li class=\"sow-slider-image  sow-slider-image-cover\" style=\"visibility: visible;;background-color: #333333\" >\n\t\t\t\t\t<div class=\"sow-slider-image-container\">\n\t\t\t<div class=\"sow-slider-image-wrapper\">\n\t\t\t\t<h1 id=\"main-heading\" class=\"h1 hero-h1\" style=\"text-align: center\">Zatrzymajcie si\u0119 u nas<\/h1>\n<div class=\"hero-overlay\"><\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"sow-slider-image-overlay sow-slider-image-cover\" style=\"opacity: 0.6;background-image: url(https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2024\/09\/c-Marek-Hajkovsky-foto-hotel-CHOPOK-2022_165-min1-jpg.webp)\"  ><\/div>\t\t<\/li>\n\t\t<\/ul>\t\t\t\t<ol class=\"sow-slider-pagination\">\n\t\t\t\t\t\t\t\t\t\t\t<li><a href=\"#\" data-goto=\"0\" aria-label=\"Display slide 1\"><\/a><\/li>\n\t\t\t\t\t\t\t\t\t<\/ol>\n\n\t\t\t\t<div class=\"sow-slide-nav sow-slide-nav-next\">\n\t\t\t\t\t<a href=\"#\" data-goto=\"next\" aria-label=\"Next slide\" data-action=\"next\">\n\t\t\t\t\t\t<em class=\"sow-sld-icon-thin-right\"><\/em>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"sow-slide-nav sow-slide-nav-prev\">\n\t\t\t\t\t<a href=\"#\" data-goto=\"previous\" aria-label=\"Previous slide\" data-action=\"prev\">\n\t\t\t\t\t\t<em class=\"sow-sld-icon-thin-left\"><\/em>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><\/div><\/div><div id=\"panel-749-0-0-1\" class=\"so-panel widget widget_form_top_offer_widget panel-last-child\" data-index=\"1\" ><style>\n    \/* \n    .input-visitor::before {\n        min-width: 30px !important;\n        height: 100% !important;\n    }\n    .input-date::before {\n        min-width: 22px !important;\n        height: 100% !important;\n    } *\/\n    \/* \n    #rezervacia-form .btn.btn-yellow,\n    #rezervacia-form .btn span {\n        max-width: fit-content !important;\n    } *\/\n    @media screen and (max-width: 480px) {\n        #rezervacia-form .btn.btn-yellow,\n        #rezervacia-form .btn span {\n            max-width: 100%;\n        }\n    }\n\n    .booking-engine-container_horizontal {\n        background-color: var(--light-project); \/* Light background color *\/\n        padding: 30px 0 25px;\n        width: 90%;\n        max-width: 1440px;\n        margin: 0 auto; \/* Center the form *\/\n        margin-top: -104px;\n        z-index: 99;\n        position: relative;\n    }\n    .booking-engine-container_horizontal > div {\n        width: 90%;\n        margin: 0 auto;\n    }\n\n    .booking-engine-container_horizontal form {\n        display: flex;\n        flex-wrap: nowrap;\n    }\n\n    .booking-engine-container_horizontal label {\n        display: block;\n        margin-bottom: 0;\n        font-size: 14px;\n        color: var(--text); \/* Dark text color *\/\n        position: absolute;\n        top: -15px;\n        padding-top: 10px;\n    }\n\n    .input-wrapper.input-visitor.label-visible label {\n        display: block;\n    }\n\n    .booking-engine-container_horizontal input[type=\"text\"],\n    .booking-engine-container_horizontal input[type=\"number\"] {\n        width: 100%;\n        font-size: 14px;\n        color: var(--text);\n        background-color: var(--white);\n        transition: border-color 0.3s ease;\n\n        background: transparent;\n        border: none;\n        border-radius: 0 !important;\n\n        padding-top: 0;\n        padding-left: 0;\n        padding-right: 20px;\n        padding-bottom: 0;\n        margin-right: 0;\n        border-right: 1px solid var(--text);\n\n        height: 20px;\n        width: 100%;\n    }\n    .booking-engine-container_horizontal input[type=\"number\"].vek-input {\n        border: none;\n    }\n    .booking-engine-container_horizontal input[name=\"promocode\"] {\n        border: none;\n    }\n\n    .booking-engine-container_horizontal input[type=\"text\"]:focus,\n    .booking-engine-container_horizontal input[type=\"number\"]:focus {\n        border-color: var(--project); \/* Highlight color when focused *\/\n        outline: none;\n    }\n\n    .booking-engine-container_horizontal a {\n        display: block;\n        margin-top: 20px;\n        color: var(--white);\n        text-align: center;\n        font-size: 14px;\n        text-decoration: none;\n    }\n\n    .booking-engine-container_horizontal a:hover {\n        text-decoration: underline;\n    }\n\n    \/* Responsive adjustments for smaller screens *\/\n    @media (max-width: 500px) {\n        .booking-engine-container_vertical {\n            padding: 15px;\n        }\n\n        .booking-engine-container_vertical input,\n        .booking-engine-container_vertical button {\n            font-size: 13px;\n        }\n    }\n\n\n    .booking-engine-container_horizontal button span {\n        margin: 0 auto;\n    }\n\n    .booking-engine-container_horizontal .form-post-contact-wrapper {\n        display: flex;\n        flex-direction: row;\n        \/* align-items: flex-start; *\/\n        justify-content: center;\n    }\n    @media screen and (max-width: 767px) {\n        .booking-engine-container_horizontal .form-post-contact-wrapper {\n            flex-direction: column;\n            margin-top: 25px;\n            align-items: center;\n        }\n    }\n\n    .booking-engine-container_vertical a {\n        text-align: left;\n        box-sizing: border-box;\n        white-space: normal;\n        height: 45px;\n        letter-spacing: 2px;\n        font-size: 13px;\n        font-weight: 500;\n\n        margin-top: 0;\n        display: flex;\n        align-items: center;\n        justify-content: flex-start;\n    }\n\n    .booking-engine-container_vertical a span {\n        padding: 0;\n    }\n\n    .booking-engine-container_horizontal .input-wrapper {\n        position: relative;\n        height: 65px;\n        flex: 1;\n        flex-direction: row;\n        align-items: center;\n        position: relative;\n        padding: 0 20px;\n    }\n\n    .booking-engine-container_vertical .input-wrapper::before {\n        content: url(); \/* Tvoje URL ikony *\/\n        position: absolute;\n        left: 0;\n        top: 30%;\n        transform: translateY(0);\n        padding-right: 10px;\n    }\n\n    .input-hotel label {\n        font-size: 16px;\n        font-weight: 500;\n        position: relative;\n    }\n    .input-hotel select {\n        border: none;\n        background: transparent;\n        width: fit-content;\n        cursor: pointer;\n        padding-right: 20px;\n        border-right: 1px solid var(--text);\n    }\n\n    .input-wrapper select {\n        -webkit-appearance: none; \/* Pre Chrome, Safari, Edge *\/\n        -moz-appearance: none; \/* Pre Firefox *\/\n        appearance: none; \/* \u0160tandardn\u00e9 skrytie *\/\n        background: transparent; \/* Prieh\u013eadn\u00e9 pozadie *\/\n        padding-right: 30px; \/* Priestor pre vlastn\u00fa ikonu *\/\n    }\n\n    .input-wrapper.input-hotel {\n        position: relative;\n        \/* display: inline-block; *\/\n    }\n    .input-wrapper.input-hotel::after {\n        content: '';\n        background: transparent\n         url('data:image\/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M7%2010l5%205%205-5H7z%22%2F%3E%3C%2Fsvg%3E')\n         no-repeat center center;\n        background-size: 100%;\n        position: absolute;\n        right: 25px; \/* Vzdialenos\u0165 od pravej strany *\/\n        top: 50%;\n        transform: translateY(-50%);\n        pointer-events: none; \/* Nezasahuje do kliknutia na select *\/\n        width: 22px;\n        height: 22px;\n    }\n\n\n    @media screen and (max-width: 1280px) {\n        .booking-engine-container_horizontal form {\n            flex-wrap: wrap;\n            justify-content: space-evenly;\n        }\n        .booking-engine-container_horizontal button {\n            flex-basis: 100%;\n        }\n    }\n    @media screen and (max-width: 991px) {\n        .booking-engine-container_horizontal {\n            margin-top: 0;\n            width: 100vw;\n        }\n        \n        .booking-engine-container_horizontal .input-wrapper {\n            flex-basis: 50%;\n            border-bottom: 1px solid var(--text);\n        }\n        .booking-engine-container_horizontal .input-wrapper.input-present{\n            flex-basis: 100%;\n        }\n        \n        .booking-engine-container_horizontal label {\n            top: -10px;\n        }\n        .booking-engine-container_horizontal button {\n            flex-basis: 100%;\n        }\n        .input-hotel select,\n        .booking-engine-container_horizontal input[type=\"text\"],\n        .booking-engine-container_horizontal input[type=\"number\"] {\n            border-right:  none;\n        }\n        .booking-engine-container_horizontal button {\n            margin-top: 30px;\n        }\n    }\n    @media screen and (max-width: 767px) {\n        .booking-engine-container_horizontal .form-post-contact-wrapper {\n            flex-direction: column;\n            margin-top: 25px;\n        }\n        .booking-engine-container_horizontal .form-post-contact-wrapper a {\n            margin-top: 0;\n            height: 45px;\n        }\n    }\n    @media screen and (max-width: 479px) {\n        .booking-engine-container_horizontal .input-wrapper {\n            flex-basis: 100%;\n        }\n    }\n\n    \/* Flash messages *\/\n    \n    .flash-message-wrapper {\n        display: block;\n        position: absolute;\n        top: 100%;\n        left: 50%;\n        transform: translate(-50%, -10px);\n        z-index: 9;\n    }\n    .flash-message-wrapper > div {\n        display: none;\n        font-size: 13px;\n        width: 200px;\n        font-weight: 500;\n        border-radius: 15px;\n        padding: 9px;\n       \n        color: var(--white);\n    }\n    .childrens-error {\n        background: var(--project);\n    }\n\n    .childrens-flash {\n        margin-top: 7px;\n        background: var(--green);\n    }\n\n\n    \/* KALENDAR NOVY *\/\n    \/* LEN NOV\u00c9 \u0160T\u00ddLY PRE KALEND\u00c1R MODAL - NEOVPLYV\u0147UJ\u00da TVOJE \u0160T\u00ddLOVANIE *\/\n    .children-modal,\n    .calendar-modal {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: rgba(0, 0, 0, 0.5);\n        display: none;\n        justify-content: center;\n        align-items: center;\n        z-index: 10000;\n    }\n\n    .children-popup,\n    .calendar-popup {\n        width: 90vw;\n        max-width: 350px;\n        background: white;\n        border-radius: 12px;\n        box-shadow: 0 4px 20px rgba(0,0,0,0.3);\n        overflow: hidden;\n    }\n\n    .calendar-header {\n        background: var(--project);\n        color: white;\n        padding: 20px;\n        text-align: center;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    .month-year {\n        font-size: 18px;\n        font-weight: 600;\n    }\n\n    .nav-button {\n        background: none;\n        border: none;\n        color: white;\n        font-size: 18px;\n        cursor: pointer;\n        padding: 5px 10px;\n        border-radius: 5px;\n        transition: background 0.2s;\n    }\n\n    .nav-button:hover {\n        background: rgba(255,255,255,0.2);\n    }\n\n    .weekdays {\n        display: grid;\n        grid-template-columns: repeat(7, 1fr);\n        background: #f8f8f8;\n        border-bottom: 1px solid #eee;\n    }\n\n    .weekday {\n        padding: 12px 0;\n        text-align: center;\n        font-size: 12px;\n        font-weight: 600;\n        color: #666;\n    }\n\n    .days-grid {\n        display: grid;\n        grid-template-columns: repeat(7, 1fr);\n        gap: 1px;\n        background: #eee;\n        padding: 1px;\n    }\n\n    .day {\n        background: white;\n        border: none;\n        padding: 15px 0;\n        text-align: center;\n        cursor: pointer;\n        font-size: 14px;\n        color: #333;\n        transition: all 0.2s;\n        position: relative;\n    }\n\n    .day:hover {\n        background: #f0f0f0;\n    }\n\n    .day.other-month {\n        color: #ccc;\n        background: #fafafa;\n    }\n\n    .day.selected-start {\n        background: var(--project) !important;\n        color: white;\n        font-weight: 600;\n    }\n\n    .day.selected-end {\n        background: var(--project) !important;\n        color: white;\n        font-weight: 600;\n    }\n\n    .day.in-range {\n        background: var(--light-project-2) !important;\n        color: var(--purple-ciary);\n    }\n\n    .day.hover-range {\n        background: var(--light-project-2) !important;\n        color: var(--purple-ciary);\n    }\n\n    .day.today {\n        position: relative;\n    }\n\n    .day.today::after {\n        content: '';\n        position: absolute;\n        bottom: 3px;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 4px;\n        height: 4px;\n        background: var(--project);\n        border-radius: 50%;\n    }\n\n    .calendar-footer {\n        padding: 20px;\n        background: #f9f9f9;\n        border-top: 1px solid #eee;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    .calendar-footer .button-wrapper {\n        width: 50%;\n        display: flex;\n        justify-content: right;\n        gap: 5px;\n    }\n\n    .confirm-button {\n        background: var(--light-project-2);\n        color: var(--text);\n        border: none;\n        padding: 10px 20px;\n        border-radius: 6px;\n        cursor: pointer;\n        font-weight: 600;\n    }\n\n    .confirm-button:hover {\n        background: var(--purple);\n        color: var(--white)\n\n    }\n\n    .confirm-button:disabled {\n        background: #ccc;\n        cursor: not-allowed;\n    }\n\n    .cancel-button {\n        background: none;\n        border: none;\n        border-radius: 7px;\n        cursor: pointer;\n        padding: 10px;\n        color: var(--gray);\n        box-shadow: none !important\n    }\n\n    .date-range-display {\n        cursor: pointer;\n        display: inline-block;\n        font-size: 14px;\n        font-weight: lighter;\n        color: rgba(0, 0, 0, 0.3);\n        background: transparent;\n        border: none;\n        padding-top: 0;\n        padding-left: 0;\n        padding-right: 20px;\n        padding-bottom: 0;\n        margin-right: 0;\n        border-right: 1px solid var(--text);\n        height: 20px;\n        width: 100%;\n    }\n\n    \/* \u0160T\u00ddLY PRE TLA\u010cIDL\u00c1 *\/\n    .btn {\n        display: inline-block;\n        padding: 12px 24px;\n        text-decoration: none;\n        border: none;\n        cursor: pointer;\n        font-weight: bold;\n        text-align: center;\n        transition: all 0.3s ease;\n    }\n\n    .btn-yellow {\n        background-color: #f4c430;\n        color: #333;\n    }\n\n    .btn-yellow:hover {\n        background-color: #e6b82a;\n    }\n\n    \/* \n    .btn-transparent {\n        background: transparent;\n        color: var(--text);\n        border: 1px solid var(--text);\n    } *\/\n\n    .btn.btn-transparent:hover span {\n        background: transparent !important;\n        color: var(--white);\n    }\n\n    .selection-info {\n        color: var(--text);\n        font-size: 1rem;\n        font-weight: bold;\n    }\n\n    #dateRangeDisplay {\n        white-space: nowrap;\n    }\n\n    \/* Chrome, Safari, Edge, Opera *\/\n    input[type=number]::-webkit-inner-spin-button, \n    input[type=number]::-webkit-outer-spin-button {\n        -webkit-appearance: none;\n        margin: 0;\n    }\n\n    \/* Firefox *\/\n    input[type=number] {\n        -moz-appearance: textfield;\n    }\n\n    @media screen and (max-width: 991px) {\n        .input-hotel select,\n        .booking-engine-container_horizontal select,\n        .booking-engine-container_horizontal input[type=\"text\"], \n        .booking-engine-container_horizontal input[type=\"number\"],\n        .date-range-display {\n            border-right: none !important;\n        }\n    }\n\n    .booking-engine-container_horizontal select {\n        font-size: 14px;\n        font-weight: bold;\n        color: black;\n        background: transparent;\n        border: none;\n        padding-left: 0;\n        padding-right: 20px;\n        border-right: 1px solid var(--text);\n        cursor: pointer;\n        appearance: none; \/* odstr\u00e1ni nat\u00edvny vzh\u013ead *\/\n        -webkit-appearance: none;\n        -moz-appearance: none;\n        background-image: none; \/* fallback ak nepou\u017eije\u0161 ::after *\/\n    }\n    .booking-engine-container_horizontal select option {\n        font-weight: normal;\n        color: var(--text);\n    }\n\n    .input-wrapper.active span,\n    .input-wrapper.active input,\n    .input-wrapper.active select option[selected] {\n        font-weight: bold !important;\n        color: black !important;\n    }\n\n\n    #booking-button.btn-yellow:hover {\n        background: unset;\n    }\n    #booking-button.btn-yellow:hover span {\n        background: var(--project);\n    }\n\n    \/* Side FORM *\/\n    .single .booking-engine-container_horizontal,\n    .single-room .booking-engine-container_horizontal,\n    .single-stay .booking-engine-container_horizontal {\n        max-width: 400px;\n    }\n    .single .booking-engine-container_horizontal form,\n    .single-room .booking-engine-container_horizontal form,\n    .single-stay .booking-engine-container_horizontal form {\n        flex-direction: column;\n    }\n    .single .booking-engine-container_horizontal .input-wrapper,\n    .single-room .booking-engine-container_horizontal .input-wrapper,\n    .single-stay .booking-engine-container_horizontal .input-wrapper {\n        border-bottom: 1px solid black;\n        padding-bottom: 35px;\n        margin-bottom: 35px;\n    }\n    .single .date-range-display,\n    .single-room .date-range-display,\n    .single-stay .date-range-display,\n    .single .input-hotel select,\n    .single-room .input-hotel select,\n    .single-stay .input-hotel select {\n        border: none !important;\n    }\n    .single .booking-engine-container_horizontal .form-post-contact-wrapper,\n    .single-room .booking-engine-container_horizontal .form-post-contact-wrapper,\n    .single-stay .booking-engine-container_horizontal .form-post-contact-wrapper {\n        flex-direction: column;\n        align-items: flex-start;\n    }\n    .single .booking-engine-container_horizontal .form-post-contact-wrapper a:last-child,\n    .single-room .booking-engine-container_horizontal .form-post-contact-wrapper a:last-child,\n    .single-stay .booking-engine-container_horizontal .form-post-contact-wrapper a:last-child {\n        margin-top: 0;\n    }\n    .single .input-wrapper.input-hotel::after,\n    .single-room .input-wrapper.input-hotel::after,\n    .single-stay .input-wrapper.input-hotel::after {\n        transform: translateY(-30px);\n    }\n    #rezervacia-form h5 {\n        display: none;\n    }\n    .single #rezervacia-form h5,\n    .single-room #rezervacia-form h5,\n    .single-stay #rezervacia-form h5 {\n        display: block;\n        margin-bottom: 33px;\n    }\n<\/style>\n\n<script>\n    \/* <![CDATA[ *\/\n\n    \n    \/\/ function updateHotelChoice(selectElement) {\n    \/\/     const adresa_chopok = \"\";\n    \/\/     const adresa_apartmany = \"\";\n\n    \/\/     const selectedValue = jQuery(selectElement).val();\n    \/\/     const form = jQuery(selectElement).closest(\"form\");\n\n    \/\/     if (selectedValue == \"0\") {\n    \/\/         form.attr(\"action\", adresa_chopok);\n    \/\/     } else if (selectedValue == \"1\") {\n    \/\/         form.attr(\"action\", adresa_apartmany);\n    \/\/     }\n    \/\/ } \n\n    \/* ]]> *\/\n\n\n    function updateFieldClasses() {\n        \/\/ D\u00c1TUMY\n        const dateDisplay = document.getElementById('dateRangeDisplay');\n        const dateWrapper = dateDisplay.closest('.input-wrapper');\n        if (dateDisplay.textContent.trim() !== \"Vyberte term\u00edn\") {\n            dateWrapper.classList.add('active');\n        } else {\n            dateWrapper.classList.remove('active');\n        }\n\n        \/\/ DETI\n        const childrenDisplay = document.getElementById('childrens');\n        const childrenWrapper = childrenDisplay.closest('.input-wrapper');\n\n        const value = childrenDisplay.textContent.trim();\n\n        \/\/ Regex: povo\u013euje form\u00e1t ako \"1\", \"1,2\", \"1, 2\", \"2, 14\", at\u010f.\n        const containsAge = \/^\\d+(,\\s*\\d+)*$\/.test(value);\n\n        if (containsAge) {\n            childrenWrapper.classList.add('active');\n        } else {\n            childrenWrapper.classList.remove('active');\n        }\n\n\n        \/\/ DOSPEL\u00cd\n        const adultsDisplay = document.getElementById('adultsDisplay');\n        const adultsWrapper = adultsDisplay.closest('.input-wrapper');\n\n        if (adultsDisplay) {\n            \/\/ Z\u00edska len \u010d\u00edsla (napr. \"2\" alebo \"\ud83d\udc64 2\", aj s NBSP)\n            const digitsOnly = adultsDisplay.textContent.replace(\/[^\\d]\/g, '').trim();\n            const adultCount = parseInt(digitsOnly, 10);\n\n            if (!isNaN(adultCount) && adultCount > 0) {\n                adultsWrapper.classList.add('active');\n            } else {\n                adultsWrapper.classList.remove('active');\n            }\n        }\n\n\n        \/\/ INPUTY (dospel\u00ed, promok\u00f3d at\u010f.)\n        document.querySelectorAll('.booking-engine-container_horizontal input[type=\"number\"], .booking-engine-container_horizontal input[type=\"text\"]').forEach(input => {\n            const wrapper = input.closest('.input-wrapper');\n            if (!wrapper) return;\n\n            if (input.value.trim() !== \"\") {\n                wrapper.classList.add('active');\n            } else {\n                wrapper.classList.remove('active');\n            }\n        });\n\n        \/\/ SELECT (hotelchoice)\n        document.querySelectorAll('.booking-engine-container_horizontal select').forEach(select => {\n            const wrapper = select.closest('.input-wrapper');\n            if (!wrapper) return;\n\n            if (select.value && select.value.trim() !== \"\") {\n                wrapper.classList.add('active');\n            } else {\n                wrapper.classList.remove('active');\n            }\n        });\n    }\n\n    document.addEventListener(\"DOMContentLoaded\", () => {\n        updateFieldClasses(); \/\/ inicializ\u00e1cia\n\n        \/\/ Dynamick\u00e1 aktualiz\u00e1cia pri zmene\n        document.querySelectorAll('.booking-engine-container_horizontal input[type=\"number\"], .booking-engine-container_horizontal input[type=\"text\"]').forEach(input => {\n            input.addEventListener('input', updateFieldClasses);\n        });\n\n        document.querySelectorAll('.booking-engine-container_horizontal select').forEach(select => {\n            select.addEventListener('change', updateFieldClasses);\n        });\n    });\n<\/script>\n\n\n<div class=\"booking-engine-container_horizontal\">\n    <div>\n        <form id=\"rezervacia-form\" \n            method=\"POST\">\n\n            <h5>Sprawd\u017a dost\u0119pno\u015b\u0107<\/h5>\n\n            <div class=\"input-wrapper input-hotel\">\n                <select name=\"hotelchoice\"><option value=\"52\">Wellness Hotel Chopok ****<\/option><option value=\"617\">Apartm\u00e1ny a \u0160t\u00fadi\u00e1 L\u00fa\u010dky<\/option><\/select>            <\/div>\n\n            <!-- UPRAVEN\u00dd INPUT PRE D\u00c1TUMY - TERAZ JEDEN NAMIESTO DVOCH -->\n            <div class=\"input-wrapper input-date\">\n                <!-- <label for=\"dateRange\">D\u00e1tum pobytu:<\/label> -->\n                <span class=\"date-range-display\" id=\"dateRangeDisplay\" onclick=\"openCalendar()\">Wybierz date<\/span>\n            <\/div>\n\n            <div class=\"input-wrapper input-visitor\">\n                <!-- <label for=\"adults\">Liczba go\u015bci:<\/label> -->\n                <!-- <input placeholder=\"Doro\u015bli\" \n                    type=\"number\" id=\"adults\" name=\"1_adultCount\" class=\"booking-input\" min=\"1\" value=\"\" required> -->\n                <span id=\"adultsDisplay\" class=\"booking-input date-range-display\" onclick=\"openAdultsModal()\">\n                    Doro\u015bli                <\/span>\n            <\/div>\n\n            <div class=\"input-wrapper input-visitor\">\n                <!-- <label for=\"childrens\">Deti (vek):<\/label> -->\n                <span \n                    id=\"childrens\" \n                    class=\"booking-input date-range-display\" \n                    onclick=\"openChildrenModal()\"\n                >\n                    Dzieci                <\/span>\n            <\/div>\n\n            <div class=\"input-wrapper input-present\">\n                <!-- <label for=\"promo\">Kod promocyjny:<\/label> -->\n                <input placeholder=\"Kod promocyjny\" \n                    type=\"text\" id=\"promo\" name=\"promocode\" class=\"booking-input\">\n            <\/div>\n\n            <button id=\"booking-button\" type=\"button\" class=\"btn btn-yellow\">\n                <span>Zobacz cen\u0119<\/span>\n            <\/button>\n\n            <!-- HIDDEN INPUTY S P\u00d4VODN\u00ddMI NAME ATRIB\u00daTMI -->\n            <input type=\"hidden\" id=\"arrival\" name=\"dateFrom\" class=\"booking-input\" required>\n            <input type=\"hidden\" id=\"departure\" name=\"dateTo\" class=\"booking-input\" required>\n\n                        <input type=\"hidden\" id=\"tr-data__r\" name=\"redirect\" value=\"0\">\n            <input type=\"hidden\" id=\"tr-data__l\" name=\"lang\" value=\"pl\">\n\n        <\/form>\n\n\n        <!-- Optional link to the contact information or other services -->\n        <div class=\"form-post-contact-wrapper\">\n            <a href=\"tel:+421911611386\" title=\"Rezerv\u00e1cie Hotel Chopok telef\u00f3n\" class=\"btn btn-transparent\">\n                <span class=\"post-icon icon-tel\">+421 \/ 911 611 386<\/span>\n            <\/a>\n            <a href=\"mailto:recepcia@hotelchopok.sk\" title=\"Adres e-mail Recepcji Hotelu Chopok\" class=\"btn btn-transparent\">\n                <span class=\"post-icon icon-mail\">recepcia@hotelchopok.sk<\/span>\n            <\/a>\n        <\/div>\n    <\/div>\n<\/div>\n\n<!-- KALEND\u00c1R MODAL -->\n<div class=\"calendar-modal\" id=\"calendarModal\" onclick=\"closeCalendarOnBackdrop(event)\">\n    <div class=\"calendar-popup\">\n        <div class=\"calendar-header\">\n            <button class=\"nav-button\" onclick=\"changeMonth(-1)\">\u2039<\/button>\n            <div class=\"month-year\" id=\"monthYear\"><\/div>\n            <button class=\"nav-button\" onclick=\"changeMonth(1)\">\u203a<\/button>\n        <\/div>\n\n        <div class=\"weekdays\">\n            <div class=\"weekday\">Po<\/div>\n            <div class=\"weekday\">Ut<\/div>\n            <div class=\"weekday\">St<\/div>\n            <div class=\"weekday\">\u0160t<\/div>\n            <div class=\"weekday\">Pi<\/div>\n            <div class=\"weekday\">So<\/div>\n            <div class=\"weekday\">Ne<\/div>\n        <\/div>\n\n        <div class=\"days-grid\" id=\"daysGrid\"><\/div>\n\n        <div class=\"calendar-footer\">\n            <div class=\"selection-datums\"><\/div>\n                        <div class=\"button-wrapper\">\n                <button class=\"cancel-button\" onclick=\"closeCalendar()\"><span class=\"icon\">\u2716<\/span><\/button>\n                <button class=\"confirm-button\" id=\"confirmButton\" onclick=\"confirmDates()\" disabled>\n                    Potvrdi\u0165                <\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n    <script>\n        \/\/ KALEND\u00c1R LOGIKA\n        let currentDate = new Date();\n        let selectedStart = null;\n        let selectedEnd = null;\n        let isSelectingEnd = false;\n\n        const monthNames = [\n            'Stycze\u0144',\n            'Luty',\n            'Marzec',\n            'Kwiecie\u0144',\n            'M\u00e1j',\n            'Czerwiec',\n            'Lipiec',\n            'Sierpie\u0144',\n            'Wrzesie\u0144',\n            'Pa\u017adziernik',\n            'Listopad',\n            'Grudzie\u0144'\n        ];\n\n        const monthNamesShort = [\n            'JAN',\n            'FEB',\n            'MAR',\n            'APR',\n            'M\u00c1J',\n            'Czerwiec',\n            'Lipiec',\n            'AUG',\n            'SEP',\n            'OKT',\n            'NOV',\n            'DEC'\n        ];\n\n        function formatDate(date) {\n            const day = date.getDate().toString().padStart(2, '0');\n            const month = (date.getMonth() + 1).toString().padStart(2, '0');\n            const year = date.getFullYear();\n            return `${year}-${month}-${day}`;\n        }\n\n        function formatDateForDisplay(date) {\n            const day = date.getDate();\n            const monthShort = monthNamesShort[date.getMonth()];\n            return `${day} ${monthShort}`;\n        }\n\n        function openCalendar() {\n            document.getElementById('calendarModal').style.display = 'flex';\n            renderCalendar();\n        }\n\n        function closeCalendar() {\n            document.getElementById('calendarModal').style.display = 'none';\n        }\n\n        function closeCalendarOnBackdrop(event) {\n            if (event.target === event.currentTarget) {\n                closeCalendar();\n            }\n        }\n\n        function renderCalendar() {\n            const monthYear = document.getElementById('monthYear');\n            const daysGrid = document.getElementById('daysGrid');\n\n            monthYear.textContent = `${monthNames[currentDate.getMonth()]} ${currentDate.getFullYear()}`;\n\n            const firstDay = new Date(currentDate.getFullYear(), currentDate.getMonth(), 1);\n            const lastDay = new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 0);\n            const firstDayOfWeek = (firstDay.getDay() + 6) % 7;\n\n            daysGrid.innerHTML = '';\n\n            const today = new Date();\n            today.setHours(0, 0, 0, 0);\n\n            \/\/ Prid\u00e1me pr\u00e1zdne bunky pre dni pred 1. d\u0148om mesiaca\n            for (let i = 0; i < firstDayOfWeek; i++) {\n                const emptyDiv = document.createElement('div');\n                emptyDiv.className = 'day empty';\n                emptyDiv.style.visibility = 'hidden';\n                daysGrid.appendChild(emptyDiv);\n            }\n\n            \/\/ Prid\u00e1me LEN dni aktu\u00e1lneho mesiaca\n            for (let day = 1; day <= lastDay.getDate(); day++) {\n                const cellDate = new Date(currentDate.getFullYear(), currentDate.getMonth(), day);\n\n                const dayButton = document.createElement('button');\n                dayButton.className = 'day';\n                dayButton.textContent = day;\n\n                if (cellDate.getTime() === today.getTime()) {\n                    dayButton.classList.add('today');\n                }\n\n                if (cellDate < today) {\n                    dayButton.disabled = true;\n                    dayButton.style.color = '#ccc';\n                    dayButton.style.cursor = 'not-allowed';\n                }\n\n                \/\/ Ozna\u010denie vybran\u00fdch d\u00e1tumov - LEN ak s\u00fa v aktu\u00e1lnom mesiaci\n                if (selectedStart && \n                    cellDate.getTime() === selectedStart.getTime() &&\n                    cellDate.getMonth() === currentDate.getMonth() &&\n                    cellDate.getFullYear() === currentDate.getFullYear()) {\n                    dayButton.classList.add('selected-start');\n                }\n                \n                if (selectedEnd && \n                    cellDate.getTime() === selectedEnd.getTime() &&\n                    cellDate.getMonth() === currentDate.getMonth() &&\n                    cellDate.getFullYear() === currentDate.getFullYear()) {\n                    dayButton.classList.add('selected-end');\n                }\n\n                \/\/ Ozna\u010denie rozsahu - LEN ak s\u00fa oba d\u00e1tumy v aktu\u00e1lnom mesiaci alebo \u0161pecifick\u00e9 pr\u00edpady\n                if (selectedStart && selectedEnd) {\n                    \/\/ Len ak je aktu\u00e1lny de\u0148 medzi start a end a v\u0161etko je v tom istom mesiaci\n                    if (cellDate > selectedStart && cellDate < selectedEnd) {\n                        \/\/ EXTRA kontrola - ozna\u010duj LEN ak s\u00fa start a end v r\u00e1mci tohto mesiaca alebo logicky pokra\u010duj\u00fa\n                        const startInThisMonth = selectedStart.getMonth() === currentDate.getMonth() && selectedStart.getFullYear() === currentDate.getFullYear();\n                        const endInThisMonth = selectedEnd.getMonth() === currentDate.getMonth() && selectedEnd.getFullYear() === currentDate.getFullYear();\n                        \n                        if (startInThisMonth && endInThisMonth) {\n                            \/\/ Oba v aktu\u00e1lnom mesiaci\n                            dayButton.classList.add('in-range');\n                        } else if (startInThisMonth && !endInThisMonth && selectedEnd > cellDate) {\n                            \/\/ Start v aktu\u00e1lnom, end v bud\u00facom - ozna\u010duj od start do konca mesiaca\n                            dayButton.classList.add('in-range');\n                        } else if (!startInThisMonth && endInThisMonth && selectedStart < cellDate) {\n                            \/\/ Start v minulom, end v aktu\u00e1lnom - ozna\u010duj od za\u010diatku mesiaca po end\n                            dayButton.classList.add('in-range');\n                        } else if (!startInThisMonth && !endInThisMonth && selectedStart < cellDate && selectedEnd > cellDate) {\n                            \/\/ Start v minulom, end v bud\u00facom - ozna\u010duj cel\u00fd mesiac\n                            dayButton.classList.add('in-range');\n                        }\n                    }\n                }\n\n                if (!dayButton.disabled) {\n                    dayButton.onclick = () => selectDate(cellDate);\n                    dayButton.onmouseenter = () => highlightRange(cellDate);\n                    dayButton.onmouseleave = () => clearHoverRange();\n                }\n                \n                daysGrid.appendChild(dayButton);\n            }\n\n            \/\/ Prid\u00e1me pr\u00e1zdne bunky na koniec len ak je potrebn\u00e9 pre grid (LEN nevidite\u013en\u00e9)\n            const totalCells = daysGrid.children.length;\n            const remainingCells = 42 - totalCells;\n            for (let i = 0; i < remainingCells; i++) {\n                const emptyDiv = document.createElement('div');\n                emptyDiv.className = 'day empty';\n                emptyDiv.style.visibility = 'hidden';\n                daysGrid.appendChild(emptyDiv);\n            }\n\n            updateConfirmButton();\n            updateSelectionDisplay();\n        }\n\n        function selectDate(date) {\n            if (date < new Date().setHours(0, 0, 0, 0)) return;\n\n            if (!selectedStart) {\n                \/\/ Prv\u00fd klik - vyber start d\u00e1tum\n                selectedStart = new Date(date);\n                selectedEnd = null;\n                isSelectingEnd = true;\n            } else if (isSelectingEnd && !selectedEnd) {\n                \/\/ Druh\u00fd klik - vyber end d\u00e1tum\n                if (date <= selectedStart) {\n                    \/\/ Ak klikneme na skor\u0161\u00ed d\u00e1tum, resetuj start\n                    selectedStart = new Date(date);\n                    selectedEnd = null;\n                } else {\n                    \/\/ Norm\u00e1lny v\u00fdber end d\u00e1tumy\n                    selectedEnd = new Date(date);\n                    isSelectingEnd = false;\n                }\n            } else {\n                \/\/ Reset - za\u010dni odznova\n                selectedStart = new Date(date);\n                selectedEnd = null;\n                isSelectingEnd = true;\n            }\n\n            renderCalendar();\n        }\n\n        function updateSelectionDisplay() {\n            \/\/ Aktualizuj info v kalend\u00e1ri ak m\u00e1\u0161 vybran\u00e9 d\u00e1tumy\n            const footerInfo = document.querySelector('.calendar-footer .selection-info');\n            if (footerInfo) footerInfo.remove();\n            \n            if (selectedStart) {\n                const footer = document.querySelector('.selection-datums');\n                const info = document.createElement('div');\n                info.className = 'selection-info';\n                \n                if (selectedEnd) {\n                    info.textContent = `${formatDateForDisplay(selectedStart)} - ${formatDateForDisplay(selectedEnd)}`;\n                } else {\n                    info.textContent = `Start: ${formatDateForDisplay(selectedStart)}`;\n                }\n                \n                footer.insertBefore(info, footer.firstChild);\n            }\n        }\n\n        function highlightRange(hoverDate) {\n            if (!selectedStart || selectedEnd || !isSelectingEnd) return;\n            if (hoverDate < new Date().setHours(0, 0, 0, 0)) return;\n            if (hoverDate <= selectedStart) return;\n\n            clearHoverRange();\n\n            \/\/ Hover efekt funguje len v aktu\u00e1lnom mesiaci\n            const allDays = document.querySelectorAll('.day');\n            allDays.forEach(day => {\n                if (day.style.visibility === 'hidden') return;\n                \n                const dayText = parseInt(day.textContent);\n                if (isNaN(dayText)) return;\n                \n                const dayDate = new Date(currentDate.getFullYear(), currentDate.getMonth(), dayText);\n                \n                \/\/ Ak je start v inom mesiaci, zv\u00fdrazni od za\u010diatku aktu\u00e1lneho mesiaca\n                if (selectedStart < new Date(currentDate.getFullYear(), currentDate.getMonth(), 1)) {\n                    if (dayDate <= hoverDate) {\n                        day.classList.add('hover-range');\n                    }\n                }\n                \/\/ Norm\u00e1lny hover v r\u00e1mci mesiaca\n                else if (dayDate > selectedStart && dayDate < hoverDate) {\n                    day.classList.add('hover-range');\n                }\n            });\n        }\n\n        function clearHoverRange() {\n            const hoverDays = document.querySelectorAll('.hover-range');\n            hoverDays.forEach(day => {\n                day.classList.remove('hover-range');\n            });\n        }\n\n        function changeMonth(direction) {\n            currentDate.setMonth(currentDate.getMonth() + direction);\n            renderCalendar();\n        }\n\n        function updateConfirmButton() {\n            const confirmButton = document.getElementById('confirmButton');\n            confirmButton.disabled = !(selectedStart && selectedEnd);\n        }\n\n        function confirmDates() {\n            if (!selectedStart || !selectedEnd) return;\n\n            \/\/ Aktualiz\u00e1cia hidden inputov\n            document.getElementById('arrival').value = formatDate(selectedStart);\n            document.getElementById('departure').value = formatDate(selectedEnd);\n\n            \/\/ Aktualiz\u00e1cia zobrazenia\n            const displayText = `${formatDateForDisplay(selectedStart)} - ${formatDateForDisplay(selectedEnd)}`;\n            document.getElementById('dateRangeDisplay').textContent = displayText;\n\n            closeCalendar();\n            updateFieldClasses();\n        }\n    <\/script>\n<\/div>\n\n<!-- Modal Dospel\u00ed -->\n<div class=\"children-modal\" id=\"adultsModal\" onclick=\"closeAdultsOnBackdrop(event)\">\n    <div class=\"children-popup\">\n        <p style=\"margin-bottom: 0 !important;\">Po\u010det dospel\u00fdch:<\/p>\n\n        <div class=\"deti-counter\">\n            <button type=\"button\" id=\"minus-adults\">\u2212<\/button>\n            <input type=\"number\" id=\"adults-count-input\" min=\"1\" max=\"10\" value=\"2\" class=\"vek-input\" \/>\n            <button type=\"button\" id=\"plus-adults\">+<\/button>\n        <\/div>\n\n        <div id=\"adults-error\" style=\"display:none; color: red; margin-top:10px;\">\n            Minim\u00e1lny po\u010det je 1, maxim\u00e1lny 10.        <\/div>\n\n        <div style=\"text-align:right; margin-top: 15px;\">\n            <button type=\"button\" class=\"cancel-button\" onclick=\"closeAdultsModal()\"><span class=\"icon\">\u2716<\/span><\/button>\n            <button type=\"button\" class=\"confirm-button\" onclick=\"saveAdults()\">Potvrdi\u0165<\/button>\n        <\/div>\n    <\/div>\n    <script>\n        document.addEventListener(\"DOMContentLoaded\", () => {\n            const adultsModal = document.getElementById(\"adultsModal\");\n            const plusBtn = document.getElementById(\"plus-adults\");\n            const minusBtn = document.getElementById(\"minus-adults\");\n            const input = document.getElementById(\"adults-count-input\");\n            const displaySpan = document.getElementById(\"adultsDisplay\");\n            const errorBox = document.getElementById(\"adults-error\");\n            const form = document.getElementById(\"rezervacia-form\");\n\n            let adultsCount = 2;\n            const minAdults = 1;\n            const maxAdults = 10;\n\n            window.openAdultsModal = () => {\n                adultsModal.style.display = \"flex\";\n                input.value = adultsCount;\n                errorBox.style.display = \"none\";\n            };\n\n            window.closeAdultsModal = () => {\n                adultsModal.style.display = \"none\";\n            };\n\n            window.closeAdultsOnBackdrop = (event) => {\n                if (event.target === event.currentTarget) {\n                    closeAdultsModal();\n                }\n            };\n\n            window.showAlertModal = function(message) {\n                const modal = document.getElementById(\"alertModal\");\n                const text = document.getElementById(\"alertModalText\");\n\n                text.textContent = message;\n                modal.style.display = \"flex\";\n            };\n\n            window.closeAlertModal = function() {\n                const modal = document.getElementById(\"alertModal\");\n                modal.style.display = \"none\";\n            };\n\n            window.closeAlertOnBackdrop = function(event) {\n                if (event.target === event.currentTarget) {\n                    closeAlertModal();\n                }\n            };\n\n\n            plusBtn.addEventListener(\"click\", () => {\n                let val = parseInt(input.value) || 0;\n                if (val < maxAdults) {\n                    val++;\n                    input.value = val;\n                }\n            });\n\n            minusBtn.addEventListener(\"click\", () => {\n                let val = parseInt(input.value) || 0;\n                if (val > minAdults) {\n                    val--;\n                    input.value = val;\n                }\n            });\n\n            input.addEventListener(\"input\", () => {\n                let val = parseInt(input.value) || 0;\n                if (val < minAdults || val > maxAdults) {\n                    errorBox.style.display = \"block\";\n                } else {\n                    errorBox.style.display = \"none\";\n                }\n            });\n\n            window.saveAdults = () => {\n                let val = parseInt(input.value);\n                if (isNaN(val) || val < minAdults || val > maxAdults) {\n                    errorBox.style.display = \"block\";\n                    return;\n                }\n\n                adultsCount = val;\n\n                \/\/ Odstr\u00e1ni\u0165 predch\u00e1dzaj\u00faci input ak existuje\n                form.querySelectorAll(\"input[name='1_adultCount']\").forEach(el => el.remove());\n\n                const hiddenInput = document.createElement(\"input\");\n                hiddenInput.type = \"hidden\";\n                hiddenInput.name = \"1_adultCount\";\n                hiddenInput.value = adultsCount;\n                form.appendChild(hiddenInput);\n\n                \/\/ Aktualizova\u0165 span\n                displaySpan.textContent = adultsCount;\n\n                closeAdultsModal();\n                updateFieldClasses(); \/\/ aktualizuje .active class\n            };\n        });\n    <\/script>\n<\/div>\n\n<!-- ALERT MODAL (napr. pre \"Zadajte po\u010det dospel\u00fdch\") -->\n<div class=\"children-modal\" id=\"alertModal\" onclick=\"closeAlertOnBackdrop(event)\">\n    <div class=\"children-popup\">\n        <p id=\"alertModalText\" style=\"margin-bottom: 15px;\">Tu bude hl\u00e1\u0161ka<\/p>\n        <div style=\"text-align: right;\">\n            <button type=\"button\" class=\"confirm-button\" onclick=\"closeAlertModal()\">OK<\/button>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<!-- Pocet a vek det\u00ed -->\n<div class=\"children-modal\" id=\"childrenModal\" onclick=\"closeChildrenOnBackdrop(event)\">\n    <div class=\"children-popup\">\n        <p style=\"margin-bottom: 0 !important;\">Po\u010det det\u00ed:<\/p>\n\n        <div class=\"deti-counter\">\n            <button type=\"button\" id=\"minus-btn\">\u2212<\/button>\n            <span id=\"deti-count\">0<\/span>\n            <button type=\"button\" id=\"plus-btn\">+<\/button>\n        <\/div>\n\n        <p style=\"margin: 0 !important;\">Vek det\u00ed:<\/p>\n        <div id=\"vek-deti-wrapper\"><\/div>\n\n        <div id=\"children-error\" style=\"display:none; color: red; margin-top:10px;\">\n            Maxim\u00e1lny vek die\u0165a\u0165a je 13 rokov.        <\/div>\n\n        <div style=\"text-align:right; margin-top: 15px;\">\n        <!-- <button type=\"button\" class=\"btn btn-transparent\" onclick=\"closeChildrenModal()\">Zru\u0161i\u0165<\/button> -->\n        <button type=\"button\" class=\"cancel-button\" onclick=\"closeChildrenModal()\"><span class=\"icon\">\u2716<\/span><\/button>\n        <button type=\"button\" class=\"confirm-button\" onclick=\"saveChildren()\">Potvrdi\u0165<\/button>\n        <\/div>\n    <\/div>\n    <style>\n        .children-popup {\n            background: var(--white);\n            border-radius: 12px;\n            box-shadow: 0 4px 20px rgba(0,0,0,0.3);\n            padding: 20px;\n            max-width: 350px;\n            width: 90vw;\n            display: flex;\n            flex-direction: column;\n            gap: 12px;\n            font-family: inherit;\n        }\n\n        .deti-counter {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            gap: 12px;\n            font-size: 18px;\n            font-weight: 500;\n        }\n\n        .deti-counter button,\n        .deti-counter button:focus {\n            background: var(--project);\n            border: none;\n            color: var(--white);\n            width: 32px;\n            height: 32px;\n            font-size: 20px;\n            font-weight: bold;\n            border-radius: 6px;\n            cursor: pointer;\n            transition: background 0.2s ease;\n\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 22px;\n        }\n\n        .deti-counter button:hover {\n            background: var(--light-project-2);\n        }\n\n        button:disabled {\n            opacity: 0.5;\n            cursor: not-allowed;\n        }\n\n\n        #vek-deti-wrapper {\n            display: flex;\n            flex-direction: column;\n            gap: 8px;\n            margin: 0;\n        }\n\n        .vek-input {\n            padding: 10px 12px;\n            border: 1px solid #ddd;\n            border-radius: 6px;\n            font-size: 14px;\n            font-weight: bold;\n            color: var(--text);\n            width: 100%;\n            box-sizing: border-box;\n            background-color: #f9f9f9;\n            transition: border-color 0.3s ease, background-color 0.3s ease;\n        }\n\n        .vek-input:focus {\n            outline: none;\n            border-color: var(--project);\n            background-color: #fff;\n        }\n\n        \/* Tla\u010didl\u00e1 v spodnej \u010dasti popupu *\/\n        .children-popup .btn {\n            padding: 10px 20px;\n            font-size: 14px;\n            font-weight: 600;\n            border-radius: 6px;\n            background: var(--project);\n        }\n\n        .btn-yellow {\n            background: var(--project);\n            color: white;\n            border: none;\n        }\n\n        .btn-yellow:hover {\n            background: var(--purple);\n        }\n\n        \/* .btn-transparent {\n            background: none;\n            color: #666;\n            border: 1px solid #ccc;\n            margin-right: 10px;\n        }\n\n        .btn-transparent:hover {\n            background: #f0f0f0;\n        } *\/\n\n        .vek-wrapper {\n            position: relative;\n            display: flex;\n            align-items: center;\n            margin-bottom: 10px;\n        }\n\n        .vek-input {\n            flex: 1;\n            padding-right: 30px;\n        }\n\n        .delete-vek {\n            position: absolute;\n            right: 10px;\n            background: none;\n            font-size: 18px;\n            font-weight: bold;\n            cursor: pointer;\n            padding: 0;\n            line-height: 1;\n            color: var(--light-project-2);\n            outline: none;\n            border: none;\n            box-shadow: none;\n        }\n\n        .delete-vek:hover {\n            color: var(--text);\n            background: none !important;\n            box-shadow: none !important;\n        }\n\n    <\/style>\n    <script>\n        document.addEventListener(\"DOMContentLoaded\", () => {\n            const modal = document.getElementById('childrenModal');\n            const plusBtn = document.getElementById(\"plus-btn\");\n            const minusBtn = document.getElementById(\"minus-btn\");\n            const countSpan = document.getElementById(\"deti-count\");\n            const wrapper = document.getElementById(\"vek-deti-wrapper\");\n            const errorBox = document.getElementById(\"children-error\");\n            const outputInput = document.getElementById(\"childrens\");\n\n            let detiCount = 0;\n            const maxDeti = 10;\n\n            plusBtn.addEventListener(\"click\", () => {\n                if (detiCount < maxDeti) {\n                detiCount++;\n                renderInputs();\n                }\n            });\n\n            minusBtn.addEventListener(\"click\", () => {\n                const inputs = Array.from(wrapper.querySelectorAll(\"input\"));\n                const emptyInputs = inputs.filter(el => el.value.trim() === \"\");\n\n                if (emptyInputs.length > 0 && detiCount > 0) {\n                detiCount--;\n                renderInputs();\n                }\n            });\n\n            function updateButtonStates() {\n                const inputs = Array.from(wrapper.querySelectorAll(\"input\"));\n                const hasEmpty = inputs.some(el => el.value.trim() === \"\");\n\n                minusBtn.disabled = detiCount === 0 || !hasEmpty;\n                plusBtn.disabled = detiCount >= maxDeti;\n            }\n\n            function renderInputs(prefillValues = []) {\n                countSpan.textContent = detiCount;\n\n                const currentWrappers = Array.from(wrapper.querySelectorAll(\".vek-wrapper\"));\n                const currentValues = currentWrappers.map(w => w.querySelector(\"input\").value.trim());\n\n                wrapper.innerHTML = \"\";\n                errorBox.style.display = \"none\";\n\n                const usedValues = prefillValues.length ? prefillValues : currentValues;\n\n                for (let i = 0; i < detiCount; i++) {\n                const value = usedValues[i] || \"\";\n\n                const inputWrapper = document.createElement(\"div\");\n                inputWrapper.classList.add(\"vek-wrapper\");\n\n                const input = document.createElement(\"input\");\n                input.type = \"number\";\n                input.name = `vek_dieta_${i + 1}`;\n\n                \/\/ input.placeholder = `Vek ${i + 1}. die\u0165a\u0165a`;\n                const placeholderTemplate = \"Vek %d. die\u0165a\u0165a\";\n                input.placeholder = placeholderTemplate.replace('%d', i + 1);\n\n                input.min = 0;\n                input.max = 13;\n                input.required = true;\n                input.className = \"vek-input\";\n                input.value = value;\n\n                input.addEventListener(\"input\", updateButtonStates);\n\n                const removeBtn = document.createElement(\"button\");\n                removeBtn.type = \"button\";\n                removeBtn.innerHTML = \"\u2715\";\n                removeBtn.className = \"delete-vek\";\n                removeBtn.addEventListener(\"click\", () => {\n                    inputWrapper.remove();\n                    detiCount--;\n                    renderInputs();\n                });\n\n                inputWrapper.appendChild(input);\n                inputWrapper.appendChild(removeBtn);\n\n                wrapper.appendChild(inputWrapper);\n                }\n\n                updateButtonStates();\n            }\n\n            window.openChildrenModal = () => {\n                modal.style.display = \"flex\";\n\n                const existing = outputInput.textContent.trim(); \/\/ \ud83d\udca5 tu bola chyba (value \u2192 textContent)\n\n                if (existing !== \"\") {\n                    const values = existing.split(\",\").map(v => v.trim());\n                    detiCount = values.length;\n                    renderInputs(values);\n                } else {\n                    renderInputs();\n                }\n            };\n\n\n            window.closeChildrenModal = () => {\n                modal.style.display = \"none\";\n            }\n\n            window.closeChildrenOnBackdrop = (event) => {\n                if (event.target === event.currentTarget) {\n                closeChildrenModal();\n                }\n            }\n\n            window.saveChildren = () => {\n                const inputs = wrapper.querySelectorAll(\"input\");\n                const values = [];\n\n                for (const input of inputs) {\n                    const rawVal = input?.value ?? ''; \/\/ ochrana pred undefined\n                    const val = rawVal.trim();\n\n                    if (val === \"\") {\n                        errorBox.textContent = \"Vypl\u0148te vek die\u0165a\u0165a.\";\n                        errorBox.style.display = \"block\";\n                        return;\n                    }\n\n                    const parsed = parseInt(val, 10);\n                    if (isNaN(parsed) || parsed > 13 || parsed < 0) {\n                        errorBox.textContent = \"Maxim\u00e1lny vek die\u0165a\u0165a je 13 rokov.\";\n                        errorBox.style.display = \"block\";\n                        return;\n                    }\n\n                    values.push(parsed);\n                }\n\n                \/\/ Zobrazenie textu do <span>\n                outputInput.textContent = values.join(\", \");\n\n                \/\/ Aktivuj label len ak nie je pr\u00e1zdny\n                const label = document.querySelector(\"label[for='childrens']\");\n                if (label) {\n                    label.style.display = \"block\";\n                }\n\n                \/\/ Vymazanie predch\u00e1dzaj\u00facich hidden inputov\n                document.querySelectorAll(\"input[name^='1_child']\").forEach(el => el.remove());\n\n                \/\/ Vlo\u017eenie 1_childCount a 1_child1...1_child6\n                const form = document.getElementById(\"rezervacia-form\");\n                const childCountInput = document.createElement(\"input\");\n                childCountInput.type = \"hidden\";\n                childCountInput.name = \"1_childCount\";\n                childCountInput.value = values.length;\n                form.appendChild(childCountInput);\n\n                for (let i = 0; i < 6; i++) {\n                    const childInput = document.createElement(\"input\");\n                    childInput.type = \"hidden\";\n                    childInput.name = `1_child${i + 1}`;\n                    childInput.value = values[i] !== undefined ? values[i] : -1;\n                    form.appendChild(childInput);\n                }\n\n                closeChildrenModal();\n                updateFieldClasses();\n            };\n\n        });\n    <\/script>\n<\/div>\n\n<\/div><\/div><\/div><\/div><div id=\"pg-749-1\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-749-1-0\"  class=\"panel-grid-cell\" ><div id=\"panel-749-1-0-0\" class=\"so-panel widget widget_divider_widget panel-first-child\" data-index=\"2\" ><div class=\"divider\"><\/div><\/div><div id=\"panel-749-1-0-1\" class=\"so-panel widget widget_headline-container-widget\" data-index=\"3\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-headline-container-widget so-widget-headline-container-widget-base\"\n\t\t\t\n\t\t>    <section class=\"headline-container\">\n                    <h5 class=\"h5 subtitle-animated__left\">Oferta pokoi<\/h5>\n                <h2 class=\"header-animated\">Komfort, w kt\u00f3rym pokochasz pobyt<\/h2>\n    <\/section>\n<\/div><\/div><div id=\"panel-749-1-0-2\" class=\"so-panel widget widget_room_promo_all_rooms_widget panel-last-child\" data-index=\"4\" ><div class=\"div-block-36\"><h6>Pokoje dwuosobowe dla 2-5 os\u00f3b<\/h6><\/div>        <div class=\"container-room\">\n                            <div class=\"room-item\">\r\n                    <div class=\"room-item__img--wrapper\">\r\n                                                    <div class=\"room-thumbnail\" style=\"background-image: url(https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2024\/09\/1-1024x564.webp);\"><\/div>\r\n                                            <\/div>\r\n\r\n                    <div class=\"room-details\">\r\n                        <h4><a href=\"https:\/\/www.hotelchopok.sk\/pl\/izby\/pokoj-dwuosobowy-economy-praslicka-dla-2-4-osob\/\">POK\u00d3J DWUOSOBOWY ECONOMY PRASLI\u010cKA DLA 2-4 OS\u00d3B<\/a><\/h4>\r\n\r\n                        <div class=\"info-post-row\">\r\n                                                            <div class=\"post-area post-icon\">\r\n                                    25 m\u00b2                                <\/div>\r\n                                <span>|<\/span>\r\n                            \r\n                                                            <div class=\"post-visitor post-icon\">\r\n                                    2                                <\/div>\r\n                                <span>|<\/span>\r\n                            \r\n                                                            <div class=\"post-bed post-icon\">\r\n                                    2 + 2                                <\/div>\r\n                                <span>|<\/span>\r\n                            \r\n                                                            <div class=\"post-bathroom post-icon\">\r\n                                    1                                <\/div>\r\n                                                    <\/div>\r\n\r\n                        \r\n                        <p>Powierzchnia 25 m\u00b2, bardzo szerokie \u0142\u00f3\u017cko podw\u00f3jne, dostawka, okno francuskie, \u0142azienka, widok na strumie\u0144 i okoliczne lasy.<\/p>\n                        <a href=\"https:\/\/www.hotelchopok.sk\/pl\/izby\/pokoj-dwuosobowy-economy-praslicka-dla-2-4-osob\/\" class=\"btn btn-yellow\">\r\n                            <span>Zarezerwowa\u0107<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                                <div class=\"room-item\">\r\n                    <div class=\"room-item__img--wrapper\">\r\n                                                    <div class=\"room-thumbnail\" style=\"background-image: url(https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2024\/09\/487615267-jpg.webp);\"><\/div>\r\n                                            <\/div>\r\n\r\n                    <div class=\"room-details\">\r\n                        <h4><a href=\"https:\/\/www.hotelchopok.sk\/pl\/izby\/pokoj-plesnivec-dla-2-3-osob\/\">POK\u00d3J DWUOSOBOWY SUPERIOR PLESNIVEC DLA 2-4 OS\u00d3B<\/a><\/h4>\r\n\r\n                        <div class=\"info-post-row\">\r\n                                                            <div class=\"post-area post-icon\">\r\n                                    35 m\u00b2                                <\/div>\r\n                                <span>|<\/span>\r\n                            \r\n                                                            <div class=\"post-visitor post-icon\">\r\n                                    2                                <\/div>\r\n                                <span>|<\/span>\r\n                            \r\n                                                            <div class=\"post-bed post-icon\">\r\n                                    2+2                                <\/div>\r\n                                <span>|<\/span>\r\n                            \r\n                                                            <div class=\"post-bathroom post-icon\">\r\n                                    1                                <\/div>\r\n                                                    <\/div>\r\n\r\n                        \r\n                        <p>Powierzchnia 35 m\u00b2, bardzo szerokie \u0142\u00f3\u017cko podw\u00f3jne, 1 dostawka, balkon, \u0142azienka, widok na okoliczne lasy.<\/p>\n                        <a href=\"https:\/\/www.hotelchopok.sk\/pl\/izby\/pokoj-plesnivec-dla-2-3-osob\/\" class=\"btn btn-yellow\">\r\n                            <span>Zarezerwowa\u0107<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                                <div class=\"room-item\">\r\n                    <div class=\"room-item__img--wrapper\">\r\n                                                    <div class=\"room-thumbnail\" style=\"background-image: url(https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2024\/09\/487615267-jpg.webp);\"><\/div>\r\n                                            <\/div>\r\n\r\n                    <div class=\"room-details\">\r\n                        <h4><a href=\"https:\/\/www.hotelchopok.sk\/pl\/izby\/pokoj-dwuosobowy-superior-plesnivec-dla-2-5-osob\/\">POK\u00d3J DWUOSOBOWY SUPERIOR PLESNIVEC DLA 2-5 OS\u00d3B<\/a><\/h4>\r\n\r\n                        <div class=\"info-post-row\">\r\n                                                            <div class=\"post-area post-icon\">\r\n                                    35 m\u00b2                                <\/div>\r\n                                <span>|<\/span>\r\n                            \r\n                                                            <div class=\"post-visitor post-icon\">\r\n                                    2                                <\/div>\r\n                                <span>|<\/span>\r\n                            \r\n                                                            <div class=\"post-bed post-icon\">\r\n                                    2+3                                <\/div>\r\n                                <span>|<\/span>\r\n                            \r\n                                                            <div class=\"post-bathroom post-icon\">\r\n                                    1                                <\/div>\r\n                                                    <\/div>\r\n\r\n                        \r\n                        <p>Powierzchnia 35 m\u00b2, bardzo szerokie \u0142\u00f3\u017cko dwuosobowe, 1 rozk\u0142adana sofa, 1 dostawka (za dodatkow\u0105 op\u0142at\u0105 w recepcji), \u0142azienka, balkon.<\/p>\n                        <a href=\"https:\/\/www.hotelchopok.sk\/pl\/izby\/pokoj-dwuosobowy-superior-plesnivec-dla-2-5-osob\/\" class=\"btn btn-yellow\">\r\n                            <span>Zarezerwowa\u0107<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                        <\/div>  <div class=\"div-block-36\"><h6>Pokoje trzyosobowe dla 3-5 os\u00f3b<\/h6><\/div>        <div class=\"container-room\">\n                            <div class=\"room-item\">\r\n                    <div class=\"room-item__img--wrapper\">\r\n                                                    <div class=\"room-thumbnail\" style=\"background-image: url(https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2024\/09\/2-1024x497.webp);\"><\/div>\r\n                                            <\/div>\r\n\r\n                    <div class=\"room-details\">\r\n                        <h4><a href=\"https:\/\/www.hotelchopok.sk\/pl\/izby\/pokoj-praslicka-dla-3-4-osob\/\">POK\u00d3J TRZYOSOBOWY STANDARD PRASLI\u010cKA DLA 3-5 OS\u00d3B<\/a><\/h4>\r\n\r\n                        <div class=\"info-post-row\">\r\n                                                            <div class=\"post-area post-icon\">\r\n                                    35 m\u00b2                                <\/div>\r\n                                <span>|<\/span>\r\n                            \r\n                                                            <div class=\"post-visitor post-icon\">\r\n                                    3                                <\/div>\r\n                                <span>|<\/span>\r\n                            \r\n                                                            <div class=\"post-bed post-icon\">\r\n                                    3+2                                <\/div>\r\n                                <span>|<\/span>\r\n                            \r\n                                                            <div class=\"post-bathroom post-icon\">\r\n                                    1                                <\/div>\r\n                                                    <\/div>\r\n\r\n                        \r\n                        <p>Powierzchnia 35 m\u00b2, bardzo szerokie \u0142\u00f3\u017cko podw\u00f3jne, 1 \u0142\u00f3\u017cko sta\u0142e, 1 \u0142\u00f3\u017cko dodatkowe, balkon, \u0142azienka, widok na strumie\u0144 oraz okoliczne lasy.<\/p>\n                        <a href=\"https:\/\/www.hotelchopok.sk\/pl\/izby\/pokoj-praslicka-dla-3-4-osob\/\" class=\"btn btn-yellow\">\r\n                            <span>Zarezerwowa\u0107<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                                <div class=\"room-item\">\r\n                    <div class=\"room-item__img--wrapper\">\r\n                                                    <div class=\"room-thumbnail\" style=\"background-image: url(https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2024\/09\/3-1024x656.webp);\"><\/div>\r\n                                            <\/div>\r\n\r\n                    <div class=\"room-details\">\r\n                        <h4><a href=\"https:\/\/www.hotelchopok.sk\/pl\/izby\/de-lux-pokoj-praslicka-dla-3-4-osob-z-kominkiem\/\">POK\u00d3J TRZYOSOBOWY DELUXE PRASLI\u010cKA DLA 3-5 OS\u00d3B<\/a><\/h4>\r\n\r\n                        <div class=\"info-post-row\">\r\n                                                            <div class=\"post-area post-icon\">\r\n                                    35 m\u00b2                                <\/div>\r\n                                <span>|<\/span>\r\n                            \r\n                                                            <div class=\"post-visitor post-icon\">\r\n                                    3                                <\/div>\r\n                                <span>|<\/span>\r\n                            \r\n                                                            <div class=\"post-bed post-icon\">\r\n                                    3+2                                <\/div>\r\n                                <span>|<\/span>\r\n                            \r\n                                                            <div class=\"post-bathroom post-icon\">\r\n                                    1                                <\/div>\r\n                                                    <\/div>\r\n\r\n                        \r\n                        <p>Powierzchnia 35 m\u00b2, bardzo szerokie \u0142\u00f3\u017cko podw\u00f3jne, 1 \u0142\u00f3\u017cko sta\u0142e, 1 \u0142\u00f3\u017cko dodatkowe, kominek, balkon, \u0142azienka, widok na strumie\u0144 oraz okoliczne lasy.<\/p>\n                        <a href=\"https:\/\/www.hotelchopok.sk\/pl\/izby\/de-lux-pokoj-praslicka-dla-3-4-osob-z-kominkiem\/\" class=\"btn btn-yellow\">\r\n                            <span>Zarezerwowa\u0107<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                        <\/div>  <div class=\"div-block-36\"><h6>Pokoje rodzinne z dwiema sypialniami dla 4-6 os\u00f3b<\/h6><\/div>        <div class=\"container-room\">\n                            <div class=\"room-item\">\r\n                    <div class=\"room-item__img--wrapper\">\r\n                                                    <div class=\"room-thumbnail\" style=\"background-image: url(https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2024\/09\/Rodinna-izba-PLESNIVEC-pre-4-osoby-hlavna-spalna.webp);\"><\/div>\r\n                                            <\/div>\r\n\r\n                    <div class=\"room-details\">\r\n                        <h4><a href=\"https:\/\/www.hotelchopok.sk\/pl\/izby\/pokoj-rodzinny-plesnivec-dla-4-5-osob\/\">POK\u00d3J Z DWIEMA SYPIALNIAMI STANDARD PLESNIVEC DLA 4-6 OS\u00d3B<\/a><\/h4>\r\n\r\n                        <div class=\"info-post-row\">\r\n                                                            <div class=\"post-area post-icon\">\r\n                                    46 m\u00b2                                <\/div>\r\n                                <span>|<\/span>\r\n                            \r\n                                                            <div class=\"post-visitor post-icon\">\r\n                                    4                                <\/div>\r\n                                <span>|<\/span>\r\n                            \r\n                                                            <div class=\"post-bed post-icon\">\r\n                                    4+2                                <\/div>\r\n                                <span>|<\/span>\r\n                            \r\n                                                            <div class=\"post-bathroom post-icon\">\r\n                                    2                                <\/div>\r\n                                                    <\/div>\r\n\r\n                        \r\n                        <p>Powierzchnia 46 m\u00b2, 2 sypialnie \u2013 1 bardzo szerokie \u0142\u00f3\u017cko podw\u00f3jne, 2 pojedyncze \u0142\u00f3\u017cka sta\u0142e, 1 dostawka, taras, 2 \u0142azienki, widok na strumie\u0144 oraz okoliczne lasy.<\/p>\n                        <a href=\"https:\/\/www.hotelchopok.sk\/pl\/izby\/pokoj-rodzinny-plesnivec-dla-4-5-osob\/\" class=\"btn btn-yellow\">\r\n                            <span>Zarezerwowa\u0107<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                                <div class=\"room-item\">\r\n                    <div class=\"room-item__img--wrapper\">\r\n                                                    <div class=\"room-thumbnail\" style=\"background-image: url(https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2024\/09\/2-1-1024x618.webp);\"><\/div>\r\n                                            <\/div>\r\n\r\n                    <div class=\"room-details\">\r\n                        <h4><a href=\"https:\/\/www.hotelchopok.sk\/pl\/izby\/de-lux-pokoj-rodzinny-plesnivec-dla-4-5-osob-s-kominkiem\/\">POK\u00d3J Z DWIEMA SYPIALNIAMI DELUXE PLESNIVEC DLA 4-6 OS\u00d3B<\/a><\/h4>\r\n\r\n                        <div class=\"info-post-row\">\r\n                                                            <div class=\"post-area post-icon\">\r\n                                    51 m\u00b2                                <\/div>\r\n                                <span>|<\/span>\r\n                            \r\n                                                            <div class=\"post-visitor post-icon\">\r\n                                    4                                <\/div>\r\n                                <span>|<\/span>\r\n                            \r\n                                                            <div class=\"post-bed post-icon\">\r\n                                    4+2                                <\/div>\r\n                                <span>|<\/span>\r\n                            \r\n                                                            <div class=\"post-bathroom post-icon\">\r\n                                    2                                <\/div>\r\n                                                    <\/div>\r\n\r\n                        \r\n                        <p>Powierzchnia 51 m\u00b2, 2 sypialnie \u2013 1 bardzo szerokie \u0142\u00f3\u017cko podw\u00f3jne, 2 pojedyncze \u0142\u00f3\u017cka sta\u0142e, 1 dostawka, kominek, taras, 2 \u0142azienki, widok na strumie\u0144 oraz okoliczne lasy.<\/p>\n                        <a href=\"https:\/\/www.hotelchopok.sk\/pl\/izby\/de-lux-pokoj-rodzinny-plesnivec-dla-4-5-osob-s-kominkiem\/\" class=\"btn btn-yellow\">\r\n                            <span>Zarezerwowa\u0107<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                        <\/div>  <div class=\"div-block-36\"><h6>Pokoje rodzinne z dwiema sypialniami dla 5-7 os\u00f3b<\/h6><\/div>        <div class=\"container-room\">\n                            <div class=\"room-item\">\r\n                    <div class=\"room-item__img--wrapper\">\r\n                                                    <div class=\"room-thumbnail\" style=\"background-image: url(https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2024\/09\/2-1024x497.webp);\"><\/div>\r\n                                            <\/div>\r\n\r\n                    <div class=\"room-details\">\r\n                        <h4><a href=\"https:\/\/www.hotelchopok.sk\/pl\/izby\/pokoj-rodzinny-praslicka-dla-5-7-osob\/\">POK\u00d3J Z DWIEMA SYPIALNIAMI PRASLI\u010cKA DLA 5-7 OS\u00d3B<\/a><\/h4>\r\n\r\n                        <div class=\"info-post-row\">\r\n                                                            <div class=\"post-area post-icon\">\r\n                                    60 m\u00b2                                <\/div>\r\n                                <span>|<\/span>\r\n                            \r\n                                                            <div class=\"post-visitor post-icon\">\r\n                                    7                                <\/div>\r\n                                <span>|<\/span>\r\n                            \r\n                                                            <div class=\"post-bed post-icon\">\r\n                                    5+2                                <\/div>\r\n                                <span>|<\/span>\r\n                            \r\n                                                            <div class=\"post-bathroom post-icon\">\r\n                                    2                                <\/div>\r\n                                                    <\/div>\r\n\r\n                        \r\n                        <p>Powierzchnia 60 m\u00b2, 5 sta\u0142ych \u0142\u00f3\u017cek (2 sypialnie), 2 dostawki, balkon, okno francuskie, 2 \u0142azienki.<\/p>\n                        <a href=\"https:\/\/www.hotelchopok.sk\/pl\/izby\/pokoj-rodzinny-praslicka-dla-5-7-osob\/\" class=\"btn btn-yellow\">\r\n                            <span>Zarezerwowa\u0107<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                                <div class=\"room-item\">\r\n                    <div class=\"room-item__img--wrapper\">\r\n                                                    <div class=\"room-thumbnail\" style=\"background-image: url(https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2024\/09\/1-1-1024x612.webp);\"><\/div>\r\n                                            <\/div>\r\n\r\n                    <div class=\"room-details\">\r\n                        <h4><a href=\"https:\/\/www.hotelchopok.sk\/pl\/izby\/pokoj-rodzinny-plesnivec-dla-5-6-osob\/\">POK\u00d3J Z DWIEMA SYPIALNIAMI SUPERIOR PLESNIVEC DLA 5-7 OS\u00d3B<\/a><\/h4>\r\n\r\n                        <div class=\"info-post-row\">\r\n                                                            <div class=\"post-area post-icon\">\r\n                                    47 m\u00b2                                <\/div>\r\n                                <span>|<\/span>\r\n                            \r\n                                                            <div class=\"post-visitor post-icon\">\r\n                                    7                                <\/div>\r\n                                <span>|<\/span>\r\n                            \r\n                                                            <div class=\"post-bed post-icon\">\r\n                                    5+2                                <\/div>\r\n                                <span>|<\/span>\r\n                            \r\n                                                            <div class=\"post-bathroom post-icon\">\r\n                                    1                                <\/div>\r\n                                                    <\/div>\r\n\r\n                        \r\n                        <p>Powierzchnia 47 m\u00b2, 2 sypialnie \u2013 1 bardzo szerokie \u0142\u00f3\u017cko podw\u00f3jne, 3 \u0142\u00f3\u017cka sta\u0142e, 1 dostawka, taras, 1 \u0142azienka, widok na strumie\u0144 oraz okoliczne lasy.<\/p>\n                        <a href=\"https:\/\/www.hotelchopok.sk\/pl\/izby\/pokoj-rodzinny-plesnivec-dla-5-6-osob\/\" class=\"btn btn-yellow\">\r\n                            <span>Zarezerwowa\u0107<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                                <div class=\"room-item\">\r\n                    <div class=\"room-item__img--wrapper\">\r\n                                                    <div class=\"room-thumbnail\" style=\"background-image: url(https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2024\/09\/3-1024x656.webp);\"><\/div>\r\n                                            <\/div>\r\n\r\n                    <div class=\"room-details\">\r\n                        <h4><a href=\"https:\/\/www.hotelchopok.sk\/pl\/izby\/de-lux-pokoj-rodzinny-praslicka-dla-5-7-osob-z-kominkiem\/\">POK\u00d3J Z DWIEMA SYPIALNIAMI DELUXE PRASLI\u010cKA DLA 5-7 OS\u00d3B<\/a><\/h4>\r\n\r\n                        <div class=\"info-post-row\">\r\n                                                            <div class=\"post-area post-icon\">\r\n                                    60 m\u00b2                                <\/div>\r\n                                <span>|<\/span>\r\n                            \r\n                                                            <div class=\"post-visitor post-icon\">\r\n                                    7                                <\/div>\r\n                                <span>|<\/span>\r\n                            \r\n                                                            <div class=\"post-bed post-icon\">\r\n                                    5+2                                <\/div>\r\n                                <span>|<\/span>\r\n                            \r\n                                                            <div class=\"post-bathroom post-icon\">\r\n                                    2                                <\/div>\r\n                                                    <\/div>\r\n\r\n                        \r\n                        <p>Powierzchnia 60 m\u00b2, 5 sta\u0142ych \u0142\u00f3\u017cek (2 sypialnie), 2 dostawki, kominek opalany drewnem, balkon, okno francuskie, 2 \u0142azienki.<\/p>\n                        <a href=\"https:\/\/www.hotelchopok.sk\/pl\/izby\/de-lux-pokoj-rodzinny-praslicka-dla-5-7-osob-z-kominkiem\/\" class=\"btn btn-yellow\">\r\n                            <span>Zarezerwowa\u0107<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                        <\/div>  <\/div><\/div><\/div><div id=\"pg-749-2\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-749-2-0\"  class=\"panel-grid-cell\" ><div id=\"panel-749-2-0-0\" class=\"so-panel widget widget_counter_facilities_chopok_widget panel-first-child\" data-index=\"5\" ><div class=\"hotel-amenities font-clarinet\">\r\n    <div class=\"amenity\">\r\n        <span class=\"number\">80<\/span>\r\n        <h4 class=\"label\">pokoi<\/h4>\r\n    <\/div>\r\n    <div class=\"amenity\">\r\n        <span class=\"number\">2<\/span>\r\n        <h4 class=\"label\">baseny<\/h4>\r\n    <\/div>\r\n    <div class=\"amenity\">\r\n        <span class=\"number\">10<\/span>\r\n        <h4 class=\"label\">saun<\/h4>\r\n    <\/div>\r\n    <div class=\"amenity\">\r\n        <span class=\"number\">3<\/span>\r\n        <h4 class=\"label\">jacuzzi<\/h4>\r\n    <\/div>\r\n    <div class=\"amenity\">\r\n        <span class=\"number\">7x<\/span>\r\n        <h4 class=\"label\">kr\u0119gle<\/h4>\r\n    <\/div>\r\n    <div class=\"amenity\">\r\n        <span class=\"number\">3x<\/span>\r\n        <h4 class=\"label\">bilard<\/h4>\r\n    <\/div>\r\n<\/div>\r\n<\/div><div id=\"panel-749-2-0-1\" class=\"so-panel widget widget_stay_list_widget panel-last-child\" data-index=\"6\" ><style>\n    .stay-container {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .stay-list-wrapper {\n        overflow-x: auto;\n        scroll-behavior: smooth;\n        width: 100%;\n        \/* max-width: 800px; \/* Adjust based on your design *\/\n    }\n    .stay-list-wrapper h4 {\n        margin: 13px 0 15px;\n    }\n\n    .stay-thumbnail {\n        aspect-ratio: 1 \/ 1;\n    }\n\n    .stay-list-horizontal {\n        display: flex;\n        list-style: none;\n        padding: 0;\n        margin: 0;\n    }\n\n    .stay-list-horizontal li {\n        \/* margin: 10px;\n        padding: 15px; *\/\n        \/* background-color: #f4f4f4; *\/\n        \/* border: 1px solid #ddd; *\/\n        \/* width: 250px; \/* Width of each stay item *\/\n        width: 25.4%;\n        flex-shrink: 0;\n        text-align: left;\n        \n    }\n    .stay-list-horizontal li .stay-thumbnail {\n        overflow: hidden;\n    }\n    .stay-list-horizontal li .stay-thumbnail > div {\n        transition: transform 1.2s ease;\n    }\n    .stay-list-horizontal li:hover .stay-thumbnail > div {\n        transform: scale(1.2);\n    }\n    .stay-list-horizontal li:not(:last-child) {\n        margin-right: 40px;\n    }\n    @media screen and (max-width: 1280px) {\n        .stay-list-horizontal li {\n            width: 35%;\n        }\n    }\n    @media screen and (max-width: 767px) {\n        .stay-list-horizontal li {\n            width: 60%;\n        }\n    }\n    @media screen and (max-width: 479px) {\n        .stay-list-horizontal li {\n            width: 80%;\n        } \n    }\n\n    .stay-list-horizontal li a {\n        text-decoration: none;\n        color: var(--text);\n    }\n\n\n    .stay-thumbnail img {\n        max-width: 100%;\n        height: auto;\n        margin-bottom: 10px;\n    }\n    @media screen and (max-width: 1280px) {\n        .stay-thumbnail {\n            aspect-ratio: 1 \/ 1.5;\n        }\n    }\n\n    .scroll-button {\n        position: absolute;\n        top: 30%;\n        transform: translateY(-50%);\n        color: var(--text);\n        border: none;\n        cursor: pointer;\n        opacity: 0.5;\n        transition: opacity 0.2s ease;\n        z-index: 10;\n        width: 40px;\n        border-radius: 50%;\n        aspect-ratio: 1;\n        background: var(--white);\n        opacity: 1;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        color: var(--black);\n        margin-bottom: 4px;\n        font-size: 26px;\n        font-weight: 300;\n\n    }\n\n    .scroll-button:hover {\n        opacity: 1;\n    }\n\n    .scroll-button.left {\n        left: -40px;\n    }\n\n    .scroll-button.right {\n        right: -40px;\n    }\n    @media screen and (max-width: 479px) {\n        .scroll-button.left {\n            left: -15px;\n        }\n\n        .scroll-button.right {\n            right: -15px;\n        }\n    }\n\n    .scroll-button.disabled {\n        display: none;\n    }\n\n    .stay-texts-wrapper {\n        margin-top: 1vw;\n        margin-bottom: 25px;\n    }\n\n    .stay-category {\n        background-color: var(--light-yellow);\n        margin-top: 8px;\n        margin-bottom: 10px;\n        padding: 9px 15px 10px;\n        display: inline-block;\n    }\n    .stay-category:not(:last-child) {\n        margin-right: 10px;\n    }\n\n    .info-post-row {\n        display: flex;\n        align-items: center;\n        margin: 25px 0;\n    }\n    .info-post-row span {\n        margin: 0 15px;\n    }\n    .post-icon {\n        display: flex;\n        align-items: center;\n    }\n    \/* .post-date::before {\n        content: '';\n        width: 16px;\n        height: 20px;\n        margin-right: 10px;\n        background: transparent\n            url(..\/wp-content\/themes\/hotel-chopok\/assets\/images\/calendar.png)\n            center no-repeat;\n        background-size: 100%;\n    }\n    .post-visitor::before {\n        content: '';\n        width: 19px;\n        height: 22px;\n        margin-right: 10px;\n        background: transparent\n            url(..\/wp-content\/themes\/hotel-chopok\/assets\/images\/person.png)\n            center no-repeat;\n        background-size: 100%;\n    } *\/\n\n    .btn.btn-fake span,\n    .btn.btn-fake:hover span {\n        color: var(--text) !important;\n        padding-left: 0;\n        background-color: transparent;\n    } \n    .stay-list-horizontal li:hover .btn-fake span {\n        text-decoration: underline;\n    }\n    .btn.btn-fake.btn-icon-dark:hover span::before {\n        background: transparent url(.\/wp-content\/uploads\/2024\/09\/btn_arr-dark.png) center center no-repeat;\n        background-size: cover;\n    }\n<\/style>\n\n\n<section class=\"headline-container\" style=\"margin-top: 1vw; margin-bottom: 2vw !important;\">\n    <h2 class=\"header-animated\" style=\"color: var(--project);\">\u010eal\u0161ie atrakt\u00edvne ponuky.<\/h2>\n<\/section>\n\n<div class=\"stay-container\">\n    <button class=\"scroll-button left\" id=\"left-arrow\" aria-label=\"Scroll left\">&lt;<\/button>\n    <div class=\"stay-list-wrapper\">\n        <ul class=\"stay-list-horizontal\">\n            \n                <!-- Output each stay in a horizontal list -->\n                <li style=\"order:2;\">\n                    <a href=\"https:\/\/www.hotelchopok.sk\/pl\/pobyty\/dlugi-weekend-majowy-z-animacjami\/\" \n                        title=\"D\u0142ugi weekend majowy z animacjamiZisti\u0165 viac o ponuke \">\n                        <div class=\"stay-single-container\">\n                                                            <div class=\"stay-thumbnail\">\n                                    <div style=\"\n                                        background-image: url('https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/02\/Wellness-Hotel-Chopok-leto-ubytovanie-rodina-34-1024x580.webp');\n                                        background-size: cover;\n                                        background-repeat: no-repeat;\n                                        background-position: center;\n                                        background-color: transparent;\n                                        width: 100%;\n                                        height: 100%;\n                                        \">\n                                    <\/div>\n                                                                    <\/div>\n                            \n                            <div class=\"stay-texts-wrapper\">\n\n                                <h4>D\u0142ugi weekend majowy z animacjami<\/h4>\n\n                                <span class=\"stay-category\">Animacje<\/span><span class=\"stay-category\">Rodzinny<\/span>                                                                <div class=\"info-post-row\">\n                                    <div class=\"post-date post-icon\"> \n                                        01. 05. - 03. 05.                                    <\/div>\n                                <\/div>\n\n                                <p>Je\u015bli szukacie do\u015bwiadczenia \u0142\u0105cz\u0105cego doskona\u0142y komfort z najwy\u017cszej klasy zabiegami wellness, doskona\u0142\u0105 gastronomi\u0105 i przyjemn\u0105 rozrywk\u0105 w gronie rodziny lub przyjaci\u00f3\u0142, nasz przed\u0142u\u017cony weekend majowy b\u0119dzie dla was idealnym wyborem.<\/p>\n\n                                <div class=\"btn btn-fake btn-icon-dark\">\n                                    <span>Odwiedzi\u0107<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/li>\n                \n                <!-- Output each stay in a horizontal list -->\n                <li style=\"order:3;\">\n                    <a href=\"https:\/\/www.hotelchopok.sk\/pl\/pobyty\/pobyt-fitness-razem-z-zora-czoborowa\/\" \n                        title=\"Pobyt fitness razem z Zor\u0105 Czoborow\u0105Zisti\u0165 viac o ponuke \">\n                        <div class=\"stay-single-container\">\n                                                            <div class=\"stay-thumbnail\">\n                                    <div style=\"\n                                        background-image: url('https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/02\/Zorica-1024x1017.webp');\n                                        background-size: cover;\n                                        background-repeat: no-repeat;\n                                        background-position: center;\n                                        background-color: transparent;\n                                        width: 100%;\n                                        height: 100%;\n                                        \">\n                                    <\/div>\n                                                                    <\/div>\n                            \n                            <div class=\"stay-texts-wrapper\">\n\n                                <h4>Pobyt fitness razem z Zor\u0105 Czoborow\u0105<\/h4>\n\n                                <span class=\"stay-category\">Fit<\/span><span class=\"stay-category\">Wellness<\/span>                                                                <div class=\"info-post-row\">\n                                    <div class=\"post-date post-icon\"> \n                                        05. 06. - 08. 06.                                    <\/div>\n                                <\/div>\n\n                                <p>Prawid\u0142owe techniki \u0107wicze\u0144, efektywne spalanie tkanki t\u0142uszczowej podsk\u00f3rnej, przyjemne zabiegi wellness odnowy biologicznej w basenach i saunach oraz zdrowa kuchnia. Przyjd\u017acie do nas, aby odpocz\u0105\u0107 od stresu i obowi\u0105zk\u00f3w oraz nabra\u0107 niezb\u0119dnej pozytywnej energii. <\/p>\n\n                                <div class=\"btn btn-fake btn-icon-dark\">\n                                    <span>Odwiedzi\u0107<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/li>\n                \n                <!-- Output each stay in a horizontal list -->\n                <li style=\"order:3;\">\n                    <a href=\"https:\/\/www.hotelchopok.sk\/pl\/pobyty\/letni-pobyt-rodzinny\/\" \n                        title=\"Letni pobyt rodzinnyZisti\u0165 viac o ponuke \">\n                        <div class=\"stay-single-container\">\n                                                            <div class=\"stay-thumbnail\">\n                                    <div style=\"\n                                        background-image: url('https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2024\/09\/Wellness-Hotel-Chopok-leto-ubytovanie-rodina-36-1024x542.webp');\n                                        background-size: cover;\n                                        background-repeat: no-repeat;\n                                        background-position: center;\n                                        background-color: transparent;\n                                        width: 100%;\n                                        height: 100%;\n                                        \">\n                                    <\/div>\n                                                                    <\/div>\n                            \n                            <div class=\"stay-texts-wrapper\">\n\n                                <h4>Letni pobyt rodzinny<\/h4>\n\n                                <span class=\"stay-category\">Animacje<\/span><span class=\"stay-category\">Lato<\/span><span class=\"stay-category\">Rodzinny<\/span>                                                                <div class=\"info-post-row\">\n                                    <div class=\"post-date post-icon\"> \n                                        01. 07. - 31. 08.                                    <\/div>\n                                <\/div>\n\n                                <p>Przyjed\u017acie i sp\u0119d\u017acie niezapomniane wakacje na Liptowie w hotelu, gdzie zabawa dla dzieci \u0142\u0105czy si\u0119 z idealnym relaksem dla ca\u0142ej rodziny. Zarezerwujcie ju\u017c teraz sw\u00f3j letni pobyt rodzinny z noclegiem ju\u017c od 125 \u20ac za noc. <\/p>\n\n                                <div class=\"btn btn-fake btn-icon-dark\">\n                                    <span>Odwiedzi\u0107<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/li>\n                \n                <!-- Output each stay in a horizontal list -->\n                <li style=\"order:4;\">\n                    <a href=\"https:\/\/www.hotelchopok.sk\/pl\/pobyty\/romantyczny-pobyt-dla-dwojga\/\" \n                        title=\"Romantyczny pobyt dla dwojgaZisti\u0165 viac o ponuke \">\n                        <div class=\"stay-single-container\">\n                                                            <div class=\"stay-thumbnail\">\n                                    <div style=\"\n                                        background-image: url('https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/02\/15-1024x562.webp');\n                                        background-size: cover;\n                                        background-repeat: no-repeat;\n                                        background-position: center;\n                                        background-color: transparent;\n                                        width: 100%;\n                                        height: 100%;\n                                        \">\n                                    <\/div>\n                                                                    <\/div>\n                            \n                            <div class=\"stay-texts-wrapper\">\n\n                                <h4>Romantyczny pobyt dla dwojga<\/h4>\n\n                                <span class=\"stay-category\">Wellness<\/span>                                                                <div class=\"info-post-row\">\n                                    <div class=\"post-date post-icon\"> \n                                        26. 02. - 20. 12.                                    <\/div>\n                                <\/div>\n\n                                <p>Romantyczny wypad we dwoje. Idealny wyb\u00f3r dla tych, kt\u00f3rzy pragn\u0105 prze\u017cy\u0107 chwile blisko\u015bci, relaksu i regeneracji w luksusowym otoczeniu Tatr. Romantyczny pobyt na Chopoku to wyj\u0105tkowa okazja, by stworzy\u0107 pi\u0119kne wspomnienia w towarzystwie osoby, na kt\u00f3rej najbardziej Wam zale\u017cy.  <\/p>\n\n                                <div class=\"btn btn-fake btn-icon-dark\">\n                                    <span>Odwiedzi\u0107<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/li>\n                \n                <!-- Output each stay in a horizontal list -->\n                <li style=\"order:4;\">\n                    <a href=\"https:\/\/www.hotelchopok.sk\/pl\/pobyty\/jazda-dla-pan\/\" \n                        title=\"Jazda dla Pa\u0144Zisti\u0165 viac o ponuke \">\n                        <div class=\"stay-single-container\">\n                                                            <div class=\"stay-thumbnail\">\n                                    <div style=\"\n                                        background-image: url('https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/02\/c-Marek-Hajkovsky-foto-hotel-CHOPOK-2022_119-1024x587.webp');\n                                        background-size: cover;\n                                        background-repeat: no-repeat;\n                                        background-position: center;\n                                        background-color: transparent;\n                                        width: 100%;\n                                        height: 100%;\n                                        \">\n                                    <\/div>\n                                                                    <\/div>\n                            \n                            <div class=\"stay-texts-wrapper\">\n\n                                <h4>Jazda dla Pa\u0144<\/h4>\n\n                                <span class=\"stay-category\">Wellness<\/span>                                                                <div class=\"info-post-row\">\n                                    <div class=\"post-date post-icon\"> \n                                        26. 02. - 20. 12.                                    <\/div>\n                                <\/div>\n\n                                <p>Ten pobyt jest po prostu idealny dla Pa\u0144, kt\u00f3re chc\u0105 sp\u0119dzi\u0107 czas wsp\u00f3lnie i cieszy\u0107 si\u0119 relaksem oraz wellness odnow\u0105 biologiczn\u0105 w luksusowym otoczeniu. Niezale\u017cnie od tego, czy szukacie momentu wytchnienia od codziennego stresu, czy te\u017c wsp\u00f3lnych chwil pe\u0142nych \u015bmiechu, nasz pakiet Jazda dla Pa\u0144 zapewni Wam wszystko, czego potrzebujecie, aby zregenerowa\u0107 Wasze cia\u0142o i dusz\u0119. <\/p>\n\n                                <div class=\"btn btn-fake btn-icon-dark\">\n                                    <span>Odwiedzi\u0107<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/li>\n                \n                <!-- Output each stay in a horizontal list -->\n                <li style=\"order:8;\">\n                    <a href=\"https:\/\/www.hotelchopok.sk\/pl\/pobyty\/pobyt-wellness-dla-seniorow\/\" \n                        title=\"Pobyt wellness dla senior\u00f3wZisti\u0165 viac o ponuke \">\n                        <div class=\"stay-single-container\">\n                                                            <div class=\"stay-thumbnail\">\n                                    <div style=\"\n                                        background-image: url('https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/02\/Seniorske-pobyty-1-web.webp');\n                                        background-size: cover;\n                                        background-repeat: no-repeat;\n                                        background-position: center;\n                                        background-color: transparent;\n                                        width: 100%;\n                                        height: 100%;\n                                        \">\n                                    <\/div>\n                                                                    <\/div>\n                            \n                            <div class=\"stay-texts-wrapper\">\n\n                                <h4>Pobyt wellness dla senior\u00f3w<\/h4>\n\n                                <span class=\"stay-category\">Wellness<\/span>                                                                <div class=\"info-post-row\">\n                                    <div class=\"post-date post-icon\"> \n                                        26. 02. - 20. 12.                                    <\/div>\n                                <\/div>\n\n                                <p>Podarujcie sobie beztroski pobyt, kt\u00f3ry nape\u0142ni Was rado\u015bci\u0105 i satysfakcj\u0105. Nasza opieka, wyj\u0105tkowe us\u0142ugi wellness oraz wy\u015bmienita kuchnia sprawi\u0105, \u017ce b\u0119dziecie si\u0119 cieszy\u0107 ka\u017cd\u0105 chwil\u0105 Waszego pobytu.. <\/p>\n\n                                <div class=\"btn btn-fake btn-icon-dark\">\n                                    <span>Odwiedzi\u0107<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/li>\n                \n                <!-- Output each stay in a horizontal list -->\n                <li style=\"order:9;\">\n                    <a href=\"https:\/\/www.hotelchopok.sk\/pl\/pobyty\/terapia-oczyszczajaca\/\" \n                        title=\"Terapia oczyszczaj\u0105caZisti\u0165 viac o ponuke \">\n                        <div class=\"stay-single-container\">\n                                                            <div class=\"stay-thumbnail\">\n                                    <div style=\"\n                                        background-image: url('https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/02\/c-Marek-Hajkovsky-foto-hotel-CHOPOK-2022_205-1024x611.webp');\n                                        background-size: cover;\n                                        background-repeat: no-repeat;\n                                        background-position: center;\n                                        background-color: transparent;\n                                        width: 100%;\n                                        height: 100%;\n                                        \">\n                                    <\/div>\n                                                                    <\/div>\n                            \n                            <div class=\"stay-texts-wrapper\">\n\n                                <h4>Terapia oczyszczaj\u0105ca<\/h4>\n\n                                <span class=\"stay-category\">Wellness<\/span>                                                                <div class=\"info-post-row\">\n                                    <div class=\"post-date post-icon\"> \n                                        26. 02. - 20. 12.                                    <\/div>\n                                <\/div>\n\n                                <p>Pobyt wellness skoncentrowany na harmonii cia\u0142a i umys\u0142u obejmuje zabiegi relaksacyjne, kt\u00f3re pomagaj\u0105 przywr\u00f3ci\u0107 r\u00f3wnowag\u0119 mi\u0119dzy stanem fizycznym a psychicznym. Masa\u017ce oraz zabiegi maj\u0105 na celu usuni\u0119cie blokad fizycznych i przywr\u00f3cenie naturalnego przep\u0142ywu energii w Waszym organizmie.  <\/p>\n\n                                <div class=\"btn btn-fake btn-icon-dark\">\n                                    <span>Odwiedzi\u0107<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/a>\n                <\/li>\n                        <\/ul>\n    <\/div>\n    <button class=\"scroll-button right\" id=\"right-arrow\" aria-label=\"Scroll right\">&gt;<\/button>\n<\/div><\/div><\/div><\/div><div id=\"pg-749-3\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-749-3-0\"  class=\"panel-grid-cell\" ><div id=\"panel-749-3-0-0\" class=\"so-panel widget widget_newsletter_chopok_widget panel-first-child panel-last-child\" data-index=\"7\" ><style>\n    .dynamic-block__newsletter .dynamic-block-center-line__content p {\n        margin-bottom: 10px;\n    }\n    \/* @media screen and (min-width: 991px) {\n        .dynamic-block-center-line.dynamic-block__newsletter {\n            height: 60vh;\n        }\n    } *\/\n    @media screen and (max-width: 991px) {\n        .dynamic-block-center-line.dynamic-block__image-right.dynamic-block__newsletter {\n            min-width: 100vw;\n            left: 50%;\n            transform: translate(-50%, 0);\n            flex-direction: column;\n        }        \n    }\n\n\n    .btn-form {\n        position: absolute !important;\n        bottom: 0;\n        left: 100%;\n    }\n\n    .dynamic-block-center-line.dynamic-block__newsletter .dynamic-block-center-line__content {\n        background-color: var(--light-project);\n    }\n    .dynamic-block__newsletter .dynamic-block-center-line__content form {\n        z-index: 2;\n        position: relative;\n        \n        margin-top: 15px;\n    }\n    .dynamic-block__newsletter .dynamic-block-center-line__content form input {\n        border: none;\n        min-height: 50px;\n        background-color: var(--white);\n        width: 100%;\n        height: 65px;\n        padding-left: 15px;\n        font-size: 18px;\n    }\n\n    .newsletter-title {\n        font-size: 2.7vw;\n        font-weight: 500;\n    }\n    @media screen and (max-width: 991px) {\n        .newsletter-title {\n            font-size: 6vw;\n        }\n        .dynamic-block-center-line.dynamic-block__newsletter .dynamic-block-center-line__content--wrapper {\n            margin: 10% auto 0% !important;\n            text-align: center;\n        }\n\n        .dynamic-block-center-line.dynamic-block__newsletter .dynamic-block-center-line__images {\n            min-height: 30vh;\n        }\n        .dynamic-block-center-line.dynamic-block__newsletter .dynamic-block-center-line__images .img-wrapper {\n            height: 30vh !important;\n        }\n\n        .btn-form {\n            top: 100%;\n            left: 50%;\n            transform: translate(-50%, 0);\n        }\n\n        .widget.widget_newsletter_chopok_widget {\n            margin-bottom: 0 !important;\n        }\n    }\n    @media screen and (max-width: 479px) {\n        .newsletter-title {\n            font-size: 11vw;\n        }\n    }\n\n    .dynamic-block_newsletter {\n        opacity: 0;\n        transform: scale(0.1); \/* Za\u010d\u00edna ve\u013emi mal\u00fd *\/\n    }\n\n    .ec-v-form-input input[type=\"checkbox\"] + label::before {\n        border: 2px solid #333 !important;\n    }\n\n    @media (max-width: 991px) {\n        .ec-v-form-column div:last-child {\n            top: -30px;\n            text-align: left;\n        }\n    }\n<\/style>\n\n<div class=\"dynamic-block-center-line dynamic-block__image-right dynamic-block__newsletter\">\n\n    <div class=\"dynamic-block-center-line__content\">\n        <div class=\"dynamic-block-center-line__content--wrapper\" >\n                            <h3 class=\"h3 newsletter-title\">Nowo\u015bci i oferty specjalne<\/h3>\n            \n            <div class=\"ecomail-form__wrapper\">\n                                    <!-- PL form Ecomail -->\n                    <script>\n                        (function (w,d,s,o,f,js,fjs) {\n                            w['ecm-widget']=o;w[o] = w[o] || function () { (w[o].q = w[o].q || []).push(arguments) };\n                            js = d.createElement(s), fjs = d.getElementsByTagName(s)[0];\n                            js.id = '10-b87b958d61baa85a6fa011ee4e3a4f75'; js.dataset.a = 'hotelchopok'; js.src = f; js.async = 1; fjs.parentNode.insertBefore(js, fjs);\n                        }(window, document, 'script', 'ecmwidget', 'https:\/\/d70shl7vidtft.cloudfront.net\/widget.js'));\n                    <\/script>\n                    <div id=\"f-10-b87b958d61baa85a6fa011ee4e3a4f75\"><\/div>\n\n                \n            <\/div>\n        <\/div>\n    <\/div>\n    \n    <div class=\"dynamic-block-center-line__images \">\n                    <div class=\"img-wrapper img-wrapper__up\"\n                style=\"background-image: url('https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2024\/09\/66b5fa7b072c3687d4279d86_F-10.jpg');\n                    background-size: cover;\n                    background-repeat: no-repeat;\n                    background-position: center center;\n                    width: 100%;\n                    height: 100%;\n                    \">\n            <\/div>\n            <\/div>\n\n<\/div>\n<\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Zatrzymajcie si\u0119 u nas Sprawd\u017a dost\u0119pno\u015b\u0107 Wellness Hotel Chopok ****Apartm\u00e1ny a \u0160t\u00fadi\u00e1 L\u00fa\u010dky Wybierz date Doro\u015bli Dzieci Zobacz cen\u0119 +421 \/ 911 611 386 recepcia@hotelchopok.sk \u2039 \u203a Po Ut St \u0160t Pi So Ne \u2716 Potvrdi\u0165 Po\u010det dospel\u00fdch: \u2212 + Minim\u00e1lny po\u010det je 1, maxim\u00e1lny 10. \u2716 Potvrdi\u0165 Tu bude hl\u00e1\u0161ka OK Po\u010det det\u00ed: \u2212 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-749","page","type-page","status-publish","hentry","post"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Pokoje - Hotel Chopok<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hotelchopok.sk\/pl\/pokoje-zakwaterowanie\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Pokoje - Hotel Chopok\" \/>\n<meta property=\"og:description\" content=\"Zatrzymajcie si\u0119 u nas Sprawd\u017a dost\u0119pno\u015b\u0107 Wellness Hotel Chopok ****Apartm\u00e1ny a \u0160t\u00fadi\u00e1 L\u00fa\u010dky Wybierz date Doro\u015bli Dzieci Zobacz cen\u0119 +421 \/ 911 611 386 recepcia@hotelchopok.sk \u2039 \u203a Po Ut St \u0160t Pi So Ne \u2716 Potvrdi\u0165 Po\u010det dospel\u00fdch: \u2212 + Minim\u00e1lny po\u010det je 1, maxim\u00e1lny 10. \u2716 Potvrdi\u0165 Tu bude hl\u00e1\u0161ka OK Po\u010det det\u00ed: \u2212 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hotelchopok.sk\/pl\/pokoje-zakwaterowanie\/\" \/>\n<meta property=\"og:site_name\" content=\"Hotel Chopok\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wellness.hotel.chopok\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-09T15:41:55+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minuta\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hotelchopok.sk\\\/pl\\\/pokoje-zakwaterowanie\\\/\",\"url\":\"https:\\\/\\\/www.hotelchopok.sk\\\/pl\\\/pokoje-zakwaterowanie\\\/\",\"name\":\"Pokoje - Hotel Chopok\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hotelchopok.sk\\\/pl\\\/#website\"},\"datePublished\":\"2024-09-23T13:05:24+00:00\",\"dateModified\":\"2026-04-09T15:41:55+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hotelchopok.sk\\\/pl\\\/pokoje-zakwaterowanie\\\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hotelchopok.sk\\\/pl\\\/pokoje-zakwaterowanie\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hotelchopok.sk\\\/pl\\\/pokoje-zakwaterowanie\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Domovsk\u00e1 str\u00e1nka\",\"item\":\"https:\\\/\\\/www.hotelchopok.sk\\\/pl\\\/uvod\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Pokoje\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hotelchopok.sk\\\/pl\\\/#website\",\"url\":\"https:\\\/\\\/www.hotelchopok.sk\\\/pl\\\/\",\"name\":\"Hotel Chopok\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hotelchopok.sk\\\/pl\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hotelchopok.sk\\\/pl\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hotelchopok.sk\\\/pl\\\/#organization\",\"name\":\"Hotel Chopok\",\"url\":\"https:\\\/\\\/www.hotelchopok.sk\\\/pl\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/www.hotelchopok.sk\\\/pl\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hotelchopok.sk\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/Logo_Resort.png\",\"contentUrl\":\"https:\\\/\\\/www.hotelchopok.sk\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/Logo_Resort.png\",\"width\":1911,\"height\":3414,\"caption\":\"Hotel Chopok\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hotelchopok.sk\\\/pl\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/wellness.hotel.chopok\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Pokoje - Hotel Chopok","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hotelchopok.sk\/pl\/pokoje-zakwaterowanie\/","og_locale":"pl_PL","og_type":"article","og_title":"Pokoje - Hotel Chopok","og_description":"Zatrzymajcie si\u0119 u nas Sprawd\u017a dost\u0119pno\u015b\u0107 Wellness Hotel Chopok ****Apartm\u00e1ny a \u0160t\u00fadi\u00e1 L\u00fa\u010dky Wybierz date Doro\u015bli Dzieci Zobacz cen\u0119 +421 \/ 911 611 386 recepcia@hotelchopok.sk \u2039 \u203a Po Ut St \u0160t Pi So Ne \u2716 Potvrdi\u0165 Po\u010det dospel\u00fdch: \u2212 + Minim\u00e1lny po\u010det je 1, maxim\u00e1lny 10. \u2716 Potvrdi\u0165 Tu bude hl\u00e1\u0161ka OK Po\u010det det\u00ed: \u2212 [&hellip;]","og_url":"https:\/\/www.hotelchopok.sk\/pl\/pokoje-zakwaterowanie\/","og_site_name":"Hotel Chopok","article_publisher":"https:\/\/www.facebook.com\/wellness.hotel.chopok\/","article_modified_time":"2026-04-09T15:41:55+00:00","twitter_card":"summary_large_image","twitter_misc":{"Szacowany czas czytania":"1 minuta"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.hotelchopok.sk\/pl\/pokoje-zakwaterowanie\/","url":"https:\/\/www.hotelchopok.sk\/pl\/pokoje-zakwaterowanie\/","name":"Pokoje - Hotel Chopok","isPartOf":{"@id":"https:\/\/www.hotelchopok.sk\/pl\/#website"},"datePublished":"2024-09-23T13:05:24+00:00","dateModified":"2026-04-09T15:41:55+00:00","breadcrumb":{"@id":"https:\/\/www.hotelchopok.sk\/pl\/pokoje-zakwaterowanie\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hotelchopok.sk\/pl\/pokoje-zakwaterowanie\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.hotelchopok.sk\/pl\/pokoje-zakwaterowanie\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Domovsk\u00e1 str\u00e1nka","item":"https:\/\/www.hotelchopok.sk\/pl\/uvod\/"},{"@type":"ListItem","position":2,"name":"Pokoje"}]},{"@type":"WebSite","@id":"https:\/\/www.hotelchopok.sk\/pl\/#website","url":"https:\/\/www.hotelchopok.sk\/pl\/","name":"Hotel Chopok","description":"","publisher":{"@id":"https:\/\/www.hotelchopok.sk\/pl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hotelchopok.sk\/pl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/www.hotelchopok.sk\/pl\/#organization","name":"Hotel Chopok","url":"https:\/\/www.hotelchopok.sk\/pl\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/www.hotelchopok.sk\/pl\/#\/schema\/logo\/image\/","url":"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2024\/09\/Logo_Resort.png","contentUrl":"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2024\/09\/Logo_Resort.png","width":1911,"height":3414,"caption":"Hotel Chopok"},"image":{"@id":"https:\/\/www.hotelchopok.sk\/pl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/wellness.hotel.chopok\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.hotelchopok.sk\/pl\/wp-json\/wp\/v2\/pages\/749","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hotelchopok.sk\/pl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hotelchopok.sk\/pl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hotelchopok.sk\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hotelchopok.sk\/pl\/wp-json\/wp\/v2\/comments?post=749"}],"version-history":[{"count":1,"href":"https:\/\/www.hotelchopok.sk\/pl\/wp-json\/wp\/v2\/pages\/749\/revisions"}],"predecessor-version":[{"id":3708,"href":"https:\/\/www.hotelchopok.sk\/pl\/wp-json\/wp\/v2\/pages\/749\/revisions\/3708"}],"wp:attachment":[{"href":"https:\/\/www.hotelchopok.sk\/pl\/wp-json\/wp\/v2\/media?parent=749"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}