{"id":2337,"date":"2026-07-22T07:15:52","date_gmt":"2026-07-22T07:15:52","guid":{"rendered":"https:\/\/nakedchefs.gr\/new\/?page_id=2337"},"modified":"2026-07-24T09:58:38","modified_gmt":"2026-07-24T09:58:38","slug":"home","status":"publish","type":"page","link":"https:\/\/nakedchefs.gr\/el\/","title":{"rendered":"\u0391\u03c1\u03c7\u03b9\u03ba\u03ae"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_0 et_pb_row et_block_row\">\n<div class=\"et_pb_column_0 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_text_0 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module\"><div class=\"et_pb_text_inner\"><h2>    <style>\r\n        \/* ===== Hero Video Section - Scoped with .nc-hero- prefix ===== *\/\r\n        .nc-hero-wrapper {\r\n            font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;\r\n        }\r\n        \r\n        .nc-hero-section {\r\n            position: relative;\r\n            min-height: 100vh;\r\n            min-height: 100svh;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            align-items: center;\r\n            text-align: center;\r\n            overflow: hidden;\r\n            background: #0a0a0a;\r\n        }\r\n        \r\n        \/* Video Background *\/\r\n        .nc-hero-video {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            z-index: 1;\r\n        }\r\n        \r\n        \/* Overlay Gradient *\/\r\n        .nc-hero-overlay {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.65));\r\n            z-index: 2;\r\n        }\r\n        \r\n        \/* Content *\/\r\n        .nc-hero-content {\r\n            position: relative;\r\n            z-index: 10;\r\n            max-width: 64rem;\r\n            width: 100%;\r\n            padding: 0 1.5rem;\r\n        }\r\n        \r\n        \/* Badge *\/\r\n        .nc-hero-badge {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 0.5rem;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(6px);\r\n            padding: 0.5rem 1.25rem;\r\n            border-radius: 9999px;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n        \r\n        .nc-hero-badge-star {\r\n            color: #fbbf24;\r\n        }\r\n        \r\n        .nc-hero-badge-text {\r\n            font-size: 0.75rem;\r\n            letter-spacing: 0.1em;\r\n            color: rgba(255, 255, 255, 0.8);\r\n            font-weight: 500;\r\n            text-transform: uppercase;\r\n        }\r\n        \r\n        \/* Titles - Cormorant Garamond *\/\r\n        .nc-hero-wrapper h1,\r\n        .nc-hero-wrapper h2,\r\n        .nc-hero-wrapper h3 {\r\n            font-family: 'Playfair Display', Georgia, 'Times New Roman', serif !important;\r\n            color: #ffffff !important;\r\n            font-weight: 400 !important;\r\n            line-height: 1.1 !important;\r\n            margin: 0 !important;\r\n            padding: 0 !important;\r\n        }\r\n        \r\n        .nc-hero-title {\r\n            font-size: clamp(2.5rem, 6vw, 4.5rem) !important;\r\n            line-height: 1 !important;\r\n            letter-spacing: -0.02em !important;\r\n        }\r\n        \r\n        .nc-hero-title em {\r\n            font-style: italic;\r\n            color: #f3efe8 !important;\r\n        }\r\n        \r\n        \/* Subtitle - Inter *\/\r\n        .nc-hero-subtitle {\r\n            font-family: 'Inter', sans-serif !important;\r\n            font-size: clamp(1rem, 2.5vw, 1.25rem);\r\n            color: rgba(255, 255, 255, 0.9) !important;\r\n            max-width: 42rem;\r\n            margin: 1.5rem auto 2.5rem;\r\n            font-weight: 400;\r\n            line-height: 1.6;\r\n        }\r\n        \r\n        \/* Buttons Container *\/\r\n        .nc-hero-buttons {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 1rem;\r\n            justify-content: center;\r\n        }\r\n        \r\n        \/* Buttons - Both outline style *\/\r\n        .nc-btn-outline {\r\n            background: transparent !important;\r\n            color: #ffffff !important;\r\n            padding: 1rem 2.5rem !important;\r\n            border-radius: 9999px !important;\r\n            font-weight: 500 !important;\r\n            font-family: 'Inter', sans-serif !important;\r\n            font-size: 0.875rem !important;\r\n            letter-spacing: 0.04em !important;\r\n            border: 1px solid rgba(255, 255, 255, 0.5) !important;\r\n            transition: all 0.3s ease !important;\r\n            display: inline-block;\r\n            cursor: pointer;\r\n            text-decoration: none;\r\n            text-transform: none;\r\n        }\r\n        \r\n        .nc-btn-outline:hover {\r\n            background: #ffffff !important;\r\n            color: #1a1a1a !important;\r\n            border-color: #ffffff !important;\r\n        }\r\n        \r\n        \/* Scroll Indicator *\/\r\n        .nc-scroll-indicator {\r\n            position: absolute;\r\n            bottom: 2rem;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            z-index: 10;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            color: rgba(255, 255, 255, 0.6);\r\n            font-size: 0.68rem;\r\n            letter-spacing: 0.22em;\r\n            text-transform: uppercase;\r\n            font-family: 'Inter', sans-serif;\r\n            font-weight: 600;\r\n        }\r\n        \r\n        .nc-scroll-line {\r\n            width: 1px;\r\n            height: 2rem;\r\n            background: rgba(255, 255, 255, 0.4);\r\n            margin-top: 0.75rem;\r\n            animation: nc-scroll-pulse 2s ease-in-out infinite;\r\n        }\r\n        \r\n        @keyframes nc-scroll-pulse {\r\n            0%, 100% { transform: scaleY(1); opacity: 1; }\r\n            50% { transform: scaleY(0.5); opacity: 0.5; }\r\n        }\r\n        \r\n        \/* ===== Video Controls ===== *\/\r\n        .nc-hero-control-btn {\r\n            position: absolute;\r\n            bottom: 25px;\r\n            z-index: 99999;\r\n            cursor: pointer;\r\n            width: 45px;\r\n            height: 45px;\r\n            background-color: rgba(255, 255, 255, 0.95);\r\n            border: none;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            box-shadow: 0 4px 12px rgba(0,0,0,0.2);\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .nc-hero-control-btn:hover {\r\n            transform: scale(1.1);\r\n            box-shadow: 0 6px 16px rgba(0,0,0,0.3);\r\n            background-color: #ffffff;\r\n        }\r\n        \r\n        \/* Mute Button - Right *\/\r\n        .nc-hero-mute-btn {\r\n            right: 25px;\r\n        }\r\n        \r\n        \/* Fullscreen Button - Left of mute *\/\r\n        .nc-hero-fullscreen-btn {\r\n            right: 80px;\r\n        }\r\n        \r\n        .nc-hero-control-btn svg {\r\n            width: 20px;\r\n            height: 20px;\r\n            stroke: #1a1a1a;\r\n            stroke-width: 2;\r\n            stroke-linecap: round;\r\n            stroke-linejoin: round;\r\n            fill: none;\r\n        }\r\n        \r\n        .nc-hero-control-btn svg path {\r\n            stroke: #1a1a1a;\r\n        }\r\n        \r\n        \/* Sound icons toggle *\/\r\n        .nc-hero-control-btn .icon-muted { display: none; }\r\n        .nc-hero-section.has-sound .nc-hero-mute-btn .icon-playing { display: none; }\r\n        .nc-hero-section.has-sound .nc-hero-mute-btn .icon-muted { display: block; }\r\n        \r\n        \/* Close Fullscreen Button *\/\r\n        .nc-hero-close-fullscreen-btn {\r\n            position: fixed;\r\n            top: 25px;\r\n            left: 25px;\r\n            right: auto;\r\n            bottom: auto;\r\n            display: none;\r\n            z-index: 2147483647;\r\n        }\r\n        \r\n        \/* Hide content in fullscreen *\/\r\n        .nc-hero-section:fullscreen .nc-hero-inner-content,\r\n        .nc-hero-section:-webkit-full-screen .nc-hero-inner-content,\r\n        .nc-hero-section:fullscreen .nc-scroll-indicator,\r\n        .nc-hero-section:-webkit-full-screen .nc-scroll-indicator {\r\n            display: none;\r\n        }\r\n        \r\n        \/* Show close button in fullscreen *\/\r\n        .nc-hero-section:fullscreen .nc-hero-close-fullscreen-btn,\r\n        .nc-hero-section:-webkit-full-screen .nc-hero-close-fullscreen-btn {\r\n            display: flex;\r\n        }\r\n        \r\n        \/* Responsive *\/\r\n        @media (max-width: 768px) {\r\n            .nc-hero-title {\r\n                font-size: clamp(2rem, 8vw, 3rem) !important;\r\n            }\r\n            \r\n            .nc-hero-buttons {\r\n                flex-direction: column;\r\n                width: 100%;\r\n                max-width: 280px;\r\n                margin: 0 auto;\r\n            }\r\n            \r\n            .nc-btn-outline {\r\n                width: 100%;\r\n                text-align: center;\r\n            }\r\n            \r\n            .nc-hero-control-btn {\r\n                width: 40px;\r\n                height: 40px;\r\n                bottom: 20px;\r\n            }\r\n            \r\n            .nc-hero-fullscreen-btn {\r\n                right: 68px;\r\n            }\r\n            \r\n            .nc-hero-control-btn svg {\r\n                width: 18px;\r\n                height: 18px;\r\n            }\r\n        }\r\n        \r\n        @media (prefers-reduced-motion: reduce) {\r\n            .nc-scroll-line {\r\n                animation: none;\r\n            }\r\n        }\r\n    <\/style>\r\n    \r\n    <div class=\"nc-hero-wrapper\">\r\n        <section class=\"nc-hero-section\" id=\"nc-hero\">\r\n            <!-- Video -->\r\n            <video class=\"nc-hero-video\" autoplay muted loop playsinline poster=\"https:\/\/nakedchefs.gr\/wp-content\/uploads\/2025\/06\/31584f186bb0ab4cd52fa9ec240aae32.jpg\">\r\n                <source src=\"https:\/\/nakedchefs.gr\/wp-content\/uploads\/2026\/07\/Naked-Chefs-Video_Cover_2.mp4\" type=\"video\/mp4\">\r\n            <\/video>\r\n            \r\n            <!-- Overlay -->\r\n            <div class=\"nc-hero-overlay\"><\/div>\r\n            \r\n            <!-- Content -->\r\n            <div class=\"nc-hero-inner-content\">\r\n                <div class=\"nc-hero-content\">\r\n                    <!-- Badge -->\r\n                    <div class=\"nc-hero-badge\">\r\n                      <!--  <span class=\"nc-hero-badge-star\">\u2605<\/span> -->\r\n                        <span class=\"nc-hero-badge-text\">Crete \u2022 Greece<\/span>\r\n                    <\/div>\r\n                    \r\n                    <!-- Title -->\r\n                    <h1 class=\"nc-hero-title\">\r\n                        Exclusive Private<br><em>Chef<\/em>&nbsp; & Catering<br>Services in Crete\r\n                    <\/h1>\r\n                    \r\n                    <!-- Subtitle -->\r\n                    <p class=\"nc-hero-subtitle\">\r\n                        Authentic flavors, local ingredients, and unforgettable culinary experiences in the comfort of your private space\r\n                    <\/p>\r\n                    \r\n                    <!-- Buttons -->\r\n                    <div class=\"nc-hero-buttons\">\r\n                        <a href=\"https:\/\/nakedchefs.travelotopos.com\/?cids=11%2C3%2C2%2C5%2C6%2C7%2C10\" target=\"_blank\" class=\"nc-btn-outline\" rel=\"noopener\">Book Now<\/a>\r\n                        <a href=\"https:\/\/nakedchefs.gr\/about-us\" class=\"nc-btn-outline\">Explore Menus<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- Scroll Indicator -->\r\n                <div class=\"nc-scroll-indicator\">\r\n                    <span>Scroll<\/span>\r\n                    <div class=\"nc-scroll-line\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Control Buttons -->\r\n            <button class=\"nc-hero-control-btn nc-hero-mute-btn\" aria-label=\"Toggle sound\" title=\"Toggle sound\">\r\n                <svg class=\"icon-muted\" viewBox=\"0 0 24 24\">\r\n                    <path d=\"M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z\"\/>\r\n                    <path d=\"M16 9a5 5 0 0 1 0 6\" fill=\"none\"\/>\r\n                    <path d=\"M19.364 18.364a9 9 0 0 0 0-12.728\" fill=\"none\"\/>\r\n                <\/svg>\r\n                <svg class=\"icon-playing\" viewBox=\"0 0 24 24\">\r\n                    <path d=\"M16 9a5 5 0 0 1 .95 2.293\" fill=\"none\"\/>\r\n                    <path d=\"M19.364 5.636a9 9 0 0 1 1.889 9.96\" fill=\"none\"\/>\r\n                    <path d=\"m7 7-.587.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298V11\" fill=\"none\"\/>\r\n                <\/svg>\r\n            <\/button>\r\n            \r\n            <button class=\"nc-hero-control-btn nc-hero-fullscreen-btn\" aria-label=\"Fullscreen\" title=\"Fullscreen\">\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <path d=\"M8 3H5a2 2 0 0 0-2 2v3\"\/><path d=\"M21 8V5a2 2 0 0 0-2-2h-3\"\/><path d=\"M3 16v3a2 2 0 0 0 2 2h3\"\/><path d=\"M16 21h3a2 2 0 0 0 2-2v-3\"\/>\r\n                <\/svg>\r\n            <\/button>\r\n            \r\n            <button class=\"nc-hero-control-btn nc-hero-close-fullscreen-btn\" aria-label=\"Close fullscreen\" title=\"Close fullscreen\">\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <path d=\"M18 6 6 18\"\/><path d=\"m6 6 12 12\"\/>\r\n                <\/svg>\r\n            <\/button>\r\n        <\/section>\r\n    <\/div>\r\n    \r\n    <script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        setTimeout(function() {\r\n            const heroSection = document.querySelector('.nc-hero-section');\r\n            if (!heroSection) return;\r\n            \r\n            const video = heroSection.querySelector('.nc-hero-video');\r\n            if (!video) return;\r\n            \r\n            \/\/ Check if controls already exist\r\n            if (heroSection.querySelector('.nc-hero-mute-btn.nc-initialized')) return;\r\n            \r\n            \/\/ Mark as initialized\r\n            heroSection.querySelector('.nc-hero-mute-btn').classList.add('nc-initialized');\r\n            \r\n            const muteBtn = heroSection.querySelector('.nc-hero-mute-btn');\r\n            const fsBtn = heroSection.querySelector('.nc-hero-fullscreen-btn');\r\n            const closeFsBtn = heroSection.querySelector('.nc-hero-close-fullscreen-btn');\r\n            \r\n            \/\/ Sound Toggle Functionality\r\n            muteBtn.addEventListener('click', function(e) {\r\n                e.preventDefault();\r\n                e.stopPropagation();\r\n                \r\n                if (video.muted) {\r\n                    video.muted = false;\r\n                    if (video.paused) video.play();\r\n                    heroSection.classList.add('has-sound');\r\n                } else {\r\n                    video.muted = true;\r\n                    heroSection.classList.remove('has-sound');\r\n                }\r\n            });\r\n            \r\n            \/\/ Fullscreen Functionality\r\n            fsBtn.addEventListener('click', function(e) {\r\n                e.preventDefault();\r\n                e.stopPropagation();\r\n                \r\n                if (heroSection.requestFullscreen) {\r\n                    heroSection.requestFullscreen();\r\n                } else if (heroSection.webkitRequestFullscreen) {\r\n                    heroSection.webkitRequestFullscreen();\r\n                } else if (heroSection.msRequestFullscreen) {\r\n                    heroSection.msRequestFullscreen();\r\n                }\r\n            });\r\n            \r\n            \/\/ Close Fullscreen Functionality\r\n            closeFsBtn.addEventListener('click', function(e) {\r\n                e.preventDefault();\r\n                e.stopPropagation();\r\n                \r\n                if (document.exitFullscreen) {\r\n                    document.exitFullscreen();\r\n                } else if (document.webkitExitFullscreen) {\r\n                    document.webkitExitFullscreen();\r\n                } else if (document.msExitFullscreen) {\r\n                    document.msExitFullscreen();\r\n                }\r\n            });\r\n            \r\n            \/\/ Handle fullscreen change\r\n            document.addEventListener('fullscreenchange', function() {\r\n                if (!document.fullscreenElement) {\r\n                    \/\/ Exited fullscreen\r\n                }\r\n            });\r\n            \r\n        }, 1000);\r\n    });\r\n    <\/script>\r\n    <\/h2>\n<p><!-- wp:divi\/placeholder \/--><\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_1 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_1 et_pb_row et_block_row\">\n<div class=\"et_pb_column_1 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\">        \r\n        <style>\r\n            \/* Google Font for calligraphic badge *\/\r\n            @import url('https:\/\/fonts.googleapis.com\/css2?family=Great+Vibes&display=swap');\r\n            \r\n            \/* About Section - Naked Chefs *\/\r\n            .naked-about-wrapper {\r\n                background-color: #0a0a0a !important;\r\n                padding: clamp(80px, 12vw, 140px) 0 !important;\r\n                position: relative;\r\n                overflow: hidden;\r\n            }\r\n            \r\n            .naked-about-container {\r\n                max-width: 1280px;\r\n                margin: 0 auto;\r\n                padding: 0 clamp(20px, 5vw, 60px);\r\n                display: flex;\r\n                align-items: stretch;\r\n                gap: clamp(40px, 6vw, 100px);\r\n                position: relative;\r\n                z-index: 2;\r\n            }\r\n            \r\n            .naked-about-images-col {\r\n                flex: 0 0 48%;\r\n                position: relative;\r\n                display: flex;\r\n                flex-direction: column;\r\n                margin-bottom: clamp(80px, 10vw, 120px);\r\n            }\r\n            \r\n            .naked-about-main-image {\r\n                position: relative;\r\n                width: 100%;\r\n                aspect-ratio: 1140\/1034;\r\n                overflow: hidden;\r\n                border-radius: 2px;\r\n            }\r\n            \r\n            .naked-about-main-image img {\r\n                width: 100%;\r\n                height: 100%;\r\n                object-fit: cover;\r\n                transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n            }\r\n            \r\n            .naked-about-main-image:hover img {\r\n                transform: scale(1.03);\r\n            }\r\n            \r\n            .naked-about-video-wrapper {\r\n                position: absolute;\r\n                bottom: -60px;\r\n                left: -40px;\r\n                width: 316px;\r\n                height: 420px;\r\n                overflow: hidden;\r\n                border-radius: 2px;\r\n                box-shadow: 0 20px 60px rgba(0,0,0,0.6);\r\n                z-index: 10;\r\n            }\r\n            \r\n            .naked-about-video-wrapper video {\r\n                width: 100%;\r\n                height: 100%;\r\n                object-fit: cover;\r\n            }\r\n            \r\n            .naked-about-circular {\r\n                position: absolute;\r\n                bottom: -80px;\r\n                right: -30px;\r\n                width: 180px;\r\n                height: 180px;\r\n                z-index: 5;\r\n            }\r\n            \r\n            .naked-circular-text {\r\n                animation: rotate 20s linear infinite;\r\n            }\r\n            \r\n            .naked-circular-text text {\r\n                font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;\r\n                font-size: 11px;\r\n                font-weight: 300;\r\n                letter-spacing: 3px;\r\n                fill: rgba(255,255,255,0.6);\r\n                text-transform: uppercase;\r\n            }\r\n            \r\n            @keyframes rotate {\r\n                from { transform: rotate(0deg); }\r\n                to { transform: rotate(360deg); }\r\n            }\r\n            \r\n            .naked-about-bottom-row {\r\n                position: absolute;\r\n                bottom: 20px;\r\n                left: 50%;\r\n                transform: translateX(-50%);\r\n                display: flex;\r\n                justify-content: center;\r\n                align-items: center;\r\n                z-index: 999;\r\n                width: 100%;\r\n            }\r\n            \r\n            .naked-about-since {\r\n                font-family: 'Great Vibes', cursive !important;\r\n                font-size: clamp(32px, 4vw, 48px);\r\n                color: rgba(255,255,255,0.7);\r\n                font-weight: 400;\r\n                line-height: 1;\r\n                letter-spacing: 1px;\r\n                text-align: center;\r\n            }\r\n            \r\n            .naked-about-content-col {\r\n                flex: 0 0 52%;\r\n                display: flex;\r\n                flex-direction: column;\r\n                padding-bottom: 20px;\r\n            }\r\n            \r\n            .naked-about-label {\r\n                font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;\r\n                font-size: clamp(12px, 1.5vw, 14px);\r\n                text-transform: uppercase;\r\n                letter-spacing: 3px;\r\n                color: rgba(255,255,255,0.6);\r\n                margin-bottom: clamp(15px, 2vw, 20px);\r\n                display: block;\r\n                font-weight: 400;\r\n            }\r\n            \r\n            .naked-about-title {\r\n                font-family: 'Playfair Display', Georgia, 'Times New Roman', serif !important;\r\n                font-size: clamp(32px, 4.5vw, 48px);\r\n                font-weight: 300;\r\n                line-height: 1.2;\r\n                color: #ffffff;\r\n                margin-bottom: clamp(20px, 2.5vw, 30px);\r\n                letter-spacing: -0.01em;\r\n            }\r\n            \r\n            .naked-about-divider {\r\n                width: 60px;\r\n                height: 1px;\r\n                background: rgba(255,255,255,0.3);\r\n                margin-bottom: clamp(25px, 3vw, 35px);\r\n                position: relative;\r\n            }\r\n            \r\n            .naked-about-divider::before {\r\n                content: '\u25c6';\r\n                position: absolute;\r\n                left: 50%;\r\n                top: 50%;\r\n                transform: translate(-50%, -50%);\r\n                font-size: 8px;\r\n                color: rgba(255,255,255,0.5);\r\n                background: #0a0a0a;\r\n                padding: 0 8px;\r\n            }\r\n            \r\n            .naked-about-text {\r\n                font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;\r\n                font-size: clamp(15px, 1.8vw, 17px);\r\n                line-height: 1.9;\r\n                color: rgba(255,255,255,0.75);\r\n                margin-bottom: clamp(20px, 2.5vw, 30px);\r\n                font-weight: 300;\r\n            }\r\n            \r\n            .naked-about-text p {\r\n                margin-bottom: 1.5em;\r\n            }\r\n            \r\n            .naked-about-text p:last-child {\r\n                margin-bottom: 0;\r\n            }\r\n            \r\n            .naked-about-quote {\r\n                font-family: 'Playfair Display', Georgia, 'Times New Roman', serif !important;\r\n                font-size: clamp(17px, 2.5vw, 21px);\r\n                font-style: italic;\r\n                color: rgba(255,255,255,0.85);\r\n                line-height: 1.7;\r\n                margin: clamp(25px, 3vw, 35px) 0;\r\n                padding-left: 0;\r\n                position: relative;\r\n            }\r\n            \r\n            .naked-about-spacer {\r\n                flex-grow: 1;\r\n                min-height: 20px;\r\n            }\r\n            \r\n            .naked-about-cta {\r\n                display: inline-flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                gap: 12px;\r\n                padding: clamp(14px, 1.5vw, 18px) clamp(30px, 4vw, 40px);\r\n                background: transparent;\r\n                border: 1px solid rgba(255,255,255,0.3);\r\n                color: #ffffff;\r\n                font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;\r\n                font-size: clamp(10px, 1.2vw, 12px);\r\n                font-weight: 500;\r\n                text-transform: uppercase;\r\n                letter-spacing: 2.5px;\r\n                cursor: pointer;\r\n                transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n                text-decoration: none;\r\n                position: relative;\r\n                overflow: hidden;\r\n                border-radius: 2px;\r\n                align-self: flex-start;\r\n            }\r\n            \r\n            .naked-about-cta::before {\r\n                content: '';\r\n                position: absolute;\r\n                top: 0;\r\n                left: 0;\r\n                width: 0%;\r\n                height: 100%;\r\n                background: rgba(255,255,255,0.1);\r\n                transition: width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n                z-index: -1;\r\n            }\r\n            \r\n            .naked-about-cta:hover {\r\n                border-color: rgba(255,255,255,0.8);\r\n                color: #ffffff;\r\n                transform: translateY(-2px);\r\n            }\r\n            \r\n            .naked-about-cta:hover::before {\r\n                width: 100%;\r\n            }\r\n            \r\n            .naked-about-cta svg {\r\n                width: 16px;\r\n                height: 16px;\r\n                transition: transform 0.3s ease;\r\n            }\r\n            \r\n            .naked-about-cta:hover svg {\r\n                transform: translateX(4px);\r\n            }\r\n            \r\n            \/* Responsive Design *\/\r\n            @media (max-width: 1024px) {\r\n                .naked-about-video-wrapper {\r\n                    width: 280px;\r\n                    height: 370px;\r\n                    bottom: -50px;\r\n                    left: -30px;\r\n                }\r\n                \r\n                .naked-about-circular {\r\n                    width: 150px;\r\n                    height: 150px;\r\n                    right: -20px;\r\n                    bottom: -70px;\r\n                }\r\n            }\r\n            \r\n            @media (max-width: 968px) {\r\n                .naked-about-container {\r\n                    flex-direction: column;\r\n                    gap: 60px;\r\n                }\r\n                \r\n                .naked-about-images-col,\r\n                .naked-about-content-col {\r\n                    flex: 0 0 100%;\r\n                }\r\n                \r\n                .naked-about-main-image {\r\n                    aspect-ratio: 16\/9;\r\n                }\r\n                \r\n                .naked-about-video-wrapper {\r\n                    width: 240px;\r\n                    height: 318px;\r\n                    bottom: -40px;\r\n                    left: -25px;\r\n                }\r\n                \r\n                .naked-about-circular {\r\n                    width: 140px;\r\n                    height: 140px;\r\n                    right: 20px;\r\n                    bottom: -60px;\r\n                }\r\n                \r\n                .naked-about-bottom-row {\r\n                    bottom: 10px;\r\n                }\r\n\r\n                .naked-about-content-col {\r\n                    order: -1;\r\n                }\r\n\r\n                .naked-about-images-col {\r\n                    order: 0;\r\n                }\r\n            }\r\n            \r\n            @media (max-width: 640px) {\r\n                .naked-about-wrapper {\r\n                    padding: 60px 0;\r\n                }\r\n                \r\n                .naked-about-video-wrapper {\r\n                    width: 200px;\r\n                    height: 265px;\r\n                    bottom: -30px;\r\n                    left: -20px;\r\n                }\r\n                \r\n                .naked-about-circular {\r\n                    width: 120px;\r\n                    height: 120px;\r\n                    right: 10px;\r\n                    bottom: -50px;\r\n                }\r\n                \r\n                .naked-about-bottom-row {\r\n                    bottom: 5px;\r\n                }\r\n                \r\n                .naked-about-cta {\r\n                    align-self: stretch;\r\n                    justify-content: center;\r\n                }\r\n            }\r\n            \r\n            .naked-about-fade-in {\r\n                opacity: 0;\r\n                transform: translateY(40px);\r\n                transition: opacity 1s ease, transform 1s ease;\r\n            }\r\n            \r\n            .naked-about-fade-in.visible {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        <\/style>\r\n        \r\n        <div class=\"naked-about-wrapper\">\r\n            <div class=\"naked-about-container\">\r\n                \r\n                <!-- Left Column - Images -->\r\n                <div class=\"naked-about-images-col naked-about-fade-in\">\r\n                    <div class=\"naked-about-main-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/travelotopos-assets.s3.eu-south-1.amazonaws.com\/files\/nakedchefs\/resources\/a674e0f306e3c47696c363d2d3c42c74.jpg\" alt=\"Naked Chefs - Private Dining Experience\" loading=\"lazy\" title=\"\">\r\n                    <\/div>\r\n                    \r\n                    <div class=\"naked-about-video-wrapper\">\r\n                        <video autoplay muted loop playsinline>\r\n                            <source src=\"https:\/\/nakedchefs.gr\/wp-content\/uploads\/2026\/07\/naked_chefs_Story_19.mp4\" type=\"video\/mp4\">\r\n                        <\/video>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"naked-about-circular\">\r\n                        <svg class=\"naked-circular-text\" viewBox=\"0 0 180 180\">\r\n                            <defs>\r\n                                <path id=\"circlePath\" d=\"M 90, 90 m -75, 0 a 75,75 0 1,1 150,0 a 75,75 0 1,1 -150,0\"\/>\r\n                            <\/defs>\r\n                            <text>\r\n                                <textPath href=\"#circlePath\">\r\n                                    PRIVATE DINING \u2022 PRIVATE CHEF \u2022 PRIVATE DINING \u2022 PRIVATE CHEF \u2022 \r\n                                <\/textPath>\r\n                            <\/text>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"naked-about-bottom-row\">\r\n                        <span class=\"naked-about-since\">Naked Chefs<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- Right Column - Content -->\r\n                <div class=\"naked-about-content-col naked-about-fade-in\">\r\n                    <span class=\"naked-about-label\">About Us<\/span>\r\n                    \r\n                    <h2 class=\"naked-about-title\">\r\n                        Fresh Seafood, Artisanal Sushi &amp; Bespoke Dining\r\n                    <\/h2>\r\n                    \r\n                    <div class=\"naked-about-divider\"><\/div>\r\n                    \r\n                    <div class=\"naked-about-text\">\r\n                        <p>\r\n                            The philosophy of Naked Chefs is simple: we use the best local ingredients, we love cooking, and we focus on what we do best \u2013 <strong>fresh seafood<\/strong>, <strong>artisanal sushi<\/strong>, and great Mediterranean flavours. We bring fine dining to your villa, tailoring every menu to your taste, whether you want a relaxed dinner, a celebratory feast, or something in between.\r\n                        <\/p>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"naked-about-quote\">\r\n                        Tell us what you crave, and we\u2019ll create a meal that fits the moment \u2013 from sea to plate, exactly as you imagined it.\r\n                    <\/div>\r\n                    \r\n                    <div class=\"naked-about-spacer\"><\/div>\r\n                    \r\n                    <a href=\"https:\/\/nakedchefs.gr\/about-us\/\" class=\"naked-about-cta\">\r\n                        Discover More\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\r\n                        <\/svg>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <script>\r\n            document.addEventListener('DOMContentLoaded', function() {\r\n                const observerOptions = {\r\n                    root: null,\r\n                    rootMargin: '0px',\r\n                    threshold: 0.1\r\n                };\r\n                \r\n                const observer = new IntersectionObserver((entries) => {\r\n                    entries.forEach(entry => {\r\n                        if (entry.isIntersecting) {\r\n                            entry.target.classList.add('visible');\r\n                            observer.unobserve(entry.target);\r\n                        }\r\n                    });\r\n                }, observerOptions);\r\n                \r\n                const fadeElements = document.querySelectorAll('.naked-about-fade-in');\r\n                fadeElements.forEach(el => observer.observe(el));\r\n            });\r\n        <\/script>\r\n        \r\n        <\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_2 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_2 et_pb_row et_block_row\">\n<div class=\"et_pb_column_2 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_1 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Inter:wght@300;400;500;600;700&display=swap');\r\n\/* ===== Scoped container ===== *\/\r\n.nc3-section {\r\n\/* \u039d\u03ad\u03bf background \u03bc\u03b5 overlay \u03ba\u03b1\u03b9 \u03b5\u03b9\u03ba\u03cc\u03bd\u03b1 *\/\r\nbackground: linear-gradient(rgba(14, 19, 23, 0.85), rgba(14, 19, 23, 0.9)), url('https:\/\/nakedchefs.gr\/wp-content\/uploads\/2026\/07\/naked_chefs_img_5.webp');\r\nbackground-size: cover;\r\nbackground-position: center;\r\nbackground-repeat: no-repeat;\r\npadding: 64px 0;\r\nmargin-bottom:-2px;\r\nfont-family: 'Inter', sans-serif;\r\n-webkit-font-smoothing: antialiased;\r\n-moz-osx-font-smoothing: grayscale;\r\n}\r\n.nc3-container {\r\nwidth: 80%;\r\nmax-width: 1200px;\r\nmargin: 0 auto;\r\n}\r\n\/* ===== Header row ===== *\/\r\n.nc3-header {\r\ndisplay: flex;\r\njustify-content: space-between;\r\nalign-items: flex-end;\r\nmargin-bottom: 48px;\r\nflex-wrap: wrap;\r\ngap: 24px;\r\n}\r\n.nc3-header-left { flex: 1 1 320px; }\r\n.nc3-eyebrow {\r\nfont-family: 'Inter', sans-serif;\r\nfont-size: 0.65rem;\r\nfont-weight: 600;\r\nletter-spacing: 0.22em;\r\ntext-transform: uppercase;\r\ncolor: rgba(255, 255, 255, 0.5);\r\nmargin: 0 0 14px 0;\r\n}\r\n.nc3-title {\r\nfont-family: 'Cormorant Garamond', serif;\r\nfont-size: clamp(2rem, 4vw, 2.8rem);\r\nfont-weight: 400;\r\ncolor: #ffffff;\r\nline-height: 1.1;\r\nmargin: 0;\r\n}\r\n.nc3-header-right {\r\nmax-width: 340px;\r\nflex: 0 1 340px;\r\n}\r\n.nc3-description {\r\nfont-family: 'Inter', sans-serif;\r\nfont-size: 0.875rem;\r\nline-height: 1.6;\r\ncolor: rgba(255, 255, 255, 0.7);\r\nmargin: 0;\r\n}\r\n\/* ===== Grid ===== *\/\r\n.nc3-grid {\r\ndisplay: grid;\r\ngrid-template-columns: repeat(3, 1fr);\r\ngap: 20px;\r\n}\r\n@media (max-width: 960px) {\r\n.nc3-grid { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n@media (max-width: 600px) {\r\n.nc3-grid { grid-template-columns: 1fr; }\r\n.nc3-header { flex-direction: column; align-items: flex-start; }\r\n.nc3-container { width: 90%; }\r\n.nc3-section { padding: 48px 0; }\r\n.nc3-header-left,\r\n.nc3-header-right {\r\nflex: 0 0 auto;\r\nmax-width: 100%;\r\nwidth: 100%;\r\n}\r\n.nc3-header-right {\r\nmax-width: 100%;\r\n}\r\n}\r\n\/* ===== Cards ===== *\/\r\n.nc3-card {\r\nbackground: #ffffff;\r\noverflow: hidden;\r\ntransition: transform 0.5s cubic-bezier(.2,.8,.2,1), box-shadow 0.5s ease;\r\n}\r\n.nc3-card:hover {\r\ntransform: translateY(-4px);\r\nbox-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.4);\r\n}\r\n.nc3-card-image-wrap {\r\nposition: relative;\r\naspect-ratio: 4 \/ 4;\r\noverflow: hidden;\r\nbackground: #0e1317;\r\n}\r\n.nc3-card-image {\r\nwidth: 100%;\r\nheight: 100%;\r\nobject-fit: cover;\r\ndisplay: block;\r\ntransition: transform 1.1s cubic-bezier(.16,1,.3,1);\r\n}\r\n.nc3-card:hover .nc3-card-image {\r\ntransform: scale(1.05);\r\n}\r\n.nc3-card-number {\r\nposition: absolute;\r\ntop: 14px;\r\nleft: 14px;\r\nbackground: rgba(14, 19, 23, 0.85);\r\ncolor: #ffffff;\r\nfont-family: 'Inter', sans-serif;\r\nfont-size: 0.65rem;\r\nfont-weight: 600;\r\nletter-spacing: 0.1em;\r\npadding: 5px 10px;\r\nborder-radius: 999px;\r\nbackdrop-filter: blur(8px);\r\n-webkit-backdrop-filter: blur(8px);\r\nz-index: 2;\r\n}\r\n.nc3-card-body {\r\npadding: 20px;\r\n}\r\n.nc3-card-title {\r\nfont-family: 'Cormorant Garamond', serif;\r\nfont-size: 1.25rem;\r\nfont-weight: 500;\r\ncolor: #0e1317;\r\nmargin: 0 0 8px 0;\r\nline-height: 1.15;\r\n}\r\n.nc3-card-text {\r\nfont-family: 'Inter', sans-serif;\r\nfont-size: 0.8125rem;\r\nline-height: 1.55;\r\ncolor: rgba(14, 19, 23, 0.65);\r\nmargin: 0 0 16px 0;\r\n}\r\n.nc3-card-link {\r\nfont-family: 'Inter', sans-serif;\r\nfont-size: 0.8125rem;\r\nfont-weight: 500;\r\ncolor: #0e1317;\r\ntext-decoration: none;\r\ndisplay: inline-block;\r\nposition: relative;\r\n}\r\n.nc3-card-link::after {\r\ncontent: '';\r\nposition: absolute;\r\nleft: 0;\r\nbottom: -3px;\r\nheight: 1px;\r\nwidth: 0;\r\nbackground: #0e1317;\r\ntransition: width 0.35s ease;\r\n}\r\n.nc3-card-link:hover::after {\r\nwidth: 100%;\r\n}\r\n@media (prefers-reduced-motion: reduce) {\r\n.nc3-card, .nc3-card-image, .nc3-card-link::after {\r\ntransition: none;\r\n}\r\n}\r\n<\/style>\r\n<section class=\"nc3-section\" aria-labelledby=\"nc3-heading\">\r\n<div class=\"nc3-container\">\r\n<!-- Header -->\r\n<div class=\"nc3-header\">\r\n<div class=\"nc3-header-left\">\r\n<p class=\"nc3-eyebrow\">The Tasting Cards<\/p>\r\n<h2 id=\"nc3-heading\" class=\"nc3-title\">Signature Menus<\/h2>\r\n<\/div>\r\n<div class=\"nc3-header-right\">\r\n<p class=\"nc3-description\">\r\nSix ways to eat well in Crete, pick one or let your chef build a menu around what's fresh.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n<!-- Cards grid -->\r\n<div class=\"nc3-grid\">\r\n<!-- 01 Mediterranean -->\r\n<article class=\"nc3-card\">\r\n<div class=\"nc3-card-image-wrap\">\r\n<img decoding=\"async\" src=\"https:\/\/nakedchefs.gr\/wp-content\/uploads\/2026\/07\/451da17ebfdf8c4b6d5352bd138ac5a2_thumb-1.jpg\" alt=\"Cretan kritharoto with shrimp and mussels\" class=\"nc3-card-image\" loading=\"lazy\" title=\"\">\r\n<span class=\"nc3-card-number\">01<\/span>\r\n<\/div>\r\n<div class=\"nc3-card-body\">\r\n<h3 class=\"nc3-card-title\">Mediterranean Menu<\/h3>\r\n<p class=\"nc3-card-text\">Orzo, shellfish and olive oil, the coastal classics done properly.<\/p>\r\n<a href=\"https:\/\/nakedchefs.travelotopos.com\/?cids=7\" class=\"nc3-card-link\" target=\"_blank\" rel=\"noopener\">View Menu \u2192<\/a>\r\n<\/div>\r\n<\/article>\r\n<!-- 02 Cretan -->\r\n<article class=\"nc3-card\">\r\n<div class=\"nc3-card-image-wrap\">\r\n<img decoding=\"async\" src=\"https:\/\/nakedchefs.gr\/wp-content\/uploads\/2026\/07\/Cretan-Menu.webp\" alt=\"Traditional dakos salad\" class=\"nc3-card-image\" loading=\"lazy\" title=\"\">\r\n<span class=\"nc3-card-number\">02<\/span>\r\n<\/div>\r\n<div class=\"nc3-card-body\">\r\n<h3 class=\"nc3-card-title\">Cretan Menu<\/h3>\r\n<p class=\"nc3-card-text\">Barley rusk, mizithra and ripe tomato, the island's oldest recipe.<\/p>\r\n<a href=\"https:\/\/nakedchefs.travelotopos.com\/?cids=2\" class=\"nc3-card-link\" target=\"_blank\" rel=\"noopener\">View Menu \u2192<\/a>\r\n<\/div>\r\n<\/article>\r\n<!-- 03 Breakfast -->\r\n<article class=\"nc3-card\">\r\n<div class=\"nc3-card-image-wrap\">\r\n<img decoding=\"async\" src=\"https:\/\/nakedchefs.gr\/wp-content\/uploads\/2026\/07\/451da17ebfdf8c4b6d5352bd138ac5a2_thumb2.jpg\" alt=\"Breakfast spread with berries and eggs\" class=\"nc3-card-image\" loading=\"lazy\" title=\"\">\r\n<span class=\"nc3-card-number\">03<\/span>\r\n<\/div>\r\n<div class=\"nc3-card-body\">\r\n<h3 class=\"nc3-card-title\">Breakfast Menu<\/h3>\r\n<p class=\"nc3-card-text\">Eggs, fresh bread and berries, laid out before the day gets hot.<\/p>\r\n<a href=\"https:\/\/nakedchefs.travelotopos.com\/?cids=10\" class=\"nc3-card-link\" target=\"_blank\" rel=\"noopener\">View Menu \u2192<\/a>\r\n<\/div>\r\n<\/article>\r\n<!-- 04 Exclusive -->\r\n<article class=\"nc3-card\">\r\n<div class=\"nc3-card-image-wrap\">\r\n<img decoding=\"async\" src=\"https:\/\/nakedchefs.gr\/wp-content\/uploads\/2026\/07\/imgi_12_e5311432aebdae7105c2daab6cde6e85.jpg\" alt=\"Lobster and citrus platter\" class=\"nc3-card-image\" loading=\"lazy\" title=\"\">\r\n<span class=\"nc3-card-number\">04<\/span>\r\n<\/div>\r\n<div class=\"nc3-card-body\">\r\n<h3 class=\"nc3-card-title\">Exclusive Menu<\/h3>\r\n<p class=\"nc3-card-text\">Lobster, citrus and a sauce worth asking about \u2014 for the occasion that deserves it.<\/p>\r\n<a href=\"https:\/\/nakedchefs.travelotopos.com\/?cids=6\" class=\"nc3-card-link\" target=\"_blank\" rel=\"noopener\">View Menu \u2192<\/a>\r\n<\/div>\r\n<\/article>\r\n<!-- 05 Sushi -->\r\n<article class=\"nc3-card\">\r\n<div class=\"nc3-card-image-wrap\">\r\n<img decoding=\"async\" src=\"https:\/\/travelotopos-assets.s3.eu-south-1.amazonaws.com\/files\/nakedchefs\/resources\/048abdce8bb91cb0e1605862bba093a1.jfif\" alt=\"Fresh sushi being finished tableside\" class=\"nc3-card-image\" loading=\"lazy\" title=\"\">\r\n<span class=\"nc3-card-number\">05<\/span>\r\n<\/div>\r\n<div class=\"nc3-card-body\">\r\n<h3 class=\"nc3-card-title\">Sushi Menu<\/h3>\r\n<p class=\"nc3-card-text\">Cretan waters, Japanese precision \u2014 sliced and finished at your table.<\/p>\r\n<a href=\"https:\/\/nakedchefs.travelotopos.com\/?cids=3\" class=\"nc3-card-link\" target=\"_blank\" rel=\"noopener\">View Menu \u2192<\/a>\r\n<\/div>\r\n<\/article>\r\n<!-- 06 Vegan -->\r\n<article class=\"nc3-card\">\r\n<div class=\"nc3-card-image-wrap\">\r\n<img decoding=\"async\" src=\"https:\/\/nakedchefs.gr\/wp-content\/uploads\/2026\/07\/Vegan-Menu.webp\" alt=\"Vegan Cretan dishes\" class=\"nc3-card-image\" loading=\"lazy\" title=\"\">\r\n<span class=\"nc3-card-number\">06<\/span>\r\n<\/div>\r\n<div class=\"nc3-card-body\">\r\n<h3 class=\"nc3-card-title\">Vegan Menu<\/h3>\r\n<p class=\"nc3-card-text\">Seasonal vegetables and ancient grains \u2014 honest, plant-based Cretan cooking.<\/p>\r\n<a href=\"https:\/\/nakedchefs.travelotopos.com\/?cids=5\" class=\"nc3-card-link\" target=\"_blank\" rel=\"noopener\">View Menu \u2192<\/a>\r\n<\/div>\r\n<\/article>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_3 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_3 et_pb_row et_block_row\">\n<div class=\"et_pb_column_3 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_2 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\">        \r\n        <style>\r\n            \/* How It Works Section - Naked Chefs *\/\r\n            .naked-hiw-wrapper {\r\n                background-color: #0a0a0a !important;\r\n                padding: clamp(80px, 12vw, 140px) 0 !important;\r\n                position: relative;\r\n                overflow: hidden;\r\n            }\r\n            \r\n            .naked-hiw-container {\r\n                max-width: 1200px;\r\n                margin: 0 auto;\r\n                padding: 0 clamp(20px, 5vw, 60px);\r\n                position: relative;\r\n                z-index: 2;\r\n            }\r\n            \r\n            \/* Header *\/\r\n            .naked-hiw-header {\r\n                text-align: center;\r\n                margin-bottom: clamp(60px, 10vw, 100px);\r\n            }\r\n            \r\n            .naked-hiw-eyebrow {\r\n                font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;\r\n                font-size: clamp(11px, 1.3vw, 13px);\r\n                text-transform: uppercase;\r\n                letter-spacing: 4px;\r\n                color: rgba(255,255,255,0.5);\r\n                margin-bottom: clamp(15px, 2vw, 20px);\r\n                display: block;\r\n                font-weight: 500;\r\n            }\r\n            \r\n            .naked-hiw-title {\r\n                font-family: 'Playfair Display', Georgia, 'Times New Roman', serif !important;\r\n                font-size: clamp(36px, 5vw, 56px);\r\n                font-weight: 300;\r\n                line-height: 1.2;\r\n                color: #ffffff;\r\n                letter-spacing: -0.01em;\r\n            }\r\n            \r\n            \/* Steps Grid *\/\r\n            .naked-hiw-steps {\r\n                display: grid;\r\n                grid-template-columns: repeat(3, 1fr);\r\n                gap: clamp(30px, 5vw, 60px);\r\n                position: relative;\r\n                margin-bottom: clamp(60px, 8vw, 90px);\r\n            }\r\n            \r\n            \/* Connecting Line (Desktop) *\/\r\n            .naked-hiw-connector {\r\n                position: absolute;\r\n                top: 40px;\r\n                left: 16.66%;\r\n                right: 16.66%;\r\n                height: 1px;\r\n                background: rgba(255,255,255,0.15);\r\n                z-index: 1;\r\n            }\r\n            \r\n            \/* Step Card *\/\r\n            .naked-hiw-step {\r\n                text-align: center;\r\n                position: relative;\r\n                z-index: 2;\r\n            }\r\n            \r\n            .naked-hiw-number {\r\n                width: 80px;\r\n                height: 80px;\r\n                border-radius: 50%;\r\n                border: 1px solid rgba(255,255,255,0.25);\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                margin: 0 auto clamp(25px, 3vw, 35px);\r\n                background: #0a0a0a;\r\n                position: relative;\r\n                transition: all 0.4s ease;\r\n            }\r\n            \r\n            .naked-hiw-step:hover .naked-hiw-number {\r\n                border-color: rgba(255,255,255,0.5);\r\n                transform: scale(1.05);\r\n            }\r\n            \r\n            .naked-hiw-number-text {\r\n                font-family: 'Playfair Display', Georgia, 'Times New Roman', serif !important;\r\n                font-size: clamp(24px, 3vw, 32px);\r\n                font-weight: 400;\r\n                color: #ffffff;\r\n                line-height: 1;\r\n            }\r\n            \r\n            .naked-hiw-step-title {\r\n                font-family: 'Playfair Display', Georgia, 'Times New Roman', serif !important;\r\n                font-size: clamp(22px, 2.5vw, 28px);\r\n                font-weight: 400;\r\n                color: #ffffff;\r\n                margin-bottom: clamp(15px, 2vw, 20px);\r\n                line-height: 1.3;\r\n            }\r\n            \r\n            .naked-hiw-step-text {\r\n                font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;\r\n                font-size: clamp(14px, 1.6vw, 16px);\r\n                line-height: 1.7;\r\n                color: rgba(255,255,255,0.65);\r\n                font-weight: 300;\r\n                max-width: 320px;\r\n                margin: 0 auto;\r\n            }\r\n            \r\n            \/* CTA Button *\/\r\n            .naked-hiw-cta-wrapper {\r\n                text-align: center;\r\n            }\r\n            \r\n            .naked-hiw-cta {\r\n                display: inline-flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                gap: 12px;\r\n                padding: clamp(16px, 2vw, 20px) clamp(40px, 5vw, 55px);\r\n                background: #ffffff;\r\n                border: 1px solid #ffffff;\r\n                color: #0a0a0a;\r\n                font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;\r\n                font-size: clamp(13px, 1.5vw, 14px);\r\n                font-weight: 500;\r\n                text-transform: none;\r\n                letter-spacing: 0.5px;\r\n                cursor: pointer;\r\n                transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n                text-decoration: none;\r\n                border-radius: 50px;\r\n                position: relative;\r\n                overflow: hidden;\r\n            }\r\n            \r\n            .naked-hiw-cta::before {\r\n                content: '';\r\n                position: absolute;\r\n                top: 0;\r\n                left: 0;\r\n                width: 0%;\r\n                height: 100%;\r\n                background: transparent;\r\n                transition: all 0.4s ease;\r\n                z-index: -1;\r\n            }\r\n            \r\n            .naked-hiw-cta:hover {\r\n                background: transparent;\r\n                color: #ffffff;\r\n                transform: translateY(-2px);\r\n                box-shadow: 0 10px 30px rgba(255,255,255,0.1);\r\n            }\r\n            \r\n            .naked-hiw-cta svg {\r\n                width: 18px;\r\n                height: 18px;\r\n                transition: transform 0.3s ease;\r\n            }\r\n            \r\n            .naked-hiw-cta:hover svg {\r\n                transform: translateX(4px);\r\n            }\r\n            \r\n            \/* Responsive Design *\/\r\n            @media (max-width: 968px) {\r\n                .naked-hiw-steps {\r\n                    grid-template-columns: 1fr;\r\n                    gap: 50px;\r\n                }\r\n                \r\n                .naked-hiw-connector {\r\n                    display: none;\r\n                }\r\n                \r\n                .naked-hiw-step-text {\r\n                    max-width: 400px;\r\n                }\r\n            }\r\n            \r\n            @media (max-width: 640px) {\r\n                .naked-hiw-wrapper {\r\n                    padding: 60px 0;\r\n                }\r\n                \r\n                .naked-hiw-number {\r\n                    width: 70px;\r\n                    height: 70px;\r\n                }\r\n                \r\n                .naked-hiw-step-text {\r\n                    max-width: 100%;\r\n                }\r\n            }\r\n            \r\n            \/* Animation Classes *\/\r\n            .naked-hiw-fade-in {\r\n                opacity: 0;\r\n                transform: translateY(40px);\r\n                transition: opacity 1s ease, transform 1s ease;\r\n            }\r\n            \r\n            .naked-hiw-fade-in.visible {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n            \r\n            .naked-hiw-fade-in:nth-child(2) {\r\n                transition-delay: 0.2s;\r\n            }\r\n            \r\n            .naked-hiw-fade-in:nth-child(3) {\r\n                transition-delay: 0.4s;\r\n            }\r\n        <\/style>\r\n        \r\n        <div class=\"naked-hiw-wrapper\">\r\n            <div class=\"naked-hiw-container\">\r\n                \r\n                <!-- Header -->\r\n                <div class=\"naked-hiw-header naked-hiw-fade-in\">\r\n                    <span class=\"naked-hiw-eyebrow\">Three Steps, No Fuss<\/span>\r\n                    <h2 class=\"naked-hiw-title\">How It Works<\/h2>\r\n                <\/div>\r\n                \r\n                <!-- Steps Grid -->\r\n                <div class=\"naked-hiw-steps\">\r\n                    \r\n                    <!-- Connector Line -->\r\n                    <div class=\"naked-hiw-connector\"><\/div>\r\n                    \r\n                    <!-- Step 01 -->\r\n                    <div class=\"naked-hiw-step naked-hiw-fade-in\">\r\n                        <div class=\"naked-hiw-number\">\r\n                            <span class=\"naked-hiw-number-text\">01<\/span>\r\n                        <\/div>\r\n                        <h3 class=\"naked-hiw-step-title\">Select a Package<\/h3>\r\n                        <p class=\"naked-hiw-step-text\">\r\n                            Choose the number of guests and services you need. From cocktail bars and extra staff to buffet\u2011style options, we customize everything to fit your event.\r\n                        <\/p>\r\n                    <\/div>\r\n                    \r\n                    <!-- Step 02 -->\r\n                    <div class=\"naked-hiw-step naked-hiw-fade-in\">\r\n                        <div class=\"naked-hiw-number\">\r\n                            <span class=\"naked-hiw-number-text\">02<\/span>\r\n                        <\/div>\r\n                        <h3 class=\"naked-hiw-step-title\">Choose a Menu<\/h3>\r\n                        <p class=\"naked-hiw-step-text\">\r\n                            Select from our signature menus \u2014 Mediterranean, Cretan, Breakfast, Exclusive, Sushi, or Vegan. All arrangements for dietary restrictions handled seamlessly.\r\n                        <\/p>\r\n                    <\/div>\r\n                    \r\n                    <!-- Step 03 -->\r\n                    <div class=\"naked-hiw-step naked-hiw-fade-in\">\r\n                        <div class=\"naked-hiw-number\">\r\n                            <span class=\"naked-hiw-number-text\">03<\/span>\r\n                        <\/div>\r\n                        <h3 class=\"naked-hiw-step-title\">Make Your Order<\/h3>\r\n                        <p class=\"naked-hiw-step-text\">\r\n                            Tell us your villa or private residence location. Our chef arrives with everything needed, prepares your meal on\u2011site, and leaves the kitchen spotless.\r\n                        <\/p>\r\n                    <\/div>\r\n                    \r\n                <\/div>\r\n                \r\n                <!-- CTA Button -->\r\n                <div class=\"naked-hiw-cta-wrapper naked-hiw-fade-in\">\r\n                    <a href=\"https:\/\/nakedchefs.travelotopos.com\/?cids=11%2C3%2C2%2C5%2C6%2C7%2C10\" class=\"naked-hiw-cta\" target=\"_blank\" rel=\"noopener\">\r\n                        Start Your Order\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\r\n                        <\/svg>\r\n                    <\/a>\r\n                <\/div>\r\n                \r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <script>\r\n            \/\/ Intersection Observer for fade-in animations\r\n            document.addEventListener('DOMContentLoaded', function() {\r\n                const observerOptions = {\r\n                    root: null,\r\n                    rootMargin: '0px',\r\n                    threshold: 0.1\r\n                };\r\n                \r\n                const observer = new IntersectionObserver((entries) => {\r\n                    entries.forEach(entry => {\r\n                        if (entry.isIntersecting) {\r\n                            entry.target.classList.add('visible');\r\n                            observer.unobserve(entry.target);\r\n                        }\r\n                    });\r\n                }, observerOptions);\r\n                \r\n                const fadeElements = document.querySelectorAll('.naked-hiw-fade-in');\r\n                fadeElements.forEach(el => observer.observe(el));\r\n            });\r\n        <\/script>\r\n        \r\n        <\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_4 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_4 et_pb_row et_block_row\">\n<div class=\"et_pb_column_4 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_3 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\">    \r\n    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap');\r\n\r\n        .nc-discover-section {\r\n            background-color: #0e1317;\r\n            padding: 100px 20px;\r\n            font-family: 'Inter', sans-serif;\r\n            -webkit-font-smoothing: antialiased;\r\n            -moz-osx-font-smoothing: grayscale;\r\n        }\r\n\r\n        .nc-discover-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* Section Header *\/\r\n        .nc-discover-header {\r\n            text-align: center;\r\n            margin-bottom: 70px;\r\n        }\r\n\r\n        .nc-discover-eyebrow {\r\n            font-size: 0.65rem;\r\n            font-weight: 600;\r\n            letter-spacing: 0.22em;\r\n            text-transform: uppercase;\r\n            color: rgba(255, 255, 255, 0.5);\r\n            margin-bottom: 16px;\r\n            display: block;\r\n        }\r\n\r\n        .nc-discover-title {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: clamp(2.2rem, 4.5vw, 3.2rem);\r\n            font-weight: 400;\r\n            color: #ffffff;\r\n            line-height: 1.1;\r\n            margin: 0 0 20px 0;\r\n        }\r\n\r\n        .nc-discover-subtitle {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 1rem;\r\n            font-weight: 300;\r\n            color: rgba(255, 255, 255, 0.7);\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        \/* Cards Grid *\/\r\n        .nc-discover-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 30px;\r\n        }\r\n\r\n        \/* Card Styling *\/\r\n        .nc-discover-card {\r\n            background-color: #1a1a1a;\r\n            border-radius: 4px;\r\n            overflow: hidden;\r\n            transition: transform 0.5s cubic-bezier(.2,.8,.2,1), box-shadow 0.5s ease;\r\n            display: flex;\r\n            flex-direction: column;\r\n            border: 1px solid rgba(255, 255, 255, 0.05);\r\n        }\r\n\r\n        .nc-discover-card:hover {\r\n            transform: translateY(-6px);\r\n            box-shadow: 0 20px 40px rgba(0,0,0,0.4);\r\n            border-color: rgba(255, 255, 255, 0.1);\r\n        }\r\n\r\n        \/* Image Area *\/\r\n        .nc-card-image-wrapper {\r\n            height: 280px;\r\n            overflow: hidden;\r\n            position: relative;\r\n        }\r\n\r\n        .nc-card-image {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 1.1s cubic-bezier(.16,1,.3,1);\r\n        }\r\n\r\n        .nc-discover-card:hover .nc-card-image {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        \/* Content Area *\/\r\n        .nc-card-content {\r\n            padding: 35px 30px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            flex-grow: 1;\r\n        }\r\n\r\n        .nc-card-title {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 1.6rem;\r\n            font-weight: 500;\r\n            color: #ffffff;\r\n            margin: 0 0 18px 0;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .nc-card-text {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 0.9375rem;\r\n            font-weight: 300;\r\n            color: rgba(255, 255, 255, 0.65);\r\n            line-height: 1.7;\r\n            margin-bottom: 30px;\r\n            flex-grow: 1;\r\n        }\r\n\r\n        \/* Button Styling *\/\r\n        .nc-card-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 0.8125rem;\r\n            font-weight: 500;\r\n            letter-spacing: 0.1em;\r\n            text-transform: uppercase;\r\n            color: #ffffff;\r\n            background: transparent;\r\n            border: 1px solid rgba(255, 255, 255, 0.3);\r\n            padding: 14px 24px;\r\n            text-decoration: none;\r\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n            align-self: flex-start;\r\n            border-radius: 2px;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .nc-card-btn:hover {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            border-color: rgba(255, 255, 255, 0.6);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .nc-card-btn svg {\r\n            width: 16px;\r\n            height: 16px;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .nc-card-btn:hover svg {\r\n            transform: translateX(4px);\r\n        }\r\n\r\n        \/* Mobile Responsiveness *\/\r\n        @media (max-width: 968px) {\r\n            .nc-discover-grid {\r\n                grid-template-columns: 1fr;\r\n                max-width: 600px;\r\n                margin: 0 auto;\r\n            }\r\n            \r\n            .nc-discover-section {\r\n                padding: 70px 20px;\r\n            }\r\n\r\n            .nc-discover-header {\r\n                margin-bottom: 50px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 640px) {\r\n            .nc-discover-section {\r\n                padding: 50px 20px;\r\n            }\r\n\r\n            .nc-card-image-wrapper {\r\n                height: 240px;\r\n            }\r\n\r\n            .nc-card-content {\r\n                padding: 28px 24px;\r\n            }\r\n\r\n            .nc-card-btn {\r\n                align-self: stretch;\r\n                justify-content: center;\r\n            }\r\n        }\r\n\r\n        \/* Reduced Motion *\/\r\n        @media (prefers-reduced-motion: reduce) {\r\n            .nc-discover-card,\r\n            .nc-card-image,\r\n            .nc-card-btn,\r\n            .nc-card-btn svg {\r\n                transition: none;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <section class=\"nc-discover-section\" aria-label=\"Discover More\">\r\n        <div class=\"nc-discover-container\">\r\n            <!-- Section Header -->\r\n            <div class=\"nc-discover-header\">\r\n                <span class=\"nc-discover-eyebrow\">Beyond Private Dining<\/span>\r\n                <h2 class=\"nc-discover-title\">Discover More<\/h2>\r\n                <p class=\"nc-discover-subtitle\">\r\n                    Fine seafood restaurant & exclusive wine pairing experience in Rethymno, Crete\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <!-- Cards Grid -->\r\n            <div class=\"nc-discover-grid\">\r\n\r\n                <!-- Card 1: Rich Wine List -->\r\n                <article class=\"nc-discover-card\">\r\n                    <div class=\"nc-card-image-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/nakedchefs.gr\/wp-content\/uploads\/2026\/07\/wine-nakedchefs-3.jpg\" alt=\"Rich Wine List - Curated selection of wines\" class=\"nc-card-image\" loading=\"lazy\" title=\"\">\r\n                    <\/div>\r\n                    <div class=\"nc-card-content\">\r\n                        <h3 class=\"nc-card-title\">Rich Wine List<\/h3>\r\n                        <p class=\"nc-card-text\">\r\n                            Choose the perfect pairing from our harmonically selected, \r\n                            updated list of wines, curated to elevate your private dining experience.\r\n                        <\/p>\r\n                        <a href=\"https:\/\/7thalases.gr\/wp-content\/uploads\/2025\/06\/WINE-LIST-RETHYMNO-2025.pdf\" class=\"nc-card-btn\" target=\"_blank\" rel=\"noopener\">\r\n                            Explore Wines\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\r\n                            <\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <!-- Card 2: 7 Thalasses Restaurant -->\r\n                <article class=\"nc-discover-card\">\r\n                    <div class=\"nc-card-image-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/nakedchefs.gr\/wp-content\/uploads\/2026\/07\/f2b8736ae6510cf0a149dabda02b056b_thumb.jpg\" alt=\"7 Thalasses Restaurant - Premium seafood dining\" class=\"nc-card-image\" loading=\"lazy\" title=\"\">\r\n                    <\/div>\r\n                    <div class=\"nc-card-content\">\r\n                        <h3 class=\"nc-card-title\">7 Thalasses Restaurant<\/h3>\r\n                        <p class=\"nc-card-text\">\r\n                            The premier seafood destination in Rethymno, bringing experience \r\n                            and quality from our head chef's own establishment to the Naked Chefs team.\r\n                        <\/p>\r\n                        <a href=\"https:\/\/7thalases.gr\/rethymno\/\" target=\"_blank\" class=\"nc-card-btn\" rel=\"noopener\">\r\n                            Discover Venue\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\r\n                            <\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n                <!-- Card 3: Wine Pairing Experience (updated) -->\r\n                <article class=\"nc-discover-card\">\r\n                    <div class=\"nc-card-image-wrapper\">\r\n                        <img decoding=\"async\" src=\"https:\/\/travelotopos-assets.s3.eu-south-1.amazonaws.com\/files\/nakedchefs\/resources\/d91d31fc85b92e4c8b5e44a97457ffa9.jpg\" alt=\"Wine Pairing Experience - Tasting by the sea\" class=\"nc-card-image\" loading=\"lazy\" title=\"\">\r\n                    <\/div>\r\n                    <div class=\"nc-card-content\">\r\n                        <h3 class=\"nc-card-title\">Wine Pairing Experience<\/h3>\r\n                        <p class=\"nc-card-text\">\r\n                            A curated tasting of 4 wines paired with 4 dishes and a fresh salad, \r\n                            served by the sea, on the wave. Offered in collaboration with 7 Thalasses.\r\n                        <\/p>\r\n                        <a href=\"https:\/\/nakedchefs.travelotopos.com\/s\/13\/11?cids=8%2C111%2C13%2C12%2C15%2C16%2C17%2C110\" target=\"_blank\" class=\"nc-card-btn\" rel=\"noopener\">\r\n                            Book Wine Pairing\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\r\n                            <\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/article>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_5 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_5 et_pb_row et_block_row\">\n<div class=\"et_pb_column_5 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_4 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\">    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Inter:wght@300;400;500;600;700&display=swap');\r\n\r\n        \/* ===== Scoped container \u2014 prefix nc4 ===== *\/\r\n        .nc4-section {\r\n            background-color: #0e1317;\r\n            background-image: linear-gradient(rgba(14, 19, 23, 0.85), rgba(14, 19, 23, 0.9)), url('https:\/\/nakedchefs.gr\/wp-content\/uploads\/2026\/07\/reviews-bg-nakedchefs.webp');\r\n            background-size: cover;\r\n            background-position: center;\r\n            background-attachment: fixed;\r\n            padding: 96px 24px;\r\n            font-family: 'Inter', sans-serif;\r\n            -webkit-font-smoothing: antialiased;\r\n            -moz-osx-font-smoothing: grayscale;\r\n            position: relative;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .nc4-section {\r\n                background-attachment: scroll;\r\n                padding: 64px 20px;\r\n            }\r\n        }\r\n\r\n        .nc4-container {\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* ===== Quote Icon ===== *\/\r\n        .nc4-quote-icon {\r\n            width: 48px;\r\n            height: 48px;\r\n            margin: 0 auto 48px;\r\n            opacity: 0.4;\r\n        }\r\n\r\n        .nc4-quote-icon svg {\r\n            width: 100%;\r\n            height: 100%;\r\n            fill: #ffffff;\r\n        }\r\n\r\n        \/* ===== Testimonial Track \u2014 fixed height ===== *\/\r\n        .nc4-track {\r\n            position: relative;\r\n            height: 320px;           \/* \u03c3\u03c4\u03b1\u03b8\u03b5\u03c1\u03cc \u03cd\u03c8\u03bf\u03c2 *\/\r\n            min-height: unset;       \/* \u03b1\u03ba\u03cd\u03c1\u03c9\u03c3\u03b7 \u03c4\u03bf\u03c5 min-height *\/\r\n            text-align: center;\r\n        }\r\n\r\n        \/* ===== Each slide fills the track and centers content ===== *\/\r\n        .nc4-slide {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;              \/* \u03b3\u03b5\u03bc\u03af\u03b6\u03b5\u03b9 \u03cc\u03bb\u03bf \u03c4\u03bf \u03cd\u03c8\u03bf\u03c2 *\/\r\n            opacity: 0;\r\n            pointer-events: none;\r\n            transition: opacity 0.6s ease;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center; \/* \u03ba\u03ac\u03b8\u03b5\u03c4\u03bf \u03ba\u03b5\u03bd\u03c4\u03c1\u03ac\u03c1\u03b9\u03c3\u03bc\u03b1 *\/\r\n            align-items: center;     \/* \u03bf\u03c1\u03b9\u03b6\u03cc\u03bd\u03c4\u03b9\u03bf \u03ba\u03b5\u03bd\u03c4\u03c1\u03ac\u03c1\u03b9\u03c3\u03bc\u03b1 (\u03b3\u03b9\u03b1 \u03c4\u03bf \u03ba\u03b5\u03af\u03bc\u03b5\u03bd\u03bf) *\/\r\n        }\r\n\r\n        .nc4-slide.active {\r\n            opacity: 1;\r\n            pointer-events: auto;\r\n        }\r\n\r\n        \/* ===== Testimonial Text ===== *\/\r\n        .nc4-testimonial-text {\r\n            font-family: 'Cormorant Garamond', serif;\r\n            font-style: italic;\r\n            font-size: clamp(1.75rem, 3.5vw, 2.5rem);\r\n            line-height: 1.35;\r\n            color: #ffffff;\r\n            font-weight: 400;\r\n            margin: 0 0 32px 0;\r\n            max-width: 90%;          \/* \u03b1\u03c0\u03bf\u03c6\u03c5\u03b3\u03ae \u03c5\u03c0\u03b5\u03c1\u03c7\u03b5\u03af\u03bb\u03b9\u03c3\u03b7\u03c2 \u03c3\u03b5 \u03bc\u03b9\u03ba\u03c1\u03ad\u03c2 \u03bf\u03b8\u03cc\u03bd\u03b5\u03c2 *\/\r\n        }\r\n\r\n        \/* ===== Author Footer ===== *\/\r\n        .nc4-author {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 0.75rem;\r\n            font-weight: 500;\r\n            letter-spacing: 0.15em;\r\n            text-transform: uppercase;\r\n            color: rgba(255, 255, 255, 0.6);\r\n        }\r\n\r\n        \/* ===== Navigation ===== *\/\r\n        .nc4-nav {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 24px;\r\n            margin-top: 64px;\r\n        }\r\n\r\n        .nc4-nav-btn {\r\n            width: 48px;\r\n            height: 48px;\r\n            border: 1px solid rgba(255, 255, 255, 0.3);\r\n            border-radius: 50%;\r\n            background: transparent;\r\n            color: #ffffff;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            font-size: 1.1rem;\r\n        }\r\n\r\n        .nc4-nav-btn:hover {\r\n            background: #ffffff;\r\n            color: #0e1317;\r\n            border-color: #ffffff;\r\n        }\r\n\r\n        \/* ===== Dots ===== *\/\r\n        .nc4-dots {\r\n            display: flex;\r\n            gap: 10px;\r\n        }\r\n\r\n        .nc4-dot {\r\n            width: 8px;\r\n            height: 8px;\r\n            border-radius: 50%;\r\n            background: rgba(255, 255, 255, 0.3);\r\n            border: none;\r\n            cursor: pointer;\r\n            padding: 0;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .nc4-dot.active {\r\n            background: #ffffff;\r\n            width: 24px;\r\n            border-radius: 4px;\r\n        }\r\n\r\n        .nc4-dot:hover {\r\n            background: rgba(255, 255, 255, 0.6);\r\n        }\r\n\r\n        \/* ===== Reduced Motion ===== *\/\r\n        @media (prefers-reduced-motion: reduce) {\r\n            .nc4-slide {\r\n                transition: none;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <section class=\"nc4-section\" aria-label=\"Client Testimonials\">\r\n        <div class=\"nc4-container\">\r\n\r\n            <!-- Quote Icon -->\r\n            <div class=\"nc4-quote-icon\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <path d=\"M7 7c-2.2 0-4 1.8-4 4v6h6v-6H6c0-1.1.9-2 2-2V7zm10 0c-2.2 0-4 1.8-4 4v6h6v-6h-3c0-1.1.9-2 2-2V7z\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n\r\n            <!-- Testimonial Track -->\r\n            <div class=\"nc4-track\" id=\"nc4Track\">\r\n\r\n                <!-- Testimonial 1: Chantal P -->\r\n                <blockquote class=\"nc4-slide active\" data-index=\"0\">\r\n                    <p class=\"nc4-testimonial-text\">\r\n                        \"Amazing experience with Thanasis &amp; Eleftheria, food and service fabulous, friendly &amp; professional, highly recommended!\"\r\n                    <\/p>\r\n                    <footer class=\"nc4-author\">Chantal P<\/footer>\r\n                <\/blockquote>\r\n\r\n                <!-- Testimonial 2: NCactuary -->\r\n                <blockquote class=\"nc4-slide\" data-index=\"1\">\r\n                    <p class=\"nc4-testimonial-text\">\r\n                        \"The food was superb! Even their hummus went from pedestrian to 'You gotta try this.' They did two meals for us, one Cretan and one Mediterranean. The chefs were polite, eager to please, and very conversational. They left the kitchen better than they found it.\"\r\n                    <\/p>\r\n                    <footer class=\"nc4-author\">NCactuary<\/footer>\r\n                <\/blockquote>\r\n\r\n                <!-- Testimonial 3: Melanie H. -->\r\n                <blockquote class=\"nc4-slide\" data-index=\"2\">\r\n                    <p class=\"nc4-testimonial-text\">\r\n                        \"We arranged for two meals through Naked Chefs during our stay in Crete and we were not disappointed! The teams were very friendly and knowledgeable, they provided wine and wine suggestions and the food was amazing and the portions were ample! Both nights were very special and I would definitely engage them again.\"\r\n                    <\/p>\r\n                    <footer class=\"nc4-author\">Melanie H.<\/footer>\r\n                <\/blockquote>\r\n\r\n                <!-- Testimonial 4: Michael R -->\r\n                <blockquote class=\"nc4-slide\" data-index=\"3\">\r\n                    <p class=\"nc4-testimonial-text\">\r\n                        \"Naked Chefs did an awesome job of preparing and serving us dinner. Everything was cooked to perfection, service was timely and great. We felt quite pampered to have them come to our place and serve us like we were in 5 star restaurant.\"\r\n                    <\/p>\r\n                    <footer class=\"nc4-author\">Michael R<\/footer>\r\n                <\/blockquote>\r\n\r\n            <\/div>\r\n\r\n            <!-- Navigation -->\r\n            <div class=\"nc4-nav\">\r\n                <button class=\"nc4-nav-btn\" id=\"nc4Prev\" aria-label=\"Previous testimonial\">\r\n                    \u2190\r\n                <\/button>\r\n                \r\n                <div class=\"nc4-dots\" id=\"nc4Dots\">\r\n                    <button class=\"nc4-dot active\" data-index=\"0\" aria-label=\"Go to testimonial 1\"><\/button>\r\n                    <button class=\"nc4-dot\" data-index=\"1\" aria-label=\"Go to testimonial 2\"><\/button>\r\n                    <button class=\"nc4-dot\" data-index=\"2\" aria-label=\"Go to testimonial 3\"><\/button>\r\n                    <button class=\"nc4-dot\" data-index=\"3\" aria-label=\"Go to testimonial 4\"><\/button>\r\n                <\/div>\r\n                \r\n                <button class=\"nc4-nav-btn\" id=\"nc4Next\" aria-label=\"Next testimonial\">\r\n                    \u2192\r\n                <\/button>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n    (function() {\r\n        const slides = document.querySelectorAll('.nc4-slide');\r\n        const dots = document.querySelectorAll('.nc4-dot');\r\n        const prevBtn = document.getElementById('nc4Prev');\r\n        const nextBtn = document.getElementById('nc4Next');\r\n        let active = 0;\r\n        let autoplayInterval;\r\n\r\n        function goTo(index) {\r\n            slides[active].classList.remove('active');\r\n            dots[active].classList.remove('active');\r\n            active = (index + slides.length) % slides.length;\r\n            slides[active].classList.add('active');\r\n            dots[active].classList.add('active');\r\n            resetAutoplay();\r\n        }\r\n\r\n        function resetAutoplay() {\r\n            clearInterval(autoplayInterval);\r\n            autoplayInterval = setInterval(() => {\r\n                goTo(active + 1);\r\n            }, 7000);\r\n        }\r\n\r\n        prevBtn.addEventListener('click', () => goTo(active - 1));\r\n        nextBtn.addEventListener('click', () => goTo(active + 1));\r\n        \r\n        dots.forEach((dot, index) => {\r\n            dot.addEventListener('click', () => goTo(index));\r\n        });\r\n\r\n        resetAutoplay();\r\n\r\n        const track = document.getElementById('nc4Track');\r\n        track.addEventListener('mouseenter', () => clearInterval(autoplayInterval));\r\n        track.addEventListener('mouseleave', () => resetAutoplay());\r\n    })();\r\n    <\/script>\r\n    <\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_6 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_6 et_pb_row et_block_row\">\n<div class=\"et_pb_column_6 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_5 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\r\n\/* FAQ Section - Naked Chefs (dark theme with background image) *\/\r\n.naked-faq-wrapper {\r\n\/* Fallback background color (commented out if you prefer) *\/\r\n\/* background-color: #0a0a0a !important; *\/\r\n\/* New background image with overlay *\/\r\nbackground-image: linear-gradient(rgba(10, 10, 10, 0.65), rgba(10, 10, 10, 0.65)),\r\nurl('https:\/\/nakedchefs.gr\/wp-content\/uploads\/2026\/07\/naked_chefs_bg_2.webp');\r\nbackground-size: cover;\r\nbackground-position: center;\r\nbackground-attachment: fixed; \/* optional, gives parallax effect *\/\r\npadding: clamp(80px, 12vw, 140px) 0 !important;\r\nposition: relative;\r\noverflow: hidden;\r\n}\r\n.naked-faq-container {\r\nmax-width: 1200px;\r\nmargin: 0 auto;\r\npadding: 0 clamp(20px, 5vw, 60px);\r\nposition: relative;\r\nz-index: 2;\r\n}\r\n\/* Header *\/\r\n.naked-faq-header {\r\ntext-align: center;\r\nmargin-bottom: clamp(50px, 8vw, 80px);\r\n}\r\n.naked-faq-eyebrow {\r\nfont-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;\r\nfont-size: clamp(11px, 1.3vw, 13px);\r\ntext-transform: uppercase;\r\nletter-spacing: 4px;\r\ncolor: rgba(255,255,255,0.4);\r\nmargin-bottom: clamp(12px, 1.5vw, 18px);\r\ndisplay: block;\r\nfont-weight: 500;\r\n}\r\n.naked-faq-title {\r\nfont-family: 'Playfair Display', Georgia, 'Times New Roman', serif !important;\r\nfont-size: clamp(32px, 4.5vw, 48px);\r\nfont-weight: 300;\r\nline-height: 1.2;\r\ncolor: #ffffff;\r\nletter-spacing: -0.01em;\r\n}\r\n.naked-faq-subtitle {\r\nfont-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;\r\nfont-size: clamp(15px, 1.8vw, 18px);\r\ncolor: rgba(255,255,255,0.5);\r\nmargin-top: 12px;\r\nmax-width: 640px;\r\nmargin-left: auto;\r\nmargin-right: auto;\r\nfont-weight: 300;\r\nline-height: 1.6;\r\n}\r\n\/* FAQ List *\/\r\n.naked-faq-list {\r\nmax-width: 900px;\r\nmargin: 0 auto;\r\nborder-top: 1px solid rgba(255,255,255,0.08);\r\n}\r\n.naked-faq-item {\r\nborder-bottom: 1px solid rgba(255,255,255,0.08);\r\npadding: clamp(20px, 2.5vw, 30px) 0;\r\n}\r\n.naked-faq-question {\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: space-between;\r\ngap: 20px;\r\ncursor: pointer;\r\nuser-select: none;\r\ntransition: color 0.3s ease;\r\n}\r\n.naked-faq-question:hover {\r\ncolor: rgba(255,255,255,0.9);\r\n}\r\n.naked-faq-question-text {\r\nfont-family: 'Playfair Display', Georgia, 'Times New Roman', serif !important;\r\nfont-size: clamp(18px, 2.2vw, 24px);\r\nfont-weight: 400;\r\ncolor: #ffffff;\r\nline-height: 1.3;\r\nmargin: 0;\r\ntransition: color 0.3s ease;\r\n}\r\n.naked-faq-icon {\r\nfont-size: clamp(24px, 3vw, 32px);\r\ncolor: rgba(255,255,255,0.3);\r\ntransition: transform 0.4s ease, color 0.3s ease;\r\nflex-shrink: 0;\r\nline-height: 1;\r\nfont-weight: 300;\r\n}\r\n.naked-faq-icon.rotated {\r\ntransform: rotate(45deg);\r\ncolor: rgba(255,255,255,0.7);\r\n}\r\n.naked-faq-answer {\r\nmax-height: 0;\r\noverflow: hidden;\r\ntransition: max-height 0.45s ease, opacity 0.3s ease, margin 0.3s ease;\r\nopacity: 0;\r\nmargin-top: 0;\r\n}\r\n.naked-faq-answer.open {\r\nmax-height: 800px; \/* Increased to accommodate longer answers safely *\/\r\nopacity: 1;\r\nmargin-top: 1rem;\r\n}\r\n.naked-faq-answer p {\r\nfont-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;\r\nfont-size: clamp(15px, 1.6vw, 17px);\r\nline-height: 1.8;\r\ncolor: rgba(255,255,255,0.6);\r\nfont-weight: 300;\r\nmargin: 0 0 1rem 0;\r\nmax-width: 780px;\r\n}\r\n.naked-faq-answer p:last-child {\r\nmargin-bottom: 0;\r\n}\r\n.naked-faq-answer strong {\r\ncolor: rgba(255,255,255,0.9);\r\nfont-weight: 500;\r\n}\r\n\/* Animation *\/\r\n.naked-faq-fade-in {\r\nopacity: 0;\r\ntransform: translateY(30px);\r\ntransition: opacity 0.8s ease, transform 0.8s ease;\r\n}\r\n.naked-faq-fade-in.visible {\r\nopacity: 1;\r\ntransform: translateY(0);\r\n}\r\n\/* Responsive *\/\r\n@media (max-width: 640px) {\r\n.naked-faq-wrapper {\r\npadding: 60px 0;\r\n}\r\n.naked-faq-question-text {\r\nfont-size: 18px;\r\n}\r\n}\r\n<\/style>\r\n<div class=\"naked-faq-wrapper\">\r\n<div class=\"naked-faq-container\">\r\n<!-- Header -->\r\n<div class=\"naked-faq-header naked-faq-fade-in\">\r\n<span class=\"naked-faq-eyebrow\">Got Questions?<\/span>\r\n<h2 class=\"naked-faq-title\">Frequently Asked Questions<\/h2>\r\n<p class=\"naked-faq-subtitle\">Everything you need to know about booking your private chef experience in Crete.<\/p>\r\n<\/div>\r\n<!-- FAQ List -->\r\n<div class=\"naked-faq-list\">\r\n\r\n<!-- FAQ Item 1 -->\r\n<div class=\"naked-faq-item naked-faq-fade-in\">\r\n<div class=\"naked-faq-question\" onclick=\"toggleFaq(this)\">\r\n<span class=\"naked-faq-question-text\">Where in Crete do you offer your services?<\/span>\r\n<span class=\"naked-faq-icon\">+<\/span>\r\n<\/div>\r\n<div class=\"naked-faq-answer\">\r\n<p>Our private chefs serve clients across the entire island of Crete. We regularly provide services in <strong>Rethymno, Chania, Heraklion, and Agios Nikolaos<\/strong>, as well as all surrounding areas and villages.<\/p>\r\n<p>Whether you're staying in a villa in the countryside we'll come to you. Just let us know your location when booking.<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- FAQ Item 2 -->\r\n<div class=\"naked-faq-item naked-faq-fade-in\">\r\n<div class=\"naked-faq-question\" onclick=\"toggleFaq(this)\">\r\n<span class=\"naked-faq-question-text\">Can you accommodate dietary restrictions?<\/span>\r\n<span class=\"naked-faq-icon\">+<\/span>\r\n<\/div>\r\n<div class=\"naked-faq-answer\">\r\n<p>Absolutely. We specialize in creating menus that cater to various dietary needs without compromising on flavor or experience.<\/p>\r\n<p>We offer <strong>lactose-free and gluten-free arrangements<\/strong> made without a fuss. Our menu selections include meat, fish, seafood, and a dedicated <strong>vegan menu<\/strong> featuring seasonal vegetables and ancient grains, honest, plant-based Cretan cooking.<\/p>\r\n<p>Simply inform us of any dietary restrictions when you book, and we'll customize your menu accordingly.<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- FAQ Item 3 -->\r\n<div class=\"naked-faq-item naked-faq-fade-in\">\r\n<div class=\"naked-faq-question\" onclick=\"toggleFaq(this)\">\r\n<span class=\"naked-faq-question-text\">How does the booking process work?<\/span>\r\n<span class=\"naked-faq-icon\">+<\/span>\r\n<\/div>\r\n<div class=\"naked-faq-answer\">\r\n<p>Booking your private chef experience is simple and takes just three steps:<\/p>\r\n<p><strong>1. Select a Package:<\/strong> Choose the number of guests and services you need. Cocktail bars, extra staff, and buffet-style options are all available.<\/p>\r\n<p><strong>2. Choose a Menu:<\/strong> Select from our signature menus: Mediterranean, Cretan, Breakfast, Exclusive, Sushi, or Vegan.<\/p>\r\n<p><strong>3. Make Your Order:<\/strong> Tell us your location. Your chef arrives with everything needed, cooks your meal, and leaves the kitchen as they found it.<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- FAQ Item 4 -->\r\n<div class=\"naked-faq-item naked-faq-fade-in\">\r\n<div class=\"naked-faq-question\" onclick=\"toggleFaq(this)\">\r\n<span class=\"naked-faq-question-text\">Do you provide the ingredients or do I need to shop?<\/span>\r\n<span class=\"naked-faq-icon\">+<\/span>\r\n<\/div>\r\n<div class=\"naked-faq-answer\">\r\n<p><strong>We handle everything.<\/strong> Our chefs arrive with all the ingredients, equipment, and tools needed to prepare your meal.<\/p>\r\n<p>We source only the freshest, local, top-quality ingredients, from daily catch seafood from Cretan waters to seasonal produce from local farmers. You don't need to shop for anything or worry about a thing.<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- FAQ Item 5 -->\r\n<div class=\"naked-faq-item naked-faq-fade-in\">\r\n<div class=\"naked-faq-question\" onclick=\"toggleFaq(this)\">\r\n<span class=\"naked-faq-question-text\">Can you host a private event at a villa?<\/span>\r\n<span class=\"naked-faq-icon\">+<\/span>\r\n<\/div>\r\n<div class=\"naked-faq-answer\">\r\n<p>Yes! We specialize in <strong>villa dining and catering<\/strong> throughout Crete.<\/p>\r\n<p>Whether you're hosting an intimate dinner or a celebration, we bring the full restaurant experience to your location. Our team is experienced in working in various settings and adapts seamlessly to your space.<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<script>\r\n\/\/ FAQ toggle function\r\nfunction toggleFaq(questionEl) {\r\nvar answer = questionEl.nextElementSibling;\r\nvar icon = questionEl.querySelector('.naked-faq-icon');\r\nvar isOpen = answer.classList.contains('open');\r\n\/\/ Close any other open answers\r\nvar allAnswers = document.querySelectorAll('.naked-faq-answer.open');\r\nallAnswers.forEach(function(el) {\r\nif (el !== answer) {\r\nel.classList.remove('open');\r\nvar otherIcon = el.previousElementSibling.querySelector('.naked-faq-icon');\r\nif (otherIcon) otherIcon.classList.remove('rotated');\r\n}\r\n});\r\nif (isOpen) {\r\nanswer.classList.remove('open');\r\nicon.classList.remove('rotated');\r\n} else {\r\nanswer.classList.add('open');\r\nicon.classList.add('rotated');\r\n}\r\n}\r\n\/\/ Intersection Observer for fade-in animations\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\nvar observerOptions = {\r\nroot: null,\r\nrootMargin: '0px',\r\nthreshold: 0.1\r\n};\r\nvar observer = new IntersectionObserver(function(entries) {\r\nentries.forEach(function(entry) {\r\nif (entry.isIntersecting) {\r\nentry.target.classList.add('visible');\r\nobserver.unobserve(entry.target);\r\n}\r\n});\r\n}, observerOptions);\r\nvar fadeElements = document.querySelectorAll('.naked-faq-fade-in');\r\nfadeElements.forEach(function(el) {\r\nobserver.observe(el);\r\n});\r\n});\r\n<\/script>\r\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_7 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_7 et_pb_row et_block_row\">\n<div class=\"et_pb_column_7 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_6 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\">        \r\n        <style>\r\n            \/* Contact Section - Naked Chefs *\/\r\n            .naked-contact-wrapper {\r\n                background-color: #0a0a0a !important;\r\n                padding: clamp(80px, 12vw, 140px) 0 !important;\r\n                position: relative;\r\n                overflow: hidden;\r\n            }\r\n            \r\n            .naked-contact-container {\r\n                max-width: 1200px;\r\n                margin: 0 auto;\r\n                padding: 0 clamp(20px, 5vw, 60px);\r\n                display: flex;\r\n                flex-wrap: wrap;\r\n                gap: clamp(40px, 6vw, 80px);\r\n                position: relative;\r\n                z-index: 2;\r\n            }\r\n            \r\n            \/* Left Column - Info *\/\r\n            .naked-contact-info {\r\n                flex: 1 1 35%;\r\n                min-width: 260px;\r\n            }\r\n            \r\n            .naked-contact-eyebrow {\r\n                font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;\r\n                font-size: clamp(11px, 1.3vw, 13px);\r\n                text-transform: uppercase;\r\n                letter-spacing: 4px;\r\n                color: rgba(255,255,255,0.4);\r\n                margin-bottom: 12px;\r\n                display: block;\r\n                font-weight: 500;\r\n            }\r\n            \r\n            .naked-contact-title {\r\n                font-family: 'Playfair Display', Georgia, 'Times New Roman', serif !important;\r\n                font-size: clamp(32px, 4.5vw, 48px);\r\n                font-weight: 300;\r\n                line-height: 1.2;\r\n                color: #ffffff;\r\n                letter-spacing: -0.01em;\r\n                margin-bottom: 20px;\r\n            }\r\n            \r\n            .naked-contact-desc {\r\n                font-family: 'Inter', sans-serif;\r\n                font-size: clamp(15px, 1.6vw, 17px);\r\n                line-height: 1.8;\r\n                color: rgba(255,255,255,0.6);\r\n                font-weight: 300;\r\n                margin-bottom: 35px;\r\n                max-width: 400px;\r\n            }\r\n            \r\n            .naked-contact-item {\r\n                display: flex;\r\n                align-items: flex-start;\r\n                gap: 15px;\r\n                margin-bottom: 25px;\r\n            }\r\n            \r\n            .naked-contact-item-icon {\r\n                width: 24px;\r\n                flex-shrink: 0;\r\n                color: rgba(255,255,255,0.4);\r\n                margin-top: 2px;\r\n            }\r\n            \r\n            .naked-contact-item-text {\r\n                font-family: 'Inter', sans-serif;\r\n                font-size: clamp(15px, 1.6vw, 17px);\r\n                color: #ffffff !important; \/* forced white *\/\r\n                font-weight: 300;\r\n                line-height: 1.6;\r\n            }\r\n            \r\n            .naked-contact-item-text a {\r\n                color: #ffffff !important;\r\n                text-decoration: none;\r\n                transition: opacity 0.3s ease;\r\n            }\r\n            \r\n            .naked-contact-item-text a:hover {\r\n                opacity: 0.7;\r\n            }\r\n            \r\n            .naked-contact-divider {\r\n                width: 40px;\r\n                height: 1px;\r\n                background: rgba(255,255,255,0.2);\r\n                margin: 30px 0;\r\n            }\r\n            \r\n            \/* Social Icons *\/\r\n            .naked-social-links {\r\n                display: flex;\r\n                gap: 18px;\r\n                margin-top: 30px;\r\n            }\r\n            \r\n            .naked-social-links a {\r\n                color: #ffffff !important;\r\n                font-size: 28px;\r\n                transition: opacity 0.3s ease;\r\n                text-decoration: none;\r\n            }\r\n            \r\n            .naked-social-links a:hover {\r\n                opacity: 0.7;\r\n            }\r\n\r\n.naked-social-links {\r\n    display: flex;\r\n    gap: 18px;\r\n    margin-top: 30px;\r\n}\r\n.social-icon {\r\n    width: 32px;\r\n    height: 32px;\r\n    display: block;\r\n    transition: opacity 0.3s ease;\r\n}\r\n.social-icon:hover {\r\n    opacity: 0.7;\r\n}\r\n            \r\n            \/* Right Column - Form *\/\r\n\r\n.naked-contact-form .wpcf7-form input:not([type=\"submit\"]), .naked-contact-form .wpcf7-form textarea{\r\npadding: 0px 0 12px !important;\r\n}\r\n\r\n            .naked-contact-form {\r\n                flex: 1 1 50%;\r\n                min-width: 300px;\r\n            }\r\n            \r\n            \/* CF7 form styling - no extra <br> spacing *\/\r\n            .naked-contact-form .wpcf7-form {\r\n                display: flex;\r\n                flex-direction: column;\r\n                gap: 20px;\r\n            }\r\n            \r\n            .naked-contact-form .wpcf7-form label {\r\n                font-family: 'Inter', sans-serif;\r\n                font-size: clamp(12px, 1.2vw, 14px);\r\n                font-weight: 500;\r\n                color: #ffffff !important;\r\n                letter-spacing: 0.5px;\r\n                margin-bottom: 4px;\r\n                display: block;\r\n            }\r\n            \r\n            .naked-contact-form .wpcf7-form input:not([type=\"submit\"]),\r\n            .naked-contact-form .wpcf7-form textarea {\r\n                width: 100%;\r\n                background: transparent;\r\n                border: none;\r\n                border-bottom: 1px solid rgba(255,255,255,0.15);\r\n                padding: 12px 0;\r\n                font-family: 'Inter', sans-serif;\r\n                font-size: clamp(15px, 1.6vw, 17px);\r\n                color: #ffffff;\r\n                transition: border-color 0.3s ease;\r\n                outline: none;\r\n                border-radius: 0;\r\n            }\r\n            \r\n            .naked-contact-form .wpcf7-form input:not([type=\"submit\"]):focus,\r\n            .naked-contact-form .wpcf7-form textarea:focus {\r\n                border-bottom-color: rgba(255,255,255,0.5);\r\n            }\r\n            \r\n            .naked-contact-form .wpcf7-form input:not([type=\"submit\"])::placeholder,\r\n            .naked-contact-form .wpcf7-form textarea::placeholder {\r\n                color: rgba(255,255,255,0.25);\r\n                font-weight: 300;\r\n            }\r\n            \r\n            .naked-contact-form .wpcf7-form textarea {\r\n                min-height: 120px;\r\n                resize: vertical;\r\n            }\r\n            \r\n            .naked-contact-form .wpcf7-form .wpcf7-submit {\r\n                background: #ffffff;\r\n                color: #0a0a0a;\r\n                border: 1px solid #ffffff;\r\n                padding: 16px 40px;\r\n                font-family: 'Inter', sans-serif;\r\n                font-size: clamp(13px, 1.4vw, 14px);\r\n                font-weight: 500;\r\n                letter-spacing: 0.5px;\r\n                cursor: pointer;\r\n                transition: all 0.4s ease;\r\n                border-radius: 50px;\r\n                align-self: flex-start;\r\n                margin-top: 10px;\r\n            }\r\n            \r\n            .naked-contact-form .wpcf7-form .wpcf7-submit:hover {\r\n                background: transparent;\r\n                color: #ffffff;\r\n                transform: translateY(-2px);\r\n            }\r\n            \r\n            \/* Hide <br> inside CF7 form *\/\r\n            .naked-contact-form .wpcf7-form br {\r\n                display: none;\r\n            }\r\n            \r\n            \/* Responsive *\/\r\n            @media (max-width: 768px) {\r\n                .naked-contact-container {\r\n                    flex-direction: column;\r\n                }\r\n                .naked-contact-info, .naked-contact-form {\r\n                    flex: 1 1 100%;\r\n                }\r\n                .naked-contact-form .wpcf7-form .wpcf7-submit {\r\n                    align-self: stretch;\r\n                    justify-content: center;\r\n                }\r\n            }\r\n            \r\n            \/* Animation *\/\r\n            .naked-contact-fade-in {\r\n                opacity: 0;\r\n                transform: translateY(30px);\r\n                transition: opacity 0.8s ease, transform 0.8s ease;\r\n            }\r\n            .naked-contact-fade-in.visible {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        <\/style>\r\n        \r\n        <div class=\"naked-contact-wrapper\">\r\n            <div class=\"naked-contact-container\">\r\n                \r\n                <!-- Left Column -->\r\n                <div class=\"naked-contact-info naked-contact-fade-in\">\r\n                    <span class=\"naked-contact-eyebrow\">Contact<\/span>\r\n                    <h2 class=\"naked-contact-title\">Get in Touch<\/h2>\r\n                    <p class=\"naked-contact-desc\">\r\n                        We're here to help you create the perfect private dining experience. \r\n                        Reach out and let's start planning.\r\n                    <\/p>\r\n                    \r\n                    <div class=\"naked-contact-divider\"><\/div>\r\n                    \r\n                    <!-- Email -->\r\n                    <div class=\"naked-contact-item\">\r\n                        <svg class=\"naked-contact-item-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n                            <path d=\"M4 4h16v16H4z M4 9l8 5 8-5\"\/>\r\n                        <\/svg>\r\n                        <div class=\"naked-contact-item-text\">\r\n                            <a href=\"mailto:info@nakedchefs.gr\">info@nakedchefs.gr<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <!-- Phone -->\r\n                    <div class=\"naked-contact-item\">\r\n                        <svg class=\"naked-contact-item-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n                            <path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.362 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.574 2.81.7A2 2 0 0122 16.92z\"\/>\r\n                        <\/svg>\r\n                        <div class=\"naked-contact-item-text\">\r\n                            <a href=\"tel:+306978080605\">+30 697 808 0605<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <!-- Location -->\r\n                    <div class=\"naked-contact-item\">\r\n                        <svg class=\"naked-contact-item-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n                            <path d=\"M12 22c-2 0-8-5.5-8-10a8 8 0 1116 0c0 4.5-6 10-8 10z\"\/>\r\n                            <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\r\n                        <\/svg>\r\n                        <div class=\"naked-contact-item-text\">\r\n                            Rethymno, Crete, Greece\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                  <!-- Social Icons -->\r\n<div class=\"naked-social-links\">\r\n    <a href=\"https:\/\/www.facebook.com\/nakedchefs\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\">\r\n        <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/5968\/5968764.png\" alt=\"Facebook\" class=\"social-icon\" title=\"\">\r\n    <\/a>\r\n    <a href=\"https:\/\/www.instagram.com\/naked_chefs\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\">\r\n        <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/15707\/15707749.png\" alt=\"Instagram\" class=\"social-icon\" title=\"\">\r\n    <\/a>\r\n<\/div>\r\n                <\/div>\r\n                \r\n                <!-- Right Column - Form -->\r\n                <div class=\"naked-contact-form naked-contact-fade-in\">\r\n                    <!-- Insert your CF7 shortcode here -->\r\n                    \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f2405-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"2405\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/el\/wp-json\/wp\/v2\/pages\/2337#wpcf7-f2405-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"2405\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.6\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f2405-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/fieldset>\n<div class=\"naked-contact-form\">\n\t<p><label for=\"your-name\">Full Name *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" id=\"your-name\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your full name\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\n\t<\/p>\n\t<p><label for=\"your-email\">Email *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" id=\"your-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"you@example.com\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\n\t<\/p>\n\t<p><label for=\"your-phone\">Phone (optional)<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-phone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-text wpcf7-validates-as-tel\" id=\"your-phone\" aria-invalid=\"false\" placeholder=\"Your phone number\" value=\"\" type=\"tel\" name=\"your-phone\" \/><\/span>\n\t<\/p>\n\t<p><label for=\"your-message\">Message *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" id=\"your-message\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Tell us about your event or request...\" name=\"your-message\"><\/textarea><\/span><br \/>\n<input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Send Message\" \/>\n\t<\/p>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n                <\/div>\r\n                \r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <script>\r\n            document.addEventListener('DOMContentLoaded', function() {\r\n                const observerOptions = { threshold: 0.1 };\r\n                const observer = new IntersectionObserver(function(entries) {\r\n                    entries.forEach(function(entry) {\r\n                        if (entry.isIntersecting) {\r\n                            entry.target.classList.add('visible');\r\n                            observer.unobserve(entry.target);\r\n                        }\r\n                    });\r\n                }, observerOptions);\r\n                document.querySelectorAll('.naked-contact-fade-in').forEach(function(el) {\r\n                    observer.observe(el);\r\n                });\r\n            });\r\n        <\/script>\r\n        \r\n        <\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2337","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nakedchefs.gr\/el\/wp-json\/wp\/v2\/pages\/2337","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nakedchefs.gr\/el\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nakedchefs.gr\/el\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nakedchefs.gr\/el\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/nakedchefs.gr\/el\/wp-json\/wp\/v2\/comments?post=2337"}],"version-history":[{"count":17,"href":"https:\/\/nakedchefs.gr\/el\/wp-json\/wp\/v2\/pages\/2337\/revisions"}],"predecessor-version":[{"id":2409,"href":"https:\/\/nakedchefs.gr\/el\/wp-json\/wp\/v2\/pages\/2337\/revisions\/2409"}],"wp:attachment":[{"href":"https:\/\/nakedchefs.gr\/el\/wp-json\/wp\/v2\/media?parent=2337"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}