@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;600&family=Playfair+Display:ital,wght@1,400;1,600&family=Inter:wght@400;600;700&family=Cairo:wght@400;600&display=swap');
:root{ --gold:#C9A86A; --gold-light:#E8C07A; --gold-soft:#D4B87A; --dark:#0F141E; --cream:#FFFEF5; --black:#0A0A0A; }
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',sans-serif;background:var(--cream);color:var(--black);overflow-x:hidden}
.font-corm{font-family:'Cormorant Garamond',serif}
.font-play{font-family:'Playfair Display',serif}
.font-cairo{font-family:'Cairo',sans-serif}

/* HEADER FIXED - hamburger not hiding */
.header{position:fixed;top:0;left:0;right:0;z-index:100;height:86px;background:var(--cream);border-bottom:1px solid rgba(201,168,106,0.18);display:flex;align-items:center;overflow:visible}
.header-inner{width:100%;max-width:1280px;margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
@media(min-width:640px){.header-inner{padding:0 24px}}
.logo{display:flex;align-items:center;gap:12px;flex-shrink:0;text-decoration:none}
.logo-img{width:52px;height:52px;object-fit:contain;border-radius:12px;flex-shrink:0}
@media(min-width:640px){.logo-img{width:60px;height:60px}}
.logo-text b{display:block;font-size:15px;font-weight:900;letter-spacing:0.06em;color:var(--black);line-height:1}
.logo-text span{display:block;font-size:7px;font-weight:700;letter-spacing:1.6px;color:var(--gold);text-transform:uppercase;margin-top:3px}
.nav{display:none;gap:28px}
@media(min-width:1024px){.nav{display:flex}}
.nav a{font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:rgba(10,10,10,0.6);text-decoration:none;font-weight:600;transition:color .2s}
.nav a.active,.nav a:hover{color:var(--gold)}
.header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:auto}
.lang-toggle{display:flex;align-items:center;gap:6px;border:1px solid rgba(201,168,106,0.3);border-radius:9999px;padding:4px 10px;height:36px;cursor:pointer;flex-shrink:0}
.lang-toggle button{border:none;background:transparent;font-size:11px;font-weight:700;padding:4px 8px;border-radius:9999px;cursor:pointer}
.lang-toggle button.active{background:rgba(201,168,106,0.15);color:var(--black)}
.book-btn{display:none;background:var(--black);color:white;border:none;height:40px;padding:0 20px;border-radius:9999px;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;font-weight:700;cursor:pointer}
@media(min-width:768px){.book-btn{display:block}}
.hamburger{width:44px;height:44px;min-width:44px;min-height:44px;background:var(--gold);border-radius:50%;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;flex-shrink:0;z-index:101}
@media(min-width:1024px){.hamburger{display:none}}
.hamburger span{width:18px;height:2px;background:white;border-radius:2px;display:block}

/* MOBILE MENU */
.mobile-menu{position:fixed;top:86px;left:0;right:0;bottom:0;background:var(--cream);z-index:99;padding:24px;display:none;flex-direction:column;gap:20px}
.mobile-menu.open{display:flex}
.mobile-menu a{font-family:'Cormorant Garamond',serif;font-size:28px;color:var(--black);text-decoration:none}
.mobile-menu a:hover{color:var(--gold)}

/* HERO */
.hero{margin-top:86px;min-height:88vh;background:linear-gradient(rgba(10,10,10,0.62),rgba(10,10,10,0.62)),url('https://images.unsplash.com/photo-1616046229478-9901c5536a45') center/cover no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;padding:60px 24px 80px}
.hero-inner{max-width:880px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%}
.badge{background:rgba(22,22,22,0.92);border:1px solid rgba(212,184,122,0.32);backdrop-filter:blur(12px);border-radius:9999px;padding:14px 32px;display:inline-flex;align-items:center;gap:12px;margin-bottom:24px}
.badge-dot{width:8px;height:8px;background:#2ECC71;border-radius:50%;box-shadow:0 0 12px rgba(46,204,113,0.4)}
.badge-text{font-size:11px;letter-spacing:0.22em;text-transform:uppercase;color:var(--gold-soft);font-weight:600}
.hero h1{line-height:0.95}
.hero h1 .line1{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:56px;color:white;display:block}
@media(min-width:768px){.hero h1 .line1{font-size:72px}}
.hero h1 .line2{font-family:'Playfair Display',serif;font-style:italic;font-size:54px;color:var(--gold-light);display:block;text-shadow:0 0 20px rgba(232,192,122,0.3)}
@media(min-width:768px){.hero h1 .line2{font-size:78px}}
.hero h1 .line3{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:44px;color:white;display:block}
@media(min-width:768px){.hero h1 .line3{font-size:64px}}
.divider{width:84px;height:1px;background:linear-gradient(to right,transparent,var(--gold-light),transparent);margin:20px auto}
.hero p{color:rgba(255,255,255,0.82);font-size:17px;max-width:560px;margin:0 auto;line-height:1.6}
.cta-gold{margin-top:28px;background:var(--gold-light);color:var(--black);border:none;height:58px;padding:0 42px;border-radius:9999px;font-size:13px;letter-spacing:0.14em;text-transform:uppercase;font-weight:800;cursor:pointer;box-shadow:0 4px 20px rgba(201,168,106,0.3)}

section{padding:80px 24px;max-width:1280px;margin:0 auto}
.dark-section{background:var(--dark);color:white;margin:0 -24px;padding:80px 24px;max-width:none}
.dark-section .inner{max-width:1280px;margin:0 auto;padding:0 24px}
.card-grid{display:grid;grid-template-columns:1fr;gap:28px;margin-top:48px}
@media(min-width:768px){.card-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.card-grid{grid-template-columns:repeat(3,1fr)}}
.card{background:white;border:1px solid rgba(201,168,106,0.18);border-radius:22px;overflow:hidden;transition:all .3s;cursor:pointer}
.card:hover{box-shadow:0 12px 40px rgba(201,168,106,0.18);border-color:rgba(201,168,106,0.35)}
.card img{width:100%;height:210px;object-fit:cover;display:block}
.card-body{padding:20px}
.price{font-size:11px;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold);font-weight:800}
.card h3{font-size:16px;font-weight:600;color:var(--black);margin-top:6px}
.card p{font-size:13px;color:rgba(0,0,0,0.55);line-height:1.6;margin-top:8px}
.housemaid-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:22px;overflow:hidden}
.housemaid-card img{height:320px}
.housemaid-card .card-body{padding:20px;color:white}
.housemaid-card h3{color:white}
.housemaid-card .role{font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold-soft);margin-top:4px}

/* ULTRA HAMBURGER FIX - SCREENSHOT BASED */
.header{overflow:visible !important;padding-right:0 !important}
.header-inner{padding-right:70px !important;position:relative !important;box-sizing:border-box !important;max-width:100% !important}
@media(max-width:1023px){
  .header-inner{padding-right:78px !important}
  .hamburger{display:flex !important;position:absolute !important;right:10px !important;top:50% !important;transform:translateY(-50%) !important;width:46px !important;height:46px !important;min-width:46px !important;min-height:46px !important;margin:0 !important;z-index:999 !important;box-shadow:0 2px 10px rgba(0,0,0,0.15) !important}
}
@media(max-width:400px){
  .header-inner{padding-right:64px !important}
  .hamburger{right:6px !important;width:42px !important;height:42px !important;min-width:42px !important;min-height:42px !important}
  .logo-text b{font-size:13px !important}
  .logo-img{width:40px !important;height:40px !important}
}
/* prevent horizontal drag */
html,body{overflow-x:hidden !important;max-width:100vw !important}