*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f1e9;color:#1f2929;font-family:Inter,sans-serif;font-weight:300}a{text-decoration:none;color:inherit}img{display:block;width:100%}:root{--green:#173638;--muted:#6c7773;--cream:#f5f1e9}header{position:absolute;z-index:20;width:100%;padding:24px 6vw;display:flex;align-items:center;justify-content:space-between;color:#fff}.logo{display:flex;flex-direction:column}.logo strong{font-size:17px;letter-spacing:.25em}.logo small{font-size:8px;letter-spacing:.28em;margin-top:7px}nav{display:flex;gap:28px;align-items:center;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.reserve{border:1px solid #fff;padding:11px 17px}.menu{display:none;background:none;border:0;color:#fff;font-size:24px}.hero{height:100vh;min-height:720px;background:url('images/1.png') center/cover;position:relative;display:flex;align-items:flex-end}.overlay,.shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,28,30,.78),rgba(8,28,30,.03) 68%)}.hero-copy{position:relative;color:#fff;padding:0 7vw 10vh;max-width:1100px}.kicker{font-size:10px;letter-spacing:.24em;font-weight:500;margin:0 0 20px}.dark{color:var(--muted)}h1,h2,h3{font-family:'Cormorant Garamond',serif;font-weight:500;line-height:.96;margin:0}h1{font-size:clamp(68px,9vw,130px)}h2{font-size:clamp(48px,6vw,82px)}h3{font-size:35px}.hero-copy>p:not(.kicker){font-size:19px;line-height:1.7;max-width:680px}.actions{display:flex;gap:12px;margin-top:30px}.btn{display:inline-block;padding:16px 24px;border:1px solid;font-size:10px;letter-spacing:.15em;text-transform:uppercase}.light{background:#fff;color:var(--green);border-color:#fff}.ghost{color:#fff;border-color:#fff}.intro{padding:130px 7vw;text-align:center;max-width:1180px;margin:auto}.lead{font-size:17px;line-height:1.9;color:var(--muted);max-width:800px;margin:36px auto}.villas{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 14px 14px}.villa-card{min-height:760px}.villa-image{height:100%;min-height:760px;position:relative;background-size:cover;background-position:center;display:flex;align-items:flex-end}.alma .villa-image{background-image:url('images/36.jpeg')}.dar .villa-image{background-image:url('dar-nur-images/1a.jpeg')}.villa-title{position:relative;z-index:2;color:#fff;padding:50px;max-width:600px}.villa-title p:not(.kicker){font-size:16px;line-height:1.7}.manifesto{padding:110px 7vw;background:#e8dfd1;text-align:center}.manifesto p{font-family:'Cormorant Garamond';font-size:clamp(42px,5vw,72px);line-height:1.08;max-width:1200px;margin:auto}.guide{padding:120px 7vw}.heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:60px}.heading>p{line-height:1.8;color:var(--muted);max-width:500px}.guide-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px}.guide-grid article{position:relative;min-height:360px;overflow:hidden}.guide-grid img{height:100%;object-fit:cover;filter:brightness(.8);transition:transform .4s}.guide-grid article:hover img{transform:scale(1.02)}.guide-big{grid-row:span 2}.guide-big img{min-height:734px}.guide-grid article div{position:absolute;left:0;right:0;bottom:0;color:#fff;padding:28px;background:linear-gradient(transparent,rgba(0,0,0,.62))}.guide-grid span{font-size:9px;letter-spacing:.2em}.guide-grid h3{margin-top:10px}.experience-band{height:700px;background:linear-gradient(rgba(8,28,30,.16),rgba(8,28,30,.65)),url('images/2.jpeg') center/cover;display:flex;align-items:flex-end;color:#fff;padding:7vw}.experience-band>div{max-width:760px}.booking{padding:130px 7vw;background:var(--green);color:#fff;text-align:center}.booking p:not(.kicker){line-height:1.8;max-width:560px;margin:28px auto}footer{padding:45px 7vw;background:#0e1c1d;color:#fff;display:flex;justify-content:space-between;align-items:end;gap:25px;font-size:11px}footer p{opacity:.65}@media(max-width:900px){header{padding:18px}.menu{display:block}nav{display:none;position:absolute;top:68px;left:0;right:0;background:#102a2c;padding:25px;flex-direction:column;align-items:flex-start}nav.open{display:flex}.hero{height:92svh;background-position:58% center}.hero-copy{padding:0 22px 55px}.hero h1{font-size:52px}.actions{display:grid;grid-template-columns:1fr;max-width:330px}.intro{padding:80px 22px;text-align:left}.villas{grid-template-columns:1fr;padding:0 8px 8px;gap:8px}.villa-card,.villa-image{min-height:72svh}.villa-title{padding:30px 22px}.manifesto{padding:70px 22px}.manifesto p{font-size:42px}.guide{padding:80px 14px}.heading{grid-template-columns:1fr;gap:25px;padding:0 8px}.guide-grid{grid-template-columns:1fr;gap:8px}.guide-grid article,.guide-big{min-height:56svh;grid-row:auto}.guide-big img{min-height:56svh}.experience-band{height:75svh;padding:0 22px 55px}.booking{padding:85px 22px}.booking .btn{width:100%;max-width:330px}footer{padding:45px 22px;flex-direction:column;align-items:flex-start}}

