{"id":821,"date":"2024-09-20T17:24:53","date_gmt":"2024-09-20T17:24:53","guid":{"rendered":"https:\/\/www.hotelchopok.sk\/restauracja\/"},"modified":"2026-04-02T19:51:52","modified_gmt":"2026-04-02T19:51:52","slug":"restauracja","status":"publish","type":"page","link":"https:\/\/www.hotelchopok.sk\/pl\/restauracja\/","title":{"rendered":"Restauracja"},"content":{"rendered":"<div id=\"pl-821\"  class=\"panel-layout\" ><div id=\"pg-821-0\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch panel-row-style panel-row-style-for-821-0\" id=\"hero-wrapper\" data-stretch-type=\"full-width-stretch\" ><div id=\"pgc-821-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-821-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-821-0-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-hero so-widget-sow-hero-default-844de1f37420-821 so-widget-fittext-wrapper\"\n\t\t\t data-fit-text-compressor=\"0.85\"\n\t\t>\t\t\t\t<div class=\"sow-slider-base\" style=\"display: none\" tabindex=\"0\">\n\t\t\t\t\t<ul\n\t\t\t\t\tclass=\"sow-slider-images\"\n\t\t\t\t\tdata-settings=\"{&quot;pagination&quot;:true,&quot;speed&quot;:400,&quot;timeout&quot;:8000,&quot;paused&quot;:false,&quot;pause_on_hover&quot;:false,&quot;swipe&quot;:true,&quot;nav_always_show_desktop&quot;:&quot;&quot;,&quot;nav_always_show_mobile&quot;:&quot;&quot;,&quot;breakpoint&quot;:&quot;780px&quot;,&quot;unmute&quot;:false,&quot;anchor&quot;:null}\"\n\t\t\t\t\t\t\t\t\t\tdata-anchor-id=\"\"\n\t\t\t\t>\t\t<li class=\"sow-slider-image  sow-slider-image-cover\" style=\"visibility: visible;;background-color: #333333\" >\n\t\t\t\t\t<div class=\"sow-slider-image-container\">\n\t\t\t<div class=\"sow-slider-image-wrapper\">\n\t\t\t\t<h1 id=\"main-heading\" class=\"h1 hero-h1\" style=\"text-align: center\">Restauracja<\/h1>\n<div class=\"hero-overlay\"><\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"sow-slider-image-overlay sow-slider-image-cover\" style=\"opacity: 0.6;background-image: url(https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2024\/09\/534-min-scaled.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-821-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-821-1\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-821-1-0\"  class=\"panel-grid-cell\" ><div id=\"panel-821-1-0-0\" class=\"so-panel widget widget_divider_widget panel-first-child\" data-index=\"2\" ><div class=\"divider\"><\/div><\/div><div id=\"panel-821-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\">B\u0119dziemy dla Pa\u0144stwa dobrze gotowa\u0107 podczas Waszego mi\u0142ego pobytu<\/h2>\n    <\/section>\n<\/div><\/div><\/div><\/div><div id=\"pg-821-2\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-821-2-0\"  class=\"panel-grid-cell\" ><div id=\"panel-821-2-0-0\" class=\"so-panel widget widget_dynamic-content-simple-widget panel-first-child panel-last-child\" data-index=\"4\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-dynamic-content-simple-widget so-widget-dynamic-content-simple-widget-base\"\n\t\t\t\n\t\t>\n<style>\n    .dynamic-block-simple { min-height: 80vh; }\n    .dynamic-block-simple .dynamic-block-center-line__content {\n        display: flex; flex-flow: column; justify-content: center;\n        align-items: flex-start; width: 90%; max-width: 960px;\n        min-height: 40vh; padding-top: 10%; padding-bottom: 12%; padding-left: 2vw;\n    }\n    .dynamic-block-simple .dynamic-block-center-line__content--container {\n        align-self: flex-end; width: 100%; max-width: 960px; padding-right: 10%;\n    }\n    .dynamic-block-simple .dynamic-block-center-line__content--wrapper { margin-bottom: 40px; }\n    @media screen and (max-width: 991px) {\n        .dynamic-block-simple {\n            width: 100vw; position: relative; top: 0; left: 50%;\n            transform: translate(-50%, 0); flex-direction: column-reverse;\n        }\n        .dynamic-block-simple .dynamic-block-center-line__content {\n            width: 100%; margin-top: 0%; padding-top: 6%; padding-bottom: 8%;\n        }\n        .dynamic-block-simple .dynamic-block-center-line__content--container { width: 90%; }\n    }\n    .dynamic-block-simple .dynamic-block-center-line__images { padding: 0; height: auto; min-height: auto; }\n    .dynamic-block-simple .dynamic-block-center-line__images--container {\n        display: flex; height: 100%; padding-top: 10%; padding-bottom: 140px;\n    }\n    @media screen and (max-width: 991px) {\n        .dynamic-block-simple .dynamic-block-center-line__images--container {\n            padding: 0; width: 90%; height: 40vh; margin-left: auto;\n        }\n    }\n<\/style>\n\n    <div class=\"section-header header-animated\" style=\"color: var(--project);\">\n        Szef kuchni    <\/div>\n\n<div class=\"dynamic-block-center-line dynamic-block-simple img-left\"\n    style=\"background-color: var(--light-project)\">\n\n    <div class=\"dynamic-block-center-line__images\">\n        <div class=\"dynamic-block-center-line__images--container\">\n                            <div class=\"img-wrapper img-wrapper__up\"\n                    style=\"background-image: url('https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2024\/09\/sefkuchar-jpg.webp');\n                        background-size: cover; background-repeat: no-repeat;\n                        background-position: center center;\n                        z-index: 1; top: 0; right: 0; width: 100%; height: 100%;\">\n                <\/div>\n                    <\/div>\n    <\/div>\n\n    <div class=\"dynamic-block-center-line__content text-to-animate-left\">\n        <div class=\"dynamic-block-center-line__content--container\">\n            <div class=\"dynamic-block-center-line__content--wrapper\">\n                                    <h3 class=\"h3 move-from-left\">Ivan Kl\u010dovsk\u00fd<\/h3>\n                \n                                    <div class=\"move-from-left\"><p>\u201eDoznania kulinarne na talerzu to konieczno\u015b\u0107 w dzisiejszym zabieganym \u015bwiecie\u201d, m\u00f3wi nasz szef kuchni Ivan Kl\u010dovsk\u00fd. Przygotowuje posi\u0142ki oraz tworzy sezonowe menu zgodnie z tym mottem. <\/p>\n<p>Dla naszej restauracji Ivan Kl\u010dovsk\u00fd skomponowa\u0142 menu sk\u0142adaj\u0105ce si\u0119 ze specja\u0142\u00f3w kuchni \u015br\u00f3dziemnomorskiej oraz tak\u017ce krajowej. Dania s\u0105 przygotowywane zdrowo i smacznie w naszej nowoczesnej kuchni. Nie zapomina o naszych najm\u0142odszych, dla kt\u00f3rych przygotowano menu dzieci\u0119ce.  <\/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>Szef kuchni Ivan Kl\u010dovsk\u00fd sprawowa\u0142 w\u0142adz\u0119 w kuchni pi\u0119ciogwiazdkowego hotelu i przygotowywa\u0142 posi\u0142ki dla wielu wa\u017cnych osobisto\u015bci, takich jak bez w\u0105tpienia prezydenci Republiki S\u0142owackiej, Republiki Czeskiej, Republiki W\u0119gierskiej, Rzeczypospolitej Polskiej, a tak\u017ce ambasador\u00f3w, ministr\u00f3w, delegacji pa\u0144stwowych, znanych aktor\u00f3w oraz piosenkarzy. Ambasador Singapuru Jennie Chua oceni\u0142a przygotowany przez niego posi\u0142ek s\u0142owami: \u201e...to by\u0142a najpyszniejsza kaczka, jak\u0105 kiedykolwiek jad\u0142am na S\u0142owacji\u201d. <\/p>\n<\/div>\n                \n                                    <a href=\"https:\/\/www.hotelchopok.sk\/pl\/aktualne-pobyty\/\" class=\"btn btn-project move-from-left\" title=\"Zisti\u0165 viac\">\n                        <span>Wi\u0119cej<\/span>\n                    <\/a>\n                            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n<\/div><\/div><\/div><\/div><div id=\"pg-821-3\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-821-3-0\"  class=\"panel-grid-cell\" ><div id=\"panel-821-3-0-0\" class=\"so-panel widget widget_dynamic-content-center-line-widget panel-first-child panel-last-child\" data-index=\"5\" ><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\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\">Restauracja hotelowa<\/h2>\n                                                                                                    <div class=\"article move-from-left\"><p>Naszym go\u015bciom hotelowym oferujemy niepe\u0142ne wy\u017cywienie, \u015bniadania w formie bufetu oraz 5-daniowe obiadokolacje. Codziennie przygotowujemy specjalne menu dla dzieci. <\/p>\n<p>W menu \u00e0 la carte znajduj\u0105 si\u0119 dania kuchni s\u0142owackiej oraz specja\u0142y mi\u0119dzynarodowe, a tak\u017ce sa\u0142atki wellness, dania dla dzieci i popularne smaczne desery.<\/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>\u015aniadania serwowane s\u0105 w formie bufetu, z szerokim wyborem da\u0144 na ciep\u0142o, w\u0119dlin, zdrowych past, p\u0142atk\u00f3w \u015bniadaniowych, jogurt\u00f3w, \u015bwie\u017cych owoc\u00f3w i warzyw, \u015bwie\u017cych sok\u00f3w owocowych i warzywnych oraz herbat sypanych.<\/p>\n<p>Pi\u0119ciodaniowa kolacja, ciesz\u0105ca si\u0119 du\u017c\u0105 popularno\u015bci\u0105 w\u015br\u00f3d go\u015bci, sk\u0142ada si\u0119 z indywidualnego wyboru sa\u0142atek warzywnych, serwowanej przystawki, serwowanej zupy i dania g\u0142\u00f3wnego (do wyboru 5 da\u0144 g\u0142\u00f3wnych), deseru oraz wyboru ser\u00f3w i owoc\u00f3w. W menu wieczornym znajduj\u0105 si\u0119 dania ze \u015bwie\u017cych ryb, drobiu, makaron\u00f3w, specja\u0142\u00f3w wegetaria\u0144skich oraz da\u0144 z grilla. <\/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\/2024\/09\/Miny-hovadzi-steak-v-slaninovom-kabate-s-baby-grilovanou-zeleninou-hraskovym-pyre-a-silnou-masovou-redukciou-1-2-scaled-min-1024x592.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\/10\/JUR07519-Edit-copy-min-558x1024.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\">W naszym hotelu witamy celiatk\u00f3w<\/h2>\n                                                                                                    <div class=\"article move-from-right\"><p>Szef kuchni naszej hotelowej restauracji przygotowuje a\u017c do 90 % da\u0144 ze sk\u0142adnik\u00f3w bezglutenowych. Dania bezglutenowe s\u0105 specjalnie oznaczone w naszym menu, a na \u017cyczenie mo\u017cemy przygotowa\u0107 r\u00f3wnie\u017c opcj\u0119 bez laktozy. Dania i desery bezglutenowe regularnie znajduj\u0105 si\u0119 w menu wieczornym, a tak\u017ce w naszej ofercie menu \u00c1 la carte restauracji hotelowej.  <\/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>\u015aniadanie w formie bufetu oferuje szeroki wyb\u00f3r produkt\u00f3w odpowiednich dla os\u00f3b z celiaki\u0105, w tym specjalne produkty bezglutenowe, takie jak pieczywo i ciastka bezglutenowe, produkty mleczne, produkty mi\u0119sne, p\u0142atki gryczane, p\u0142atki ry\u017cowe instant, pieczywo ry\u017cowe oraz ciasteczka bezglutenowe. <\/p>\n<p>Wszyscy pracownicy dzia\u0142u gastronomicznego Wellness Hotel Chopok regularnie uczestnicz\u0105 w profesjonalnych wyk\u0142adach na temat celiakii i diety bezglutenowej oraz zasad przygotowywania da\u0144 bezglutenowych.<\/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\/Demanovsky-sen-1024x446.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-1024x285.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\">Godziny otwarcia<\/h2>\n                                                                                                    <div class=\"article move-from-left\"><ul>\n<li>\u015aniadanie: bufet od godziny 7:00 do godziny 10:00<\/li>\n<li>Obiad: oferta menu \u00c1 la carte od godziny 12:00 do godziny 17:00<\/li>\n<li>Kolacja (na zam\u00f3wienie): 5-daniowe menu serwowane od godziny 18:00 do godziny 21:00<\/li>\n<\/ul>\n<p><strong>Wa\u017cne informacje:<\/strong><\/p>\n<ul>\n<li>Je\u015bli maj\u0105 Pa\u0144stwo alergie pokarmowe i posi\u0142ek wymaga specjalnego przygotowania, prosimy o poinformowanie o tym recepcji hotelu, pisz\u0105c na adres e-mailowy: recepcia@hotelchopok.sk lub po Pa\u0144stwa przyje\u017adzie.<\/li>\n<li>Do restauracji hotelowej zalecamy wej\u015bcie w stroju formalnym (panowie: d\u0142ugie spodnie, zakryte buty, panie: sukienki, d\u0142ugie spodnie, eleganckie buty).<\/li>\n<\/ul>\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><strong>Rezerwacja stolika dla go\u015bci nieb\u0119d\u0105cych go\u015b\u0107mi hotelu:<\/strong><\/p>\n<ul>\n<li>Rezerwacji stolika w restauracji hotelowej nale\u017cy dokona\u0107 24 godziny przed wydarzeniem <\/li>\n<li>Rezerwacji stolika mo\u017cna dokona\u0107 mailowo na adres recepcia@hotelchopok.sk, lub telefonicznie pod numerem telefonu: +421\/911 611 386. 0911\/611 386<\/li>\n<li>Rezerwacja jest wa\u017cna po jej potwierdzeniu przez hotel<\/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\/02\/1-1-1024x645.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\/2025\/02\/JUR07504-1-1-1024x865.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><div id=\"pg-821-4\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-821-4-0\"  class=\"panel-grid-cell\" ><div id=\"panel-821-4-0-0\" class=\"so-panel widget widget_menu_restaurant_v2 panel-first-child panel-last-child\" data-index=\"6\" >    <div class=\"section-header header-animated\" style=\"color: var(--project);\">\n        Menu    <\/div>\n\n<style>\n    .chopok-menu-restaurant__container {\n        display: grid;\n        grid-auto-columns: 1fr;\n        grid-column-gap: 30px;\n        grid-row-gap: 30px;\n        flex: 1;\n        grid-template-rows: auto;\n        grid-template-columns: 1fr 1fr 1fr;\n        width: 100%;\n    }\n    @media screen and (max-width: 991px) {\n        .chopok-menu-restaurant__container {\n            grid-template-columns: 1fr;\n        }\n    }\n    .chopok-menu-restaurant__pdf {\n        flex-flow: column;\n        flex: 0 auto;\n        width: 100%;\n        height: 70vh;\n        padding-bottom: 75px;\n        display: flex;\n        position: relative;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .chopok-menu-restaurant__pdf h2 {\n        color: var(--light-yellow) !important;\n    }\n\n    .chopok-menu-restaurant__pdf  img {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.5s ease;\n        z-index: -1;\n    }\n\n    .chopok-menu-restaurant__pdf:hover img {\n        transform: scale(1.05)\n    }\n\n    .pdf-title-wrapper {\n        justify-content: center;\n        align-items: center;\n        height: 100%;\n        margin-top: 0;\n        margin-bottom: 0;\n        display: flex;\n    }\n\n    .pdf-link-wrapper {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n<\/style>\n\n<div class=\"chopok-menu-restaurant\">\n    <div class=\"chopok-menu-restaurant__container\">\n            <\/div>\n<\/div>\n<\/div><\/div><\/div><div id=\"pg-821-5\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-821-5-0\"  class=\"panel-grid-cell\" ><div id=\"panel-821-5-0-0\" class=\"so-panel widget widget_headline-container-widget panel-first-child\" data-index=\"7\" ><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\">Z dala od codzienno\u015bci, zgie\u0142ku i trosk, tworzymy dla Pa\u0144stwa chwile spokoju i relaksu<\/h2>\n    <\/section>\n<\/div><\/div><div id=\"panel-821-5-0-1\" class=\"so-panel widget widget_newsletter_chopok_widget panel-last-child\" data-index=\"8\" ><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>Restauracja 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 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-821","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>Restauracja - Hotel Chopok<\/title>\n<meta name=\"description\" content=\"Restauracja w Tatrach, kt\u00f3r\u0105 pokochasz. Smaczne i zdrowe posi\u0142ki dla dzieci i doros\u0142ych, wy\u015bmienita kuchnia i u\u015bmiechni\u0119ta obs\u0142uga.\" \/>\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\/restauracja\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Restauracja - Hotel Chopok\" \/>\n<meta property=\"og:description\" content=\"Restauracja w Tatrach, kt\u00f3r\u0105 pokochasz. Smaczne i zdrowe posi\u0142ki dla dzieci i doros\u0142ych, wy\u015bmienita kuchnia i u\u015bmiechni\u0119ta obs\u0142uga.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hotelchopok.sk\/pl\/restauracja\/\" \/>\n<meta property=\"og:site_name\" content=\"Hotel Chopok\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wellness.hotel.chopok\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-02T19:51:52+00:00\" \/>\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\\\/restauracja\\\/\",\"url\":\"https:\\\/\\\/www.hotelchopok.sk\\\/pl\\\/restauracja\\\/\",\"name\":\"Restauracja - Hotel Chopok\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hotelchopok.sk\\\/pl\\\/#website\"},\"datePublished\":\"2024-09-20T17:24:53+00:00\",\"dateModified\":\"2026-04-02T19:51:52+00:00\",\"description\":\"Restauracja w Tatrach, kt\u00f3r\u0105 pokochasz. Smaczne i zdrowe posi\u0142ki dla dzieci i doros\u0142ych, wy\u015bmienita kuchnia i u\u015bmiechni\u0119ta obs\u0142uga.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hotelchopok.sk\\\/pl\\\/restauracja\\\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hotelchopok.sk\\\/pl\\\/restauracja\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hotelchopok.sk\\\/pl\\\/restauracja\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Domovsk\u00e1 str\u00e1nka\",\"item\":\"https:\\\/\\\/www.hotelchopok.sk\\\/pl\\\/uvod\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Restauracja\"}]},{\"@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":"Restauracja - Hotel Chopok","description":"Restauracja w Tatrach, kt\u00f3r\u0105 pokochasz. Smaczne i zdrowe posi\u0142ki dla dzieci i doros\u0142ych, wy\u015bmienita kuchnia i u\u015bmiechni\u0119ta obs\u0142uga.","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\/restauracja\/","og_locale":"pl_PL","og_type":"article","og_title":"Restauracja - Hotel Chopok","og_description":"Restauracja w Tatrach, kt\u00f3r\u0105 pokochasz. Smaczne i zdrowe posi\u0142ki dla dzieci i doros\u0142ych, wy\u015bmienita kuchnia i u\u015bmiechni\u0119ta obs\u0142uga.","og_url":"https:\/\/www.hotelchopok.sk\/pl\/restauracja\/","og_site_name":"Hotel Chopok","article_publisher":"https:\/\/www.facebook.com\/wellness.hotel.chopok\/","article_modified_time":"2026-04-02T19:51:52+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.hotelchopok.sk\/pl\/restauracja\/","url":"https:\/\/www.hotelchopok.sk\/pl\/restauracja\/","name":"Restauracja - Hotel Chopok","isPartOf":{"@id":"https:\/\/www.hotelchopok.sk\/pl\/#website"},"datePublished":"2024-09-20T17:24:53+00:00","dateModified":"2026-04-02T19:51:52+00:00","description":"Restauracja w Tatrach, kt\u00f3r\u0105 pokochasz. Smaczne i zdrowe posi\u0142ki dla dzieci i doros\u0142ych, wy\u015bmienita kuchnia i u\u015bmiechni\u0119ta obs\u0142uga.","breadcrumb":{"@id":"https:\/\/www.hotelchopok.sk\/pl\/restauracja\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hotelchopok.sk\/pl\/restauracja\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.hotelchopok.sk\/pl\/restauracja\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Domovsk\u00e1 str\u00e1nka","item":"https:\/\/www.hotelchopok.sk\/pl\/uvod\/"},{"@type":"ListItem","position":2,"name":"Restauracja"}]},{"@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\/821","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hotelchopok.sk\/pl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hotelchopok.sk\/pl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hotelchopok.sk\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hotelchopok.sk\/pl\/wp-json\/wp\/v2\/comments?post=821"}],"version-history":[{"count":1,"href":"https:\/\/www.hotelchopok.sk\/pl\/wp-json\/wp\/v2\/pages\/821\/revisions"}],"predecessor-version":[{"id":3732,"href":"https:\/\/www.hotelchopok.sk\/pl\/wp-json\/wp\/v2\/pages\/821\/revisions\/3732"}],"wp:attachment":[{"href":"https:\/\/www.hotelchopok.sk\/pl\/wp-json\/wp\/v2\/media?parent=821"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}