{"id":9956,"date":"2026-02-09T21:52:17","date_gmt":"2026-02-09T19:52:17","guid":{"rendered":"https:\/\/www.blueseasidestudios.gr\/?page_id=9956"},"modified":"2026-02-09T22:24:38","modified_gmt":"2026-02-09T20:24:38","slug":"hotels-in-ikaria-island-greece","status":"publish","type":"page","link":"https:\/\/www.blueseasidestudios.gr\/el\/hotels-in-ikaria-island-greece\/","title":{"rendered":"Studios & Maisonettes"},"content":{"rendered":"
\n\t
\n\t\t\t\n\t
\n\t\t
\n\t\t\t\n\n\n \n \n Studios - Blue Seaside Studios Ikaria<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n :root {\n --primary-blue: #1a5fb4;\n --light-blue: #e9f2ff;\n --accent-gold: #e6b325;\n --dark-text: #2c3e50;\n --light-text: #5d6d7e;\n --white: #ffffff;\n --shadow: 0 8px 25px rgba(0, 0, 0, 0.06);\n --border-radius: 18px;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', 'Inter', Tahoma, Geneva, Verdana, sans-serif;\n color: var(--dark-text);\n line-height: 1.6;\n background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n min-height: 100vh;\n }\n\n .page-container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 30px;\n }\n\n \/* HERO SECTION *\/\n .hero-section {\n position: relative;\n padding: 120px 0 80px;\n text-align: center;\n margin-bottom: 70px;\n overflow: hidden;\n }\n\n .hero-section::before {\n content: '';\n position: absolute;\n top: -150px;\n right: -150px;\n width: 400px;\n height: 400px;\n background: linear-gradient(135deg, rgba(26, 95, 180, 0.08) 0%, rgba(230, 179, 37, 0.05) 100%);\n border-radius: 50%;\n z-index: -1;\n }\n\n .hero-section::after {\n content: '';\n position: absolute;\n bottom: -100px;\n left: -100px;\n width: 300px;\n height: 300px;\n background: linear-gradient(135deg, rgba(230, 179, 37, 0.05) 0%, rgba(26, 95, 180, 0.08) 100%);\n border-radius: 50%;\n z-index: -1;\n }\n\n .hero-title {\n font-size: 3.5rem; \/* \u039c\u0395\u0393\u0391\u039b\u03a5\u03a4\u0395\u03a1\u039f *\/\n font-weight: 800;\n color: var(--primary-blue);\n margin-bottom: 25px;\n position: relative;\n display: inline-block;\n }\n\n .hero-title::after {\n content: '';\n position: absolute;\n bottom: -12px;\n left: 50%;\n transform: translateX(-50%);\n width: 100px;\n height: 4px;\n background: linear-gradient(to right, var(--primary-blue), var(--accent-gold));\n border-radius: 2px;\n }\n\n .hero-subtitle {\n font-size: 1.4rem; \/* \u039c\u0395\u0393\u0391\u039b\u03a5\u03a4\u0395\u03a1\u039f *\/\n color: var(--light-text);\n max-width: 800px; \/* \u03a0\u0399\u039f \u03a0\u039b\u0391\u03a4\u03a5 *\/\n margin: 0 auto 50px;\n line-height: 1.7;\n font-weight: 400;\n }\n\n \/* SUMMARY *\/\n .summary-section {\n display: flex;\n justify-content: center;\n gap: 40px;\n margin-bottom: 70px;\n flex-wrap: wrap;\n }\n\n .summary-item {\n background: var(--white);\n padding: 40px 35px; \/* \u03a0\u0399\u039f \u039c\u0395\u0393\u0391\u039b\u039f PADDING *\/\n border-radius: var(--border-radius);\n text-align: center;\n box-shadow: var(--shadow);\n width: 200px; \/* \u03a0\u0399\u039f \u03a0\u039b\u0391\u03a4\u03a5 *\/\n position: relative;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n border: 1px solid rgba(0, 0, 0, 0.03);\n }\n\n .summary-item:hover {\n transform: translateY(-8px);\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);\n }\n\n .summary-number {\n font-size: 3.2rem; \/* \u039c\u0395\u0393\u0391\u039b\u03a5\u03a4\u0395\u03a1\u039f *\/\n font-weight: 800;\n color: var(--primary-blue);\n margin-bottom: 10px; \/* \u03a0\u0395\u03a1\u0399\u03a3\u03a3\u039f\u03a4\u0395\u03a1\u039f \u039a\u0395\u039d\u039f *\/\n line-height: 1;\n }\n\n .summary-label {\n font-size: 1.1rem; \/* \u039c\u0395\u0393\u0391\u039b\u03a5\u03a4\u0395\u03a1\u039f *\/\n color: var(--light-text);\n text-transform: uppercase;\n letter-spacing: 1.2px;\n font-weight: 600;\n margin-bottom: 15px;\n }\n\n .summary-decoration {\n width: 50px; \/* \u03a0\u0399\u039f \u03a0\u039b\u0391\u03a4\u03a5 *\/\n height: 3px; \/* \u03a0\u0399\u039f \u03a7\u039f\u039d\u0394\u03a1\u039f *\/\n background: linear-gradient(to right, var(--primary-blue), var(--accent-gold));\n margin: 0 auto;\n border-radius: 1.5px;\n }\n\n \/* GALLERY SLIDER - \u039c\u0395 \u0393\u0399\u0393\u0391\u039d\u03a4\u0399\u0391 \u03a0\u03a1\u03a9\u03a4\u0397 \u0395\u0399\u039a\u039f\u039d\u0391 *\/\n .gallery-section {\n margin-bottom: 90px;\n position: relative;\n }\n\n .gallery-slider {\n height: 650px; \/* \u039c\u0395\u0393\u0391\u039b\u03a5\u03a4\u0395\u03a1\u039f \u03a5\u03a8\u039f\u03a3 *\/\n border-radius: var(--border-radius);\n overflow: hidden;\n box-shadow: 0 25px 60px rgba(0, 0, 0, 0.12);\n position: relative;\n }\n\n .slider-container {\n width: 100%;\n height: 100%;\n position: relative;\n }\n\n .slider-item {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n transition: opacity 0.8s ease;\n }\n\n .slider-item.active {\n opacity: 1;\n }\n\n .slider-img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center 30%; \/* \u0392\u0395\u039b\u03a4\u0399\u03a9\u039c\u0395\u039d\u0397 \u0398\u0395\u03a3\u0397 \u0393\u0399\u0391 \u039c\u0395\u0393\u0391\u039b\u03a5\u03a4\u0395\u03a1\u0397 \u0395\u039c\u03a6\u0391\u039d\u0399\u03a3\u0397 *\/\n }\n\n .slider-nav {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background: rgba(255, 255, 255, 0.95);\n color: var(--primary-blue);\n border: none;\n width: 65px; \/* \u039c\u0395\u0393\u0391\u039b\u03a5\u03a4\u0395\u03a1\u0391 \u039a\u039f\u03a5\u039c\u03a0\u0399\u0391 *\/\n height: 65px;\n border-radius: 50%;\n font-size: 1.6rem; \/* \u039c\u0395\u0393\u0391\u039b\u03a5\u03a4\u0395\u03a1\u0391 \u0395\u0399\u039a\u039f\u039d\u0399\u0394\u0399\u0391 *\/\n cursor: pointer;\n z-index: 10;\n transition: all 0.3s;\n box-shadow: 0 5px 20px rgba(0, 0, 0, 0.12);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .slider-nav:hover {\n background: var(--white);\n transform: translateY(-50%) scale(1.12);\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);\n }\n\n .slider-prev {\n left: 30px;\n }\n\n .slider-next {\n right: 30px;\n }\n\n .slider-dots {\n position: absolute;\n bottom: 30px;\n left: 0;\n right: 0;\n display: flex;\n justify-content: center;\n gap: 15px;\n z-index: 10;\n }\n\n .slider-dot {\n width: 14px;\n height: 14px;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.7);\n cursor: pointer;\n transition: all 0.3s;\n }\n\n .slider-dot.active {\n background: var(--white);\n transform: scale(1.3);\n box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3);\n }\n\n \/* AMENITIES *\/\n .amenities-section {\n background: var(--white);\n border-radius: var(--border-radius);\n padding: 70px 60px; \/* \u03a0\u0395\u03a1\u0399\u03a3\u03a3\u039f\u03a4\u0395\u03a1\u039f PADDING *\/\n margin-bottom: 90px;\n box-shadow: var(--shadow);\n border: 1px solid rgba(0, 0, 0, 0.03);\n }\n\n .section-title {\n font-size: 2.5rem; \/* \u039c\u0395\u0393\u0391\u039b\u03a5\u03a4\u0395\u03a1\u039f *\/\n color: var(--primary-blue);\n margin-bottom: 50px; \/* \u03a0\u0395\u03a1\u0399\u03a3\u03a3\u039f\u03a4\u0395\u03a1\u039f \u039a\u0395\u039d\u039f *\/\n text-align: center;\n font-weight: 700;\n position: relative;\n }\n\n .section-title::after {\n content: '';\n position: absolute;\n bottom: -18px;\n left: 50%;\n transform: translateX(-50%);\n width: 90px;\n height: 4px; \/* \u03a0\u0399\u039f \u03a7\u039f\u039d\u0394\u03a1\u039f *\/\n background: linear-gradient(to right, var(--primary-blue), var(--accent-gold));\n border-radius: 2px;\n }\n\n .amenities-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); \/* \u03a0\u0399\u039f \u03a0\u039b\u0391\u03a4\u03a5\u03a3\u0399\u0395\u03a3 \u039a\u0391\u03a1\u03a4\u0395\u03a3 *\/\n gap: 30px; \/* \u03a0\u0395\u03a1\u0399\u03a3\u03a3\u039f\u03a4\u0395\u03a1\u039f \u039a\u0395\u039d\u039f *\/\n }\n\n .amenity-item {\n display: flex;\n align-items: center;\n padding: 25px; \/* \u03a0\u0395\u03a1\u0399\u03a3\u03a3\u039f\u03a4\u0395\u03a1\u039f PADDING *\/\n background: var(--light-blue);\n border-radius: 16px; \/* \u0395\u039b\u0391\u03a6\u03a1\u03a9\u03a3 \u039c\u0395\u0393\u0391\u039b\u03a5\u03a4\u0395\u03a1\u0397 *\/\n transition: all 0.3s;\n border-left: 5px solid var(--primary-blue); \/* \u03a0\u0399\u039f \u03a7\u039f\u039d\u0394\u03a1\u039f BORDER *\/\n }\n\n .amenity-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 12px 25px rgba(26, 95, 180, 0.12);\n background: linear-gradient(135deg, var(--light-blue) 0%, #e1ecff 100%);\n }\n\n .amenity-icon {\n width: 60px; \/* \u039c\u0395\u0393\u0391\u039b\u03a5\u03a4\u0395\u03a1\u0391 \u0395\u0399\u039a\u039f\u039d\u0399\u0394\u0399\u0391 *\/\n height: 60px;\n background: linear-gradient(135deg, var(--primary-blue), #2a7de0);\n border-radius: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 25px;\n flex-shrink: 0;\n }\n\n .amenity-icon i {\n color: var(--white);\n font-size: 1.5rem; \/* \u039c\u0395\u0393\u0391\u039b\u03a5\u03a4\u0395\u03a1\u0391 \u0395\u0399\u039a\u039f\u039d\u0399\u0394\u0399\u0391 *\/\n }\n\n .amenity-text {\n font-size: 1.2rem; \/* \u039c\u0395\u0393\u0391\u039b\u03a5\u03a4\u0395\u03a1\u0391 \u0393\u03a1\u0391\u039c\u039c\u0391\u03a4\u0391 *\/\n color: var(--dark-text);\n font-weight: 500;\n }\n\n \/* MAISONETTE - \u03a7\u03a9\u03a1\u0399\u03a3 \"SUITE\" *\/\n .maisonette-section {\n background: linear-gradient(135deg, var(--white) 0%, #f8fafc 100%);\n border-radius: var(--border-radius);\n overflow: hidden;\n margin-bottom: 100px;\n box-shadow: var(--shadow);\n border: 1px solid rgba(0, 0, 0, 0.03);\n position: relative;\n }\n\n .maisonette-section::before {\n content: '';\n position: absolute;\n top: -50px;\n right: -50px;\n width: 200px;\n height: 200px;\n background: linear-gradient(135deg, rgba(230, 179, 37, 0.03) 0%, rgba(26, 95, 180, 0.03) 100%);\n border-radius: 50%;\n z-index: 0;\n }\n\n .maisonette-container {\n display: grid;\n grid-template-columns: 1.2fr 1fr;\n min-height: 500px;\n position: relative;\n z-index: 1;\n }\n\n .maisonette-image {\n position: relative;\n overflow: hidden;\n }\n\n .maisonette-img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .maisonette-image:hover .maisonette-img {\n transform: scale(1.03);\n }\n\n .maisonette-content {\n padding: 70px 60px; \/* \u03a0\u0395\u03a1\u0399\u03a3\u03a3\u039f\u03a4\u0395\u03a1\u039f PADDING *\/\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .maisonette-title {\n font-size: 2.8rem; \/* \u039c\u0395\u0393\u0391\u039b\u03a5\u03a4\u0395\u03a1\u039f *\/\n color: var(--primary-blue);\n margin-bottom: 30px; \/* \u03a0\u0395\u03a1\u0399\u03a3\u03a3\u039f\u03a4\u0395\u03a1\u039f \u039a\u0395\u039d\u039f *\/\n font-weight: 700;\n }\n\n .maisonette-summary {\n display: flex;\n gap: 45px; \/* \u03a0\u0395\u03a1\u0399\u03a3\u03a3\u039f\u03a4\u0395\u03a1\u039f \u039a\u0395\u039d\u039f *\/\n margin-bottom: 40px; \/* \u03a0\u0395\u03a1\u0399\u03a3\u03a3\u039f\u03a4\u0395\u03a1\u039f \u039a\u0395\u039d\u039f *\/\n padding: 30px; \/* \u03a0\u0395\u03a1\u0399\u03a3\u03a3\u039f\u03a4\u0395\u03a1\u039f PADDING *\/\n background: var(--light-blue);\n border-radius: 16px;\n }\n\n .ms-item {\n text-align: center;\n flex: 1;\n }\n\n .ms-number {\n font-size: 2.8rem; \/* \u039c\u0395\u0393\u0391\u039b\u03a5\u03a4\u0395\u03a1\u039f *\/\n font-weight: 800;\n color: var(--primary-blue);\n margin-bottom: 8px; \/* \u03a0\u0395\u03a1\u0399\u03a3\u03a3\u039f\u03a4\u0395\u03a1\u039f \u039a\u0395\u039d\u039f *\/\n line-height: 1;\n }\n\n .ms-label {\n font-size: 1rem; \/* \u039c\u0395\u0393\u0391\u039b\u03a5\u03a4\u0395\u03a1\u039f *\/\n color: var(--light-text);\n text-transform: uppercase;\n letter-spacing: 1px;\n font-weight: 600;\n }\n\n .maisonette-description {\n font-size: 1.2rem; \/* \u039c\u0395\u0393\u0391\u039b\u03a5\u03a4\u0395\u03a1\u039f *\/\n color: var(--light-text);\n margin-bottom: 45px; \/* \u03a0\u0395\u03a1\u0399\u03a3\u03a3\u039f\u03a4\u0395\u03a1\u039f \u039a\u0395\u039d\u039f *\/\n line-height: 1.7;\n }\n\n .maisonette-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 15px; \/* \u03a0\u0395\u03a1\u0399\u03a3\u03a3\u039f\u03a4\u0395\u03a1\u039f \u039a\u0395\u039d\u039f *\/\n background: linear-gradient(135deg, var(--primary-blue), #2a7de0);\n color: var(--white);\n padding: 22px 50px; \/* \u039c\u0395\u0393\u0391\u039b\u03a5\u03a4\u0395\u03a1\u039f PADDING *\/\n border-radius: 50px;\n text-decoration: none;\n font-weight: 600;\n font-size: 1.15rem; \/* \u039c\u0395\u0393\u0391\u039b\u03a5\u03a4\u0395\u03a1\u0391 \u0393\u03a1\u0391\u039c\u039c\u0391\u03a4\u0391 *\/\n transition: all 0.3s;\n align-self: flex-start;\n box-shadow: 0 10px 25px rgba(26, 95, 180, 0.25);\n border: none;\n cursor: pointer;\n }\n\n .maisonette-button:hover {\n transform: translateY(-4px);\n box-shadow: 0 15px 30px rgba(26, 95, 180, 0.35);\n background: linear-gradient(135deg, #154a8a, var(--primary-blue));\n }\n\n \/* BOOKING CTA *\/\n .booking-cta {\n background: linear-gradient(135deg, var(--primary-blue) 0%, #2a7de0 100%);\n color: var(--white);\n padding: 80px 50px; \/* \u03a0\u0395\u03a1\u0399\u03a3\u03a3\u039f\u03a4\u0395\u03a1\u039f PADDING *\/\n text-align: center;\n border-radius: var(--border-radius);\n margin-bottom: 100px;\n box-shadow: 0 20px 50px rgba(26, 95, 180, 0.25);\n position: relative;\n overflow: hidden;\n }\n\n .booking-cta::before {\n content: '';\n position: absolute;\n top: -50px;\n right: -50px;\n width: 200px;\n height: 200px;\n background: rgba(255, 255, 255, 0.05);\n border-radius: 50%;\n }\n\n .booking-cta::after {\n content: '';\n position: absolute;\n bottom: -80px;\n left: -80px;\n width: 250px;\n height: 250px;\n background: rgba(255, 255, 255, 0.03);\n border-radius: 50%;\n }\n\n .cta-title {\n font-size: 2.8rem; \/* \u039c\u0395\u0393\u0391\u039b\u03a5\u03a4\u0395\u03a1\u039f *\/\n margin-bottom: 25px; \/* \u03a0\u0395\u03a1\u0399\u03a3\u03a3\u039f\u03a4\u0395\u03a1\u039f \u039a\u0395\u039d\u039f *\/\n font-weight: 700;\n position: relative;\n z-index: 1;\n }\n\n .cta-text {\n font-size: 1.25rem; \/* \u039c\u0395\u0393\u0391\u039b\u03a5\u03a4\u0395\u03a1\u039f *\/\n max-width: 700px; \/* \u03a0\u0399\u039f \u03a0\u039b\u0391\u03a4\u03a5 *\/\n margin: 0 auto 50px; \/* \u03a0\u0395\u03a1\u0399\u03a3\u03a3\u039f\u03a4\u0395\u03a1\u039f \u039a\u0395\u039d\u039f *\/\n opacity: 0.95;\n line-height: 1.7;\n position: relative;\n z-index: 1;\n }\n\n .cta-button {\n display: inline-flex;\n align-items: center;\n gap: 18px; \/* \u03a0\u0395\u03a1\u0399\u03a3\u03a3\u039f\u03a4\u0395\u03a1\u039f \u039a\u0395\u039d\u039f *\/\n background: var(--white);\n color: var(--primary-blue);\n padding: 24px 60px; \/* \u039c\u0395\u0393\u0391\u039b\u03a5\u03a4\u0395\u03a1\u039f PADDING *\/\n border-radius: 50px;\n text-decoration: none;\n font-weight: 700;\n font-size: 1.25rem; \/* \u039c\u0395\u0393\u0391\u039b\u03a5\u03a4\u0395\u03a1\u0391 \u0393\u03a1\u0391\u039c\u039c\u0391\u03a4\u0391 *\/\n transition: all 0.3s;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);\n position: relative;\n z-index: 1;\n }\n\n .cta-button:hover {\n transform: translateY(-6px);\n box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22);\n background: var(--light-blue);\n }\n\n \/* RESPONSIVE *\/\n @media (max-width: 1200px) {\n .maisonette-container { grid-template-columns: 1fr; }\n .maisonette-image { height: 450px; }\n .gallery-slider { height: 550px; }\n }\n\n @media (max-width: 768px) {\n .page-container { padding: 0 20px; }\n .hero-title { font-size: 2.8rem; }\n .hero-subtitle { font-size: 1.2rem; }\n .hero-section { padding: 90px 0 60px; }\n .summary-section { gap: 20px; }\n .summary-item { width: 160px; padding: 30px 25px; }\n .summary-number { font-size: 2.8rem; }\n .gallery-slider { height: 450px; }\n .slider-nav { width: 55px; height: 55px; font-size: 1.4rem; }\n .amenities-section { padding: 50px 30px; }\n .amenities-grid { grid-template-columns: 1fr; }\n .maisonette-content { padding: 50px 30px; }\n .maisonette-title { font-size: 2.3rem; }\n .maisonette-summary { flex-direction: column; gap: 30px; }\n .booking-cta { padding: 60px 30px; }\n .cta-title { font-size: 2.3rem; }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"page-container\">\n <!-- HERO SECTION -->\n <section class=\"hero-section\">\n <h1 class=\"hero-title\">Studio Retreat in Ikaria<\/h1>\n <p class=\"hero-subtitle\">Experience authentic Ikaria in our beautifully designed studio, blending modern comfort with traditional Greek charm for your perfect island escape.<\/p>\n <\/section>\n\n <!-- SUMMARY - 1 BATHROOM -->\n <div class=\"summary-section\">\n <div class=\"summary-item\">\n <div class=\"summary-number\">1<\/div>\n <div class=\"summary-label\">Comfortable Bed<\/div>\n <div class=\"summary-decoration\"><\/div>\n <\/div>\n <div class=\"summary-item\">\n <div class=\"summary-number\">40 m\u00b2<\/div>\n <div class=\"summary-label\">Spacious Area<\/div>\n <div class=\"summary-decoration\"><\/div>\n <\/div>\n <div class=\"summary-item\">\n <div class=\"summary-number\">1<\/div>\n <div class=\"summary-label\">Modern Bathroom<\/div>\n <div class=\"summary-decoration\"><\/div>\n <\/div>\n <\/div>\n\n <!-- GALLERY SLIDER - \u039c\u0395\u0393\u0391\u039b\u0397 \u03a0\u03a1\u03a9\u03a4\u0397 \u0395\u0399\u039a\u039f\u039d\u0391 -->\n <section class=\"gallery-section\">\n <div class=\"gallery-slider\">\n <div class=\"slider-container\">\n <div class=\"slider-item active\">\n <!-- \u0391\u039b\u039b\u0391\u039e\u0395 \u0391\u03a5\u03a4\u039f \u03a4\u039f URL \u039c\u0395 \u039c\u0395\u0393\u0391\u039b\u03a5\u03a4\u0395\u03a1\u0397 \u0395\u0399\u039a\u039f\u039d\u0391 -->\n <img decoding=\"async\" class=\"slider-img\" src=\"https:\/\/images.unsplash.com\/photo-1611892440504-42a792e24d32?ixlib=rb-4.0.3&auto=format&fit=crop&w=2000&q=80\" alt=\"Studio interior\">\n <\/div>\n <div class=\"slider-item\">\n <img decoding=\"async\" class=\"slider-img\" src=\"https:\/\/images.unsplash.com\/photo-1586023492125-27b2c045efd7?ixlib=rb-4.0.3&auto=format&fit=crop&w=2000&q=80\" alt=\"Studio veranda\">\n <\/div>\n <div class=\"slider-item\">\n <img decoding=\"async\" class=\"slider-img\" src=\"https:\/\/images.unsplash.com\/photo-1502672260266-1c1ef2d93688?ixlib=rb-4.0.3&auto=format&fit=crop&w=2000&q=80\" alt=\"Studio kitchen\">\n <\/div>\n <div class=\"slider-item\">\n <img decoding=\"async\" class=\"slider-img\" src=\"https:\/\/images.unsplash.com\/photo-1590490360182-c33d57733427?ixlib=rb-4.0.3&auto=format&fit=crop&w=2000&q=80\" alt=\"Studio bathroom\">\n <\/div>\n <\/div>\n \n <button class=\"slider-nav slider-prev\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\n <button class=\"slider-nav slider-next\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\n \n <div class=\"slider-dots\">\n <div class=\"slider-dot active\" data-slide=\"0\"><\/div>\n <div class=\"slider-dot\" data-slide=\"1\"><\/div>\n <div class=\"slider-dot\" data-slide=\"2\"><\/div>\n <div class=\"slider-dot\" data-slide=\"3\"><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- AMENITIES - \u039c\u0395 Veranda \u039a\u0391\u0399 \u039c\u0395\u0393\u0391\u039b\u03a5\u03a4\u0395\u03a1\u0391 \u0393\u03a1\u0391\u039c\u039c\u0391\u03a4\u0391 -->\n <section class=\"amenities-section\">\n <h2 class=\"section-title\">Studio Amenities<\/h2>\n <div class=\"amenities-grid\">\n <div class=\"amenity-item\">\n <div class=\"amenity-icon\">\n <i class=\"fas fa-snowflake\"><\/i>\n <\/div>\n <div class=\"amenity-text\">Air Conditioning & Heating<\/div>\n <\/div>\n <div class=\"amenity-item\">\n <div class=\"amenity-icon\">\n <i class=\"fas fa-wifi\"><\/i>\n <\/div>\n <div class=\"amenity-text\">Free High-Speed Wi-Fi<\/div>\n <\/div>\n <div class=\"amenity-item\">\n <div class=\"amenity-icon\">\n <i class=\"fas fa-tv\"><\/i>\n <\/div>\n <div class=\"amenity-text\">32\" Smart LED TV<\/div>\n <\/div>\n <div class=\"amenity-item\">\n <div class=\"amenity-icon\">\n <i class=\"fas fa-blender\"><\/i>\n <\/div>\n <div class=\"amenity-text\">Fully Equipped Kitchenette<\/div>\n <\/div>\n <div class=\"amenity-item\">\n <div class=\"amenity-icon\">\n <i class=\"fas fa-coffee\"><\/i>\n <\/div>\n <div class=\"amenity-text\">Coffee Machine & Kettle<\/div>\n <\/div>\n <div class=\"amenity-item\">\n <div class=\"amenity-icon\">\n <i class=\"fas fa-shower\"><\/i>\n <\/div>\n <div class=\"amenity-text\">Modern Bathroom with Shower<\/div>\n <\/div>\n <div class=\"amenity-item\">\n <div class=\"amenity-icon\">\n <i class=\"fas fa-sun\"><\/i>\n <\/div>\n <div class=\"amenity-text\">Private Veranda with Sea View<\/div> <!-- \u0395\u0394\u03a9 \u0391\u039b\u039b\u0391\u0393\u0397 -->\n <\/div>\n <div class=\"amenity-item\">\n <div class=\"amenity-icon\">\n <i class=\"fas fa-lock\"><\/i>\n <\/div>\n <div class=\"amenity-text\">Electronic Safe<\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- MAISONETTE - \u03a7\u03a9\u03a1\u0399\u03a3 \"SUITE\" -->\n <section class=\"maisonette-section\">\n <div class=\"maisonette-container\">\n <div class=\"maisonette-image\">\n <img decoding=\"async\" class=\"maisonette-img\" src=\"https:\/\/images.unsplash.com\/photo-1512918728675-ed5a9ecdebfd?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80\" alt=\"Maisonette\">\n <\/div>\n <div class=\"maisonette-content\">\n <h2 class=\"maisonette-title\">Maisonette<\/h2> <!-- \u03a7\u03a9\u03a1\u0399\u03a3 \"SUITE\" -->\n <div class=\"maisonette-summary\">\n <div class=\"ms-item\">\n <div class=\"ms-number\">3<\/div>\n <div class=\"ms-label\">Bedrooms<\/div>\n <\/div>\n <div class=\"ms-item\">\n <div class=\"ms-number\">60 m\u00b2<\/div>\n <div class=\"ms-label\">Total Area<\/div>\n <\/div>\n <div class=\"ms-item\">\n <div class=\"ms-number\">2<\/div>\n <div class=\"ms-label\">Bathrooms<\/div>\n <\/div>\n <\/div>\n <p class=\"maisonette-description\">\n Our spacious Maisonette offers comfort for families or groups, featuring a fully equipped kitchen, \n separate living area, and breathtaking sea views from the private terrace.\n <\/p>\n <a href=\"#\" class=\"maisonette-button\">\n View Full Details <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- BOOKING CTA - \u03a7\u03a9\u03a1\u0399\u03a3 \"LUXURY\" -->\n <section class=\"booking-cta\">\n <h2 class=\"cta-title\">Book Your Ikaria Retreat<\/h2>\n <p class=\"cta-text\">\n Secure your stay in our beautiful studio and experience the authentic beauty of Ikaria. \n Limited availability for the upcoming season.\n <\/p>\n <a href=\"#\" class=\"cta-button\">\n <i class=\"fas fa-calendar-alt\"><\/i> Check Availability\n <\/a>\n <\/section>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Slider\n const sliderItems = document.querySelectorAll('.slider-item');\n const sliderDots = document.querySelectorAll('.slider-dot');\n const prevBtn = document.querySelector('.slider-prev');\n const nextBtn = document.querySelector('.slider-next');\n let currentSlide = 0;\n const totalSlides = sliderItems.length;\n let slideInterval;\n \n function showSlide(index) {\n sliderItems.forEach(item => item.classList.remove('active'));\n sliderDots.forEach(dot => dot.classList.remove('active'));\n \n currentSlide = (index + totalSlides) % totalSlides;\n \n sliderItems[currentSlide].classList.add('active');\n sliderDots[currentSlide].classList.add('active');\n }\n \n nextBtn.addEventListener('click', () => {\n showSlide(currentSlide + 1);\n resetInterval();\n });\n \n prevBtn.addEventListener('click', () => {\n showSlide(currentSlide - 1);\n resetInterval();\n });\n \n sliderDots.forEach(dot => {\n dot.addEventListener('click', function() {\n const slideIndex = parseInt(this.getAttribute('data-slide'));\n showSlide(slideIndex);\n resetInterval();\n });\n });\n \n function startInterval() {\n slideInterval = setInterval(() => {\n showSlide(currentSlide + 1);\n }, 5000);\n }\n \n function resetInterval() {\n clearInterval(slideInterval);\n startInterval();\n }\n \n startInterval();\n });\n <\/script>\n<\/body>\n<\/html>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\t<\/div> \n<\/div><!--End .row--><\/div><!--End .container--><\/div>\n","protected":false},"excerpt":{"rendered":"Studios - Blue Seaside Studios Ikaria Studio Retreat in Ikaria Experience authentic Ikaria in our beautifully designed studio, blending modern comfort with traditional Greek charm for your perfect island escape. 1 Comfortable Bed 40 m\u00b2 Spacious Area 1 Modern Bathroom Studio Amenities Air Conditioning & Heating Free High-Speed Wi-Fi 32\" Smart LED TV Fully Equipped [...]","protected":false},"author":1,"featured_media":9354,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9956","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.blueseasidestudios.gr\/el\/wp-json\/wp\/v2\/pages\/9956","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.blueseasidestudios.gr\/el\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.blueseasidestudios.gr\/el\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.blueseasidestudios.gr\/el\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.blueseasidestudios.gr\/el\/wp-json\/wp\/v2\/comments?post=9956"}],"version-history":[{"count":4,"href":"https:\/\/www.blueseasidestudios.gr\/el\/wp-json\/wp\/v2\/pages\/9956\/revisions"}],"predecessor-version":[{"id":9965,"href":"https:\/\/www.blueseasidestudios.gr\/el\/wp-json\/wp\/v2\/pages\/9956\/revisions\/9965"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.blueseasidestudios.gr\/el\/wp-json\/wp\/v2\/media\/9354"}],"wp:attachment":[{"href":"https:\/\/www.blueseasidestudios.gr\/el\/wp-json\/wp\/v2\/media?parent=9956"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}