{"id":848,"date":"2024-09-23T13:12:27","date_gmt":"2024-09-23T13:12:27","guid":{"rendered":"https:\/\/www.hotelchopok.sk\/chopok-art-gallery\/"},"modified":"2026-04-08T16:14:45","modified_gmt":"2026-04-08T16:14:45","slug":"chopok-art-gallery","status":"publish","type":"page","link":"https:\/\/www.hotelchopok.sk\/en\/chopok-art-gallery\/","title":{"rendered":"Chopok Art Gallery"},"content":{"rendered":"<div id=\"pl-848\"  class=\"panel-layout\" ><div id=\"pg-848-0\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch panel-row-style panel-row-style-for-848-0\" id=\"hero-wrapper\" data-stretch-type=\"full-width-stretch\" ><div id=\"pgc-848-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-848-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-848-0-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-hero so-widget-sow-hero-default-844de1f37420-848 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\">Chopok Art Gallery<\/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\/JUR07612-min-jpg.webp)\"  ><\/div>\t\t<\/li>\n\t\t<\/ul>\t\t\t\t<ol class=\"sow-slider-pagination\">\n\t\t\t\t\t\t\t\t\t\t\t<li><a href=\"#\" data-goto=\"0\" aria-label=\"Display slide 1\"><\/a><\/li>\n\t\t\t\t\t\t\t\t\t<\/ol>\n\n\t\t\t\t<div class=\"sow-slide-nav sow-slide-nav-next\">\n\t\t\t\t\t<a href=\"#\" data-goto=\"next\" aria-label=\"Next slide\" data-action=\"next\">\n\t\t\t\t\t\t<em class=\"sow-sld-icon-thin-right\"><\/em>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"sow-slide-nav sow-slide-nav-prev\">\n\t\t\t\t\t<a href=\"#\" data-goto=\"previous\" aria-label=\"Previous slide\" data-action=\"prev\">\n\t\t\t\t\t\t<em class=\"sow-sld-icon-thin-left\"><\/em>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><\/div><\/div><div id=\"panel-848-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>Check availability<\/h5>\n\n            <div class=\"input-wrapper input-hotel\">\n                <select name=\"hotelchoice\"><option value=\"52\">Wellness Hotel Chopok ****<\/option><option value=\"617\">Apartments and Studios 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\">Date of stay<\/label> -->\n                <span class=\"date-range-display\" id=\"dateRangeDisplay\" onclick=\"openCalendar()\">Select dates<\/span>\n            <\/div>\n\n            <div class=\"input-wrapper input-visitor\">\n                <!-- <label for=\"adults\">Number of guests:<\/label> -->\n                <!-- <input placeholder=\"Adults\" \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                    Adults                <\/span>\n            <\/div>\n\n            <div class=\"input-wrapper input-visitor\">\n                <!-- <label for=\"childrens\">Children's age::<\/label> -->\n                <span \n                    id=\"childrens\" \n                    class=\"booking-input date-range-display\" \n                    onclick=\"openChildrenModal()\"\n                >\n                    Children                <\/span>\n            <\/div>\n\n            <div class=\"input-wrapper input-present\">\n                <!-- <label for=\"promo\">Promo code:<\/label> -->\n                <input placeholder=\"Promo code\" \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>Check the price<\/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=\"en\">\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=\"Reception Hotel Chopok mail\" 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\">Mon<\/div>\n            <div class=\"weekday\">Tue<\/div>\n            <div class=\"weekday\">Wed<\/div>\n            <div class=\"weekday\">Thu<\/div>\n            <div class=\"weekday\">Fri<\/div>\n            <div class=\"weekday\">Sat<\/div>\n            <div class=\"weekday\">Sun<\/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                    Confirm                <\/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            'January',\n            'February',\n            'March',\n            'April',\n            'May',\n            'June',\n            'July',\n            'August',\n            'September',\n            'October',\n            'November',\n            'December'\n        ];\n\n        const monthNamesShort = [\n            'Jan',\n            'Feb',\n            'Mar',\n            'Apr',\n            'May',\n            'Jun',\n            'Jul',\n            'Aug',\n            'Sep',\n            'Oct',\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;\">Number of adults:<\/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            Minimum is 1, maximum is 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()\">Confirm<\/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;\">Number of children:<\/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;\">Children's age:<\/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()\">Cancel<\/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()\">Confirm<\/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 = \"Age of child %d.\";\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 = \"Fill in the child\u2019s age.\";\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-848-1\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-848-1-0\"  class=\"panel-grid-cell\" ><div id=\"panel-848-1-0-0\" class=\"so-panel widget widget_divider_widget panel-first-child\" data-index=\"2\" ><div class=\"divider\"><\/div><\/div><div id=\"panel-848-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\">Art closer to you<\/h5>\n                <h2 class=\"header-animated\">To have an eye for art and a passion for collecting are two unique aspects that initiated the story of the Chopok Art Gallery within the premises of our hotel.<\/h2>\n    <\/section>\n<\/div><\/div><\/div><\/div><div id=\"pg-848-2\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-848-2-0\"  class=\"panel-grid-cell\" ><div id=\"panel-848-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\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\/JUR09032-min1-1024x576.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\">Art at Every Step<\/h3>\n                \n                                    <div class=\"move-from-left\"><p>The connection between selected artworks and a stay at Wellness Hotel Chopok**** creates an unforgettable atmosphere.<\/p>\n<p>Significant works of predominantly Slovak, Czech, Hungarian, Ukrainian, Polish, and German artists bring life to nearly every space in the hotel. The exhibitions we offer to our guests focus on various time periods, from the 18th century to the present, and feature a combination of diverse themes. <\/p>\n<\/div>\n                \n                            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n<\/div><\/div><\/div><\/div><div id=\"pg-848-3\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-848-3-0\"  class=\"panel-grid-cell\" ><div id=\"panel-848-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 \">\n\n    \n            <div class=\"dynamic-block-center-line left\">\n                <div class=\"bg-color\" style=\"background-color: transparent\"><\/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\">Why a Gallery in a Hotel?<\/h2>\n                                                                                                    <div class=\"article move-from-left\"><p>Art is an important part of our lives. Our goal is to bring art into the everyday hotel experience, allowing it to continuously inspire and adorn your day. <\/p>\n<p>The exhibited works accompany you throughout the hotel's interior, in common areas, the restaurant, as well as in rooms and apartments. This way, we share with you a piece of art represented by the carefully selected works on display. <\/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\/01-JUR07629-scaled.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\/02-JUR07612-scaled.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-848-4\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-848-4-0\"  class=\"panel-grid-cell\" ><div id=\"panel-848-4-0-0\" class=\"so-panel widget widget_promo-video-widget panel-first-child panel-last-child\" data-index=\"6\" >\n<div class=\"promo-video-wrapper\" style=\"display: flex; align-items: center; justify-content: center;\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@fancyapps\/ui\/dist\/fancybox.css\" \/>\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@fancyapps\/ui\/dist\/fancybox.umd.js\"><\/script>\n\n    <div>\n        <a data-fancybox href=\"https:\/\/www.youtube.com\/watch?v=NMNBDojif9c\" class=\"promo-lightbox-link\" style=\"position: relative; display: inline-block; cursor: pointer;\">\n            <img decoding=\"async\" src=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2024\/09\/gallery-video-poster-jpg.webp\" alt=\"Video Poster\" style=\"width: 100%; height: auto;\" \/>\n            <div class=\"promo-play-button\" style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\">\n                <img decoding=\"async\" src=\"https:\/\/www.hotelchopok.sk\/wp-content\/themes\/hotel-chopok\/assets\/images\/play-btn.png\" alt=\"Play Button\" \/>\n            <\/div>\n        <\/a>\n    <\/div>\n<\/div>\n<\/div><\/div><\/div><div id=\"pg-848-5\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-848-5-0\"  class=\"panel-grid-cell\" ><div id=\"panel-848-5-0-0\" class=\"so-panel widget widget_dynamic-content-center-line-widget panel-first-child panel-last-child\" data-index=\"7\" ><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\">Relax with culture<\/h2>\n                                                                                                    <div class=\"article move-from-left\"><p>A common element of art is the deep human need to connect. Art-related activities can be a source of joy, satisfaction, and cultural enrichment for all of us staying at the hotel.. <\/p>\n<p>Children can discover, adults reminisce, the curious explore, and connoisseurs study \u2014 all while in a hotel bathrobe or on the way to the Lobby bar.<\/p>\n<\/div>\n                                                                    <\/div>\n                <\/div>\n\n                <div class=\"dynamic-block-center-line__images dynamic-block-once\">\n                                            <div class=\"img-wrapper img-wrapper__up\"\n                            style=\"background-image: url('https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2024\/09\/JUR07612-min-jpg.webp');\n                                background-size: cover;\n                                background-repeat: no-repeat;\n                                background-position: center center;\n                                flex-grow: 1;\">\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\">What collection you will see<\/h2>\n                                                                                                    <div class=\"article move-from-right\"><p>The living gallery shows the works of both famous and lesser-known painters of various nationalities, primarily from the late 19th and early 20th centuries. The hotel\u2019s nooks are enriched with works by artists such as Elem\u00e9r Hal\u00e1sz Hradil, L\u00e1szl\u00f3 Neogrady, Vincent Hlo\u017en\u00edk, as well as paintings by Vladim\u00edr Droppa, a painter from Liptov.    <\/p>\n<p>The collection features various combinations of artistic techniques and motifs. Predominant themes include landscapes, still life, nudes, and national motifs. Our guests can discover the diversity of approaches the artists take to these themes. Oil painting is the most commonly featured technique.   <\/p>\n<\/div>\n                                                                    <\/div>\n                <\/div>\n\n                <div class=\"dynamic-block-center-line__images dynamic-block-once\">\n                                            <div class=\"img-wrapper img-wrapper__up\"\n                            style=\"background-image: url('https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2024\/09\/JUR07646_u-min-scaled.webp');\n                                background-size: cover;\n                                background-repeat: no-repeat;\n                                background-position: center center;\n                                flex-grow: 1;\">\n                        <\/div>\n                                                        <\/div>\n\n            <\/div>\n\n        \n<\/div>\n<\/div><\/div><\/div><\/div><div id=\"pg-848-6\"  class=\"panel-grid panel-has-style\" ><div class=\"gallery-slider panel-row-style panel-row-style-for-848-6\" ><div id=\"pgc-848-6-0\"  class=\"panel-grid-cell\" ><div id=\"panel-848-6-0-0\" class=\"so-panel widget widget_sow-editor panel-first-child\" data-index=\"8\" ><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>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<style id=\"wp_carousel_dynamic_css501\">.sp-wp-carousel-free-id-501.wpcf-fancybox-wrapper .fancybox-bg{background: #0b0b0b;opacity: 0.8;}.sp-wp-carousel-free-id-501.wpcf-fancybox-wrapper .fancybox-navigation .fancybox-button .wpcp-fancybox-nav-arrow i {color: #ccc;}.sp-wp-carousel-free-id-501.wpcf-fancybox-wrapper .fancybox-navigation .fancybox-button .wpcp-fancybox-nav-arrow i:hover {color: #fff;}.sp-wp-carousel-free-id-501.wpcf-fancybox-wrapper .fancybox-navigation .fancybox-button {background: #1e1e1e;}.sp-wp-carousel-free-id-501.wpcf-fancybox-wrapper .fancybox-navigation .fancybox-button:hover {background: #1e1e1e;}#sp-wp-carousel-free-id-501 .wpcp-swiper-dots {margin: 40px 0px 0px 0px;}.wpcp-wrapper-501 .swiper-wrapper .swiper-slide-kenburn, .wpcp-wrapper-501 .swiper-wrapper, .wpcp-wrapper-501 .wpcpro-row{align-items: center;}#sp-wp-carousel-free-id-501 .wpcp-single-item {box-shadow: 0px 0px 0px 0px #dddddd;transition: all .3s;margin: 0px;}#sp-wp-carousel-free-id-501.swiper-flip .wpcp-single-item{margin: 0!important;}#sp-wp-carousel-free-id-501 .wpcp-single-item:hover {box-shadow: 0px 0px 0px 0px #dddddd;}#sp-wp-carousel-free-id-501.sp-wpcp-501 .wpcp-single-item {border: 1px solid #dddddd;}#sp-wp-carousel-free-id-501.wpcp-carousel-section.sp-wpcp-501 .swiper-button-prev,#sp-wp-carousel-free-id-501.wpcp-carousel-section.sp-wpcp-501 .swiper-button-next,#sp-wp-carousel-free-id-501.wpcp-carousel-section.sp-wpcp-501 .swiper-button-prev:hover,#sp-wp-carousel-free-id-501.wpcp-carousel-section.sp-wpcp-501 .swiper-button-next:hover {font-size: 18px ; font-weight: 400;}#sp-wp-carousel-free-id-501.sp-wpcp-501 .swiper-button-prev,#sp-wp-carousel-free-id-501.sp-wpcp-501 .swiper-button-next,#sp-wp-carousel-free-id-501.sp-wpcp-501 .swiper-button-prev:hover,#sp-wp-carousel-free-id-501.sp-wpcp-501 .swiper-button-next:hover {background: none;border: none;font-size: 30px;}#sp-wp-carousel-free-id-501.sp-wpcp-501 .swiper-button-prev i,#sp-wp-carousel-free-id-501.sp-wpcp-501 .swiper-button-next i {color: #aaa;}#sp-wp-carousel-free-id-501.sp-wpcp-501 .swiper-button-prev i:hover,#sp-wp-carousel-free-id-501.sp-wpcp-501 .swiper-button-next i:hover {color: #178087;}#sp-wp-carousel-free-id-501.sp-wpcp-501 .wpcp-swiper-dots .swiper-pagination-bullet {background-color: #cccccc;}#sp-wp-carousel-free-id-501.sp-wpcp-501 .wpcp-swiper-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #178087;} #sp-wp-carousel-free-id-501.sp-wpcp-501.wpcp-image-carousel .wpcp-single-item:hover img, #sp-wp-carousel-free-id-501.sp-wpcp-501.wpcp-post-carousel .wpcp-single-item:hover img, #sp-wp-carousel-free-id-501.sp-wpcp-501.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-501 .wpcpro-row>[class*=\"wpcpro-col-\"] { padding: 0 10px; padding-bottom: 20px;} #sp-wp-carousel-free-id-501 .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-501\">\n\t<div id=\"wpcp-preloader-501\" 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-501\" class=\"wpcp-carousel-section sp-wpcp-501  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\/02\/JUR09070-768x432.webp' href=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/02\/JUR09070-scaled.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\/JUR09070-768x432.webp\" alt=\"JUR09070\" 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\/2024\/09\/JUR07612-min-768x566.webp' href=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2024\/09\/JUR07612-min-jpg.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\/2024\/09\/JUR07612-min-768x566.webp\" alt=\"JUR07612-min\" width=\"650\" height=\"479\">\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\/JUR09060-768x432.webp' href=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/02\/JUR09060-scaled.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\/JUR09060-768x432.webp\" alt=\"JUR09060\" 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\/02\/JUR09059-768x432.webp' href=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/02\/JUR09059-scaled.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\/JUR09059-768x432.webp\" alt=\"JUR09059\" 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\/02\/JUR09045-768x465.webp' href=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/02\/JUR09045-scaled.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\/JUR09045-768x465.webp\" alt=\"JUR09045\" width=\"650\" height=\"394\">\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\/JUR09044-768x432.webp' href=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/02\/JUR09044-scaled.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\/JUR09044-768x432.webp\" alt=\"JUR09044\" 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\/02\/JUR09039-768x432.webp' href=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/02\/JUR09039-scaled.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\/JUR09039-768x432.webp\" alt=\"JUR09039\" 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\/02\/JUR09032-768x432.webp' href=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/02\/JUR09032-scaled.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\/JUR09032-768x432.webp\" alt=\"JUR09032\" 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\/02\/JUR09029-1-768x432.webp' href=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/02\/JUR09029-1-scaled.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\/JUR09029-1-768x432.webp\" alt=\"JUR09029\" 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\/02\/JUR09023-768x432.webp' href=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/02\/JUR09023-scaled.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\/JUR09023-768x432.webp\" alt=\"JUR09023\" 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\/02\/JUR07504-1-scaled-e1740565984843-768x250.webp' href=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/02\/JUR07504-1-scaled-e1740565984843.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\/JUR07504-1-scaled-e1740565984843-768x250.webp\" alt=\"JUR07504\" width=\"650\" height=\"212\">\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\/JUR09017-768x432.webp' href=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/02\/JUR09017-scaled.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\/JUR09017-768x432.webp\" alt=\"JUR09017\" 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\/02\/JUR09020-768x432.webp' href=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/02\/JUR09020-scaled.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\/JUR09020-768x432.webp\" alt=\"JUR09020\" 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\/02\/header_JUR07608-retus-web-768x631.webp' href=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/02\/header_JUR07608-retus-web-png.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\/header_JUR07608-retus-web-768x631.webp\" alt=\"header_JUR07608-retus-web\" width=\"650\" height=\"534\">\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\/03-JUR07735-1-768x432.webp' href=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/02\/03-JUR07735-1-scaled.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\/03-JUR07735-1-768x432.webp\" alt=\"03 JUR07735\" 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\/02\/02-JUR07557-retus-web-768x432.webp' href=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/02\/02-JUR07557-retus-web-png.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\/02-JUR07557-retus-web-768x432.webp\" alt=\"02-JUR07557-retus-web\" 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\/02\/02-JUR07601-768x432.webp' href=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/02\/02-JUR07601-scaled.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\/02-JUR07601-768x432.webp\" alt=\"02 JUR07601\" 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\/02\/01-JUR07629-768x432.webp' href=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/02\/01-JUR07629-scaled.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\/01-JUR07629-768x432.webp\" alt=\"01 JUR07629\" 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\/02\/01-JUR07596-retus-web-768x432.webp' href=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/02\/01-JUR07596-retus-web-png.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\/01-JUR07596-retus-web-768x432.webp\" alt=\"01-JUR07596-retus-web\" 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\/02\/JUR09011-768x432.webp' href=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/02\/JUR09011-scaled.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\/JUR09011-768x432.webp\" alt=\"JUR09011\" 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\/02\/01-JUR07621-1-768x432.webp' href=\"https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/02\/01-JUR07621-1-scaled.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\/01-JUR07621-1-768x432.webp\" alt=\"01 JUR07621\" width=\"650\" height=\"366\">\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 id=\"panel-848-6-0-1\" class=\"so-panel widget widget_divider_widget panel-last-child\" data-index=\"9\" ><div class=\"divider\"><\/div><\/div><\/div><\/div><\/div><div id=\"pg-848-7\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-848-7-0\"  class=\"panel-grid-cell\" ><div id=\"panel-848-7-0-0\" class=\"so-panel widget widget_dynamic-content-simple-widget panel-first-child\" data-index=\"10\" ><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        ARTISTS    <\/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\/2025\/02\/03-JUR07745-1024x576.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\">Sculptor Tibor B\u00e1rtfay<\/h3>\n                \n                                    <div class=\"move-from-left\"><p>As you enter the premises of the Wellness Hotel CHOPOK****, you are greeted by the monumental bronze sculpture Youth by the academic sculptor and national artist Tibor B\u00e1rtfay (1922\u20132015), which has welcomed visitors for many years.<br \/>From contemporary artists, we are showcasing large-scale works by academic painter J\u00e1n Ra\u0161ka, who lives and works in Bratislava. The presence of Ra\u0161ka's signature style is everywhere. His decorative paintings, digital reproductions, and sculptural details adorn the entire hotel.<br \/>As you stroll across the hotel, you will find yourself in various, always original, places. <\/p>\n<\/div>\n                \n                            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n<\/div><\/div><div id=\"panel-848-7-0-1\" class=\"so-panel widget widget_dynamic-content-center-line-widget panel-last-child\" data-index=\"11\" ><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 \">\n\n    \n            <div class=\"dynamic-block-center-line left\">\n                <div class=\"bg-color\" style=\"background-color: transparent\"><\/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\">Painter J\u00e1n Ra\u0161ka<\/h2>\n                                                                                                    <div class=\"article move-from-left\"><p>From contemporary artists, we proudly exhibit large-format works by academic painter J\u00e1n Ra\u0161ka, who lives and works in Bratislava. His artistic signature is ever-present throughout the hotel. His decorative paintings, digital reproductions, and sculptural details adorn the entire space, creating a unique atmosphere. As you walk through the hotel, you'll find yourself in various distinctive and original settings.   &nbsp;<\/p>\n<\/div>\n                                                                    <\/div>\n                <\/div>\n\n                <div class=\"dynamic-block-center-line__images dynamic-block-once\">\n                                            <div class=\"img-wrapper img-wrapper__up\"\n                            style=\"background-image: url('https:\/\/www.hotelchopok.sk\/wp-content\/uploads\/2025\/02\/JUR07504-scaled.webp');\n                                background-size: cover;\n                                background-repeat: no-repeat;\n                                background-position: center center;\n                                flex-grow: 1;\">\n                        <\/div>\n                                                        <\/div>\n\n            <\/div>\n\n        \n<\/div>\n<\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Chopok Art Gallery Check availability Wellness Hotel Chopok ****Apartments and Studios L\u00fa\u010dky Select dates Adults Children Check the price +421 \/ 911 611 386 recepcia@hotelchopok.sk \u2039 \u203a Mon Tue Wed Thu Fri Sat Sun \u2716 Confirm Number of adults: \u2212 + Minimum is 1, maximum is 10. \u2716 Confirm Tu bude hl\u00e1\u0161ka OK Number of [&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-848","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>Chopok Art Gallery - Hotel Chopok<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hotelchopok.sk\/en\/chopok-art-gallery\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Chopok Art Gallery - Hotel Chopok\" \/>\n<meta property=\"og:description\" content=\"Chopok Art Gallery Check availability Wellness Hotel Chopok ****Apartments and Studios L\u00fa\u010dky Select dates Adults Children Check the price +421 \/ 911 611 386 recepcia@hotelchopok.sk \u2039 \u203a Mon Tue Wed Thu Fri Sat Sun \u2716 Confirm Number of adults: \u2212 + Minimum is 1, maximum is 10. \u2716 Confirm Tu bude hl\u00e1\u0161ka OK Number of [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hotelchopok.sk\/en\/chopok-art-gallery\/\" \/>\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-08T16:14:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hotelchopok.sk\/wp-content\/plugins\/wp-carousel-free\/public\/css\/spinner.svg\" \/>\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\\\/en\\\/chopok-art-gallery\\\/\",\"url\":\"https:\\\/\\\/www.hotelchopok.sk\\\/en\\\/chopok-art-gallery\\\/\",\"name\":\"Chopok Art Gallery - Hotel Chopok\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hotelchopok.sk\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hotelchopok.sk\\\/en\\\/chopok-art-gallery\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hotelchopok.sk\\\/en\\\/chopok-art-gallery\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.hotelchopok.sk\\\/wp-content\\\/plugins\\\/wp-carousel-free\\\/public\\\/css\\\/spinner.svg\",\"datePublished\":\"2024-09-23T13:12:27+00:00\",\"dateModified\":\"2026-04-08T16:14:45+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hotelchopok.sk\\\/en\\\/chopok-art-gallery\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hotelchopok.sk\\\/en\\\/chopok-art-gallery\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hotelchopok.sk\\\/en\\\/chopok-art-gallery\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.hotelchopok.sk\\\/wp-content\\\/plugins\\\/wp-carousel-free\\\/public\\\/css\\\/spinner.svg\",\"contentUrl\":\"https:\\\/\\\/www.hotelchopok.sk\\\/wp-content\\\/plugins\\\/wp-carousel-free\\\/public\\\/css\\\/spinner.svg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hotelchopok.sk\\\/en\\\/chopok-art-gallery\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Domovsk\u00e1 str\u00e1nka\",\"item\":\"https:\\\/\\\/www.hotelchopok.sk\\\/en\\\/home\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Chopok Art Gallery\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hotelchopok.sk\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/www.hotelchopok.sk\\\/en\\\/\",\"name\":\"Hotel Chopok\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hotelchopok.sk\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hotelchopok.sk\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hotelchopok.sk\\\/en\\\/#organization\",\"name\":\"Hotel Chopok\",\"url\":\"https:\\\/\\\/www.hotelchopok.sk\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hotelchopok.sk\\\/en\\\/#\\\/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\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/wellness.hotel.chopok\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Chopok Art Gallery - Hotel Chopok","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hotelchopok.sk\/en\/chopok-art-gallery\/","og_locale":"en_US","og_type":"article","og_title":"Chopok Art Gallery - Hotel Chopok","og_description":"Chopok Art Gallery Check availability Wellness Hotel Chopok ****Apartments and Studios L\u00fa\u010dky Select dates Adults Children Check the price +421 \/ 911 611 386 recepcia@hotelchopok.sk \u2039 \u203a Mon Tue Wed Thu Fri Sat Sun \u2716 Confirm Number of adults: \u2212 + Minimum is 1, maximum is 10. \u2716 Confirm Tu bude hl\u00e1\u0161ka OK Number of [&hellip;]","og_url":"https:\/\/www.hotelchopok.sk\/en\/chopok-art-gallery\/","og_site_name":"Hotel Chopok","article_publisher":"https:\/\/www.facebook.com\/wellness.hotel.chopok\/","article_modified_time":"2026-04-08T16:14:45+00:00","og_image":[{"url":"https:\/\/www.hotelchopok.sk\/wp-content\/plugins\/wp-carousel-free\/public\/css\/spinner.svg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.hotelchopok.sk\/en\/chopok-art-gallery\/","url":"https:\/\/www.hotelchopok.sk\/en\/chopok-art-gallery\/","name":"Chopok Art Gallery - Hotel Chopok","isPartOf":{"@id":"https:\/\/www.hotelchopok.sk\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hotelchopok.sk\/en\/chopok-art-gallery\/#primaryimage"},"image":{"@id":"https:\/\/www.hotelchopok.sk\/en\/chopok-art-gallery\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hotelchopok.sk\/wp-content\/plugins\/wp-carousel-free\/public\/css\/spinner.svg","datePublished":"2024-09-23T13:12:27+00:00","dateModified":"2026-04-08T16:14:45+00:00","breadcrumb":{"@id":"https:\/\/www.hotelchopok.sk\/en\/chopok-art-gallery\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hotelchopok.sk\/en\/chopok-art-gallery\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hotelchopok.sk\/en\/chopok-art-gallery\/#primaryimage","url":"https:\/\/www.hotelchopok.sk\/wp-content\/plugins\/wp-carousel-free\/public\/css\/spinner.svg","contentUrl":"https:\/\/www.hotelchopok.sk\/wp-content\/plugins\/wp-carousel-free\/public\/css\/spinner.svg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hotelchopok.sk\/en\/chopok-art-gallery\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Domovsk\u00e1 str\u00e1nka","item":"https:\/\/www.hotelchopok.sk\/en\/home\/"},{"@type":"ListItem","position":2,"name":"Chopok Art Gallery"}]},{"@type":"WebSite","@id":"https:\/\/www.hotelchopok.sk\/en\/#website","url":"https:\/\/www.hotelchopok.sk\/en\/","name":"Hotel Chopok","description":"","publisher":{"@id":"https:\/\/www.hotelchopok.sk\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hotelchopok.sk\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hotelchopok.sk\/en\/#organization","name":"Hotel Chopok","url":"https:\/\/www.hotelchopok.sk\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hotelchopok.sk\/en\/#\/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\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/wellness.hotel.chopok\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.hotelchopok.sk\/en\/wp-json\/wp\/v2\/pages\/848","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hotelchopok.sk\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hotelchopok.sk\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hotelchopok.sk\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hotelchopok.sk\/en\/wp-json\/wp\/v2\/comments?post=848"}],"version-history":[{"count":1,"href":"https:\/\/www.hotelchopok.sk\/en\/wp-json\/wp\/v2\/pages\/848\/revisions"}],"predecessor-version":[{"id":3026,"href":"https:\/\/www.hotelchopok.sk\/en\/wp-json\/wp\/v2\/pages\/848\/revisions\/3026"}],"wp:attachment":[{"href":"https:\/\/www.hotelchopok.sk\/en\/wp-json\/wp\/v2\/media?parent=848"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}