{"id":276,"date":"2026-07-07T11:00:38","date_gmt":"2026-07-07T11:00:38","guid":{"rendered":"https:\/\/7thalases.gr\/rethymno\/?page_id=276"},"modified":"2026-07-08T14:20:43","modified_gmt":"2026-07-08T14:20:43","slug":"7-thalasses-seafood-sushi-restaurant-rethymno","status":"publish","type":"page","link":"https:\/\/7thalases.gr\/rethymno\/el\/","title":{"rendered":"7 Thalasses | Seafood Restaurant Rethymno"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_block_section et-pb-has-background-video et_pb_preload\"><span class=\"et-pb-background-video\"><video autoplay loop playsinline muted><source type=\"video\/mp4\" data-src=\"https:\/\/7thalases.gr\/rethymno\/wp-content\/uploads\/2026\/06\/7_thalasses_1.mp4\" \/><\/video><\/span>\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_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,400;1,500&family=Inter:wght@300;400;500&display=swap');\n:root {\n--th-navy: #0D1B2A;\n--th-gold: #C9A96E;\n--th-white: #FFFFFF;\n--th-display: 'Cormorant Garamond', serif;\n--th-body: 'Inter', sans-serif;\n--th-ease: cubic-bezier(.22,.61,.36,1);\n}\n.th-hero * {\nbox-sizing: border-box;\n}\n.th-hero {\nposition: relative;\nheight: 100vh;\nmin-height: 560px;\ndisplay: flex;\nalign-items: center;\njustify-content: center;\ntext-align: center;\noverflow: hidden;\n\/*-- background: var(--th-navy); *\/\nfont-family: var(--th-body);\n}\n.th-hero__bg {\nposition: absolute;\ninset: 0;\nwidth: 100%;\nheight: 100%;\nobject-fit: cover;\nz-index: 0;\ndisplay: block;\n}\n.th-hero__overlay {\nposition: absolute;\ninset: 0;\nz-index: 1;\nbackground: linear-gradient(180deg, rgba(13,27,42,0.65) 0%, rgba(13,27,42,0.3) 55%, rgba(13,27,42,0.75) 100%);\n}\n.th-hero__content {\nposition: relative;\nz-index: 2;\ndisplay: flex;\nflex-direction: column;\nalign-items: center;\npadding: 0 6vw;\n\/* \u039c\u03b5\u03b9\u03ce\u03b8\u03b7\u03ba\u03b5 \u03c4\u03bf translateY \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03ba\u03b1\u03c4\u03ad\u03b2\u03b5\u03b9 \u03c0\u03b9\u03bf \u03ba\u03ac\u03c4\u03c9 - \u03c0\u03b9\u03bf \u03ba\u03bf\u03bd\u03c4\u03ac \u03c3\u03c4\u03bf scroll *\/\ntransform: translateY(-2vh);\n}\n.th-hero__logo {\nmax-width: clamp(140px, 28vw, 280px);\nheight: auto;\nopacity: 0;\ntransform: translateY(30px);\nanimation: th-rise .9s .15s var(--th-ease) forwards;\n}\n.th-hero__tagline {\nline-height: 1;\nfont-family: var(--th-display);\nfont-weight: 300;\ncolor: var(--th-white);\nfont-size: clamp(3.2rem, 7vw, 4.2rem);\n\/*font-size: clamp(1.8rem, 5vw, 3.2rem); *\/\n\/* \u039c\u03b5\u03b9\u03ce\u03b8\u03b7\u03ba\u03b5 \u03c3\u03c4\u03bf \u03bc\u03b9\u03c3\u03cc \u03b1\u03c0\u03cc 28px \u03c3\u03b5 14px *\/\n\/*margin: 14px 0 0 0;*\/\nmargin: 28px 0 0 0;\nletter-spacing: 0.08em;\ntext-transform: uppercase;\nopacity: 0;\ntransform: translateY(30px);\nanimation: th-rise .9s .3s var(--th-ease) forwards;\n}\n  @media only screen and (max-width: 980px) {\n    .th-hero__tagline {\nfont-size: clamp(1.8rem, 5vw, 3.2rem);\nmargin: 14px 0 0 0;\n}\n }\n.th-hero__location {\nfont-family: var(--th-body);\nfont-size: 14px;\nletter-spacing: 0.18em;\ncolor: var(--th-gold);\n\/* \u039c\u03b5\u03b9\u03ce\u03b8\u03b7\u03ba\u03b5 \u03c3\u03c4\u03bf \u03bc\u03b9\u03c3\u03cc \u03b1\u03c0\u03cc 8px \u03c3\u03b5 4px *\/\nmargin: 4px 0 0 0;\ntext-transform: uppercase;\nopacity: 0;\ntransform: translateY(20px);\nanimation: th-rise .9s .45s var(--th-ease) forwards;\n}\n.th-hero__cta {\n\/* \u039c\u03b5\u03b9\u03ce\u03b8\u03b7\u03ba\u03b5 \u03c3\u03c4\u03bf \u03bc\u03b9\u03c3\u03cc \u03b1\u03c0\u03cc 26px \u03c3\u03b5 13px *\/\nmargin-top: 13px;\ndisplay: flex;\ngap: 20px;\nflex-wrap: wrap;\njustify-content: center;\nopacity: 0;\ntransform: translateY(20px);\nanimation: th-rise .9s .6s var(--th-ease) forwards;\n}\n.th-btn {\ndisplay: inline-block;\npadding: 14px 32px;\nfont-family: var(--th-body);\nfont-size: 11px;\nletter-spacing: 0.15em;\ntext-transform: uppercase;\ntext-decoration: none;\ntransition: all 0.3s var(--th-ease);\nborder: 1px solid var(--th-white);\ncolor: var(--th-white);\nbackground: transparent;\n}\n.th-btn--gold {\nbackground: var(--th-gold);\nborder-color: var(--th-gold);\ncolor: var(--th-navy);\n}\n.th-btn--gold:hover {\nbackground: transparent;\nborder-color: var(--th-white);\ncolor: var(--th-white);\n}\n.th-btn:hover {\nbackground: var(--th-gold);\nborder-color: var(--th-gold);\ncolor: var(--th-navy);\n}\n.th-hero__scroll {\nposition: absolute;\nbottom: 20px;\nleft: 50%;\ntransform: translateX(-50%) !important;\nz-index: 2;\ndisplay: flex;\nflex-direction: column;\nalign-items: center;\ngap: 8px;\ncolor: var(--th-white);\nfont-size: 9px;\nletter-spacing: 0.25em;\ntext-transform: uppercase;\nopacity: 0;\nanimation: th-rise .9s .75s var(--th-ease) forwards;\n}\n.th-hero__scroll-line {\nwidth: 1px;\nheight: 40px;\nbackground: linear-gradient(to bottom, var(--th-gold), transparent);\nanimation: th-scroll 2s ease-in-out infinite;\n}\n@keyframes th-rise {\nto {\nopacity: 1;\ntransform: translateY(0);\n}\n}\n@keyframes th-scroll {\n0%, 100% {\ntransform: scaleY(1);\nopacity: 1;\n}\n50% {\ntransform: scaleY(0.3);\nopacity: 0.5;\n}\n}\n@media (max-width: 768px) {\n.th-hero__cta {\nflex-direction: column;\ngap: 12px;\n}\n.th-btn {\nwidth: 100%;\nmax-width: 280px;\n}\n}\n<\/style>\n\n<section class=\"th-hero\" aria-label=\"Introduction\">\n<!--<img decoding=\"async\" class=\"th-hero__bg\" src=\"https:\/\/7thalases.gr\/wp-content\/uploads\/2025\/06\/7ses.jpg\" alt=\"Sea-view terrace at 7 Thalasses\"> -->\n<div class=\"th-hero__overlay\"><\/div>\n<div class=\"th-hero__content\">\n<img decoding=\"async\" class=\"th-hero__logo\" src=\"https:\/\/7thalases.gr\/rethymno\/wp-content\/uploads\/2026\/06\/7-Thalasses-Logo-Square.webp\" alt=\"7 Thalasses Logo\">\n<p class=\"th-hero__tagline\">RIGHT BY THE SEA<\/p>\n<p class=\"th-hero__location\">\u00b7 RETHYMNO, CRETE<\/p>\n<div class=\"th-hero__cta\">\n<a class=\"th-btn th-btn--gold\" href=\"https:\/\/www.i-host.gr\/reservations\/new?restaurant=433&lang=eng&channel=website\" target=\"_blank\">Reserve a Table<\/a>\n<a class=\"th-btn\" href=\"#experienceSection\" id=\"view_menu\">View Menu<\/a>\n<\/div>\n<\/div>\n<div class=\"th-hero__scroll\">\n<span>Scroll<\/span>\n<span class=\"th-hero__scroll-line\"><\/span>\n<\/div>\n<\/section><\/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_1 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,400;1,500&family=Inter:wght@300;400;500&display=swap');\n:root {\n--th-navy: #0D1B2A; --th-cream: #F5F0E8; --th-gold: #C9A96E;\n--th-display: 'Cormorant Garamond', serif; --th-body: 'Inter', sans-serif; --th-ease: cubic-bezier(.22,.61,.36,1);\n}\n#aboutSection * { box-sizing: border-box; }\n#aboutSection {\nbackground: var(--th-cream); padding: 140px 4vw 120px; font-family: var(--th-body); color: var(--th-navy); line-height: 1.7;\n}\n.th-philosophy__grid { max-width: 1600px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: stretch; }\n.th-philosophy__left { display: flex; flex-direction: column; justify-content: center; gap: 24px; }\n\/* --- SLIDER CSS --- *\/\n.th-slider-wrapper {\nposition: relative;\nwidth: 100%;\noverflow: hidden;\nborder-radius: 4px;\nbox-shadow: 0 20px 60px rgba(13,27,42,0.15);\n}\n.th-slider-track {\ndisplay: flex;\ntransition: transform 0.6s var(--th-ease);\nwidth: 100%;\n}\n.th-philosophy__image {\nflex: 0 0 100%;\nwidth: 100%;\nheight: auto;\nmax-height: 480px;\nobject-fit: cover;\ndisplay: block;\n}\n.th-slider-btn {\nposition: absolute;\ntop: 50%;\ntransform: translateY(-50%);\nbackground: rgba(13, 27, 42, 0.6);\ncolor: white;\nborder: none;\nwidth: 52px;\nheight: 52px;\ndisplay: flex;\nalign-items: center;\njustify-content: center;\ncursor: pointer;\ntransition: all 0.3s;\nz-index: 10;\nborder-radius: 4px;\n}\n.th-slider-btn:hover { background: var(--th-gold); }\n.th-prev { left: 0; border-radius: 0 4px 4px 0; }\n.th-next { right: 0; border-radius: 4px 0 0 4px; }\n.th-slider-dots {\nposition: absolute;\nbottom: 20px;\nwidth: 100%;\ndisplay: flex;\njustify-content: center;\ngap: 10px;\nz-index: 10;\n}\n.th-dot {\nwidth: 10px;\nheight: 10px;\nbackground: rgba(255, 255, 255, 0.6);\nborder-radius: 50%;\ncursor: pointer;\ntransition: all 0.3s;\n}\n.th-dot.active {\nbackground: var(--th-gold);\ntransform: scale(1.5);\n}\n\/* ------------------ *\/\n.th-philosophy__quote { font-family: var(--th-display); font-style: italic; font-weight: 400; font-size: clamp(1.6rem, 2.5vw, 2.2rem); color: var(--th-navy); line-height: 1.3; margin: 0; }\n.th-eyebrow { display: block; font-size: 12px; letter-spacing: 0.25em; text-transform: uppercase; color: var(--th-gold); font-weight: 500; margin-bottom: 24px; }\n.th-philosophy__copy p { color: #4a4a4a; font-size: 16.5px; margin-bottom: 22px; max-width: 600px; font-weight: 300; line-height: 1.8; }\n.th-philosophy__award { display: flex; align-items: center; gap: 20px; margin-top: 40px; padding-top: 30px; border-top: 1px solid rgba(13,27,42,0.12); }\n.th-award-badge { \n  width: 68px; \n  height: 68px; \n  border: 2px solid var(--th-gold); \n  border-radius: 50%; \n  display: flex; \n  align-items: center; \n  justify-content: center; \n  flex-shrink: 0;\n  background: rgba(201,169,110,0.08);\n  transition: all 0.3s;\n}\n.th-award-badge:hover {\n  background: var(--th-gold);\n  transform: scale(1.05);\n}\n.th-award-badge:hover svg { fill: var(--th-navy); }\n.th-award-badge svg { width: 32px; height: 32px; transition: all 0.3s; }\n.th-philosophy__award span { font-size: 13px; letter-spacing: 0.08em; color: var(--th-navy); text-transform: uppercase; font-weight: 500; }\n\/* \u03a4\u03bf margin \u03ac\u03bb\u03bb\u03b1\u03be\u03b5 \u03b1\u03c0\u03cc \"100px auto 0\" \u03c3\u03b5 \"60px 0 0\" \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c3\u03c4\u03bf\u03b9\u03c7\u03af\u03b6\u03b5\u03c4\u03b1\u03b9 \u03b1\u03c1\u03b9\u03c3\u03c4\u03b5\u03c1\u03ac \u03ba\u03ac\u03c4\u03c9 \u03b1\u03c0\u03cc \u03c4\u03bf Tripadvisor *\/\n.th-rule { width: 80px; height: 2px; background: var(--th-gold); border: none; max-width: 1600px; margin: 60px 0 0; }\n.th-reveal { opacity: 0; transform: translateY(32px); transition: opacity 1s var(--th-ease), transform 1s var(--th-ease); }\n.th-reveal.th-in { opacity: 1; transform: translateY(0); }\n@media (max-width: 968px) {\n.th-philosophy__grid { grid-template-columns: 1fr; gap: 60px; align-items: start; max-width: 100%; }\n.th-philosophy__left { gap: 20px; flex-direction: column-reverse; }\n.th-philosophy__image { max-height: 420px; }\n.th-philosophy__quote { font-size: clamp(1.8rem, 3.5vw, 2.4rem); }\n.th-award-badge { width: 58px; height: 58px; }\n.th-award-badge svg { width: 28px; height: 28px; }\n}\n@media (max-width: 600px) {\n#aboutSection { padding: 100px 5vw 80px; }\n.th-philosophy__grid { gap: 50px; }\n.th-slider-btn { width: 44px; height: 44px; }\n.th-philosophy__image { max-height: 360px; }\n}\n<\/style>\n<section id=\"aboutSection\" aria-label=\"Our philosophy\">\n<div class=\"th-philosophy__grid\">\n<div class=\"th-philosophy__left th-reveal\">\n<!-- SLIDER WRAPPER -->\n<div class=\"th-slider-wrapper\">\n<div class=\"th-slider-track\" id=\"thSliderTrack\">\n<img decoding=\"async\" src=\"https:\/\/7thalases.gr\/rethymno\/wp-content\/uploads\/2026\/07\/2-Thalassa-Boutique-Hotel-4941.webp\" alt=\"7 Thalasses Restaurant\" class=\"th-philosophy__image\">\n<img decoding=\"async\" src=\"https:\/\/7thalases.gr\/rethymno\/wp-content\/uploads\/2026\/07\/1-Thalassa-Boutique-Hotel-0955.webp\" alt=\"7 Thalasses Restaurant\" class=\"th-philosophy__image\">\n<img decoding=\"async\" src=\"https:\/\/7thalases.gr\/rethymno\/wp-content\/uploads\/2026\/07\/eksoteriko.webp\" alt=\"7 Thalasses Restaurant\" class=\"th-philosophy__image\">\n<img decoding=\"async\" src=\"https:\/\/7thalases.gr\/rethymno\/wp-content\/uploads\/2026\/07\/Thalassa-Boutique-Hotel-9372.webp\" alt=\"7 Thalasses Restaurant\" class=\"th-philosophy__image\">\n<\/div>\n<button class=\"th-slider-btn th-prev\" id=\"thPrevBtn\" aria-label=\"Previous slide\">\n<svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n<polyline points=\"15 18 9 12 15 6\"><\/polyline>\n<\/svg>\n<\/button>\n<button class=\"th-slider-btn th-next\" id=\"thNextBtn\" aria-label=\"Next slide\">\n<svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n<polyline points=\"9 18 15 12 9 6\"><\/polyline>\n<\/svg>\n<\/button>\n<div class=\"th-slider-dots\">\n<span class=\"th-dot active\" data-index=\"0\"><\/span>\n<span class=\"th-dot\" data-index=\"1\"><\/span>\n<span class=\"th-dot\" data-index=\"2\"><\/span>\n<span class=\"th-dot\" data-index=\"3\"><\/span>\n<\/div>\n<\/div>\n<!-- END SLIDER WRAPPER -->\n<p class=\"th-philosophy__quote\">\"The sea is not just our view \u2014 it is our kitchen.\"<\/p>\n<\/div>\n<div class=\"th-philosophy__copy th-reveal\">\n<span class=\"th-eyebrow\">7 Thalasses Restaurant<\/span>\n<p>Set right on the water in Rethymno, our table follows the rhythm of the Cretan\u2013Mediterranean diet a nutritional standard recognised the world over, and our idea of how seafood should be eaten: simply, and the same day it's caught.<\/p>\n<p>Each morning begins with what the boats bring in. The menu is written around that, not the other way around grilled, cured, or barely touched, so the fish tastes like where it came from.<\/p>\n<p>Alongside our classic seafood dishes, we also feature a dedicated sushi section, bringing together the finest Aegean fish with the art of Japanese preparation.<\/p>\n<p>It's an approach our guests have responded to in kind, recognised with the Tripadvisor Travellers' Choice award for 2025.<\/p>\n<div class=\"th-philosophy__award\">\n<span class=\"th-award-badge\" aria-hidden=\"true\">\n<svg width=\"20px\" height=\"20px\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M20 6.009h-2.829C15.211 4.675 12.813 4 10 4s-5.212.675-7.171 2.009H0c.428.42.827 1.34.993 2.04A4.954 4.954 0 0 0 0 11.008c0 2.757 2.243 5 5 5a4.97 4.97 0 0 0 3.423-1.375L10 17l1.577-2.366A4.97 4.97 0 0 0 15 16.01c2.757 0 5-2.243 5-5 0-1.112-.377-2.13-.993-2.96.166-.7.565-1.62.993-2.04zm-15 8.4c-1.875 0-3.4-1.525-3.4-3.4s1.525-3.4 3.4-3.4 3.4 1.525 3.4 3.4-1.525 3.4-3.4 3.4zm5-3.4a5.008 5.008 0 0 0-4.009-4.9C7.195 5.704 8.53 5.5 10 5.5s2.805.204 4.009.61A5.008 5.008 0 0 0 10 11.008zm5 3.4c-1.875 0-3.4-1.525-3.4-3.4s1.525-3.4 3.4-3.4 3.4 1.525 3.4 3.4-1.525 3.4-3.4 3.4zM5 8.86c-1.185 0-2.15.964-2.15 2.15s.965 2.15 2.15 2.15 2.15-.964 2.15-2.15-.965-2.15-2.15-2.15zm0 2.791a.65.65 0 1 1 0-1.3.65.65 0 0 1 0 1.3zm10-2.791c-1.185 0-2.15.964-2.15 2.15s.965 2.15 2.15 2.15 2.15-.964 2.15-2.15-.965-2.15-2.15-2.15zm0 2.791a.65.65 0 1 1 0-1.3.65.65 0 0 1 0 1.3z\"\/><\/svg>\n<\/span>\n<span>Tripadvisor Travellers' Choice \u2014 2025<\/span>\n<\/div>\n<!-- \u0397 \u03b3\u03c1\u03b1\u03bc\u03bc\u03ae \u03bc\u03b5\u03c4\u03b1\u03c6\u03ad\u03c1\u03b8\u03b7\u03ba\u03b5 \u03b5\u03b4\u03ce \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03c0\u03ac\u03bd\u03c4\u03b1 \u03ba\u03ac\u03c4\u03c9 \u03b1\u03c0\u03cc \u03c4\u03bf Tripadvisor -->\n<hr class=\"th-rule\">\n<\/div>\n<\/div>\n<\/section>\n<script>\n(function() {\nconst observer = new IntersectionObserver((entries, obs) => {\nentries.forEach(entry => {\nif (entry.isIntersecting) {\nentry.target.classList.add('th-in');\nobs.unobserve(entry.target);\n}\n});\n}, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });\ndocument.querySelectorAll('#aboutSection .th-reveal').forEach(el => observer.observe(el));\nconst track = document.getElementById('thSliderTrack');\nconst dots = document.querySelectorAll('.th-dot');\nlet currentIndex = 0;\nconst totalSlides = dots.length;\nfunction goToSlide(index) {\ntrack.style.transform = `translateX(-${index * 100}%)`;\ndots.forEach(dot => dot.classList.remove('active'));\ndots[index].classList.add('active');\ncurrentIndex = index;\n}\ndocument.getElementById('thNextBtn').addEventListener('click', () => {\nlet nextIndex = (currentIndex + 1) % totalSlides;\ngoToSlide(nextIndex);\n});\ndocument.getElementById('thPrevBtn').addEventListener('click', () => {\nlet prevIndex = (currentIndex - 1 + totalSlides) % totalSlides;\ngoToSlide(prevIndex);\n});\ndots.forEach(dot => {\ndot.addEventListener('click', (e) => {\ngoToSlide(parseInt(e.target.dataset.index));\n});\n});\n})();\n<\/script><\/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_2 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,400;1,500&family=Inter:wght@300;400;500&display=swap');\n:root {\n--th-navy: #0D1B2A; --th-white: #FFFFFF; --th-gold: #C9A96E; --th-grey: #8A8A8A;\n--th-display: 'Cormorant Garamond', serif; --th-body: 'Inter', sans-serif; --th-ease: cubic-bezier(.22,.61,.36,1);\n}\n#experienceSection * { box-sizing: border-box; }\n#experienceSection {\nbackground: var(--th-navy); padding: 150px 4vw 130px; text-align: center; font-family: var(--th-body); color: var(--th-white); line-height: 1.7;\n}\n.th-eyebrow { display: inline-block; font-size: 12px; letter-spacing: 0.25em; text-transform: uppercase; color: var(--th-gold); font-weight: 500; margin-bottom: 16px; }\n.th-experience__head { margin-bottom: 90px; }\n.th-experience__head h2 { font-family: var(--th-display); font-weight: 400; font-size: clamp(2.5rem, 4.5vw, 3.8rem); margin-top: 16px; margin-bottom: 0; letter-spacing: -0.02em; }\n.th-experience__grid { max-width: 1600px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px; text-align: left; }\n.th-card { position: relative; }\n.th-card__img-wrap { overflow: hidden; height: 440px; border-radius: 4px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); }\n.th-card__img-wrap img { width: 100%; height: 100%; object-fit: cover; transition: transform .9s var(--th-ease), filter .9s var(--th-ease); filter: brightness(0.9); display: block;}\n.th-card:hover .th-card__img-wrap img { transform: scale(1.05); filter: brightness(1); }\n.th-card h3 { font-family: var(--th-display); font-weight: 400; font-size: 2rem; margin-top: 32px; margin-bottom: 0; color: var(--th-white); }\n.th-card p { font-size: 14.5px; color: var(--th-grey); margin-top: 12px; max-width: 380px; font-weight: 300; line-height: 1.75; }\n\/* Card link styling *\/\na.th-card-link {\ntext-decoration: none;\ncolor: inherit;\ndisplay: block;\ncursor: pointer;\ntransition: transform 0.3s ease;\n}\na.th-card-link:hover {\ntransform: translateY(-6px);\n}\na.th-card-link:hover h3 {\ncolor: var(--th-gold);\ntransition: color 0.3s ease;\n}\n.th-reveal { opacity: 0; transform: translateY(32px); transition: opacity 1s var(--th-ease), transform 1s var(--th-ease); }\n.th-reveal.th-in { opacity: 1; transform: translateY(0); }\n@media (max-width: 1100px) {\n.th-experience__grid { grid-template-columns: 1fr; max-width: 560px; gap: 60px; }\n.th-card__img-wrap { height: 400px; }\n}\n@media (max-width: 600px) {\n#experienceSection { padding: 110px 5vw 90px; }\n.th-card__img-wrap { height: 360px; }\n.th-card h3 { font-size: 1.8rem; }\n}\n<\/style>\n<section id=\"experienceSection\" aria-label=\"The experience\">\n<div class=\"th-experience__head th-reveal\">\n<span class=\"th-eyebrow\">The Experience<\/span>\n<h2>What we set the table with<\/h2>\n<\/div>\n<div class=\"th-experience__grid\">\n<!-- \u0398\u0395\u03a3\u0397 1: Our Dishes -->\n<a href=\"https:\/\/7thalases.gr\/wp-content\/uploads\/2026\/06\/%CE%91%CE%93%CE%93%CE%9B%CE%99%CE%9A%CE%9F%CE%A3-%CE%A1%CE%95%CE%98%CE%A5%CE%9C%CE%9D%CE%9F%CE%A5-26.pdf\" target=\"_blank\" rel=\"noopener\" class=\"th-card-link th-card th-reveal\">\n<div class=\"th-card__img-wrap\">\n<img decoding=\"async\" src=\"https:\/\/7thalases.gr\/rethymno\/wp-content\/uploads\/2026\/07\/Thalassa-Boutique-Hotel-5137.webp\" alt=\"Our dishes at 7 Thalasses\">\n<\/div>\n<h3>Our Dishes<\/h3>\n<p>Fresh seafood, prime meats, and exquisite sushi \u2014 all rooted in the Cretan\u2013Mediterranean diet. The daily catch, locally sourced meats, and seasonal produce, prepared with restraint.<\/p>\n<\/a>\n<!-- \u0398\u0395\u03a3\u0397 2: Wine List -->\n<a href=\"https:\/\/7thalases.gr\/wp-content\/uploads\/2025\/06\/WINE-LIST-RETHYMNO-2025.pdf\" target=\"_blank\" rel=\"noopener\" class=\"th-card-link th-card th-reveal\">\n<div class=\"th-card__img-wrap\">\n<img decoding=\"async\" src=\"https:\/\/7thalases.gr\/wp-content\/uploads\/2025\/06\/%CE%B2%CE%B1%CF%81.jpg\" alt=\"Wine selection at 7 Thalasses\">\n<\/div>\n<h3>Wine List<\/h3>\n<p>A curated cellar of Cretan and Greek labels, chosen to sit alongside the sea.<\/p>\n<\/a>\n<!-- \u0398\u0395\u03a3\u0397 3: Sushi -->\n<a href=\"https:\/\/7thalases.gr\/wp-content\/uploads\/2025\/09\/Sushi-Reth.pdf\" target=\"_blank\" rel=\"noopener\" class=\"th-card-link th-card th-reveal\">\n<div class=\"th-card__img-wrap\">\n<img decoding=\"async\" src=\"https:\/\/7thalases.gr\/wp-content\/uploads\/2025\/06\/9d276d8968eaea474616de72af71221c.jpg\" alt=\"Sushi at 7 Thalasses\">\n<\/div>\n<h3>Sushi<\/h3>\n<p>Our sushi selection showcases the finest fish, crafted with precision and served with a view of the sea. A blend of tradition and innovation.<\/p>\n<\/a>\n<\/div>\n<\/section>\n<script>\n(function() {\nconst observer = new IntersectionObserver((entries, obs) => {\nentries.forEach(entry => {\nif (entry.isIntersecting) {\nentry.target.classList.add('th-in');\nobs.unobserve(entry.target);\n}\n});\n}, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });\ndocument.querySelectorAll('#experienceSection .th-reveal').forEach(el => observer.observe(el));\n})();\n<\/script><\/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_3 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,400;1,500&family=Inter:wght@300;400;500&display=swap');\n\n:root {\n  --th-navy: #0D1B2A;\n  --th-cream: #F5F0E8;\n  --th-gold: #C9A96E;\n  --th-display: 'Cormorant Garamond', serif;\n  --th-body: 'Inter', sans-serif;\n  --th-ease: cubic-bezier(.22,.61,.36,1);\n}\n\n\/* \u039a\u03c1\u03cd\u03c8\u03b5 header\/footer \u03cc\u03c4\u03b1\u03bd \u03c4\u03bf modal \u03b5\u03af\u03bd\u03b1\u03b9 \u03b1\u03bd\u03bf\u03b9\u03c7\u03c4\u03cc *\/\n.th-modal-open #main-header,\n.th-modal-open #main-footer,\n.th-modal-open .et_pb_section {\n  visibility: hidden !important;\n}\n\n.th-cigars__banner {\n  position: relative;\n  width: 100%;\n  height: 520px;\n  cursor: pointer;\n  overflow: hidden;\n}\n\n.th-cigars__image {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform 1.2s var(--th-ease), filter 1.2s var(--th-ease);\n  filter: brightness(0.75);\n}\n\n.th-cigars__banner:hover .th-cigars__image {\n  transform: scale(1.05);\n  filter: brightness(0.65);\n}\n\n.th-cigars__content {\n  position: absolute;\n  bottom: 60px;\n  left: 6vw;\n  right: 6vw;\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-end;\n}\n\n.th-cigars__title {\n  font-family: var(--th-display);\n  font-weight: 400;\n  font-size: clamp(2rem, 3.5vw, 3rem);\n  color: #fff;\n  margin: 0;\n}\n\n.th-cigars__arrow {\n  width: 60px;\n  height: 60px;\n  border: 1px solid rgba(255,255,255,0.4);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.5s var(--th-ease);\n}\n\n.th-cigars__arrow svg {\n  width: 24px;\n  height: 24px;\n  fill: #fff;\n  transition: transform 0.5s var(--th-ease);\n}\n\n.th-cigars__banner:hover .th-cigars__arrow {\n  border-color: var(--th-gold);\n  background: rgba(201,169,110,0.15);\n}\n\n.th-cigars__banner:hover .th-cigars__arrow svg {\n  transform: translateX(6px);\n}\n\n\/* Modal - \u03a0\u03ac\u03bd\u03c9 \u03b1\u03c0\u03cc \u039f\u039b\u0391 *\/\n.th-cigars__modal {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(13,27,42,0.95);\n  z-index: 9999999; \/* \u03a0\u03bf\u03bb\u03cd \u03c5\u03c8\u03b7\u03bb\u03cc - \u03c0\u03ac\u03bd\u03c9 \u03b1\u03c0\u03cc \u03cc\u03bb\u03b1 *\/\n  opacity: 0;\n  visibility: hidden;\n  transition: opacity 0.6s var(--th-ease), visibility 0.6s var(--th-ease);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 6vw;\n}\n\n.th-cigars__modal.th-active {\n  opacity: 1;\n  visibility: visible;\n}\n\n.th-cigars__modal-content {\n  max-width: 900px;\n  width: 100%;\n  background: var(--th-cream);\n  position: relative;\n  transform: translateY(40px);\n  transition: transform 0.6s var(--th-ease);\n  max-height: 90vh;\n  overflow-y: auto;\n  border-radius: 4px;\n}\n\n.th-cigars__modal.th-active .th-cigars__modal-content {\n  transform: translateY(0);\n}\n\n.th-cigars__modal-close {\n  position: absolute;\n  top: 30px;\n  right: 30px;\n  width: 50px;\n  height: 50px;\n  border: 1px solid var(--th-navy);\n  border-radius: 50%;\n  background: var(--th-cream);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 10;\n  transition: all 0.4s var(--th-ease);\n}\n\n.th-cigars__modal-close:hover {\n  border-color: var(--th-gold);\n  background: var(--th-gold);\n}\n\n.th-cigars__modal-close svg {\n  width: 20px;\n  height: 20px;\n  fill: var(--th-navy);\n  transition: all 0.4s var(--th-ease);\n}\n\n.th-cigars__modal-close:hover svg {\n  transform: rotate(90deg);\n  fill: #fff;\n}\n\n.th-cigars__modal-body {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n}\n\n.th-cigars__modal-image {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  min-height: 400px;\n}\n\n.th-cigars__modal-text {\n  padding: 70px 50px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.th-cigars__modal-eyebrow {\n  font-size: 11px;\n  letter-spacing: 0.22em;\n  text-transform: uppercase;\n  color: var(--th-gold);\n  font-weight: 500;\n  margin-bottom: 20px;\n  display: block;\n}\n\n.th-cigars__modal-title {\n  font-family: var(--th-display);\n  font-weight: 400;\n  font-size: clamp(1.8rem, 2.5vw, 2.4rem);\n  color: var(--th-navy);\n  margin: 0 0 25px;\n}\n\n.th-cigars__modal-description {\n  font-size: 15px;\n  color: #4a4a4a;\n  line-height: 1.8;\n  margin-bottom: 40px;\n}\n\n.th-cigars__modal-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  padding: 18px 40px;\n  background: var(--th-gold);\n  color: #fff;\n  text-decoration: none;\n  font-size: 12px;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  font-weight: 500;\n  width: fit-content;\n  transition: all 0.5s var(--th-ease);\n}\n\n.th-cigars__modal-btn:hover {\n  background: var(--th-navy);\n  transform: translateY(-3px);\n}\n\n.th-cigars__modal-btn svg {\n  width: 18px;\n  height: 18px;\n  fill: currentColor;\n  transition: transform 0.5s var(--th-ease);\n}\n\n.th-cigars__modal-btn:hover svg {\n  transform: translateX(6px);\n}\n\n\/* Mobile *\/\n@media (max-width: 968px) {\n  .th-cigars__banner {\n    height: 420px;\n  }\n  \n  .th-cigars__modal {\n    padding: 0;\n    align-items: flex-end;\n  }\n  \n  .th-cigars__modal-content {\n    max-height: 85vh;\n    border-radius: 20px 20px 0 0;\n  }\n  \n  .th-cigars__modal-body {\n    grid-template-columns: 1fr;\n  }\n  \n  .th-cigars__modal-image {\n    min-height: 250px;\n    max-height: 30vh;\n  }\n  \n  .th-cigars__modal-text {\n    padding: 40px 30px 60px;\n  }\n  \n  .th-cigars__modal-close {\n    top: 20px;\n    right: 20px;\n    width: 44px;\n    height: 44px;\n  }\n}\n\n@media (max-width: 480px) {\n  .th-cigars__banner {\n    height: 360px;\n  }\n  \n  .th-cigars__modal-content {\n    border-radius: 16px 16px 0 0;\n  }\n  \n  .th-cigars__modal-text {\n    padding: 30px 24px 50px;\n  }\n  \n  .th-cigars__modal-btn {\n    width: 100%;\n    justify-content: center;\n  }\n}\n<\/style>\n\n<section id=\"cigarsSection\" aria-label=\"Cigars Menu\">\n  <div class=\"th-cigars__banner\" id=\"cigarsBanner\">\n    <img decoding=\"async\" src=\"https:\/\/7thalases.gr\/rethymno\/wp-content\/uploads\/2026\/06\/cigars_menu_mk-7thalasses-scaled.webp\" alt=\"Premium Cigars Selection\" class=\"th-cigars__image\">\n    <div class=\"th-cigars__content\">\n      <h2 class=\"th-cigars__title\">Cigars<\/h2>\n      <div class=\"th-cigars__arrow\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/><\/svg>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"th-cigars__modal\" id=\"cigarsModal\">\n    <div class=\"th-cigars__modal-content\">\n      <button class=\"th-cigars__modal-close\" id=\"cigarsModalClose\" aria-label=\"Close\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"\/><\/svg>\n      <\/button>\n      \n      <div class=\"th-cigars__modal-body\">\n        <img decoding=\"async\" src=\"https:\/\/7thalases.gr\/rethymno\/wp-content\/uploads\/2026\/06\/cigars_menu_mk-7thalasses-scaled.webp\" alt=\"Cigars\" class=\"th-cigars__modal-image\">\n        <div class=\"th-cigars__modal-text\">\n          <span class=\"th-cigars__modal-eyebrow\">Premium Selection<\/span>\n          <h3 class=\"th-cigars__modal-title\">An Exclusive Collection of Fine Cigars<\/h3>\n          <p class=\"th-cigars__modal-description\">\n            Discover our carefully curated selection of premium cigars from the world's most \n            renowned tobacco regions. From Cuban classics to Nicaraguan masterpieces, each \n            cigar is stored in optimal conditions to preserve its rich flavors and aromas.\n          <\/p>\n          <a href=\"https:\/\/7thalases.gr\/wp-content\/uploads\/2025\/06\/CIGARES-MENOU.pdf\" target=\"_blank\" rel=\"noopener\" class=\"th-cigars__modal-btn\">\n            <span>View Menu<\/span>\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function() {\n  const banner = document.getElementById('cigarsBanner');\n  const modal = document.getElementById('cigarsModal');\n  const closeBtn = document.getElementById('cigarsModalClose');\n  \n  function openModal() {\n    modal.classList.add('th-active');\n    document.body.classList.add('th-modal-open');\n    document.body.style.overflow = 'hidden';\n  }\n  \n  function closeModal() {\n    modal.classList.remove('th-active');\n    document.body.classList.remove('th-modal-open');\n    document.body.style.overflow = '';\n  }\n  \n  banner.addEventListener('click', openModal);\n  closeBtn.addEventListener('click', closeModal);\n  modal.addEventListener('click', (e) => { if(e.target === modal) closeModal(); });\n  document.addEventListener('keydown', (e) => { if(e.key === 'Escape' && modal.classList.contains('th-active')) closeModal(); });\n})();\n<\/script><\/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_4 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,400;1,500&family=Inter:wght@300;400;500&display=swap');\n  :root {\n    --th-navy: #0D1B2A; --th-white: #FFFFFF; --th-gold: #C9A96E; --th-grey: #8A8A8A;\n    --th-display: 'Cormorant Garamond', serif; --th-body: 'Inter', sans-serif; --th-ease: cubic-bezier(.22,.61,.36,1);\n  }\n  #reserveSection * { box-sizing: border-box; }\n  #reserveSection { background: var(--th-navy); text-align: center; padding: 150px 6vw; font-family: var(--th-body); line-height: 1.7; }\n  #reserveSection h2 { font-family: var(--th-display); font-weight: 400; color: var(--th-white); font-size: clamp(2.6rem, 5.5vw, 4.4rem); margin: 0; }\n  #reserveSection p { color: var(--th-grey); font-size: 14px; letter-spacing: 0.06em; margin-top: 16px; text-transform: uppercase; font-weight: 300; }\n  .th-reserve__cta { margin-top: 42px; }\n  .th-btn--filled {\n    display: inline-flex; align-items: center; padding: 16px 38px; font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase;\n    background: var(--th-gold); border: 1px solid var(--th-gold); color: var(--th-navy); text-decoration: none; transition: all .4s var(--th-ease);\n  }\n  .th-btn--filled:hover { background: transparent; color: var(--th-gold); }\n  .th-reserve__badge {\n    margin-top: 60px; display: inline-flex; align-items: center; gap: 12px; padding: 12px 22px;\n    border: 1px solid rgba(201,169,110,0.4); color: var(--th-gold); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase;\n  }\n  \n  .th-reveal { opacity: 0; transform: translateY(28px); transition: opacity 1s var(--th-ease), transform 1s var(--th-ease); }\n  .th-reveal.th-in { opacity: 1; transform: translateY(0); }\n<\/style>\n\n<section id=\"reserveSection\" aria-label=\"Reservations\">\n  <h2 class=\"th-reveal\">Reserve Your Table<\/h2>\n  <p class=\"th-reveal\">Rethymno \u00b7 Right by the sea<\/p>\n  <div class=\"th-reserve__cta th-reveal\">\n    <a class=\"th-btn--filled\" href=\"https:\/\/www.i-host.gr\/reservations\/new?restaurant=433&lang=eng&channel=website\" target=\"_blank\">Make a Reservation<\/a>\n  <\/div>\n  <div class=\"th-reserve__badge th-reveal\">Tripadvisor Travellers\u2019 Choice \u2014 2025<\/div>\n<\/section>\n\n<script>\n  (function() {\n    const observer = new IntersectionObserver((entries, obs) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('th-in');\n          obs.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });\n    document.querySelectorAll('#reserveSection .th-reveal').forEach(el => observer.observe(el));\n  })();\n<\/script><\/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_5 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,400;1,500&family=Inter:wght@300;400;500&display=swap');\n:root {\n--th-navy: #0D1B2A; --th-cream: #F5F0E8; --th-gold: #C9A96E; --th-white: #FFFFFF;\n--th-display: 'Cormorant Garamond', serif; --th-body: 'Inter', sans-serif; --th-ease: cubic-bezier(.22,.61,.36,1);\n}\n#galleryCarouselSection * { box-sizing: border-box; }\n#galleryCarouselSection {\nbackground: var(--th-cream); padding: 140px 4vw 120px; font-family: var(--th-body); color: var(--th-navy);\n}\n.th-gallery__head { text-align: center; margin-bottom: 70px; }\n.th-gallery__head .th-eyebrow { display: inline-block; font-size: 12px; letter-spacing: 0.25em; text-transform: uppercase; color: var(--th-gold); font-weight: 500; margin-bottom: 16px; }\n.th-gallery__head h2 { font-family: var(--th-display); font-weight: 400; font-size: clamp(2.2rem, 4vw, 3.2rem); margin: 0; color: var(--th-navy); }\n\/* CAROUSEL WRAPPER *\/\n.th-carousel-wrapper {\nposition: relative;\nmax-width: 1600px;\nmargin: 0 auto;\noverflow: hidden;\npadding: 0 60px;\n}\n.th-carousel-track {\ndisplay: flex;\ntransition: transform 0.6s var(--th-ease);\ngap: 30px;\n}\n.th-carousel-slide {\nflex: 0 0 calc(25% - 22.5px);\nmin-width: 0;\n}\n.th-carousel-img-wrap {\nposition: relative;\noverflow: hidden;\nborder-radius: 4px;\nheight: 420px;\nbox-shadow: 0 15px 50px rgba(13,27,42,0.12);\ncursor: pointer;\n}\n.th-carousel-img-wrap img {\nwidth: 100%;\nheight: 100%;\nobject-fit: cover;\ntransition: transform 0.7s var(--th-ease);\ndisplay: block;\n}\n.th-carousel-img-wrap:hover img {\ntransform: scale(1.08);\n}\n.th-carousel-overlay {\nposition: absolute;\nbottom: 0;\nleft: 0;\nright: 0;\nbackground: linear-gradient(to top, rgba(13,27,42,0.85), transparent);\npadding: 30px 20px 20px;\nopacity: 0;\ntransition: opacity 0.4s ease;\n}\n.th-carousel-img-wrap:hover .th-carousel-overlay {\nopacity: 1;\n}\n.th-carousel-overlay h4 {\nfont-family: var(--th-display);\nfont-weight: 400;\nfont-size: 1.5rem;\ncolor: var(--th-white);\nmargin: 0;\n}\n\/* NAVIGATION BUTTONS *\/\n.th-carousel-btn {\nposition: absolute;\ntop: 50%;\ntransform: translateY(-50%);\nbackground: var(--th-white);\ncolor: var(--th-navy);\nborder: none;\nwidth: 52px;\nheight: 52px;\ndisplay: flex;\nalign-items: center;\njustify-content: center;\ncursor: pointer;\ntransition: all 0.3s;\nz-index: 10;\nborder-radius: 50%;\nbox-shadow: 0 4px 20px rgba(13,27,42,0.15);\n}\n.th-carousel-btn:hover {\nbackground: var(--th-gold);\ncolor: var(--th-white);\ntransform: translateY(-50%) scale(1.05);\n}\n.th-carousel-btn.prev { left: 0; }\n.th-carousel-btn.next { right: 0; }\n.th-carousel-btn svg {\nwidth: 24px;\nheight: 24px;\n}\n\/* DOTS *\/\n.th-carousel-dots {\ndisplay: flex;\njustify-content: center;\ngap: 10px;\nmargin-top: 40px;\n}\n.th-carousel-dot {\nwidth: 10px;\nheight: 10px;\nbackground: rgba(13,27,42,0.25);\nborder-radius: 50%;\ncursor: pointer;\ntransition: all 0.3s;\n}\n.th-carousel-dot.active {\nbackground: var(--th-gold);\ntransform: scale(1.4);\n}\n.th-carousel-dot:hover {\nbackground: var(--th-gold);\n}\n\/* RESPONSIVE *\/\n@media (max-width: 1200px) {\n.th-carousel-slide {\nflex: 0 0 calc(33.333% - 20px);\n}\n}\n@media (max-width: 900px) {\n.th-carousel-slide {\nflex: 0 0 calc(50% - 15px);\n}\n.th-carousel-img-wrap {\nheight: 360px;\n}\n}\n@media (max-width: 600px) {\n#galleryCarouselSection { padding: 100px 5vw 80px; }\n.th-carousel-wrapper { padding: 0 45px; }\n.th-carousel-slide {\nflex: 0 0 calc(50% - 12px);\n}\n.th-carousel-img-wrap {\nheight: 300px;\n}\n.th-carousel-btn {\nwidth: 44px;\nheight: 44px;\n}\n.th-carousel-overlay h4 {\nfont-size: 1.2rem;\n}\n}\n@media (max-width: 480px) {\n.th-carousel-slide {\nflex: 0 0 100%;\n}\n.th-carousel-img-wrap {\nheight: 380px;\n}\n}\n<\/style>\n<section id=\"galleryCarouselSection\" aria-label=\"Gallery\">\n<div class=\"th-gallery__head th-reveal\">\n<span class=\"th-eyebrow\">Discover<\/span>\n<h2>Moments by the Sea<\/h2>\n<\/div>\n<div class=\"th-carousel-wrapper th-reveal\">\n<div class=\"th-carousel-track\" id=\"thCarouselTrack\">\n<!-- Slide 1 -->\n<div class=\"th-carousel-slide\">\n<div class=\"th-carousel-img-wrap\">\n<img decoding=\"async\" src=\"https:\/\/7thalases.gr\/rethymno\/wp-content\/uploads\/2026\/07\/1-Thalassa-Boutique-Hotel-5140.webp\" alt=\"Our Dishes\">\n<div class=\"th-carousel-overlay\">\n<h4>Our Dishes<\/h4>\n<\/div>\n<\/div>\n<\/div>\n<!-- Slide 2 -->\n<div class=\"th-carousel-slide\">\n<div class=\"th-carousel-img-wrap\">\n<img decoding=\"async\" src=\"https:\/\/7thalases.gr\/rethymno\/wp-content\/uploads\/2026\/07\/2-Thalassa-Boutique-Hotel-5025.webp\" alt=\"Wine Selection\">\n<div class=\"th-carousel-overlay\">\n<h4>Wine Selection<\/h4>\n<\/div>\n<\/div>\n<\/div>\n<!-- Slide 3 -->\n<div class=\"th-carousel-slide\">\n<div class=\"th-carousel-img-wrap\">\n<img decoding=\"async\" src=\"https:\/\/7thalases.gr\/rethymno\/wp-content\/uploads\/2026\/07\/3-Thalassa-Boutique-Hotel-4650.webp\" alt=\"Sushi\">\n<div class=\"th-carousel-overlay\">\n<h4>Sushi<\/h4>\n<\/div>\n<\/div>\n<\/div>\n<!-- Slide 4 -->\n<div class=\"th-carousel-slide\">\n<div class=\"th-carousel-img-wrap\">\n<img decoding=\"async\" src=\"https:\/\/7thalases.gr\/rethymno\/wp-content\/uploads\/2026\/07\/4-Thalassa-Boutique-Hotel-9355.webp\" alt=\"Cigars\">\n<div class=\"th-carousel-overlay\">\n<h4>Cigars<\/h4>\n<\/div>\n<\/div>\n<\/div>\n<!-- Slide 5 -->\n<div class=\"th-carousel-slide\">\n<div class=\"th-carousel-img-wrap\">\n<img src=https:\/\/7thalases.gr\/rethymno\/wp-content\/uploads\/2026\/07\/Thalassa-Boutique-Hotel-5226.webp\" alt=\"Our Dishes\">\n<div class=\"th-carousel-overlay\">\n<h4>Our Dishes<\/h4>\n<\/div>\n<\/div>\n<\/div>\n<!-- Slide 6 -->\n<div class=\"th-carousel-slide\">\n<div class=\"th-carousel-img-wrap\">\n<img decoding=\"async\" src=\"https:\/\/7thalases.gr\/rethymno\/wp-content\/uploads\/2026\/07\/6-Thalassa-Boutique-Hotel-5053.webp\" alt=\"Wine Selection\">\n<div class=\"th-carousel-overlay\">\n<h4>Wine Selection<\/h4>\n<\/div>\n<\/div>\n<\/div>\n<!-- Slide 7 -->\n<div class=\"th-carousel-slide\">\n<div class=\"th-carousel-img-wrap\">\n<img decoding=\"async\" src=\"https:\/\/7thalases.gr\/rethymno\/wp-content\/uploads\/2026\/07\/7-Thalassa-Boutique-Hotel-4961.webp\" alt=\"Sushi\">\n<div class=\"th-carousel-overlay\">\n<h4>Sushi<\/h4>\n<\/div>\n<\/div>\n<\/div>\n<!-- Slide 8 -->\n<div class=\"th-carousel-slide\">\n<div class=\"th-carousel-img-wrap\">\n<img decoding=\"async\" src=\"https:\/\/7thalases.gr\/rethymno\/wp-content\/uploads\/2026\/07\/8-Thalassa-Boutique-Hotel-4969.webp\" alt=\"Wine Selection\">\n<div class=\"th-carousel-overlay\">\n<h4>Wine Selection<\/h4>\n<\/div>\n<\/div>\n<\/div>\n<!-- Slide 9 -->\n<div class=\"th-carousel-slide\">\n<div class=\"th-carousel-img-wrap\">\n<img decoding=\"async\" src=\"https:\/\/7thalases.gr\/rethymno\/wp-content\/uploads\/2026\/07\/Thalassa-Boutique-Hotel-9372.webp\" alt=\"Cigars\">\n<div class=\"th-carousel-overlay\">\n<h4>Cigars<\/h4>\n<\/div>\n<\/div>\n<\/div>\n<!-- Slide 10 -->\n<div class=\"th-carousel-slide\">\n<div class=\"th-carousel-img-wrap\">\n<img decoding=\"async\" src=\"https:\/\/7thalases.gr\/rethymno\/wp-content\/uploads\/2026\/07\/Thalassa-Boutique-Hotel-5137.webp\" alt=\"Our Dishes\">\n<div class=\"th-carousel-overlay\">\n<h4>Our Dishes<\/h4>\n<\/div>\n<\/div>\n<\/div>\n<!-- Slide 11 -->\n<div class=\"th-carousel-slide\">\n<div class=\"th-carousel-img-wrap\">\n<img decoding=\"async\" src=\"https:\/\/7thalases.gr\/rethymno\/wp-content\/uploads\/2026\/07\/Thalassa-Boutique-Hotel-4991.webp\" alt=\"Sushi\">\n<div class=\"th-carousel-overlay\">\n<h4>Sushi<\/h4>\n<\/div>\n<\/div>\n<\/div>\n<!-- Slide 12 -->\n<div class=\"th-carousel-slide\">\n<div class=\"th-carousel-img-wrap\">\n<img decoding=\"async\" src=\"https:\/\/7thalases.gr\/rethymno\/wp-content\/uploads\/2026\/07\/12-Thalassa-Boutique-Hotel-5089.webp\" alt=\"Sushi\">\n<div class=\"th-carousel-overlay\">\n<h4>Sushi<\/h4>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<!-- Navigation Buttons -->\n<button class=\"th-carousel-btn prev\" id=\"thCarouselPrev\" aria-label=\"Previous\">\n<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n<polyline points=\"15 18 9 12 15 6\"><\/polyline>\n<\/svg>\n<\/button>\n<button class=\"th-carousel-btn next\" id=\"thCarouselNext\" aria-label=\"Next\">\n<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n<polyline points=\"9 18 15 12 9 6\"><\/polyline>\n<\/svg>\n<\/button>\n<\/div>\n<!-- Dots Navigation -->\n<div class=\"th-carousel-dots\" id=\"thCarouselDots\"><\/div>\n<\/section>\n<script>\n(function() {\n\/\/ Reveal animations\nconst observer = new IntersectionObserver((entries, obs) => {\nentries.forEach(entry => {\nif (entry.isIntersecting) {\nentry.target.classList.add('th-in');\nobs.unobserve(entry.target);\n}\n});\n}, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });\ndocument.querySelectorAll('#galleryCarouselSection .th-reveal').forEach(el => observer.observe(el));\n\/\/ Carousel functionality\nconst track = document.getElementById('thCarouselTrack');\nconst slides = document.querySelectorAll('.th-carousel-slide');\nconst prevBtn = document.getElementById('thCarouselPrev');\nconst nextBtn = document.getElementById('thCarouselNext');\nconst dotsContainer = document.getElementById('thCarouselDots');\nlet currentIndex = 0;\nlet slidesPerView = getSlidesPerView();\nlet totalSlides = slides.length;\n\/\/ Create dots\nfunction createDots() {\ndotsContainer.innerHTML = '';\nconst totalDots = Math.ceil(totalSlides \/ slidesPerView);\nfor (let i = 0; i < totalDots; i++) {\nconst dot = document.createElement('span');\ndot.classList.add('th-carousel-dot');\nif (i === 0) dot.classList.add('active');\ndot.addEventListener('click', () => goToSlide(i));\ndotsContainer.appendChild(dot);\n}\n}\nfunction getSlidesPerView() {\nif (window.innerWidth <= 480) return 1;\nif (window.innerWidth <= 900) return 2;\nif (window.innerWidth <= 1200) return 3;\nreturn 4;\n}\nfunction updateCarousel() {\nconst slideWidth = slides[0].offsetWidth + 30; \/\/ gap\nconst offset = -currentIndex * slideWidth * slidesPerView;\ntrack.style.transform = `translateX(${offset}px)`;\n\/\/ Update dots\nconst dots = document.querySelectorAll('.th-carousel-dot');\nconst activeDotIndex = Math.floor(currentIndex \/ slidesPerView);\ndots.forEach((dot, index) => {\ndot.classList.toggle('active', index === activeDotIndex);\n});\n}\nfunction goToSlide(index) {\nconst maxIndex = Math.ceil(totalSlides \/ slidesPerView) - 1;\ncurrentIndex = Math.max(0, Math.min(index, maxIndex));\nupdateCarousel();\n}\nprevBtn.addEventListener('click', () => {\nif (currentIndex > 0) {\ncurrentIndex--;\nupdateCarousel();\n}\n});\nnextBtn.addEventListener('click', () => {\nconst maxIndex = Math.ceil(totalSlides \/ slidesPerView) - 1;\nif (currentIndex < maxIndex) {\ncurrentIndex++;\nupdateCarousel();\n}\n});\n\/\/ Handle resize\nlet resizeTimer;\nwindow.addEventListener('resize', () => {\nclearTimeout(resizeTimer);\nresizeTimer = setTimeout(() => {\nslidesPerView = getSlidesPerView();\ncurrentIndex = 0;\ncreateDots();\nupdateCarousel();\n}, 250);\n});\n\/\/ Initialize\ncreateDots();\nupdateCarousel();\n})();\n<\/script><\/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_6 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,400;1,500&family=Inter:wght@300;400;500&display=swap');\n:root {\n--th-navy: #0D1B2A;\n--th-cream: #F5F0E8;\n--th-gold: #C9A96E;\n--th-white: #FFFFFF;\n--th-display: 'Cormorant Garamond', serif;\n--th-body: 'Inter', sans-serif;\n--th-ease: cubic-bezier(.22, .61, .36, 1);\n--overlay-opacity: 0.4;\n}\n.th-hotel2 * {\nbox-sizing: border-box;\n}\n.th-hotel2 {\nposition: relative;\nmin-height: 100vh;\nfont-family: var(--th-body);\ncolor: var(--th-white);\noverflow: hidden;\ndisplay: flex;\nalign-items: center;\n}\n.th-hotel2__bg {\nposition: absolute;\ninset: 0;\nwidth: 100%;\nheight: 100%;\nobject-fit: cover;\nz-index: 0;\nfilter: brightness(0.55);\n}\n.th-hotel2__overlay {\nposition: absolute;\ninset: 0;\nbackground: linear-gradient(100deg, rgba(13, 27, 42, var(--overlay-opacity)) 0%, rgba(13, 27, 42, calc(var(--overlay-opacity) - 0.15)) 50%, rgba(13, 27, 42, calc(var(--overlay-opacity) - 0.3)) 100%);\nz-index: 1;\n}\n.th-hotel2__inner {\nposition: relative;\nz-index: 2;\nwidth: 100%;\nmax-width: 1500px;\nmargin: 0 auto;\npadding: 140px 6vw;\ndisplay: grid;\ngrid-template-columns: 1.2fr 1fr;\ngap: 80px;\nalign-items: center;\n}\n.th-hotel2__eyebrow {\ndisplay: inline-block;\nfont-size: 12px;\nletter-spacing: 0.25em;\ntext-transform: uppercase;\ncolor: var(--th-gold);\nfont-weight: 500;\nmargin-bottom: 28px;\npadding-left: 60px;\nposition: relative;\n}\n.th-hotel2__eyebrow::before {\ncontent: '';\nposition: absolute;\nleft: 0;\ntop: 50%;\nwidth: 40px;\nheight: 1px;\nbackground: var(--th-gold);\n}\n.th-hotel2__title {\nfont-family: var(--th-display);\nfont-weight: 300;\nfont-size: clamp(3rem, 6vw, 5rem);\nmargin: 0 0 30px;\nletter-spacing: -0.02em;\nline-height: 1.05;\n}\n.th-hotel2__title em {\nfont-style: italic;\ncolor: var(--th-gold);\nfont-weight: 400;\ndisplay: block;\n}\n.th-hotel2__lead {\nfont-family: var(--th-display);\nfont-style: italic;\nfont-size: 1.4rem;\ncolor: rgba(255, 255, 255, 0.9);\nmargin: 0 0 30px;\nline-height: 1.5;\nfont-weight: 400;\nmax-width: 560px;\n}\n.th-hotel2__text {\nfont-size: 15.5px;\ncolor: rgba(255, 255, 255, 0.75);\nmargin: 0 0 40px;\nfont-weight: 300;\nline-height: 1.85;\nmax-width: 560px;\n}\n.th-hotel2__cta {\ndisplay: flex;\ngap: 16px;\nflex-wrap: wrap;\n}\n.th-hotel2__btn {\ndisplay: inline-block;\npadding: 18px 42px;\nfont-size: 11px;\nletter-spacing: 0.18em;\ntext-transform: uppercase;\nfont-weight: 500;\ntext-decoration: none;\ntransition: all 0.4s var(--th-ease);\n}\n.th-hotel2__btn--gold {\nbackground: var(--th-gold);\ncolor: var(--th-navy);\n}\n.th-hotel2__btn--gold:hover {\nbackground: var(--th-white);\ntransform: translateY(-3px);\n}\n.th-hotel2__btn--outline {\nborder: 1px solid rgba(255, 255, 255, 0.4);\ncolor: var(--th-white);\n}\n.th-hotel2__btn--outline:hover {\nborder-color: var(--th-gold);\ncolor: var(--th-gold);\n}\n.th-hotel2__cards {\ndisplay: flex;\nflex-direction: column;\ngap: 20px;\n}\n.th-hotel2__card {\nbackground: rgba(255, 255, 255, 0.04);\nbackdrop-filter: blur(10px);\n-webkit-backdrop-filter: blur(10px);\nborder: 1px solid rgba(255, 255, 255, 0.1);\npadding: 32px;\nborder-radius: 4px;\ntransition: all 0.5s var(--th-ease);\ndisplay: flex;\ngap: 24px;\nalign-items: flex-start;\n}\n.th-hotel2__card:hover {\nbackground: rgba(201, 169, 110, 0.08);\nborder-color: var(--th-gold);\ntransform: translateX(-8px);\n}\n.th-hotel2__card-num {\nfont-family: var(--th-display);\nfont-style: italic;\nfont-size: 2.5rem;\ncolor: var(--th-gold);\nline-height: 1;\nflex-shrink: 0;\nfont-weight: 300;\nmin-width: 50px;\n}\n.th-hotel2__card h3 {\nfont-family: var(--th-display);\nfont-weight: 500;\nfont-size: 1.4rem;\nmargin: 0 0 8px;\ncolor: var(--th-white);\n}\n.th-hotel2__card p {\nfont-size: 14px;\ncolor: rgba(255, 255, 255, 0.7);\nmargin: 0;\nline-height: 1.7;\nfont-weight: 300;\n}\n.th-hotel2__footer {\nposition: absolute;\nbottom: 40px;\nleft: 6vw;\nright: 6vw;\ndisplay: flex;\njustify-content: space-between;\nalign-items: center;\nz-index: 2;\npadding-top: 30px;\nborder-top: 1px solid rgba(255, 255, 255, 0.15);\n}\n.th-hotel2__footer-quote {\nfont-family: var(--th-display);\nfont-style: italic;\nfont-size: 1.15rem;\ncolor: rgba(255, 255, 255, 0.8);\nmargin: 0;\n}\n.th-hotel2__footer-quote em {\ncolor: var(--th-gold);\n}\n.th-hotel2__footer-tag {\nfont-size: 10px;\nletter-spacing: 0.25em;\ntext-transform: uppercase;\ncolor: var(--th-gold);\n}\n.th-hotel2__reveal {\nopacity: 0;\ntransform: translateY(32px);\ntransition: opacity 1s var(--th-ease), transform 1s var(--th-ease);\n}\n.th-hotel2__reveal.th-in {\nopacity: 1;\ntransform: translateY(0);\n}\n\n\/* ===== RESPONSIVE FIXES ===== *\/\n\n\/* Tablet Landscape & Small Desktop *\/\n@media (max-width: 1100px) {\n  .th-hotel2 {\n    display: block;          \/* \u2190 \u0397 \u039a\u03a1\u0399\u03a3\u0399\u039c\u0397 \u0391\u039b\u039b\u0391\u0393\u0397: \u03c3\u03c4\u03b1\u03bc\u03b1\u03c4\u03ac \u03c4\u03bf flex, \u03c4\u03bf footer \u03c0\u03ad\u03c6\u03c4\u03b5\u03b9 \u03ba\u03ac\u03c4\u03c9 *\/\n    min-height: auto;\n  }\n  .th-hotel2__inner {\n    grid-template-columns: 1fr;\n    gap: 60px;\n    padding: 120px 5vw 140px;\n  }\n  .th-hotel2__footer {\n    position: static;\n    margin-top: 60px;\n    padding: 30px 5vw 0;\n    border-top: 1px solid rgba(255, 255, 255, 0.15);\n  }\n  .th-hotel2__title {\n    font-size: clamp(2.4rem, 5vw, 3.8rem);\n  }\n  .th-hotel2__lead {\n    font-size: 1.25rem;\n  }\n}\n\n\/* Tablet Portrait *\/\n@media (max-width: 768px) {\n  .th-hotel2__inner {\n    padding: 100px 5vw 80px;\n    gap: 50px;\n  }\n  .th-hotel2__eyebrow {\n    font-size: 11px;\n    padding-left: 50px;\n    margin-bottom: 22px;\n  }\n  .th-hotel2__eyebrow::before {\n    width: 32px;\n  }\n  .th-hotel2__title {\n    font-size: clamp(2rem, 6vw, 3rem);\n    margin-bottom: 24px;\n  }\n  .th-hotel2__lead {\n    font-size: 1.15rem;\n    margin-bottom: 24px;\n  }\n  .th-hotel2__text {\n    font-size: 14.5px;\n    margin-bottom: 32px;\n  }\n  .th-hotel2__card {\n    padding: 26px;\n    gap: 20px;\n  }\n  .th-hotel2__card-num {\n    font-size: 2.2rem;\n    min-width: 45px;\n  }\n  .th-hotel2__card h3 {\n    font-size: 1.25rem;\n  }\n  .th-hotel2__card p {\n    font-size: 13.5px;\n  }\n  .th-hotel2__footer {\n    flex-direction: column;\n    gap: 16px;\n    text-align: center;\n    padding: 24px 5vw 0;\n  }\n  .th-hotel2__footer-quote {\n    font-size: 1.05rem;\n  }\n}\n\n\/* Mobile *\/\n@media (max-width: 600px) {\n  .th-hotel2__inner {\n    padding: 90px 5vw 60px;\n    gap: 40px;\n  }\n  .th-hotel2__eyebrow {\n    font-size: 10px;\n    padding-left: 44px;\n    letter-spacing: 0.2em;\n    margin-bottom: 20px;\n  }\n  .th-hotel2__eyebrow::before {\n    width: 28px;\n  }\n  .th-hotel2__title {\n    font-size: clamp(1.8rem, 7vw, 2.6rem);\n    margin-bottom: 20px;\n    line-height: 1.1;\n  }\n  .th-hotel2__lead {\n    font-size: 1.05rem;\n    margin-bottom: 20px;\n    line-height: 1.55;\n  }\n  .th-hotel2__text {\n    font-size: 14px;\n    line-height: 1.8;\n    margin-bottom: 28px;\n  }\n  .th-hotel2__cta {\n    flex-direction: column;\n    gap: 12px;\n  }\n  .th-hotel2__btn {\n    width: 100%;\n    text-align: center;\n    padding: 16px 32px;\n    font-size: 10.5px;\n  }\n  .th-hotel2__card {\n    flex-direction: column;\n    gap: 12px;\n    padding: 22px;\n  }\n  .th-hotel2__card-num {\n    font-size: 2rem;\n  }\n  .th-hotel2__card h3 {\n    font-size: 1.2rem;\n    margin-bottom: 6px;\n  }\n  .th-hotel2__card p {\n    font-size: 13px;\n    line-height: 1.65;\n  }\n  .th-hotel2__footer {\n    margin-top: 40px;\n    padding: 20px 5vw 0;\n    gap: 12px;\n  }\n  .th-hotel2__footer-quote {\n    font-size: 1rem;\n    line-height: 1.5;\n  }\n  .th-hotel2__footer-tag {\n    font-size: 9px;\n  }\n}\n\n\/* Small Mobile *\/\n@media (max-width: 400px) {\n  .th-hotel2__inner {\n    padding: 80px 4vw 50px;\n  }\n  .th-hotel2__title {\n    font-size: clamp(1.6rem, 8vw, 2.2rem);\n  }\n  .th-hotel2__lead {\n    font-size: 1rem;\n  }\n  .th-hotel2__text {\n    font-size: 13.5px;\n  }\n  .th-hotel2__btn {\n    padding: 15px 28px;\n    font-size: 10px;\n  }\n  .th-hotel2__card {\n    padding: 20px;\n  }\n  .th-hotel2__card-num {\n    font-size: 1.8rem;\n  }\n  .th-hotel2__card h3 {\n    font-size: 1.15rem;\n  }\n}\n<\/style>\n\n<section class=\"th-hotel2\" aria-label=\"Naked Chefs \u00b7 Private Dining\">\n<img decoding=\"async\" src=\"https:\/\/7thalases.gr\/rethymno\/wp-content\/uploads\/2026\/07\/nakedchefs-hero-img.jpg\" alt=\"Naked Chefs private dining by the sea\" class=\"th-hotel2__bg\">\n<div class=\"th-hotel2__overlay\"><\/div>\n<div class=\"th-hotel2__inner\">\n<div class=\"th-hotel2__content th-hotel2__reveal\">\n<span class=\"th-hotel2__eyebrow\">Naked Chefs \u00b7 Private Dining<\/span>\n<h2 class=\"th-hotel2__title\">Naked Chefs<em>at your villa.<\/em><\/h2>\n<p class=\"th-hotel2__lead\">Private chefs who travel to your villa, bringing exceptional dining to your table on the wave, by the sea.<\/p>\n<p class=\"th-hotel2__text\">Naked Chefs offers a curated selection of top-tier chefs who arrive at your villa to prepare unforgettable meals. From intimate dinners to grand celebrations, each menu is crafted around your preferences, using the freshest local ingredients. All you have to do is relax and enjoy.<\/p>\n<div class=\"th-hotel2__cta\">\n<a href=\"#\" class=\"th-hotel2__btn th-hotel2__btn--gold\">Book Wine Pairing<\/a>\n<a href=\"#\" class=\"th-hotel2__btn th-hotel2__btn--outline\">Explore Naked Chefs<\/a>\n<\/div>\n<\/div>\n<div class=\"th-hotel2__cards\">\n<div class=\"th-hotel2__card th-hotel2__reveal\">\n<span class=\"th-hotel2__card-num\">01<\/span>\n<div>\n<h3>Private Chefs<\/h3>\n<p>Expert chefs come to your villa, handling everything from preparation to service a seamless dining experience.<\/p>\n<\/div>\n<\/div>\n<div class=\"th-hotel2__card th-hotel2__reveal\">\n<span class=\"th-hotel2__card-num\">02<\/span>\n<div>\n<h3>Villa Dining, Elevated<\/h3>\n<p>Beyond the restaurant table. Naked Chefs transforms your villa into a private gastronomic destination, with menus that reflect the season and the sea.<\/p>\n<\/div>\n<\/div>\n<div class=\"th-hotel2__card th-hotel2__reveal\">\n<span class=\"th-hotel2__card-num\">03<\/span>\n<div>\n<h3>Wine Pairing Experience<\/h3>\n<p>A curated tasting of 4 wines paired with 4 dishes and a fresh salad served by the sea, on the wave. (Offered in collaboration with 7 Thalasses)<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"th-hotel2__footer th-hotel2__reveal\">\n<p class=\"th-hotel2__footer-quote\">\"On the wave, by the sea \u2014 <em>where the experience begins.<\/em>\"<\/p>\n<span class=\"th-hotel2__footer-tag\">Naked Chefs \u00b7 Crete<\/span>\n<\/div>\n<\/section>\n\n<script>\n(function() {\nconst observer = new IntersectionObserver((entries, obs) => {\nentries.forEach(entry => {\nif (entry.isIntersecting) {\nentry.target.classList.add('th-in');\nobs.unobserve(entry.target);\n}\n});\n}, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });\ndocument.querySelectorAll('.th-hotel2 .th-hotel2__reveal').forEach(el => observer.observe(el));\n})();\n<\/script><\/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_7 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,400;1,500&family=Inter:wght@300;400;500&display=swap');\n    :root {\n        --th-navy: #0D1B2A;\n        --th-cream: #F5F0E8;\n        --th-gold: #C9A96E;\n        --th-white: #FFFFFF;\n        --th-display: 'Cormorant Garamond', serif;\n        --th-body: 'Inter', sans-serif;\n        --th-ease: cubic-bezier(.22, .61, .36, 1);\n    }\n    .th-hotel1 * {\n        box-sizing: border-box;\n    }\n    .th-hotel1 {\n        background: var(--th-cream);\n        padding: 140px 4vw 120px;\n        font-family: var(--th-body);\n        color: var(--th-navy);\n        line-height: 1.7;\n    }\n    .th-hotel1__grid {\n        max-width: 1500px;\n        margin: 0 auto;\n        display: grid;\n        grid-template-columns: 1.1fr 1fr;\n        gap: 80px;\n        align-items: center;\n    }\n    .th-hotel1__visual {\n        position: relative;\n    }\n    .th-hotel1__img-main {\n        width: 100%;\n        height: 620px;\n        object-fit: cover;\n        border-radius: 4px;\n        box-shadow: 0 30px 80px rgba(13, 27, 42, 0.2);\n        display: block;\n    }\n    .th-hotel1__img-accent {\n        position: absolute;\n        bottom: -50px;\n        right: -50px;\n        width: 220px;\n        height: 280px;\n        object-fit: cover;\n        border-radius: 4px;\n        border: 8px solid var(--th-cream);\n        box-shadow: 0 20px 50px rgba(13, 27, 42, 0.2);\n    }\n    .th-hotel1__badge {\n        position: absolute;\n        top: 30px;\n        left: -30px;\n        background: var(--th-gold);\n        color: var(--th-navy);\n        padding: 18px 24px;\n        font-size: 11px;\n        letter-spacing: 0.2em;\n        text-transform: uppercase;\n        font-weight: 500;\n        box-shadow: 0 10px 30px rgba(201, 169, 110, 0.4);\n    }\n    .th-hotel1__content {\n        padding: 20px 0;\n    }\n    .th-hotel1__eyebrow {\n        display: inline-block;\n        font-size: 12px;\n        letter-spacing: 0.25em;\n        text-transform: uppercase;\n        color: var(--th-gold);\n        font-weight: 500;\n        margin-bottom: 24px;\n    }\n    .th-hotel1__title {\n        font-family: var(--th-display);\n        font-weight: 400;\n        font-size: clamp(2.4rem, 4vw, 3.6rem);\n        margin: 0 0 30px;\n        letter-spacing: -0.02em;\n        line-height: 1.15;\n    }\n    .th-hotel1__title em {\n        font-style: italic;\n        color: var(--th-gold);\n        font-weight: 400;\n    }\n    .th-hotel1__lead {\n        font-family: var(--th-display);\n        font-style: italic;\n        font-size: 1.35rem;\n        color: var(--th-navy);\n        margin: 0 0 30px;\n        line-height: 1.5;\n        font-weight: 400;\n    }\n    .th-hotel1__text {\n        font-size: 15.5px;\n        color: #4a4a4a;\n        margin: 0 0 24px;\n        font-weight: 300;\n        line-height: 1.85;\n        max-width: 520px;\n    }\n    .th-hotel1__features {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 24px;\n        margin: 40px 0;\n        padding: 30px 0;\n        border-top: 1px solid rgba(13, 27, 42, 0.12);\n        border-bottom: 1px solid rgba(13, 27, 42, 0.12);\n    }\n    .th-hotel1__feature {\n        display: flex;\n        align-items: flex-start;\n        gap: 14px;\n    }\n    .th-hotel1__feature-icon {\n        width: 40px;\n        height: 40px;\n        border: 1px solid var(--th-gold);\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n    .th-hotel1__feature-icon svg {\n        width: 18px;\n        height: 18px;\n        fill: var(--th-gold);\n    }\n    .th-hotel1__feature h4 {\n        font-family: var(--th-display);\n        font-weight: 500;\n        font-size: 1.15rem;\n        margin: 0 0 4px;\n        color: var(--th-navy);\n    }\n    .th-hotel1__feature p {\n        font-size: 13px;\n        color: #5a5a5a;\n        margin: 0;\n        font-weight: 300;\n        line-height: 1.6;\n    }\n    .th-hotel1__cta {\n        display: flex;\n        gap: 16px;\n        flex-wrap: wrap;\n        margin-top: 10px;\n    }\n    .th-hotel1__btn {\n        display: inline-block;\n        padding: 16px 36px;\n        font-size: 11px;\n        letter-spacing: 0.18em;\n        text-transform: uppercase;\n        font-weight: 500;\n        text-decoration: none;\n        transition: all 0.4s var(--th-ease);\n    }\n    .th-hotel1__btn--primary {\n        background: var(--th-navy);\n        color: var(--th-white);\n    }\n    .th-hotel1__btn--primary:hover {\n        background: var(--th-gold);\n        color: var(--th-navy);\n        transform: translateY(-3px);\n    }\n    .th-hotel1__btn--ghost {\n        border: 1px solid var(--th-navy);\n        color: var(--th-navy);\n    }\n    .th-hotel1__btn--ghost:hover {\n        background: var(--th-navy);\n        color: var(--th-white);\n    }\n    .th-hotel1__reveal {\n        opacity: 0;\n        transform: translateY(32px);\n        transition: opacity 1s var(--th-ease), transform 1s var(--th-ease);\n    }\n    .th-hotel1__reveal.th-in {\n        opacity: 1;\n        transform: translateY(0);\n    }\n    @media (max-width: 1100px) {\n        .th-hotel1__grid {\n            grid-template-columns: 1fr;\n            gap: 80px;\n        }\n        .th-hotel1__img-main {\n            height: 500px;\n        }\n        .th-hotel1__img-accent {\n            width: 180px;\n            height: 230px;\n            right: 20px;\n            bottom: -40px;\n        }\n        .th-hotel1__badge {\n            left: 20px;\n        }\n    }\n    @media (max-width: 600px) {\n        .th-hotel1 {\n            padding: 100px 5vw 80px;\n        }\n        .th-hotel1__img-main {\n            height: 400px;\n        }\n        .th-hotel1__img-accent {\n            display: none;\n        }\n        .th-hotel1__features {\n            grid-template-columns: 1fr;\n            gap: 20px;\n        }\n        .th-hotel1__cta {\n            flex-direction: column;\n        }\n        .th-hotel1__btn {\n            width: 100%;\n            text-align: center;\n        }\n    }\n<\/style>\n\n<section class=\"th-hotel1\" aria-label=\"Thalassa Boutique Hotel\">\n    <div class=\"th-hotel1__grid\">\n\n        <div class=\"th-hotel1__visual th-hotel1__reveal\">\n            <img decoding=\"async\" src=\"https:\/\/7thalases.gr\/rethymno\/wp-content\/uploads\/2026\/07\/Thalasses-boutique-hotel-2.webp\" alt=\"Thalassa Boutique Hotel\" class=\"th-hotel1__img-main\">\n            <img decoding=\"async\" src=\"https:\/\/7thalases.gr\/rethymno\/wp-content\/uploads\/2026\/07\/4e32b60a3a28baeb04669fe3106c4e9d.webp\" alt=\"Hotel room view\" class=\"th-hotel1__img-accent\">\n            <div class=\"th-hotel1__badge\">Boutique \u00b7 Seafront<\/div>\n        <\/div>\n\n        <div class=\"th-hotel1__content th-hotel1__reveal\">\n            <span class=\"th-hotel1__eyebrow\">Thalassa Boutique Hotel<\/span>\n            <h2 class=\"th-hotel1__title\" style=\"color:#0d1b2a;\">Stay where you <em>dine<\/em>.<br>Wake up above the sea.<\/h2>\n            <p class=\"th-hotel1__lead\">A small, intimate hotel in Rethymno \u2014 home to the 7 Thalasses restaurant on the ground floor, and the sound of the waves from every room.<\/p>\n            <p class=\"th-hotel1__text\">Thalassa Boutique Hotel is built around a single idea: that the best holidays are the ones where everything you need is within a few steps. Your room, the sea, the terrace, the table \u2014 all part of the same quiet rhythm.<\/p>\n            <p class=\"th-hotel1__text\">With only a handful of rooms, each designed with Cretan simplicity and a view over the Cretan Sea, the hotel feels less like a stay and more like a house by the water \u2014 yours, for as long as you wish.<\/p>\n\n            <div class=\"th-hotel1__features\">\n                <div class=\"th-hotel1__feature\">\n                    <div class=\"th-hotel1__feature-icon\">\n                        <svg viewBox=\"0 0 24 24\" style=\"transform: rotate(180deg);\">\n                            <path d=\"M21 10l-9 11-9-11h3V4h4v3h4V4h4v6h3z\" \/>\n                        <\/svg>\n                    <\/div>\n                    <div>\n                        <h4>Sea View Rooms<\/h4>\n                        <p>Every room faces the Cretan Sea.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"th-hotel1__feature\">\n                    <div class=\"th-hotel1__feature-icon\">\n                        <!-- New wave icon with correct gold color -->\n                        <svg viewBox=\"0 0 24 24\" fill=\"var(--th-gold)\">\n                            <path d=\"M2 12q2.5 2 5 0t5 0 5 0 5 0\"\/>\n                            <path d=\"M2 19q2.5 2 5 0t5 0 5 0 5 0\"\/>\n                            <path d=\"M2 5q2.5 2 5 0t5 0 5 0 5 0\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div>\n                        <h4>Right by the Sea<\/h4>\n                        <p>On the waterfront, with the waves at your doorstep.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"th-hotel1__feature\">\n                    <div class=\"th-hotel1__feature-icon\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M11 9H9V2H7v7H5V2H3v7c0 2.12 1.66 3.84 3.75 3.97V22h2.5v-9.03C11.34 12.84 13 11.12 13 9V2h-2v7zm5-3v8h2.5v8H21V2c-2.76 0-5 2.24-5 4z\" \/>\n                        <\/svg>\n                    <\/div>\n                    <div>\n                        <h4>7 Thalasses Restaurant<\/h4>\n                        <p>Dinner is a lift ride away.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"th-hotel1__feature\">\n                    <div class=\"th-hotel1__feature-icon\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\n                        <\/svg>\n                    <\/div>\n                    <div>\n                        <h4>Intimate & Quiet<\/h4>\n                        <p>Only a few rooms, no crowds.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"th-hotel1__cta\">\n                <a href=\"https:\/\/thalassaboutiquehotelrethymno.reserve-online.net\/\" target=\"_blank\" class=\"th-hotel1__btn th-hotel1__btn--primary\">Book Your Stay<\/a>\n                <a href=\"https:\/\/thalassaboutiquehotel.gr\/\" target=\"_blank\" class=\"th-hotel1__btn th-hotel1__btn--ghost\">Discover the Rooms<\/a>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n    (function() {\n        const observer = new IntersectionObserver((entries, obs) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('th-in');\n                    obs.unobserve(entry.target);\n                }\n            });\n        }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });\n        document.querySelectorAll('.th-hotel1 .th-hotel1__reveal').forEach(el => observer.observe(el));\n    })();\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_8 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_8 et_pb_row et_block_row\">\n<div class=\"et_pb_column_8 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_8 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,400;1,500&family=Inter:wght@300;400;500&display=swap');\n:root {\n  --th-navy: #0D1B2A; --th-white: #FFFFFF; --th-gold: #C9A96E; --th-cream: #F5F0E8;\n  --th-display: 'Cormorant Garamond', serif; --th-body: 'Inter', sans-serif; --th-ease: cubic-bezier(.22,.61,.36,1);\n}\n#locationSection * { box-sizing: border-box; }\n\n\/* --- 3 COLUMN GRID --- *\/\n#locationSection {\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  min-height: 640px;\n  font-family: var(--th-body);\n}\n\n\/* --- INFO COLUMN (\u03b1\u03c1\u03b9\u03c3\u03c4\u03b5\u03c1\u03ac) --- *\/\n.th-location__info {\n  background: var(--th-navy);\n  color: var(--th-white);\n  padding: 80px 6vw;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  line-height: 1.7;\n}\n.th-location__info h2 {\n  font-family: var(--th-display);\n  font-weight: 400;\n  font-size: clamp(2.4rem, 4vw, 3.4rem);\n  margin-bottom: 32px;\n  margin-top: 0;\n}\n.th-location__row { margin-bottom: 22px; font-size: 14px; color: #cfd6dd; font-weight: 300; }\n.th-location__row strong {\n  display: block;\n  color: var(--th-gold);\n  font-size: 10px;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  margin-bottom: 6px;\n  font-weight: 500;\n}\n.th-location__row a { color: #cfd6dd; transition: color .3s; text-decoration: none; }\n.th-location__row a:hover { color: var(--th-gold); }\nhr.th-rule { width: 56px; height: 1px; background: var(--th-gold); border: none; margin: 6px 0 24px; }\n\n.th-socials { display: flex; gap: 18px; margin-top: 28px; }\n.th-socials a {\n  width: 36px; height: 36px; border: 1px solid rgba(255,255,255,0.3); border-radius: 50%;\n  display: flex; align-items: center; justify-content: center;\n  transition: border-color .3s, background .3s;\n}\n.th-socials a:hover { border-color: var(--th-gold); background: rgba(201,169,110,0.1); }\n.th-socials svg { width: 15px; height: 15px; fill: var(--th-white); }\n\n\/* --- CONTACT FORM COLUMN (\u03bc\u03ad\u03c3\u03b7) --- *\/\n.th-location__form {\n  background: var(--th-navy);\n  color: var(--th-white);\n  padding: 80px 6vw;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  border-left: 1px solid rgba(201,169,110,0.15);\n  border-right: 1px solid rgba(201,169,110,0.15);\n}\n.th-location__form h3 {\n  font-family: var(--th-display);\n  font-weight: 400;\n  font-size: clamp(2.4rem, 4vw, 3.4rem);\n  margin-bottom: 28px;\n  margin-top: 0;\n  color: var(--th-white);\n}\n\n\/* CF7 Form Styling *\/\n.th-location__form .wpcf7-form {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n}\n.th-location__form .wpcf7-form-control-wrap {\n  display: flex;\n  flex-direction: column;\n}\n.th-location__form .wpcf7-form-control-wrap label,\n.th-location__form .wpcf7-form-control-wrap > span:not(.wpcf7-not-valid-tip) {\n  display: block;\n  color: var(--th-gold);\n  font-size: 10px;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  margin-bottom: 6px;\n  font-weight: 500;\n  font-family: var(--th-body);\n}\n.th-location__form input[type=\"text\"],\n.th-location__form input[type=\"email\"],\n.th-location__form input[type=\"tel\"],\n.th-location__form input[type=\"submit\"],\n.th-location__form textarea {\n  background: transparent;\n  border: none;\n  border-bottom: 1px solid rgba(255,255,255,0.25);\n  color: var(--th-white);\n  font-family: var(--th-body);\n  font-size: 14px;\n  font-weight: 300;\n  padding: 6px 2px;\n  width: 100%;\n  transition: border-color .3s;\n  outline: none;\n  border-radius: 0;\n  -webkit-appearance: none;\n  line-height: 1.7;\n}\n.th-location__form input::placeholder,\n.th-location__form textarea::placeholder {\n  color: rgba(207,214,221,0.45);\n  font-weight: 300;\n}\n.th-location__form input:focus,\n.th-location__form textarea:focus {\n  border-bottom-color: var(--th-gold);\n}\n\n\/* TEXTAREA - \u0394\u0399\u039f\u03a1\u0398\u03a9\u0398\u0397\u039a\u0395: 90px \u03b1\u03bd\u03c4\u03af \u03b3\u03b9\u03b1 40px *\/\n.th-location__form textarea {\n  height: 90px !important;\n  min-height: 90px;\n  resize: vertical;\n  overflow: auto;\n}\n\n\/* Submit Button *\/\n.th-location__form .wpcf7-submit {\n  background: var(--th-gold) !important;\n  color: var(--th-navy);\n  \/* \u0394\u03af\u03bd\u03bf\u03c5\u03bc\u03b5 border \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03b1\u03c1\u03c7\u03ae \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03bc\u03b7\u03bd \u03b1\u03bb\u03bb\u03ac\u03b6\u03b5\u03b9 \u03bc\u03ad\u03b3\u03b5\u03b8\u03bf\u03c2 \u03c3\u03c4\u03bf hover.\n     \u0395\u03c0\u03b5\u03b9\u03b4\u03ae \u03b5\u03af\u03bd\u03b1\u03b9 \u03af\u03b4\u03b9\u03bf \u03c7\u03c1\u03ce\u03bc\u03b1 \u03bc\u03b5 \u03c4\u03bf background, \u03c6\u03b1\u03af\u03bd\u03b5\u03c4\u03b1\u03b9 \u03c3\u03b1\u03bd solid \u03ba\u03bf\u03c5\u03bc\u03c0\u03af *\/\n  border: 1px solid var(--th-gold); \n  padding: 12px 32px;\n  font-family: var(--th-body);\n  font-size: 11px;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  font-weight: 500;\n  cursor: pointer;\n  \/* \u03a0\u03c1\u03bf\u03c3\u03b8\u03ae\u03ba\u03b7 color & border \u03c3\u03c4\u03bf transition \u03b3\u03b9\u03b1 \u03bf\u03bc\u03b1\u03bb\u03ae \u03b1\u03bb\u03bb\u03b1\u03b3\u03ae *\/\n  transition: background .3s, transform .3s, box-shadow .3s, color .3s, border-color .3s;\n  align-self: flex-start;\n  margin-top: 6px;\n  border-radius: 0;\n}\n\n.th-location__form .wpcf7-submit:hover {\n  background: transparent !important;\n  color: var(--th-gold); \/* \u039a\u03ac\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b1 \u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03b1 \u03c7\u03c1\u03c5\u03c3\u03ac \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c6\u03b1\u03af\u03bd\u03bf\u03bd\u03c4\u03b1\u03b9 \u03c3\u03c4\u03bf \u03c3\u03ba\u03bf\u03cd\u03c1\u03bf \u03c6\u03cc\u03bd\u03c4\u03bf *\/\n  border: 1px solid var(--th-gold); \/* \u03a4\u03bf border \u03c0\u03b1\u03c1\u03b1\u03bc\u03ad\u03bd\u03b5\u03b9 \u03b3\u03cd\u03c1\u03c9-\u03b3\u03cd\u03c1\u03c9 (all sides) *\/\n  transform: translateY(-2px);\n \/* box-shadow: 0 6px 18px rgba(201,169,110,0.25); *\/\n}\n\n\/* Submit Button OLD*\/\n\/*.th-location__form .wpcf7-submit {\n  background: var(--th-gold);\n  color: var(--th-navy);\n  border: none;\n  padding: 12px 32px;\n  font-family: var(--th-body);\n  font-size: 11px;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  font-weight: 500;\n  cursor: pointer;\n  transition: background .3s, transform .3s, box-shadow .3s;\n  align-self: flex-start;\n  margin-top: 6px;\n  border-radius: 0;\n}\n.th-location__form .wpcf7-submit:hover {\n  background: #b8944f;\n  transform: translateY(-2px);\n  box-shadow: 0 6px 18px rgba(201,169,110,0.25);\n}\n*\/\n\/* CF7 Response Messages *\/\n.th-location__form .wpcf7-response-output {\n  color: var(--th-gold);\n  font-size: 12px;\n  margin-top: 10px !important;\n  padding: 10px 0 !important;\n  border: none !important;\n  border-left: 2px solid var(--th-gold) !important;\n}\n.th-location__form .wpcf7-not-valid-tip {\n  color: #e07a5f;\n  font-size: 11px;\n  margin-top: 4px;\n}\n.th-location__form .wpcf7 form.invalid .wpcf7-response-output,\n.th-location__form .wpcf7 form.unaccepted .wpcf7-response-output,\n.th-location__form .wpcf7 form.payment-required .wpcf7-response-output {\n  border-left-color: #e07a5f !important;\n  color: #e07a5f;\n}\n\n\/* --- MAP COLUMN (\u03b4\u03b5\u03be\u03b9\u03ac) --- *\/\n.th-location__map {\n  background: var(--th-cream);\n  overflow: hidden;\n  position: relative;\n  height: 100%;\n}\n.th-location__map .th-location__map {\n  position: relative;\n  height: 100%;\n}\n.th-custom-map {\n  width: 100%;\n  height: 100%;\n  min-height: 820px; \/* \u0391\u03a5\u039e\u0397\u0398\u0397\u039a\u0395 \u03b1\u03c0\u03cc 720px \u03c3\u03b5 750px \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03ba\u03b1\u03bb\u03c5\u03c6\u03b8\u03b5\u03af \u03c4\u03bf \u03bb\u03b5\u03c5\u03ba\u03cc \u03ba\u03b5\u03bd\u03cc ~30px *\/\n  margin-top: -80px;\n  border: 0;\n  display: block;\n  filter: saturate(1.05) contrast(1.02);\n}\n\n\/* --- REVEAL ANIMATION --- *\/\n.th-reveal { opacity: 0; transform: translateY(28px); transition: opacity 1s var(--th-ease), transform 1s var(--th-ease); }\n.th-reveal.th-in { opacity: 1; transform: translateY(0); }\n\n\/* --- MAP OVERLAYS (\u03c7\u03c1\u03c5\u03c3\u03cc + \u03bc\u03c0\u03bb\u03b5) --- *\/\n.th-location__map::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: rgba(201, 169, 110, 0.08);\n  pointer-events: none;\n  mix-blend-mode: overlay;\n  z-index: 1;\n}\n.th-location__map::after {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background: rgba(74, 144, 226, 0.18);\n  pointer-events: none;\n  mix-blend-mode: multiply;\n  z-index: 2;\n}\n\n\/* --- RESPONSIVE --- *\/\n@media (max-width: 1024px) {\n  #locationSection {\n    grid-template-columns: 1fr 1fr;\n  }\n  .th-location__form {\n    border-left: none;\n    border-right: none;\n    border-top: 1px solid rgba(201,169,110,0.15);\n    padding: 60px 6vw;\n  }\n  .th-location__map {\n    grid-column: 1 \/ -1;\n    min-height: 450px;\n  }\n  .th-custom-map { min-height: 560px; } \/* 450 + 80 + 30 *\/\n}\n\n@media (max-width: 768px) {\n  #locationSection { grid-template-columns: 1fr; }\n  .th-location__info,\n  .th-location__form { padding: 60px 8vw; }\n  .th-location__form { border: none; border-top: 1px solid rgba(201,169,110,0.15); }\n  .th-location__map { grid-column: 1 \/ -1; min-height: 400px; }\n  .th-custom-map { min-height: 510px; } \/* 400 + 80 + 30 *\/\n}\n<\/style>\n\n<section id=\"locationSection\" aria-label=\"Location, contact form and map\">\n\n  <!-- COLUMN 1: INFO -->\n  <div class=\"th-location__info th-reveal\">\n    <h2>Find Us<\/h2>\n    <div class=\"th-location__row\">\n      <strong>Address<\/strong>\n      Stamathioudaki 89, Rethymno, Crete\n    <\/div>\n    <hr class=\"th-rule\">\n    <div class=\"th-location__row\">\n      <strong>Hours<\/strong>\n      Monday \u2013 Sunday, 12:00 \u2013 00:00\n    <\/div>\n    <div class=\"th-location__row\">\n      <strong>Phone<\/strong>\n      <a href=\"tel:+302831058000\">Tel: 2831058000<\/a> &nbsp;<br>\n      <a href=\"https:\/\/wa.me\/306983213773\">WhatsApp: +30 698 321 3773<\/a>\n    <\/div>\n    <div class=\"th-location__row\">\n      <strong>Email<\/strong>\n      <a href=\"mailto:info@thalassaboutiquehotel.gr\">info@thalassaboutiquehotel.gr<\/a>\n    <\/div>\n    <div class=\"th-socials\">\n      <a href=\"https:\/\/www.facebook.com\" aria-label=\"7 Thalasses on Facebook\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M22 12.06C22 6.5 17.52 2 12 2S2 6.5 2 12.06c0 5 3.66 9.15 8.44 9.94v-7.03H7.9v-2.91h2.54V9.79c0-2.5 1.49-3.89 3.78-3.89 1.1 0 2.24.2 2.24.2v2.46h-1.26c-1.24 0-1.63.77-1.63 1.56v1.87h2.78l-.44 2.91h-2.34V22c4.78-.79 8.44-4.94 8.44-9.94z\"\/><\/svg>\n      <\/a>\n      <a href=\"https:\/\/www.instagram.com\" aria-label=\"7 Thalasses on Instagram\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2.16c3.2 0 3.58.01 4.85.07 1.17.05 1.97.24 2.43.4.61.24 1.05.52 1.51.98.46.46.74.9.98 1.51.16.46.35 1.26.4 2.43.06 1.27.07 1.65.07 4.85s-.01 3.58-.07 4.85c-.05 1.17-.24 1.97-.4 2.43-.24.61-.52 1.05-.98 1.51-.46.46-.9.74-1.51.98-.46.16-1.26.35-2.43.4-1.27.06-1.65.07-4.85.07s-3.58-.01-4.85-.07c-1.17-.05-1.97-.24-2.43-.4a4.1 4.1 0 0 1-1.51-.98 4.1 4.1 0 0 1-.98-1.51c-.16-.46-.35-1.26-.4-2.43-.06-1.27-.07-1.65-.07-4.85s.01-3.58.07-4.85c.05-1.17.24-1.97.4-2.43.24-.61.52-1.05.98-1.51.46-.46.9-.74 1.51-.98.46-.16 1.26-.35 2.43-.4 1.27-.06 1.65-.07 4.85-.07zM12 0C8.74 0 8.33.01 7.05.07 5.78.13 4.9.33 4.14.62a6.26 6.26 0 0 0-2.27 1.48A6.26 6.26 0 0 0 .39 4.37c-.29.76-.49 1.64-.55 2.91C-.22 8.56-.23 8.97-.23 12s.01 3.44.07 4.72c.06 1.27.26 2.15.55 2.91.3.83.7 1.55 1.48 2.27.71.71 1.43 1.13 2.27 1.48.76.29 1.64.49 2.91.55C8.33 23.99 8.74 24 12 24s3.67-.01 4.95-.07c1.27-.06 2.15-.26 2.91-.55a6.26 6.26 0 0 0 2.27-1.48 6.26 6.26 0 0 0 1.48-2.27c.29-.76.49-1.64.55-2.91.06-1.28.07-1.69.07-4.72s-.01-3.44-.07-4.72c-.06-1.27-.26-2.15-.55-2.91a6.26 6.26 0 0 0-1.48-2.27A6.26 6.26 0 0 0 19.86.62c-.76-.29-1.64-.49-2.91-.55C15.67.01 15.26 0 12 0z\"\/><path d=\"M12 5.84A6.16 6.16 0 1 0 18.16 12 6.16 6.16 0 0 0 12 5.84zm0 10.16A4 4 0 1 1 16 12a4 4 0 0 1-4 4zM19.85 5.4a1.44 1.44 0 1 1-1.44-1.44 1.44 1.44 0 0 1 1.44 1.44z\"\/><\/svg>\n      <\/a>\n    <\/div>\n  <\/div>\n\n  <!-- COLUMN 2: CONTACT FORM -->\n  <div class=\"th-location__form th-reveal\">\n    <h3>Get in Touch<\/h3>\n    \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f230-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"230\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/rethymno\/el\/wp-json\/wp\/v2\/pages\/276#wpcf7-f230-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=\"230\" \/><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-f230-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<p><label> Your name<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\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span> <\/label>\n<\/p>\n<p><label> Your email<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\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label>\n<\/p>\n<p><label> Subject<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-subject\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-subject\" \/><\/span> <\/label>\n<\/p>\n<p><label> Your message (optional)<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\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span> <\/label>\n<\/p>\n<p><div class=\"cf7-cf-turnstile\" style=\"margin-top: 0px; margin-bottom: -15px;\"> <div id=\"cf-turnstile-cf7-1942652475\" class=\"cf-turnstile\" data-sitekey=\"0x4AAAAAADs1Ho953GXLs3xg\" data-theme=\"auto\" data-language=\"auto\" data-size=\"normal\" data-retry=\"auto\" data-retry-interval=\"1000\" data-refresh-expired=\"auto\" data-refresh-timeout=\"auto\" data-action=\"contact-form-7\" data-callback=\"turnstileCF7Callback\" data-appearance=\"always\"><\/div> <br class=\"cf-turnstile-br cf-turnstile-br-cf7-1942652475\"> <style>#cf-turnstile-cf7-1942652475 { margin-left: -15px; }<\/style> <script>document.addEventListener(\"DOMContentLoaded\",function(){document.querySelectorAll('.wpcf7-form').forEach(function(e){e.addEventListener('submit',function(){if(document.getElementById('cf-turnstile-cf7-1942652475')){setTimeout(function(){turnstile.reset('#cf-turnstile-cf7-1942652475');},1000)}})})});<\/script> <\/div><br\/><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Submit\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n  <\/div>\n\n  <!-- COLUMN 3: MAP (\u03bc\u03b5 \u03b4\u03b9\u03c0\u03bb\u03cc div) -->\n  <div class=\"th-location__map th-reveal\">\n    <div class=\"th-location__map\">\n      <iframe class=\"th-custom-map\" src=\"https:\/\/www.google.com\/maps\/d\/embed?mid=1oLKKi3tmeK2CwLK03fSM_eObOtlIp6M&ehbc=2E512F&z=19\" title=\"Map showing 7 Thalasses Rethymno location\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\" aria-label=\"Google Map of 7 Thalasses Rethymno\"><\/iframe>\n    <\/div>\n  <\/div>\n\n<\/section>\n\n<script>\n(function() {\n  const observer = new IntersectionObserver((entries, obs) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('th-in');\n        obs.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });\n  document.querySelectorAll('#locationSection .th-reveal').forEach(el => observer.observe(el));\n})();\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_9 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_9 et_pb_row et_block_row\">\n<div class=\"et_pb_column_9 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_9 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500&display=swap');\n  :root { --th-navy: #0D1B2A; --th-gold: #C9A96E; --th-grey: #8A8A8A; --th-body: 'Inter', sans-serif; }\n  #footerSection * { box-sizing: border-box; }\n  #footerSection {\n    background: var(--th-navy); border-top: 1px solid rgba(255,255,255,0.08); padding: 50px 6vw 40px;\n    text-align: center; font-family: var(--th-body); line-height: 1.7;\n  }\n  #footerSection img { height: 30px; margin: 0 auto 22px; display: block; max-width: 100%; }\n  #footerSection p { font-size: 12px; color: var(--th-grey); font-weight: 300; margin: 0; }\n  .th-footer__privacy {\n    display: inline-block; margin-top: 10px; font-size: 11px; color: #6a6a6a; text-decoration: underline;\n    text-decoration-color: rgba(255,255,255,0.15); transition: color .3s;\n  }\n  .th-footer__privacy:hover { color: var(--th-gold); }\n<\/style>\n\n<footer id=\"footerSection\">\n  <img decoding=\"async\" src=\"https:\/\/7thalases.gr\/wp-content\/uploads\/2025\/06\/02956f91bf50840cf5707b8e4e7ea252.png\" alt=\"7 Thalasses logo\">\n  <p>\u00a9 2026 | 7 Thalasses Rethymno. All Rights Reserved.<\/p>\n  <a class=\"th-footer__privacy\" href=\"#\">Privacy Policy<\/a>\n<\/footer><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-276","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/7thalases.gr\/rethymno\/el\/wp-json\/wp\/v2\/pages\/276","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/7thalases.gr\/rethymno\/el\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/7thalases.gr\/rethymno\/el\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/7thalases.gr\/rethymno\/el\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/7thalases.gr\/rethymno\/el\/wp-json\/wp\/v2\/comments?post=276"}],"version-history":[{"count":27,"href":"https:\/\/7thalases.gr\/rethymno\/el\/wp-json\/wp\/v2\/pages\/276\/revisions"}],"predecessor-version":[{"id":314,"href":"https:\/\/7thalases.gr\/rethymno\/el\/wp-json\/wp\/v2\/pages\/276\/revisions\/314"}],"wp:attachment":[{"href":"https:\/\/7thalases.gr\/rethymno\/el\/wp-json\/wp\/v2\/media?parent=276"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}