:root{
  --sea:#0077c8;
  --turquoise:#00bcd4;
  --deep-blue:#004b8d;
  --sun:#f4a62a;
  --terracotta:#e76f51;
  --sand:#fff2d8;
  --olive:#5d7c32;
  --white:#fffaf2;
  --dark:#17324d;
  --pink:#d85a8a;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Poppins,Arial,sans-serif;background:linear-gradient(180deg,var(--sand),#ffffff);color:var(--dark);line-height:1.6;padding-bottom:90px}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
.topbar{position:fixed;top:0;left:0;width:100%;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:18px 7%;background:rgba(255,250,242,.9);backdrop-filter:blur(12px);box-shadow:0 8px 30px rgba(0,0,0,.08)}
.logo{font-family:'Playfair Display',serif;font-size:28px;font-weight:700;color:var(--deep-blue)}
.logo span{color:var(--terracotta)}
nav{display:flex;gap:22px;align-items:center;font-size:14px;font-weight:700}
nav a:hover{color:var(--terracotta)}
.book-link{background:var(--terracotta);color:white!important;padding:10px 18px;border-radius:999px}
.hero{height:100vh;min-height:700px;background:url('images/8.png') center/cover no-repeat;position:relative;display:flex;align-items:center;padding:0 7%;color:white}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,54,98,.78),rgba(0,119,200,.3),rgba(244,166,42,.18))}
.hero-content{position:relative;max-width:820px;padding-top:70px}
.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:3px;font-weight:800;color:var(--turquoise);font-size:13px;margin-bottom:12px}
.hero h1,h2{font-family:'Playfair Display',serif;line-height:1.05}
.hero h1{font-size:clamp(46px,7vw,88px);margin-bottom:24px;text-shadow:0 4px 30px rgba(0,0,0,.35)}
.hero-text{font-size:20px;max-width:650px;margin-bottom:30px}
.btn{display:inline-block;padding:14px 24px;border-radius:999px;font-weight:800;margin-right:10px;margin-top:8px;box-shadow:0 12px 25px rgba(0,0,0,.18);transition:transform .2s ease, box-shadow .2s ease}
.btn:hover{transform:translateY(-3px);box-shadow:0 18px 35px rgba(0,0,0,.22)}
.primary{background:linear-gradient(135deg,var(--terracotta),var(--sun));color:white}.secondary{background:white;color:var(--deep-blue)}
main section{padding:90px 7%}
h2{font-size:clamp(34px,4vw,58px);margin-bottom:20px;color:var(--deep-blue)}
.quick-facts{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;background:white;margin:-55px 7% 0;padding:24px;border-radius:30px;position:relative;z-index:2;box-shadow:0 25px 70px rgba(0,75,141,.18)}
.quick-facts div{text-align:center;padding:12px;border-radius:20px;background:linear-gradient(135deg,#ffffff,var(--sand))}.quick-facts strong{display:block;color:var(--terracotta);font-size:24px}.quick-facts span{font-weight:700;color:var(--deep-blue)}
.split-section{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.split-section img{border-radius:34px;box-shadow:0 30px 70px rgba(0,75,141,.18)}
.why{background:linear-gradient(135deg,#e9f9ff,var(--sand));text-align:center}.why h2{max-width:900px;margin:0 auto 30px}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.why-grid article{background:white;border-radius:22px;padding:20px;font-weight:800;box-shadow:0 15px 35px rgba(0,0,0,.08)}
.features{background:#fff}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:35px}.feature-grid article{background:white;padding:28px;border-radius:28px;box-shadow:0 18px 45px rgba(0,0,0,.08);border-bottom:6px solid var(--turquoise)}.feature-grid span{font-size:36px}.feature-grid h3{margin:12px 0;color:var(--terracotta)}
.gallery-section{background:linear-gradient(135deg,#fff,#fff7e7)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:270px;gap:18px;margin-top:35px}.gallery img{width:100%;height:100%;object-fit:cover;border-radius:26px;box-shadow:0 18px 40px rgba(0,0,0,.12);cursor:pointer;transition:transform .25s ease, box-shadow .25s ease}.gallery img:hover{transform:scale(1.025);box-shadow:0 24px 60px rgba(0,75,141,.25)}.gallery .big{grid-row:span 2}.gallery .wide{grid-column:span 2}
.video-section{background:linear-gradient(135deg,rgba(0,75,141,.92),rgba(0,188,212,.72)),url('images/7.png') center/cover fixed;color:white}.video-card{max-width:760px;background:rgba(255,255,255,.14);padding:45px;border-radius:34px;backdrop-filter:blur(8px)}.video-card h2,.video-card .section-kicker{color:white}
.reviews{text-align:center;background:white}.rating-badge{display:inline-block;background:var(--sand);padding:14px 22px;border-radius:999px;color:var(--terracotta);font-weight:800;margin:10px 0 25px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:20px 0 25px}.review-grid article{background:linear-gradient(135deg,#ffffff,#e9f9ff);padding:28px;border-radius:28px;box-shadow:0 16px 45px rgba(0,0,0,.08)}.review-grid strong{color:var(--sun);font-size:20px}
.zakynthos{background:linear-gradient(135deg,#fff8e8,#e6f8ff)}.reverse img{order:1}.reverse div{order:2}.island-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:25px}.island-cards article{background:white;border-radius:22px;padding:20px;box-shadow:0 12px 30px rgba(0,0,0,.08)}.island-cards span{font-size:30px}.island-cards h3{color:var(--terracotta);margin:8px 0}
.sunset{text-align:center;color:white;background:linear-gradient(135deg,rgba(231,111,81,.92),rgba(244,166,42,.85)),url('images/3.png') center/cover fixed}.sunset h2{color:white}.sunset p{max-width:760px;margin:auto;font-size:18px}
.location{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;background:linear-gradient(135deg,#e9f9ff,var(--sand))}.location-card,.map-card{background:white;padding:36px;border-radius:34px;box-shadow:0 20px 55px rgba(0,0,0,.1)}.location ul{margin-top:18px;padding-left:22px}.map-card iframe{border-radius:24px;background:#e9f9ff}.map-note{font-size:13px;margin-top:10px;opacity:.75}
.weather{text-align:center;background:white}.weather-card{display:inline-flex;align-items:center;gap:18px;background:linear-gradient(135deg,#e9f9ff,var(--sand));padding:24px 32px;border-radius:28px;box-shadow:0 15px 40px rgba(0,0,0,.08);text-align:left}.weather-card span{font-size:50px}.weather-card h3{color:var(--terracotta)}
.faq{background:linear-gradient(135deg,#fff8e8,#fff)}details{max-width:900px;margin:14px auto;background:white;padding:18px 22px;border-radius:18px;box-shadow:0 10px 28px rgba(0,0,0,.07)}summary{font-weight:800;cursor:pointer;color:var(--deep-blue)}details p{margin-top:10px}
.contact{text-align:center;background:linear-gradient(135deg,var(--sand),#fff)}.contact p{font-size:18px}.platform-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:22px 0}.booking{background:#003580;color:white}.airbnb{background:#ff385c;color:white}.tiktok{background:#111;color:white}.instagram{background:linear-gradient(135deg,#feda75,#d62976,#962fbf,#4f5bd5);color:white}.whatsapp{background:#25d366;color:white}.google{background:#4285f4;color:white}
.services{background:linear-gradient(135deg,#e6f8ff,#fff7e7);text-align:center}.services-intro{max-width:880px;margin:0 auto 30px;font-size:18px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:35px 0 25px}.services-grid article{background:white;padding:28px;border-radius:28px;box-shadow:0 18px 45px rgba(0,0,0,.08);border-bottom:6px solid var(--sun);text-align:left}.services-grid span{font-size:38px}.services-grid h3{margin:12px 0;color:var(--terracotta)}.service-email{margin-top:10px}
.email{background:var(--deep-blue);color:white}
small{opacity:.7}footer{text-align:center;padding:30px;background:var(--deep-blue);color:white}
.floating-booking{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:55;display:flex;gap:8px;background:rgba(255,250,242,.92);backdrop-filter:blur(12px);padding:10px;border-radius:999px;box-shadow:0 12px 35px rgba(0,0,0,.22)}.floating-booking a{font-size:13px;font-weight:800;padding:10px 14px;border-radius:999px;background:var(--deep-blue);color:white}.floating-booking a:nth-child(2){background:#ff385c}.floating-booking a:nth-child(3){background:#4285f4}.floating-booking a:nth-child(4){background:linear-gradient(135deg,#d62976,#4f5bd5)}.floating-booking a:nth-child(5){background:#111}
.floating-whatsapp{position:fixed;right:18px;bottom:88px;z-index:60;background:#25d366;color:white;font-weight:900;padding:14px 18px;border-radius:999px;box-shadow:0 14px 35px rgba(0,0,0,.25)}
.lightbox{position:fixed;inset:0;background:rgba(0,23,43,.94);z-index:100;display:none;align-items:center;justify-content:center;padding:30px}.lightbox.active{display:flex}.lightbox img{max-width:88vw;max-height:84vh;border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.45);object-fit:contain}.lightbox-close,.lightbox-arrow{position:absolute;border:0;color:white;background:rgba(255,255,255,.14);cursor:pointer;border-radius:999px;backdrop-filter:blur(10px)}.lightbox-close{top:22px;right:28px;width:48px;height:48px;font-size:36px;line-height:1}.lightbox-arrow{top:50%;transform:translateY(-50%);width:58px;height:58px;font-size:52px;line-height:.8}.lightbox-arrow.left{left:26px}.lightbox-arrow.right{right:26px}.lightbox-close:hover,.lightbox-arrow:hover{background:rgba(255,255,255,.28)}.lightbox-counter{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);color:white;background:rgba(255,255,255,.14);padding:8px 16px;border-radius:999px;font-weight:800}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease, transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}
@media(max-width:1050px){.feature-grid{grid-template-columns:repeat(2,1fr)}.why-grid,.review-grid,.services-grid{grid-template-columns:1fr 1fr}.location{grid-template-columns:1fr}}
@media(max-width:850px){body{padding-bottom:120px}nav{display:none}.split-section,.why-grid,.review-grid,.island-cards,.quick-facts,.services-grid{grid-template-columns:1fr}.hero{min-height:720px}.feature-grid,.gallery{display:flex;overflow-x:auto;gap:16px;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:12px 6% 28px;margin-left:-6%;margin-right:-6%;grid-auto-rows:auto}.feature-grid::-webkit-scrollbar,.gallery::-webkit-scrollbar{display:none}.feature-grid,.gallery{scrollbar-width:none}.feature-grid article{min-width:82%;scroll-snap-align:center}.gallery img{min-width:86%;height:270px;scroll-snap-align:center}.gallery .big,.gallery .wide{grid-row:auto;grid-column:auto}.services-grid article{text-align:center}main section{padding:70px 6%}.quick-facts{margin:-45px 5% 0}.reverse img,.reverse div{order:initial}.floating-booking{width:calc(100% - 20px);overflow-x:auto;justify-content:flex-start;border-radius:20px}.floating-booking a{white-space:nowrap}.floating-whatsapp{right:12px;bottom:118px}.lightbox-arrow{width:46px;height:46px;font-size:42px}.lightbox-arrow.left{left:10px}.lightbox-arrow.right{right:10px}.lightbox img{max-width:94vw}.topbar{padding:12px 4%;gap:8px}.logo{font-size:20px}.language-switcher{order:3;margin-left:0;margin-right:0;padding:5px;gap:3px}.language-switcher button{width:30px;height:30px;font-size:17px}}


.language-switcher{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.78);backdrop-filter:blur(12px);padding:6px;border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.language-switcher button{border:0;background:transparent;cursor:pointer;font-size:19px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;transition:transform .2s ease, background .2s ease}
.language-switcher button:hover{transform:translateY(-2px);background:#fff}
.language-switcher button.active{background:white;box-shadow:0 6px 16px rgba(0,0,0,.14)}
@media(max-width:850px){.topbar{padding:12px 4%;gap:8px}.logo{font-size:20px}.language-switcher{margin-left:auto;padding:5px;gap:3px}.language-switcher button{width:30px;height:30px;font-size:17px}}