{"id":3729,"date":"2025-03-12T12:48:53","date_gmt":"2025-03-12T12:48:53","guid":{"rendered":"https:\/\/www.hotelchopok.sk\/basen-i-swiat-saun-praslicka\/"},"modified":"2025-03-12T12:48:53","modified_gmt":"2025-03-12T12:48:53","slug":"basen-i-swiat-saun-praslicka","status":"publish","type":"page","link":"https:\/\/www.hotelchopok.sk\/pl\/basen-i-swiat-saun-praslicka\/","title":{"rendered":"Basen i \u015bwiat saun Prasli\u010dka"},"content":{"rendered":"<div id=\"pl-3729\"  class=\"panel-layout\" ><div id=\"pg-3729-0\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch panel-row-style panel-row-style-for-3729-0\" id=\"hero-wrapper\" data-stretch-type=\"full-width-stretch\" ><div id=\"pgc-3729-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-3729-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-3729-0-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-hero so-widget-sow-hero-default-844de1f37420-3729 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\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\/2025\/03\/16.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-3729-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()\">Vyberte term\u00edn<\/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\">Kud promocyjny:<\/label> -->\n                <input placeholder=\"Kud 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-3729-1\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-3729-1-0\"  class=\"panel-grid-cell\" ><div id=\"panel-3729-1-0-0\" class=\"so-panel widget widget_divider_widget panel-first-child\" data-index=\"2\" ><div class=\"divider\"><\/div><\/div><div id=\"panel-3729-1-0-1\" class=\"so-panel widget widget_headline-container-widget panel-last-child\" 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\">Jest tak wiele do odkrycia<\/h5>\n                <h2 class=\"header-animated\">Zrelaksujcie si\u0119 i zadbajcie o form\u0119 z nami<\/h2>\n    <\/section>\n<\/div><\/div><\/div><\/div><div id=\"pg-3729-2\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-3729-2-0\"  class=\"panel-grid-cell\" ><div id=\"panel-3729-2-0-0\" class=\"so-panel widget widget_dynamic-content-center-line-widget panel-first-child\" data-index=\"4\" ><div id=\"wellness\" class=\"panel-widget-style panel-widget-style-for-3729-2-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-dynamic-content-center-line-widget so-widget-dynamic-content-center-line-widget-base\"\n\t\t\t\n\t\t>\n    <div class=\"section-header header-animated\" style=\"color: var(--project);\">\n        Basen i \u015bwiat saun Prasli\u010dka    <\/div>\n\n<div id=\"dynamic-content\" class=\"content-balance has-bg-color\">\n\n    \n            <div class=\"dynamic-block-center-line left\">\n                <div class=\"bg-color\" style=\"background-color: var(--light-project)\"><\/div>\n\n                <div class=\"dynamic-block-center-line__content text-to-animate-left\">\n                    <div class=\"dynamic-block-center-line__content--container\">\n                                                    <h2 class=\"h2 color-project\">Godziny otwarcia<\/h2>\n                                                                                                    <div class=\"article move-from-left\"><p><strong>Basen p\u0142ywacki oraz \u015bwiat saun Prasli\u010dka s\u0105 otwarte codziennie w nast\u0119puj\u0105cych terminach w godzinach od 15:00 do 20:00:<\/strong><\/p>\n<ul>\n<li style=\"padding: 0px\">od pi\u0105tku 19.12.2025 do soboty 7.3.2026 (sezon zimowy)<\/li>\n<li style=\"padding: 0px\">od czwartku 2.4.2026 do poniedzia\u0142ku 6.4.2026 (Wielkanoc)<\/li>\n<li style=\"padding: 0px\">od czwartku 30.4.2026 do soboty 2.5.2026 (d\u0142ugi weekend)<\/li>\n<li style=\"padding: 0px\">od pi\u0105tku 29.5.2026 do soboty 30.5.2026 (Dzie\u0144 Dziecka)<\/li>\n<li style=\"padding: 0px\">od \u015brody 1.7.2026 do niedzieli 30.8.2026 (sezon letni)<\/li>\n<\/ul>\n<p>Wst\u0119p do basenu p\u0142ywackiego oraz \u015bwiata saun Prasli\u010dka jest dozwolony wy\u0142\u0105cznie dla os\u00f3b powy\u017cej 14 roku \u017cycia.<\/p>\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\/2025\/02\/c-Marek-Hajkovsky-foto-hotel-CHOPOK-2022_188.webp');\n                                background-size: cover;\n                                background-repeat: no-repeat;\n                                background-position: center center;\n                                flex-grow: 0.8;\">\n                        <\/div>\n                                                                <div class=\"img-wrapper img-wrapper__down\"\n                            style=\"background-image: url('https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2024\/09\/napojovy-jpg.webp');\n                                background-size: cover;\n                                background-repeat: no-repeat;\n                                background-position: center center;\n                                flex-grow: .2;\">\n                        <\/div>\n                                    <\/div>\n\n            <\/div>\n\n        \n            <div class=\"dynamic-block-center-line right\">\n                <div class=\"bg-color\" style=\"background-color: var(--light-project)\"><\/div>\n\n                <div class=\"dynamic-block-center-line__content text-to-animate-right\">\n                    <div class=\"dynamic-block-center-line__content--container\">\n                                                    <h2 class=\"h2 color-project\">Basen p\u0142ywacki Prasli\u010dka<\/h2>\n                                                                                                    <div class=\"article move-from-right\"><p>Wyobra\u017acie sobie miejsce, w kt\u00f3rym ekskluzywno\u015b\u0107, komfort oraz pi\u0119kny widok \u0142\u0105cz\u0105 si\u0119 w jedno. Na najwy\u017cszym pi\u0119trze strefy wellness Prasli\u010dka znajduje si\u0119 basen p\u0142ywacki, kt\u00f3ry jest czym\u015b wi\u0119cej ni\u017c tylko miejscem do orze\u017awienia \u2013 to niezapomniane prze\u017cycie. <\/p>\n<p>Basen ma 18 m d\u0142ugo\u015bci oraz 8 m szeroko\u015bci. Oferuje wystarczaj\u0105co du\u017co miejsca na relaksuj\u0105c\u0105 k\u0105piel lub k\u0105piel w krystalicznie czystej wodzie. G\u0142\u0119boko\u015b\u0107 basenu wynosi 1,5 metra i jest idealna do komfortowego p\u0142ywania, a temperatura wody 29\u00b0C zapewnia idealn\u0105 harmoni\u0119 mi\u0119dzy orze\u017awieniem a przyjemnym ciep\u0142em. <\/p>\n<p>    <div class=\"toggle-shortcode\">\r\n        <a href=\"#\" class=\"toggle-button btn btn-project\">\r\n\t\t\t<span>Zobrazi\u0165 viac<\/span>\r\n\t\t<\/a>\r\n    <\/div>\r\n    <\/p>\n<p>Bonusem jest niepowtarzalny widok. Gdy tylko zanurzycie si\u0119 w wodzie i oprzecie si\u0119 o kraw\u0119d\u017a basenu, przed Wami otwiera si\u0119 spokojna sceneria otaczaj\u0105cego lasu. Ka\u017cdy oddech tutaj pachnie \u015bwie\u017co\u015bci\u0105 natury i oferuje poczucie idealnej ucieczki od zgie\u0142ku dnia codziennego.   <\/p>\n<p>To miejsce zosta\u0142o zaprojektowane dla tych, kt\u00f3rzy pragn\u0105 niczym niezak\u0142\u00f3conego relaksu. Wst\u0119p dozwolony jest wy\u0142\u0105cznie dla os\u00f3b powy\u017cej 14. roku \u017cycia, co oznacza, \u017ce \u200b\u200bmo\u017cecie cieszy\u0107 si\u0119 spokojem, harmoni\u0105 oraz niczym niezak\u0142\u00f3conym relaksem. <\/p>\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\/2025\/03\/c-Marek-Hajkovsky-foto-hotel-CHOPOK-2022_193.webp');\n                                background-size: cover;\n                                background-repeat: no-repeat;\n                                background-position: center center;\n                                flex-grow: 0.8;\">\n                        <\/div>\n                                                                <div class=\"img-wrapper img-wrapper__down\"\n                            style=\"background-image: url('https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2024\/09\/ala-carte-jpg.webp');\n                                background-size: cover;\n                                background-repeat: no-repeat;\n                                background-position: center center;\n                                flex-grow: .2;\">\n                        <\/div>\n                                    <\/div>\n\n            <\/div>\n\n        \n            <div class=\"dynamic-block-center-line left\">\n                <div class=\"bg-color\" style=\"background-color: var(--light-project)\"><\/div>\n\n                <div class=\"dynamic-block-center-line__content text-to-animate-left\">\n                    <div class=\"dynamic-block-center-line__content--container\">\n                                                    <h2 class=\"h2 color-project\">Wewn\u0119trzna jacuzzi<\/h2>\n                                                                                                    <div class=\"article move-from-left\"><p>10-osobowe jacuzzi z hydromasa\u017cem, b\u0119d\u0105ce cz\u0119\u015bci\u0105 kompleksu basenowego Prasli\u010dka, to nie tylko zwyk\u0142a jacuzzi wanna z hydromasa\u017cem. To oaza g\u0142\u0119bokiej regeneracji oraz tak\u017ce idealnego relaksu. <\/p>\n<p>Temperatura wody 36\u00b0C stwarza idealne warunki do rozlu\u017anienia mi\u0119\u015bni ca\u0142ego cia\u0142a, a inteligentnie rozmieszczone dysze masuj\u0105 poszczeg\u00f3lne grupy mi\u0119\u015bni. Ka\u017cdy musuj\u0105cy dotyk poprawia kr\u0105\u017cenie krwi w sk\u00f3rze, \u0142agodzi napi\u0119cie i zmywa stres, zapewniaj\u0105c w taki spos\u00f3b uczucie od\u015bwie\u017cenia oraz regeneracji. <\/p>\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\/2025\/03\/6-1.webp');\n                                background-size: cover;\n                                background-repeat: no-repeat;\n                                background-position: center center;\n                                flex-grow: 0.8;\">\n                        <\/div>\n                                                                <div class=\"img-wrapper img-wrapper__down\"\n                            style=\"background-image: url('https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2024\/09\/66b5f9c756bcd584ec769442_F-0.jpg');\n                                background-size: cover;\n                                background-repeat: no-repeat;\n                                background-position: center center;\n                                flex-grow: .2;\">\n                        <\/div>\n                                    <\/div>\n\n            <\/div>\n\n        \n            <div class=\"dynamic-block-center-line right\">\n                <div class=\"bg-color\" style=\"background-color: var(--light-project)\"><\/div>\n\n                <div class=\"dynamic-block-center-line__content text-to-animate-right\">\n                    <div class=\"dynamic-block-center-line__content--container\">\n                                                    <h2 class=\"h2 color-project\">\u015awiat saun Prasli\u010dka<\/h2>\n                                                                                                    <div class=\"article move-from-right\"><p class=\"MsoNormal\">Wejd\u017acie do \u015bwiata, w kt\u00f3rym czas p\u0142ynie wolniej, umys\u0142 si\u0119 relaksuje, a cia\u0142o regeneruje. \u015awiat saun Prasli\u010dka to miejsce, gdzie moc ciep\u0142a, naturalne aromaty oraz orze\u017awienie \u0142\u0105cz\u0105 si\u0119 razem, zapewniaj\u0105c idealne doznania dla Waszego cia\u0142a i duszy. <\/p>\n<p class=\"MsoNormal\">Strefa ta przeznaczona jest wy\u0142\u0105cznie dla os\u00f3b powy\u017cej 14. roku \u017cycia, dzi\u0119ki czemu mo\u017cecie tu cieszy\u0107 si\u0119 spokojem, cisz\u0105 oraz niczym niezak\u0142\u00f3conym relaksem.<\/p>\n<p>    <div class=\"toggle-shortcode\">\r\n        <a href=\"#\" class=\"toggle-button btn btn-project\">\r\n\t\t\t<span>Zobrazi\u0165 viac<\/span>\r\n\t\t<\/a>\r\n    <\/div>\r\n    <\/p>\n<p>Czeka na Was:<\/p>\n<ul>\n<li>Sauna fi\u0144ska \u2013 tradycyjne suche ciep\u0142o, kt\u00f3re oczyszcza cia\u0142o oraz wzmacnia uk\u0142ad odporno\u015bciowy<\/li>\n<li>Sauna zio\u0142owa \u2013 po\u0142\u0105czenie przyjemnego ciep\u0142a i naturalnych esencji, kt\u00f3re uspokaja umys\u0142<\/li>\n<li>Aromatyczna \u0142a\u017ania parowa \u2013 mgie\u0142ka pe\u0142na zapach\u00f3w, kt\u00f3ra nawil\u017ca sk\u00f3r\u0119 i u\u0142atwia oddychanie<\/li>\n<li>Sauna na podczerwie\u0144 \u2013 g\u0142\u0119bokie ciep\u0142o przenikaj\u0105ce mi\u0119\u015bnie dla maksymalnej regeneracji<\/li>\n<li>Biosauna \u2013 \u0142agodniejsza alternatywa dla klasycznej sauny o wy\u017cszej wilgotno\u015bci, zapewniaj\u0105ca \u0142agodny relaks<\/li>\n<li>Strefa relaksu \u2013 miejsce, w kt\u00f3rym mo\u017cecie zrelaksowa\u0107 si\u0119 po saunie i pozwoli\u0107 swojemu cia\u0142u na\u0142adowa\u0107 si\u0119 energi\u0105<\/li>\n<li>Prysznice z masa\u017cem \u2013 orze\u017awiaj\u0105ce strumienie wody, kt\u00f3re idealnie uzupe\u0142niaj\u0105 Wasz pobyt w saunie<\/li>\n<\/ul>\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\/2025\/03\/11.webp');\n                                background-size: cover;\n                                background-repeat: no-repeat;\n                                background-position: center center;\n                                flex-grow: 0.8;\">\n                        <\/div>\n                                                                <div class=\"img-wrapper img-wrapper__down\"\n                            style=\"background-image: url('https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2024\/09\/napojovy-jpg.webp');\n                                background-size: cover;\n                                background-repeat: no-repeat;\n                                background-position: center center;\n                                flex-grow: .2;\">\n                        <\/div>\n                                    <\/div>\n\n            <\/div>\n\n        \n            <div class=\"dynamic-block-center-line left\">\n                <div class=\"bg-color\" style=\"background-color: var(--light-project)\"><\/div>\n\n                <div class=\"dynamic-block-center-line__content text-to-animate-left\">\n                    <div class=\"dynamic-block-center-line__content--container\">\n                                                    <h2 class=\"h2 color-project\">Basen ch\u0142odz\u0105cy<\/h2>\n                                                                                                    <div class=\"article move-from-left\"><p>Po intensywnym seansie w saunie nadchodzi moment, gdy Wasze cia\u0142o pragnie orze\u017awienia. Zanurzcie si\u0119 w ch\u0142odz\u0105cym basenie, pozw\u00f3lcie, aby zimna woda otoczy\u0142a Wasze cia\u0142o i poczujcie przyp\u0142yw energii, kt\u00f3ry rozbudzi ka\u017cdy mi\u0119sie\u0144, ka\u017cd\u0105 kom\u00f3rk\u0119 Waszego cia\u0142a. <\/p>\n<p>Ka\u017cde zanurzenie w zimnej wodzie to rytua\u0142 odnowy \u2013 wzmocni Wasz\u0105 odporno\u015b\u0107, zregeneruje organizm oraz zapewni Pa\u0144stwu \u015bwie\u017co\u015b\u0107, kt\u00f3rej nie do\u015bwiadczyli\u015bcie ju\u017c od dawna. Po chwili w ch\u0142odz\u0105cym basenie poczujecie si\u0119 Pa\u0144stwo l\u017cejsi, od\u015bwie\u017ceni oraz pe\u0142ni nowej witalno\u015bci. <\/p>\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\/2025\/03\/c-Marek-Hajkovsky-foto-hotel-CHOPOK-2022_198-e1741782670437.webp');\n                                background-size: cover;\n                                background-repeat: no-repeat;\n                                background-position: center center;\n                                flex-grow: 0.8;\">\n                        <\/div>\n                                                                <div class=\"img-wrapper img-wrapper__down\"\n                            style=\"background-image: url('https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2024\/09\/ala-carte-jpg.webp');\n                                background-size: cover;\n                                background-repeat: no-repeat;\n                                background-position: center center;\n                                flex-grow: .2;\">\n                        <\/div>\n                                    <\/div>\n\n            <\/div>\n\n        \n<\/div>\n<\/div><\/div><\/div><div id=\"panel-3729-2-0-1\" class=\"so-panel widget widget_divider_widget\" data-index=\"5\" ><div class=\"divider\"><\/div><\/div><div id=\"panel-3729-2-0-2\" class=\"so-panel widget widget_sow-editor panel-last-child\" data-index=\"6\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t><h3 class=\"widget-title\">Galeria<\/h3>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<style id=\"wp_carousel_dynamic_css2498\">.sp-wp-carousel-free-id-2498.wpcf-fancybox-wrapper .fancybox-bg{background: #0b0b0b;opacity: 0.8;}.sp-wp-carousel-free-id-2498.wpcf-fancybox-wrapper .fancybox-navigation .fancybox-button .wpcp-fancybox-nav-arrow i {color: #ccc;}.sp-wp-carousel-free-id-2498.wpcf-fancybox-wrapper .fancybox-navigation .fancybox-button .wpcp-fancybox-nav-arrow i:hover {color: #fff;}.sp-wp-carousel-free-id-2498.wpcf-fancybox-wrapper .fancybox-navigation .fancybox-button {background: #1e1e1e;}.sp-wp-carousel-free-id-2498.wpcf-fancybox-wrapper .fancybox-navigation .fancybox-button:hover {background: #1e1e1e;}#sp-wp-carousel-free-id-2498 .wpcp-swiper-dots {margin: 40px 0px 0px 0px;}.wpcp-wrapper-2498 .swiper-wrapper .swiper-slide-kenburn, .wpcp-wrapper-2498 .swiper-wrapper, .wpcp-wrapper-2498 .wpcpro-row{align-items: center;}#sp-wp-carousel-free-id-2498 .wpcp-single-item {box-shadow: 0px 0px 0px 0px #dddddd;transition: all .3s;margin: 0px;}#sp-wp-carousel-free-id-2498.swiper-flip .wpcp-single-item{margin: 0!important;}#sp-wp-carousel-free-id-2498 .wpcp-single-item:hover {box-shadow: 0px 0px 0px 0px #dddddd;}#sp-wp-carousel-free-id-2498.sp-wpcp-2498 .wpcp-single-item {border: 1px solid #dddddd;}#sp-wp-carousel-free-id-2498.wpcp-carousel-section.sp-wpcp-2498 .swiper-button-prev,#sp-wp-carousel-free-id-2498.wpcp-carousel-section.sp-wpcp-2498 .swiper-button-next,#sp-wp-carousel-free-id-2498.wpcp-carousel-section.sp-wpcp-2498 .swiper-button-prev:hover,#sp-wp-carousel-free-id-2498.wpcp-carousel-section.sp-wpcp-2498 .swiper-button-next:hover {font-size: 18px ; font-weight: 400;}#sp-wp-carousel-free-id-2498.sp-wpcp-2498 .swiper-button-prev,#sp-wp-carousel-free-id-2498.sp-wpcp-2498 .swiper-button-next,#sp-wp-carousel-free-id-2498.sp-wpcp-2498 .swiper-button-prev:hover,#sp-wp-carousel-free-id-2498.sp-wpcp-2498 .swiper-button-next:hover {background: none;border: none;font-size: 30px;}#sp-wp-carousel-free-id-2498.sp-wpcp-2498 .swiper-button-prev i,#sp-wp-carousel-free-id-2498.sp-wpcp-2498 .swiper-button-next i {color: #aaa;}#sp-wp-carousel-free-id-2498.sp-wpcp-2498 .swiper-button-prev i:hover,#sp-wp-carousel-free-id-2498.sp-wpcp-2498 .swiper-button-next i:hover {color: #178087;}#sp-wp-carousel-free-id-2498.sp-wpcp-2498 .wpcp-swiper-dots .swiper-pagination-bullet {background-color: #cccccc;}#sp-wp-carousel-free-id-2498.sp-wpcp-2498 .wpcp-swiper-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #178087;} #sp-wp-carousel-free-id-2498.sp-wpcp-2498.wpcp-image-carousel .wpcp-single-item:hover img, #sp-wp-carousel-free-id-2498.sp-wpcp-2498.wpcp-post-carousel .wpcp-single-item:hover img, #sp-wp-carousel-free-id-2498.sp-wpcp-2498.wpcp-product-carousel .wpcp-single-item:hover img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);transform: scale(1.2);}#sp-wp-carousel-free-id-2498 .wpcpro-row>[class*=\"wpcpro-col-\"] { padding: 0 10px; padding-bottom: 20px;} #sp-wp-carousel-free-id-2498 .swiper-slide .single-item-fade:not(:last-child) { margin-right: 20px;}@media (min-width: 480px) { .wpcpro-row .wpcpro-col-sm-1 { flex: 0 0 100%; max-width: 100%; } .wpcpro-row .wpcpro-col-sm-2 { flex: 0 0 50%; max-width: 50%; } .wpcpro-row .wpcpro-col-sm-2-5 { flex: 0 0 75%; max-width: 75%; } .wpcpro-row .wpcpro-col-sm-3 { flex: 0 0 33.333%; max-width: 33.333%; } .wpcpro-row .wpcpro-col-sm-4 { flex: 0 0 25%; max-width: 25%; } .wpcpro-row .wpcpro-col-sm-5 { flex: 0 0 20%; max-width: 20%; } .wpcpro-row .wpcpro-col-sm-6 { flex: 0 0 16.66666666666667%; max-width: 16.66666666666667%; } .wpcpro-row .wpcpro-col-sm-7 { flex: 0 0 14.28571428%; max-width: 14.28571428%; } .wpcpro-row .wpcpro-col-sm-8 { flex: 0 0 12.5%; max-width: 12.5%; } } @media (max-width: 480px) { .wpcpro-row .wpcpro-col-xs-1 { flex: 0 0 100%; max-width: 100%; } .wpcpro-row .wpcpro-col-xs-2 { flex: 0 0 50%; max-width: 50%; } .wpcpro-row .wpcpro-col-xs-3 { flex: 0 0 33.222%; max-width: 33.222%; } .wpcpro-row .wpcpro-col-xs-4 { flex: 0 0 25%; max-width: 25%; } .wpcpro-row .wpcpro-col-xs-5 { flex: 0 0 20%; max-width: 20%; } .wpcpro-row .wpcpro-col-xs-6 { flex: 0 0 16.6667%; max-width: 16.6667%; } .wpcpro-row .wpcpro-col-xs-7 { flex: 0 0 14.28571428%; max-width: 14.28571428%; } .wpcpro-row .wpcpro-col-xs-8 { flex: 0 0 12.5%; max-width: 12.5%; } } @media (min-width: 736px) { .wpcpro-row .wpcpro-col-md-1 { flex: 0 0 100%; max-width: 100%; } .wpcpro-row .wpcpro-col-md-2 { flex: 0 0 50%; max-width: 50%; } .wpcpro-row .wpcpro-col-md-2-5 { flex: 0 0 75%; max-width: 75%; } .wpcpro-row .wpcpro-col-md-3 { flex: 0 0 33.333%; max-width: 33.333%; } .wpcpro-row .wpcpro-col-md-4 { flex: 0 0 25%; max-width: 25%; } .wpcpro-row .wpcpro-col-md-5 { flex: 0 0 20%; max-width: 20%; } .wpcpro-row .wpcpro-col-md-6 { flex: 0 0 16.66666666666667%; max-width: 16.66666666666667%; } .wpcpro-row .wpcpro-col-md-7 { flex: 0 0 14.28571428%; max-width: 14.28571428%; } .wpcpro-row .wpcpro-col-md-8 { flex: 0 0 12.5%; max-width: 12.5%; } } @media (min-width: 980px) { .wpcpro-row .wpcpro-col-lg-1 { flex: 0 0 100%; max-width: 100%; } .wpcpro-row .wpcpro-col-lg-2 { flex: 0 0 50%; max-width: 50%; } .wpcpro-row .wpcpro-col-lg-3 { flex: 0 0 33.222%; max-width: 33.222%; } .wpcpro-row .wpcpro-col-lg-4 { flex: 0 0 25%; max-width: 25%; } .wpcpro-row .wpcpro-col-lg-5 { flex: 0 0 20%; max-width: 20%; } .wpcpro-row .wpcpro-col-lg-6 { flex: 0 0 16.6667%; max-width: 16.6667%; } .wpcpro-row .wpcpro-col-lg-7 { flex: 0 0 14.28571428%; max-width: 14.28571428%; } .wpcpro-row .wpcpro-col-lg-8 { flex: 0 0 12.5%; max-width: 12.5%; } } @media (min-width: 1200px) { .wpcpro-row .wpcpro-col-xl-1 { flex: 0 0 100%; max-width: 100%; } .wpcpro-row .wpcpro-col-xl-2 { flex: 0 0 50%; max-width: 50%; } .wpcpro-row .wpcpro-col-xl-3 { flex: 0 0 33.22222222%; max-width: 33.22222222%; } .wpcpro-row .wpcpro-col-xl-4 { flex: 0 0 25%; max-width: 25%; } .wpcpro-row .wpcpro-col-xl-5 { flex: 0 0 20%; max-width: 20%; } .wpcpro-row .wpcpro-col-xl-6 { flex: 0 0 16.66667%; max-width: 16.66667%; } .wpcpro-row .wpcpro-col-xl-7 { flex: 0 0 14.28571428%; max-width: 14.28571428%; } .wpcpro-row .wpcpro-col-xl-8 { flex: 0 0 12.5%; max-width: 12.5%; } }<\/style><div class=\"wpcp-carousel-wrapper wpcp-wrapper-2498\">\n\t<div id=\"wpcp-preloader-2498\" class=\"wpcp-carousel-preloader\"><img decoding=\"async\" src=\"https:\/\/www.hotelchopok.sk\/wp-content\/plugins\/wp-carousel-free\/public\/css\/spinner.svg\" alt=\"Preloader Image\" \/><\/div>\t<div class=\"wpcp-carousel-content-wrapper\">\n\t<div id=\"sp-wp-carousel-free-id-2498\" class=\"wpcp-carousel-section sp-wpcp-2498  nav-vertical-center wpcp-image-carousel wpcp-preloader wpcp-standard wpcp-center\" data-swiper='{ &quot;pagination_type&quot;: &quot;dots&quot;,&quot;accessibility&quot;:true, &quot;spaceBetween&quot;:20, &quot;arrows&quot;:true, &quot;freeMode&quot;: false, &quot;autoplay&quot;:true, &quot;effect&quot;: &quot;slide&quot;, &quot;centerMode&quot;: true, &quot;autoplaySpeed&quot;:3000, &quot;dots&quot;:true, &quot;infinite&quot;:true, &quot;speed&quot;:600, &quot;pauseOnHover&quot;:true,\n\t\t\t&quot;slidesToShow&quot;:{&quot;lg_desktop&quot;:3, &quot;desktop&quot;: 3, &quot;laptop&quot;: 3, &quot;tablet&quot;: 2, &quot;mobile&quot;: 1}, &quot;responsive&quot;:{&quot;desktop&quot;:1200, &quot;laptop&quot;: 980, &quot;tablet&quot;: 736, &quot;mobile&quot;: 480}, &quot;rtl&quot;:false, &quot;lazyLoad&quot;: &quot;false&quot;, &quot;swipe&quot;: true, &quot;draggable&quot;: true, &quot;swipeToSlide&quot;:false }' dir=\"ltr\">\n\t\t<div class=\"swiper-wrapper\">\n\t\t<div class=\"swiper-slide\">\n\t<div class=\"wpcp-single-item\">\n\t\t\t<a class=\"wcp-light-box\" data-buttons='[\"close\"]' data-wpc_url='https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/03\/6-1-768x467.webp' href=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/03\/6-1.webp\" data-fancybox=\"wpcp_view\">\n\t\t<figure>\n\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/03\/6-1-768x467.webp\" alt=\"6\" width=\"650\" height=\"395\">\t\t<\/figure>\n\t<\/a>\n\t\t<\/div>\n<\/div>\n\t<div class=\"swiper-slide\">\n\t<div class=\"wpcp-single-item\">\n\t\t\t<a class=\"wcp-light-box\" data-buttons='[\"close\"]' data-wpc_url='https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/03\/c-Marek-Hajkovsky-foto-hotel-CHOPOK-2022_202-768x454.webp' href=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/03\/c-Marek-Hajkovsky-foto-hotel-CHOPOK-2022_202.webp\" data-fancybox=\"wpcp_view\">\n\t\t<figure>\n\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/03\/c-Marek-Hajkovsky-foto-hotel-CHOPOK-2022_202-768x454.webp\" alt=\"c Marek Hajkovsky foto hotel CHOPOK 2022_202\" width=\"650\" height=\"384\">\t\t<\/figure>\n\t<\/a>\n\t\t<\/div>\n<\/div>\n\t<div class=\"swiper-slide\">\n\t<div class=\"wpcp-single-item\">\n\t\t\t<a class=\"wcp-light-box\" data-buttons='[\"close\"]' data-wpc_url='https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/03\/c-Marek-Hajkovsky-foto-hotel-CHOPOK-2022_186-A-768x432.webp' href=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/03\/c-Marek-Hajkovsky-foto-hotel-CHOPOK-2022_186-A.webp\" data-fancybox=\"wpcp_view\">\n\t\t<figure>\n\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/03\/c-Marek-Hajkovsky-foto-hotel-CHOPOK-2022_186-A-768x432.webp\" alt=\"c Marek Hajkovsky foto hotel CHOPOK 2022_186 A\" width=\"650\" height=\"366\">\t\t<\/figure>\n\t<\/a>\n\t\t<\/div>\n<\/div>\n\t<div class=\"swiper-slide\">\n\t<div class=\"wpcp-single-item\">\n\t\t\t<a class=\"wcp-light-box\" data-buttons='[\"close\"]' data-wpc_url='https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/03\/10-768x468.webp' href=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/03\/10.webp\" data-fancybox=\"wpcp_view\">\n\t\t<figure>\n\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/03\/10-768x468.webp\" alt=\"10\" width=\"650\" height=\"396\">\t\t<\/figure>\n\t<\/a>\n\t\t<\/div>\n<\/div>\n\t<div class=\"swiper-slide\">\n\t<div class=\"wpcp-single-item\">\n\t\t\t<a class=\"wcp-light-box\" data-buttons='[\"close\"]' data-wpc_url='https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/02\/c-Marek-Hajkovsky-foto-hotel-CHOPOK-2022_188-768x458.webp' href=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/02\/c-Marek-Hajkovsky-foto-hotel-CHOPOK-2022_188.webp\" data-fancybox=\"wpcp_view\">\n\t\t<figure>\n\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/02\/c-Marek-Hajkovsky-foto-hotel-CHOPOK-2022_188-768x458.webp\" alt=\"c Marek Hajkovsky foto hotel CHOPOK 2022_188\" width=\"650\" height=\"388\">\t\t<\/figure>\n\t<\/a>\n\t\t<\/div>\n<\/div>\n\t<div class=\"swiper-slide\">\n\t<div class=\"wpcp-single-item\">\n\t\t\t<a class=\"wcp-light-box\" data-buttons='[\"close\"]' data-wpc_url='https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/03\/12-768x494.webp' href=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/03\/12.webp\" data-fancybox=\"wpcp_view\">\n\t\t<figure>\n\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/03\/12-768x494.webp\" alt=\"12\" width=\"650\" height=\"418\">\t\t<\/figure>\n\t<\/a>\n\t\t<\/div>\n<\/div>\n\t<div class=\"swiper-slide\">\n\t<div class=\"wpcp-single-item\">\n\t\t\t<a class=\"wcp-light-box\" data-buttons='[\"close\"]' data-wpc_url='https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/03\/c-Marek-Hajkovsky-foto-hotel-CHOPOK-2022_192-768x368.webp' href=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/03\/c-Marek-Hajkovsky-foto-hotel-CHOPOK-2022_192.webp\" data-fancybox=\"wpcp_view\">\n\t\t<figure>\n\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/03\/c-Marek-Hajkovsky-foto-hotel-CHOPOK-2022_192-768x368.webp\" alt=\"c Marek Hajkovsky foto hotel CHOPOK 2022_192\" width=\"650\" height=\"311\">\t\t<\/figure>\n\t<\/a>\n\t\t<\/div>\n<\/div>\n\t<div class=\"swiper-slide\">\n\t<div class=\"wpcp-single-item\">\n\t\t\t<a class=\"wcp-light-box\" data-buttons='[\"close\"]' data-wpc_url='https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/03\/5-768x416.webp' href=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/03\/5.webp\" data-fancybox=\"wpcp_view\">\n\t\t<figure>\n\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/03\/5-768x416.webp\" alt=\"5\" width=\"650\" height=\"352\">\t\t<\/figure>\n\t<\/a>\n\t\t<\/div>\n<\/div>\n\t<div class=\"swiper-slide\">\n\t<div class=\"wpcp-single-item\">\n\t\t\t<a class=\"wcp-light-box\" data-buttons='[\"close\"]' data-wpc_url='https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/03\/c-Marek-Hajkovsky-foto-hotel-CHOPOK-2022_198-e1741782670437-768x651.webp' href=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/03\/c-Marek-Hajkovsky-foto-hotel-CHOPOK-2022_198-e1741782670437.webp\" data-fancybox=\"wpcp_view\">\n\t\t<figure>\n\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/03\/c-Marek-Hajkovsky-foto-hotel-CHOPOK-2022_198-e1741782670437-768x651.webp\" alt=\"c Marek Hajkovsky foto hotel CHOPOK 2022_198\" width=\"650\" height=\"551\">\t\t<\/figure>\n\t<\/a>\n\t\t<\/div>\n<\/div>\n\t<div class=\"swiper-slide\">\n\t<div class=\"wpcp-single-item\">\n\t\t\t<a class=\"wcp-light-box\" data-buttons='[\"close\"]' data-wpc_url='https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/03\/11-768x499.webp' href=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/03\/11.webp\" data-fancybox=\"wpcp_view\">\n\t\t<figure>\n\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/03\/11-768x499.webp\" alt=\"11\" width=\"650\" height=\"422\">\t\t<\/figure>\n\t<\/a>\n\t\t<\/div>\n<\/div>\n\t<div class=\"swiper-slide\">\n\t<div class=\"wpcp-single-item\">\n\t\t\t<a class=\"wcp-light-box\" data-buttons='[\"close\"]' data-wpc_url='https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/03\/c-Marek-Hajkovsky-foto-hotel-CHOPOK-2022_201-768x451.webp' href=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/03\/c-Marek-Hajkovsky-foto-hotel-CHOPOK-2022_201.webp\" data-fancybox=\"wpcp_view\">\n\t\t<figure>\n\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/03\/c-Marek-Hajkovsky-foto-hotel-CHOPOK-2022_201-768x451.webp\" alt=\"c Marek Hajkovsky foto hotel CHOPOK 2022_201\" width=\"650\" height=\"382\">\t\t<\/figure>\n\t<\/a>\n\t\t<\/div>\n<\/div>\n\t<div class=\"swiper-slide\">\n\t<div class=\"wpcp-single-item\">\n\t\t\t<a class=\"wcp-light-box\" data-buttons='[\"close\"]' data-wpc_url='https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/03\/13-768x348.webp' href=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/03\/13.webp\" data-fancybox=\"wpcp_view\">\n\t\t<figure>\n\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/03\/13-768x348.webp\" alt=\"13\" width=\"650\" height=\"295\">\t\t<\/figure>\n\t<\/a>\n\t\t<\/div>\n<\/div>\n\t<div class=\"swiper-slide\">\n\t<div class=\"wpcp-single-item\">\n\t\t\t<a class=\"wcp-light-box\" data-buttons='[\"close\"]' data-wpc_url='https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/03\/c-Marek-Hajkovsky-foto-hotel-CHOPOK-2022_191-1-768x392.webp' href=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/03\/c-Marek-Hajkovsky-foto-hotel-CHOPOK-2022_191-1.webp\" data-fancybox=\"wpcp_view\">\n\t\t<figure>\n\t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"skip-lazy\" src=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/03\/c-Marek-Hajkovsky-foto-hotel-CHOPOK-2022_191-1-768x392.webp\" alt=\"c Marek Hajkovsky foto hotel CHOPOK 2022_191\" width=\"650\" height=\"332\">\t\t<\/figure>\n\t<\/a>\n\t\t<\/div>\n<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<div class=\"wpcp-swiper-dots swiper-pagination\"><\/div>\n\t\t\t\t<!-- If we need navigation buttons -->\n\t\t\t\t\t<div class=\"wpcp-prev-button swiper-button-prev\"><i class=\"fa fa-angle-left\"><\/i><\/div>\n\t\t\t<div class=\"wpcp-next-button swiper-button-next\"><i class=\"fa fa-angle-right\"><\/i><\/div>\n\t\t\t<\/div>\n\t<\/div>\n<\/div>\n\n<\/div>\n<\/div><\/div><\/div><\/div><div id=\"pg-3729-3\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-3729-3-0\"  class=\"panel-grid-cell\" ><div id=\"panel-3729-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('http:\/\/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>Sprawd\u017a dost\u0119pno\u015b\u0107 Wellness Hotel Chopok ****Apartm\u00e1ny a \u0160t\u00fadi\u00e1 L\u00fa\u010dky Vyberte term\u00edn 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 0 + Vek det\u00ed: [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3729","page","type-page","status-publish","hentry","post"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Basen i \u015bwiat saun Prasli\u010dka - Hotel Chopok<\/title>\n<meta name=\"description\" content=\"Ciesz si\u0119 basenem, pi\u0119cioma rodzajami saun i masa\u017cami. Wellness Hotel Chopok oferuje wspania\u0142y relaks na Liptowie, w otoczeniu przyrody.\" \/>\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\/basen-i-swiat-saun-praslicka\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Basen i \u015bwiat saun Prasli\u010dka - Hotel Chopok\" \/>\n<meta property=\"og:description\" content=\"Ciesz si\u0119 basenem, pi\u0119cioma rodzajami saun i masa\u017cami. Wellness Hotel Chopok oferuje wspania\u0142y relaks na Liptowie, w otoczeniu przyrody.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hotelchopok.sk\/pl\/basen-i-swiat-saun-praslicka\/\" \/>\n<meta property=\"og:site_name\" content=\"Hotel Chopok\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wellness.hotel.chopok\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hotelchopok.sk\\\/pl\\\/basen-i-swiat-saun-praslicka\\\/\",\"url\":\"https:\\\/\\\/www.hotelchopok.sk\\\/pl\\\/basen-i-swiat-saun-praslicka\\\/\",\"name\":\"Basen i \u015bwiat saun Prasli\u010dka - Hotel Chopok\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hotelchopok.sk\\\/pl\\\/#website\"},\"datePublished\":\"2025-03-12T12:48:53+00:00\",\"description\":\"Ciesz si\u0119 basenem, pi\u0119cioma rodzajami saun i masa\u017cami. Wellness Hotel Chopok oferuje wspania\u0142y relaks na Liptowie, w otoczeniu przyrody.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hotelchopok.sk\\\/pl\\\/basen-i-swiat-saun-praslicka\\\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hotelchopok.sk\\\/pl\\\/basen-i-swiat-saun-praslicka\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hotelchopok.sk\\\/pl\\\/basen-i-swiat-saun-praslicka\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Domovsk\u00e1 str\u00e1nka\",\"item\":\"https:\\\/\\\/www.hotelchopok.sk\\\/pl\\\/uvod\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Basen i \u015bwiat saun Prasli\u010dka\"}]},{\"@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":"Basen i \u015bwiat saun Prasli\u010dka - Hotel Chopok","description":"Ciesz si\u0119 basenem, pi\u0119cioma rodzajami saun i masa\u017cami. Wellness Hotel Chopok oferuje wspania\u0142y relaks na Liptowie, w otoczeniu przyrody.","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\/basen-i-swiat-saun-praslicka\/","og_locale":"pl_PL","og_type":"article","og_title":"Basen i \u015bwiat saun Prasli\u010dka - Hotel Chopok","og_description":"Ciesz si\u0119 basenem, pi\u0119cioma rodzajami saun i masa\u017cami. Wellness Hotel Chopok oferuje wspania\u0142y relaks na Liptowie, w otoczeniu przyrody.","og_url":"https:\/\/www.hotelchopok.sk\/pl\/basen-i-swiat-saun-praslicka\/","og_site_name":"Hotel Chopok","article_publisher":"https:\/\/www.facebook.com\/wellness.hotel.chopok\/","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.hotelchopok.sk\/pl\/basen-i-swiat-saun-praslicka\/","url":"https:\/\/www.hotelchopok.sk\/pl\/basen-i-swiat-saun-praslicka\/","name":"Basen i \u015bwiat saun Prasli\u010dka - Hotel Chopok","isPartOf":{"@id":"https:\/\/www.hotelchopok.sk\/pl\/#website"},"datePublished":"2025-03-12T12:48:53+00:00","description":"Ciesz si\u0119 basenem, pi\u0119cioma rodzajami saun i masa\u017cami. Wellness Hotel Chopok oferuje wspania\u0142y relaks na Liptowie, w otoczeniu przyrody.","breadcrumb":{"@id":"https:\/\/www.hotelchopok.sk\/pl\/basen-i-swiat-saun-praslicka\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hotelchopok.sk\/pl\/basen-i-swiat-saun-praslicka\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.hotelchopok.sk\/pl\/basen-i-swiat-saun-praslicka\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Domovsk\u00e1 str\u00e1nka","item":"https:\/\/www.hotelchopok.sk\/pl\/uvod\/"},{"@type":"ListItem","position":2,"name":"Basen i \u015bwiat saun Prasli\u010dka"}]},{"@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\/3729","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hotelchopok.sk\/pl\/wp-json\/wp\/v2\/comments?post=3729"}],"version-history":[{"count":0,"href":"https:\/\/www.hotelchopok.sk\/pl\/wp-json\/wp\/v2\/pages\/3729\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.hotelchopok.sk\/pl\/wp-json\/wp\/v2\/media?parent=3729"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}