/* V8 — REAL GUEST REVIEWS */
.reviews{padding:120px 7vw;background:#eee7dc}
.reviews .section-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:55px}
.reviews .section-head>p{color:#697471;line-height:1.8;max-width:520px}
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.review-card{background:#fff;padding:34px;min-height:315px;display:flex;flex-direction:column;justify-content:space-between}
.review-score{font:500 42px 'Cormorant Garamond',serif;color:#173638}
.review-card blockquote{font:500 27px/1.18 'Cormorant Garamond',serif;margin:22px 0;color:#263333}
.review-card .meta{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#75807c;line-height:1.7}
.review-card .platform{margin-top:8px;font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}
.review-note{font-size:10px;color:#7a827f;margin-top:25px}
@media(max-width:900px){
 .reviews{padding:80px 14px}
 .reviews .section-head{grid-template-columns:1fr;gap:24px;padding:0 8px}
 .review-grid{grid-template-columns:1fr}
 .review-card{min-height:0;padding:28px 24px}
 .review-card blockquote{font-size:25px}
}


/* ===== V9: SOCIAL + LANGUAGE UX ===== */
.utility-bar{position:absolute;z-index:25;top:82px;right:6vw;display:flex;align-items:center;gap:14px;color:#fff;font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.lang-switch{display:flex;gap:7px;align-items:center}
.lang-switch button{appearance:none;border:0;background:transparent;color:inherit;padding:3px 1px;font:inherit;cursor:pointer;opacity:.62}
.lang-switch button.active,.lang-switch button:hover{opacity:1;border-bottom:1px solid currentColor}
.social-mini{display:flex;gap:10px;border-left:1px solid rgba(255,255,255,.45);padding-left:14px}
.social-mini a{opacity:.75}.social-mini a:hover{opacity:1}
.whatsapp-float{position:fixed;z-index:35;right:24px;bottom:76px;width:48px;height:48px;border-radius:50%;background:#fff;color:#173638;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:17px;box-shadow:0 10px 35px rgba(0,0,0,.18)}
.social-section{padding:105px 7vw;background:#fff;text-align:center}
.social-section h2{margin-bottom:24px}
.social-section>p{max-width:650px;margin:0 auto 30px;color:#697471;line-height:1.8}
.social-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.social-btn{display:inline-block;padding:15px 22px;border:1px solid #173638;color:#173638;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.social-btn:hover{background:#173638;color:#fff}
.lang-note{font-size:10px;color:#7c8581;margin-top:22px}
@media(max-width:900px){
 .utility-bar{top:70px;left:18px;right:auto;gap:10px}
 .social-mini{display:none}
 .whatsapp-float{right:14px;bottom:68px;width:45px;height:45px}
 .social-section{padding:75px 22px}
 .social-actions{display:grid;grid-template-columns:1fr;width:100%;max-width:330px;margin:auto}
}


/* ===== V10: DECISION + EXPERIENCE ===== */
.compare,.day,.amenities,.faq{padding:115px 7vw}
.compare{background:#f5f1e9}
.compare-head,.day-head,.amenities-head,.faq-head{max-width:850px;margin-bottom:52px}
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.compare-card{background:#fff;padding:42px}
.compare-card h3{font-size:40px;margin-bottom:25px}
.compare-list{display:grid;gap:0;border-top:1px solid #d9d4ca}
.compare-row{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid #e3ded5;font-size:12px}
.compare-row span:last-child{text-align:right;font-weight:500}
.compare-card .btn{margin-top:28px;border-color:#173638;color:#173638}
.day{background:#173638;color:#fff}
.day-head p:last-child{line-height:1.8;opacity:.78}
.day-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.day-card{position:relative;min-height:460px;overflow:hidden}
.day-card img{height:100%;object-fit:cover;filter:brightness(.72)}
.day-copy{position:absolute;inset:auto 0 0;padding:28px;background:linear-gradient(transparent,rgba(0,0,0,.72))}
.day-time{font:500 32px 'Cormorant Garamond',serif}
.day-copy h3{font-size:30px;margin-top:8px}
.amenities{background:#fff}
.amenities-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.amenity{padding:27px 22px;border:1px solid #dedbd4;min-height:130px}
.amenity .ico{font-size:25px;display:block;margin-bottom:18px}
.amenity strong{display:block;font:500 24px 'Cormorant Garamond',serif;margin-bottom:7px}
.amenity small{color:#697471;line-height:1.5}
.faq{background:#eee7dc}
.faq-list{max-width:980px}
.faq details{border-top:1px solid #cfc7bb;padding:22px 0}
.faq details:last-child{border-bottom:1px solid #cfc7bb}
.faq summary{cursor:pointer;font:500 27px 'Cormorant Garamond',serif;list-style:none;display:flex;justify-content:space-between;gap:20px}
.faq summary:after{content:"+";font-family:Inter;font-size:20px;font-weight:300}
.faq details[open] summary:after{content:"–"}
.faq details p{max-width:780px;color:#65716d;line-height:1.8;font-size:14px}
.direct-note{text-align:center;padding:85px 7vw;background:#e5dccf}
.direct-note h2{max-width:1000px;margin:auto}
.direct-note p{margin:28px auto 0;color:#697471;letter-spacing:.08em;text-transform:uppercase;font-size:10px}
@media(max-width:900px){
 .compare,.day,.amenities,.faq{padding:78px 18px}
 .compare-grid{grid-template-columns:1fr}
 .compare-card{padding:28px 22px}
 .day-grid{grid-template-columns:1fr}
 .day-card{min-height:62svh}
 .amenities-grid{grid-template-columns:1fr 1fr}
 .amenity{padding:22px 16px}
 .faq summary{font-size:24px}
 .direct-note{padding:70px 22px}
}