/* ===== language-bootstrap.css ===== */
/* T131 — Global no-flash language gate for every public page. */
html[data-nile-lang-pending="1"] { background:#03111d; }
html[data-nile-lang-pending="1"] body {
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
html[data-nile-lang-ready="1"] body {
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto;
}

/* ===== style.css ===== */
:root{
  --bg:#06111f; --bg2:#0b1c31; --panel:#0a1a2ce8; --panel2:#10233abb;
  --gold:#d4af37; --gold2:#f5d77a; --cream:#f6e9c9; --white:#fffaf0;
  --muted:#c5c8cc; --line:rgba(212,175,55,.48); --soft:rgba(255,255,255,.08);
  --shadow:0 24px 70px rgba(0,0,0,.44); --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;font-family:Tahoma,Arial,sans-serif;color:var(--cream);background:radial-gradient(circle at 50% 20%,rgba(212,175,55,.12),transparent 26rem),linear-gradient(145deg,#040b15 0%,#081526 48%,#030912 100%);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.36;background:repeating-linear-gradient(135deg,rgba(212,175,55,.035) 0 1px,transparent 1px 76px);mask-image:radial-gradient(circle at 62% 32%,black,transparent 72%)}
button,input,select,textarea{font:inherit} button{cursor:pointer;color:inherit} a{color:inherit;text-decoration:none} img{max-width:100%;display:block}
.page-shell{width:min(1220px,calc(100% - 28px));margin:16px auto 42px;position:relative;z-index:1}
.site-header{min-height:72px;border:1px solid var(--line);border-radius:24px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(180deg,rgba(9,25,43,.9),rgba(5,15,27,.78));box-shadow:var(--shadow);backdrop-filter:blur(14px);position:sticky;top:12px;z-index:50}
.brand-mini{display:flex;align-items:center;gap:10px;color:var(--gold2);font-weight:700;white-space:nowrap}.brand-mini img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35))}.brand-mini span{font-size:1rem}
.top-nav{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.nav-link,.back-home{border:0;background:transparent;padding:10px 14px;border-radius:999px;color:#eadfc9;opacity:.9;transition:.25s}.nav-link:hover,.back-home:hover{background:rgba(212,175,55,.1);color:var(--gold2)}.nav-link.active{color:var(--gold2);background:rgba(212,175,55,.13);box-shadow:inset 0 -1px 0 var(--gold)}
.book-pill{border:1px solid var(--gold);background:linear-gradient(135deg,rgba(212,175,55,.2),rgba(212,175,55,.06));color:var(--gold2);border-radius:14px;padding:12px 18px;white-space:nowrap}.nav-toggle{display:none;background:transparent;border:0;font-size:24px;color:var(--gold2)}
.view{display:none;animation:fade .35s ease both;min-height:calc(100vh - 110px)}.view.active{display:block}@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.home-page{display:grid;gap:34px;margin-top:16px}.hero{position:relative;min-height:760px;border:1px solid var(--line);border-radius:34px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:96px 32px 48px;background:#081526}.hero-photo{background-image:url('assets/hero-main.webp');background-size:cover;background-position:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,8,15,.22),rgba(5,14,25,.58) 47%,rgba(4,10,18,.92)),radial-gradient(circle at 50% 42%,rgba(212,175,55,.12),transparent 25rem)}.hero:before{content:"";position:absolute;inset:18px;border:1px solid rgba(212,175,55,.38);border-radius:26px;pointer-events:none}.hero:after{content:"";position:absolute;right:-140px;bottom:150px;width:520px;height:220px;border-top:1px solid rgba(212,175,55,.3);border-radius:50%;transform:rotate(-12deg);opacity:.65}.hero-content{position:relative;z-index:2;text-align:center;margin:auto 0 38px}.main-logo{width:min(330px,60vw);margin:0 auto 10px;filter:drop-shadow(0 22px 34px rgba(0,0,0,.56)) drop-shadow(0 0 20px rgba(212,175,55,.22))}.hero h1{font-size:clamp(2.15rem,5.2vw,4.35rem);line-height:1.05;color:var(--gold2);margin:4px 0 10px;text-shadow:0 10px 26px rgba(0,0,0,.52)}.hero-subtitle{font-size:clamp(1rem,2.1vw,1.45rem);color:var(--white);margin:0;text-shadow:0 4px 18px rgba(0,0,0,.7)}.hero-ornament{width:160px;height:16px;margin:15px auto 0;position:relative}.hero-ornament:before,.hero-ornament:after{content:"";position:absolute;top:7px;width:65px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.hero-ornament:before{right:0}.hero-ornament:after{left:0}.hero-ornament{border-radius:50%;border-top:1px solid rgba(212,175,55,.6)}
.primary-actions{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;width:min(980px,100%)}.feature-card{border:1px solid var(--gold);border-radius:24px;background:linear-gradient(180deg,rgba(9,25,43,.9),rgba(7,17,31,.86));padding:28px 24px;min-height:156px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;box-shadow:0 20px 45px rgba(0,0,0,.35);transition:.25s}.feature-card:hover{transform:translateY(-4px);background:linear-gradient(180deg,rgba(18,43,70,.94),rgba(9,25,43,.9));box-shadow:0 24px 52px rgba(0,0,0,.45)}.feature-card strong{font-size:1.55rem;color:var(--gold2)}.feature-card small{color:#eee0c6;line-height:1.7}.icon{width:44px;height:44px;display:inline-block;background:var(--gold2);mask-size:contain;mask-position:center;mask-repeat:no-repeat}.icon-menu{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 2h2v9H4V2Zm4 0h2v9H8V2Zm9 0c-2.2 0-4 2-4 4.5V13h2v9h2v-9h2V2h-2ZM4 13h6v9H4v-9Z'/%3E%3C/svg%3E")}.icon-hotel{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 6h18v12h-2v-3H5v3H3V6Zm2 2v5h6V8H5Zm8 0v5h6V8h-6ZM2 20h20v2H2v-2Z'/%3E%3C/svg%3E")}.icon-calendar{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 2h2v3h6V2h2v3h3v17H4V5h3V2Zm11 8H6v10h12V10ZM6 7v1h12V7H6Z'/%3E%3C/svg%3E")}.icon-service{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3a8 8 0 0 1 8 8v2h2v2h-2v1a4 4 0 0 1-4 4h-3v-2h3a2 2 0 0 0 2-2v-5a6 6 0 0 0-12 0v4H4v-4a8 8 0 0 1 8-8Zm-5 9h3v6H7v-6Zm7 0h3v6h-3v-6Z'/%3E%3C/svg%3E")}
.split-section,.cards-section,.feature-strip,.home-footer{border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,rgba(10,26,44,.92),rgba(5,14,25,.88));box-shadow:0 18px 50px rgba(0,0,0,.3)}.split-section{display:grid;grid-template-columns:.9fr 1.3fr;gap:24px;align-items:center;padding:28px}.identity-section{grid-template-columns:1.2fr .9fr}.section-copy{padding:20px 22px;text-align:right}.eyebrow{display:inline-block;color:var(--gold2);font-weight:700;letter-spacing:.3px;margin-bottom:10px}.section-copy h2,.center-title h2{font-size:clamp(1.9rem,3.4vw,3rem);color:var(--gold2);margin:0 0 16px}.section-copy p{font-size:1.05rem;line-height:2;color:#eadfc9;margin:0 0 24px}.outline-btn{border:1px solid var(--gold);background:rgba(212,175,55,.08);color:var(--gold2);border-radius:14px;padding:13px 24px}.photo-panel{margin:0;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#091827;box-shadow:0 18px 40px rgba(0,0,0,.28)}.photo-panel img{width:100%;height:100%;object-fit:cover}.wide-photo{height:360px}.sign-photo{height:420px}.cards-section{padding:30px}.center-title{text-align:center;margin-bottom:24px}.gallery-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.gallery-card{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:rgba(5,15,27,.82);box-shadow:0 16px 36px rgba(0,0,0,.26)}.gallery-card img{height:220px;width:100%;object-fit:cover}.gallery-card div{padding:20px}.gallery-card h3{color:var(--gold2);margin:0 0 10px;font-size:1.3rem}.gallery-card p{margin:0;color:#eadfc9;line-height:1.8}.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:24px 10px}.feature-strip div{text-align:center;padding:18px;border-left:1px solid rgba(212,175,55,.26)}.feature-strip div:last-child{border-left:0}.feature-strip strong{display:block;color:var(--gold2);font-size:1.2rem;margin:10px 0 6px}.feature-strip small{color:#eadfc9}.home-footer{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:28px 30px;margin-bottom:18px}.home-footer strong{color:var(--gold2);font-size:1.15rem}.home-footer p{margin:8px 0 0;color:#eadfc9;line-height:1.8}
.section-head{margin:18px 0 20px;border:1px solid var(--line);border-radius:28px;padding:28px;background:linear-gradient(145deg,rgba(10,26,44,.9),rgba(5,14,25,.88));box-shadow:var(--shadow);text-align:center}.section-head h2{font-size:clamp(2rem,5vw,3.2rem);color:var(--gold2);margin:8px 0}.section-head p{margin:0;color:#eadfc9;line-height:1.8}.back-home{display:inline-block;border:1px solid rgba(212,175,55,.35)}
.menu-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.menu-category-card{border:1px solid var(--line);border-radius:24px;padding:22px;background:linear-gradient(145deg,rgba(10,26,44,.9),rgba(5,14,25,.88));box-shadow:0 16px 38px rgba(0,0,0,.24);transition:.25s;min-height:180px;display:flex;flex-direction:column;justify-content:space-between}.menu-category-card:hover{transform:translateY(-3px);border-color:var(--gold2)}.menu-category-top{display:flex;align-items:center;justify-content:space-between}.menu-category-icon{font-size:2rem}.menu-category-arrow{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--gold2)}.menu-category-card strong{display:block;color:var(--gold2);font-size:1.35rem;margin-bottom:8px}.menu-category-card small{color:#eadfc9;line-height:1.7}.room-grid,.items-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.room-card,.item-card{border:1px solid var(--line);border-radius:24px;padding:24px;background:linear-gradient(145deg,rgba(10,26,44,.9),rgba(5,14,25,.88));box-shadow:0 16px 38px rgba(0,0,0,.24)}.room-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.room-card h3,.item-card h3{color:var(--gold2);font-size:1.45rem;margin:0 0 8px}.room-card p,.item-card p{color:#eadfc9;line-height:1.8}.room-badge,.amenities span{border:1px solid var(--line);border-radius:999px;padding:7px 12px;color:var(--gold2);background:rgba(212,175,55,.07);display:inline-block}.price{color:var(--gold2);font-size:1.8rem;font-weight:700;margin:14px 0}.amenities{display:flex;gap:8px;flex-wrap:wrap}.booking-form{border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(10,26,44,.9),rgba(5,14,25,.88));box-shadow:var(--shadow);padding:28px;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.booking-form label{display:grid;gap:8px;color:var(--gold2)}.booking-form .full{grid-column:1/-1}.booking-form input,.booking-form select,.booking-form textarea{width:100%;border:1px solid rgba(212,175,55,.38);border-radius:14px;background:rgba(4,12,22,.74);color:var(--cream);padding:14px;outline:none}.submit-btn{grid-column:1/-1;border:0;border-radius:16px;background:linear-gradient(135deg,var(--gold2),#b88822);color:#07111f;padding:16px;font-weight:700}.hint{grid-column:1/-1;margin:0;color:#cfc4ad;text-align:center}.contact-card{border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(10,26,44,.9),rgba(5,14,25,.88));box-shadow:var(--shadow);padding:28px;display:grid;gap:15px}.contact-card div{display:flex;align-items:center;gap:12px;border:1px solid rgba(212,175,55,.26);border-radius:16px;padding:16px}.contact-card span{color:var(--gold2);font-size:1.4rem}
.category-page{margin-top:18px;border:1px solid var(--line);border-radius:32px;background:radial-gradient(circle at 50% 18%,rgba(212,175,55,.13),transparent 20rem),linear-gradient(150deg,rgba(12,34,57,.86),rgba(3,12,23,.94));box-shadow:var(--shadow);padding:10px 24px 34px;position:relative;overflow:hidden}.luxury-lines-soft:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.38;background:repeating-radial-gradient(ellipse at 12% 28%,transparent 0 50px,rgba(212,175,55,.12) 51px 52px,transparent 53px 66px),linear-gradient(135deg,transparent 0 66%,rgba(212,175,55,.06) 66.5%,transparent 67%)}.category-page>*{position:relative;z-index:1}.category-hero-head{padding-top:34px}.category-layout{display:grid;gap:22px}.category-items-grid{grid-template-columns:repeat(3,1fr)}.item-icon{font-size:2rem;margin-bottom:8px}.ingredients{border-top:1px solid rgba(212,175,55,.22);padding-top:12px;color:#eadfc9;line-height:1.8}
@media (max-width:920px){.page-shell{width:min(100% - 16px,680px);margin-top:8px}.site-header{border-radius:20px}.brand-mini span{display:none}.nav-toggle{display:block}.top-nav{display:none;position:absolute;top:78px;left:10px;right:10px;background:rgba(5,14,25,.96);border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:var(--shadow)}.top-nav.open{display:grid}.book-pill{padding:10px 12px}.hero{min-height:720px;padding:86px 14px 26px;border-radius:24px;background-position:center top}.main-logo{width:min(250px,70vw)}.hero h1{font-size:2.2rem}.primary-actions{grid-template-columns:1fr;gap:12px}.feature-card{min-height:118px;padding:20px}.split-section,.identity-section{grid-template-columns:1fr;padding:16px;border-radius:24px}.section-copy{text-align:center;padding:16px 8px}.wide-photo,.sign-photo{height:280px}.gallery-cards,.menu-category-grid,.room-grid,.items-grid,.category-items-grid{grid-template-columns:1fr}.cards-section{padding:18px}.gallery-card img{height:190px}.feature-strip{grid-template-columns:repeat(2,1fr)}.feature-strip div:nth-child(even){border-left:0}.home-footer{grid-template-columns:1fr;text-align:center}.booking-form{grid-template-columns:1fr;padding:18px}.section-head{padding:20px;border-radius:22px}.category-page{padding:8px 12px 24px}}
@media (max-width:460px){.page-shell{width:100%;padding:0 8px}.hero{min-height:680px;border-radius:20px}.hero:before{inset:10px;border-radius:16px}.main-logo{width:220px}.hero h1{font-size:1.9rem}.hero-subtitle{font-size:.98rem}.feature-card strong{font-size:1.3rem}.section-copy h2,.center-title h2{font-size:1.75rem}.photo-panel{border-radius:18px}.icon{width:36px;height:36px}}

/* v12 - premium gold SVG icons and ornaments, no emoji icons */
.nav-toggle{width:44px;height:44px;border:1px solid rgba(212,175,55,.38);border-radius:14px;align-items:center;justify-content:center;gap:4px;flex-direction:column;padding:0}
.nav-toggle span{width:20px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--gold2));display:block}
.book-pill{display:inline-flex;align-items:center;gap:9px}.mini-svg{width:20px;height:20px;display:inline-block;background:var(--gold2);mask-size:contain;mask-position:center;mask-repeat:no-repeat;vertical-align:middle}
.svg-icon{color:var(--gold2);display:inline-grid;place-items:center;line-height:1}.svg-icon svg{width:100%;height:100%;display:block;filter:drop-shadow(0 5px 9px rgba(0,0,0,.28))}.menu-category-icon{width:58px;height:58px;border:1px solid rgba(212,175,55,.35);border-radius:18px;background:linear-gradient(145deg,rgba(212,175,55,.1),rgba(212,175,55,.02));padding:10px}.item-icon{width:62px;height:62px;margin-bottom:14px;border:1px solid rgba(212,175,55,.32);border-radius:20px;background:radial-gradient(circle,rgba(212,175,55,.16),rgba(212,175,55,.03) 65%);padding:12px}
.gold-divider{display:block;width:180px;height:24px;margin:8px 0 20px;position:relative}.center-title .gold-divider{margin:8px auto 20px}.gold-divider:before,.gold-divider:after{content:"";position:absolute;top:11px;width:68px;height:1px;background:linear-gradient(90deg,transparent,var(--gold2),transparent)}.gold-divider:before{right:0}.gold-divider:after{left:0}.gold-divider.ornate{background:radial-gradient(circle at 50% 50%,var(--gold2) 0 4px,transparent 5px)}.gold-divider.ornate:after{box-shadow:-28px 0 0 -27px var(--gold2)}
.section-head:after,.center-title:after{content:"";display:block;width:min(220px,64%);height:18px;margin:14px auto 0;background:linear-gradient(90deg,transparent,rgba(212,175,55,.85),transparent);mask:radial-gradient(circle at 50% 50%,#000 0 5px,transparent 6px),linear-gradient(#000,#000);mask-composite:add;opacity:.7}.section-head:before,.center-title:before{content:"✦";display:block;color:var(--gold2);font-size:16px;line-height:1;margin-bottom:4px;text-shadow:0 0 15px rgba(212,175,55,.45)}
.feature-card,.menu-category-card,.room-card,.item-card,.gallery-card{position:relative;overflow:hidden}.feature-card:before,.menu-category-card:before,.room-card:before,.item-card:before{content:"";position:absolute;inset:12px;border-radius:18px;border:1px solid rgba(212,175,55,.12);pointer-events:none}.feature-card:after,.menu-category-card:after,.room-card:after,.item-card:after{content:"";position:absolute;left:50%;bottom:14px;transform:translateX(-50%);width:74px;height:14px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.8),transparent);opacity:.8}.feature-card:after{bottom:18px}.menu-category-card:after{bottom:16px}.room-card:after,.item-card:after{bottom:12px;width:62px}.feature-card small{padding-bottom:12px}.menu-category-card small{padding-bottom:18px;display:block}.room-card,.item-card{padding-bottom:38px}
.photo-panel:after{content:"";position:absolute;inset:auto 22px 18px;height:1px;background:linear-gradient(90deg,transparent,var(--gold2),transparent);opacity:.55}.photo-panel{position:relative}.split-section:before,.cards-section:before,.feature-strip:before,.home-footer:before{content:"";position:absolute;inset:14px;border:1px solid rgba(212,175,55,.08);border-radius:22px;pointer-events:none}.split-section,.cards-section,.feature-strip,.home-footer{position:relative;overflow:hidden}.split-section:after,.cards-section:after{content:"";position:absolute;width:90px;height:90px;bottom:-35px;left:28px;border:1px solid rgba(212,175,55,.25);transform:rotate(45deg);opacity:.28;pointer-events:none}.gallery-card h3:before,.section-copy h2:before{content:"";display:inline-block;width:9px;height:9px;background:var(--gold2);transform:rotate(45deg);margin-left:9px;vertical-align:middle;box-shadow:0 0 10px rgba(212,175,55,.45)}
.contact-svg{width:32px;height:32px;background:var(--gold2);mask-size:contain;mask-repeat:no-repeat;mask-position:center;flex:0 0 32px}.contact-svg{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23 13l7 11-5 5c4 7 9 12 16 16l5-5 11 7-5 9c-20-2-39-21-41-41l9-5Z' fill='black'/%3E%3C/svg%3E")}.mail-svg{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 18h40v28H12V18Zm4 5l16 13 16-13v-1H16v1Z' fill='black'/%3E%3C/svg%3E")}.pin-svg{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 58S15 40 15 25a17 17 0 1 1 34 0c0 15-17 33-17 33Zm0-25a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z' fill='black'/%3E%3C/svg%3E")}.clock-svg{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 8a24 24 0 1 0 0 48 24 24 0 0 0 0-48Zm3 25V18h-6v19l15 8 3-5-12-7Z' fill='black'/%3E%3C/svg%3E")}.contact-card span{font-size:0}
.category-page .section-head:before{content:"";width:54px;height:54px;margin:0 auto 12px;display:block;background:var(--gold2);mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 8c6 10 16 11 25 8-4 10-12 15-25 14C19 31 11 26 7 16c9 3 19 2 25-8Zm0 25c8 0 14 7 14 16H18c0-9 6-16 14-16Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat}.category-item-card .price{border-top:1px solid rgba(212,175,55,.22);padding-top:12px}.menu-category-card:hover .menu-category-icon,.feature-card:hover .icon{filter:drop-shadow(0 0 10px rgba(245,215,122,.38))}.menu-category-arrow{font-size:0}.menu-category-arrow:before{content:"";display:block;width:17px;height:14px;background:var(--gold2);mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 40 28' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 14h32M23 4l11 10-11 10' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") center/contain no-repeat;transform:scaleX(-1)}
@media (max-width:920px){.nav-toggle{display:flex}.gold-divider{margin-left:auto;margin-right:auto}.section-copy h2:before,.gallery-card h3:before{display:none}.feature-card:after{bottom:10px}.menu-category-icon{width:52px;height:52px}.item-icon{width:58px;height:58px;margin-inline:auto}}

/* v13 - using uploaded gold image ornaments/icons instead of emoji/simple glyphs */
.nav-toggle{font-size:0!important;color:transparent!important}
.nav-toggle span{width:22px;height:2px;border-radius:999px;background:linear-gradient(90deg,#c6962f,#ffe08a,#9b6d1f);display:block;margin:3px auto}
.pill-calendar{display:inline-block;width:22px;height:22px;background:url('assets/ui/calendar.png') center/contain no-repeat;filter:drop-shadow(0 3px 8px rgba(0,0,0,.35));vertical-align:middle}
.icon{background:none!important;mask:none!important;-webkit-mask:none!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;filter:drop-shadow(0 7px 10px rgba(0,0,0,.38)) drop-shadow(0 0 10px rgba(245,215,122,.15))}
.icon-menu{background-image:url('assets/ui/fork-knife.png')!important}
.icon-hotel{background-image:url('assets/ui/bed.png')!important}
.icon-calendar{background-image:url('assets/ui/calendar.png')!important}
.icon-service{background-image:url('assets/ui/fleur-small.png')!important}
.feature-card .icon{width:62px;height:62px;margin-bottom:5px}
.feature-strip .icon{width:54px;height:54px;margin-bottom:10px}
.gold-asset-icon{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 7px 12px rgba(0,0,0,.35)) drop-shadow(0 0 8px rgba(245,215,122,.2))}
.menu-category-icon{background:linear-gradient(145deg,rgba(212,175,55,.08),rgba(5,16,28,.45))!important;border:1px solid rgba(212,175,55,.36)!important;padding:9px!important;overflow:hidden}
.item-icon{background:linear-gradient(145deg,rgba(212,175,55,.1),rgba(5,16,28,.45))!important;border:1px solid rgba(212,175,55,.34)!important;padding:10px!important;overflow:hidden}
.hero-ornament,.section-head:after,.center-title:after{background:url('assets/ui/flourish-slim.png') center/contain no-repeat!important;height:36px!important;width:min(340px,70%)!important;mask:none!important;-webkit-mask:none!important;opacity:.95!important;margin:12px auto 0!important}
.section-head:before,.center-title:before{content:""!important;display:block!important;width:34px!important;height:34px!important;margin:0 auto 8px!important;background:url('assets/ui/fleur-small.png') center/contain no-repeat!important;filter:drop-shadow(0 0 12px rgba(212,175,55,.32))}
.section-copy h2:before,.gallery-card h3:before{content:""!important;display:inline-block!important;width:18px!important;height:18px!important;background:url('assets/ui/sparkle.png') center/contain no-repeat!important;margin-left:8px!important;vertical-align:middle!important;box-shadow:none!important;transform:none!important}
.feature-card:after,.menu-category-card:after,.room-card:after,.item-card:after{background:url('assets/ui/divider-three-dots.png') center/contain no-repeat!important;height:18px!important;width:100px!important;opacity:.95!important}
.menu-category-arrow{width:34px;height:20px;background:url('assets/ui/arrow-left.png') center/contain no-repeat;display:block;filter:drop-shadow(0 2px 7px rgba(0,0,0,.28))}
.menu-category-arrow:before{display:none!important}
.back-home{position:relative;padding-inline-start:42px!important}.back-home:before{content:"";position:absolute;right:14px;top:50%;width:22px;height:18px;transform:translateY(-50%);background:url('assets/ui/arrow-right.png') center/contain no-repeat;filter:drop-shadow(0 3px 8px rgba(0,0,0,.3))}.back-home{font-size:.98rem!important}
.contact-card span.contact-svg{font-size:0!important;background:none!important;mask:none!important;-webkit-mask:none!important;width:34px!important;height:34px!important;display:block!important;flex:0 0 34px!important;filter:drop-shadow(0 6px 10px rgba(0,0,0,.32))}.phone-svg{background-image:url('assets/ui/fleur-small.png')!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important}.mail-svg{background-image:url('assets/ui/divider-dot.png')!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important}.pin-svg{background-image:url('assets/ui/arch.png')!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important}.clock-svg{background-image:url('assets/ui/star-ornament.png')!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important}
.category-page .section-head:before{content:""!important;width:48px!important;height:48px!important;background:url('assets/ui/fleur-small.png') center/contain no-repeat!important;mask:none!important;-webkit-mask:none!important}
.hero:after{content:"";position:absolute;left:28px;bottom:24px;width:150px;height:150px;background:url('assets/ui/leaf.png') center/contain no-repeat;opacity:.28;filter:drop-shadow(0 0 14px rgba(212,175,55,.22));pointer-events:none}.hero:before{background:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0)) padding-box, url('assets/ui/box-border.png') center/100% 100% no-repeat!important;border:0!important;opacity:.8!important}
@media (max-width:920px){.feature-card .icon{width:56px;height:56px}.feature-strip .icon{width:46px;height:46px}.hero:after{width:110px;height:110px;opacity:.18}.hero-ornament,.section-head:after,.center-title:after{width:min(260px,76%)!important}}

/* v14 - widen desktop layout so the homepage fills the screen */
@media (min-width: 1024px){
  .page-shell{
    width:100%;
    max-width:none;
    margin:0;
    padding:0 28px 54px;
  }
  .site-header{
    width:min(1540px, calc(100% - 56px));
    margin:14px auto 18px;
  }
  .home-page{
    width:100%;
    gap:44px;
    margin-top:0;
  }
  .hero{
    width:calc(100% + 56px);
    margin-inline:-28px;
    border-left:0;
    border-right:0;
    border-radius:0;
    min-height:860px;
    padding:120px 48px 62px;
  }
  .hero:before{
    inset:34px 64px!important;
    border-radius:34px!important;
  }
  .hero-photo{
    background-position:center 42%;
  }
  .hero-overlay{
    background:
      linear-gradient(180deg,rgba(3,8,15,.12),rgba(5,14,25,.44) 46%,rgba(4,10,18,.88)),
      linear-gradient(90deg,rgba(3,8,15,.22),transparent 24%,transparent 76%,rgba(3,8,15,.22)),
      radial-gradient(circle at 50% 42%,rgba(212,175,55,.13),transparent 28rem);
  }
  .main-logo{width:min(380px,22vw)}
  .primary-actions{width:min(1280px, calc(100% - 150px));gap:28px}
  .feature-card{min-height:175px}
  .split-section,
  .cards-section,
  .feature-strip,
  .home-footer,
  .section-head,
  .menu-category-grid,
  .room-grid,
  .booking-shell{
    width:min(1540px, calc(100% - 56px));
    margin-left:auto;
    margin-right:auto;
  }
  .wide-photo{height:430px}
  .gallery-card img{height:260px}
}

@media (max-width: 1023px){
  .page-shell{width:100%;padding:0 14px 34px;margin:0}
  .site-header{margin:12px 0 16px}
  .hero{min-height:720px;border-radius:28px;padding:82px 18px 36px}
}

/* v15 - mobile hero background crop fix only (desktop remains unchanged) */
@media (max-width: 760px){
  .hero.hero-photo{
    background-image:url('assets/hero-resort.webp');
    background-size:cover;
    background-position:center 52%;
    min-height:auto;
    padding:58px 14px 28px;
    border-radius:26px;
    margin:0;
  }
  .hero-overlay{
    background:
      linear-gradient(180deg,rgba(3,8,15,.30) 0%,rgba(3,8,15,.50) 34%,rgba(4,10,18,.82) 68%,rgba(4,10,18,.96) 100%),
      radial-gradient(circle at 50% 28%,rgba(245,215,122,.16),transparent 18rem);
  }
  .hero:before{
    content:"";
    inset:12px!important;
    border-radius:22px!important;
    background:none!important;
    border:1px solid rgba(212,175,55,.38)!important;
    opacity:1!important;
  }
  .hero:after{display:none!important}
  .hero-content{
    margin:18px 0 26px;
    padding:0 10px;
  }
  .main-logo{
    width:min(235px,58vw);
    margin-bottom:8px;
  }
  .hero h1{
    font-size:clamp(2rem,8vw,2.75rem);
    margin:4px 0 8px;
  }
  .hero-subtitle{
    font-size:1rem;
    line-height:1.8;
    max-width:310px;
    margin-inline:auto;
  }
  .hero-ornament{
    width:210px!important;
    height:28px!important;
    margin-top:10px!important;
  }
  .primary-actions{
    grid-template-columns:1fr;
    gap:14px;
    width:100%;
    padding:0 6px;
  }
  .feature-card{
    min-height:142px;
    padding:20px 18px;
    border-radius:22px;
    background:linear-gradient(180deg,rgba(7,17,31,.90),rgba(4,13,24,.92));
    backdrop-filter:blur(10px);
  }
  .feature-card .icon{
    width:52px;
    height:52px;
  }
}


/* v17 - remove unclear hero rectangle and keep cleaner premium hero */
.hero{box-shadow:inset 0 0 0 1px rgba(212,175,55,.14), 0 24px 70px rgba(0,0,0,.44);}
.hero:before{display:none!important;content:none!important;background:none!important;border:0!important;}
@media (max-width:760px){
  .hero{box-shadow:inset 0 0 0 1px rgba(212,175,55,.16), 0 18px 44px rgba(0,0,0,.42);}
}


/* v18 - emoji icons for menu categories and menu items */
.emoji-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:2.2rem;
  line-height:1;
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;
}
.menu-category-icon.emoji-icon{
  width:68px;
  height:68px;
  border-radius:20px;
  font-size:2rem;
  background:linear-gradient(145deg,rgba(212,175,55,.10),rgba(5,16,28,.55))!important;
  border:1px solid rgba(212,175,55,.32)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
}
.item-icon.emoji-icon{
  width:78px;
  height:78px;
  border-radius:22px;
  margin-inline:auto;
  margin-bottom:12px;
  font-size:2.5rem;
  background:linear-gradient(145deg,rgba(212,175,55,.12),rgba(5,16,28,.52))!important;
  border:1px solid rgba(212,175,55,.34)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
}
@media (max-width:760px){
  .menu-category-icon.emoji-icon{width:62px;height:62px;font-size:1.85rem;}
  .item-icon.emoji-icon{width:70px;height:70px;font-size:2.2rem;}
}


/* v19 - simpler cleaner page headers without extra pills/buttons */
.simple-page-head{
  padding:22px 24px;
}
.simple-page-head h2{
  margin:0;
}
.simple-page-head:before{
  display:none!important;
}
.simple-page-head:after{
  width:min(220px,58%)!important;
  margin-top:10px!important;
}
@media (max-width:760px){
  .simple-page-head{padding:18px 16px;}
  .simple-page-head:after{width:min(180px,62%)!important;}
}


/* v21 - actual menu page using the sent images, matching the requested mockup */
.menu-lux-view{
  position:relative;
  overflow:hidden;
  min-height:calc(100vh - 92px);
  padding:42px 0 52px;
  border-top:1px solid rgba(212,175,55,.28);
  border-bottom:1px solid rgba(212,175,55,.18);
  background:
    linear-gradient(180deg,rgba(3,10,18,.66),rgba(3,10,18,.88)),
    url('assets/menu-real/menu-bg.webp') center top / cover no-repeat,
    #04101d;
  box-shadow:inset 0 1px 0 rgba(212,175,55,.14);
}
.menu-lux-view::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 8%,rgba(245,215,122,.12),transparent 23rem),
    linear-gradient(90deg,rgba(3,10,18,.02),rgba(3,10,18,.22) 30%,rgba(3,10,18,.22) 70%,rgba(3,10,18,.02));
  pointer-events:none;
}
.menu-lux-shell{
  position:relative;
  z-index:1;
  width:min(1320px,calc(100% - 42px));
  margin:0 auto;
}
.menu-lux-head{
  text-align:center;
  padding:4px 0 30px;
}
.menu-lux-head h2{
  color:var(--gold2);
  font-size:clamp(3.8rem,7vw,6rem);
  line-height:1;
  margin:0;
  letter-spacing:.02em;
  text-shadow:0 12px 34px rgba(0,0,0,.42);
}
.menu-lux-head p{
  color:#f4e7c7;
  margin:10px 0 0;
  font-size:clamp(1.05rem,1.7vw,1.35rem);
  line-height:1.8;
}
.menu-lux-head-divider{
  width:min(420px,52vw);
  height:42px;
  margin:8px auto 0;
  background:url('assets/ui/flourish-slim.png') center/contain no-repeat;
  filter:drop-shadow(0 5px 12px rgba(0,0,0,.38));
}
.menu-lux-grid{
  width:min(1060px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  direction:rtl;
}
.menu-lux-card{
  position:relative;
  min-height:226px;
  padding:22px 22px 26px;
  border:1px solid rgba(212,175,55,.78)!important;
  border-radius:19px!important;
  background:linear-gradient(145deg,rgba(10,27,47,.92),rgba(6,17,31,.88))!important;
  box-shadow:0 20px 42px rgba(0,0,0,.30), inset 0 0 0 1px rgba(255,255,255,.035);
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
  gap:10px!important;
  overflow:hidden!important;
}
.menu-lux-card::before{
  content:"";
  position:absolute;
  inset:9px;
  border-radius:15px;
  border:1px solid rgba(212,175,55,.16);
  pointer-events:none;
}
.menu-lux-card::after{display:none!important}
.menu-lux-card:hover{
  transform:translateY(-4px);
  border-color:#f0d07a!important;
  box-shadow:0 26px 54px rgba(0,0,0,.36), inset 0 0 0 1px rgba(255,255,255,.05);
}
.menu-lux-image{
  position:relative;
  width:122px;
  height:122px;
  display:grid;
  place-items:center;
  border-radius:50%;
  overflow:hidden;
  margin-top:4px;
  filter:drop-shadow(0 10px 16px rgba(0,0,0,.35));
}
.menu-lux-image img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.menu-lux-copy{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  width:100%;
  min-width:0;
}
.menu-lux-copy strong{
  display:block;
  color:var(--gold2);
  font-size:1.48rem;
  line-height:1.18;
  margin:0;
}
.menu-lux-copy small{
  color:#fff3d9;
  font-size:1rem;
  line-height:1.65;
  max-width:270px;
  padding:0!important;
}
.menu-lux-divider{
  position:absolute;
  bottom:14px;
  left:50%;
  transform:translateX(-50%);
  width:90px;
  height:14px;
  background:url('assets/ui/divider-three-dots.png') center/contain no-repeat;
  opacity:.94;
}
.menu-lux-corner{
  position:absolute;
  top:14px;
  right:14px;
  width:24px;
  height:24px;
  background:url('assets/ui/four-leaf.png') center/contain no-repeat;
  opacity:.78;
  filter:drop-shadow(0 3px 7px rgba(0,0,0,.3));
}
.menu-lux-card-wide{
  grid-column:2 / span 1;
  min-height:212px;
}
@media (min-width:1024px){
  .menu-lux-view{
    width:calc(100% + 56px);
    margin-inline:-28px;
    border-radius:0;
  }
}
@media (max-width:1100px){
  .menu-lux-grid{width:min(930px,100%);gap:14px}
  .menu-lux-card{min-height:220px;padding:20px 18px 26px}
  .menu-lux-image{width:108px;height:108px}
  .menu-lux-copy strong{font-size:1.34rem}
  .menu-lux-copy small{font-size:.95rem}
}
@media (max-width:920px){
  .menu-lux-view{padding:28px 0 34px;border-radius:24px;min-height:auto}
  .menu-lux-shell{width:calc(100% - 22px)}
  .menu-lux-grid{grid-template-columns:1fr;gap:14px;width:100%}
  .menu-lux-card-wide{grid-column:auto}
  .menu-lux-card{
    min-height:150px;
    padding:18px 18px 20px;
    display:grid!important;
    grid-template-columns:92px 1fr!important;
    align-items:center!important;
    text-align:right!important;
    gap:16px!important;
  }
  .menu-lux-image{width:84px;height:84px;margin:0}
  .menu-lux-copy{align-items:flex-start;text-align:right}
  .menu-lux-copy strong{font-size:1.35rem}
  .menu-lux-copy small{max-width:none;font-size:.95rem}
  .menu-lux-head h2{font-size:3.2rem}
  .menu-lux-head-divider{width:min(260px,70vw);height:30px}
  .menu-lux-corner{display:none}
}
@media (max-width:520px){
  .menu-lux-card{grid-template-columns:74px 1fr!important;gap:12px;padding:16px 14px 18px;min-height:136px}
  .menu-lux-image{width:70px;height:70px}
  .menu-lux-copy strong{font-size:1.22rem}
  .menu-lux-copy small{font-size:.9rem;line-height:1.55}
}


/* v23 - corrected uniform menu images and restored layout */
.menu-lux-view{padding:88px 0 52px;}
.menu-lux-head{padding:12px 0 30px;}
.menu-lux-head h2{scroll-margin-top:120px;}
.menu-lux-image{
  width:118px;
  height:118px;
  border-radius:50%;
  border:4px solid rgba(255,255,255,.92);
  background:rgba(255,255,255,.02);
  box-shadow:0 12px 22px rgba(0,0,0,.34), inset 0 0 0 1px rgba(255,255,255,.10);
}
.menu-lux-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  display:block;
}
@media (max-width:1100px){
  .menu-lux-view{padding:78px 0 48px;}
  .menu-lux-image{width:108px;height:108px;}
}
@media (max-width:920px){
  .menu-lux-view{padding:76px 0 34px;}
  .menu-lux-card{
    min-height:154px;
    grid-template-columns:96px 1fr!important;
    gap:14px!important;
    padding:16px 16px 18px;
  }
  .menu-lux-image{width:86px;height:86px;border-width:3px; margin:0;}
  .menu-lux-copy strong{font-size:1.32rem;}
  .menu-lux-copy small{font-size:.94rem; line-height:1.6;}
}
@media (max-width:520px){
  .menu-lux-view{padding:70px 0 28px;}
  .menu-lux-card{grid-template-columns:86px 1fr!important;gap:12px!important;padding:15px 14px 18px;min-height:140px;}
  .menu-lux-image{width:78px;height:78px;}
}


/* v24 - premium Arabic fonts */
body{
  font-family:"Cairo", Tahoma, Arial, sans-serif !important;
  font-weight:500;
  letter-spacing:0;
}
h1,h2,h3,
.hero h1,
.menu-lux-head h2,
.section-head h2,
.center-title h2,
.menu-lux-copy strong,
.feature-card strong,
.room-card h3,
.item-card h3,
.nav-link,
.book-pill,
.brand-mini span,
.back-home,
.submit-btn,
.outline-btn{
  font-family:"Tajawal","Cairo",Tahoma,Arial,sans-serif !important;
  font-weight:800;
}
.hero-subtitle,
.menu-lux-head p,
.menu-lux-copy small,
.feature-card small,
.section-copy p,
.gallery-card p,
.item-card p,
.room-card p,
.ingredients,
.hint,
.contact-card strong{
  font-family:"Cairo",Tahoma,Arial,sans-serif !important;
  font-weight:600;
}
.menu-lux-head h2,
.hero h1,
.section-head h2{
  letter-spacing:-0.02em;
}
.menu-lux-copy strong{
  font-size:1.58rem;
}
.menu-lux-copy small{
  font-size:1.02rem;
}
@media (max-width:920px){
  .menu-lux-copy strong{font-size:1.42rem;}
  .menu-lux-copy small{font-size:.98rem;}
  .hero h1{font-size:clamp(2.1rem,8.4vw,2.9rem);}
}
@media (max-width:520px){
  .menu-lux-copy strong{font-size:1.28rem;}
  .menu-lux-copy small{font-size:.92rem;}
}


/* v25 - category detail pages redesigned without emoji or photos */
.category-detail-page{
  margin-top:18px;
  padding:0;
  border:1px solid rgba(212,175,55,.34);
  border-radius:34px;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(3,10,18,.22),rgba(3,10,18,.62)),
    url('assets/category-detail-bg.webp') center top / cover no-repeat,
    #071321;
  box-shadow:0 22px 60px rgba(0,0,0,.36), inset 0 0 0 1px rgba(255,255,255,.02);
}
.category-detail-page::before,
.category-detail-page::after,
.category-detail-page .section-head::before,
.category-detail-page .section-head::after{
  display:none !important;
}
.category-detail-overlay{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 12%, rgba(245,215,122,.10), transparent 22rem),
    linear-gradient(180deg, rgba(7,18,32,.08), rgba(7,18,32,.16));
}
.category-detail-shell{
  position:relative;
  z-index:1;
  width:min(1280px, calc(100% - 64px));
  margin:0 auto;
  padding:34px 0 42px;
}
.category-detail-head{
  text-align:center;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
  padding:12px 0 18px;
}
.category-detail-head h2{
  color:var(--gold2);
  font-size:clamp(2.9rem, 5vw, 5.2rem);
  line-height:1.05;
  margin:0;
  text-shadow:0 10px 30px rgba(0,0,0,.34);
}
.category-detail-head h2::after{
  content:"";
  display:block;
  width:min(300px, 48vw);
  height:30px;
  margin:12px auto 16px;
  background:url('assets/ui/flourish-slim.png') center/contain no-repeat;
  filter:drop-shadow(0 5px 12px rgba(0,0,0,.28));
}
.category-detail-head p{
  max-width:900px;
  margin:0 auto;
  color:var(--white);
  font-size:clamp(1.05rem,1.5vw,1.38rem);
  line-height:2;
}
.category-note{
  width:min(920px, 100%);
  margin:12px auto 28px;
  padding:18px 24px;
  border:1px solid rgba(212,175,55,.54);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(8,22,39,.86),rgba(6,17,30,.7));
  box-shadow:0 14px 34px rgba(0,0,0,.22), inset 0 0 0 1px rgba(255,255,255,.03);
}
.category-note-title{
  color:var(--gold2);
  font-size:1.45rem;
  font-weight:800;
  margin-bottom:8px;
}
.category-note p{
  margin:0;
  color:#f2e4c4;
  line-height:2;
  font-size:1rem;
}
.category-detail-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:28px;
}
.category-detail-grid .category-item-card{
  min-height:250px;
  padding:28px 26px 24px;
  text-align:center;
  border:1px solid rgba(212,175,55,.48) !important;
  border-radius:28px !important;
  background:linear-gradient(145deg,rgba(9,23,41,.88),rgba(6,17,30,.82)) !important;
  box-shadow:0 20px 38px rgba(0,0,0,.24), inset 0 0 0 1px rgba(255,255,255,.03);
  position:relative;
  overflow:hidden;
}
.category-detail-grid .category-item-card::before{
  content:"";
  position:absolute;
  inset:12px;
  border-radius:22px;
  border:1px solid rgba(212,175,55,.18);
  pointer-events:none;
}
.category-detail-grid .category-item-card::after{
  content:"";
  position:absolute;
  right:22px;
  top:20px;
  width:14px;
  height:14px;
  border-radius:50%;
  background:radial-gradient(circle,var(--gold2) 0 35%, transparent 36%);
  box-shadow:0 0 0 1px rgba(212,175,55,.30);
  opacity:.7;
}
.category-detail-grid .category-item-card h3{
  margin:8px 0 12px;
  color:var(--gold2);
  font-size:2rem;
  line-height:1.25;
}
.category-detail-grid .category-item-card p{
  margin:0;
  color:var(--white);
  line-height:1.9;
  font-size:1rem;
}
.category-detail-grid .category-item-card .ingredients{
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid rgba(212,175,55,.20);
  color:#f1e2c0;
  font-size:.98rem;
}
.category-detail-grid .category-item-card .ingredients b{
  color:var(--gold2);
}
.category-detail-grid .category-item-card .price{
  margin-top:auto;
  padding-top:18px;
  color:var(--gold2);
  font-size:2.1rem;
  font-weight:800;
  border-top:0 !important;
  position:relative;
}
.category-detail-grid .category-item-card .price::before{
  content:"";
  display:block;
  width:160px;
  height:14px;
  margin:0 auto 10px;
  background:url('assets/ui/divider-diamond.png') center/contain no-repeat;
  opacity:.95;
}
@media (max-width: 1100px){
  .category-detail-shell{width:min(100%, calc(100% - 32px));}
  .category-detail-grid{grid-template-columns:repeat(2, minmax(0, 1fr)); gap:22px;}
}
@media (max-width: 760px){
  .category-detail-page{margin-top:14px; border-radius:28px;}
  .category-detail-shell{width:calc(100% - 22px); padding:22px 0 28px;}
  .category-detail-head{padding:6px 0 12px;}
  .category-detail-head h2{font-size:clamp(2.2rem, 10vw, 3.2rem);}
  .category-detail-head h2::after{width:min(220px, 74vw); height:24px; margin:10px auto 12px;}
  .category-detail-head p{font-size:1rem; line-height:1.9; padding:0 4px;}
  .category-note{padding:16px 16px 18px; border-radius:20px; margin:8px auto 18px;}
  .category-note-title{font-size:1.25rem;}
  .category-detail-grid{grid-template-columns:1fr; gap:18px;}
  .category-detail-grid .category-item-card{min-height:unset; padding:24px 18px 22px; border-radius:24px !important;}
  .category-detail-grid .category-item-card::before{inset:10px; border-radius:18px;}
  .category-detail-grid .category-item-card h3{font-size:1.7rem;}
  .category-detail-grid .category-item-card p{font-size:.98rem;}
  .category-detail-grid .category-item-card .ingredients{font-size:.95rem;}
  .category-detail-grid .category-item-card .price{font-size:1.9rem;}
  
}


/* v26 - remove extra ornaments from category detail cards */
.category-detail-grid .category-item-card::after,
.category-detail-grid .category-item-card .price::before,
.category-detail-grid .category-item-card > .item-icon{
  display:none !important;
  content:none !important;
  background:none !important;
}
.category-detail-grid .category-item-card{
  min-height:245px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.category-detail-grid .category-item-card .price{
  padding-top:10px;
  margin-top:10px;
}
.category-detail-grid{
  margin-top:18px;
}
@media (min-width:1101px){
  .category-detail-grid{
    grid-template-columns:repeat(4, minmax(0,1fr));
    gap:22px;
  }
  .category-detail-grid .category-item-card{
    min-height:230px;
    padding:24px 20px 22px;
  }
  .category-detail-grid .category-item-card h3{
    font-size:1.65rem;
  }
  .category-detail-grid .category-item-card p,
  .category-detail-grid .category-item-card .ingredients{
    font-size:.94rem;
  }
  .category-detail-grid .category-item-card .price{
    font-size:1.75rem;
  }
}
@media (max-width:1100px) and (min-width:761px){
  .category-detail-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}


/* v27 - support larger category lists: 12 mains / 14 appetizers */
@media (min-width:1101px){
  .category-detail-grid{
    grid-template-columns:repeat(4, minmax(0,1fr));
    gap:20px;
  }
  .category-detail-grid .category-item-card{
    min-height:220px;
  }
}
@media (min-width:1400px){
  .category-detail-shell{
    width:min(1360px, calc(100% - 64px));
  }
}


/* v28 - remove unwanted faint background ornament inside category item cards */
.category-detail-grid .category-item-card,
.category-detail-grid .category-item-card *{
  background-image:none !important;
}
.category-detail-grid .category-item-card::before{
  background:none !important;
}
.category-detail-grid .category-item-card::after,
.category-detail-grid .category-item-card .price::before,
.category-detail-grid .category-item-card > .item-icon{
  display:none !important;
  content:none !important;
  background:none !important;
}
.category-detail-grid .category-item-card{
  background:
    linear-gradient(145deg, rgba(7,20,36,.94), rgba(4,14,26,.92)) !important;
  box-shadow:
    0 16px 34px rgba(0,0,0,.28),
    inset 0 0 0 1px rgba(255,255,255,.025) !important;
}
.category-detail-grid .category-item-card::before{
  content:"" !important;
  display:block !important;
  position:absolute;
  inset:12px;
  border-radius:22px;
  border:1px solid rgba(212,175,55,.16);
  pointer-events:none;
}
@media (max-width:760px){
  .category-detail-page{
    background:
      linear-gradient(180deg,rgba(3,10,18,.18),rgba(3,10,18,.55)),
      url('assets/category-detail-bg.webp') center top / auto 520px no-repeat,
      linear-gradient(180deg,#071321,#04101d) !important;
  }
  .category-detail-grid .category-item-card{
    padding:24px 18px 24px;
    min-height:unset;
  }
  .category-detail-grid .category-item-card::before{
    inset:10px;
    border-radius:18px;
  }
}


/* v32 - hotel section redesigned like premium mockup */
.hotel-view{
  margin-top:18px;
}
.hotel-showcase{
  display:grid;
  gap:26px;
}
.hotel-header-panel{
  position:relative;
  padding:42px 28px 34px;
  border-radius:34px;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 12%, rgba(245,215,122,.10), transparent 18rem),
    linear-gradient(145deg, rgba(8,23,40,.95), rgba(5,13,24,.92));
}
.hotel-header-panel::before,
.hotel-header-panel::after{
  content:"";
  position:absolute;
  top:16px;
  width:64px;
  height:64px;
  opacity:.95;
  background:url('assets/ui/box-border.png') center/contain no-repeat;
  pointer-events:none;
}
.hotel-header-panel::before{left:14px;transform:scaleX(-1)}
.hotel-header-panel::after{right:14px}
.hotel-header-panel h2{
  font-size:clamp(3rem,5vw,4.8rem);
  margin:0;
}
.hotel-header-panel p{
  margin:10px 0 0;
  color:#f1e6cf;
  font-size:clamp(1.2rem,1.8vw,1.9rem);
}
.hotel-header-panel.simple-page-head:after{
  width:min(260px,42% )!important;
  margin-top:14px!important;
}
.hotel-room-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:26px;
}
.hotel-room-card{
  padding:34px 34px 26px;
  border-radius:34px;
  background:
    radial-gradient(circle at 50% 0%, rgba(245,215,122,.08), transparent 12rem),
    linear-gradient(145deg, rgba(9,25,43,.96), rgba(5,14,25,.92)) !important;
  border:1px solid rgba(212,175,55,.52);
  box-shadow:0 22px 55px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.025);
}
.hotel-room-card::before{
  inset:16px !important;
  border-radius:26px !important;
  border-color:rgba(212,175,55,.18)!important;
}
.hotel-room-card::after{display:none!important}
.room-ribbon{
  display:flex;
  justify-content:center;
  margin:-8px auto 28px;
}
.room-ribbon span{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:200px;
  min-height:62px;
  padding:12px 36px;
  background:linear-gradient(180deg,#e1bc5e,#c79a33);
  color:#07111f;
  border-radius:3px;
  font-family:"Tajawal","Cairo",Tahoma,Arial,sans-serif;
  font-size:2rem;
  font-weight:800;
  box-shadow:0 12px 24px rgba(0,0,0,.25);
}
.room-ribbon span::before,
.room-ribbon span::after{
  content:"";
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:18px;
  height:30px;
  background:linear-gradient(180deg,#d2a84a,#b78828);
  clip-path:polygon(0 0,100% 18%,100% 82%,0 100%);
}
.room-ribbon span::before{right:-16px}
.room-ribbon span::after{left:-16px;transform:translateY(-50%) scaleX(-1)}
.hotel-room-desc{
  margin:0 auto 28px;
  text-align:center;
  color:#f0e4ca !important;
  font-size:1.23rem;
  line-height:2.1 !important;
  max-width:28rem;
}
.hotel-includes-line{
  display:flex;
  align-items:center;
  gap:16px;
  margin:0 0 22px;
}
.hotel-includes-line .line{
  flex:1;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(212,175,55,.72), transparent);
}
.hotel-includes-line strong{
  color:var(--gold2);
  font-size:1.45rem;
  white-space:nowrap;
}
.hotel-amenity-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  padding-bottom:26px;
  margin-bottom:26px;
  border-bottom:1px solid rgba(212,175,55,.24);
}
.hotel-amenity{
  text-align:center;
  padding:6px 10px 0;
}
.hotel-amenity + .hotel-amenity{
  border-right:1px solid rgba(212,175,55,.12);
}
.amenity-icon,
.benefit-icon{
  display:block;
  margin:0 auto 12px;
  width:44px;
  height:44px;
  background:linear-gradient(180deg,#ffe08a,#c59631);
  -webkit-mask-size:contain;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-size:contain;
  mask-repeat:no-repeat;
  mask-position:center;
  filter:drop-shadow(0 4px 10px rgba(0,0,0,.26));
}
.amenity-bed{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 7h18v10h-2v-2H5v2H3V7zm2 2v4h6V9H5zm8 0v4h6V9h-6zM2 19h20v2H2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 7h18v10h-2v-2H5v2H3V7zm2 2v4h6V9H5zm8 0v4h6V9h-6zM2 19h20v2H2z'/%3E%3C/svg%3E")}
.amenity-bath{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 4a3 3 0 0 1 6 0v2h2a2 2 0 0 1 2 2v3h2v2a5 5 0 0 1-5 5h-4a5 5 0 0 1-5-5V6a2 2 0 0 1 2-2zm4 2V4a1 1 0 0 0-2 0v2h2zm-4 5v2a3 3 0 0 0 3 3h4a3 3 0 0 0 3-3v-2H7z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 4a3 3 0 0 1 6 0v2h2a2 2 0 0 1 2 2v3h2v2a5 5 0 0 1-5 5h-4a5 5 0 0 1-5-5V6a2 2 0 0 1 2-2zm4 2V4a1 1 0 0 0-2 0v2h2zm-4 5v2a3 3 0 0 0 3 3h4a3 3 0 0 0 3-3v-2H7z'/%3E%3C/svg%3E")}
.amenity-seat{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 4h2v8H6zm10 0h2v8h-2zM5 13h14l1 5h-2l-.5-2h-11L6 18H4l1-5zm4-6h6v5H9z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 4h2v8H6zm10 0h2v8h-2zM5 13h14l1 5h-2l-.5-2h-11L6 18H4l1-5zm4-6h6v5H9z'/%3E%3C/svg%3E")}
.amenity-sofa{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 7a3 3 0 0 1 3-3h4a3 3 0 0 1 3 3v2h1a2 2 0 0 1 2 2v4h-2v2h-2v-2H8v2H6v-2H4v-4a2 2 0 0 1 2-2h1V7zm2 0v2h6V7a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1zm-3 4v2h12v-2H6z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 7a3 3 0 0 1 3-3h4a3 3 0 0 1 3 3v2h1a2 2 0 0 1 2 2v4h-2v2h-2v-2H8v2H6v-2H4v-4a2 2 0 0 1 2-2h1V7zm2 0v2h6V7a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1zm-3 4v2h12v-2H6z'/%3E%3C/svg%3E")}
.hotel-amenity small{
  display:block;
  color:#f1e7d2;
  font-size:1.12rem;
  line-height:1.8;
}
.hotel-price-block{
  text-align:center;
  margin-bottom:18px;
}
.hotel-price-block > small{
  display:block;
  color:#f2e5c9;
  font-size:1.6rem;
  margin-bottom:8px;
}
.hotel-room-card .price{
  margin:0;
  font-size:4rem;
  line-height:1;
}
.hotel-room-note{
  margin-top:12px;
  color:#f0d98d;
  font-size:1.08rem;
}
.room-book-btn{
  width:min(340px,100%);
  margin:0 auto;
  min-height:62px;
  border:1px solid rgba(212,175,55,.72);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(5,16,28,.58),rgba(8,20,34,.92));
  color:var(--gold2);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  font-family:"Tajawal","Cairo",Tahoma,Arial,sans-serif;
  font-weight:800;
  font-size:1.65rem;
  box-shadow:0 14px 26px rgba(0,0,0,.2), inset 0 0 0 1px rgba(255,255,255,.03);
}
.room-book-btn:hover{
  background:linear-gradient(180deg,rgba(9,23,39,.78),rgba(11,26,42,.96));
  transform:translateY(-2px);
}
.room-book-btn .pill-calendar{width:24px;height:24px;flex:0 0 24px}
.hotel-benefits{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  border:1px solid rgba(212,175,55,.38);
  border-radius:28px;
  background:linear-gradient(145deg, rgba(9,24,41,.96), rgba(5,13,24,.9));
  box-shadow:0 18px 42px rgba(0,0,0,.24);
  overflow:hidden;
}
.benefit-card{
  position:relative;
  display:flex;
  align-items:center;
  gap:18px;
  padding:30px 26px;
  min-height:116px;
}
.benefit-card:not(:last-child){border-left:1px solid rgba(212,175,55,.18)}
.benefit-card strong{
  display:block;
  color:var(--gold2);
  font-family:"Tajawal","Cairo",Tahoma,Arial,sans-serif;
  font-weight:800;
  font-size:1.55rem;
  margin-bottom:6px;
}
.benefit-card small{
  color:#ece0c5;
  font-size:1.1rem;
  line-height:1.8;
}
.benefit-icon{width:52px;height:52px;margin:0;flex:0 0 52px}
.benefit-wifi{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 18a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-4.95-2.12 1.41 1.41a5 5 0 0 1 7.08 0l1.41-1.41a7 7 0 0 0-9.9 0zM3.51 12.34l1.41 1.41a10 10 0 0 1 14.14 0l1.41-1.41c-4.69-4.69-12.28-4.69-16.97 0zM12 2C7.03 2 2.55 3.89 0 6.98l1.43 1.4C3.62 5.75 7.58 4 12 4s8.38 1.75 10.57 4.38l1.43-1.4C21.45 3.89 16.97 2 12 2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 18a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-4.95-2.12 1.41 1.41a5 5 0 0 1 7.08 0l1.41-1.41a7 7 0 0 0-9.9 0zM3.51 12.34l1.41 1.41a10 10 0 0 1 14.14 0l1.41-1.41c-4.69-4.69-12.28-4.69-16.97 0zM12 2C7.03 2 2.55 3.89 0 6.98l1.43 1.4C3.62 5.75 7.58 4 12 4s8.38 1.75 10.57 4.38l1.43-1.4C21.45 3.89 16.97 2 12 2z'/%3E%3C/svg%3E")}
.benefit-service{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 1a5 5 0 0 1 5 5v1h1a3 3 0 0 1 3 3v4h-2v1a5 5 0 0 1-5 5h-4a5 5 0 0 1-5-5v-1H3v-4a3 3 0 0 1 3-3h1V6a5 5 0 0 1 5-5zm3 6V6a3 3 0 1 0-6 0v1h6zm-8 3v5a3 3 0 0 0 3 3h4a3 3 0 0 0 3-3v-5H7z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 1a5 5 0 0 1 5 5v1h1a3 3 0 0 1 3 3v4h-2v1a5 5 0 0 1-5 5h-4a5 5 0 0 1-5-5v-1H3v-4a3 3 0 0 1 3-3h1V6a5 5 0 0 1 5-5zm3 6V6a3 3 0 1 0-6 0v1h6zm-8 3v5a3 3 0 0 0 3 3h4a3 3 0 0 0 3-3v-5H7z'/%3E%3C/svg%3E")}
.benefit-cleaning{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 3h6l1 2h3v2h-1l-1.5 13h-9L6 7H5V5h3l1-2zm1.2 4 .9 11h2l.9-11h-3.8zM10.8 1l-.5 1h3.4l-.5-1h-2.4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 3h6l1 2h3v2h-1l-1.5 13h-9L6 7H5V5h3l1-2zm1.2 4 .9 11h2l.9-11h-3.8zM10.8 1l-.5 1h3.4l-.5-1h-2.4z'/%3E%3C/svg%3E")}
.benefit-privacy{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2 4 5v6c0 5.25 3.4 10.74 8 12 4.6-1.26 8-6.75 8-12V5l-8-3zm0 3.18 5 1.88V11c0 4.08-2.44 8.1-5 9.8-2.56-1.7-5-5.72-5-9.8V7.06l5-1.88z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2 4 5v6c0 5.25 3.4 10.74 8 12 4.6-1.26 8-6.75 8-12V5l-8-3zm0 3.18 5 1.88V11c0 4.08-2.44 8.1-5 9.8-2.56-1.7-5-5.72-5-9.8V7.06l5-1.88z'/%3E%3C/svg%3E")}
@media (max-width:1100px){
  .hotel-room-grid{grid-template-columns:1fr;}
  .hotel-benefits{grid-template-columns:repeat(2,minmax(0,1fr));}
  .benefit-card:nth-child(2n){border-left:0}
  .benefit-card:nth-child(-n+2){border-bottom:1px solid rgba(212,175,55,.18)}
}
@media (max-width:760px){
  .hotel-showcase{gap:18px;}
  .hotel-header-panel{
    padding:28px 16px 22px;
    border-radius:26px;
  }
  .hotel-header-panel::before,
  .hotel-header-panel::after{width:44px;height:44px;top:10px}
  .hotel-header-panel h2{font-size:clamp(2.5rem,10vw,3.6rem)}
  .hotel-header-panel p{font-size:1.25rem}
  .hotel-header-panel.simple-page-head:after{width:min(180px,65%)!important}
  .hotel-room-card{
    padding:24px 18px 20px;
    border-radius:28px;
  }
  .room-ribbon{margin:0 auto 20px}
  .room-ribbon span{min-width:150px;min-height:50px;padding:10px 24px;font-size:1.6rem}
  .room-ribbon span::before,.room-ribbon span::after{width:14px;height:24px}
  .hotel-room-desc{font-size:1.08rem;line-height:1.95 !important;margin-bottom:20px}
  .hotel-includes-line{gap:10px;margin-bottom:16px}
  .hotel-includes-line strong{font-size:1.18rem}
  .hotel-amenity-row{gap:10px;padding-bottom:18px;margin-bottom:18px}
  .amenity-icon{width:34px;height:34px;margin-bottom:8px}
  .hotel-amenity small{font-size:.98rem;line-height:1.6}
  .hotel-price-block > small{font-size:1.2rem}
  .hotel-room-card .price{font-size:3rem}
  .hotel-room-note{font-size:.98rem}
  .room-book-btn{width:100%;min-height:54px;font-size:1.35rem;border-radius:18px}
  .hotel-benefits{grid-template-columns:1fr;border-radius:24px}
  .benefit-card{padding:20px 18px;min-height:auto;border-bottom:1px solid rgba(212,175,55,.16)}
  .benefit-card:last-child{border-bottom:0}
  .benefit-card:not(:last-child){border-left:0}
  .benefit-card strong{font-size:1.25rem}
  .benefit-card small{font-size:1rem}
  .benefit-icon{width:42px;height:42px;flex-basis:42px}
}


/* v33 - use uploaded hotel icon set */
.hotel-amenity-row{grid-template-columns:repeat(4,minmax(0,1fr));}
.amenity-icon-image{
  display:block;
  width:46px;
  height:46px;
  object-fit:contain;
  margin:0 auto 12px;
  filter:drop-shadow(0 4px 10px rgba(0,0,0,.22));
}
.room-btn-icon-image{
  width:24px;
  height:24px;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.16));
}
@media (max-width:760px){
  .hotel-amenity-row{grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:16px;}
  .hotel-amenity:nth-child(2n+1){border-right:0;}
  .hotel-amenity + .hotel-amenity{border-right:1px solid rgba(212,175,55,.12)}
  .amenity-icon-image{width:40px;height:40px;margin-bottom:8px}
  .room-btn-icon-image{width:21px;height:21px}
}


/* v34 - hotel section uses provided gold image icons */
.amenity-icon-image{
  display:block;
  width:48px;
  height:48px;
  object-fit:contain;
  margin:0 auto 12px;
  filter:drop-shadow(0 5px 12px rgba(0,0,0,.18));
}
.room-btn-icon-image{
  width:24px;
  height:24px;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 3px 8px rgba(0,0,0,.18));
}
.benefit-icon-image{
  width:54px;
  height:54px;
  object-fit:contain;
  flex:0 0 54px;
  display:block;
  filter:drop-shadow(0 4px 10px rgba(0,0,0,.18));
}
/* keep 4 room amenities on desktop */
.hotel-amenity-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.hotel-amenity{padding-inline:8px}
@media (max-width:1100px){
  .benefit-icon-image{width:50px;height:50px;flex-basis:50px}
}
@media (max-width:760px){
  .hotel-amenity-row{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px;}
  .amenity-icon-image{width:42px;height:42px;margin-bottom:8px}
  .benefit-icon-image{width:44px;height:44px;flex-basis:44px}
  .room-btn-icon-image{width:21px;height:21px}
}


/* v35 - fix hotel header center ornament so it sits neatly below the title */
.hotel-header-panel.simple-page-head:after{
  display:none !important;
  content:none !important;
}
.hotel-title-divider{
  width:min(240px,44%);
  height:34px;
  margin:12px auto 10px;
  background:url('assets/ui/flourish-slim.png') center/contain no-repeat;
  filter:drop-shadow(0 5px 12px rgba(0,0,0,.30));
  opacity:.98;
}
.hotel-header-panel h2{
  line-height:1.05;
}
.hotel-header-panel p{
  margin-top:0;
}
@media (max-width:760px){
  .hotel-title-divider{
    width:min(170px,58%);
    height:24px;
    margin:8px auto 8px;
  }
}


/* ══════════════════════════════════════════════════════
   PREMIUM UPGRADES — Loading Screen, Animations, WhatsApp
   ══════════════════════════════════════════════════════ */

/* === REVEAL ANIMATIONS === */
.reveal {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity .72s cubic-bezier(.22,1,.36,1), transform .72s cubic-bezier(.22,1,.36,1);
}
.reveal.visible {
  opacity: 1;
  transform: none;
}
.reveal-left {
  opacity: 0;
  transform: translateX(40px);
  transition: opacity .72s cubic-bezier(.22,1,.36,1), transform .72s cubic-bezier(.22,1,.36,1);
}
.reveal-left.visible {
  opacity: 1;
  transform: none;
}
.reveal-right {
  opacity: 0;
  transform: translateX(-40px);
  transition: opacity .72s cubic-bezier(.22,1,.36,1), transform .72s cubic-bezier(.22,1,.36,1);
}
.reveal-right.visible {
  opacity: 1;
  transform: none;
}
.reveal-delay-1 { transition-delay: .08s; }
.reveal-delay-2 { transition-delay: .18s; }
.reveal-delay-3 { transition-delay: .28s; }
.reveal-delay-4 { transition-delay: .38s; }

/* === HERO ENTRANCE ANIMATION === */
.hero-content {
  animation: heroIn 1.1s cubic-bezier(.22,1,.36,1) both;
  animation-delay: .3s;
}
@keyframes heroIn {
  from { opacity: 0; transform: translateY(26px); }
  to   { opacity: 1; transform: none; }
}
.primary-actions {
  animation: heroIn 1.1s cubic-bezier(.22,1,.36,1) both;
  animation-delay: .55s;
}
.feature-card:nth-child(1) { animation: cardIn .7s cubic-bezier(.22,1,.36,1) both; animation-delay: .65s; }
.feature-card:nth-child(2) { animation: cardIn .7s cubic-bezier(.22,1,.36,1) both; animation-delay: .80s; }
.feature-card:nth-child(3) { animation: cardIn .7s cubic-bezier(.22,1,.36,1) both; animation-delay: .95s; }
@keyframes cardIn {
  from { opacity: 0; transform: translateY(20px) scale(.97); }
  to   { opacity: 1; transform: none; }
}

/* === PARTICLE STARS IN HERO === */
.hero-stars {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 1;
}
.star-dot {
  position: absolute;
  border-radius: 50%;
  background: var(--gold2);
  animation: starTwinkle var(--dur, 3s) ease-in-out infinite;
  animation-delay: var(--delay, 0s);
  opacity: 0;
}
@keyframes starTwinkle {
  0%, 100% { opacity: 0; transform: scale(1); }
  50%       { opacity: var(--max-op, .6); transform: scale(1.4); }
}

/* === GOLD COUNTER STRIP === */
.stats-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border: 1px solid var(--line);
  border-radius: 26px;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(9,24,41,.96), rgba(5,13,24,.92));
  box-shadow: 0 16px 44px rgba(0,0,0,.26);
}
.stat-item {
  text-align: center;
  padding: 28px 16px;
  position: relative;
  border-left: 1px solid rgba(212,175,55,.18);
}
.stat-item:last-child { border-left: 0; }
.stat-num {
  font-family: "Tajawal","Cairo",Tahoma,Arial,sans-serif;
  font-size: clamp(2rem, 4vw, 3.2rem);
  font-weight: 800;
  color: var(--gold2);
  line-height: 1;
  text-shadow: 0 6px 18px rgba(0,0,0,.3);
}
.stat-label {
  display: block;
  color: #e8d9b8;
  font-size: 1rem;
  margin-top: 8px;
  font-family: "Cairo",Tahoma,Arial,sans-serif;
  font-weight: 600;
}
@media (max-width: 760px) {
  .stats-strip { grid-template-columns: repeat(2,1fr); }
  .stat-item:nth-child(2) { border-left: 0; }
  .stat-item:nth-child(-n+2) { border-bottom: 1px solid rgba(212,175,55,.18); }
}
@media (max-width: 460px) {
  .stat-num { font-size: 1.9rem; }
  .stat-item { padding: 22px 12px; }
}

/* === FLOATING WHATSAPP BUTTON === */
#wa-float {
  position: fixed;
  bottom: 28px;
  left: 28px;
  z-index: 888;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background: linear-gradient(135deg, #25d366, #128c4e);
  box-shadow: 0 8px 28px rgba(0,0,0,.35), 0 0 0 3px rgba(37,211,102,.18);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  cursor: pointer;
  transition: transform .22s ease, box-shadow .22s ease;
  animation: waPop .6s cubic-bezier(.34,1.56,.64,1) both;
  animation-delay: 2.2s;
}
#wa-float:hover {
  transform: scale(1.1);
  box-shadow: 0 12px 36px rgba(0,0,0,.42), 0 0 0 5px rgba(37,211,102,.22);
}
#wa-float svg {
  width: 34px;
  height: 34px;
  fill: #fff;
}
@keyframes waPop {
  from { opacity: 0; transform: scale(0) rotate(-20deg); }
  to   { opacity: 1; transform: scale(1) rotate(0deg); }
}
.wa-pulse {
  position: absolute;
  inset: -6px;
  border-radius: 50%;
  border: 2px solid rgba(37,211,102,.45);
  animation: waPulse 2s ease-out infinite;
}
@keyframes waPulse {
  0%   { transform: scale(1); opacity: .6; }
  100% { transform: scale(1.6); opacity: 0; }
}
@media (max-width: 760px) {
  #wa-float { bottom: 20px; left: 16px; width: 54px; height: 54px; }
  #wa-float svg { width: 28px; height: 28px; }
}

/* === BOOKING FORM SUCCESS ANIMATION === */
.booking-success {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 52px 28px;
  text-align: center;
  animation: successFade .5s ease both;
}
.booking-success.show { display: flex; }
@keyframes successFade {
  from { opacity: 0; transform: scale(.95); }
  to   { opacity: 1; transform: none; }
}
.success-check {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(37,211,102,.18), rgba(18,140,78,.12));
  border: 2px solid rgba(37,211,102,.5);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.4rem;
}
.success-title {
  font-family: "Tajawal","Cairo",Tahoma,Arial,sans-serif;
  font-weight: 800;
  font-size: 1.9rem;
  color: var(--gold2);
}
.success-sub {
  color: #e8d8b6;
  line-height: 2;
  font-size: 1.05rem;
}
.success-back {
  margin-top: 8px;
  border: 1px solid var(--gold);
  background: rgba(212,175,55,.1);
  color: var(--gold2);
  border-radius: 14px;
  padding: 13px 28px;
  font-family: "Tajawal","Cairo",Tahoma,Arial,sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
  cursor: pointer;
  transition: .2s;
}
.success-back:hover { background: rgba(212,175,55,.2); }

/* === NAV LINK HOVER GLOW === */
.nav-link {
  position: relative;
  overflow: hidden;
}
.nav-link::after {
  content: '';
  position: absolute;
  bottom: 4px;
  left: 50%;
  transform: translateX(-50%) scaleX(0);
  width: 60%;
  height: 1px;
  background: var(--gold2);
  transition: transform .25s ease;
  transform-origin: center;
}
.nav-link:hover::after,
.nav-link.active::after {
  transform: translateX(-50%) scaleX(1);
}

/* === CARD SHINE EFFECT === */
.feature-card,
.menu-lux-card,
.hotel-room-card,
.gallery-card {
  overflow: hidden;
}
.feature-card::before,
.menu-lux-card::before,
.hotel-room-card::before {
  transition: opacity .3s ease;
}

/* === SMOOTH HOVER GLOW ON CARDS === */
.gallery-card {
  transition: transform .28s ease, box-shadow .28s ease;
}
.gallery-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 28px 60px rgba(0,0,0,.44), 0 0 0 1px rgba(212,175,55,.28);
}
.menu-lux-card {
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

/* === CONTACT CARD HOVER === */
.contact-card div {
  transition: background .22s ease, border-color .22s ease, transform .22s ease;
}
.contact-card div:hover {
  background: rgba(212,175,55,.07);
  border-color: rgba(212,175,55,.5);
  transform: translateX(-4px);
}

/* === BENEFIT CARD HOVER === */
.benefit-card {
  transition: background .22s ease;
}
.benefit-card:hover {
  background: rgba(212,175,55,.05);
}

/* === SECTION ENTRY GLOW LINE === */
.view.active .section-head,
.view.active .hotel-header-panel {
  animation: sectionIn .55s cubic-bezier(.22,1,.36,1) both;
}
@keyframes sectionIn {
  from { opacity: 0; transform: translateY(18px); }
  to   { opacity: 1; transform: none; }
}

/* === SPLIT SECTION HOVER IMAGE ZOOM === */
.photo-panel img {
  transition: transform .6s cubic-bezier(.22,1,.36,1);
}
.photo-panel:hover img {
  transform: scale(1.04);
}

/* === OUTLINE BTN HOVER === */
.outline-btn {
  transition: background .22s ease, color .22s ease, box-shadow .22s ease, transform .18s ease;
}
.outline-btn:hover {
  background: rgba(212,175,55,.18);
  box-shadow: 0 6px 20px rgba(0,0,0,.2);
  transform: translateY(-2px);
}

/* === SUBMIT BTN PULSE === */
.submit-btn {
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
  position: relative;
  overflow: hidden;
}
.submit-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(0,0,0,.28);
  filter: brightness(1.08);
}
.submit-btn::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.14) 50%, transparent 100%);
  transform: translateX(-100%);
  transition: transform .5s ease;
}
.submit-btn:hover::after {
  transform: translateX(100%);
}

/* === SCROLL TO TOP BUTTON === */
#scroll-top {
  position: fixed;
  bottom: 100px;
  left: 28px;
  z-index: 887;
  width: 46px;
  height: 46px;
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(212,175,55,.22), rgba(212,175,55,.1));
  border: 1px solid rgba(212,175,55,.45);
  color: var(--gold2);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transform: translateY(10px);
  transition: opacity .3s ease, transform .3s ease;
  backdrop-filter: blur(8px);
}
#scroll-top.show {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
#scroll-top:hover {
  background: rgba(212,175,55,.28);
  transform: translateY(-2px);
}
#scroll-top svg {
  width: 20px;
  height: 20px;
  stroke: var(--gold2);
  fill: none;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
@media (max-width: 760px) {
  #scroll-top { bottom: 84px; left: 16px; width: 40px; height: 40px; }
}


/* ══════════════════════════════════════════════════════
   CONTACT PAGE UPGRADES — v37
   ══════════════════════════════════════════════════════ */

/* Contact rows (clickable links) */
.contact-card { display: flex; flex-direction: column; gap: 12px; }

.contact-row {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 18px 22px;
  border-radius: 18px;
  border: 1px solid rgba(212,175,55,.18);
  background: rgba(255,255,255,.03);
  color: inherit;
  text-decoration: none;
  transition: background .22s, border-color .22s, transform .2s;
}
.contact-row:hover {
  background: rgba(212,175,55,.07);
  border-color: rgba(212,175,55,.45);
  transform: translateX(-4px);
}
.contact-row strong {
  display: block;
  font-size: 1.05rem;
  color: var(--gold2);
  font-family: "Tajawal","Cairo",Tahoma,Arial,sans-serif;
  font-weight: 700;
}
.contact-row small {
  display: block;
  font-size: .88rem;
  color: #c8bfa8;
  margin-top: 2px;
}

/* Instagram SVG icon */
.insta-svg {
  background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.contact-row .insta-svg::before { content: none; }

/* Override contact-svg for new rows to use inline SVG indirectly */
.contact-row .contact-svg { flex-shrink: 0; }

/* Map embed */
.map-embed-wrap {
  margin-top: 28px;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(212,175,55,.22);
  box-shadow: 0 12px 36px rgba(0,0,0,.28);
}
.map-embed-wrap iframe { display: block; }

/* WhatsApp big button in contact */
.contact-wa-block {
  margin-top: 28px;
  text-align: center;
}
.contact-wa-btn {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  background: linear-gradient(135deg, #25d366, #128c4e);
  color: #fff;
  font-family: "Tajawal","Cairo",Tahoma,Arial,sans-serif;
  font-weight: 800;
  font-size: 1.2rem;
  border-radius: 18px;
  padding: 18px 38px;
  text-decoration: none;
  box-shadow: 0 10px 30px rgba(37,211,102,.28);
  transition: transform .2s, box-shadow .2s, filter .2s;
}
.contact-wa-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 40px rgba(37,211,102,.38);
  filter: brightness(1.06);
}
.contact-wa-block p {
  margin-top: 12px;
  color: #c8bfa8;
  font-size: .95rem;
}

/* Footer social icons */
.footer-social {
  display: flex;
  gap: 14px;
  margin-top: 14px;
}
.footer-social a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  border: 1px solid rgba(212,175,55,.28);
  background: rgba(212,175,55,.06);
  color: var(--gold2);
  text-decoration: none;
  transition: background .2s, border-color .2s, transform .2s;
}
.footer-social a:hover {
  background: rgba(212,175,55,.18);
  border-color: rgba(212,175,55,.55);
  transform: translateY(-3px);
}

/* Contact section layout fix */
#contact .view > div,
#contact > div { max-width: 680px; margin: 0 auto; }


/* v38 - remove bottom WhatsApp option/floating button */
#wa-float,
.contact-wa-block,
.contact-wa-btn{
  display:none !important;
}


/* v41 - admin-ready room availability badges */
.room-status-badge{
  position:absolute;
  top:18px;
  left:18px;
  z-index:3;
  padding:8px 14px;
  border-radius:999px;
  font-weight:800;
  font-size:.95rem;
  border:1px solid rgba(212,175,55,.46);
  background:rgba(5,14,25,.82);
  color:var(--gold2);
}
.room-status-badge.available{
  border-color:rgba(120,220,160,.46);
  color:#dfffe9;
}
.room-status-badge.unavailable{
  border-color:rgba(255,160,120,.48);
  color:#ffd6c6;
}
.hotel-room-card.room-unavailable{
  opacity:.74;
  filter:saturate(.72);
}
.room-book-btn:disabled{
  cursor:not-allowed;
  opacity:.55;
  transform:none!important;
}

/* Admin panel */
.admin-body{
  min-height:100vh;
  direction:rtl;
  background:radial-gradient(circle at 50% 0%,rgba(212,175,55,.13),transparent 28rem),linear-gradient(145deg,#040b15,#081526 55%,#030912);
  color:var(--cream);
  font-family:"Cairo",Tahoma,Arial,sans-serif;
  margin:0;
}
.admin-shell{
  width:min(1180px,calc(100% - 28px));
  margin:18px auto 44px;
}
.admin-header{
  border:1px solid rgba(212,175,55,.42);
  border-radius:28px;
  padding:22px;
  background:linear-gradient(145deg,rgba(10,26,44,.94),rgba(5,14,25,.90));
  box-shadow:0 24px 70px rgba(0,0,0,.34);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}
.admin-brand{
  display:flex;
  align-items:center;
  gap:14px;
}
.admin-brand img{
  width:58px;
  height:58px;
  object-fit:contain;
}
.admin-brand h1{
  margin:0;
  color:var(--gold2);
  font-size:clamp(1.6rem,3vw,2.4rem);
}
.admin-brand p{
  margin:6px 0 0;
  color:#eadfc9;
}
.admin-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.admin-btn{
  border:1px solid rgba(212,175,55,.52);
  border-radius:15px;
  padding:12px 18px;
  background:rgba(212,175,55,.09);
  color:var(--gold2);
  font-weight:800;
  cursor:pointer;
}
.admin-btn.primary{
  background:linear-gradient(135deg,var(--gold2),#b88822);
  color:#07111f;
}
.admin-btn.danger{
  border-color:rgba(255,140,120,.5);
  color:#ffd1c6;
}
.admin-grid{
  display:grid;
  gap:20px;
  margin-top:20px;
}
.admin-card{
  border:1px solid rgba(212,175,55,.35);
  border-radius:26px;
  background:linear-gradient(145deg,rgba(10,26,44,.92),rgba(5,14,25,.88));
  box-shadow:0 18px 46px rgba(0,0,0,.25);
  padding:22px;
}
.admin-card h2{
  margin:0 0 16px;
  color:var(--gold2);
  font-size:1.7rem;
}
.admin-note{
  color:#eadfc9;
  margin:0 0 18px;
  line-height:1.8;
}
.admin-room-list,
.admin-menu-list{
  display:grid;
  gap:14px;
}
.admin-row{
  display:grid;
  grid-template-columns:1.2fr 1fr 1fr 1.5fr auto;
  gap:10px;
  align-items:end;
  border:1px solid rgba(212,175,55,.18);
  border-radius:20px;
  padding:14px;
  background:rgba(4,12,22,.35);
}
.admin-row.menu-row{
  grid-template-columns:1.3fr 1fr 2fr 1fr auto;
}
.admin-field{
  display:grid;
  gap:7px;
}
.admin-field label{
  color:#f0d98d;
  font-weight:800;
  font-size:.92rem;
}
.admin-field input,
.admin-field select,
.admin-field textarea{
  width:100%;
  border:1px solid rgba(212,175,55,.35);
  border-radius:13px;
  background:rgba(4,12,22,.76);
  color:var(--cream);
  padding:12px;
  outline:none;
}
.admin-field textarea{
  min-height:48px;
  resize:vertical;
}
.admin-category-bar{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  align-items:end;
  margin-bottom:16px;
}
.admin-category-bar .admin-field{
  min-width:min(340px,100%);
}
.admin-login{
  position:fixed;
  inset:0;
  z-index:99;
  display:grid;
  place-items:center;
  padding:18px;
  background:rgba(2,8,15,.92);
  backdrop-filter:blur(10px);
}
.admin-login-card{
  width:min(460px,100%);
  border:1px solid rgba(212,175,55,.45);
  border-radius:28px;
  padding:28px;
  background:linear-gradient(145deg,rgba(10,26,44,.96),rgba(5,14,25,.96));
  box-shadow:0 24px 80px rgba(0,0,0,.46);
  text-align:center;
}
.admin-login-card img{
  width:110px;
  margin:0 auto 12px;
}
.admin-login-card h2{
  color:var(--gold2);
  margin:0 0 10px;
}
.admin-login-card input{
  width:100%;
  border:1px solid rgba(212,175,55,.42);
  background:rgba(4,12,22,.8);
  color:var(--cream);
  border-radius:14px;
  padding:14px;
  margin:10px 0;
}
.admin-toast{
  position:fixed;
  right:18px;
  bottom:18px;
  padding:14px 18px;
  border-radius:16px;
  background:linear-gradient(135deg,var(--gold2),#b88822);
  color:#07111f;
  font-weight:900;
  transform:translateY(120px);
  transition:.25s;
  z-index:100;
}
.admin-toast.show{
  transform:translateY(0);
}
@media (max-width:900px){
  .admin-row,
  .admin-row.menu-row{
    grid-template-columns:1fr;
  }
  .admin-header{
    align-items:flex-start;
  }
  .admin-actions{
    width:100%;
  }
  .admin-btn{
    flex:1;
  }
}


/* v42 - homepage admin controls */
.admin-home-tabs{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:0 0 18px;
}
.admin-home-row{
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:start;
  margin-bottom:12px;
}
.admin-home-row.stats-admin-row{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.full-admin-field{
  grid-column:span 2;
}
.admin-home-panel[hidden]{
  display:none!important;
}
@media (max-width:900px){
  .admin-home-row,
  .admin-home-row.stats-admin-row{
    grid-template-columns:1fr;
  }
  .full-admin-field{
    grid-column:auto;
  }
}


/* v43 - homepage feature strip wording and atmosphere icon */
.icon-atmosphere{
  background-image:url('assets/hotel-icons/sparkles.png')!important;
}


/* v44 - exact homepage feature strip icons */
.icon-location-feature{
  background-image:url('assets/hotel-icons/location.png')!important;
}


/* v45 - exact homepage features + correct hotel AC icon */
.icon-location-feature{
  background-image:url('assets/hotel-icons/location.png')!important;
}


/* v46 - admin removed, final static feature strip */
.icon-location-feature{
  background-image:url('assets/hotel-icons/location.png')!important;
}


/* Contact page icon images */
.contact-row .contact-icon-img {
  width: 40px;
  height: 40px;
  object-fit: contain;
  flex: 0 0 40px;
  display: block;
  filter: drop-shadow(0 6px 12px rgba(0,0,0,.28));
}
@media (max-width: 640px) {
  .contact-row {
    gap: 14px;
    padding: 16px 18px;
  }
  .contact-row .contact-icon-img {
    width: 34px;
    height: 34px;
    flex-basis: 34px;
  }
}


/* v56 - mobile header: move hamburger to far right */
@media (max-width:920px){
  .site-header{
    position:sticky;
  }
  .nav-toggle{
    order:-1;
    margin-inline-start:0;
    margin-inline-end:0;
    flex:0 0 auto;
  }
  .brand-mini{
    order:0;
    margin-inline-start:auto;
  }
  .book-pill{
    order:1;
  }
}


/* v57 - hide logo in mobile header */
@media (max-width:920px){
  .brand-mini{display:none !important;}
  .site-header{justify-content:space-between;}
  .book-pill{margin-inline-end:auto;}
}


/* v58 - mobile header: keep booking button on the far left */
@media (max-width:920px){
  .site-header{
    justify-content:flex-start !important;
  }
  .nav-toggle{
    order:0 !important;
    margin:0 !important;
  }
  .book-pill{
    order:1 !important;
    margin-right:auto !important;
    margin-left:0 !important;
  }
}

/* v60 - keep hotel booking button label perfectly centered on desktop and mobile */
.room-book-btn{
  position:relative;
  justify-content:center;
  text-align:center;
  gap:0;
  padding-inline:64px;
}
.room-book-btn .room-btn-icon-image{
  position:absolute;
  inset-inline-start:22px;
  top:50%;
  transform:translateY(-50%);
}
@media (max-width:760px){
  .room-book-btn{
    padding-inline:56px;
  }
  .room-book-btn .room-btn-icon-image{
    inset-inline-start:18px;
  }
}


/* v61 - make full date field clickable */
.booking-form input[type="date"]{
  cursor:pointer;
  position:relative;
}
.booking-form label:has(input[type="date"]){
  cursor:pointer;
}


/* v62 - center hotel prices and booking button text cleanly on desktop + mobile */
.hotel-price-block{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.hotel-room-card .price{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  direction:ltr;
  unicode-bidi:embed;
}
.hotel-room-note{
  width:100%;
  text-align:center;
}
.room-book-btn{
  width:min(340px,100%);
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  text-align:center;
  padding-inline:64px;
}
.room-book-btn .room-book-btn-label{
  display:block;
  width:100%;
  text-align:center;
  line-height:1.2;
}
.room-book-btn .room-btn-icon-image{
  position:absolute;
  inset-inline-end:22px;
  inset-inline-start:auto;
  top:50%;
  transform:translateY(-50%);
}
@media (max-width:760px){
  .room-book-btn{
    width:100%;
    padding-inline:56px;
  }
  .room-book-btn .room-btn-icon-image{
    inset-inline-end:18px;
  }
}


/* v63 - align hotel card bottom sections symmetrically */
.hotel-room-card{
  display:flex;
  flex-direction:column;
  height:100%;
}
.hotel-price-block{
  margin-top:auto;
  min-height:150px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
}
.hotel-room-note{
  min-height:1.6em;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.room-book-btn{
  margin-top:0;
  align-self:center;
}
@media (max-width:760px){
  .hotel-price-block{
    min-height:140px;
  }
}


/* v64 - unavailable rooms cannot be selected in booking */
.booking-form select option:disabled{
  color:#8e8e8e;
  background:#0b1420;
}
.booking-form select{
  cursor:pointer;
}
.room-book-btn:disabled{
  cursor:not-allowed;
  opacity:.55;
}
.room-unavailable .room-ribbon span{
  filter:saturate(.65);
}


/* v65 - phone number calls directly in contact/footer */
.footer-phone-link{
  color:inherit;
  text-decoration:none;
}
.footer-phone-link:hover strong{
  color:var(--gold2);
}
.contact-row[href^="tel:"]{
  cursor:pointer;
}


/* v68 - appetizers page grouped sections */
.category-subsection-title{
  grid-column:1 / -1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  margin:8px 0 4px;
  color:var(--gold2);
  font-family:"Tajawal","Cairo",Tahoma,Arial,sans-serif;
  font-weight:900;
  font-size:clamp(1.6rem,3vw,2.4rem);
  text-align:center;
}
.category-subsection-title::before,
.category-subsection-title::after{
  content:"";
  height:1px;
  flex:1;
  max-width:220px;
  background:linear-gradient(90deg,transparent,rgba(212,175,55,.75),transparent);
}
.category-subsection-title span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 28px;
  border:1px solid rgba(212,175,55,.42);
  border-radius:999px;
  background:rgba(5,14,25,.72);
  box-shadow:0 12px 26px rgba(0,0,0,.20);
}
@media (max-width:760px){
  .category-subsection-title{
    font-size:1.55rem;
    gap:10px;
  }
  .category-subsection-title span{
    padding:9px 22px;
  }
}


/* v89 - luxury room sliders */
.room-photo-slider{
  position:relative;
  width:100%;
  height:380px;
  overflow:hidden;
  border-radius:26px;
  margin:10px 0 26px;
  border:1px solid rgba(212,175,55,.40);
  background:linear-gradient(180deg, rgba(9,20,38,.86), rgba(3,10,22,.92));
  box-shadow:0 24px 48px rgba(0,0,0,.26), inset 0 0 0 1px rgba(255,255,255,.04);
}
.room-photo-slider::before{
  content:'';
  position:absolute;
  inset:8px;
  border-radius:20px;
  border:1px solid rgba(212,175,55,.18);
  pointer-events:none;
  z-index:2;
}
.room-slide-image{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center center;
  transition:transform .45s ease;
}
.hotel-room-card:hover .room-slide-image{
  transform:scale(1.03);
}
.room-slide-overlay{
  position:absolute;
  left:0;
  right:0;
  z-index:1;
  pointer-events:none;
}
.room-slide-overlay-top{
  top:0;
  height:92px;
  background:linear-gradient(180deg, rgba(3,10,22,.82), rgba(3,10,22,0));
}
.room-slide-overlay-bottom{
  bottom:0;
  height:120px;
  background:linear-gradient(180deg, rgba(3,10,22,0), rgba(3,10,22,.88));
}
.room-slide-topbar{
  position:absolute;
  top:16px;
  right:18px;
  left:18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  z-index:4;
}
.room-slide-badge,
.room-slide-counter{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid rgba(212,175,55,.40);
  background:rgba(4,14,28,.60);
  color:#fff3c6;
  backdrop-filter:blur(8px);
  box-shadow:0 10px 26px rgba(0,0,0,.18);
}
.room-slide-badge{
  font-size:.95rem;
  font-weight:800;
  letter-spacing:.2px;
}
.room-slide-counter{
  min-width:74px;
  font-size:.92rem;
  font-weight:700;
}
.room-slide-btn{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:50px;
  height:50px;
  border-radius:50%;
  border:1px solid rgba(212,175,55,.72);
  background:radial-gradient(circle at 30% 30%, rgba(255,231,157,.22), rgba(8,17,32,.86));
  color:var(--gold2);
  font-size:36px;
  line-height:1;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:4;
  backdrop-filter:blur(10px);
  box-shadow:0 14px 28px rgba(0,0,0,.24);
  transition:.22s ease;
}
.room-slide-btn:hover{
  background:radial-gradient(circle at 30% 30%, rgba(255,235,170,.34), rgba(18,34,57,.92));
  transform:translateY(-50%) scale(1.06);
  box-shadow:0 18px 30px rgba(0,0,0,.28);
}
.room-slide-prev{right:16px;}
.room-slide-next{left:16px;}
.room-slide-dots-wrap{
  position:absolute;
  left:50%;
  bottom:16px;
  transform:translateX(-50%);
  z-index:4;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(212,175,55,.28);
  background:rgba(4,12,24,.54);
  backdrop-filter:blur(10px);
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}
.room-slide-dots{
  display:flex;
  gap:8px;
}
.room-slide-dots span{
  width:10px;
  height:10px;
  border-radius:999px;
  background:rgba(255,255,255,.35);
  border:1px solid rgba(212,175,55,.55);
  transition:.22s ease;
  cursor:pointer;
}
.room-slide-dots span.active{
  width:24px;
  background:linear-gradient(90deg, #d4af37, #f5df8c);
  box-shadow:0 0 14px rgba(212,175,55,.35);
}
@media (max-width:760px){
  .room-photo-slider{
    height:auto;
    aspect-ratio:4 / 3;
    border-radius:20px;
  }
  .room-photo-slider::before{
    inset:6px;
    border-radius:15px;
  }
  .room-slide-image{
    object-fit:contain;
    object-position:center center;
    background:linear-gradient(180deg, rgba(8,17,32,.98), rgba(4,10,22,.98));
  }
  .room-slide-overlay-top{
    height:74px;
  }
  .room-slide-overlay-bottom{
    height:96px;
  }
  .room-slide-topbar{
    top:12px;
    right:12px;
    left:12px;
  }
  .room-slide-badge,
  .room-slide-counter{
    padding:7px 12px;
    font-size:.82rem;
  }
  .room-slide-btn{
    width:42px;
    height:42px;
    font-size:30px;
  }
  .room-slide-prev{right:12px;}
  .room-slide-next{left:12px;}
  .room-slide-dots-wrap{
    bottom:12px;
    padding:7px 10px;
  }
}


/* v91 - mobile room slider top badges spacing fix */
@media (max-width:760px){
  .hotel-room-card .room-status-badge{
    top:14px;
    right:14px;
    left:auto;
    z-index:6;
    transform:none;
    font-size:.82rem;
    padding:7px 16px;
    border-radius:999px;
  }

  .room-slide-topbar{
    top:52px;
    right:12px;
    left:12px;
    justify-content:space-between;
    z-index:5;
  }

  .room-slide-badge{
    order:2;
    margin-inline-start:auto;
    font-size:.78rem;
    padding:7px 12px;
  }

  .room-slide-counter{
    order:1;
    min-width:58px;
    font-size:.78rem;
    padding:7px 12px;
    margin-inline-end:auto;
  }

  .room-photo-slider::before{
    z-index:3;
  }
}

@media (max-width:420px){
  .hotel-room-card .room-status-badge{
    font-size:.78rem;
    padding:6px 14px;
  }
  .room-slide-topbar{
    top:50px;
  }
  .room-slide-badge,
  .room-slide-counter{
    font-size:.74rem;
    padding:6px 10px;
  }
}


/* v92 - cleaner mobile slider badges layout */
@media (max-width:760px){
  .hotel-room-card .room-status-badge{
    top:14px;
    right:14px;
    left:auto;
    z-index:6;
    transform:none;
    font-size:.80rem;
    padding:7px 15px;
    border-radius:999px;
    box-shadow:0 10px 24px rgba(0,0,0,.18);
    backdrop-filter:blur(10px);
  }

  .room-slide-topbar{
    top:14px;
    right:auto;
    left:14px;
    width:auto;
    max-width:calc(100% - 150px);
    display:inline-flex;
    align-items:center;
    justify-content:flex-start;
    gap:8px;
    z-index:5;
  }

  .room-slide-badge,
  .room-slide-counter{
    margin:0 !important;
    padding:7px 12px;
    font-size:.78rem;
    line-height:1;
    white-space:nowrap;
    border-radius:999px;
  }

  .room-slide-badge{
    order:1;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .room-slide-counter{
    order:2;
    min-width:auto;
  }
}

@media (max-width:420px){
  .hotel-room-card .room-status-badge{
    font-size:.76rem;
    padding:6px 13px;
  }

  .room-slide-topbar{
    left:12px;
    max-width:calc(100% - 140px);
    gap:6px;
  }

  .room-slide-badge,
  .room-slide-counter{
    font-size:.74rem;
    padding:6px 10px;
  }
}


/* v93 - elegant back button on category pages */
.category-back-wrap{
  display:flex;
  justify-content:flex-start;
  align-items:center;
  margin:4px 0 18px;
  position:relative;
  z-index:3;
}

.category-back-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:46px;
  padding:10px 20px;
  border-radius:999px;
  border:1px solid rgba(212,175,55,.48);
  background:
    radial-gradient(circle at 30% 15%,rgba(255,232,155,.18),transparent 42%),
    linear-gradient(135deg,rgba(10,26,44,.90),rgba(5,14,25,.84));
  color:var(--gold2);
  text-decoration:none;
  font-weight:900;
  box-shadow:0 16px 34px rgba(0,0,0,.26), inset 0 0 0 1px rgba(255,255,255,.04);
  transition:.22s ease;
  backdrop-filter:blur(10px);
}

.category-back-btn:hover{
  transform:translateY(-2px);
  border-color:rgba(245,223,140,.78);
  box-shadow:0 20px 42px rgba(0,0,0,.30), 0 0 18px rgba(212,175,55,.12);
  color:#fff1bd;
}

.category-back-icon{
  width:28px;
  height:28px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(212,175,55,.42);
  background:rgba(212,175,55,.10);
  font-size:1.7rem;
  line-height:1;
  transform:translateY(-1px);
}

@media (max-width:760px){
  .category-back-wrap{
    justify-content:center;
    margin:0 0 14px;
  }
  .category-back-btn{
    width:100%;
    max-width:360px;
    min-height:48px;
    padding:11px 16px;
    font-size:.95rem;
  }
  .category-back-icon{
    width:26px;
    height:26px;
    font-size:1.55rem;
  }
}




/* v98 - richer hotel and booking headers */
.luxury-head-panel{
  position:relative;
  overflow:hidden;
  padding:34px 28px 32px;
  border-radius:34px;
  background:
    radial-gradient(circle at 50% 0%, rgba(245,215,122,.12), transparent 16rem),
    linear-gradient(145deg, rgba(10,26,44,.96), rgba(4,12,22,.94));
  border:1px solid rgba(212,175,55,.36);
  box-shadow:0 24px 54px rgba(0,0,0,.24), inset 0 0 0 1px rgba(255,255,255,.025);
}
.luxury-head-panel::before{
  content:"";
  position:absolute;
  inset:14px;
  border:1px solid rgba(212,175,55,.14);
  border-radius:26px;
  pointer-events:none;
}
.section-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:120px;
  padding:9px 18px;
  margin:0 auto 14px;
  border-radius:999px;
  border:1px solid rgba(212,175,55,.40);
  background:linear-gradient(145deg, rgba(212,175,55,.14), rgba(12,26,42,.72));
  color:#f3d978;
  font-weight:800;
  font-size:1rem;
  letter-spacing:.2px;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}
.hotel-header-panel h2,
.booking-header-panel h2{
  font-size:clamp(3.2rem,5.6vw,5rem);
  letter-spacing:.3px;
  text-shadow:0 6px 18px rgba(0,0,0,.18);
}
.hotel-header-panel p,
.booking-header-panel p{
  width:min(760px, 92%);
  margin:2px auto 0;
  color:#f2e7d1;
  font-size:clamp(1.05rem,1.6vw,1.35rem);
  line-height:1.95;
}
.booking-header-panel{
  margin-bottom:26px;
}
.booking-header-panel .booking-title-divider{
  width:min(230px, 48%);
}
@media (max-width:760px){
  .luxury-head-panel{
    padding:24px 16px 22px;
    border-radius:26px;
  }
  .luxury-head-panel::before{
    inset:10px;
    border-radius:18px;
  }
  .section-kicker{
    min-width:104px;
    padding:8px 14px;
    margin-bottom:10px;
    font-size:.92rem;
  }
  .hotel-header-panel h2,
  .booking-header-panel h2{
    font-size:clamp(2.4rem,12vw,3.6rem);
  }
  .hotel-header-panel p,
  .booking-header-panel p{
    width:100%;
    font-size:1rem;
    line-height:1.85;
    padding:0 4px;
  }
}


/* v99 - booking header: keep one divider only */
.booking-header-panel.simple-page-head::after{
  display:none !important;
  content:none !important;
  background:none !important;
}
.booking-header-panel .booking-title-divider{
  margin:12px auto 14px;
}


/* v100 - subtle partner/company promo section */
.partner-promo{
  position:relative;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  align-items:center;
  gap:26px;
  margin:28px 0;
  padding:28px;
  border:1px solid rgba(212,175,55,.34);
  border-radius:30px;
  background:
    radial-gradient(circle at 82% 18%, rgba(212,175,55,.12), transparent 18rem),
    linear-gradient(145deg, rgba(10,26,44,.92), rgba(5,14,25,.88));
  box-shadow:0 18px 50px rgba(0,0,0,.28);
  overflow:hidden;
}
.partner-promo::before{
  content:"";
  position:absolute;
  inset:14px;
  border:1px solid rgba(212,175,55,.10);
  border-radius:22px;
  pointer-events:none;
}
.partner-promo-copy{
  position:relative;
  z-index:2;
  text-align:right;
  padding:12px 10px;
}
.partner-eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 16px;
  margin-bottom:12px;
  border-radius:999px;
  border:1px solid rgba(212,175,55,.42);
  color:var(--gold2);
  background:rgba(212,175,55,.08);
  font-weight:900;
}
.partner-promo h2{
  margin:0 0 12px;
  color:var(--gold2);
  font-size:clamp(2rem,3.5vw,3.2rem);
  line-height:1.15;
}
.partner-promo p{
  margin:0;
  color:#eadfc9;
  font-size:1.08rem;
  line-height:2;
  max-width:620px;
}
.partner-promo p strong{
  color:#f6d979;
}
.partner-promo-logo{
  position:relative;
  z-index:2;
  margin:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:0;
  overflow:visible;
  border:none;
  background:transparent;
  box-shadow:none;
}
.partner-promo-logo img{
  width:100%;
  height:100%;
  max-height:360px;
  display:block;
  object-fit:contain;
  background:transparent;
  filter:drop-shadow(0 14px 28px rgba(0,0,0,.22));
}
@media (max-width:920px){
  .partner-promo{
    grid-template-columns:1fr;
    padding:20px;
    border-radius:26px;
    gap:18px;
  }
  .partner-promo-copy{
    text-align:center;
    padding:6px 4px;
  }
  .partner-promo p{
    max-width:none;
    font-size:1rem;
  }
  .partner-promo-logo img{
    max-height:300px;
  }
}


/* v103 - booking success notification */
.booking-notice[hidden]{
  display:none !important;
}
.booking-notice{
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(2,8,15,.66);
  backdrop-filter:blur(8px);
  overflow-y:auto;
  overscroll-behavior:contain;
}
.booking-notice-card{
  width:min(420px,100%);
  border:1px solid rgba(212,175,55,.48);
  border-radius:26px;
  background:
    radial-gradient(circle at 50% 0%, rgba(212,175,55,.16), transparent 12rem),
    linear-gradient(145deg, rgba(10,26,44,.98), rgba(5,14,25,.96));
  box-shadow:0 24px 80px rgba(0,0,0,.45);
  padding:28px 24px 24px;
  text-align:center;
  color:var(--cream);
  max-height:calc(100dvh - 40px);
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}
.booking-notice-icon{
  width:64px;
  height:64px;
  border-radius:50%;
  margin:0 auto 14px;
  display:grid;
  place-items:center;
  border:1px solid rgba(120,220,160,.62);
  color:#dfffe9;
  background:rgba(20,80,48,.22);
  font-size:2.2rem;
  font-weight:900;
}
.booking-notice-card h3{
  margin:0 0 10px;
  color:var(--gold2);
  font-size:1.8rem;
}
.booking-notice-card p{
  margin:0 0 20px;
  color:#eadfc9;
  line-height:1.8;
}
.booking-notice-card button{
  min-width:130px;
  border:1px solid rgba(212,175,55,.55);
  border-radius:999px;
  padding:12px 22px;
  background:linear-gradient(135deg,var(--gold2),#b88822);
  color:#07111f;
  font-weight:900;
  cursor:pointer;
}
body.notice-open{
  overflow:auto;
}


/* v108 - clean subsection heading on mobile */
@media (max-width:760px){
  .category-subsection-title{
    gap:0 !important;
    margin:10px 0 8px !important;
  }
  .category-subsection-title::before,
  .category-subsection-title::after{
    display:none !important;
    content:none !important;
    background:none !important;
  }
  .category-subsection-title span{
    padding:10px 22px !important;
    border-radius:999px !important;
  }
}


/* v109 - fix booking date field overflow on iPhone/mobile Safari */
@media (max-width:760px){
  .booking-form{
    width:100% !important;
    max-width:100% !important;
    overflow:hidden;
  }
  .booking-form > *,
  .booking-form label{
    width:100%;
    max-width:100%;
    min-width:0;
  }
  .booking-form input,
  .booking-form select,
  .booking-form textarea{
    display:block;
    width:100%;
    max-width:100%;
    min-width:0;
  }
  .booking-form input[type="date"]{
    -webkit-appearance:none;
    appearance:none;
  }
}


/* v112 - phone numbers should display normally inside RTL layout */
.phone-number{
  direction:ltr !important;
  unicode-bidi:bidi-override !important;
  display:inline-block;
  text-align:left;
  white-space:nowrap;
}
#homeFooterText3 .phone-number{
  margin-bottom:4px;
}

/* v112 - hookah health warning */
.hookah-warning{
  margin-top:10px;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(120, 20, 20, 0.16);
  border:1px solid rgba(214, 128, 128, 0.28);
  color:#f2c9c9;
  font-size:.95rem;
  line-height:1.8;
  text-align:center;
}


/* v113 - searchable country code selector in booking form */
.phone-field-label{
  position:relative;
}
.phone-combo{
  position:relative;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:10px;
  align-items:center;
  width:100%;
}
.country-code-btn{
  height:100%;
  min-height:54px;
  border:1px solid rgba(212,175,55,.38);
  border-radius:14px;
  background:rgba(4,12,22,.74);
  color:var(--gold2);
  padding:0 13px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-weight:800;
  white-space:nowrap;
}
.country-code-arrow{
  font-size:.78rem;
  opacity:.85;
}
.phone-number-input{
  min-width:0;
}
.country-code-panel{
  position:absolute;
  z-index:120;
  top:calc(100% + 8px);
  inset-inline-start:0;
  width:min(360px, 100%);
  border:1px solid rgba(212,175,55,.42);
  border-radius:18px;
  background:linear-gradient(145deg, rgba(8,23,40,.98), rgba(4,12,22,.98));
  box-shadow:0 22px 58px rgba(0,0,0,.42);
  padding:12px;
}
.country-search{
  width:100%;
  margin-bottom:10px;
  border-radius:12px !important;
  padding:12px !important;
}
.country-list{
  display:grid;
  gap:6px;
  max-height:250px;
  overflow:auto;
  padding-inline-end:4px;
}
.country-option{
  border:1px solid rgba(212,175,55,.16);
  border-radius:12px;
  background:rgba(255,255,255,.035);
  color:#f4ead4;
  padding:10px 12px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  text-align:right;
}
.country-option:hover{
  border-color:rgba(212,175,55,.52);
  background:rgba(212,175,55,.10);
}
.country-option-code{
  direction:ltr;
  unicode-bidi:isolate;
  color:var(--gold2);
  font-weight:900;
}
.country-empty{
  padding:14px;
  text-align:center;
  color:#d8c8a8;
}
@media (max-width:760px){
  .phone-combo{
    grid-template-columns:1fr;
    gap:8px;
  }
  .country-code-btn{
    width:100%;
    min-height:50px;
    justify-content:center;
  }
  .country-code-panel{
    width:100%;
  }
}

.modal[hidden]{display:none!important}
.modal{
  position:fixed;
  inset:0;
  background:rgba(2,8,15,.72);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:9999;
  padding:20px;
  backdrop-filter:blur(8px);
}
.modal-card{
  width:min(430px,100%);
  background:
    radial-gradient(circle at 50% 0%, rgba(245,215,122,.14), transparent 13rem),
    linear-gradient(145deg, rgba(10,26,44,.98), rgba(5,14,25,.96));
  padding:28px 24px 24px;
  border-radius:24px;
  color:var(--cream);
  border:1px solid rgba(212,175,55,.50);
  box-shadow:0 24px 80px rgba(0,0,0,.45);
  text-align:center;
}
.modal-card p{
  margin:0 0 18px;
  line-height:1.9;
  color:#eadfc9;
  font-weight:800;
}
.modal-card button{
  min-width:130px;
  border:1px solid rgba(212,175,55,.55);
  border-radius:999px;
  padding:12px 22px;
  background:linear-gradient(135deg,var(--gold2),#b88822);
  color:#07111f;
  font-weight:900;
  cursor:pointer;
}
body.modal-open{overflow:hidden}


/* v120 - visible booking upgrade without changing images */
.booking-layout{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(300px,.8fr);
  gap:22px;
  align-items:start;
}
.booking-form-intro{
  border:1px solid rgba(212,175,55,.24);
  border-radius:20px;
  padding:16px 18px;
  background:rgba(212,175,55,.06);
  display:grid;
  gap:8px;
  color:#eadfc9;
}
.booking-form-intro strong{
  color:#f4ead4;
  line-height:1.8;
}
.booking-status-chip{
  width:max-content;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(212,175,55,.42);
  border-radius:999px;
  padding:7px 13px;
  color:var(--gold2);
  background:rgba(212,175,55,.08);
  font-weight:900;
  font-size:.9rem;
}
.booking-side-card{
  display:grid;
  gap:16px;
  position:sticky;
  top:110px;
}
.booking-steps{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.booking-steps div{
  border:1px solid rgba(212,175,55,.28);
  border-radius:18px;
  padding:14px 10px;
  text-align:center;
  background:linear-gradient(145deg,rgba(10,26,44,.82),rgba(5,14,25,.76));
}
.booking-steps span{
  width:30px;
  height:30px;
  border-radius:50%;
  display:grid;
  place-items:center;
  margin:0 auto 7px;
  color:#07111f;
  background:linear-gradient(135deg,var(--gold2),#b88822);
  font-weight:900;
}
.booking-steps strong{
  color:#eadfc9;
  font-size:.9rem;
}
.booking-live-card{
  border:1px solid rgba(212,175,55,.35);
  border-radius:28px;
  padding:22px;
  background:
    radial-gradient(circle at 50% 0%, rgba(212,175,55,.12), transparent 13rem),
    linear-gradient(145deg,rgba(10,26,44,.92),rgba(5,14,25,.88));
  box-shadow:var(--shadow);
}
.booking-live-card h3{
  color:var(--gold2);
  font-size:1.35rem;
  margin:14px 0 16px;
}
.booking-mini-row{
  border:1px solid rgba(212,175,55,.18);
  border-radius:16px;
  padding:13px 14px;
  display:grid;
  gap:5px;
  margin-bottom:10px;
  background:rgba(255,255,255,.03);
}
.booking-mini-row small{
  color:#bfb39b;
}
.booking-mini-row strong{
  color:#f4ead4;
  line-height:1.7;
  word-break:break-word;
}
.booking-note-pill{
  margin:14px 0 0;
  border:1px dashed rgba(212,175,55,.32);
  border-radius:18px;
  padding:13px 14px;
  color:#d8ccb4;
  line-height:1.8;
  background:rgba(212,175,55,.05);
}
.booking-notice-card{
  width:min(520px,100%);
}
.booking-notice-summary{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
  margin:0 0 18px;
  text-align:right;
}
.booking-notice-summary div{
  border:1px solid rgba(212,175,55,.18);
  border-radius:14px;
  padding:11px 12px;
  background:rgba(255,255,255,.035);
  display:grid;
  gap:4px;
}
.booking-notice-summary small{
  color:#bfb39b;
}
.booking-notice-summary strong{
  color:#f4ead4;
  line-height:1.6;
}
.booking-notice-actions{
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
}
.booking-notice-card .booking-notice-secondary{
  background:rgba(255,255,255,.04);
  color:var(--gold2);
}
@media (max-width:920px){
  .booking-layout{
    grid-template-columns:1fr;
  }
  .booking-side-card{
    position:static;
    order:-1;
  }
}
@media (max-width:560px){
  .booking-steps,
  .booking-notice-summary{
    grid-template-columns:1fr;
  }
  .booking-steps div{
    padding:11px 8px;
  }
}


/* v121 - remove visible booking live summary beside the form */
#booking .booking-layout{
  grid-template-columns:1fr!important;
  max-width:980px;
  margin:0 auto;
}
#booking .booking-form{
  width:100%;
}
#booking .booking-side-card{
  display:none!important;
}

/* v122 - scrollable booking confirmation on small screens */
@media (max-width:560px){
  .booking-notice{
    place-items:start center;
    padding:14px 10px 24px;
  }
  .booking-notice-card{
    max-height:calc(100dvh - 28px);
    padding:22px 16px 18px;
  }
}


/* v123 - visible close button and safer booking confirmation overlay */
.booking-notice-close{
  position:fixed;
  top:18px;
  inset-inline-end:18px;
  width:44px;
  height:44px;
  border-radius:50%;
  border:1px solid rgba(212,175,55,.55);
  background:rgba(5,14,25,.92);
  color:var(--gold2);
  font-size:28px;
  line-height:1;
  font-weight:900;
  cursor:pointer;
  z-index:10001;
  display:grid;
  place-items:center;
  box-shadow:0 14px 40px rgba(0,0,0,.35);
}
.booking-notice-actions{
  position:sticky;
  bottom:0;
  padding-top:12px;
  background:linear-gradient(to top, rgba(5,14,25,.98) 70%, rgba(5,14,25,0));
}
.booking-notice{
  align-items:flex-start;
}
.booking-notice-card{
  margin-block:auto;
}
@media (max-width:560px){
  .booking-notice-close{
    top:12px;
    inset-inline-end:12px;
    width:40px;
    height:40px;
    font-size:25px;
  }
  .booking-notice{
    padding-top:62px;
  }
  .booking-notice-card{
    margin-block:0;
  }
}


/* v124 - booking confirmation mobile scroll fix */
body.notice-open{
  overflow:auto!important;
  position:static!important;
}

#bookingNotice.booking-notice{
  display:block!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
  padding:18px 12px 24px!important;
  box-sizing:border-box!important;
}

#bookingNotice.booking-notice[hidden]{
  display:none!important;
}

#bookingNotice .booking-notice-close{
  position:sticky!important;
  top:0!important;
  margin-inline-start:auto!important;
  margin-bottom:10px!important;
  width:42px!important;
  height:42px!important;
  z-index:10002!important;
}

#bookingNotice .booking-notice-card{
  width:min(520px,100%)!important;
  max-height:none!important;
  height:auto!important;
  min-height:auto!important;
  overflow:visible!important;
  margin:0 auto!important;
  box-sizing:border-box!important;
}

#bookingNotice .booking-notice-actions{
  position:static!important;
  bottom:auto!important;
  padding-top:14px!important;
  background:transparent!important;
}

@media (max-width:560px){
  #bookingNotice.booking-notice{
    padding:12px 10px 28px!important;
  }

  #bookingNotice .booking-notice-card{
    padding:18px 14px 16px!important;
    border-radius:22px!important;
  }

  #bookingNotice .booking-notice-icon,
  #bookingNotice .booking-notice-card p{
    display:none!important;
  }

  #bookingNotice .booking-notice-card h3{
    font-size:1.35rem!important;
    margin-bottom:12px!important;
  }

  #bookingNotice .booking-notice-summary{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin-bottom:12px!important;
  }

  #bookingNotice .booking-notice-summary div{
    padding:9px 10px!important;
    border-radius:12px!important;
  }

  #bookingNotice .booking-notice-summary small{
    font-size:.78rem!important;
  }

  #bookingNotice .booking-notice-summary strong{
    font-size:.86rem!important;
    line-height:1.45!important;
    word-break:break-word!important;
  }

  #bookingNotice .booking-notice-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }

  #bookingNotice .booking-notice-actions button{
    min-width:0!important;
    width:100%!important;
    padding:11px 8px!important;
    font-size:.9rem!important;
  }
}


/* v125 - desktop/laptop booking confirmation must always fit and scroll */
#bookingNotice.booking-notice{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:70px 16px 28px!important;
  box-sizing:border-box!important;
  min-height:100dvh!important;
}

#bookingNotice.booking-notice[hidden]{
  display:none!important;
}

#bookingNotice .booking-notice-card{
  width:min(540px,100%)!important;
  max-height:none!important;
  height:auto!important;
  overflow:visible!important;
  margin:0 auto!important;
  padding:20px 18px 18px!important;
}

#bookingNotice .booking-notice-icon,
#bookingNotice .booking-notice-card p{
  display:none!important;
}

#bookingNotice .booking-notice-card h3{
  font-size:1.55rem!important;
  margin:0 0 14px!important;
}

#bookingNotice .booking-notice-summary{
  grid-template-columns:repeat(2, minmax(0,1fr))!important;
  gap:9px!important;
  margin-bottom:14px!important;
}

#bookingNotice .booking-notice-summary div{
  padding:10px 12px!important;
  min-height:0!important;
}

#bookingNotice .booking-notice-summary small{
  font-size:.82rem!important;
}

#bookingNotice .booking-notice-summary strong{
  font-size:.95rem!important;
  line-height:1.45!important;
  word-break:break-word!important;
}

#bookingNotice .booking-notice-actions{
  position:static!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  padding-top:4px!important;
  background:transparent!important;
}

#bookingNotice .booking-notice-actions button{
  width:100%!important;
  min-width:0!important;
}

#bookingNotice .booking-notice-close{
  position:fixed!important;
  top:18px!important;
  inset-inline-end:18px!important;
}

@media (min-width:700px) and (max-height:760px){
  #bookingNotice.booking-notice{
    padding-top:58px!important;
  }

  #bookingNotice .booking-notice-card{
    width:min(640px,100%)!important;
    padding:16px 16px 15px!important;
  }

  #bookingNotice .booking-notice-summary{
    gap:8px!important;
  }

  #bookingNotice .booking-notice-summary div{
    padding:8px 10px!important;
  }

  #bookingNotice .booking-notice-card h3{
    font-size:1.35rem!important;
    margin-bottom:10px!important;
  }
}

@media (max-width:560px){
  #bookingNotice.booking-notice{
    padding:58px 10px 24px!important;
  }

  #bookingNotice .booking-notice-card{
    width:100%!important;
  }
}


/* v126 - confirmation after opening WhatsApp */
#bookingNotice .booking-notice-confirmed{
  background:linear-gradient(135deg,#7edfa3,#35a86b)!important;
  color:#06120d!important;
  border-color:rgba(126,223,163,.7)!important;
}

#bookingNotice .booking-final-message{
  grid-column:1 / -1;
  text-align:center;
  padding:18px 16px!important;
}

#bookingNotice .booking-final-message strong{
  display:block;
  color:#dfffe9!important;
  font-size:1.05rem!important;
  margin-bottom:8px;
}

#bookingNotice .booking-final-message small{
  display:block;
  color:#eadfc9!important;
  line-height:1.8;
}


/* v127 - correct scroll behavior for booking confirmation
   Inside the confirmation box = scroll the box
   Outside the box = scroll the page */
body.notice-open{
  overflow:auto!important;
  position:static!important;
}

#bookingNotice.booking-notice{
  pointer-events:none!important;
  background:rgba(2,8,15,.42)!important;
  backdrop-filter:blur(4px)!important;
  overflow:visible!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:24px 14px!important;
  box-sizing:border-box!important;
}

#bookingNotice.booking-notice[hidden]{
  display:none!important;
}

#bookingNotice .booking-notice-card{
  pointer-events:auto!important;
  width:min(560px, calc(100vw - 28px))!important;
  max-height:calc(100dvh - 96px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
  overscroll-behavior:contain!important;
  margin:0 auto!important;
  box-sizing:border-box!important;
}

#bookingNotice .booking-notice-close{
  pointer-events:auto!important;
  position:fixed!important;
  top:18px!important;
  inset-inline-end:18px!important;
  z-index:10005!important;
}

#bookingNotice .booking-notice-actions{
  position:sticky!important;
  bottom:0!important;
  z-index:2!important;
  padding-top:12px!important;
  background:linear-gradient(to top, rgba(5,14,25,.98) 72%, rgba(5,14,25,0))!important;
}

@media (max-width:560px){
  #bookingNotice.booking-notice{
    align-items:center!important;
    padding:58px 10px 18px!important;
  }

  #bookingNotice .booking-notice-card{
    width:calc(100vw - 20px)!important;
    max-height:calc(100dvh - 88px)!important;
  }

  #bookingNotice .booking-notice-close{
    top:12px!important;
    inset-inline-end:12px!important;
  }
}


/* v128 - booking confirmation always appears in the current viewport */
#bookingNotice.booking-notice{
  position:fixed!important;
  inset:0!important;
  z-index:99999!important;
  transform:none!important;
  contain:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  pointer-events:none!important;
  overflow:visible!important;
  padding:18px!important;
  box-sizing:border-box!important;
}

#bookingNotice.booking-notice[hidden]{
  display:none!important;
}

#bookingNotice .booking-notice-card{
  pointer-events:auto!important;
  position:relative!important;
  transform:none!important;
  width:min(560px, calc(100vw - 28px))!important;
  max-height:calc(100dvh - 110px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  margin:0!important;
}

#bookingNotice .booking-notice-close{
  pointer-events:auto!important;
  position:fixed!important;
  top:max(14px, env(safe-area-inset-top))!important;
  inset-inline-end:max(14px, env(safe-area-inset-right))!important;
  z-index:100000!important;
}

@media (max-width:560px){
  #bookingNotice.booking-notice{
    align-items:center!important;
    padding:calc(56px + env(safe-area-inset-top)) 10px calc(18px + env(safe-area-inset-bottom))!important;
  }

  #bookingNotice .booking-notice-card{
    width:calc(100vw - 20px)!important;
    max-height:calc(100dvh - 96px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
  }
}


/* v130 - reliable booking confirmation overlay/buttons */
#bookingNotice.booking-notice{
  position:fixed!important;
  inset:0!important;
  z-index:99999!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  pointer-events:none!important;
  overflow:visible!important;
  padding:18px!important;
  box-sizing:border-box!important;
}

#bookingNotice.booking-notice[hidden]{
  display:none!important;
}

#bookingNotice .booking-notice-card{
  pointer-events:auto!important;
  width:min(560px, calc(100vw - 28px))!important;
  max-height:calc(100dvh - 110px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  touch-action:pan-y!important;
}

#bookingNotice .booking-notice-actions,
#bookingNotice .booking-notice-actions button{
  pointer-events:auto!important;
  position:relative;
  z-index:100010!important;
}

#bookingNotice .booking-notice-close{
  pointer-events:auto!important;
  position:fixed!important;
  top:max(14px, env(safe-area-inset-top))!important;
  inset-inline-end:max(14px, env(safe-area-inset-right))!important;
  z-index:100000!important;
}

@media (max-width:560px){
  #bookingNotice.booking-notice{
    padding:calc(56px + env(safe-area-inset-top)) 10px calc(18px + env(safe-area-inset-bottom))!important;
  }

  #bookingNotice .booking-notice-card{
    width:calc(100vw - 20px)!important;
    max-height:calc(100dvh - 96px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
  }
}


/* v136 - real Supabase reviews */
.guest-reviews-section{
  width:min(1120px, calc(100% - 32px));
  margin:34px auto;
}

.reviews-intro{
  max-width:720px;
  margin:10px auto 0;
  color:#d6cbb8;
  line-height:1.85;
  text-align:center;
}

.reviews-shell{
  margin-top:24px;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:18px;
  align-items:start;
}

.reviews-list-card,
.review-form-card,
.reviews-admin-card,
.reviews-admin-panel{
  border:1px solid rgba(212,175,55,.30);
  border-radius:26px;
  background:
    radial-gradient(circle at 50% 0%, rgba(212,175,55,.12), transparent 13rem),
    linear-gradient(145deg, rgba(8,23,39,.88), rgba(5,14,25,.82));
  box-shadow:0 18px 55px rgba(0,0,0,.26);
}

.reviews-list-card,
.review-form-card{
  padding:22px;
}

.reviews-list-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:14px;
}

.reviews-list-head strong,
.review-form-chip{
  color:var(--gold2);
  font-weight:900;
}

.reviews-list-head span{
  color:#eadfc9;
  font-size:.9rem;
}

.approved-reviews{
  display:grid;
  gap:12px;
}

.review-card{
  padding:16px;
  border:1px solid rgba(212,175,55,.16);
  border-radius:18px;
  background:rgba(255,255,255,.035);
}

.review-card-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-bottom:8px;
}

.review-card strong{
  color:#f4ead4;
}

.review-stars{
  color:var(--gold2);
  letter-spacing:1px;
  direction:ltr;
  white-space:nowrap;
}

.review-card p{
  margin:0;
  color:#d6cbb8;
  line-height:1.85;
}

.reviews-empty{
  border:1px dashed rgba(212,175,55,.24);
  border-radius:16px;
  padding:18px;
  color:#d6cbb8;
  text-align:center;
}

.review-form-card{
  display:grid;
  gap:14px;
}

.review-form-card label,
.admin-login-form label{
  display:grid;
  gap:8px;
  color:var(--gold2);
  font-weight:800;
}

.review-form-card input,
.review-form-card textarea,
.admin-login-form input{
  border:1px solid rgba(212,175,55,.28);
  border-radius:16px;
  background:rgba(3,12,22,.72);
  color:#fff8e8;
  padding:13px 14px;
  font-family:inherit;
  outline:none;
}

.review-form-card textarea{
  resize:vertical;
  min-height:112px;
}

.rating-picker{
  display:flex;
  gap:6px;
  direction:ltr;
  justify-content:flex-end;
}

.rating-picker button{
  border:0;
  background:transparent;
  color:rgba(212,175,55,.38);
  font-size:2rem;
  cursor:pointer;
  padding:0 2px;
}

.rating-picker button.active{
  color:var(--gold2);
}

.review-submit-btn,
.admin-login-form button,
.admin-actions button,
.review-filter-tabs button,
.admin-review-buttons button{
  border:1px solid rgba(212,175,55,.55);
  border-radius:999px;
  padding:12px 18px;
  background:linear-gradient(135deg,var(--gold2),#b88822);
  color:#07111f;
  font-weight:900;
  cursor:pointer;
  font-family:inherit;
}

.review-submit-btn:disabled{
  opacity:.65;
  cursor:not-allowed;
}

.review-form-status{
  min-height:24px;
  margin:0;
  color:#eadfc9;
  line-height:1.7;
}

.review-form-status[data-type="success"]{
  color:#9ee6b2;
}

.review-form-status[data-type="error"],
.admin-status[data-type="error"]{
  color:#ffb5b5;
}

/* reviews admin page */
.reviews-admin-body{
  min-height:100vh;
  background:radial-gradient(circle at 50% 20%, #0d2240, #040d1a 72%);
}

.reviews-admin-shell{
  width:min(1080px, calc(100% - 28px));
  margin:0 auto;
  padding:44px 0;
}

.reviews-admin-card{
  width:min(480px,100%);
  margin:40px auto;
  padding:28px;
  text-align:center;
}

.admin-review-logo{
  width:96px;
  height:96px;
  object-fit:contain;
  margin-bottom:12px;
}

.reviews-admin-card h1,
.reviews-admin-panel h1{
  color:var(--gold2);
  margin:0 0 10px;
}

.reviews-admin-card p,
.reviews-admin-panel p{
  color:#d6cbb8;
  line-height:1.8;
}

.admin-login-form{
  display:grid;
  gap:14px;
  margin-top:18px;
  text-align:right;
}

.admin-status{
  min-height:22px;
  color:#eadfc9;
}

.reviews-admin-panel{
  padding:26px;
}

.reviews-admin-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  margin-bottom:18px;
}

.admin-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.admin-secondary{
  background:rgba(255,255,255,.05)!important;
  color:var(--gold2)!important;
}

.admin-danger{
  background:rgba(150,35,35,.22)!important;
  color:#ffd1d1!important;
  border-color:rgba(255,120,120,.35)!important;
}

.admin-signout{
  border-color:rgba(255,190,92,.28)!important;
  color:#ffe3a3!important;
}

.admin-signout:hover:not(:disabled){
  background:rgba(150,35,35,.24)!important;
  border-color:rgba(255,120,120,.42)!important;
  color:#ffd9d9!important;
}

.admin-signout:disabled{
  cursor:wait;
  opacity:.7;
}

.review-filter-tabs{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:18px;
}

.review-filter-tabs button{
  background:rgba(255,255,255,.04);
  color:var(--gold2);
}

.review-filter-tabs button.active{
  background:linear-gradient(135deg,var(--gold2),#b88822);
  color:#07111f;
}

.admin-reviews-list{
  display:grid;
  gap:14px;
}

.admin-review-item{
  border:1px solid rgba(212,175,55,.18);
  border-radius:20px;
  background:rgba(255,255,255,.035);
  padding:16px;
}

.admin-review-meta{
  display:grid;
  gap:6px;
  margin-bottom:10px;
}

.admin-review-meta strong{
  color:#f4ead4;
}

.admin-review-meta small{
  color:#bfb39b;
}

.review-status{
  width:max-content;
  border-radius:999px;
  padding:4px 10px;
  font-style:normal;
  color:#07111f;
  font-weight:900;
  background:#bfb39b;
}

.status-approved{
  background:#9ee6b2;
}

.status-pending{
  background:#ffe08a;
}

.status-rejected{
  background:#ffb5b5;
}

.admin-review-item p{
  color:#eadfc9;
  line-height:1.85;
}

.admin-review-buttons{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

@media (max-width:820px){
  .reviews-shell,
  .reviews-admin-top{
    grid-template-columns:1fr;
    flex-direction:column;
  }

  .reviews-shell{
    display:grid;
    grid-template-columns:1fr;
  }

  .reviews-list-head,
  .review-card-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .reviews-admin-panel{
    padding:20px 14px;
  }
}


/* v137 - reviews pagination */
.reviews-pagination{
  margin-top:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  direction:ltr;
}

.reviews-pagination[hidden]{
  display:none!important;
}

.reviews-pagination button{
  width:42px;
  height:42px;
  border-radius:50%;
  border:1px solid rgba(212,175,55,.45);
  background:rgba(255,255,255,.04);
  color:var(--gold2);
  font-size:1.8rem;
  line-height:1;
  font-weight:900;
  cursor:pointer;
  display:grid;
  place-items:center;
}

.reviews-pagination button:disabled{
  opacity:.35;
  cursor:not-allowed;
}

.reviews-pagination span{
  min-width:74px;
  text-align:center;
  color:#eadfc9;
  font-weight:900;
  border:1px solid rgba(212,175,55,.22);
  border-radius:999px;
  padding:8px 12px;
  background:rgba(255,255,255,.035);
}


/* v138 - admin live analytics */
.admin-analytics-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:12px;
  margin:18px 0;
}

.admin-analytics-grid article{
  border:1px solid rgba(212,175,55,.18);
  border-radius:18px;
  background:rgba(255,255,255,.035);
  padding:16px;
  display:grid;
  gap:8px;
}

.admin-analytics-grid small{
  color:#bfb39b;
  line-height:1.6;
}

.admin-analytics-grid strong{
  color:var(--gold2);
  font-size:1.7rem;
  direction:ltr;
  text-align:right;
}

@media (max-width:820px){
  .admin-analytics-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}

@media (max-width:520px){
  .admin-analytics-grid{
    grid-template-columns:1fr;
  }
}


/* v143 - light luxury font upgrade (headings only) */
h1,h2,h3,.section-head h2,.center-title h2,#menuTitle,#categoryTitle{
  font-family:'Tajawal','Cairo',sans-serif !important;
  font-weight:800 !important;
  letter-spacing:0.2px;
}

.menu-lux-copy strong,
.menu-category-card strong,
.item-card h3,
.room-card h3{
  font-family:'Tajawal','Cairo',sans-serif !important;
  font-weight:700 !important;
}

body,p,small,span,li{
  font-family:'Cairo','Tajawal',sans-serif !important;
}


/* v144 - reset analytics admin button */
.admin-btn.danger{
  border-color:rgba(220,70,70,.55)!important;
  color:#ffd4d4!important;
  background:rgba(150,30,30,.14)!important;
}

.admin-btn.danger:hover{
  background:rgba(180,45,45,.24)!important;
  border-color:rgba(255,110,110,.75)!important;
}

.admin-btn.danger:disabled{
  opacity:.55;
  cursor:not-allowed;
}


/* v144 - reset analytics admin button fallback */
.danger-admin-btn{
  border:1px solid rgba(220,70,70,.55)!important;
  color:#ffd4d4!important;
  background:rgba(150,30,30,.14)!important;
  border-radius:14px;
  padding:10px 16px;
  cursor:pointer;
  font-weight:700;
}

.danger-admin-btn:hover{
  background:rgba(180,45,45,.24)!important;
  border-color:rgba(255,110,110,.75)!important;
}

.danger-admin-btn:disabled{
  opacity:.55;
  cursor:not-allowed;
}


/* v144.1 - refined booking policy cards */
.booking-policies-cards {
  max-width: 1100px;
  margin: 22px auto 10px;
  padding: 26px 22px;
  border-radius: 28px;
  border: 1px solid rgba(212,175,55,.18);
  background:
    radial-gradient(circle at top, rgba(212,175,55,.08), transparent 40%),
    linear-gradient(180deg, rgba(9,20,36,.96), rgba(6,15,28,.88));
  box-shadow: 0 18px 48px rgba(0,0,0,.18);
}

.booking-policies-head {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 22px;
}

.booking-policies-head h2 {
  margin: 8px 0 10px;
  color: #f6df9a;
  font-size: clamp(1.55rem, 2vw, 2.15rem);
}

.booking-policies-head p {
  margin: 0;
  color: rgba(230,216,184,.85);
  line-height: 1.9;
}

.booking-policies-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.booking-policy-card {
  position: relative;
  min-height: 182px;
  padding: 18px 18px 16px;
  border-radius: 22px;
  border: 1px solid rgba(212,175,55,.16);
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.booking-policy-card:hover {
  transform: translateY(-4px);
  border-color: rgba(212,175,55,.32);
  box-shadow: 0 12px 28px rgba(0,0,0,.14);
}

.policy-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 46px;
  height: 32px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(212,175,55,.11);
  color: #f0cc71;
  font-size: .9rem;
  font-weight: 800;
  letter-spacing: .08em;
  margin-bottom: 14px;
}

.booking-policy-card h3 {
  margin: 0 0 9px;
  color: #fff5d7;
  font-size: 1.08rem;
}

.booking-policy-card p {
  margin: 0;
  color: rgba(230,216,184,.86);
  line-height: 1.85;
  font-size: .96rem;
}

@media (max-width: 980px) {
  .booking-policies-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .booking-policies-cards {
    padding: 22px 16px;
    border-radius: 22px;
  }

  .booking-policies-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .booking-policy-card {
    min-height: auto;
    padding: 16px;
    border-radius: 18px;
  }
}


/* mobile Google map visibility fix */
.map-embed-wrap{
  min-height:360px;
  overflow:hidden;
  position:relative;
}

.map-embed-wrap .map-frame,
.map-embed-wrap iframe{
  display:block!important;
  width:100%!important;
  min-height:360px!important;
  background:#071524!important;
  opacity:1!important;
  visibility:visible!important;
}

.map-open-mobile{
  display:none;
  margin:14px auto 0;
  width:max-content;
  max-width:100%;
  border:1px solid rgba(212,175,55,.45);
  color:var(--gold2);
  background:rgba(212,175,55,.08);
  border-radius:999px;
  padding:11px 18px;
  font-weight:700;
  text-align:center;
}

@media (max-width:760px){
  .map-embed-wrap{
    min-height:auto!important;
    padding:14px!important;
  }

  .map-embed-wrap .map-frame,
  .map-embed-wrap iframe{
    height:320px!important;
    min-height:320px!important;
    border-radius:18px!important;
  }

  .map-open-mobile{
    display:block;
  }
}


/* v148 - contact section spacing polish */
.contact-section, .contact, #contact{
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.contact-row{
  margin-bottom: 14px !important;
}

.contact-row:last-child{
  margin-bottom: 0 !important;
}

/* give map row extra breathing space */
.contact-row a[href*='maps']{
  margin-top: 10px !important;
  display:flex;
  align-items:center;
}

.map-embed-wrap, iframe{
  margin-top: 14px !important;
  border-radius: 18px;
}


.contact-intro{
  margin:12px auto 0;
  max-width:720px;
  text-align:center;
  color:rgba(244,236,220,.82);
  font-size:1rem;
  line-height:1.9;
}

@media (max-width:760px){
  .contact-intro{
    font-size:.95rem;
    line-height:1.85;
    max-width:100%;
    padding:0 8px;
  }
}


/* Contact section visual refinement */
.contact-section-head{margin-bottom:22px}
.contact-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:24px;
  align-items:start;
  max-width:860px;
  margin:0 auto;
}
.contact-card-lux,
.contact-map-card,
.site-footer{
  position:relative;
  overflow:hidden;
}
.contact-card-lux::before,
.contact-map-card::before,
.site-footer::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at top right, rgba(212,175,55,.10), transparent 30%), linear-gradient(180deg, rgba(255,255,255,.02), transparent 40%);
}
.contact-card-lux > *,
.contact-map-card > *,
.site-footer > *{position:relative;z-index:1}
.contact-card-lux{
  border:1px solid rgba(212,175,55,.18);
  border-radius:30px;
  background:linear-gradient(160deg,rgba(8,24,40,.90),rgba(4,13,24,.94));
  box-shadow:0 18px 48px rgba(0,0,0,.28);
  padding:28px;
  display:grid;
  gap:14px;
}
.contact-card-head{margin-bottom:8px}
.contact-card-head h3,
.contact-map-head h3{
  margin:0 0 10px;
  color:var(--gold2);
  font-size:1.45rem;
}
.contact-card-head p,
.contact-map-head p,
.contact-map-note{
  margin:0;
  color:#d5c8aa;
  line-height:1.9;
}
.contact-row{
  align-items:center;
  gap:18px;
  padding:18px 20px;
  border-radius:18px;
  border:1px solid rgba(212,175,55,.16);
  background:rgba(255,255,255,.03);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.contact-row:hover{
  background:rgba(212,175,55,.08);
  border-color:rgba(212,175,55,.34);
  transform:translateY(-2px);
}
.contact-icon-img{
  width:54px;
  height:54px;
  object-fit:contain;
  flex-shrink:0;
  padding:8px;
  border-radius:14px;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(212,175,55,.14);
}
.contact-map-card{
  border:1px solid rgba(212,175,55,.18);
  border-radius:30px;
  background:linear-gradient(160deg,rgba(8,24,40,.90),rgba(4,13,24,.94));
  box-shadow:0 18px 48px rgba(0,0,0,.28);
  padding:28px;
}
.contact-map-head{margin-bottom:18px}
.contact-map-wrap{
  margin-top:0;
  border-radius:24px;
  background:rgba(255,255,255,.03);
}
.contact-map-actions{
  margin-top:18px;
  display:grid;
  gap:12px;
}
.contact-map-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 18px;
  border-radius:16px;
  text-decoration:none;
  color:#0b1724;
  background:linear-gradient(135deg,var(--gold2),#c79d3c);
  font-weight:800;
  transition:transform .2s ease, box-shadow .2s ease;
  box-shadow:0 10px 30px rgba(212,175,55,.20);
}
.contact-map-btn:hover{transform:translateY(-2px);box-shadow:0 14px 35px rgba(212,175,55,.25)}

/* Site footer */
.site-footer{
  margin-top:28px;
  border:1px solid rgba(212,175,55,.18);
  border-radius:30px;
  background:linear-gradient(160deg,rgba(8,24,40,.94),rgba(3,11,20,.98));
  box-shadow:0 18px 48px rgba(0,0,0,.28);
  padding:28px;
}
.site-footer-grid{
  display:grid;
  grid-template-columns:1.2fr 1fr 1fr .9fr;
  gap:26px;
}
.footer-col h3,
.footer-col h4{
  margin:0 0 12px;
  color:var(--gold2);
}
.footer-about p,
.footer-note{
  color:#d5c8aa;
  line-height:1.9;
}
.footer-links,
.footer-socials{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.footer-link-btn,
.footer-socials a{
  border:1px solid rgba(212,175,55,.22);
  background:rgba(212,175,55,.06);
  color:#f4e7c7;
  border-radius:14px;
  padding:10px 14px;
  font:inherit;
  cursor:pointer;
  text-decoration:none;
  transition:.24s ease;
}
.footer-link-btn:hover,
.footer-socials a:hover{
  background:rgba(212,175,55,.14);
  color:var(--gold2);
  transform:translateY(-2px);
}

.footer-quick-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.footer-quick-item{
  display:flex;
  align-items:center;
  gap:12px;
  border:1px solid rgba(212,175,55,.18);
  background:rgba(212,175,55,.05);
  border-radius:16px;
  padding:10px 12px;
  color:#f4e7c7;
  text-decoration:none;
  min-height:54px;
  transition:.24s ease;
}
.footer-quick-item:hover{
  background:rgba(212,175,55,.12);
  border-color:rgba(212,175,55,.3);
  transform:translateY(-2px);
}
.footer-quick-item img{
  width:28px;
  height:28px;
  object-fit:contain;
  flex:0 0 28px;
}
.footer-quick-item span{
  color:#d5c8aa;
  line-height:1.7;
}
.footer-note{display:block;margin-bottom:8px}
.site-footer-bottom{
  margin-top:20px;
  padding-top:18px;
  border-top:1px solid rgba(212,175,55,.12);
  color:#bfae86;
  text-align:center;
}

@media (max-width: 980px){
  .contact-grid,
  .site-footer-grid{grid-template-columns:1fr}
}
@media (max-width: 640px){
  .contact-card-lux,
  .contact-map-card,
  .site-footer{padding:20px}
  .contact-row{padding:16px 14px;gap:14px}
  .contact-icon-img{width:48px;height:48px}
  .footer-links,
  .footer-socials{gap:8px}
  .footer-link-btn,
  .footer-socials a{width:100%;justify-content:center;text-align:center}
}


/* Footer redesign: open line style instead of one large rectangle */
.site-footer-open{
  margin-top:34px;
  padding:0;
  border:none;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}
.site-footer-open::before{display:none}
.site-footer-heading{
  display:flex;
  align-items:center;
  gap:18px;
  margin-bottom:26px;
}
.footer-heading-line{
  flex:1;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(212,175,55,.55), transparent);
}
.footer-heading-text{
  color:var(--gold2);
  font-weight:800;
  letter-spacing:.4px;
  white-space:nowrap;
  font-size:1.05rem;
}
.site-footer-open .site-footer-grid{
  display:grid;
  grid-template-columns:1.2fr 1fr 1fr .9fr;
  gap:26px;
}
.site-footer-open .footer-col{
  padding:0 2px;
}
.site-footer-open .footer-col h3,
.site-footer-open .footer-col h4{
  margin:0 0 14px;
}
.site-footer-open .footer-about p{
  max-width:32ch;
}
.site-footer-open .footer-links,
.site-footer-open .footer-socials{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
}
.site-footer-open .footer-link-btn,
.site-footer-open .footer-socials a{
  padding:0;
  border:none;
  border-radius:0;
  background:none;
  color:#e9d8af;
  position:relative;
  line-height:1.8;
}
.site-footer-open .footer-link-btn::after,
.site-footer-open .footer-socials a::after{
  content:"";
  position:absolute;
  right:0;
  bottom:-3px;
  width:0;
  height:1px;
  background:linear-gradient(90deg, var(--gold2), transparent);
  transition:width .22s ease;
}
.site-footer-open .footer-link-btn:hover,
.site-footer-open .footer-socials a:hover{
  background:none;
  color:var(--gold2);
  transform:none;
}
.site-footer-open .footer-link-btn:hover::after,
.site-footer-open .footer-socials a:hover::after{
  width:100%;
}
.site-footer-open .footer-quick-list{
  display:flex;
  flex-direction:column;
  gap:0;
}
.site-footer-open .footer-quick-item{
  min-height:auto;
  padding:12px 0;
  border:none;
  border-bottom:1px dashed rgba(212,175,55,.18);
  border-radius:0;
  background:none;
}
.site-footer-open .footer-quick-item:last-child{
  border-bottom:none;
}
.site-footer-open .footer-quick-item:hover{
  background:none;
  border-color:rgba(212,175,55,.28);
  transform:none;
}
.site-footer-open .footer-quick-item img{
  width:24px;
  height:24px;
}
.site-footer-open .site-footer-bottom{
  margin-top:28px;
  padding-top:18px;
  border-top:1px solid rgba(212,175,55,.14);
  color:#bfae86;
  text-align:center;
}
@media (max-width: 980px){
  .site-footer-open .site-footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 640px){
  .site-footer-heading{gap:12px;margin-bottom:20px}
  .footer-heading-text{font-size:.96rem}
  .site-footer-open .site-footer-grid{grid-template-columns:1fr;gap:18px}
  .site-footer-open .footer-col{
    text-align:center;
    padding:0;
  }
  .site-footer-open .footer-about p{max-width:none}
  .site-footer-open .footer-links,
  .site-footer-open .footer-socials{align-items:center}
  .site-footer-open .footer-quick-list{width:min(100%,330px);margin-inline:auto}
  .site-footer-open .footer-quick-item{
    width:100%;
    justify-content:flex-start;
    gap:12px;
    text-align:start;
  }
  html[dir="rtl"] .site-footer-open .footer-quick-item{direction:rtl}
  html[dir="ltr"] .site-footer-open .footer-quick-item{direction:ltr}
  .site-footer-open .footer-quick-item img{flex:0 0 26px;width:26px;height:26px;object-fit:contain}
  .site-footer-open .footer-quick-item span{flex:1;min-width:0}
  .site-footer-open .footer-quick-item:nth-child(-n+2){
    width:max-content;
    max-width:100%;
    margin-inline:auto;
    justify-content:center;
  }
  .site-footer-open .footer-quick-item:nth-child(-n+2) span{
    flex:0 1 auto;
    width:auto;
    white-space:nowrap;
  }
}


/* v153 - refined menu update notice */
.menu-future-note{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  max-width:760px;
  margin:14px auto 0;
  padding:10px 18px;
  border:1px solid rgba(212,175,55,.22);
  border-radius:999px;
  background:rgba(212,175,55,.07);
  color:#f1dfad;
  font-size:.95rem;
  line-height:1.7;
  text-align:center;
}

.menu-lux-copy small{
  line-height:1.75;
}

.category-note{
  border-color:rgba(212,175,55,.24)!important;
  background:linear-gradient(160deg,rgba(212,175,55,.08),rgba(255,255,255,.025))!important;
}

@media (max-width:640px){
  .menu-future-note{
    border-radius:18px;
    padding:10px 14px;
    font-size:.9rem;
  }
}


/* v158 - subtle luxury blur for hero background */
.hero-overlay{
  -webkit-backdrop-filter: blur(2.4px);
  backdrop-filter: blur(2.4px);
}
@media (max-width: 920px){
  .hero-overlay{
    -webkit-backdrop-filter: blur(1.6px);
    backdrop-filter: blur(1.6px);
  }
}


/* v159 - hotel booking admin system */
.booking-admin-saved,.booking-admin-warning{grid-column:1/-1;border-radius:16px;padding:12px 14px}
.booking-admin-saved{border:1px solid rgba(89,201,129,.32);background:rgba(89,201,129,.08)}
.booking-admin-warning{border:1px solid rgba(245,199,99,.34);background:rgba(245,199,99,.08)}
.admin-bookings-section{margin:22px 0;border:1px solid rgba(212,175,55,.18);border-radius:28px;padding:22px;background:linear-gradient(145deg,rgba(10,26,44,.86),rgba(5,14,25,.9));box-shadow:0 16px 38px rgba(0,0,0,.24)}
.admin-bookings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}
.admin-bookings-head h2{color:var(--gold2);margin:6px 0 8px;font-size:1.75rem}
.admin-bookings-head p{margin:0;color:#eadfc9;line-height:1.8}
.admin-bookings-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:end;justify-content:flex-start}
.admin-bookings-controls label{display:grid;gap:6px;color:var(--gold2);font-weight:700}
.admin-bookings-controls input,.admin-bookings-controls select{min-height:42px;border:1px solid rgba(212,175,55,.28);border-radius:12px;padding:8px 10px;background:rgba(4,12,22,.74);color:var(--cream)}
.admin-bookings-controls button,.admin-whatsapp-link{min-height:42px;border:1px solid var(--gold);border-radius:12px;padding:10px 14px;background:rgba(212,175,55,.10);color:var(--gold2);text-decoration:none;cursor:pointer}
.booking-inventory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 18px}
.booking-inventory-card{border:1px solid rgba(212,175,55,.18);border-radius:18px;padding:16px;background:rgba(255,255,255,.03)}
.booking-inventory-card small{display:block;color:#d5c8aa;margin-bottom:6px}
.booking-inventory-card strong{display:block;color:var(--gold2);font-size:1.7rem;margin-bottom:4px}
.booking-inventory-card span{color:#eadfc9;font-size:.92rem}
.booking-inventory-card.is-full{border-color:rgba(255,105,105,.34);background:rgba(255,105,105,.08)}
.admin-bookings-list{display:grid;gap:14px}
.admin-booking-item{border:1px solid rgba(212,175,55,.16);border-radius:22px;padding:18px;background:rgba(4,12,22,.58)}
.admin-booking-main{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}
.admin-booking-main strong{color:var(--gold2);font-size:1.2rem}
.admin-booking-main small{display:block;color:#eadfc9;margin-top:6px}
.admin-booking-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;color:#eadfc9}
.admin-booking-details span{border:1px solid rgba(212,175,55,.11);border-radius:14px;padding:10px;background:rgba(255,255,255,.025)}
.admin-booking-notes{color:#f4e7c7;line-height:1.8;margin:12px 0 0;border-top:1px solid rgba(212,175,55,.12);padding-top:12px}
.admin-booking-buttons{margin-top:14px}
.admin-booking-item.status-approved{border-color:rgba(89,201,129,.28)}
.admin-booking-item.status-rejected{border-color:rgba(255,105,105,.28)}
@media (max-width:900px){.admin-bookings-head{display:grid}.booking-inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-booking-details{grid-template-columns:1fr}}
@media (max-width:560px){.booking-inventory-grid{grid-template-columns:1fr}.admin-bookings-section{padding:16px}}


/* v160 - separated admin dashboard and bookings tabs */
.admin-panel-tabs{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:18px 0 22px;
  border:1px solid rgba(212,175,55,.16);
  border-radius:18px;
  padding:8px;
  background:rgba(255,255,255,.025);
}
.admin-panel-tabs button{
  flex:1;
  min-height:46px;
  border:1px solid rgba(212,175,55,.18);
  border-radius:14px;
  background:rgba(212,175,55,.06);
  color:#eadfc9;
  font-weight:800;
  cursor:pointer;
}
.admin-panel-tabs button.active{
  background:linear-gradient(135deg,rgba(212,175,55,.24),rgba(212,175,55,.08));
  border-color:rgba(212,175,55,.46);
  color:var(--gold2);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);
}
.admin-dashboard-section,
.admin-bookings-section{
  animation:adminFadeIn .22s ease;
}
.admin-section-title,
.dashboard-reviews-head{
  border:1px solid rgba(212,175,55,.14);
  border-radius:22px;
  padding:18px;
  margin:0 0 16px;
  background:rgba(255,255,255,.025);
}
.admin-section-title h2,
.dashboard-reviews-head h2{
  color:var(--gold2);
  margin:6px 0 8px;
}
.admin-section-title p,
.dashboard-reviews-head p{
  color:#eadfc9;
  margin:0;
  line-height:1.8;
}
@keyframes adminFadeIn{
  from{opacity:.35;transform:translateY(6px)}
  to{opacity:1;transform:none}
}
@media (max-width:560px){
  .admin-panel-tabs{display:grid}
}

/* ══════════════════════════════════════════════════
   v161 - Admin Site Editor / No-code CMS
   ══════════════════════════════════════════════════ */
.site-editor-section{display:grid;gap:20px}.site-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px;border:1px solid rgba(212,175,55,.22);border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(212,175,55,.05));box-shadow:0 18px 42px rgba(0,0,0,.18)}.site-editor-head h2{margin:4px 0 8px;color:var(--gold2)}.site-editor-head p{margin:0;color:rgba(255,255,255,.72)}.site-editor-actions,.site-editor-toolbar{display:flex;flex-wrap:wrap;gap:10px}.site-editor-status{min-height:22px;padding:0 4px;color:rgba(255,255,255,.72);font-weight:800}.site-editor-status[data-type="success"]{color:#8ff0bd}.site-editor-status[data-type="warning"]{color:#ffd37a}.site-editor-status[data-type="error"]{color:#ff9d9d}.site-editor-main-tabs,.site-editor-group-tabs{display:flex;flex-wrap:wrap;gap:10px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:rgba(255,255,255,.04)}.site-editor-main-tabs button,.site-editor-group-tabs button,.site-editor-actions button,.site-editor-toolbar button,.site-editor-items-head button,.item-editor-top button,.mini-editor-item button{border:1px solid rgba(212,175,55,.28);background:rgba(212,175,55,.1);color:#fff;border-radius:15px;padding:11px 16px;font-family:inherit;font-weight:900;cursor:pointer}.site-editor-main-tabs button.active,.site-editor-group-tabs button.active{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#08111e;box-shadow:0 10px 26px rgba(212,175,55,.2)}.site-editor-workspace{display:grid;gap:18px}.site-editor-card{border:1px solid rgba(212,175,55,.18);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));padding:22px;box-shadow:0 16px 42px rgba(0,0,0,.16)}.site-editor-card-head{margin-bottom:18px}.site-editor-card-head h3{margin:6px 0;color:#fff}.site-editor-card-head p{margin:0;color:rgba(255,255,255,.68)}.site-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.site-editor-field,.mini-editor-item label,.menu-item-editor label{display:grid;gap:7px;color:rgba(255,255,255,.82);font-weight:800}.site-editor-field.wide,.mini-editor-item label.wide,.menu-item-editor label.wide{grid-column:1/-1}.site-editor-field span,.mini-editor-item label span,.menu-item-editor label span{font-size:.92rem;color:var(--gold2)}.site-editor-field small{color:rgba(255,255,255,.52);font-weight:700}.site-editor-field input,.site-editor-field textarea,.site-editor-toolbar select,.mini-editor-item input,.mini-editor-item textarea,.menu-item-editor input,.menu-item-editor textarea,.site-config-json{width:100%;border:1px solid rgba(212,175,55,.22);border-radius:15px;background:rgba(0,0,0,.18);color:#fff;padding:12px 13px;font-family:inherit;font-weight:700;outline:none}.site-editor-field textarea,.menu-item-editor textarea,.site-config-json{resize:vertical;line-height:1.8}.site-editor-field input:focus,.site-editor-field textarea:focus,.mini-editor-item input:focus,.menu-item-editor input:focus,.menu-item-editor textarea:focus,.site-config-json:focus{border-color:rgba(245,214,123,.72);box-shadow:0 0 0 3px rgba(212,175,55,.12)}.site-editor-image-row{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center}.site-editor-image-row img{width:120px;height:86px;object-fit:cover;border-radius:16px;border:1px solid rgba(212,175,55,.24);background:#061425}.site-editor-image-row input[type="file"]{margin-top:8px}.small-toolbar{align-items:center;margin-bottom:18px}.small-toolbar select{max-width:280px}.site-editor-items-head,.item-editor-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 12px}.site-editor-items-head h4,.site-editor-card h4{margin:14px 0 10px;color:var(--gold2)}.mini-editor-list,.menu-items-editor{display:grid;gap:12px}.mini-editor-item,.menu-item-editor{border:1px solid rgba(255,255,255,.09);border-radius:20px;background:rgba(0,0,0,.13);padding:15px;display:grid;gap:12px}.mini-editor-item strong,.menu-item-editor strong{color:#fff}.item-editor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.item-editor-grid .wide{grid-column:1/-1}.custom-css-box{display:grid;margin-top:16px}.site-config-json{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;direction:ltr;text-align:left}.admin-danger,.site-editor-toolbar .admin-danger,.item-editor-top .admin-danger,.mini-editor-item .admin-danger{border-color:rgba(255,116,116,.35)!important;background:rgba(255,72,72,.12)!important;color:#ffd2d2!important}.site-editor-main-tabs button,.site-editor-group-tabs button{white-space:nowrap}@media (max-width:820px){.site-editor-head{display:grid}.site-editor-grid,.item-editor-grid{grid-template-columns:1fr}.site-editor-image-row{grid-template-columns:1fr}.site-editor-image-row img{width:100%;height:180px}.site-editor-actions button,.site-editor-toolbar button,.site-editor-main-tabs button,.site-editor-group-tabs button{flex:1 1 auto}.small-toolbar select{max-width:none;width:100%}}

/* v162 - separated admin reset panels + richer site image editor */
.admin-reset-zone{
  margin:16px 0;
  border:1px solid rgba(255,116,116,.24);
  border-radius:22px;
  padding:15px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  background:linear-gradient(135deg,rgba(255,72,72,.09),rgba(212,175,55,.045));
}
.admin-reset-zone strong{display:block;color:#fff;margin-bottom:4px;font-size:1rem}
.admin-reset-zone small{display:block;color:rgba(255,255,255,.68);line-height:1.7}
.booking-stats-panel{
  border:1px solid rgba(212,175,55,.16);
  border-radius:24px;
  padding:18px;
  margin:0 0 18px;
  background:rgba(255,255,255,.04);
}
.compact-title{margin-bottom:12px!important}
.compact-title h3{margin:4px 0 8px;color:var(--gold2);font-size:1.35rem}
.booking-analytics-grid{margin-bottom:14px}
.home-images-master-card{padding:18px}
.home-images-editor-grid{display:grid;gap:16px}
.home-image-editor-card{
  display:grid;
  grid-template-columns:minmax(180px,260px) 1fr;
  gap:18px;
  border:1px solid rgba(212,175,55,.16);
  border-radius:24px;
  padding:16px;
  background:rgba(0,0,0,.12);
}
.home-image-preview{min-height:180px;border:1px solid rgba(212,175,55,.18);border-radius:20px;overflow:hidden;background:#061425;display:grid;place-items:center}
.home-image-preview img,.home-bg-preview{width:100%;height:100%;min-height:180px;display:block}
.home-image-preview img{object-fit:cover}
.home-bg-preview{background-repeat:no-repeat;background-color:#061425}
.home-image-editor-body{display:grid;gap:12px}
.compact-head{margin-bottom:0!important}
.compact-head h3{font-size:1.2rem!important;margin:4px 0!important}
.image-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.image-control-grid label{display:grid;gap:7px;color:rgba(255,255,255,.82);font-weight:800}
.image-control-grid label span{color:var(--gold2);font-size:.9rem}
.image-control-grid select,
.range-row input[type="number"]{
  width:100%;border:1px solid rgba(212,175,55,.22);border-radius:14px;background:rgba(0,0,0,.18);color:#fff;padding:10px 12px;font-family:inherit;font-weight:800;outline:none;
}
.range-row{display:grid;grid-template-columns:1fr 82px 30px;align-items:center;gap:8px}
.range-row input[type="range"]{width:100%;accent-color:var(--gold2)}
.range-row small{color:rgba(255,255,255,.55);font-weight:800}
.editor-image-row-large{grid-template-columns:150px 1fr!important}
.editor-image-row-large img{width:150px!important;height:110px!important}
.site-editor-field select{border:1px solid rgba(212,175,55,.22);border-radius:15px;background:rgba(0,0,0,.18);color:#fff;padding:12px 13px;font-family:inherit;font-weight:700;outline:none}
@media (max-width:860px){
  .admin-reset-zone{display:grid;text-align:right}
  .home-image-editor-card{grid-template-columns:1fr}
  .home-image-preview{min-height:220px}
  .image-control-grid{grid-template-columns:1fr}
  .editor-image-row-large{grid-template-columns:1fr!important}
  .editor-image-row-large img{width:100%!important;height:180px!important}
}


/* v163 - detailed room image editor */
.site-editor-help-text{margin:-4px 0 14px;color:rgba(255,255,255,.62);font-weight:800;line-height:1.8}
.room-images-editor-list{display:grid;gap:16px}
.room-image-editor-card{display:grid;grid-template-columns:260px 1fr;gap:16px;border:1px solid rgba(212,175,55,.16);border-radius:24px;background:rgba(0,0,0,.16);padding:16px;align-items:start}
.room-image-editor-preview{width:100%;min-height:220px;max-height:620px;border-radius:20px;overflow:hidden;border:1px solid rgba(212,175,55,.28);background:rgba(4,15,28,.82);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.room-image-editor-preview img{width:100%;height:100%;display:block}
.room-image-editor-body{display:grid;gap:12px}
.room-image-editor-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#fff}
.room-image-editor-top div{display:flex;flex-wrap:wrap;gap:8px}
.room-image-editor-top button{border:1px solid rgba(212,175,55,.28);background:rgba(212,175,55,.1);color:#fff;border-radius:12px;padding:9px 12px;font-family:inherit;font-weight:900;cursor:pointer}
.room-image-control-grid{margin-top:2px}
.compact-range-row{grid-template-columns:minmax(90px,1fr) 82px auto}
@media (max-width:900px){.room-image-editor-card{grid-template-columns:1fr}.room-image-editor-preview{height:280px!important}.room-image-editor-top{align-items:flex-start;flex-direction:column}}

/* v164 - cleaner booking stats and two reset options */
.split-reset-zone{
  align-items:flex-start;
}
.booking-reset-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:flex-end;
}
.booking-reset-actions button{
  min-width:160px;
}
.booking-analytics-grid article:first-child{
  background:linear-gradient(135deg,rgba(212,175,55,.1),rgba(255,255,255,.035));
  border-color:rgba(245,214,123,.32);
}
@media (max-width:680px){
  .booking-reset-actions{display:grid;justify-content:stretch}
  .booking-reset-actions button{width:100%;min-width:0}
}


/* v167 - ترتيب تبويبات الأدمن + حجز يدوي */
.admin-panel-tabs{
  justify-content:center;
}
.manual-booking-panel,
.booking-stats-panel{
  border:1px solid rgba(212,175,55,.22);
  border-radius:24px;
  background:linear-gradient(145deg, rgba(8,22,38,.94), rgba(4,13,24,.9));
  padding:22px;
  margin:22px 0;
  box-shadow:0 18px 42px rgba(0,0,0,.25);
}
.manual-booking-form{
  display:grid;
  grid-template-columns:repeat(3,minmax(180px,1fr));
  gap:14px;
  margin-top:16px;
}
.manual-booking-form label{
  display:grid;
  gap:8px;
  color:#f6dc8d;
  font-weight:800;
}
.manual-booking-form input,
.manual-booking-form select,
.manual-booking-form textarea{
  width:100%;
  border:1px solid rgba(212,175,55,.25);
  border-radius:14px;
  background:rgba(3,12,22,.82);
  color:#fff;
  padding:12px 14px;
  font:inherit;
  outline:none;
}
.manual-booking-form textarea{
  resize:vertical;
}
.manual-booking-wide{
  grid-column:span 2;
}
.manual-booking-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  grid-column:1/-1;
  flex-wrap:wrap;
  border-top:1px solid rgba(212,175,55,.14);
  padding-top:14px;
}
.manual-booking-actions button{
  border:1px solid rgba(245,214,123,.7);
  background:linear-gradient(135deg,#d4af37,#f5d67b);
  color:#07111f;
  border-radius:999px;
  padding:12px 24px;
  font-weight:900;
  cursor:pointer;
}
.manual-booking-actions small{
  color:#c9b98d;
  font-weight:800;
}
.manual-booking-actions small[data-type="success"]{color:#8ef0b0}
.manual-booking-actions small[data-type="error"]{color:#ff9d9d}
.admin-reset-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.admin-reset-actions .danger-admin-btn{
  min-width:170px;
}
@media (max-width:900px){
  .manual-booking-form{grid-template-columns:1fr}
  .manual-booking-wide{grid-column:auto}
  .manual-booking-actions{justify-content:center;text-align:center}
  .admin-reset-actions{justify-content:center}
}


/* v168 - hide inactive admin sections and reorder booking dashboard */
.admin-dashboard-section[hidden],
.admin-bookings-section[hidden],
.site-editor-section[hidden]{
  display:none !important;
}
.bookings-list-title{
  margin-top:22px;
  margin-bottom:12px;
  text-align:right;
}
.booking-stats-panel{
  margin-top:22px !important;
}
.manual-booking-panel{
  margin-top:18px !important;
}

/* v169 - تقويم، تعديل حجز، تقارير وتصدير */
.booking-calendar-panel,
.booking-edit-panel,
.booking-reports-panel{
  border:1px solid rgba(212,175,55,.22);
  border-radius:24px;
  background:linear-gradient(145deg, rgba(8,22,38,.94), rgba(4,13,24,.9));
  padding:22px;
  margin:22px 0;
  box-shadow:0 18px 42px rgba(0,0,0,.25);
}
.booking-edit-panel[hidden]{display:none!important}
.booking-calendar-grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(78px,1fr));
  gap:10px;
  margin-top:16px;
}
.calendar-month-title{
  grid-column:1/-1;
  text-align:center;
  color:var(--gold2);
  font-weight:900;
  font-size:1.15rem;
  padding:8px 0 14px;
}
.booking-calendar-day{
  min-height:94px;
  border:1px solid rgba(212,175,55,.18);
  border-radius:16px;
  background:rgba(4,14,26,.72);
  padding:12px;
  display:grid;
  gap:5px;
  align-content:start;
}
.booking-calendar-day strong{color:#fff;font-size:1.1rem}
.booking-calendar-day small{color:#cdbf99;font-weight:800}
.booking-calendar-day em{color:#ffd978;font-style:normal;font-size:.85rem;font-weight:900}
.booking-calendar-day.has-bookings{
  background:linear-gradient(145deg,rgba(212,175,55,.14),rgba(4,14,26,.82));
  border-color:rgba(245,214,123,.38);
}
.booking-reports-grid{margin-top:14px}
.reports-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin:16px 0;
  flex-wrap:wrap;
}
.reports-actions button,
.manual-booking-actions .admin-secondary{
  border:1px solid rgba(245,214,123,.35);
  background:rgba(8,22,38,.88);
  color:#f7d979;
  border-radius:999px;
  padding:11px 20px;
  font-weight:900;
  cursor:pointer;
}
.audit-log-box{
  border-top:1px solid rgba(212,175,55,.16);
  padding-top:16px;
  color:#eadfc9;
}
.audit-log-box > strong{display:block;color:var(--gold2);margin-bottom:12px}
.audit-log-list{display:grid;gap:8px}
.audit-log-item{
  border:1px solid rgba(212,175,55,.13);
  border-radius:14px;
  padding:10px 12px;
  background:rgba(0,0,0,.16);
  display:grid;
  gap:4px;
}
.audit-log-item strong{color:#fff}
.audit-log-item span{color:#eadfc9}
.audit-log-item small{color:#9f9378}
.admin-booking-details span b{color:#f6dc8d}
@media (max-width:900px){
  .booking-calendar-grid{grid-template-columns:repeat(2,1fr)}
  .booking-calendar-day{min-height:82px}
  .reports-actions{justify-content:center}
}
@media (max-width:520px){
  .booking-calendar-grid{grid-template-columns:1fr}
}

/* v170 - Arabic / English / Turkish language switcher */
.language-switcher{
  display:none;
  align-items:center;
  gap:6px;
  padding:5px;
  border:1px solid rgba(212,175,55,.24);
  border-radius:999px;
  background:rgba(5,15,27,.78);
  box-shadow:0 12px 28px rgba(0,0,0,.22);
}
.language-switcher button{
  border:1px solid transparent;
  border-radius:999px;
  padding:7px 10px;
  background:transparent;
  color:#eadfc9;
  font-weight:900;
  letter-spacing:.3px;
  cursor:pointer;
}
.language-switcher button.active{
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  color:#07111f;
  border-color:rgba(245,214,123,.8);
}
html[dir="ltr"] body,
body[dir="ltr"]{
  direction:ltr;
}
html[dir="ltr"] .section-copy,
html[dir="ltr"] .contact-card,
html[dir="ltr"] .booking-form,
html[dir="ltr"] .site-footer,
html[dir="ltr"] .category-page{
  text-align:left;
}
html[dir="ltr"] .top-nav,
html[dir="ltr"] .primary-actions,
html[dir="ltr"] .feature-strip,
html[dir="ltr"] .hotel-amenity-row{
  direction:ltr;
}
html[dir="ltr"] .site-header{
  direction:ltr;
}
@media (max-width:920px){
  .language-switcher{order:4;margin-inline:auto;}
}

.site-editor-language-tabs{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:center;
  margin:0 0 18px;
  padding:12px;
  border:1px solid rgba(212,175,55,.18);
  border-radius:18px;
  background:rgba(5,15,27,.66);
}
.site-editor-language-tabs button{
  border:1px solid rgba(212,175,55,.35);
  border-radius:999px;
  background:rgba(212,175,55,.06);
  color:#f5d67b;
  padding:10px 18px;
  font-weight:900;
  cursor:pointer;
}
.site-editor-language-tabs button.active{
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  color:#07111f;
}


/* v172 - Language selector flags + partner cleanup */
.language-switcher{
  display:none;
  align-items:center;
  gap:6px;
  padding:6px;
}
.language-switcher button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-width:54px;
  height:38px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(245,214,123,.28);
  background:rgba(5,16,29,.72);
  color:#f7e6b3;
  font-weight:900;
  cursor:pointer;
}
.language-switcher button.active{
  background:linear-gradient(135deg,#d4af37,#f5d67b);
  color:#07111f;
  border-color:#f5d67b;
}
.language-switcher .lang-flag{
  font-size:1.05rem;
  line-height:1;
}

.partner-promo{
  align-items:center;
}
.partner-promo-copy{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center!important;
  min-height:240px;
}
.partner-promo p{
  max-width:640px;
  margin-inline:auto;
}
.partner-eyebrow{
  white-space:nowrap;
}
body[dir="ltr"] .partner-promo-copy,
body[dir="rtl"] .partner-promo-copy{
  text-align:center!important;
}
body[dir="ltr"] .partner-promo{
  direction:ltr;
}
body.nile-home-active .language-switcher{
  display:flex;
}
@media (max-width:920px){
  body.nile-home-active .language-switcher{
    justify-content:center;
    flex-wrap:wrap;
  }
  .language-switcher button{
    min-width:48px;
    height:34px;
    padding:0 8px;
  }
  .partner-promo-copy{
    min-height:0;
  }
}


/* v173 - final language/partner cleanup */
.language-switcher{display:none;align-items:center;gap:6px;padding:6px;}
body.nile-home-active .language-switcher{display:flex;}
.language-switcher button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:54px;height:38px;padding:0 10px;border-radius:999px;border:1px solid rgba(245,214,123,.28);background:rgba(5,16,29,.72);color:#f7e6b3;font-weight:900;cursor:pointer;}
.language-switcher button.active{background:linear-gradient(135deg,#d4af37,#f5d67b);color:#07111f;border-color:#f5d67b;}
.language-switcher .lang-flag{font-size:1.05rem;line-height:1;}
.partner-promo{grid-template-columns:minmax(0,1fr) minmax(260px,.85fr);align-items:center;gap:34px;}
.partner-promo-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center!important;min-height:260px;padding-inline:22px;}
.partner-promo p{max-width:680px;margin-inline:auto;text-align:center;line-height:2;}
.partner-eyebrow{white-space:nowrap;}
body[dir="ltr"] .partner-promo,body[dir="rtl"] .partner-promo{direction:inherit;}
body[dir="ltr"] .partner-promo-copy,body[dir="rtl"] .partner-promo-copy{text-align:center!important;}
@media (max-width:920px){body.nile-home-active .language-switcher{justify-content:center;flex-wrap:wrap}.language-switcher button{min-width:48px;height:34px;padding:0 8px}.partner-promo{grid-template-columns:1fr}.partner-promo-copy{min-height:0;padding-inline:4px}.partner-promo-logo{order:-1}.partner-promo p{font-size:1rem}}


/* v174 - Contact page language + spacing fix */
#contact.view{
  padding-top:34px;
}
#contact .contact-section-head{
  margin-bottom:42px!important;
  position:relative;
  z-index:2;
}
#contact .contact-grid{
  margin-top:0!important;
  gap:34px!important;
  position:relative;
  z-index:1;
}
#contact .contact-card-lux{
  margin-top:0!important;
}
#contact .contact-card-head,
#contact .contact-map-head{
  padding-bottom:4px;
}
#contact .contact-row > div{
  min-width:0;
}
#contact .contact-row strong,
#contact .contact-row small{
  word-break:normal;
  overflow-wrap:anywhere;
}
html[dir="ltr"] #contact .contact-section-head,
html[dir="ltr"] #contact .contact-card-lux,
html[dir="ltr"] #contact .contact-map-card{
  text-align:center;
}
html[dir="ltr"] #contact .contact-row{
  text-align:left;
}
@media (max-width:760px){
  #contact.view{padding-top:22px;}
  #contact .contact-section-head{margin-bottom:30px!important;}
  #contact .contact-grid{gap:24px!important;}
  #contact .contact-card-lux,
  #contact .contact-map-card{padding:22px!important;}
}


/* v175 - remove unwanted lower-left hero leaf decoration in all languages */
.hero::after,
.hero:after{
  display:none!important;
  content:none!important;
  background:none!important;
  border:0!important;
  opacity:0!important;
  width:0!important;
  height:0!important;
}

/* v176 - full mobile menu/card cleanup */
@media (max-width: 760px){
  html, body{
    overflow-x:hidden;
  }
  .page-shell{
    width:100%!important;
    max-width:100%!important;
    padding:0 12px 34px!important;
    margin:0 auto!important;
  }
  .site-header{
    width:100%!important;
    max-width:100%!important;
    min-height:68px!important;
    padding:10px 12px!important;
    gap:10px!important;
    border-radius:20px!important;
    top:8px!important;
  }
  .nav-toggle{
    width:48px!important;
    height:48px!important;
    flex:0 0 48px!important;
  }
  .book-pill{
    min-height:48px!important;
    padding:10px 16px!important;
    font-size:1rem!important;
    border-radius:18px!important;
    justify-content:center!important;
  }
  body.nile-home-active .language-switcher{
    width:100%;
    justify-content:center!important;
    margin:2px auto 0!important;
    order:5!important;
  }

  .menu-lux-view{
    padding:34px 0 34px!important;
    border-radius:24px!important;
    overflow:hidden!important;
  }
  .menu-lux-shell{
    width:100%!important;
    padding:0 14px!important;
  }
  .menu-lux-head{
    padding:10px 8px 24px!important;
  }
  .menu-lux-head h2{
    font-size:clamp(2.1rem, 10vw, 3rem)!important;
    line-height:1.15!important;
    overflow-wrap:break-word!important;
  }
  .menu-lux-head p,
  .menu-future-note{
    font-size:1rem!important;
    line-height:1.7!important;
    max-width:100%!important;
  }
  .menu-lux-grid{
    grid-template-columns:1fr!important;
    gap:18px!important;
    direction:inherit!important;
    width:100%!important;
  }
  .menu-lux-card,
  body[dir="ltr"] .menu-lux-card,
  body[dir="rtl"] .menu-lux-card{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    text-align:center!important;
    min-height:auto!important;
    padding:22px 18px 30px!important;
    gap:14px!important;
    border-radius:24px!important;
    overflow:hidden!important;
    direction:inherit!important;
  }
  .menu-lux-card::before{
    inset:10px!important;
    border-radius:18px!important;
  }
  .menu-lux-image,
  body[dir="ltr"] .menu-lux-image,
  body[dir="rtl"] .menu-lux-image{
    position:relative!important;
    width:128px!important;
    height:128px!important;
    flex:0 0 128px!important;
    margin:0 auto!important;
    order:0!important;
    transform:none!important;
  }
  .menu-lux-image img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
  .menu-lux-copy,
  body[dir="ltr"] .menu-lux-copy,
  body[dir="rtl"] .menu-lux-copy{
    align-items:center!important;
    text-align:center!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    order:1!important;
  }
  .menu-lux-copy strong{
    font-size:clamp(1.55rem, 7vw, 2.05rem)!important;
    line-height:1.25!important;
    max-width:100%!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  .menu-lux-copy small{
    font-size:clamp(1rem, 4.5vw, 1.16rem)!important;
    line-height:1.72!important;
    max-width:100%!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
  .menu-lux-divider{
    position:relative!important;
    left:auto!important;
    bottom:auto!important;
    transform:none!important;
    order:2!important;
    margin-top:2px!important;
  }
  .menu-lux-corner{
    display:none!important;
  }
}

@media (max-width: 430px){
  .page-shell{padding-inline:10px!important;}
  .site-header{padding:9px 10px!important;}
  .book-pill{font-size:.96rem!important;padding-inline:14px!important;}
  .menu-lux-shell{padding:0 10px!important;}
  .menu-lux-card{padding:20px 14px 28px!important;}
  .menu-lux-image{width:118px!important;height:118px!important;flex-basis:118px!important;}
  .menu-lux-copy strong{font-size:clamp(1.45rem, 7.3vw, 1.9rem)!important;}
  .menu-lux-copy small{font-size:1rem!important;line-height:1.68!important;}
}

/* v176 - category item cards on mobile */
@media (max-width: 640px){
  .category-detail-shell,
  .category-page{
    padding-inline:10px!important;
  }
  .category-items-grid{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
  .category-item-card,
  .item-card{
    padding:20px 16px!important;
    border-radius:22px!important;
    text-align:center!important;
  }
  .category-item-card h3,
  .item-card h3{
    font-size:1.55rem!important;
    line-height:1.25!important;
  }
  .category-item-card p,
  .item-card p{
    font-size:1rem!important;
    line-height:1.75!important;
  }
}


/* v177 - premium mobile menu redesign */
@media (max-width: 760px){
  .menu-lux-view{
    padding:22px 0 34px!important;
    border-radius:0!important;
    background:
      radial-gradient(circle at 50% 0%, rgba(245,214,123,.16), transparent 18rem),
      radial-gradient(circle at 12% 30%, rgba(212,175,55,.08), transparent 15rem),
      linear-gradient(180deg, rgba(3,10,18,.92), rgba(3,12,23,.98)),
      url('assets/menu-real/menu-bg.webp') center top / cover no-repeat!important;
  }

  .menu-lux-shell{
    width:100%!important;
    padding:0 12px!important;
  }

  .menu-lux-head{
    width:100%!important;
    margin:0 auto 18px!important;
    padding:22px 16px 18px!important;
    border:1px solid rgba(245,214,123,.32)!important;
    border-radius:26px!important;
    background:
      linear-gradient(145deg, rgba(12,30,51,.78), rgba(4,13,24,.92))!important;
    box-shadow:
      0 18px 42px rgba(0,0,0,.32),
      inset 0 0 0 1px rgba(255,255,255,.035)!important;
    overflow:hidden!important;
  }

  .menu-lux-head::before{
    content:"";
    display:block;
    width:42px;
    height:42px;
    margin:0 auto 8px;
    background:url('assets/ui/fleur-small.png') center/contain no-repeat;
    filter:drop-shadow(0 0 12px rgba(245,214,123,.32));
  }

  .menu-lux-head h2{
    font-size:clamp(2rem, 9vw, 2.75rem)!important;
    line-height:1.12!important;
    margin:0!important;
    letter-spacing:.01em!important;
  }

  .menu-lux-head p{
    font-size:clamp(.98rem, 4.3vw, 1.08rem)!important;
    line-height:1.75!important;
    margin:10px auto 0!important;
    max-width:30rem!important;
    color:#f7ead0!important;
  }

  .menu-lux-head-divider{
    width:min(210px, 58vw)!important;
    height:28px!important;
    margin:8px auto 0!important;
  }

  .menu-future-note{
    width:100%!important;
    margin:10px auto 20px!important;
    padding:13px 16px!important;
    border-radius:20px!important;
    font-size:.98rem!important;
    line-height:1.7!important;
    color:#d8c99e!important;
    background:linear-gradient(145deg,rgba(212,175,55,.08),rgba(6,18,32,.72))!important;
    border:1px solid rgba(212,175,55,.18)!important;
  }

  .menu-lux-grid{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
    margin:0 auto!important;
    direction:inherit!important;
  }

  .menu-lux-card,
  body[dir="ltr"] .menu-lux-card,
  body[dir="rtl"] .menu-lux-card{
    position:relative!important;
    width:100%!important;
    max-width:430px!important;
    min-height:auto!important;
    margin:0 auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    padding:18px 16px 22px!important;
    text-align:center!important;
    direction:inherit!important;
    border-radius:26px!important;
    border:1px solid rgba(245,214,123,.70)!important;
    background:
      radial-gradient(circle at 50% 0%, rgba(245,214,123,.13), transparent 10rem),
      linear-gradient(155deg, rgba(11,31,54,.95), rgba(5,15,28,.98))!important;
    box-shadow:
      0 16px 34px rgba(0,0,0,.34),
      inset 0 0 0 1px rgba(255,255,255,.04)!important;
    overflow:hidden!important;
    transform:none!important;
  }

  .menu-lux-card::before{
    content:""!important;
    position:absolute!important;
    inset:9px!important;
    border-radius:20px!important;
    border:1px solid rgba(245,214,123,.17)!important;
    pointer-events:none!important;
  }

  .menu-lux-card::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:auto 20% -1px 20%!important;
    height:1px!important;
    background:linear-gradient(90deg, transparent, rgba(245,214,123,.75), transparent)!important;
    opacity:.75!important;
    width:auto!important;
    pointer-events:none!important;
  }

  .menu-lux-image,
  body[dir="ltr"] .menu-lux-image,
  body[dir="rtl"] .menu-lux-image{
    width:104px!important;
    height:104px!important;
    flex:0 0 104px!important;
    margin:2px auto 0!important;
    order:0!important;
    border-radius:50%!important;
    border:3px solid rgba(255,255,255,.92)!important;
    background:rgba(255,255,255,.025)!important;
    box-shadow:
      0 12px 20px rgba(0,0,0,.34),
      0 0 0 7px rgba(245,214,123,.06)!important;
    transform:none!important;
    overflow:hidden!important;
    z-index:1!important;
  }

  .menu-lux-image img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }

  .menu-lux-copy,
  body[dir="ltr"] .menu-lux-copy,
  body[dir="rtl"] .menu-lux-copy{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    order:1!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    text-align:center!important;
    gap:8px!important;
    z-index:1!important;
  }

  .menu-lux-copy strong{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:2px auto 0!important;
    color:#f9db76!important;
    font-size:clamp(1.34rem, 6.1vw, 1.72rem)!important;
    line-height:1.22!important;
    letter-spacing:.01em!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    text-shadow:0 6px 18px rgba(0,0,0,.45)!important;
  }

  .menu-lux-copy small{
    display:block!important;
    width:100%!important;
    max-width:21rem!important;
    margin:0 auto!important;
    color:#fff4df!important;
    font-size:clamp(.92rem, 3.8vw, 1.02rem)!important;
    line-height:1.7!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }

  .menu-lux-divider{
    order:2!important;
    position:relative!important;
    left:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:120px!important;
    height:17px!important;
    margin:2px auto 0!important;
    opacity:.9!important;
  }

  .menu-lux-corner{
    display:none!important;
  }
}

@media (max-width: 430px){
  .menu-lux-shell{
    padding:0 10px!important;
  }

  .menu-lux-head{
    padding:20px 13px 16px!important;
    border-radius:24px!important;
  }

  .menu-lux-card,
  body[dir="ltr"] .menu-lux-card,
  body[dir="rtl"] .menu-lux-card{
    max-width:100%!important;
    padding:17px 13px 21px!important;
    border-radius:24px!important;
  }

  .menu-lux-image,
  body[dir="ltr"] .menu-lux-image,
  body[dir="rtl"] .menu-lux-image{
    width:96px!important;
    height:96px!important;
    flex-basis:96px!important;
  }

  .menu-lux-copy strong{
    font-size:clamp(1.26rem, 6.7vw, 1.55rem)!important;
  }

  .menu-lux-copy small{
    font-size:.94rem!important;
    line-height:1.66!important;
    max-width:18.5rem!important;
  }
}

@media (max-width: 360px){
  .menu-lux-card{
    padding-inline:11px!important;
  }
  .menu-lux-image{
    width:88px!important;
    height:88px!important;
    flex-basis:88px!important;
  }
  .menu-lux-copy strong{
    font-size:1.22rem!important;
  }
  .menu-lux-copy small{
    font-size:.9rem!important;
  }
}


/* v178 - desktop header action group: Book Now beside languages */
@media (min-width: 921px){
  .site-header{
    justify-content:flex-start!important;
    gap:18px!important;
  }

  .brand-mini{
    flex:0 0 auto!important;
  }

  .top-nav{
    flex:1 1 auto!important;
    justify-content:center!important;
    min-width:0!important;
  }

  .book-pill{
    order:20!important;
    margin-inline-start:auto!important;
    margin-inline-end:8px!important;
    min-height:46px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:18px!important;
    padding:12px 20px!important;
  }

  body.nile-home-active .language-switcher,
  .language-switcher{
    order:21!important;
    flex:0 0 auto!important;
    margin:0!important;
  }

  body.nile-home-active .book-pill + .language-switcher,
  .book-pill + .language-switcher{
    margin-inline-start:0!important;
  }
}

@media (min-width: 921px) and (max-width: 1180px){
  .site-header{
    gap:12px!important;
  }

  .top-nav{
    gap:4px!important;
  }

  .nav-link{
    padding-inline:10px!important;
  }

  .book-pill{
    padding:10px 14px!important;
    font-size:.94rem!important;
  }

  .language-switcher button{
    min-width:48px!important;
    padding-inline:8px!important;
  }
}


/* v269 guest Wi-Fi card */
.guest-wifi-card-v269{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin:0 auto 22px;padding:17px 18px;border-radius:20px;border:1px solid rgba(211,170,84,.35);background:linear-gradient(135deg,rgba(9,24,43,.96),rgba(25,45,70,.94));box-shadow:0 16px 42px rgba(2,8,20,.22);color:#fff}.guest-wifi-card-v269[hidden]{display:none}.guest-wifi-icon-v269{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,var(--gold,#caa45a),#f2d18d);color:#102033;font-weight:900;font-size:13px}.guest-wifi-content-v269{display:grid;gap:3px}.guest-wifi-content-v269>span{font-size:12px;color:var(--gold2,#efd89c);font-weight:800}.guest-wifi-content-v269 h3,.guest-wifi-content-v269 p{margin:0}.guest-wifi-content-v269 h3{font-size:21px}.guest-wifi-content-v269 p{font-size:14px;color:rgba(255,255,255,.82)}.guest-wifi-content-v269 b{direction:ltr;unicode-bidi:plaintext;color:#fff}.guest-wifi-card-v269 button{border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:10px 13px;background:rgba(255,255,255,.08);color:#fff;font-weight:800;white-space:nowrap}.guest-wifi-card-v269 button:hover{background:rgba(211,170,84,.18);border-color:rgba(211,170,84,.45)}@media(max-width:640px){.guest-wifi-card-v269{grid-template-columns:auto 1fr}.guest-wifi-card-v269 button{grid-column:1/-1;width:100%}}

/* v269 hotfix — guest Wi-Fi is the first clear card in the menu */
.guest-wifi-card-v269{position:relative;overflow:hidden;margin:0 auto 18px!important;padding:19px 20px!important;border-width:2px!important;background:linear-gradient(135deg,rgba(5,31,48,.98),rgba(15,55,73,.96))!important}.guest-wifi-card-v269:before{content:"";position:absolute;inset-inline-start:-55px;top:-75px;width:180px;height:180px;border-radius:50%;background:rgba(211,170,84,.12);pointer-events:none}.guest-wifi-content-v269 h3{font-size:clamp(19px,2.5vw,25px)!important}.guest-wifi-content-v269 p{font-size:15px!important}.guest-wifi-content-v269 b{display:inline-block;padding:3px 8px;border-radius:8px;background:rgba(255,255,255,.09);letter-spacing:.5px}.wifi-editor-v269{order:-1;background:linear-gradient(145deg,rgba(27,80,88,.12),rgba(255,255,255,.025))!important}

.site-editor-inline-note{margin:.55rem 0 0;color:var(--muted,#9db0c4);font-size:.84rem;line-height:1.65}.site-editor-inline-note strong{color:var(--gold,#d9b65d)}

/* ===== v5 gallery showcase redesign ===== */
.gallery-showcase{
  padding:56px 0 8px !important;
  border:none !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.gallery-showcase::before,
.gallery-showcase::after{
  display:none !important;
}
.gallery-showcase .center-title{
  text-align:center;
  margin-bottom:38px;
  padding:0 14px;
}
.gallery-showcase .center-title:before{
  display:none !important;
}
.gallery-showcase .center-title:after{
  width:min(240px,58%) !important;
  height:24px !important;
  margin:14px auto 0 !important;
  background:url('assets/ui/flourish-slim.png') center/contain no-repeat !important;
  opacity:.82 !important;
}
.gallery-showcase .eyebrow{
  display:block;
  margin-bottom:12px;
  font-size:1.15rem;
  color:var(--gold2);
}
.gallery-showcase .center-title h2{
  margin:0;
  color:#f5f1e8;
  font-size:clamp(2.3rem,4.3vw,4rem);
  line-height:1.2;
  text-shadow:0 10px 30px rgba(0,0,0,.28);
}
.gallery-showcase .gallery-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  align-items:stretch;
}
.gallery-showcase .gallery-card{
  display:flex;
  flex-direction:column;
  height:100%;
  border-radius:24px;
  border:1px solid rgba(212,175,55,.42) !important;
  background:linear-gradient(180deg,rgba(6,17,31,.98) 0%,rgba(4,12,24,.96) 100%) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.22) !important;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.gallery-showcase .gallery-card::before,
.gallery-showcase .gallery-card::after{
  display:none !important;
}
.gallery-showcase .gallery-card:hover{
  transform:translateY(-4px);
  box-shadow:0 24px 56px rgba(0,0,0,.28) !important;
  border-color:rgba(240,200,102,.65) !important;
}
.gallery-showcase .gallery-card img{
  width:100%;
  height:255px;
  object-fit:cover;
  display:block;
  border-top-left-radius:24px;
  border-top-right-radius:24px;
}
.gallery-showcase .gallery-card > div{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  flex:1;
  padding:24px 22px 26px;
}
.gallery-showcase .gallery-card h3{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  color:var(--gold2);
  margin:0 0 12px;
  font-size:clamp(1.45rem,2vw,2rem);
  line-height:1.35;
}
.gallery-showcase .gallery-card h3:before{
  content:"" !important;
  flex:0 0 54px;
  width:54px !important;
  height:54px !important;
  margin-left:0 !important;
  border-radius:50%;
  border:1px solid rgba(212,175,55,.58);
  background-color:rgba(10,20,34,.7) !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:22px 22px !important;
  transform:none !important;
  box-shadow:none !important;
}
.gallery-showcase .gallery-card-heritage h3:before{background-image:url('assets/ui/four-leaf.png') !important;}
.gallery-showcase .gallery-card-evening h3:before{background-image:url('assets/ui/sparkle.png') !important;}
.gallery-showcase .gallery-card-outdoor h3:before{background-image:url('assets/ui/leaf.png') !important;}
.gallery-showcase .gallery-card p{
  margin:0;
  color:#eee1c8;
  line-height:1.9;
  font-size:1.03rem;
  max-width:28ch;
}

@media (max-width: 920px){
  .gallery-showcase{
    padding:32px 0 2px !important;
  }
  .gallery-showcase .center-title{
    margin-bottom:24px;
    padding:0 10px;
  }
  .gallery-showcase .eyebrow{
    font-size:1rem;
    margin-bottom:8px;
  }
  .gallery-showcase .center-title h2{
    font-size:clamp(1.9rem,8vw,2.6rem);
  }
  .gallery-showcase .center-title:after{
    width:min(200px,68%) !important;
    height:20px !important;
    margin-top:10px !important;
  }
  .gallery-showcase .gallery-cards{
    grid-template-columns:1fr;
    gap:16px;
  }
  .gallery-showcase .gallery-card{
    border-radius:20px;
  }
  .gallery-showcase .gallery-card img{
    height:210px;
    border-top-left-radius:20px;
    border-top-right-radius:20px;
  }
  .gallery-showcase .gallery-card > div{
    padding:18px 16px 20px;
  }
  .gallery-showcase .gallery-card h3{
    font-size:1.35rem;
    margin-bottom:10px;
    gap:12px;
  }
  .gallery-showcase .gallery-card h3:before{
    width:46px !important;
    height:46px !important;
    flex-basis:46px;
    background-size:18px 18px !important;
  }
  .gallery-showcase .gallery-card p{
    font-size:.98rem;
    line-height:1.85;
    max-width:none;
  }
}

@media (max-width: 460px){
  .gallery-showcase{
    padding-top:26px !important;
  }
  .gallery-showcase .center-title h2{
    font-size:1.8rem;
  }
  .gallery-showcase .gallery-card img{
    height:186px;
  }
}


/* T92 — prevent accidental horizontal overflow on narrow screens */
html,body{max-width:100%}
body{overflow-x:clip}
img,video,iframe{max-width:100%}
.view,.page-shell,main,section{min-width:0}

/* T92 — semantic H1 titles keep the established visual styling */
.menu-premium-hero-copy h1,.contact-section-head h1,#categoryTitle{margin:0;font-family:inherit;color:inherit}
.section-head h1{font-size:clamp(2rem,5vw,3.2rem);color:var(--gold2);margin:8px 0}
.menu-premium-hero h1{font-size:clamp(34px,4.2vw,58px);line-height:1.1;margin:0 0 10px;color:var(--menu-ivory);text-shadow:0 14px 36px rgba(0,0,0,.32)}
.category-detail-head h1{font-size:clamp(30px,4vw,52px)!important;color:var(--menu-gold-soft)!important;margin:0 0 8px!important}
.category-detail-head h1::after{content:"";display:block;width:150px;height:1px;margin:14px auto 0;background:linear-gradient(90deg,transparent,var(--menu-gold-soft),transparent)}
@media(max-width:720px){.menu-premium-hero h1{font-size:34px}.category-detail-head h1{font-size:30px!important}}

/* ===== luxury-home-redesign.css ===== */
/*
  Luxury homepage visual rebuild
  Scope: visual structure only. Existing links, buttons, sections, forms and scripts remain unchanged.
*/

:root{
  --luxury-ink:#020a13;
  --luxury-navy:#061522;
  --luxury-panel:#061729;
  --luxury-panel-deep:#03101d;
  --luxury-gold:#d4a83e;
  --luxury-gold-light:#f1cb69;
  --luxury-ivory:#f7f1e5;
}

body{
  background:
    radial-gradient(circle at 50% 0%,rgba(202,156,47,.10),transparent 30rem),
    linear-gradient(180deg,#020913 0%,#061522 55%,#020913 100%) !important;
}

/* Keep the original navigation behavior while rebuilding its visual structure. */
@media (min-width:921px){
  .page-shell{
    padding-top:0 !important;
  }

  .site-header{
    width:calc(100% + 56px) !important;
    max-width:none !important;
    min-height:108px !important;
    margin:0 -28px !important;
    padding:14px clamp(30px,4.8vw,82px) !important;
    display:grid !important;
    grid-template-columns:minmax(260px,auto) minmax(410px,1fr) auto auto !important;
    align-items:center !important;
    gap:clamp(16px,2vw,34px) !important;
    border:0 !important;
    border-bottom:1px solid rgba(212,168,62,.72) !important;
    border-radius:0 !important;
    background:
      radial-gradient(circle at 50% 0%,rgba(212,168,62,.06),transparent 30rem),
      linear-gradient(180deg,rgba(2,11,20,.985),rgba(2,12,23,.965)) !important;
    box-shadow:0 16px 42px rgba(0,0,0,.30) !important;
    -webkit-backdrop-filter:blur(18px) !important;
    backdrop-filter:blur(18px) !important;
    top:0 !important;
  }

  .brand-mini{
    min-width:255px;
    gap:14px !important;
    padding:0 !important;
    color:var(--luxury-gold-light) !important;
  }

  .brand-mini img{
    width:72px !important;
    height:72px !important;
    filter:
      drop-shadow(0 9px 16px rgba(0,0,0,.55))
      drop-shadow(0 0 12px rgba(212,168,62,.20)) !important;
  }

  .brand-mini span{
    display:grid !important;
    gap:3px;
    font-size:1.15rem !important;
    line-height:1.25;
    color:var(--luxury-gold-light) !important;
    text-shadow:0 4px 14px rgba(0,0,0,.55);
  }

  .brand-mini span::after{
    content:"HOTEL & RESTAURANT  ★★★";
    display:block;
    direction:ltr;
    font-family:Georgia,"Times New Roman",serif;
    font-size:.60rem;
    font-weight:700;
    letter-spacing:.13em;
    color:#c89731;
    opacity:.96;
  }

  .top-nav{
    justify-content:center !important;
    gap:clamp(12px,1.2vw,26px) !important;
    flex-wrap:nowrap !important;
  }

  .nav-link{
    position:relative;
    padding:14px 4px 13px !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#eee5d7 !important;
    font-size:1rem !important;
    font-weight:700 !important;
    opacity:.93 !important;
    white-space:nowrap;
  }

  .nav-link::after{
    content:"";
    position:absolute;
    right:50%;
    bottom:3px;
    width:0;
    height:2px;
    transform:translateX(50%);
    border-radius:999px;
    background:linear-gradient(90deg,transparent,var(--luxury-gold-light),transparent);
    box-shadow:0 0 12px rgba(241,203,105,.35);
    transition:width .24s ease;
  }

  .nav-link:hover,
  .nav-link.active{
    color:var(--luxury-gold-light) !important;
    box-shadow:none !important;
  }

  .nav-link:hover::after,
  .nav-link.active::after{
    width:72px;
  }

  .book-pill{
    order:initial !important;
    margin:0 !important;
    min-width:164px !important;
    min-height:52px !important;
    padding:11px 22px !important;
    gap:10px !important;
    border:1px solid #edc45a !important;
    border-radius:14px !important;
    background:linear-gradient(180deg,#f1c962 0%,#c98e25 100%) !important;
    color:#071321 !important;
    font-size:1.04rem !important;
    font-weight:900 !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.40),
      0 10px 25px rgba(177,119,21,.25) !important;
    transition:transform .22s ease,filter .22s ease,box-shadow .22s ease !important;
  }

  .book-pill:hover{
    transform:translateY(-2px);
    filter:brightness(1.06);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.45),
      0 15px 34px rgba(177,119,21,.34) !important;
  }

  .pill-calendar{
    width:24px !important;
    height:24px !important;
    filter:brightness(.24) saturate(.9) !important;
  }

  body.nile-home-active .language-switcher,
  .language-switcher{
    order:initial !important;
    margin:0 !important;
    padding:0 !important;
    gap:9px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  .language-switcher button{
    min-width:64px !important;
    height:48px !important;
    padding:0 11px !important;
    gap:7px !important;
    border:1px solid rgba(212,168,62,.45) !important;
    border-radius:13px !important;
    background:linear-gradient(180deg,rgba(7,22,37,.96),rgba(3,13,24,.96)) !important;
    color:#f6eee2 !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.018) !important;
  }

  .language-switcher button:hover{
    border-color:rgba(241,203,105,.80) !important;
    background:linear-gradient(180deg,rgba(14,34,54,.98),rgba(5,17,30,.98)) !important;
  }

  .language-switcher button.active{
    border-color:#f1c962 !important;
    background:linear-gradient(180deg,#f4ce6a,#c98e25) !important;
    color:#071321 !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.40),
      0 8px 22px rgba(177,119,21,.22) !important;
  }

  .language-switcher .lang-flag{
    font-size:.92rem !important;
  }

  .home-page{
    margin-top:0 !important;
    gap:46px !important;
  }

  .hero{
    width:calc(100% + 56px) !important;
    min-height:833px !important;
    margin-inline:-28px !important;
    padding:68px clamp(34px,4.4vw,74px) 48px !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:
      inset 0 -1px 0 rgba(212,168,62,.22),
      0 30px 80px rgba(0,0,0,.48) !important;
  }

  .hero-photo{
    background-image:url('assets/hero-main-luxury.webp') !important;
    background-size:cover !important;
    background-position:center 48% !important;
  }

  .hero-overlay{
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    background:
      linear-gradient(180deg,rgba(1,7,13,.13) 0%,rgba(2,8,15,.23) 31%,rgba(2,9,17,.52) 63%,rgba(2,9,17,.92) 100%),
      linear-gradient(90deg,rgba(1,7,13,.38),transparent 23%,transparent 77%,rgba(1,7,13,.38)),
      radial-gradient(circle at 50% 38%,rgba(214,166,54,.13),transparent 29rem) !important;
  }

  .hero-content{
    margin:auto 0 20px !important;
    padding-top:18px;
  }

  .main-logo{
    width:min(286px,18vw) !important;
    margin:0 auto 10px !important;
    filter:
      drop-shadow(0 18px 28px rgba(0,0,0,.68))
      drop-shadow(0 0 14px rgba(212,168,62,.24)) !important;
  }

  .hero h1{
    margin:6px 0 10px !important;
    font-size:clamp(4.15rem,5vw,5.25rem) !important;
    line-height:1.03 !important;
    font-weight:900 !important;
    color:#f0ca65 !important;
    letter-spacing:-.035em !important;
    text-shadow:
      0 5px 0 rgba(94,52,5,.16),
      0 12px 28px rgba(0,0,0,.70),
      0 0 20px rgba(212,168,62,.14) !important;
  }

  .hero-subtitle{
    max-width:720px;
    margin:0 auto !important;
    color:#f8f4ec !important;
    font-size:clamp(1.12rem,1.45vw,1.38rem) !important;
    font-weight:600 !important;
    line-height:1.8 !important;
    text-shadow:0 5px 18px rgba(0,0,0,.82) !important;
  }

  .hero-ornament{
    width:270px !important;
    height:34px !important;
    margin-top:8px !important;
    opacity:.92 !important;
    filter:drop-shadow(0 4px 8px rgba(0,0,0,.45));
  }

  .primary-actions{
    width:min(1230px,calc(100% - 72px)) !important;
    gap:22px !important;
  }

  .feature-card{
    min-height:190px !important;
    padding:26px 28px 30px !important;
    gap:8px !important;
    border:1px solid rgba(221,174,62,.86) !important;
    border-radius:20px !important;
    background:
      radial-gradient(circle at 50% 0%,rgba(214,166,54,.07),transparent 12rem),
      linear-gradient(180deg,rgba(5,22,38,.965),rgba(2,13,24,.975)) !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.025),
      0 17px 38px rgba(0,0,0,.42) !important;
  }

  .feature-card::before{
    inset:9px !important;
    border-radius:14px !important;
    border:1px solid rgba(212,168,62,.18) !important;
  }

  .feature-card:hover{
    transform:translateY(-5px) !important;
    border-color:#f0c85e !important;
    background:
      radial-gradient(circle at 50% 0%,rgba(214,166,54,.12),transparent 13rem),
      linear-gradient(180deg,rgba(9,31,51,.985),rgba(3,16,29,.985)) !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.035),
      0 24px 48px rgba(0,0,0,.50),
      0 0 0 1px rgba(212,168,62,.07) !important;
  }

  .feature-card .icon{
    width:60px !important;
    height:60px !important;
    margin-bottom:1px !important;
    filter:
      drop-shadow(0 7px 11px rgba(0,0,0,.46))
      drop-shadow(0 0 9px rgba(241,203,105,.18)) !important;
  }

  .feature-card strong{
    color:#edc65d !important;
    font-size:1.50rem !important;
    font-weight:900 !important;
    text-shadow:0 4px 12px rgba(0,0,0,.50);
  }

  .feature-card small{
    max-width:310px;
    padding-bottom:14px !important;
    color:#e8dfcf !important;
    font-size:.91rem !important;
    font-weight:600 !important;
    line-height:1.75 !important;
  }

  .feature-card::after{
    bottom:12px !important;
    width:82px !important;
    opacity:.82 !important;
  }
}

/* Tablet: retain the same interactions with a less crowded composition. */
@media (min-width:921px) and (max-width:1240px){
  .site-header{
    grid-template-columns:minmax(210px,auto) minmax(330px,1fr) auto auto !important;
    padding-inline:24px !important;
    gap:13px !important;
  }
  .brand-mini{min-width:210px;gap:10px !important;}
  .brand-mini img{width:60px !important;height:60px !important;}
  .brand-mini span{font-size:.98rem !important;}
  .brand-mini span::after{font-size:.51rem;letter-spacing:.08em;}
  .top-nav{gap:10px !important;}
  .nav-link{font-size:.92rem !important;}
  .book-pill{min-width:138px !important;padding-inline:15px !important;}
  .language-switcher button{min-width:54px !important;padding-inline:8px !important;}
  .hero h1{font-size:4rem !important;}
  .main-logo{width:250px !important;}
}

/* Mobile keeps every original control and section; only the visual finish changes. */
@media (max-width:920px){
  .site-header{
    border-color:rgba(212,168,62,.38) !important;
    background:linear-gradient(180deg,rgba(4,18,31,.97),rgba(2,11,20,.95)) !important;
    box-shadow:0 16px 36px rgba(0,0,0,.34) !important;
  }

  .brand-mini img{
    filter:drop-shadow(0 7px 12px rgba(0,0,0,.50)) drop-shadow(0 0 8px rgba(212,168,62,.16)) !important;
  }

  .book-pill{
    border-color:#e7bb52 !important;
    background:linear-gradient(180deg,#edc45e,#c78d24) !important;
    color:#071321 !important;
  }

  .hero.hero-photo{
    background-image:url('assets/hero-main-luxury.webp') !important;
    background-position:center 48% !important;
  }

  .hero-overlay{
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    background:
      linear-gradient(180deg,rgba(2,8,15,.25),rgba(2,9,17,.53) 45%,rgba(2,9,17,.94) 100%),
      radial-gradient(circle at 50% 26%,rgba(212,168,62,.12),transparent 17rem) !important;
  }

  .hero h1{
    color:#f0ca65 !important;
    font-weight:900 !important;
    text-shadow:0 10px 24px rgba(0,0,0,.70) !important;
  }

  .feature-card{
    border-color:rgba(221,174,62,.72) !important;
    background:linear-gradient(180deg,rgba(5,22,38,.96),rgba(2,13,24,.98)) !important;
    box-shadow:0 16px 35px rgba(0,0,0,.38) !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .nav-link::after,
  .book-pill,
  .feature-card{transition:none !important;}
}

/* v2 - refined mobile header: same controls, cleaner two-row layout */
@media (max-width:920px){
  .page-shell{
    padding-top:env(safe-area-inset-top,0px) !important;
  }

  .site-header{
    width:100% !important;
    max-width:100% !important;
    min-height:0 !important;
    margin:8px 0 14px !important;
    padding:9px 10px 10px !important;
    display:grid !important;
    grid-template-columns:48px minmax(0,1fr) 48px !important;
    grid-template-areas:
      "toggle book brand"
      "langs langs langs" !important;
    align-items:center !important;
    justify-items:center !important;
    column-gap:10px !important;
    row-gap:8px !important;
    border:1px solid rgba(224,178,67,.52) !important;
    border-radius:19px !important;
    background:
      radial-gradient(circle at 50% -35%,rgba(229,183,72,.10),transparent 12rem),
      linear-gradient(180deg,rgba(4,18,31,.985),rgba(2,11,20,.985)) !important;
    box-shadow:
      0 14px 34px rgba(0,0,0,.38),
      inset 0 0 0 1px rgba(255,255,255,.025) !important;
    overflow:visible !important;
    top:max(7px,env(safe-area-inset-top)) !important;
  }

  .brand-mini{
    grid-area:brand !important;
    display:flex !important;
    width:48px !important;
    min-width:48px !important;
    height:48px !important;
    padding:3px !important;
    margin:0 !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid rgba(224,178,67,.26) !important;
    border-radius:15px !important;
    background:linear-gradient(180deg,rgba(13,31,50,.82),rgba(5,15,27,.82)) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.018) !important;
  }

  .brand-mini img{
    display:block !important;
    width:40px !important;
    height:40px !important;
    object-fit:contain !important;
    filter:drop-shadow(0 5px 9px rgba(0,0,0,.52)) drop-shadow(0 0 7px rgba(212,168,62,.15)) !important;
  }

  .brand-mini span{
    display:none !important;
  }

  .nav-toggle{
    grid-area:toggle !important;
    display:flex !important;
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    margin:0 !important;
    padding:0 !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;
    gap:5px !important;
    border:1px solid rgba(224,178,67,.52) !important;
    border-radius:15px !important;
    background:linear-gradient(180deg,rgba(13,31,50,.92),rgba(5,15,27,.96)) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 8px 16px rgba(0,0,0,.18) !important;
  }

  .nav-toggle span{
    width:21px !important;
    height:2px !important;
    margin:0 !important;
    border-radius:999px !important;
    background:linear-gradient(90deg,#b77c20,#f3cf69,#b77c20) !important;
    box-shadow:0 0 6px rgba(241,203,105,.12) !important;
  }

  .book-pill{
    grid-area:book !important;
    justify-self:center !important;
    width:min(172px,100%) !important;
    min-width:0 !important;
    min-height:48px !important;
    height:48px !important;
    margin:0 !important;
    padding:9px 15px !important;
    gap:8px !important;
    border:1px solid #f0c65e !important;
    border-radius:15px !important;
    background:linear-gradient(180deg,#f1c963 0%,#c98f25 100%) !important;
    color:#071321 !important;
    font-size:1rem !important;
    font-weight:900 !important;
    line-height:1 !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 8px 19px rgba(176,117,18,.24) !important;
  }

  .book-pill .pill-calendar{
    width:21px !important;
    height:21px !important;
    flex:0 0 21px !important;
    filter:brightness(.22) saturate(.8) !important;
  }

  body.nile-home-active .language-switcher,
  .language-switcher{
    grid-area:langs !important;
    width:min(250px,100%) !important;
    min-width:0 !important;
    margin:0 auto !important;
    padding:4px !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    justify-content:center !important;
    align-items:center !important;
    gap:4px !important;
    border:1px solid rgba(224,178,67,.24) !important;
    border-radius:14px !important;
    background:rgba(1,9,17,.68) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.018) !important;
  }

  .language-switcher button{
    flex:1 1 0 !important;
    min-width:0 !important;
    width:auto !important;
    height:34px !important;
    padding:0 8px !important;
    gap:5px !important;
    border:1px solid transparent !important;
    border-radius:10px !important;
    background:transparent !important;
    color:#eee4d3 !important;
    font-size:.83rem !important;
    font-weight:900 !important;
    white-space:nowrap !important;
    box-shadow:none !important;
  }

  .language-switcher button:hover{
    border-color:rgba(224,178,67,.32) !important;
    background:rgba(12,31,50,.72) !important;
  }

  .language-switcher button.active{
    border-color:#edc45c !important;
    background:linear-gradient(180deg,#f0c862,#ca9025) !important;
    color:#071321 !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 5px 12px rgba(168,108,15,.18) !important;
  }

  .language-switcher .lang-flag{
    font-size:.88rem !important;
    line-height:1 !important;
  }

  .top-nav{
    position:absolute !important;
    top:calc(100% + 8px) !important;
    left:0 !important;
    right:0 !important;
    z-index:100 !important;
    width:100% !important;
    margin:0 !important;
    padding:10px !important;
    gap:6px !important;
    border:1px solid rgba(224,178,67,.46) !important;
    border-radius:18px !important;
    background:linear-gradient(180deg,rgba(4,18,31,.995),rgba(2,10,19,.995)) !important;
    box-shadow:0 18px 42px rgba(0,0,0,.52),inset 0 0 0 1px rgba(255,255,255,.025) !important;
    -webkit-backdrop-filter:blur(18px) !important;
    backdrop-filter:blur(18px) !important;
  }

  .top-nav.open{
    display:grid !important;
  }

  .top-nav .nav-link{
    width:100% !important;
    min-height:44px !important;
    padding:11px 15px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    border:1px solid transparent !important;
    border-radius:12px !important;
    background:transparent !important;
    color:#f4eadb !important;
    font-size:.96rem !important;
    font-weight:800 !important;
    text-align:start !important;
  }

  .top-nav .nav-link:hover,
  .top-nav .nav-link.active{
    border-color:rgba(224,178,67,.26) !important;
    background:linear-gradient(90deg,rgba(212,168,62,.12),rgba(12,31,50,.45)) !important;
    color:#f1cb69 !important;
  }

  .top-nav .nav-link::after{
    display:none !important;
  }
}

@media (max-width:390px){
  .site-header{
    grid-template-columns:44px minmax(0,1fr) 44px !important;
    column-gap:7px !important;
    padding-inline:8px !important;
  }

  .brand-mini,
  .nav-toggle{
    width:44px !important;
    min-width:44px !important;
    height:44px !important;
    border-radius:14px !important;
  }

  .brand-mini img{
    width:37px !important;
    height:37px !important;
  }

  .book-pill{
    width:min(154px,100%) !important;
    height:44px !important;
    min-height:44px !important;
    padding-inline:11px !important;
    font-size:.93rem !important;
  }

  .book-pill .pill-calendar{
    width:19px !important;
    height:19px !important;
    flex-basis:19px !important;
  }

  body.nile-home-active .language-switcher,
  .language-switcher{
    width:min(232px,100%) !important;
  }

  .language-switcher button{
    height:32px !important;
    padding-inline:6px !important;
    font-size:.78rem !important;
  }
}

/* v3 — mobile composition matched to the approved mockup.
   Visual-only overrides: links, buttons, routing and scripts stay unchanged. */
@media (max-width:920px){
  html,body{
    overflow-x:hidden !important;
  }

  .page-shell{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 0 34px !important;
  }

  .site-header{
    position:sticky !important;
    top:0 !important;
    z-index:80 !important;
    width:100% !important;
    max-width:none !important;
    min-height:88px !important;
    margin:0 !important;
    padding:16px 13px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1.35fr) minmax(118px,.95fr) 48px !important;
    grid-template-areas:"langs book toggle" !important;
    align-items:center !important;
    justify-items:stretch !important;
    gap:11px !important;
    direction:ltr !important;
    border:0 !important;
    border-bottom:1px solid rgba(212,168,62,.48) !important;
    border-radius:0 !important;
    background:
      radial-gradient(circle at 35% -80%,rgba(212,168,62,.10),transparent 15rem),
      linear-gradient(180deg,#03111f 0%,#020c17 100%) !important;
    box-shadow:0 12px 32px rgba(0,0,0,.38) !important;
    overflow:visible !important;
  }

  .brand-mini{
    display:none !important;
  }

  body.nile-home-active .language-switcher,
  .language-switcher{
    grid-area:langs !important;
    direction:rtl !important;
    width:100% !important;
    min-width:0 !important;
    height:52px !important;
    margin:0 !important;
    padding:0 !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    align-items:stretch !important;
    gap:0 !important;
    overflow:hidden !important;
    border:1px solid rgba(229,183,72,.74) !important;
    border-radius:999px !important;
    background:linear-gradient(180deg,rgba(7,24,40,.98),rgba(2,12,22,.98)) !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.025),
      0 8px 18px rgba(0,0,0,.20) !important;
  }

  .language-switcher button{
    position:relative !important;
    width:100% !important;
    min-width:0 !important;
    height:50px !important;
    margin:0 !important;
    padding:0 7px !important;
    display:flex !important;
    flex-direction:row-reverse !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    direction:ltr !important;
    border:0 !important;
    border-inline-start:1px solid rgba(212,168,62,.22) !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#f5ecdf !important;
    font-size:.92rem !important;
    font-weight:900 !important;
    line-height:1 !important;
    white-space:nowrap !important;
    box-shadow:none !important;
  }

  .language-switcher button:first-child{
    border-inline-start:0 !important;
  }

  .language-switcher button:hover{
    background:rgba(17,39,61,.72) !important;
  }

  .language-switcher button.active{
    border:0 !important;
    background:linear-gradient(180deg,#f2cf6e 0%,#cc9228 100%) !important;
    color:#071321 !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.42),
      0 0 18px rgba(205,145,37,.20) !important;
  }

  .language-switcher .lang-flag{
    font-size:.84rem !important;
    line-height:1 !important;
  }

  .book-pill{
    grid-area:book !important;
    justify-self:stretch !important;
    align-self:center !important;
    width:100% !important;
    min-width:0 !important;
    height:52px !important;
    min-height:52px !important;
    margin:0 !important;
    padding:9px 12px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    direction:rtl !important;
    border:1px solid rgba(240,198,94,.90) !important;
    border-radius:18px !important;
    background:linear-gradient(180deg,rgba(8,25,42,.98),rgba(3,14,25,.98)) !important;
    color:#edc45d !important;
    font-size:clamp(.86rem,3.5vw,1rem) !important;
    font-weight:900 !important;
    line-height:1 !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.022),
      0 8px 18px rgba(0,0,0,.24) !important;
  }

  .book-pill:hover{
    color:#f6d77d !important;
    background:linear-gradient(180deg,rgba(14,35,56,.99),rgba(4,17,30,.99)) !important;
  }

  .book-pill .pill-calendar{
    width:22px !important;
    height:22px !important;
    flex:0 0 22px !important;
    filter:none !important;
  }

  .nav-toggle{
    grid-area:toggle !important;
    justify-self:end !important;
    width:48px !important;
    height:52px !important;
    min-width:48px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;
    gap:7px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  .nav-toggle span{
    display:block !important;
    width:30px !important;
    height:2px !important;
    margin:0 !important;
    border-radius:999px !important;
    background:linear-gradient(90deg,#b77c20,#f3cf69,#b77c20) !important;
    box-shadow:0 0 7px rgba(241,203,105,.13) !important;
  }

  .top-nav{
    position:absolute !important;
    top:calc(100% + 1px) !important;
    left:10px !important;
    right:10px !important;
    z-index:100 !important;
    width:auto !important;
    margin:0 !important;
    padding:10px !important;
    gap:6px !important;
    direction:rtl !important;
    border:1px solid rgba(224,178,67,.46) !important;
    border-radius:18px !important;
    background:linear-gradient(180deg,rgba(4,18,31,.995),rgba(2,10,19,.995)) !important;
    box-shadow:0 18px 42px rgba(0,0,0,.54),inset 0 0 0 1px rgba(255,255,255,.025) !important;
    -webkit-backdrop-filter:blur(18px) !important;
    backdrop-filter:blur(18px) !important;
  }

  .home-page{
    margin-top:0 !important;
    gap:34px !important;
  }

  .hero,
  .hero.hero-photo{
    width:100% !important;
    min-height:auto !important;
    margin:0 !important;
    padding:44px 12px 34px !important;
    border:0 !important;
    border-radius:0 !important;
    background-image:url('assets/hero-main-luxury.webp') !important;
    background-size:cover !important;
    background-position:center 43% !important;
    box-shadow:0 22px 54px rgba(0,0,0,.44) !important;
  }

  .hero-overlay{
    background:
      linear-gradient(180deg,rgba(1,7,13,.20) 0%,rgba(2,8,15,.40) 35%,rgba(2,9,17,.76) 68%,rgba(2,9,17,.98) 100%),
      radial-gradient(circle at 50% 24%,rgba(212,168,62,.12),transparent 17rem) !important;
  }

  .hero-content{
    margin:0 0 30px !important;
    padding:0 8px !important;
  }

  .main-logo{
    width:min(205px,54vw) !important;
    margin:0 auto 6px !important;
  }

  .hero h1{
    margin:4px 0 9px !important;
    font-size:clamp(2.15rem,9.3vw,2.85rem) !important;
    line-height:1.08 !important;
  }

  .hero-subtitle{
    max-width:330px !important;
    margin:0 auto !important;
    font-size:clamp(.94rem,4vw,1.05rem) !important;
    line-height:1.75 !important;
  }

  .hero-ornament{
    width:min(230px,68vw) !important;
    height:29px !important;
    margin-top:12px !important;
  }

  .primary-actions{
    width:100% !important;
    padding:0 7px !important;
    display:flex !important;
    flex-direction:column !important;
    gap:16px !important;
  }

  .feature-card{
    width:100% !important;
    min-height:150px !important;
    padding:24px 102px 24px 22px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    align-content:center !important;
    justify-items:center !important;
    gap:8px !important;
    position:relative !important;
    direction:rtl !important;
    text-align:center !important;
    border:1px solid rgba(229,181,65,.88) !important;
    border-radius:24px !important;
    background:
      radial-gradient(circle at 100% 50%,rgba(212,168,62,.07),transparent 8rem),
      linear-gradient(180deg,rgba(5,22,38,.985),rgba(2,13,24,.995)) !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.022),
      0 16px 36px rgba(0,0,0,.38) !important;
  }

  .feature-card::before{
    content:"" !important;
    position:absolute !important;
    top:24px !important;
    bottom:24px !important;
    right:88px !important;
    left:auto !important;
    width:1px !important;
    border:0 !important;
    border-radius:0 !important;
    background:linear-gradient(180deg,transparent,rgba(229,181,65,.88) 20%,rgba(229,181,65,.88) 80%,transparent) !important;
    opacity:.84 !important;
  }

  .feature-card::after{
    display:none !important;
  }

  .feature-card .icon{
    position:absolute !important;
    right:24px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:52px !important;
    height:52px !important;
    margin:0 !important;
  }

  .feature-card strong{
    width:100% !important;
    color:#edc45d !important;
    font-size:1.40rem !important;
    font-weight:900 !important;
    line-height:1.25 !important;
  }

  .feature-card small{
    width:100% !important;
    max-width:260px !important;
    padding:0 !important;
    color:#ebe3d6 !important;
    font-size:.91rem !important;
    font-weight:500 !important;
    line-height:1.70 !important;
  }

  .feature-card[data-view="booking"]{order:1 !important;}
  .feature-card[data-view="hotel"]{order:2 !important;}
  .feature-card[data-view="menu"]{order:3 !important;}
}

@media (max-width:370px){
  .site-header{
    min-height:80px !important;
    padding:13px 8px !important;
    grid-template-columns:minmax(0,1.35fr) minmax(104px,.92fr) 42px !important;
    gap:7px !important;
  }

  body.nile-home-active .language-switcher,
  .language-switcher{
    height:46px !important;
  }

  .language-switcher button{
    height:44px !important;
    padding-inline:4px !important;
    gap:3px !important;
    font-size:.76rem !important;
  }

  .language-switcher .lang-flag{
    font-size:.72rem !important;
  }

  .book-pill{
    height:46px !important;
    min-height:46px !important;
    padding-inline:8px !important;
    gap:5px !important;
    border-radius:15px !important;
    font-size:.80rem !important;
  }

  .book-pill .pill-calendar{
    width:18px !important;
    height:18px !important;
    flex-basis:18px !important;
  }

  .nav-toggle{
    width:42px !important;
    min-width:42px !important;
    height:46px !important;
  }

  .nav-toggle span{
    width:26px !important;
  }

  .hero,
  .hero.hero-photo{
    padding-inline:8px !important;
  }

  .primary-actions{
    padding-inline:3px !important;
  }

  .feature-card{
    min-height:140px !important;
    padding:21px 88px 21px 14px !important;
  }

  .feature-card::before{
    right:76px !important;
  }

  .feature-card .icon{
    right:20px !important;
    width:44px !important;
    height:44px !important;
  }

  .feature-card strong{
    font-size:1.24rem !important;
  }

  .feature-card small{
    font-size:.83rem !important;
  }
}

/* v4 — header spacing and typography tuning requested after mobile review.
   Visual-only: no links, language behavior, navigation targets or scripts changed. */
@media (min-width:1241px){
  .top-nav .nav-link{
    font-size:1.14rem !important;
    font-weight:800 !important;
    letter-spacing:.005em !important;
  }
}

@media (min-width:921px) and (max-width:1240px){
  .top-nav .nav-link{
    font-size:1.01rem !important;
    font-weight:800 !important;
  }
}

@media (max-width:920px){
  .site-header{
    min-height:76px !important;
    padding:12px 10px !important;
    grid-template-columns:minmax(0,1fr) minmax(132px,.78fr) 42px !important;
    gap:8px !important;
  }

  body.nile-home-active .language-switcher,
  .language-switcher{
    height:48px !important;
  }

  .language-switcher button{
    height:46px !important;
    padding-inline:4px !important;
    gap:3px !important;
    font-size:.82rem !important;
  }

  .language-switcher .lang-flag{
    font-size:.74rem !important;
  }

  .book-pill{
    height:48px !important;
    min-height:48px !important;
    padding:6px 8px !important;
    gap:5px !important;
    border-radius:16px !important;
    font-size:clamp(.76rem,2.85vw,.90rem) !important;
    line-height:1.05 !important;
    text-align:center !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }

  html[lang="tr"] .book-pill{
    padding-inline:6px !important;
    gap:4px !important;
    font-size:clamp(.70rem,2.55vw,.80rem) !important;
    letter-spacing:-.018em !important;
  }

  .book-pill .pill-calendar{
    width:20px !important;
    height:20px !important;
    flex:0 0 20px !important;
  }

  .nav-toggle{
    width:42px !important;
    min-width:42px !important;
    height:48px !important;
    gap:6px !important;
  }

  .nav-toggle span{
    width:27px !important;
  }
}

@media (max-width:370px){
  .site-header{
    min-height:68px !important;
    padding:9px 6px !important;
    grid-template-columns:minmax(0,1fr) minmax(112px,.78fr) 36px !important;
    gap:5px !important;
  }

  body.nile-home-active .language-switcher,
  .language-switcher{
    height:42px !important;
  }

  .language-switcher button{
    height:40px !important;
    padding-inline:3px !important;
    gap:2px !important;
    font-size:.69rem !important;
  }

  .language-switcher .lang-flag{
    font-size:.63rem !important;
  }

  .book-pill{
    height:42px !important;
    min-height:42px !important;
    padding-inline:5px !important;
    gap:3px !important;
    border-radius:14px !important;
    font-size:.68rem !important;
  }

  html[lang="tr"] .book-pill{
    padding-inline:4px !important;
    font-size:.62rem !important;
    letter-spacing:-.025em !important;
  }

  .book-pill .pill-calendar{
    width:16px !important;
    height:16px !important;
    flex:0 0 16px !important;
  }

  .nav-toggle{
    width:36px !important;
    min-width:36px !important;
    height:42px !important;
    gap:5px !important;
  }

  .nav-toggle span{
    width:23px !important;
  }
}

/* v5 - transparent hero header with elegant single language pill (T70) */
body.home-transparent-header .page-shell{
  padding-top:0 !important;
}

body.home-transparent-header .site-header{
  position:absolute !important;
  top:18px !important;
  left:24px !important;
  right:24px !important;
  width:auto !important;
  max-width:none !important;
  min-height:72px !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:32px !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  z-index:55 !important;
}

body.home-transparent-header .site-header::after{
  content:"";
  position:absolute;
  inset:-14px -20px auto;
  height:118px;
  background:linear-gradient(180deg,rgba(1,8,18,.62) 0%,rgba(1,8,18,.22) 58%,rgba(1,8,18,0) 100%);
  pointer-events:none;
  z-index:-1;
}

body.home-transparent-header .site-header .brand-mini,
body.home-transparent-header .site-header .book-pill{
  display:none !important;
}

body.home-transparent-header .top-nav{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:clamp(20px,2.3vw,46px) !important;
  flex-wrap:nowrap !important;
}

body.home-transparent-header .nav-link{
  padding:10px 0 12px !important;
  background:transparent !important;
  border-radius:0 !important;
  color:rgba(255,255,255,.92) !important;
  font-weight:700 !important;
  font-size:1rem !important;
  text-shadow:0 2px 12px rgba(0,0,0,.48) !important;
  opacity:1 !important;
}

body.home-transparent-header .nav-link:hover,
body.home-transparent-header .nav-link.active{
  color:#fff6df !important;
}

body.home-transparent-header .nav-link::after{
  bottom:-1px !important;
  height:2px !important;
  background:linear-gradient(90deg,transparent,#d4af37,transparent) !important;
  box-shadow:0 0 12px rgba(212,175,55,.30) !important;
}

body.home-transparent-header .language-switcher{
  display:flex !important;
  position:absolute !important;
  left:0 !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

body.home-transparent-header .language-switcher .language-current{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  min-width:124px !important;
  height:52px !important;
  padding:0 22px !important;
  border-radius:999px !important;
  border:1px solid rgba(203,156,67,.72) !important;
  background:rgba(5,16,29,.18) !important;
  color:#f8f0df !important;
  font-weight:800 !important;
  font-size:1.05rem !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05), 0 6px 24px rgba(0,0,0,.18) !important;
  -webkit-backdrop-filter:blur(8px) saturate(120%) !important;
  backdrop-filter:blur(8px) saturate(120%) !important;
  cursor:pointer;
}

body.home-transparent-header .language-switcher .lang-globe{
  font-size:1.05rem !important;
  line-height:1 !important;
}

body.home-transparent-header .language-switcher .language-options{
  position:absolute;
  top:calc(100% + 10px);
  left:0;
  min-width:160px;
  padding:8px;
  display:grid;
  gap:6px;
  border-radius:18px;
  border:1px solid rgba(203,156,67,.25);
  background:rgba(4,12,22,.92);
  box-shadow:0 20px 40px rgba(0,0,0,.32);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  opacity:0;
  pointer-events:none;
  transform:translateY(10px);
  transition:opacity .22s ease, transform .22s ease;
}

body.home-transparent-header .language-switcher.open .language-options{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}

body.home-transparent-header .language-switcher .language-option{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  min-height:42px;
  padding:0 14px;
  border-radius:12px;
  border:1px solid transparent;
  background:transparent;
  color:#f6ecda;
  font-weight:700;
  cursor:pointer;
}

body.home-transparent-header .language-switcher .language-option:hover,
body.home-transparent-header .language-switcher .language-option.active{
  border-color:rgba(203,156,67,.36);
  background:rgba(212,175,55,.10);
  color:#fff2cf;
}

body.home-transparent-header .hero{
  padding-top:154px !important;
}

@media (max-width:920px){
  body.home-transparent-header .page-shell{
    padding:0 12px 34px !important;
  }

  body.home-transparent-header .site-header{
    top:14px !important;
    left:12px !important;
    right:12px !important;
    min-height:56px !important;
    display:grid !important;
    grid-template-columns:52px 1fr auto !important;
    justify-content:space-between !important;
    align-items:center !important;
    gap:10px !important;
  }

  body.home-transparent-header .site-header::after{
    inset:-10px -12px auto;
    height:92px;
    background:linear-gradient(180deg,rgba(1,8,18,.58) 0%,rgba(1,8,18,.18) 60%,rgba(1,8,18,0) 100%);
  }

  body.home-transparent-header .nav-toggle{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:52px !important;
    height:52px !important;
    border:0 !important;
    background:transparent !important;
    border-radius:16px !important;
    box-shadow:none !important;
    order:1 !important;
    justify-self:start !important;
  }

  body.home-transparent-header .nav-toggle span{
    width:28px !important;
    height:2px !important;
    margin:4px auto !important;
    background:linear-gradient(90deg,rgba(255,255,255,.88),rgba(255,255,255,.72)) !important;
    box-shadow:none !important;
  }

  body.home-transparent-header .top-nav{
    display:none !important;
    position:absolute !important;
    top:58px !important;
    left:0 !important;
    right:0 !important;
    padding:14px !important;
    border:1px solid rgba(203,156,67,.20) !important;
    border-radius:22px !important;
    background:rgba(4,12,22,.78) !important;
    box-shadow:0 20px 40px rgba(0,0,0,.28) !important;
    -webkit-backdrop-filter:blur(14px) saturate(125%) !important;
    backdrop-filter:blur(14px) saturate(125%) !important;
  }

  body.home-transparent-header .top-nav.open{
    display:grid !important;
    gap:4px !important;
  }

  body.home-transparent-header .top-nav .nav-link{
    width:100% !important;
    padding:14px 16px !important;
    border-radius:16px !important;
    background:transparent !important;
    text-align:right !important;
  }

  body.home-transparent-header .top-nav .nav-link.active,
  body.home-transparent-header .top-nav .nav-link:hover{
    background:rgba(212,175,55,.10) !important;
  }

  body.home-transparent-header .top-nav .nav-link::after{
    display:none !important;
  }

  body.home-transparent-header .language-switcher{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    justify-self:end !important;
    order:3 !important;
  }

  body.home-transparent-header .language-switcher .language-current{
    min-width:136px !important;
    height:52px !important;
    padding:0 18px !important;
    font-size:1rem !important;
    background:rgba(5,16,29,.22) !important;
  }

  body.home-transparent-header .language-switcher .language-options{
    left:auto;
    right:0;
    min-width:160px;
  }

  body.home-transparent-header .hero{
    padding-top:116px !important;
  }
}

/* ===== site-header-nav-underline.css ===== */
/* T27 — centered RTL-safe navigation underline for the public site */
@media (min-width: 921px) {
  .top-nav .nav-link {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    isolation: isolate;
  }

  .top-nav .nav-link::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset-inline-start: 50% !important;
    inset-inline-end: auto !important;
    left: 50% !important;
    right: auto !important;
    bottom: 2px !important;
    width: calc(100% - 8px) !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 3px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, transparent 0%, #c8932e 10%, #f5d77f 50%, #c8932e 90%, transparent 100%) !important;
    box-shadow: 0 0 13px rgba(241, 203, 105, .45) !important;
    opacity: 0 !important;
    transform: translateX(-50%) scaleX(.08) !important;
    transform-origin: center !important;
    transition: transform .38s cubic-bezier(.22, .8, .2, 1), opacity .2s ease !important;
    pointer-events: none !important;
  }

  .top-nav .nav-link:hover::after,
  .top-nav .nav-link:focus-visible::after,
  .top-nav .nav-link.active::after,
  .top-nav .nav-link[aria-current="page"]::after {
    opacity: 1 !important;
    transform: translateX(-50%) scaleX(1) !important;
  }

  .top-nav .nav-link:focus-visible {
    outline: 2px solid rgba(245, 215, 127, .55) !important;
    outline-offset: 5px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .top-nav .nav-link::after { transition: none !important; }
}

/* ===== hero-cinematic-intro.css ===== */

/* منتجع النيل الدولي — افتتاحية Hero سينمائية T33 */
:root {
  --nile-intro-gold: #e5bd57;
  --nile-intro-deep: #020914;
}


/* T35 — حركة Hero واحدة فقط، بدون أي أنيميشن قديم متداخل. */
.hero-content,
.primary-actions,
.primary-actions .feature-card {
  animation: none !important;
}

/* T36 — التسلسل المعتمد: الشعار، لمعة واحدة، النص، ثم البطاقات الثلاث مرة واحدة. */
html.nile-hero-intro-pending.nile-hero-intro-play .hero-logo-stage {
  animation: nileHeroLogoReveal .76s cubic-bezier(.16,.90,.28,1) .18s forwards !important;
}
html.nile-hero-intro-pending.nile-hero-intro-play .hero-logo-stage::after {
  animation: nileHeroLogoGlint .68s ease-in-out .82s forwards !important;
}
html.nile-hero-intro-pending.nile-hero-intro-play .hero h1 {
  animation: nileHeroTextReveal .58s cubic-bezier(.16,.86,.30,1) .96s forwards !important;
}
html.nile-hero-intro-pending.nile-hero-intro-play .hero-subtitle {
  animation: nileHeroTextReveal .54s cubic-bezier(.16,.86,.30,1) 1.08s forwards !important;
}
html.nile-hero-intro-pending.nile-hero-intro-play .hero-ornament {
  animation: nileHeroTextReveal .50s cubic-bezier(.16,.86,.30,1) 1.18s forwards !important;
}
html.nile-hero-intro-pending.nile-hero-intro-play .primary-actions .feature-card:nth-child(1) {
  animation: nileHeroCardReveal .58s cubic-bezier(.16,.86,.30,1) 1.36s forwards !important;
}
html.nile-hero-intro-pending.nile-hero-intro-play .primary-actions .feature-card:nth-child(2) {
  animation: nileHeroCardReveal .58s cubic-bezier(.16,.86,.30,1) 1.47s forwards !important;
}
html.nile-hero-intro-pending.nile-hero-intro-play .primary-actions .feature-card:nth-child(3) {
  animation: nileHeroCardReveal .58s cubic-bezier(.16,.86,.30,1) 1.58s forwards !important;
}

html.nile-hero-intro-complete .hero-content,
html.nile-hero-intro-complete .primary-actions,
html.nile-hero-intro-complete .primary-actions .feature-card,
html.nile-hero-intro-skip .hero-content,
html.nile-hero-intro-skip .primary-actions,
html.nile-hero-intro-skip .primary-actions .feature-card {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}

.hero.hero-photo {
  background-image: url('assets/hero-cinematic-night.webp');
  background-position: center 48%;
  background-size: cover;
  isolation: isolate;
}
.hero-cinematic-media,
.hero-cinematic-light {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.hero-cinematic-media {
  z-index: 0;
  overflow: hidden;
  border-radius: inherit;
}
.hero-cinematic-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 48%;
  transform: scale(1.015);
  filter: saturate(1.02) contrast(1.03) brightness(.88);
  will-change: transform, filter;
}
.hero-overlay {
  z-index: 1;
  background:
    linear-gradient(180deg, rgba(2,8,15,.26) 0%, rgba(3,10,18,.18) 30%, rgba(3,10,18,.58) 64%, rgba(2,7,13,.92) 100%),
    radial-gradient(circle at 50% 38%, rgba(229,189,87,.10), transparent 28rem);
}
.hero-cinematic-light {
  z-index: 2;
  opacity: 0;
  overflow: hidden;
  mix-blend-mode: screen;
}
.hero-cinematic-light::before {
  content: "";
  position: absolute;
  top: -18%;
  bottom: -18%;
  left: -32%;
  width: 24%;
  transform: skewX(-16deg);
  background: linear-gradient(90deg, transparent, rgba(255,239,190,.19), rgba(255,246,216,.42), rgba(255,239,190,.14), transparent);
  filter: blur(6px);
}
.hero-content,
.primary-actions { z-index: 3; }
.hero-logo-stage {
  position: relative;
  display: inline-grid;
  place-items: center;
  overflow: hidden;
  border-radius: 50%;
  isolation: isolate;
}
.hero-logo-stage::before {
  content: "";
  position: absolute;
  inset: 7%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(229,189,87,.14), transparent 66%);
  filter: blur(12px);
  opacity: .75;
  z-index: -1;
}
.hero-logo-stage::after {
  content: "";
  position: absolute;
  top: -18%;
  bottom: -18%;
  left: -42%;
  width: 18%;
  transform: skewX(-18deg);
  background: linear-gradient(90deg, transparent, rgba(255,247,214,.76), transparent);
  filter: blur(4px);
  opacity: 0;
  pointer-events: none;
}
.hero-logo-stage .main-logo {
  display: block;
  filter: drop-shadow(0 18px 30px rgba(0,0,0,.52)) drop-shadow(0 0 18px rgba(229,189,87,.16));
}

/* الحالة الأولى: لا نخفي الصفحة، فقط نهيّئ عناصر الـHero */
html.nile-hero-intro-pending .hero-cinematic-media img {
  transform: scale(1.075);
  filter: saturate(.86) contrast(1.02) brightness(.53) blur(1.2px);
}
html.nile-hero-intro-pending .hero-overlay {
  background:
    linear-gradient(180deg, rgba(2,7,13,.70) 0%, rgba(2,7,13,.58) 45%, rgba(2,7,13,.92) 100%),
    radial-gradient(circle at 50% 38%, rgba(229,189,87,.04), transparent 24rem);
}
html.nile-hero-intro-pending .hero-logo-stage,
html.nile-hero-intro-pending .hero h1,
html.nile-hero-intro-pending .hero-subtitle,
html.nile-hero-intro-pending .hero-ornament,
html.nile-hero-intro-pending .primary-actions .feature-card {
  opacity: 0;
}
html.nile-hero-intro-pending .hero-logo-stage {
  transform: translateY(20px) scale(.93);
  filter: blur(2px);
}
html.nile-hero-intro-pending .hero h1,
html.nile-hero-intro-pending .hero-subtitle,
html.nile-hero-intro-pending .hero-ornament {
  transform: translateY(18px);
}
html.nile-hero-intro-pending .primary-actions .feature-card {
  transform: translateY(24px) scale(.985);
}

html.nile-hero-intro-pending.nile-hero-intro-play .hero-cinematic-media img {
  animation: nileHeroImageReveal 1.72s cubic-bezier(.16,.84,.24,1) forwards;
}
html.nile-hero-intro-pending.nile-hero-intro-play .hero-overlay {
  animation: nileHeroOverlayReveal 1.62s cubic-bezier(.2,.8,.2,1) forwards;
}
html.nile-hero-intro-pending.nile-hero-intro-play .hero-cinematic-light {
  animation: nileHeroLightLayer 1.4s ease-out .2s forwards;
}
html.nile-hero-intro-pending.nile-hero-intro-play .hero-cinematic-light::before {
  animation: nileHeroLightSweep 1.35s cubic-bezier(.2,.8,.3,1) .28s forwards;
}

@keyframes nileHeroImageReveal {
  from { transform: scale(1.075); filter: saturate(.86) contrast(1.02) brightness(.53) blur(1.2px); }
  to { transform: scale(1.015); filter: saturate(1.02) contrast(1.03) brightness(.88) blur(0); }
}
@keyframes nileHeroOverlayReveal {
  from { opacity: 1; }
  to { opacity: 1; background: linear-gradient(180deg, rgba(2,8,15,.26) 0%, rgba(3,10,18,.18) 30%, rgba(3,10,18,.58) 64%, rgba(2,7,13,.92) 100%), radial-gradient(circle at 50% 38%, rgba(229,189,87,.10), transparent 28rem); }
}
@keyframes nileHeroLightLayer { from { opacity: 0; } 18% { opacity: 1; } to { opacity: 0; } }
@keyframes nileHeroLightSweep { from { left: -32%; } to { left: 118%; } }
@keyframes nileHeroLogoReveal {
  from { opacity: 0; transform: translateY(20px) scale(.93); filter: blur(2px); }
  to { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
}
@keyframes nileHeroLogoGlint {
  0% { left: -42%; opacity: 0; }
  22% { opacity: .78; }
  100% { left: 124%; opacity: 0; }
}
@keyframes nileHeroTextReveal {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes nileHeroCardReveal {
  from { opacity: 0; transform: translateY(24px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 920px) {
  .hero-cinematic-media img { object-position: 50% 46%; }
  .hero-logo-stage .main-logo { width: min(240px, 66vw) !important; }
}
@media (max-width: 520px) {
  .hero-cinematic-media img { object-position: 52% 46%; }
  html.nile-hero-intro-pending.nile-hero-intro-play .hero-cinematic-media img {
    animation-duration: 1.35s;
  }
  .hero-cinematic-light::before { width: 34%; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-cinematic-media img,
  .hero-logo-stage,
  .hero h1,
  .hero-subtitle,
  .hero-ornament,
  .primary-actions .feature-card {
    animation: none !important;
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }
  .hero-cinematic-light { display: none !important; }
}

/* T67 — شلال سينمائي ثابت للـHero بأعلى جودة عملية. */
.hero.hero-photo.hero-video-mode {
  background-image: url('assets/video/alnil-waterfall-hero-poster-desktop.jpg') !important;
  background-position: center center !important;
  background-size: cover !important;
}
.hero-video-mode .hero-cinematic-media {
  background: #020813 url('assets/video/alnil-waterfall-hero-poster-desktop.jpg') center center / cover no-repeat;
}
.hero-video-mode .hero-cinematic-media::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 50% 43%, transparent 28%, rgba(1,5,10,.10) 72%, rgba(1,5,10,.34) 100%),
    linear-gradient(90deg, rgba(1,6,12,.16), transparent 18%, transparent 82%, rgba(1,6,12,.16));
}
.hero-waterfall-video {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  opacity: 0;
  transform: none !important;
  filter: saturate(1.04) contrast(1.04) brightness(.92);
  transition: opacity .8s ease;
  will-change: opacity;
}
.hero-waterfall-video.is-ready {
  opacity: 1;
}
.hero-video-mode .hero-overlay {
  background:
    linear-gradient(180deg,
      rgba(2,7,13,.28) 0%,
      rgba(2,7,13,.10) 26%,
      rgba(2,8,15,.20) 54%,
      rgba(2,7,13,.70) 78%,
      rgba(2,6,12,.92) 100%),
    radial-gradient(circle at 50% 38%, rgba(229,189,87,.08), transparent 30rem) !important;
}
.hero-video-mode .hero-stars {
  display: none !important;
}
/* لا نحرّك المشهد نفسه في افتتاحية الصفحة؛ الحركة تبقى في الماء فقط. */
html.nile-hero-intro-pending .hero-video-mode .hero-waterfall-video,
html.nile-hero-intro-pending.nile-hero-intro-play .hero-video-mode .hero-waterfall-video {
  transform: none !important;
  filter: saturate(1.04) contrast(1.04) brightness(.92) !important;
  animation: none !important;
}
@media (max-width: 720px) {
  .hero.hero-photo.hero-video-mode,
  .hero-video-mode .hero-cinematic-media {
    background-image: url('assets/video/alnil-waterfall-hero-mobile-t75-poster.jpg') !important;
    background-position: center center !important;
  }
  .hero-waterfall-video {
    object-position: 50% 50%;
    filter: saturate(1.05) contrast(1.05) brightness(.90);
  }
  .hero-video-mode .hero-overlay {
    background:
      linear-gradient(180deg,
        rgba(2,7,13,.24) 0%,
        rgba(2,7,13,.08) 24%,
        rgba(2,8,15,.24) 52%,
        rgba(2,7,13,.74) 76%,
        rgba(2,6,12,.94) 100%),
      radial-gradient(circle at 50% 38%, rgba(229,189,87,.08), transparent 22rem) !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hero-waterfall-video {
    transition: none !important;
  }
}

/* ===== t75-mobile-hero-full-bleed.css ===== */
/* T75 — dedicated mobile hero video. Desktop video and desktop layout stay unchanged. */
@media (max-width:760px){
  html,
  body{
    overflow-x:hidden !important;
  }

  #home.home-view,
  #home .home-page{
    width:100% !important;
    max-width:none !important;
    overflow:visible !important;
  }

  /* Make only the homepage hero full-bleed on phones. */
  #home .hero.hero-photo.hero-video-mode{
    width:100vw !important;
    max-width:none !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    border-left:0 !important;
    border-right:0 !important;
    border-radius:0 !important;
    background:#020813 !important;
    box-shadow:0 24px 58px rgba(0,0,0,.42) !important;
  }

  #home .hero.hero-photo.hero-video-mode::before{
    display:none !important;
  }

  #home .hero-video-mode .hero-cinematic-media{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    overflow:hidden !important;
    border-radius:0 !important;
    background:#020813 url('assets/video/alnil-waterfall-hero-mobile-t75-poster.jpg') center center / cover no-repeat !important;
  }

  #home .hero-video-mode .hero-cinematic-media::after{
    inset:0 !important;
    /* No dark/colored side bands; only a light vertical readability fade. */
    background:linear-gradient(
      180deg,
      rgba(2,7,13,.12) 0%,
      rgba(2,7,13,.02) 24%,
      rgba(2,8,15,.13) 54%,
      rgba(2,7,13,.56) 78%,
      rgba(2,6,12,.86) 100%
    ) !important;
  }

  #home .hero-waterfall-video{
    position:absolute !important;
    inset:0 !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    object-fit:cover !important;
    object-position:50% 50% !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    transform:none !important;
  }

  #home .hero-video-mode .hero-overlay{
    /* Keep text readable without creating colored edges. */
    background:linear-gradient(
      180deg,
      rgba(2,7,13,.14) 0%,
      rgba(2,7,13,.02) 24%,
      rgba(2,8,15,.12) 52%,
      rgba(2,7,13,.50) 76%,
      rgba(2,6,12,.88) 100%
    ) !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }
}

/* ===== t76-mobile-hero-showcase.css ===== */
/* T76 — Mobile-only hero showcase. Desktop remains exactly as T75. */
.hero-scroll-cue{display:none;}

@media (max-width:760px){
  :root{--t76-mobile-stage:100svh;}

  #home .hero.hero-photo.hero-video-mode{
    position:relative !important;
    display:block !important;
    min-height:0 !important;
    padding:0 !important;
    overflow:visible !important;
    background:#020b15 !important;
    box-shadow:0 24px 58px rgba(0,0,0,.42) !important;
  }

  /* The video owns one complete phone screen, so its architecture and pool stay visible. */
  #home .hero-video-mode .hero-cinematic-media{
    top:0 !important;
    right:0 !important;
    bottom:auto !important;
    left:0 !important;
    height:100vh !important;
    height:var(--t76-mobile-stage) !important;
    min-height:720px !important;
    background:#020813 url('assets/video/alnil-waterfall-hero-mobile-t75-poster.jpg') center center / cover no-repeat !important;
  }

  #home .hero-waterfall-video{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:50% 50% !important;
    filter:saturate(1.01) contrast(1.015) brightness(.99) !important;
  }

  /* Very light readability layer: no colored side bands and no heavy bottom blackout. */
  #home .hero-video-mode .hero-cinematic-media::after{
    background:
      linear-gradient(180deg,
        rgba(1,7,14,.24) 0%,
        rgba(1,7,14,.07) 19%,
        rgba(1,7,14,.02) 46%,
        rgba(1,7,14,.05) 72%,
        rgba(1,7,14,.30) 100%) !important;
  }

  #home .hero-video-mode .hero-overlay{
    top:0 !important;
    right:0 !important;
    bottom:auto !important;
    left:0 !important;
    height:100vh !important;
    height:var(--t76-mobile-stage) !important;
    min-height:720px !important;
    background:
      radial-gradient(circle at 50% 28%,rgba(1,8,17,.42) 0%,rgba(1,8,17,.18) 30%,transparent 56%),
      linear-gradient(180deg,rgba(1,7,14,.08),transparent 36%,transparent 76%,rgba(1,7,14,.23)) !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }

  #home .hero-video-mode .hero-cinematic-light,
  #home .hero-video-mode .hero-stars{
    top:0 !important;
    bottom:auto !important;
    height:100vh !important;
    height:var(--t76-mobile-stage) !important;
    min-height:720px !important;
  }

  #home .hero-video-mode .hero-cinematic-light{opacity:.26 !important;}
  #home .hero-video-mode .hero-stars{display:none !important;}

  /* Text occupies only the upper part, leaving the waterfall and pool open. */
  #home .hero-content{
    position:relative !important;
    z-index:4 !important;
    width:100% !important;
    min-height:100vh !important;
    min-height:var(--t76-mobile-stage) !important;
    min-height:max(100svh,720px) !important;
    margin:0 !important;
    padding:104px 18px 150px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    text-align:center !important;
    background:transparent !important;
  }

  #home .hero-logo-stage{
    width:100% !important;
    margin:10px 0 0 !important;
  }

  #home .main-logo{
    width:min(166px,42vw) !important;
    max-width:166px !important;
    margin:0 auto 4px !important;
    filter:
      drop-shadow(0 14px 24px rgba(0,0,0,.72))
      drop-shadow(0 0 14px rgba(2,12,22,.72)) !important;
  }

  #home .hero h1{
    max-width:94vw !important;
    margin:4px 0 7px !important;
    font-size:clamp(2rem,8.8vw,2.46rem) !important;
    line-height:1.08 !important;
    letter-spacing:-.025em !important;
    color:#f1ca63 !important;
    text-shadow:
      0 8px 22px rgba(0,0,0,.82),
      0 0 10px rgba(1,8,17,.64) !important;
  }

  #home .hero-subtitle{
    max-width:310px !important;
    margin:0 auto !important;
    font-size:clamp(.88rem,3.8vw,.99rem) !important;
    font-weight:600 !important;
    line-height:1.7 !important;
    color:#fffaf1 !important;
    text-shadow:0 5px 16px rgba(0,0,0,.88) !important;
  }

  #home .hero-ornament{
    width:min(184px,48vw) !important;
    height:24px !important;
    margin-top:7px !important;
    opacity:.92 !important;
  }

  /* Small visual cue at the bottom of the video; it scrolls to the services. */
  html{scroll-behavior:smooth;}

  #home .hero-scroll-cue{
    position:absolute !important;
    z-index:6 !important;
    top:calc(var(--t76-mobile-stage) - 72px) !important;
    left:50% !important;
    width:48px !important;
    height:48px !important;
    transform:translateX(-50%) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid rgba(229,181,65,.66) !important;
    border-radius:50% !important;
    background:rgba(3,15,27,.36) !important;
    box-shadow:0 10px 24px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04) !important;
    -webkit-backdrop-filter:blur(8px) !important;
    backdrop-filter:blur(8px) !important;
    text-decoration:none !important;
  }

  #home .hero-scroll-cue span{
    width:15px !important;
    height:15px !important;
    display:block !important;
    border-right:2px solid #fff6df !important;
    border-bottom:2px solid #fff6df !important;
    transform:translateY(-3px) rotate(45deg) !important;
  }

  /* Cards are a separate section after the complete video stage. */
  #home .primary-actions{
    position:relative !important;
    z-index:5 !important;
    width:calc(100% - 22px) !important;
    margin:-24px auto 0 !important;
    padding:16px !important;
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    border:1px solid rgba(222,175,62,.72) !important;
    border-radius:30px !important;
    background:
      radial-gradient(circle at 50% 0%,rgba(212,168,62,.07),transparent 14rem),
      linear-gradient(180deg,rgba(4,20,35,.97),rgba(2,12,23,.99)) !important;
    box-shadow:0 28px 60px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.035) !important;
    -webkit-backdrop-filter:blur(14px) !important;
    backdrop-filter:blur(14px) !important;
    scroll-margin-top:82px !important;
  }

  #home .feature-card{
    width:100% !important;
    min-height:116px !important;
    padding:18px 88px 18px 18px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    align-content:center !important;
    justify-items:center !important;
    gap:7px !important;
    position:relative !important;
    direction:rtl !important;
    text-align:center !important;
    border:1px solid rgba(225,177,62,.48) !important;
    border-radius:21px !important;
    background:
      radial-gradient(circle at 100% 50%,rgba(212,168,62,.055),transparent 7rem),
      linear-gradient(180deg,rgba(7,27,45,.90),rgba(3,15,27,.96)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 12px 24px rgba(0,0,0,.22) !important;
  }

  #home .feature-card::before{
    content:"" !important;
    position:absolute !important;
    top:17px !important;
    right:76px !important;
    bottom:17px !important;
    left:auto !important;
    width:1px !important;
    border:0 !important;
    border-radius:0 !important;
    background:linear-gradient(180deg,transparent,rgba(229,181,65,.72) 22%,rgba(229,181,65,.72) 78%,transparent) !important;
  }

  #home .feature-card::after{display:none !important;}

  #home .feature-card .icon{
    position:absolute !important;
    top:50% !important;
    right:20px !important;
    width:43px !important;
    height:43px !important;
    margin:0 !important;
    transform:translateY(-50%) !important;
    filter:drop-shadow(0 5px 10px rgba(0,0,0,.44)) !important;
  }

  #home .feature-card strong{
    width:100% !important;
    color:#efc65f !important;
    font-size:1.28rem !important;
    font-weight:900 !important;
    line-height:1.25 !important;
  }

  #home .feature-card small{
    width:100% !important;
    max-width:250px !important;
    padding:0 !important;
    color:#f1e8d9 !important;
    font-size:.84rem !important;
    font-weight:500 !important;
    line-height:1.6 !important;
  }

  #home .feature-card[data-view="booking"]{order:1 !important;}
  #home .feature-card[data-view="hotel"]{order:2 !important;}
  #home .feature-card[data-view="menu"]{order:3 !important;}

  /* The next homepage section follows the card panel naturally. */
  #home .booking-policies{margin-top:8px !important;}
}

@media (max-width:760px) and (max-height:760px){
  #home .hero-content{padding-top:90px !important;}
  #home .main-logo{width:min(145px,38vw) !important;}
  #home .hero h1{font-size:clamp(1.85rem,8.2vw,2.2rem) !important;}
  #home .hero-subtitle{font-size:.86rem !important;}
}

@media (max-width:380px){
  #home .hero-content{padding-inline:12px !important;}
  #home .main-logo{width:142px !important;}
  #home .hero h1{font-size:1.92rem !important;}
  #home .primary-actions{width:calc(100% - 14px) !important;padding:12px !important;}
  #home .feature-card{padding-left:12px !important;}
}

/* ===== t77-mobile-home-reference.css ===== */
/* T77 — Mobile homepage rebuilt to match the approved reference.
   Desktop and all inner pages remain unchanged. */
.hero-kicker{display:none;}
.hero-kicker-en,.hero-kicker-tr{display:none;}

@keyframes t77GoldSweep{
  0%,14%{background-position:125% 50%;}
  38%,100%{background-position:-35% 50%;}
}

@media (max-width:760px){
  :root{
    --t77-gold:#e9b94e;
    --t77-gold-light:#ffe08a;
    --t77-navy:#031425;
    --t77-stage:100svh;
  }

  #home .hero.hero-photo.hero-video-mode{
    position:relative !important;
    width:100vw !important;
    height:var(--t77-stage) !important;
    min-height:720px !important;
    max-height:none !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    padding:0 !important;
    display:block !important;
    overflow:hidden !important;
    border:0 !important;
    border-radius:0 !important;
    background:#020a14 !important;
    box-shadow:0 30px 72px rgba(0,0,0,.46) !important;
  }

  #home .hero.hero-photo.hero-video-mode::before,
  #home .hero.hero-photo.hero-video-mode::after{
    display:none !important;
  }

  #home .hero-video-mode .hero-cinematic-media,
  #home .hero-video-mode .hero-overlay,
  #home .hero-video-mode .hero-cinematic-light,
  #home .hero-video-mode .hero-stars{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    border-radius:0 !important;
  }

  #home .hero-waterfall-video{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    object-fit:cover !important;
    object-position:50% 49% !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    filter:saturate(1.015) contrast(1.02) brightness(.985) !important;
    transform:none !important;
  }

  /* Keep the architecture visible, then create a dark navy base for the title/cards. */
  #home .hero-video-mode .hero-cinematic-media::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background:
      linear-gradient(180deg,
        rgba(1,7,15,.24) 0%,
        rgba(1,7,15,.03) 20%,
        rgba(1,7,15,.02) 48%,
        rgba(1,8,17,.18) 61%,
        rgba(2,11,22,.66) 73%,
        rgba(2,12,24,.93) 100%) !important;
    pointer-events:none !important;
  }

  #home .hero-video-mode .hero-overlay{
    background:
      radial-gradient(circle at 50% 8%,rgba(5,40,83,.32),transparent 19rem),
      linear-gradient(180deg,rgba(1,8,18,.12),transparent 38%,transparent 56%,rgba(2,10,21,.18) 70%,rgba(2,12,24,.68) 100%) !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }

  #home .hero-video-mode .hero-cinematic-light{opacity:.12 !important;}
  #home .hero-video-mode .hero-stars{display:none !important;}

  /* The approved composition: logo in the sky, text lower on the water, cards at the bottom. */
  #home .hero-content{
    position:absolute !important;
    z-index:5 !important;
    top:68px !important;
    right:0 !important;
    bottom:224px !important;
    left:0 !important;
    width:100% !important;
    min-height:0 !important;
    margin:0 !important;
    padding:8px 18px 10px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    text-align:center !important;
    background:transparent !important;
    pointer-events:none !important;
  }

  #home .hero-logo-stage{
    width:100% !important;
    margin:0 !important;
    display:flex !important;
    justify-content:center !important;
    align-items:flex-start !important;
  }

  #home .main-logo{
    width:min(150px,36vw) !important;
    max-width:150px !important;
    margin:0 auto !important;
    filter:
      drop-shadow(0 14px 24px rgba(0,0,0,.64))
      drop-shadow(0 0 14px rgba(236,184,70,.10)) !important;
  }

  #home .hero-kicker{
    width:min(330px,84vw) !important;
    margin:auto auto 5px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:12px !important;
    color:#fffaf2 !important;
    font-family:"Tajawal","Cairo",sans-serif !important;
    font-size:clamp(1.05rem,4.9vw,1.30rem) !important;
    font-weight:500 !important;
    line-height:1.2 !important;
    text-shadow:0 5px 18px rgba(0,0,0,.88) !important;
  }

  #home .hero-kicker::before,
  #home .hero-kicker::after{
    content:"" !important;
    width:54px !important;
    height:1px !important;
    flex:0 0 54px !important;
    background:linear-gradient(90deg,transparent,rgba(233,185,78,.82),transparent) !important;
  }

  #home .hero h1{
    position:relative !important;
    max-width:96vw !important;
    margin:2px 0 7px !important;
    padding:0 5px !important;
    font-family:"Tajawal","Cairo",sans-serif !important;
    font-size:clamp(2.42rem,10.5vw,3.05rem) !important;
    font-weight:900 !important;
    line-height:.98 !important;
    letter-spacing:-.045em !important;
    color:transparent !important;
    -webkit-text-fill-color:transparent !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    background-image:linear-gradient(110deg,
      #b87815 0%,
      #e2aa35 18%,
      #ffe18a 36%,
      #fff5bf 47%,
      #e8b64b 57%,
      #c8871b 77%,
      #f2c85f 100%) !important;
    background-size:235% 100% !important;
    animation:t77GoldSweep 6.8s ease-in-out infinite !important;
    filter:
      drop-shadow(0 7px 15px rgba(0,0,0,.72))
      drop-shadow(0 0 7px rgba(235,181,63,.16)) !important;
  }

  #home .hero-subtitle{
    max-width:345px !important;
    margin:0 auto !important;
    padding:0 6px !important;
    color:#fffaf3 !important;
    font-family:"Tajawal","Cairo",sans-serif !important;
    font-size:0 !important;
    font-weight:500 !important;
    line-height:1.55 !important;
    text-shadow:0 5px 18px rgba(0,0,0,.90) !important;
  }

  #home .hero-subtitle::after{
    content:attr(data-mobile-copy-ar) !important;
    font-size:clamp(.93rem,4vw,1.06rem) !important;
  }
  html[lang="en"] #home .hero-subtitle::after{content:attr(data-mobile-copy-en) !important;}
  html[lang="tr"] #home .hero-subtitle::after{content:attr(data-mobile-copy-tr) !important;}

  #home .hero-ornament{
    position:relative !important;
    width:min(238px,58vw) !important;
    height:18px !important;
    margin:10px auto 0 !important;
    border:0 !important;
    opacity:1 !important;
  }

  #home .hero-ornament::before,
  #home .hero-ornament::after{
    content:"" !important;
    position:absolute !important;
    top:8px !important;
    width:42% !important;
    height:1px !important;
    background:linear-gradient(90deg,transparent,rgba(233,185,78,.88)) !important;
  }
  #home .hero-ornament::before{right:0 !important;transform:scaleX(-1) !important;}
  #home .hero-ornament::after{left:0 !important;}

  #home .hero-ornament{
    background:
      radial-gradient(circle at 50% 50%,#f7d87c 0 2px,transparent 2.6px),
      radial-gradient(ellipse at 46% 56%,transparent 0 4px,#dba73c 4.5px 5.5px,transparent 6px),
      radial-gradient(ellipse at 54% 56%,transparent 0 4px,#dba73c 4.5px 5.5px,transparent 6px) !important;
  }

  #home .hero-scroll-cue{display:none !important;}

  /* Three compact premium cards, fully visible on the first phone screen. */
  #home .primary-actions{
    position:absolute !important;
    z-index:7 !important;
    right:14px !important;
    bottom:16px !important;
    left:14px !important;
    width:auto !important;
    height:194px !important;
    margin:0 !important;
    padding:0 !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:9px !important;
    direction:rtl !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }

  #home .feature-card{
    position:relative !important;
    width:100% !important;
    height:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:16px 8px 12px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:7px !important;
    overflow:hidden !important;
    border:1px solid rgba(229,181,65,.92) !important;
    border-radius:22px !important;
    background:
      radial-gradient(circle at 50% 0%,rgba(226,177,59,.08),transparent 8rem),
      linear-gradient(180deg,rgba(5,23,40,.93),rgba(2,13,25,.985)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.05),
      0 14px 30px rgba(0,0,0,.35) !important;
    text-align:center !important;
  }

  #home .feature-card::before{
    content:"" !important;
    position:absolute !important;
    inset:8px !important;
    width:auto !important;
    height:auto !important;
    border:1px solid rgba(229,181,65,.10) !important;
    border-radius:16px !important;
    background:none !important;
    pointer-events:none !important;
  }

  #home .feature-card::after{
    content:"›" !important;
    position:absolute !important;
    right:50% !important;
    bottom:10px !important;
    left:auto !important;
    width:28px !important;
    height:28px !important;
    transform:translateX(50%) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid rgba(239,192,79,.95) !important;
    border-radius:50% !important;
    background:rgba(4,18,32,.75) !important;
    color:#f4c75d !important;
    font-family:Arial,sans-serif !important;
    font-size:1.5rem !important;
    line-height:1 !important;
    opacity:1 !important;
  }

  #home .feature-card .icon{
    position:static !important;
    width:43px !important;
    height:43px !important;
    margin:0 auto 4px !important;
    transform:none !important;
    background:linear-gradient(180deg,#ffe18c,#d89525) !important;
    filter:drop-shadow(0 5px 10px rgba(0,0,0,.44)) drop-shadow(0 0 6px rgba(238,188,67,.10)) !important;
  }

  #home .feature-card strong{
    width:100% !important;
    min-height:2.3em !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#efbf52 !important;
    font-family:"Tajawal","Cairo",sans-serif !important;
    font-size:clamp(.98rem,4.35vw,1.15rem) !important;
    font-weight:900 !important;
    line-height:1.12 !important;
    text-shadow:0 4px 10px rgba(0,0,0,.48) !important;
  }

  #home .feature-card small{
    width:100% !important;
    min-height:3em !important;
    margin:0 !important;
    padding:0 2px 32px !important;
    display:block !important;
    color:#f4ede2 !important;
    font-family:"Tajawal","Cairo",sans-serif !important;
    font-size:0 !important;
    font-weight:500 !important;
    line-height:1.38 !important;
  }

  #home .feature-card small::after{
    content:attr(data-mobile-copy-ar) !important;
    font-size:clamp(.73rem,3.05vw,.82rem) !important;
  }
  html[lang="en"] #home .feature-card small::after{content:attr(data-mobile-copy-en) !important;}
  html[lang="tr"] #home .feature-card small::after{content:attr(data-mobile-copy-tr) !important;}

  #home .feature-card[data-view="menu"]{order:1 !important;}
  #home .feature-card[data-view="hotel"]{order:2 !important;}
  #home .feature-card[data-view="booking"]{order:3 !important;}

  #home .booking-policies{margin-top:20px !important;}

  /* Match the reference header scale without changing its functionality. */
  body.unified-header-page .unified-site-header{
    top:12px !important;
    left:14px !important;
    right:14px !important;
    min-height:54px !important;
  }
  body.unified-header-page .unified-site-header::before{
    inset:-12px -14px -16px !important;
    height:92px !important;
    background:linear-gradient(180deg,rgba(1,8,18,.40),rgba(1,8,18,.12) 58%,transparent) !important;
  }
  body.unified-header-page .unified-site-header .language-current{
    min-width:124px !important;
    height:50px !important;
    padding:0 16px !important;
    border-color:rgba(230,181,65,.84) !important;
    border-radius:999px !important;
    background:rgba(3,14,27,.26) !important;
    color:#fff4d8 !important;
    font-size:.94rem !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 8px 20px rgba(0,0,0,.18) !important;
  }
  body.unified-header-page .unified-site-header .nav-toggle{
    top:0 !important;
    width:50px !important;
    height:50px !important;
    border-color:rgba(230,181,65,.76) !important;
    border-radius:17px !important;
    background:rgba(3,14,27,.24) !important;
  }
  body.unified-header-page .unified-site-header .nav-toggle span{
    width:25px !important;
    background:linear-gradient(90deg,#f6d579,#dba537) !important;
  }

  html[lang="ar"] #home .hero-kicker-ar{display:inline !important;}
  html[lang="ar"] #home .hero-kicker-en,
  html[lang="ar"] #home .hero-kicker-tr{display:none !important;}
  html[lang="en"] #home .hero-kicker-en{display:inline !important;}
  html[lang="en"] #home .hero-kicker-ar,
  html[lang="en"] #home .hero-kicker-tr{display:none !important;}
  html[lang="tr"] #home .hero-kicker-tr{display:inline !important;}
  html[lang="tr"] #home .hero-kicker-ar,
  html[lang="tr"] #home .hero-kicker-en{display:none !important;}
}

/* Compact phones: preserve the complete composition inside the real viewport. */
@media (max-width:760px) and (max-height:780px){
  #home .hero.hero-photo.hero-video-mode{min-height:660px !important;}
  #home .hero-content{top:62px !important;bottom:190px !important;padding-inline:14px !important;}
  #home .main-logo{width:min(125px,31vw) !important;}
  #home .hero-kicker{font-size:1rem !important;margin-bottom:3px !important;}
  #home .hero h1{font-size:clamp(2rem,9vw,2.45rem) !important;margin-bottom:4px !important;}
  #home .hero-subtitle::after{font-size:.86rem !important;}
  #home .hero-ornament{margin-top:6px !important;}
  #home .primary-actions{height:166px !important;right:10px !important;bottom:10px !important;left:10px !important;gap:6px !important;}
  #home .feature-card{padding:10px 5px 8px !important;border-radius:18px !important;gap:4px !important;}
  #home .feature-card .icon{width:35px !important;height:35px !important;margin-bottom:1px !important;}
  #home .feature-card strong{min-height:2em !important;font-size:.94rem !important;}
  #home .feature-card small{padding-bottom:26px !important;}
  #home .feature-card small::after{font-size:.68rem !important;}
  #home .feature-card::after{width:24px !important;height:24px !important;bottom:7px !important;font-size:1.2rem !important;}
}

@media (max-width:380px){
  #home .hero-content{padding-inline:10px !important;}
  #home .main-logo{width:118px !important;}
  #home .hero h1{font-size:2rem !important;}
  #home .primary-actions{right:8px !important;left:8px !important;gap:5px !important;}
  #home .feature-card{border-radius:17px !important;}
  #home .feature-card strong{font-size:.88rem !important;}
  #home .feature-card small::after{font-size:.64rem !important;}
}

@media (prefers-reduced-motion:reduce){
  #home .hero h1{animation:none !important;background-position:50% 50% !important;}
}

/* ===== t78-mobile-title-icons-polished.css ===== */
/* T78 — Mobile homepage polish
   - Restores the real service icons (calendar / bed / dining)
   - Keeps the Arabic hero title fully visible, including dots and letter tops
   - Refines the gold tone and shimmer without changing desktop or inner pages
*/

@keyframes t78GoldSweep{
  0%,18%{background-position:120% 50%;}
  42%,100%{background-position:-30% 50%;}
}

@media (max-width:760px){
  /* Prevent Arabic dots and ascenders from being clipped. */
  #home .hero-content{
    overflow:visible !important;
  }

  #home .hero h1{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 auto 4px !important;
    padding:9px 10px 10px !important;
    overflow:visible !important;
    white-space:nowrap !important;
    box-sizing:border-box !important;
    font-family:"Tajawal","Cairo",sans-serif !important;
    font-size:clamp(2.18rem,9.7vw,2.92rem) !important;
    font-weight:900 !important;
    line-height:1.22 !important;
    letter-spacing:-.018em !important;
    text-rendering:geometricPrecision !important;
    color:transparent !important;
    -webkit-text-fill-color:transparent !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    background-image:linear-gradient(108deg,
      #d69624 0%,
      #edb947 19%,
      #ffd977 35%,
      #fff1ad 47%,
      #f4c95f 58%,
      #d99a28 78%,
      #f7d879 100%) !important;
    background-size:245% 100% !important;
    animation:t78GoldSweep 7.2s ease-in-out infinite !important;
    filter:
      drop-shadow(0 7px 15px rgba(0,0,0,.76))
      drop-shadow(0 0 8px rgba(239,187,70,.20)) !important;
  }

  /* Real icons instead of the flat gold blocks. */
  #home .feature-card .icon{
    width:48px !important;
    height:48px !important;
    flex:0 0 48px !important;
    margin:0 auto 3px !important;
    background-color:transparent !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:contain !important;
    -webkit-mask:none !important;
    mask:none !important;
    filter:
      drop-shadow(0 6px 10px rgba(0,0,0,.48))
      drop-shadow(0 0 8px rgba(241,195,84,.16)) !important;
  }

  #home .feature-card .icon-calendar{
    background-image:url('assets/ui/calendar.png') !important;
  }

  #home .feature-card .icon-hotel{
    width:54px !important;
    background-image:url('assets/ui/bed.png') !important;
  }

  #home .feature-card .icon-menu{
    width:42px !important;
    background-image:url('assets/ui/fork-knife.png') !important;
  }

  #home .feature-card strong{
    color:#f0bf50 !important;
    text-shadow:
      0 4px 11px rgba(0,0,0,.58),
      0 0 5px rgba(238,187,69,.08) !important;
  }
}

@media (max-width:760px) and (max-height:780px){
  #home .hero h1{
    font-size:clamp(1.98rem,8.8vw,2.38rem) !important;
    line-height:1.24 !important;
    padding-top:7px !important;
    padding-bottom:8px !important;
  }

  #home .feature-card .icon{
    width:38px !important;
    height:38px !important;
    flex-basis:38px !important;
  }
  #home .feature-card .icon-hotel{width:44px !important;}
  #home .feature-card .icon-menu{width:34px !important;}
}

@media (max-width:380px){
  #home .hero h1{
    font-size:1.98rem !important;
    letter-spacing:-.01em !important;
  }
}

@media (prefers-reduced-motion:reduce){
  #home .hero h1{
    animation:none !important;
    background-position:50% 50% !important;
  }
}

/* ===== t79-mobile-title-cards-refined.css ===== */
/* T79 — Mobile title and service cards refinement
   Scope: mobile homepage only. Desktop and inner pages remain unchanged. */

@keyframes t79LuxuryGoldSweep{
  0%,20%{background-position:115% 50%;}
  48%,100%{background-position:-20% 50%;}
}

@media (max-width:760px){
  /* Cleaner luxury Arabic title: brighter gold, softer shadow, no clipping. */
  #home .hero h1{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:1px auto 6px !important;
    padding:7px 8px 9px !important;
    overflow:visible !important;
    white-space:nowrap !important;
    box-sizing:border-box !important;
    font-family:"Tajawal","Cairo",sans-serif !important;
    font-size:clamp(2.12rem,9.25vw,2.72rem) !important;
    font-weight:800 !important;
    line-height:1.16 !important;
    letter-spacing:-.012em !important;
    text-rendering:optimizeLegibility !important;
    -webkit-font-smoothing:antialiased !important;
    color:transparent !important;
    -webkit-text-fill-color:transparent !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    background-image:linear-gradient(108deg,
      #e5a936 0%,
      #f4c75d 21%,
      #ffe79b 39%,
      #fff6c7 49%,
      #f4cb69 59%,
      #d99527 78%,
      #f2c45a 100%) !important;
    background-size:220% 100% !important;
    animation:t79LuxuryGoldSweep 8.5s ease-in-out infinite !important;
    filter:
      drop-shadow(0 5px 10px rgba(0,0,0,.74))
      drop-shadow(0 0 4px rgba(244,196,83,.15)) !important;
  }

  /* Give the cards a little more breathing room while staying in the first screen. */
  #home .primary-actions{
    height:208px !important;
    right:12px !important;
    bottom:12px !important;
    left:12px !important;
    gap:8px !important;
  }

  #home .hero-content{
    bottom:242px !important;
  }

  #home .feature-card{
    min-height:0 !important;
    padding:13px 7px 47px !important;
    gap:4px !important;
    border-radius:21px !important;
    background:
      radial-gradient(circle at 50% 0%,rgba(238,190,78,.10),transparent 8rem),
      linear-gradient(180deg,rgba(5,23,40,.965),rgba(2,13,25,.992)) !important;
  }

  #home .feature-card::before{
    inset:7px !important;
    border-radius:15px !important;
  }

  #home .feature-card .icon{
    width:44px !important;
    height:44px !important;
    flex:0 0 44px !important;
    margin:0 auto 2px !important;
  }

  #home .feature-card .icon-hotel{width:50px !important;}
  #home .feature-card .icon-menu{width:38px !important;}

  #home .feature-card strong{
    width:100% !important;
    min-height:2.15em !important;
    margin:0 !important;
    padding:0 1px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#f3c75b !important;
    font-family:"Tajawal","Cairo",sans-serif !important;
    font-size:clamp(.96rem,4.15vw,1.10rem) !important;
    font-weight:800 !important;
    line-height:1.16 !important;
    text-shadow:0 3px 8px rgba(0,0,0,.58) !important;
  }

  #home .feature-card small{
    width:100% !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 2px !important;
    display:block !important;
    color:#fff8ee !important;
    font-family:"Tajawal","Cairo",sans-serif !important;
    font-size:0 !important;
    font-weight:500 !important;
    line-height:1.48 !important;
    text-shadow:0 3px 8px rgba(0,0,0,.60) !important;
    opacity:1 !important;
  }

  #home .feature-card small::after{
    display:block !important;
    content:attr(data-mobile-copy-ar) !important;
    font-size:clamp(.72rem,2.95vw,.80rem) !important;
    line-height:1.48 !important;
  }
  html[lang="en"] #home .feature-card small::after{content:attr(data-mobile-copy-en) !important;}
  html[lang="tr"] #home .feature-card small::after{content:attr(data-mobile-copy-tr) !important;}

  /* Dedicated arrow zone, clearly separated from the copy. */
  #home .feature-card::after{
    right:50% !important;
    bottom:10px !important;
    width:27px !important;
    height:27px !important;
    transform:translateX(50%) !important;
    border:1px solid rgba(244,198,89,.98) !important;
    background:rgba(3,16,29,.94) !important;
    color:#f6ca60 !important;
    font-size:1.35rem !important;
    line-height:1 !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.05),
      0 5px 12px rgba(0,0,0,.24) !important;
  }
}

@media (max-width:760px) and (max-height:780px){
  #home .primary-actions{
    height:180px !important;
    right:9px !important;
    bottom:9px !important;
    left:9px !important;
    gap:6px !important;
  }

  #home .hero-content{bottom:208px !important;}

  #home .hero h1{
    font-size:clamp(1.92rem,8.55vw,2.30rem) !important;
    line-height:1.18 !important;
    padding:5px 6px 7px !important;
  }

  #home .feature-card{
    padding:9px 5px 40px !important;
    gap:2px !important;
    border-radius:18px !important;
  }

  #home .feature-card .icon{
    width:35px !important;
    height:35px !important;
    flex-basis:35px !important;
  }
  #home .feature-card .icon-hotel{width:41px !important;}
  #home .feature-card .icon-menu{width:31px !important;}

  #home .feature-card strong{
    min-height:2em !important;
    font-size:.90rem !important;
  }

  #home .feature-card small::after{
    font-size:.66rem !important;
    line-height:1.42 !important;
  }

  #home .feature-card::after{
    width:23px !important;
    height:23px !important;
    bottom:7px !important;
    font-size:1.12rem !important;
  }
}

@media (max-width:380px){
  #home .hero h1{
    font-size:1.92rem !important;
    letter-spacing:0 !important;
  }

  #home .primary-actions{
    right:7px !important;
    left:7px !important;
    gap:5px !important;
  }

  #home .feature-card{
    padding-inline:4px !important;
  }

  #home .feature-card strong{font-size:.84rem !important;}
  #home .feature-card small::after{font-size:.62rem !important;}
}

@media (prefers-reduced-motion:reduce){
  #home .hero h1{
    animation:none !important;
    background-position:50% 50% !important;
  }
}

/* ===== t80-mobile-cards-balanced.css ===== */
/* T80 — Mobile service cards position and proportion refinement
   Scope: homepage on mobile only. Keeps T79 styling while improving balance. */

@media (max-width:760px){
  /* Keep the cards elegant but reduce the dead space inside each card. */
  #home .primary-actions{
    height:190px !important;
    right:12px !important;
    bottom:26px !important;
    left:12px !important;
    gap:8px !important;
  }

  /* Pull the title block down slightly so the cards can sit a touch higher. */
  #home .hero-content{
    bottom:236px !important;
  }

  /* Shorter silhouette with tighter spacing and a cleaner bottom zone. */
  #home .feature-card{
    padding:12px 7px 34px !important;
    gap:2px !important;
    border-radius:20px !important;
  }

  #home .feature-card::before{
    inset:7px !important;
    border-radius:14px !important;
  }

  #home .feature-card .icon{
    width:42px !important;
    height:42px !important;
    flex:0 0 42px !important;
    margin:0 auto 0 !important;
  }

  #home .feature-card .icon-hotel{width:48px !important;}
  #home .feature-card .icon-menu{width:37px !important;}

  #home .feature-card strong{
    min-height:1.95em !important;
  }

  #home .feature-card small::after{
    line-height:1.38 !important;
  }

  #home .feature-card::after{
    bottom:8px !important;
    width:25px !important;
    height:25px !important;
  }
}

@media (max-width:760px) and (max-height:780px){
  #home .primary-actions{
    height:166px !important;
    right:9px !important;
    bottom:18px !important;
    left:9px !important;
    gap:6px !important;
  }

  #home .hero-content{
    bottom:202px !important;
  }

  #home .feature-card{
    padding:8px 5px 31px !important;
    gap:1px !important;
    border-radius:18px !important;
  }

  #home .feature-card .icon{
    width:34px !important;
    height:34px !important;
    flex-basis:34px !important;
  }

  #home .feature-card .icon-hotel{width:40px !important;}
  #home .feature-card .icon-menu{width:30px !important;}

  #home .feature-card small::after{
    line-height:1.34 !important;
  }

  #home .feature-card::after{
    width:21px !important;
    height:21px !important;
    bottom:6px !important;
  }
}

@media (max-width:380px){
  #home .primary-actions{
    right:7px !important;
    left:7px !important;
    bottom:20px !important;
    gap:5px !important;
  }
}

/* ===== t82-mobile-card-content-lifted.css ===== */
/* T82 — visibly lift description + arrow inside mobile home cards */
@media (max-width:760px){
  #home .primary-actions{
    height:176px !important;
    bottom:24px !important;
  }

  #home .hero-content{
    bottom:220px !important;
  }

  #home .feature-card{
    min-height:0 !important;
    padding:9px 6px 31px !important;
    gap:0 !important;
    justify-content:flex-start !important;
  }

  #home .feature-card .icon{
    width:39px !important;
    height:39px !important;
    flex:0 0 39px !important;
    margin:0 auto 0 !important;
  }
  #home .feature-card .icon-hotel{width:45px !important;}
  #home .feature-card .icon-menu{width:34px !important;}

  #home .feature-card strong{
    min-height:1.75em !important;
    margin:-1px 0 0 !important;
    line-height:1.06 !important;
  }

  #home .feature-card small{
    margin:-2px 0 0 !important;
    transform:translateY(-1px) !important;
  }

  #home .feature-card small::after{
    line-height:1.25 !important;
  }

  #home .feature-card::after{
    bottom:15px !important;
    width:23px !important;
    height:23px !important;
    font-size:1.10rem !important;
  }
}

@media (max-width:760px) and (max-height:780px){
  #home .primary-actions{
    height:154px !important;
    bottom:16px !important;
  }

  #home .hero-content{
    bottom:188px !important;
  }

  #home .feature-card{
    padding:6px 4px 27px !important;
  }

  #home .feature-card .icon{
    width:31px !important;
    height:31px !important;
    flex-basis:31px !important;
  }
  #home .feature-card .icon-hotel{width:37px !important;}
  #home .feature-card .icon-menu{width:28px !important;}

  #home .feature-card strong{
    min-height:1.65em !important;
    line-height:1.02 !important;
  }

  #home .feature-card small::after{
    line-height:1.18 !important;
  }

  #home .feature-card::after{
    bottom:12px !important;
    width:20px !important;
    height:20px !important;
    font-size:1rem !important;
  }
}

/* ===== t83-mobile-card-content-ordered.css ===== */
/* T83 — Clean internal spacing for mobile homepage service cards
   Scope: homepage mobile cards only. */
@media (max-width:760px){
  #home .primary-actions{
    height:176px !important;
    bottom:24px !important;
  }

  #home .hero-content{
    bottom:220px !important;
  }

  #home .feature-card{
    min-height:0 !important;
    padding:8px 6px 34px !important;
    display:grid !important;
    grid-template-rows:39px minmax(34px,auto) minmax(38px,auto) !important;
    align-content:start !important;
    align-items:center !important;
    justify-items:center !important;
    row-gap:3px !important;
  }

  #home .feature-card .icon{
    width:39px !important;
    height:39px !important;
    min-width:0 !important;
    flex:0 0 39px !important;
    margin:0 auto !important;
    align-self:center !important;
  }

  #home .feature-card .icon-hotel{width:45px !important;}
  #home .feature-card .icon-menu{width:34px !important;}

  #home .feature-card strong{
    width:100% !important;
    min-height:34px !important;
    margin:0 !important;
    padding:0 2px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:clamp(.88rem,3.8vw,1rem) !important;
    line-height:1.16 !important;
    white-space:normal !important;
  }

  #home .feature-card[data-view="menu"] strong{
    font-size:clamp(.80rem,3.45vw,.92rem) !important;
    line-height:1.12 !important;
  }

  #home .feature-card small{
    width:100% !important;
    min-height:38px !important;
    margin:0 !important;
    padding:0 2px !important;
    display:flex !important;
    align-items:flex-start !important;
    justify-content:center !important;
    transform:none !important;
    overflow:visible !important;
  }

  #home .feature-card small::after{
    display:block !important;
    width:100% !important;
    font-size:clamp(.66rem,2.72vw,.75rem) !important;
    line-height:1.34 !important;
    text-align:center !important;
  }

  #home .feature-card::after{
    bottom:7px !important;
    width:23px !important;
    height:23px !important;
    font-size:1.08rem !important;
  }
}

@media (max-width:760px) and (max-height:780px){
  #home .primary-actions{
    height:154px !important;
    bottom:16px !important;
  }

  #home .hero-content{
    bottom:188px !important;
  }

  #home .feature-card{
    padding:6px 4px 29px !important;
    grid-template-rows:31px minmax(30px,auto) minmax(32px,auto) !important;
    row-gap:2px !important;
  }

  #home .feature-card .icon{
    width:31px !important;
    height:31px !important;
    flex-basis:31px !important;
  }
  #home .feature-card .icon-hotel{width:37px !important;}
  #home .feature-card .icon-menu{width:28px !important;}

  #home .feature-card strong{
    min-height:30px !important;
    font-size:.82rem !important;
    line-height:1.12 !important;
  }

  #home .feature-card[data-view="menu"] strong{
    font-size:.75rem !important;
  }

  #home .feature-card small{
    min-height:32px !important;
  }

  #home .feature-card small::after{
    font-size:.60rem !important;
    line-height:1.28 !important;
  }

  #home .feature-card::after{
    bottom:6px !important;
    width:20px !important;
    height:20px !important;
    font-size:.98rem !important;
  }
}

/* ===== t84-mobile-cards-shorter-balanced.css ===== */
/* T84 — Slightly shorter mobile home cards with balanced internal spacing
   Scope: homepage mobile cards only. */
@media (max-width:760px){
  #home .primary-actions{
    height:160px !important;
    bottom:34px !important;
  }

  #home .feature-card{
    min-height:0 !important;
    padding:7px 5px 28px !important;
    grid-template-rows:36px 31px 35px !important;
    row-gap:2px !important;
    align-content:start !important;
  }

  #home .feature-card .icon{
    width:36px !important;
    height:36px !important;
    flex-basis:36px !important;
    margin:0 auto !important;
  }

  #home .feature-card .icon-hotel{width:42px !important;}
  #home .feature-card .icon-menu{width:32px !important;}

  #home .feature-card strong{
    min-height:31px !important;
    font-size:clamp(.84rem,3.65vw,.96rem) !important;
    line-height:1.12 !important;
  }

  #home .feature-card[data-view="menu"] strong{
    font-size:clamp(.76rem,3.3vw,.87rem) !important;
    line-height:1.08 !important;
  }

  #home .feature-card small{
    min-height:35px !important;
  }

  #home .feature-card small::after{
    font-size:clamp(.63rem,2.58vw,.72rem) !important;
    line-height:1.28 !important;
  }

  #home .feature-card::after{
    bottom:6px !important;
    width:21px !important;
    height:21px !important;
    font-size:.98rem !important;
  }
}

@media (max-width:760px) and (max-height:780px){
  #home .primary-actions{
    height:144px !important;
    bottom:22px !important;
  }

  #home .feature-card{
    padding:5px 4px 25px !important;
    grid-template-rows:29px 27px 30px !important;
    row-gap:1px !important;
  }

  #home .feature-card .icon{
    width:29px !important;
    height:29px !important;
    flex-basis:29px !important;
  }

  #home .feature-card .icon-hotel{width:35px !important;}
  #home .feature-card .icon-menu{width:26px !important;}

  #home .feature-card strong{
    min-height:27px !important;
    font-size:.78rem !important;
  }

  #home .feature-card[data-view="menu"] strong{
    font-size:.71rem !important;
  }

  #home .feature-card small{
    min-height:30px !important;
  }

  #home .feature-card small::after{
    font-size:.57rem !important;
    line-height:1.22 !important;
  }

  #home .feature-card::after{
    bottom:5px !important;
    width:19px !important;
    height:19px !important;
    font-size:.9rem !important;
  }
}

/* ===== t85-mobile-cards-gap-removed.css ===== */
/* T85 — Remove extra empty gap inside mobile homepage service cards */
@media (max-width:760px){
  #home .primary-actions{
    height:auto !important;
    min-height:0 !important;
    align-items:start !important;
    bottom:20px !important;
    gap:8px !important;
  }

  #home .feature-card{
    height:132px !important;
    min-height:132px !important;
    padding:8px 6px 18px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:4px !important;
    align-self:start !important;
  }

  #home .feature-card .icon{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    flex:0 0 34px !important;
    margin:0 auto 2px !important;
  }

  #home .feature-card .icon-hotel{width:40px !important;}
  #home .feature-card .icon-menu{width:30px !important;}

  #home .feature-card strong{
    min-height:0 !important;
    margin:0 !important;
    padding:0 2px !important;
    display:block !important;
    font-size:clamp(.82rem,3.55vw,.94rem) !important;
    line-height:1.12 !important;
    text-align:center !important;
  }

  #home .feature-card[data-view="menu"] strong{
    font-size:clamp(.75rem,3.2vw,.86rem) !important;
    line-height:1.08 !important;
  }

  #home .feature-card small{
    min-height:0 !important;
    margin:0 !important;
    padding:0 3px !important;
    display:block !important;
    width:100% !important;
  }

  #home .feature-card small::after{
    display:block !important;
    width:100% !important;
    font-size:clamp(.60rem,2.45vw,.69rem) !important;
    line-height:1.22 !important;
    text-align:center !important;
  }

  #home .feature-card::after{
    bottom:5px !important;
    width:20px !important;
    height:20px !important;
    font-size:.92rem !important;
  }
}

@media (max-width:760px) and (max-height:780px){
  #home .primary-actions{
    bottom:14px !important;
    gap:6px !important;
  }

  #home .feature-card{
    height:122px !important;
    min-height:122px !important;
    padding:6px 4px 16px !important;
    gap:3px !important;
  }

  #home .feature-card .icon{
    width:29px !important;
    height:29px !important;
    min-width:29px !important;
    flex-basis:29px !important;
  }
  #home .feature-card .icon-hotel{width:35px !important;}
  #home .feature-card .icon-menu{width:26px !important;}

  #home .feature-card strong{
    font-size:.76rem !important;
  }
  #home .feature-card[data-view="menu"] strong{
    font-size:.70rem !important;
  }

  #home .feature-card small::after{
    font-size:.56rem !important;
    line-height:1.18 !important;
  }

  #home .feature-card::after{
    bottom:4px !important;
    width:18px !important;
    height:18px !important;
    font-size:.84rem !important;
  }
}

/* ===== unified-header.css ===== */
/* T72 — نفس هيدر T70 الشفاف على كل الصفحات، مع مساحة مستقلة للصفحات الداخلية */

:root{
  --uh-gold:#d6aa43;
  --uh-gold-light:#f1cb69;
  --uh-ivory:#f8f1e5;
  --uh-navy:#03101d;
  --uh-navy-2:#061827;
}

body.unified-header-page{
  position:relative;
  overflow-x:hidden;
}

/* الهيدر نفسه — شفاف، خفيف، ومتطابق في جميع الصفحات */
body.unified-header-page .unified-site-header{
  position:absolute !important;
  top:18px !important;
  left:24px !important;
  right:24px !important;
  width:auto !important;
  max-width:1500px !important;
  min-height:72px !important;
  margin:0 auto !important;
  padding:0 8px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:24px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  z-index:100 !important;
}

/* تدرج خفيف فقط لضمان وضوح الكتابة من دون تحويل الهيدر إلى بلوك */
body.unified-header-page .unified-site-header::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-18px -24px -20px;
  background:linear-gradient(180deg,rgba(1,8,17,.62) 0%,rgba(1,8,17,.26) 58%,rgba(1,8,17,0) 100%);
  pointer-events:none;
}

body.unified-header-page .unified-site-header .top-nav{
  position:relative !important;
  inset:auto !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:clamp(22px,2.35vw,48px) !important;
  flex-wrap:nowrap !important;
  flex:0 0 auto !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

/* T188 — keep navigation on the viewport's true center in every page/language. */
@media (min-width:921px){
  body.unified-header-page .unified-site-header .top-nav{
    position:absolute !important;
    top:50% !important;
    left:50% !important;
    right:auto !important;
    bottom:auto !important;
    width:max-content !important;
    max-width:calc(100vw - 430px) !important;
    flex:0 0 auto !important;
    margin-inline:0 !important;
    transform:translate(-50%,-50%) !important;
  }
}

/* T189 — hotel uses the exact same header frame as every other page. */
body.hotel-experience.unified-header-page .unified-site-header{
  top:18px !important;
  left:24px !important;
  right:24px !important;
  width:auto !important;
  max-width:1500px !important;
  height:72px !important;
  min-height:72px !important;
  margin:0 auto !important;
  padding:0 8px !important;
  background:transparent !important;
}

@media (max-width:920px){
  body.hotel-experience.unified-header-page .unified-site-header{
    top:12px !important;
    left:14px !important;
    right:14px !important;
    width:auto !important;
    height:60px !important;
    min-height:60px !important;
    padding:0 !important;
    background:transparent !important;
  }
}

body.unified-header-page .unified-site-header .nav-link{
  position:relative !important;
  min-width:0 !important;
  padding:10px 0 12px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:rgba(255,255,255,.92) !important;
  font-family:"Cairo","Tajawal",sans-serif !important;
  font-size:clamp(.93rem,1.02vw,1.06rem) !important;
  font-weight:700 !important;
  line-height:1.3 !important;
  text-decoration:none !important;
  text-shadow:0 3px 14px rgba(0,0,0,.58) !important;
  white-space:nowrap !important;
  opacity:1 !important;
  transition:color .22s ease !important;
}

body.unified-header-page .unified-site-header .nav-link::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  right:auto !important;
  bottom:1px !important;
  width:0 !important;
  height:2px !important;
  transform:translateX(-50%) !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,transparent,var(--uh-gold-light),transparent) !important;
  box-shadow:0 0 12px rgba(241,203,105,.36) !important;
  transition:width .24s ease !important;
}

body.unified-header-page .unified-site-header .nav-link:hover,
body.unified-header-page .unified-site-header .nav-link[aria-current="page"]{
  color:#fff4d6 !important;
}

body.unified-header-page .unified-site-header .nav-link[aria-current="page"]::after{
  width:72px !important;
}

/* Never draw a second underline on hover; the underline belongs to the open page only. */
body.unified-header-page .unified-site-header .nav-link:not([aria-current="page"])::after,
body.unified-header-page .unified-site-header .nav-link:not([aria-current="page"]):hover::after,
body.unified-header-page .unified-site-header .nav-link.active:not([aria-current="page"])::after{
  width:0 !important;
  opacity:0 !important;
}

body.unified-header-page .unified-site-header .nav-link[aria-current="page"]::after{
  opacity:1 !important;
}

/* زر اللغة الواحد */
body.unified-header-page .unified-site-header .language-switcher{
  position:absolute !important;
  left:0 !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  z-index:4 !important;
}

body.unified-header-page .unified-site-header .language-current{
  min-width:126px !important;
  height:52px !important;
  padding:0 22px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  border:1px solid rgba(207,157,64,.76) !important;
  border-radius:999px !important;
  background:rgba(5,17,30,.20) !important;
  color:var(--uh-ivory) !important;
  font-family:"Cairo","Tajawal",sans-serif !important;
  font-size:1rem !important;
  font-weight:800 !important;
  line-height:1 !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.045),0 7px 24px rgba(0,0,0,.18) !important;
  -webkit-backdrop-filter:blur(8px) saturate(120%) !important;
  backdrop-filter:blur(8px) saturate(120%) !important;
  cursor:pointer !important;
}

body.unified-header-page .unified-site-header .lang-globe{
  font-size:1.05rem !important;
  line-height:1 !important;
}

body.unified-header-page .unified-site-header .language-options{
  position:absolute !important;
  top:calc(100% + 10px) !important;
  left:0 !important;
  min-width:166px !important;
  padding:8px !important;
  display:grid !important;
  gap:5px !important;
  border:1px solid rgba(207,157,64,.25) !important;
  border-radius:18px !important;
  background:rgba(3,13,24,.94) !important;
  box-shadow:0 20px 44px rgba(0,0,0,.35) !important;
  -webkit-backdrop-filter:blur(15px) saturate(120%) !important;
  backdrop-filter:blur(15px) saturate(120%) !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateY(8px) !important;
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease !important;
}

body.unified-header-page .unified-site-header .language-switcher.open .language-options{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateY(0) !important;
}

body.unified-header-page .unified-site-header .language-option{
  min-width:0 !important;
  min-height:42px !important;
  padding:0 14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  border:1px solid transparent !important;
  border-radius:12px !important;
  background:transparent !important;
  color:#f3eadb !important;
  font-family:"Cairo","Tajawal",sans-serif !important;
  font-size:.92rem !important;
  font-weight:700 !important;
  cursor:pointer !important;
}

body.unified-header-page .unified-site-header .language-option:hover,
body.unified-header-page .unified-site-header .language-option.active{
  border-color:rgba(207,157,64,.32) !important;
  background:rgba(212,175,55,.10) !important;
  color:#fff1c8 !important;
}

/* زر القائمة يظهر على الموبايل فقط */
body.unified-header-page .unified-site-header .nav-toggle{
  display:none !important;
}

/* مساحة مستقلة وفارغة للهيدر في الصفحات الداخلية */
body.unified-header-inner .inner-header-spacer{
  position:relative;
  width:100%;
  height:118px;
  margin:0;
  background:
    radial-gradient(circle at 50% 0%,rgba(17,54,82,.22),transparent 34rem),
    linear-gradient(180deg,#03101d 0%,#041321 72%,#041521 100%);
  border-bottom:1px solid rgba(214,170,67,.20);
  box-shadow:0 16px 36px rgba(0,0,0,.16);
  z-index:1;
}

/* يمنع أي محتوى من الدخول بصرياً ضمن مساحة الهيدر */
body.unified-header-inner > main,
body.unified-header-inner .page-shell > main,
body.unified-header-inner .inner-header-spacer + main{
  position:relative;
  z-index:2;
}

/* الصفحات المبنية على قالب الفندق */
body.unified-header-inner.hotel-experience .inner-header-spacer + main{
  margin-top:0 !important;
}

/* صفحة التواصل المعتمدة من القسم الأصلي */
body.contact-standalone .page-shell{
  width:min(1220px,calc(100% - 28px));
  margin:0 auto 42px;
  padding:0;
  position:relative;
}

body.contact-standalone .contact-standalone-main{
  padding-top:28px;
}

body.contact-standalone #contact{
  display:block !important;
  padding:18px 0 38px !important;
}

body.contact-standalone .reveal{
  opacity:1 !important;
  transform:none !important;
}

@media (max-width:920px){
  body.unified-header-page .unified-site-header{
    top:12px !important;
    left:14px !important;
    right:14px !important;
    min-height:58px !important;
    padding:0 !important;
    display:block !important;
  }

  body.unified-header-page .unified-site-header::before{
    inset:-12px -14px -16px !important;
    background:linear-gradient(180deg,rgba(1,8,17,.58) 0%,rgba(1,8,17,.20) 62%,rgba(1,8,17,0) 100%) !important;
  }

  body.unified-header-page .unified-site-header .nav-toggle{
    position:absolute !important;
    top:2px !important;
    right:0 !important;
    width:52px !important;
    height:52px !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    border:1px solid rgba(207,157,64,.62) !important;
    border-radius:17px !important;
    background:rgba(5,17,30,.18) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 7px 22px rgba(0,0,0,.16) !important;
    -webkit-backdrop-filter:blur(8px) !important;
    backdrop-filter:blur(8px) !important;
    z-index:6 !important;
  }

  body.unified-header-page .unified-site-header .nav-toggle span{
    width:25px !important;
    height:2px !important;
    margin:0 !important;
    display:block !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.88) !important;
    box-shadow:none !important;
  }

  body.unified-header-page .unified-site-header .language-switcher{
    position:absolute !important;
    top:2px !important;
    left:0 !important;
    transform:none !important;
    width:auto !important;
    z-index:7 !important;
  }

  body.unified-header-page .unified-site-header .language-current{
    min-width:126px !important;
    height:52px !important;
    padding:0 17px !important;
    gap:8px !important;
    font-size:.96rem !important;
  }

  body.unified-header-page .unified-site-header .language-options{
    top:calc(100% + 8px) !important;
    left:0 !important;
    min-width:154px !important;
  }

  body.unified-header-page .unified-site-header .top-nav{
    position:absolute !important;
    top:64px !important;
    right:0 !important;
    left:auto !important;
    width:min(286px,calc(100vw - 28px)) !important;
    margin:0 !important;
    padding:9px !important;
    display:none !important;
    grid-template-columns:1fr !important;
    gap:3px !important;
    border:1px solid rgba(207,157,64,.22) !important;
    border-radius:20px !important;
    background:rgba(3,13,24,.91) !important;
    box-shadow:0 20px 44px rgba(0,0,0,.35) !important;
    -webkit-backdrop-filter:blur(16px) saturate(125%) !important;
    backdrop-filter:blur(16px) saturate(125%) !important;
    z-index:5 !important;
  }

  body.unified-header-page .unified-site-header .top-nav.open{
    display:grid !important;
  }

  body.unified-header-page .unified-site-header .top-nav .nav-link{
    width:100% !important;
    min-height:43px !important;
    padding:10px 14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    border:1px solid transparent !important;
    border-radius:13px !important;
    background:transparent !important;
    color:#f5ecdc !important;
    font-size:.92rem !important;
    text-align:right !important;
    text-shadow:none !important;
  }

  body.unified-header-page .unified-site-header .top-nav .nav-link::after{
    display:none !important;
  }

  body.unified-header-page .unified-site-header .top-nav .nav-link:hover,
  body.unified-header-page .unified-site-header .top-nav .nav-link.active,
  body.unified-header-page .unified-site-header .top-nav .nav-link[aria-current="page"]{
    border-color:rgba(207,157,64,.30) !important;
    background:rgba(212,175,55,.10) !important;
    color:#fff0c7 !important;
  }

  body.unified-header-inner .inner-header-spacer{
    height:92px !important;
    background:
      radial-gradient(circle at 50% 0%,rgba(17,54,82,.20),transparent 22rem),
      linear-gradient(180deg,#03101d 0%,#041321 78%,#041521 100%) !important;
  }

  body.contact-standalone .page-shell{
    width:100% !important;
    margin:0 !important;
    padding:0 12px 30px !important;
  }

  body.contact-standalone .contact-standalone-main{
    padding-top:18px !important;
  }
}

@media (max-width:430px){
  body.unified-header-page .unified-site-header{
    left:10px !important;
    right:10px !important;
  }

  body.unified-header-page .unified-site-header .language-current{
    min-width:116px !important;
    padding:0 14px !important;
    font-size:.91rem !important;
  }

  body.unified-header-page .unified-site-header .nav-toggle{
    width:50px !important;
    height:50px !important;
  }

  body.unified-header-page .unified-site-header .top-nav{
    width:min(276px,calc(100vw - 20px)) !important;
  }
}

/* T73 — transparent empty header zone on inner pages + reliable mobile language control */

/* The header stays visually transparent; the page's own background is visible behind it. */
body.unified-header-inner .inner-header-spacer{
  height:118px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  pointer-events:none !important;
}

/* Keep inner-page content completely below the empty header area. */
body.unified-header-inner .inner-header-spacer + main,
body.unified-header-inner .inner-header-spacer + .page-shell,
body.unified-header-inner .page-shell > .inner-header-spacer + main{
  margin-top:0 !important;
  position:relative !important;
  z-index:2 !important;
}

/* Only a very soft readability fade belongs to the transparent header itself. */
body.unified-header-inner .unified-site-header::before{
  inset:-18px -24px -26px !important;
  background:linear-gradient(
    180deg,
    rgba(1,8,17,.48) 0%,
    rgba(1,8,17,.20) 54%,
    rgba(1,8,17,.00) 100%
  ) !important;
}

body.unified-header-page .unified-site-header,
body.unified-header-page .unified-site-header .language-switcher{
  overflow:visible !important;
}

body.unified-header-page .unified-site-header .language-switcher{
  pointer-events:auto !important;
  z-index:130 !important;
}

body.unified-header-page .unified-site-header .language-current{
  position:relative !important;
  z-index:132 !important;
  isolation:isolate !important;
  pointer-events:auto !important;
  touch-action:manipulation !important;
  -webkit-tap-highlight-color:transparent !important;
  user-select:none !important;
}

body.unified-header-page .unified-site-header .lang-globe{
  width:19px !important;
  height:19px !important;
  flex:0 0 19px !important;
  display:block !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.8 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

body.unified-header-page .unified-site-header .language-current-label{
  display:block !important;
  white-space:nowrap !important;
}

body.unified-header-page .unified-site-header .language-options{
  z-index:220 !important;
  overflow:visible !important;
}

@media (max-width:920px){
  body.unified-header-inner .inner-header-spacer{
    height:88px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  body.unified-header-page .unified-site-header{
    z-index:200 !important;
    overflow:visible !important;
  }

  body.unified-header-page .unified-site-header::before{
    inset:-12px -14px -18px !important;
    background:linear-gradient(
      180deg,
      rgba(1,8,17,.50) 0%,
      rgba(1,8,17,.18) 58%,
      rgba(1,8,17,0) 100%
    ) !important;
  }

  body.unified-header-page .unified-site-header .language-switcher{
    z-index:230 !important;
    pointer-events:auto !important;
  }

  body.unified-header-page .unified-site-header .language-current{
    min-width:132px !important;
    height:52px !important;
    padding:0 18px !important;
    gap:9px !important;
    border:1px solid rgba(231,188,91,.88) !important;
    background:rgba(3,14,27,.58) !important;
    color:#fff7e5 !important;
    font-size:.98rem !important;
    font-weight:900 !important;
    text-shadow:0 2px 10px rgba(0,0,0,.45) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.08),
      0 10px 26px rgba(0,0,0,.30) !important;
    -webkit-backdrop-filter:blur(12px) saturate(125%) !important;
    backdrop-filter:blur(12px) saturate(125%) !important;
  }

  body.unified-header-page .unified-site-header .language-current:active{
    transform:scale(.98) !important;
  }

  body.unified-header-page .unified-site-header .lang-globe{
    width:18px !important;
    height:18px !important;
    flex-basis:18px !important;
  }

  body.unified-header-page .unified-site-header .language-options{
    top:calc(100% + 9px) !important;
    left:0 !important;
    right:auto !important;
    min-width:170px !important;
    padding:8px !important;
    border-color:rgba(231,188,91,.34) !important;
    background:rgba(2,12,23,.97) !important;
    box-shadow:0 22px 48px rgba(0,0,0,.46) !important;
    z-index:260 !important;
  }

  body.unified-header-page .unified-site-header .language-option{
    min-height:44px !important;
    font-size:.94rem !important;
  }
}

@media (max-width:430px){
  body.unified-header-page .unified-site-header .language-current{
    min-width:124px !important;
    padding-inline:15px !important;
    font-size:.94rem !important;
  }
}
/* Keep international phone numbers readable inside Arabic RTL layouts. */
html[dir="rtl"] a[href^="tel:"],
html[dir="rtl"] a[href*="wa.me/"],
html[dir="rtl"] .phone-number,
html[dir="rtl"] bdi[dir="ltr"] {
  direction: ltr;
  unicode-bidi: isolate;
  display: inline-block;
  text-align: left;
}

/* T183 — clean Latin navigation type and one consistent active state. */
html[dir="ltr"] body.unified-header-page .unified-site-header .nav-link,
html[dir="ltr"] body.unified-header-page .unified-site-header .language-option {
  font-family: Inter, "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-variant-ligatures: common-ligatures !important;
  letter-spacing: -.015em !important;
  text-rendering: optimizeLegibility !important;
}

/* T182 — one consistent header and an always-visible three-language selector. */
body.unified-header-page .unified-site-header{
  top:18px !important;
  left:24px !important;
  right:24px !important;
  min-height:72px !important;
  height:72px !important;
  padding:0 8px !important;
}

body.unified-header-page .unified-site-header .language-current{
  display:none !important;
}

body.unified-header-page .unified-site-header .language-switcher{
  width:auto !important;
  min-width:164px !important;
  height:46px !important;
  padding:4px !important;
  border:1px solid rgba(231,188,91,.64) !important;
  border-radius:999px !important;
  background:rgba(3,14,27,.48) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 28px rgba(0,0,0,.24) !important;
  -webkit-backdrop-filter:blur(12px) saturate(125%) !important;
  backdrop-filter:blur(12px) saturate(125%) !important;
}

body.unified-header-page .unified-site-header .language-options{
  position:static !important;
  inset:auto !important;
  width:auto !important;
  min-width:0 !important;
  height:100% !important;
  padding:0 !important;
  display:flex !important;
  direction:ltr !important;
  align-items:center !important;
  justify-content:center !important;
  gap:3px !important;
  border:0 !important;
  border-radius:999px !important;
  background:transparent !important;
  box-shadow:none !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:none !important;
}

body.unified-header-page .unified-site-header .language-option{
  width:48px !important;
  min-width:48px !important;
  min-height:36px !important;
  height:36px !important;
  padding:0 !important;
  justify-content:center !important;
  border-radius:999px !important;
  color:rgba(255,247,229,.74) !important;
  font-family:"Cairo",system-ui,sans-serif !important;
  font-size:.82rem !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
}

body.unified-header-page .unified-site-header .language-option:hover,
body.unified-header-page .unified-site-header .language-option.active{
  border-color:rgba(241,203,105,.55) !important;
  background:linear-gradient(135deg,rgba(214,170,67,.28),rgba(214,170,67,.12)) !important;
  color:#fff3ce !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 4px 12px rgba(0,0,0,.18) !important;
}

body.unified-header-page .unified-site-header .language-option[data-nile-lang="ar"]{order:1 !important}
body.unified-header-page .unified-site-header .language-option[data-nile-lang="en"]{order:2 !important}
body.unified-header-page .unified-site-header .language-option[data-nile-lang="tr"]{order:3 !important}

@media (max-width:920px){
  body.unified-header-page .unified-site-header{
    top:12px !important;
    left:14px !important;
    right:14px !important;
    height:60px !important;
    min-height:60px !important;
    padding:0 !important;
  }

  body.unified-header-page .unified-site-header .language-switcher{
    left:0 !important;
    min-width:148px !important;
    height:44px !important;
    padding:4px !important;
  }

  body.unified-header-page .unified-site-header .language-option{
    width:42px !important;
    min-width:42px !important;
    height:34px !important;
    min-height:34px !important;
    font-size:.78rem !important;
  }
}

/* ===== t86-mobile-copy-above-cards.css ===== */
/* T86 — Homepage mobile copy grouped directly above the service cards. */
.hero-copy-block{display:contents;}

@media (max-width:760px){
  #home .hero-content{
    top:68px !important;
    bottom:154px !important;
    padding:8px 14px 0 !important;
  }

  #home .hero-copy-block{
    position:relative !important;
    z-index:2 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-end !important;
    width:min(100%,410px) !important;
    margin:auto auto 0 !important;
    padding:8px 10px 4px !important;
    gap:0 !important;
    text-align:center !important;
  }

  #home .hero-copy-block::before{
    content:"" !important;
    position:absolute !important;
    z-index:-1 !important;
    right:-10px !important;
    bottom:-8px !important;
    left:-10px !important;
    height:150px !important;
    border-radius:42% 42% 12px 12px / 24% 24% 12px 12px !important;
    background:linear-gradient(180deg,transparent 0%,rgba(2,11,22,.22) 34%,rgba(2,11,22,.58) 78%,rgba(2,11,22,.72) 100%) !important;
    filter:blur(.1px) !important;
    pointer-events:none !important;
  }

  #home .hero-kicker{
    width:auto !important;
    margin:0 auto 2px !important;
    gap:8px !important;
    font-size:clamp(.96rem,4.15vw,1.10rem) !important;
    line-height:1.16 !important;
  }

  #home .hero-kicker::before,
  #home .hero-kicker::after{
    width:38px !important;
    flex-basis:38px !important;
  }

  #home .hero h1{
    margin:0 auto 3px !important;
    padding:5px 6px 6px !important;
    font-size:clamp(2.02rem,8.85vw,2.56rem) !important;
    line-height:1.13 !important;
  }

  #home .hero-subtitle{
    max-width:330px !important;
    margin:0 auto !important;
    padding:0 6px !important;
    line-height:1.42 !important;
  }

  #home .hero-subtitle::after{
    font-size:clamp(.82rem,3.55vw,.96rem) !important;
    line-height:1.42 !important;
  }

  #home .hero-ornament{
    width:min(210px,52vw) !important;
    height:14px !important;
    margin:5px auto 0 !important;
  }

  #home .hero-ornament::before,
  #home .hero-ornament::after{
    top:6px !important;
  }

  #home .primary-actions{
    bottom:18px !important;
  }
}

@media (max-width:760px) and (max-height:780px){
  #home .hero-content{
    top:60px !important;
    bottom:140px !important;
    padding-inline:10px !important;
  }

  #home .hero-copy-block{
    padding:5px 6px 2px !important;
  }

  #home .hero-copy-block::before{
    height:132px !important;
  }

  #home .hero-kicker{
    margin-bottom:1px !important;
    font-size:.88rem !important;
  }

  #home .hero h1{
    margin-bottom:2px !important;
    padding:3px 4px 4px !important;
    font-size:clamp(1.82rem,8.2vw,2.18rem) !important;
  }

  #home .hero-subtitle::after{
    font-size:.76rem !important;
  }

  #home .hero-ornament{
    margin-top:3px !important;
  }

  #home .primary-actions{
    bottom:12px !important;
  }
}

/* ===== t87-mobile-ornament-removed.css ===== */
/* T87 — Remove the unclear ornament under mobile hero copy and rebalance spacing. */
@media (max-width:760px){
  #home .hero-ornament{
    display:none !important;
  }

  #home .hero-copy-block{
    padding-bottom:9px !important;
  }

  #home .hero-subtitle{
    margin-bottom:0 !important;
  }

  #home .primary-actions{
    bottom:18px !important;
  }
}

@media (max-width:760px) and (max-height:780px){
  #home .hero-copy-block{
    padding-bottom:6px !important;
  }

  #home .primary-actions{
    bottom:12px !important;
  }
}

/* ===== t88-desktop-glass-hero-selected.css ===== */
/* T88 — Desktop homepage hero based on the selected glass-card concept.
   Scope: homepage desktop only. Mobile T87 remains unchanged. */

@media (min-width:921px){
  body.unified-header-home .page-shell{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
  }

  body.unified-header-home #home,
  body.unified-header-home #home .home-page{
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }

  body.unified-header-home #home .home-page{
    display:block !important;
  }

  /* Full-screen cinematic stage. */
  body.unified-header-home #home .hero.hero-photo.hero-video-mode{
    position:relative !important;
    width:100% !important;
    min-height:760px !important;
    height:100svh !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    display:block !important;
    overflow:hidden !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:#020915 !important;
  }

  body.unified-header-home #home .hero-video-mode .hero-cinematic-media{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
  }

  body.unified-header-home #home .hero-waterfall-video{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:50% 50% !important;
    filter:saturate(1.04) contrast(1.04) brightness(.96) !important;
  }

  /* Preserve the architecture and waterfall details while keeping text readable. */
  body.unified-header-home #home .hero-video-mode .hero-cinematic-media::after{
    background:
      radial-gradient(ellipse at 50% 44%,transparent 34%,rgba(0,5,12,.08) 72%,rgba(0,5,12,.28) 100%),
      linear-gradient(90deg,rgba(0,6,14,.16),transparent 16%,transparent 84%,rgba(0,6,14,.16)) !important;
  }

  body.unified-header-home #home .hero-video-mode .hero-overlay{
    background:
      linear-gradient(180deg,
        rgba(1,7,15,.12) 0%,
        rgba(1,7,15,.05) 25%,
        rgba(1,8,16,.13) 52%,
        rgba(1,8,16,.36) 73%,
        rgba(1,7,14,.66) 100%),
      radial-gradient(ellipse at 50% 48%,rgba(235,190,77,.055),transparent 34rem) !important;
  }

  body.unified-header-home #home .hero::before,
  body.unified-header-home #home .hero::after{
    display:none !important;
    content:none !important;
  }

  /* Header: transparent, quiet and aligned like the selected concept. */
  body.unified-header-home .unified-site-header{
    top:18px !important;
    right:42px !important;
    left:42px !important;
    min-height:68px !important;
    padding:0 clamp(36px,7vw,116px) 0 0 !important;
    justify-content:flex-start !important;
  }

  body.unified-header-home .unified-site-header::before{
    inset:-18px -42px -18px !important;
    background:linear-gradient(180deg,rgba(1,8,17,.52),rgba(1,8,17,.16) 60%,transparent) !important;
  }

  body.unified-header-home .unified-site-header .top-nav{
    margin:0 !important;
    gap:clamp(28px,3vw,52px) !important;
  }

  body.unified-header-home .unified-site-header .nav-link{
    font-size:clamp(.92rem,1.05vw,1.05rem) !important;
    padding-top:12px !important;
    color:rgba(255,255,255,.94) !important;
  }

  body.unified-header-home .unified-site-header .language-switcher{
    left:0 !important;
  }

  body.unified-header-home .unified-site-header .language-current{
    min-width:112px !important;
    height:48px !important;
    padding:0 19px !important;
    background:rgba(2,12,24,.18) !important;
    border-color:rgba(225,176,63,.72) !important;
  }

  /* Main identity block. */
  body.unified-header-home #home .hero-content{
    position:absolute !important;
    z-index:4 !important;
    top:clamp(105px,12vh,132px) !important;
    right:50% !important;
    bottom:auto !important;
    left:auto !important;
    width:min(900px,72vw) !important;
    margin:0 !important;
    padding:0 !important;
    transform:translateX(50%) !important;
    text-align:center !important;
  }

  body.unified-header-home #home .hero-logo-stage{
    margin:0 auto !important;
    padding:0 !important;
  }

  body.unified-header-home #home .main-logo{
    width:clamp(168px,14.2vw,228px) !important;
    max-height:29vh !important;
    margin:0 auto 8px !important;
    object-fit:contain !important;
    filter:
      drop-shadow(0 14px 28px rgba(0,0,0,.68))
      drop-shadow(0 0 12px rgba(231,184,66,.20)) !important;
  }

  body.unified-header-home #home .hero-kicker{
    display:none !important;
  }

  body.unified-header-home #home .hero h1{
    width:100% !important;
    margin:0 auto 9px !important;
    padding:0 18px 4px !important;
    overflow:visible !important;
    white-space:nowrap !important;
    font-family:"Tajawal","Cairo",sans-serif !important;
    font-size:clamp(3.15rem,4.7vw,4.85rem) !important;
    font-weight:900 !important;
    line-height:1.08 !important;
    letter-spacing:-.025em !important;
    color:#efc55f !important;
    text-shadow:
      0 4px 0 rgba(109,63,9,.16),
      0 12px 26px rgba(0,0,0,.70),
      0 0 15px rgba(235,189,75,.16) !important;
  }

  body.unified-header-home #home .hero-subtitle{
    max-width:700px !important;
    margin:0 auto !important;
    color:#fff9ec !important;
    font-family:"Cairo","Tajawal",sans-serif !important;
    font-size:clamp(1rem,1.35vw,1.24rem) !important;
    font-weight:600 !important;
    line-height:1.7 !important;
    text-shadow:0 4px 16px rgba(0,0,0,.86) !important;
  }

  body.unified-header-home #home .hero-ornament{
    display:block !important;
    width:150px !important;
    height:22px !important;
    margin:10px auto 0 !important;
    opacity:.88 !important;
    filter:drop-shadow(0 4px 8px rgba(0,0,0,.48)) !important;
  }

  /* Three equal glass cards at the bottom of the first screen. */
  body.unified-header-home #home .primary-actions{
    position:absolute !important;
    z-index:4 !important;
    right:50% !important;
    bottom:clamp(38px,5.6vh,62px) !important;
    left:auto !important;
    width:min(940px,72vw) !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    transform:translateX(50%) !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    align-items:stretch !important;
    gap:clamp(16px,1.6vw,24px) !important;
  }

  body.unified-header-home #home .feature-card{
    position:relative !important;
    min-height:182px !important;
    height:182px !important;
    padding:20px 22px 24px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    overflow:hidden !important;
    border:1px solid rgba(234,189,74,.52) !important;
    border-radius:22px !important;
    background:
      linear-gradient(180deg,rgba(126,184,255,.10) 0%,rgba(88,148,222,.08) 20%,rgba(18,44,78,.12) 50%,rgba(8,22,40,.16) 100%),
      linear-gradient(135deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.025) 24%,rgba(255,255,255,0) 42%),
      linear-gradient(180deg,rgba(6,20,38,.06),rgba(6,20,38,.10)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.16),
      inset 0 0 0 1px rgba(255,255,255,.03),
      inset 0 -18px 30px rgba(2,8,18,.07),
      0 16px 34px rgba(0,0,0,.18) !important;
    -webkit-backdrop-filter:blur(4px) saturate(120%) !important;
    backdrop-filter:blur(4px) saturate(120%) !important;
  }

  body.unified-header-home #home .feature-card::before{
    content:"" !important;
    position:absolute !important;
    inset:8px !important;
    border:1px solid rgba(166,219,255,.10) !important;
    border-radius:16px !important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.018) 24%,transparent 40%),
      radial-gradient(circle at 18% 10%,rgba(176,226,255,.08),transparent 30%) !important;
    pointer-events:none !important;
  }

  body.unified-header-home #home .feature-card::after{
    content:"" !important;
    position:absolute !important;
    right:50% !important;
    bottom:13px !important;
    left:auto !important;
    width:64px !important;
    height:1px !important;
    transform:translateX(50%) !important;
    background:linear-gradient(90deg,transparent,#d9a936 42%,#f1c55c 50%,#d9a936 58%,transparent) !important;
    opacity:.78 !important;
  }

  body.unified-header-home #home .feature-card:hover{
    transform:translateY(-4px) !important;
    border-color:#f1c963 !important;
    background:
      linear-gradient(180deg,rgba(180,228,255,.15) 0%,rgba(145,205,255,.08) 15%,rgba(17,48,82,.34) 46%,rgba(8,24,42,.42) 100%),
      linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,0) 40%),
      linear-gradient(180deg,rgba(6,20,38,.11),rgba(6,20,38,.18)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.20),
      0 22px 44px rgba(0,0,0,.30),
      0 0 20px rgba(88,160,255,.10),
      0 0 20px rgba(224,174,56,.08) !important;
  }

  body.unified-header-home #home .feature-card .icon{
    width:60px !important;
    height:60px !important;
    flex:0 0 60px !important;
    margin:0 auto 3px !important;
    display:block !important;
    background:none !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
    background-size:contain !important;
    filter:drop-shadow(0 8px 16px rgba(0,0,0,.34)) drop-shadow(0 0 10px rgba(235,185,58,.18)) !important;
  }

  body.unified-header-home #home .feature-card .icon-menu{
    width:60px !important;
    height:60px !important;
    flex-basis:60px !important;
    background-image:url("assets/custom-icons/cutlery-outline-transparent.webp") !important;
  }

  body.unified-header-home #home .feature-card .icon-hotel{
    width:74px !important;
    height:58px !important;
    flex-basis:58px !important;
    background-image:url("assets/custom-icons/bed-outline-transparent.webp") !important;
  }

  body.unified-header-home #home .feature-card .icon-calendar{
    width:62px !important;
    height:62px !important;
    flex-basis:62px !important;
    background-image:url("assets/custom-icons/calendar-outline-transparent.webp") !important;
  }

  body.unified-header-home #home .feature-card strong{
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    color:#f2c55d !important;
    font-family:"Tajawal","Cairo",sans-serif !important;
    font-size:clamp(1.15rem,1.55vw,1.38rem) !important;
    font-weight:900 !important;
    line-height:1.2 !important;
    text-shadow:0 4px 10px rgba(0,0,0,.56) !important;
  }

  body.unified-header-home #home .feature-card small{
    min-height:0 !important;
    max-width:250px !important;
    margin:0 auto !important;
    padding:0 !important;
    color:rgba(255,250,240,.92) !important;
    font-family:"Cairo","Tajawal",sans-serif !important;
    font-size:clamp(.78rem,.92vw,.90rem) !important;
    font-weight:500 !important;
    line-height:1.55 !important;
    text-shadow:0 3px 10px rgba(0,0,0,.68) !important;
  }

  body.unified-header-home #home .hero-scroll-cue{
    display:none !important;
  }
}

/* Keep the first screen balanced on shorter desktop/laptop displays. */
@media (min-width:921px) and (max-height:820px){
  body.unified-header-home #home .hero.hero-photo.hero-video-mode{
    min-height:700px !important;
  }

  body.unified-header-home #home .hero-content{
    top:88px !important;
  }

  body.unified-header-home #home .main-logo{
    width:165px !important;
    margin-bottom:4px !important;
  }

  body.unified-header-home #home .hero h1{
    font-size:clamp(2.85rem,4.2vw,4rem) !important;
    margin-bottom:5px !important;
  }

  body.unified-header-home #home .hero-subtitle{
    font-size:1rem !important;
    line-height:1.5 !important;
  }

  body.unified-header-home #home .hero-ornament{
    width:122px !important;
    height:18px !important;
    margin-top:6px !important;
  }

  body.unified-header-home #home .primary-actions{
    bottom:28px !important;
    width:min(880px,74vw) !important;
  }

  body.unified-header-home #home .feature-card{
    min-height:154px !important;
    height:154px !important;
    padding:16px 18px 22px !important;
    gap:5px !important;
  }

  body.unified-header-home #home .feature-card .icon{
    width:40px !important;
    height:40px !important;
    flex-basis:40px !important;
  }
  body.unified-header-home #home .feature-card .icon-hotel{width:47px !important;}
  body.unified-header-home #home .feature-card .icon-menu{width:35px !important;}

  body.unified-header-home #home .feature-card strong{
    font-size:1.08rem !important;
  }

  body.unified-header-home #home .feature-card small{
    font-size:.74rem !important;
    line-height:1.42 !important;
  }
}

/* ===== t95-mobile-glass-carousel-refined.css ===== */
/* T95 — Refined mobile glass carousel over the live hero video.
   Desktop remains controlled by T88 and is intentionally unchanged. */

.mobile-carousel-controls{display:none;}

@media (max-width:760px){
  :root{
    --t95-card-width:min(60vw,236px);
    --t95-card-height:146px;
    --t95-gold:#efbf52;
    --t95-gold-light:#f8d36d;
  }

  html,body{overflow-x:hidden !important;}
  #home .home-page{gap:0 !important;}

  /* Restore true full-bleed width. the previous mobile layer inherited negative margins while using
     width:100%, which made the hero narrower and shifted it to one side. */
  #home .hero.hero-photo.hero-video-mode{
    position:relative !important;
    width:100vw !important;
    max-width:100vw !important;
    height:100svh !important;
    min-height:720px !important;
    max-height:none !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    padding:0 !important;
    overflow:hidden !important;
    isolation:isolate !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }

  #home .hero-cinematic-media,
  #home .hero-waterfall-video{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
  }
  #home .hero-waterfall-video{
    object-fit:cover !important;
    object-position:center center !important;
  }

  #home .hero-overlay{
    background:linear-gradient(180deg,
      rgba(1,7,14,.12) 0%,
      rgba(1,8,16,.04) 30%,
      rgba(1,8,16,.14) 48%,
      rgba(1,8,16,.43) 69%,
      rgba(1,8,16,.72) 100%) !important;
  }

  #home .hero-content{
    position:absolute !important;
    z-index:5 !important;
    top:70px !important;
    right:0 !important;
    bottom:210px !important;
    left:0 !important;
    width:100% !important;
    min-height:0 !important;
    margin:0 !important;
    padding:6px 16px 0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    pointer-events:none !important;
  }

  #home .hero-logo-stage{
    position:relative !important;
    z-index:2 !important;
    flex:0 0 auto !important;
    margin:0 auto !important;
  }

  #home .main-logo{
    width:min(164px,39vw) !important;
    max-width:164px !important;
    height:auto !important;
    margin:0 auto !important;
    filter:drop-shadow(0 12px 24px rgba(0,0,0,.28)) !important;
  }

  #home .hero-copy-block{
    position:relative !important;
    z-index:2 !important;
    width:min(100%,410px) !important;
    margin:auto auto 0 !important;
    padding:8px 10px 7px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:0 !important;
    text-align:center !important;
  }

  #home .hero-copy-block::before{
    content:"" !important;
    position:absolute !important;
    z-index:-1 !important;
    right:-10px !important;
    bottom:-7px !important;
    left:-10px !important;
    height:140px !important;
    border-radius:44% 44% 18px 18px / 24% 24% 18px 18px !important;
    background:linear-gradient(180deg,transparent 0%,rgba(2,11,22,.16) 30%,rgba(2,11,22,.45) 77%,rgba(2,11,22,.57) 100%) !important;
    pointer-events:none !important;
  }

  #home .hero-kicker{
    width:auto !important;
    margin:0 auto 2px !important;
    font-size:clamp(.92rem,3.9vw,1.06rem) !important;
    line-height:1.18 !important;
  }
  #home .hero-kicker::before,
  #home .hero-kicker::after{width:34px !important;flex-basis:34px !important;}

  #home .hero h1{
    margin:0 auto 4px !important;
    padding:4px 4px 5px !important;
    font-size:clamp(1.92rem,8.15vw,2.42rem) !important;
    line-height:1.12 !important;
    white-space:nowrap !important;
  }

  #home .hero-subtitle{
    max-width:335px !important;
    margin:0 auto !important;
    padding:0 4px !important;
    line-height:1.46 !important;
  }
  #home .hero-subtitle::after{
    font-size:clamp(.79rem,3.35vw,.92rem) !important;
    line-height:1.46 !important;
  }

  #home .hero-ornament,
  #home .hero-scroll-cue,
  #home .mobile-hero-cta,
  #home .mobile-destination-section{display:none !important;}

  /* Center card + equal, clearly visible peeks on both sides. */
  #home .hero > .primary-actions{
    position:absolute !important;
    z-index:7 !important;
    right:0 !important;
    bottom:34px !important;
    left:0 !important;
    width:100vw !important;
    max-width:100vw !important;
    height:calc(var(--t95-card-height) + 18px) !important;
    min-height:0 !important;
    margin:0 !important;
    padding:8px calc((100vw - var(--t95-card-width))/2) 10px !important;
    box-sizing:border-box !important;
    transform:none !important;
    display:flex !important;
    grid-template-columns:none !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    overscroll-behavior-x:contain !important;
    scroll-snap-type:x mandatory !important;
    scroll-padding-inline:calc((100vw - var(--t95-card-width))/2) !important;
    scrollbar-width:none !important;
    -webkit-overflow-scrolling:touch !important;
    touch-action:pan-x pan-y !important;
    direction:ltr !important;
    visibility:visible !important;
    pointer-events:auto !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    cursor:grab !important;
  }
  #home .hero > .primary-actions:active{cursor:grabbing !important;}
  #home .hero > .primary-actions::-webkit-scrollbar{display:none !important;}

  #home .hero > .primary-actions .feature-card{
    position:relative !important;
    flex:0 0 var(--t95-card-width) !important;
    width:var(--t95-card-width) !important;
    min-width:var(--t95-card-width) !important;
    height:var(--t95-card-height) !important;
    min-height:var(--t95-card-height) !important;
    margin:0 !important;
    padding:14px 16px 18px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:3px !important;
    overflow:hidden !important;
    direction:rtl !important;
    scroll-snap-align:center !important;
    scroll-snap-stop:always !important;
    border:1px solid rgba(240,195,82,.52) !important;
    border-radius:21px !important;
    background:
      linear-gradient(180deg,rgba(142,198,255,.105) 0%,rgba(78,141,206,.055) 34%,rgba(7,24,43,.16) 100%),
      linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.018) 38%,transparent 58%),
      rgba(2,15,29,.22) !important;
    background-image:
      linear-gradient(180deg,rgba(142,198,255,.105) 0%,rgba(78,141,206,.055) 34%,rgba(7,24,43,.16) 100%),
      linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.018) 38%,transparent 58%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.18),
      inset 0 0 0 1px rgba(255,255,255,.02),
      0 12px 28px rgba(0,0,0,.25) !important;
    -webkit-backdrop-filter:blur(10px) saturate(128%) !important;
    backdrop-filter:blur(10px) saturate(128%) !important;
    opacity:.84 !important;
    transform:scale(.96) !important;
    transform-origin:center !important;
    transition:transform .34s cubic-bezier(.2,.72,.2,1),opacity .28s ease,border-color .28s ease,box-shadow .28s ease !important;
  }

  #home .hero > .primary-actions .feature-card[data-view="hotel"]{order:1 !important;}
  #home .hero > .primary-actions .feature-card[data-view="menu"]{order:2 !important;}
  #home .hero > .primary-actions .feature-card[data-view="booking"]{order:3 !important;}

  #home .hero > .primary-actions .feature-card.is-carousel-active{
    z-index:3 !important;
    opacity:1 !important;
    transform:scale(1) !important;
    border-color:rgba(249,207,99,.94) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.23),
      inset 0 0 0 1px rgba(255,255,255,.025),
      0 17px 34px rgba(0,0,0,.32),
      0 0 22px rgba(86,158,227,.08),
      0 0 16px rgba(239,191,82,.08) !important;
  }

  #home .hero > .primary-actions .feature-card::before{
    content:"" !important;
    position:absolute !important;
    inset:6px !important;
    width:auto !important;
    height:auto !important;
    border:1px solid rgba(201,228,255,.10) !important;
    border-radius:15px !important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.055),transparent 31%),
      radial-gradient(circle at 18% 8%,rgba(188,229,255,.07),transparent 29%) !important;
    pointer-events:none !important;
  }

  #home .hero > .primary-actions .feature-card::after{
    content:"‹" !important;
    position:absolute !important;
    right:15px !important;
    bottom:12px !important;
    left:auto !important;
    width:24px !important;
    height:24px !important;
    transform:none !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid rgba(244,198,89,.82) !important;
    border-radius:50% !important;
    background:rgba(3,16,29,.27) !important;
    color:#f4c65a !important;
    font:500 1.14rem/1 Arial,sans-serif !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
    opacity:.9 !important;
  }

  #home .hero > .primary-actions .feature-card .icon{
    position:static !important;
    width:43px !important;
    height:43px !important;
    min-width:43px !important;
    flex:0 0 43px !important;
    margin:0 auto 2px !important;
    display:block !important;
    transform:none !important;
    background-color:transparent !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
    background-size:contain !important;
    filter:drop-shadow(0 6px 12px rgba(0,0,0,.32)) drop-shadow(0 0 8px rgba(235,185,58,.12)) !important;
  }
  #home .hero > .primary-actions .feature-card .icon-menu{
    width:40px !important;height:40px !important;min-width:40px !important;flex-basis:40px !important;
    background-image:url("assets/custom-icons/cutlery-outline-transparent.webp") !important;
  }
  #home .hero > .primary-actions .feature-card .icon-hotel{
    width:52px !important;height:40px !important;min-width:52px !important;flex-basis:40px !important;
    background-image:url("assets/custom-icons/bed-outline-transparent.webp") !important;
  }
  #home .hero > .primary-actions .feature-card .icon-calendar{
    width:44px !important;height:44px !important;min-width:44px !important;flex-basis:44px !important;
    background-image:url("assets/custom-icons/calendar-outline-transparent.webp") !important;
  }

  #home .hero > .primary-actions .feature-card strong,
  #home .hero > .primary-actions .feature-card[data-view="menu"] strong{
    width:100% !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    display:block !important;
    color:#f2c45a !important;
    font-family:"Tajawal","Cairo",sans-serif !important;
    font-size:clamp(1.04rem,4.7vw,1.23rem) !important;
    font-weight:900 !important;
    line-height:1.18 !important;
    text-align:center !important;
    text-shadow:0 4px 11px rgba(0,0,0,.52) !important;
  }

  #home .hero > .primary-actions .feature-card small{
    width:100% !important;
    min-height:0 !important;
    max-width:198px !important;
    margin:0 auto !important;
    padding:0 16px 0 4px !important;
    display:block !important;
    color:rgba(255,250,240,.88) !important;
    font-family:"Cairo","Tajawal",sans-serif !important;
    font-size:0 !important;
    font-weight:500 !important;
    line-height:1.42 !important;
    text-align:center !important;
    text-shadow:0 3px 9px rgba(0,0,0,.61) !important;
  }
  #home .hero > .primary-actions .feature-card small::after{
    content:attr(data-mobile-copy-ar) !important;
    display:block !important;
    width:100% !important;
    font-size:clamp(.67rem,2.9vw,.77rem) !important;
    line-height:1.42 !important;
  }
  html[lang="en"] #home .hero > .primary-actions .feature-card small::after{content:attr(data-mobile-copy-en) !important;}
  html[lang="tr"] #home .hero > .primary-actions .feature-card small::after{content:attr(data-mobile-copy-tr) !important;}

  /* Compact, self-explanatory controls: arrows + active pagination. */
  #home .mobile-carousel-controls{
    position:absolute !important;
    z-index:9 !important;
    right:50% !important;
    bottom:7px !important;
    transform:translateX(50%) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:9px !important;
    direction:ltr !important;
    pointer-events:auto !important;
    width:max-content !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
  }

  #home .mobile-carousel-arrow{
    width:27px !important;
    height:27px !important;
    min-width:27px !important;
    min-height:27px !important;
    margin:0 !important;
    padding:0 !important;
    display:grid !important;
    place-items:center !important;
    border:1px solid rgba(239,191,82,.58) !important;
    border-radius:50% !important;
    background:rgba(2,15,29,.30) !important;
    color:var(--t95-gold-light) !important;
    font:600 1.08rem/1 Arial,sans-serif !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 5px 14px rgba(0,0,0,.20) !important;
    -webkit-backdrop-filter:blur(8px) !important;
    backdrop-filter:blur(8px) !important;
    cursor:pointer !important;
    transition:transform .2s ease,border-color .2s ease,background .2s ease !important;
  }
  #home .mobile-carousel-arrow:active{transform:scale(.92) !important;}

  #home .mobile-carousel-dots{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
  }
  #home .mobile-carousel-dot{
    width:6px !important;
    height:6px !important;
    min-width:6px !important;
    min-height:6px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:999px !important;
    background:rgba(218,230,239,.43) !important;
    box-shadow:none !important;
    cursor:pointer !important;
    transition:width .24s ease,background .24s ease,box-shadow .24s ease !important;
  }
  #home .mobile-carousel-dot.is-active{
    width:21px !important;
    background:linear-gradient(90deg,#c98d25,#f5cc68) !important;
    box-shadow:0 0 10px rgba(239,191,82,.23) !important;
  }

  /* A brief, subtle pulse teaches swipe without adding visible wording. */
  @keyframes t95CueLeft{0%,100%{transform:translateX(0)}35%{transform:translateX(-3px)}70%{transform:translateX(1px)}}
  @keyframes t95CueRight{0%,100%{transform:translateX(0)}35%{transform:translateX(3px)}70%{transform:translateX(-1px)}}
  #home .mobile-carousel-controls.is-swipe-cue .mobile-carousel-prev{animation:t95CueLeft .78s ease-in-out 3;}
  #home .mobile-carousel-controls.is-swipe-cue .mobile-carousel-next{animation:t95CueRight .78s ease-in-out 3;}

  #home .booking-policies{margin-top:0 !important;}
}

@media (max-width:760px) and (max-height:780px){
  :root{--t95-card-height:136px;--t95-card-width:min(60vw,220px);}
  #home .hero.hero-photo.hero-video-mode{min-height:650px !important;}
  #home .hero-content{top:58px !important;bottom:194px !important;}
  #home .main-logo{width:min(138px,33vw) !important;}
  #home .hero-copy-block{padding:5px 7px 4px !important;}
  #home .hero-copy-block::before{height:122px !important;}
  #home .hero-kicker{font-size:.84rem !important;}
  #home .hero h1{font-size:clamp(1.72rem,7.7vw,2.08rem) !important;}
  #home .hero-subtitle::after{font-size:.72rem !important;}
  #home .hero > .primary-actions{bottom:32px !important;height:calc(var(--t95-card-height) + 14px) !important;padding-block:6px 8px !important;}
  #home .hero > .primary-actions .feature-card{padding:10px 14px 15px !important;border-radius:19px !important;}
  #home .hero > .primary-actions .feature-card .icon{width:38px !important;height:38px !important;min-width:38px !important;flex-basis:38px !important;}
  #home .hero > .primary-actions .feature-card .icon-hotel{width:47px !important;height:36px !important;min-width:47px !important;flex-basis:36px !important;}
  #home .mobile-carousel-controls{bottom:5px !important;}
}

@media (max-width:380px){
  #home .hero-content{padding-inline:10px !important;}
  #home .hero h1{font-size:clamp(1.74rem,8vw,2.06rem) !important;}
}

@media (prefers-reduced-motion:reduce){
  #home .hero > .primary-actions{scroll-behavior:auto !important;}
  #home .hero > .primary-actions .feature-card,
  #home .mobile-carousel-controls.is-swipe-cue .mobile-carousel-arrow{transition:none !important;animation:none !important;}
}

/* ===== t96-home-typography-logo.css ===== */
/* T96 — Homepage typography refinement + mobile logo lift.
   Scope is intentionally limited to the homepage hero only. */

/* Desktop: retain the live waterfall and existing composition, while giving the copy
   the same refined typographic language used on mobile. */
@media (min-width:921px){
  body.unified-header-home #home .main-logo{
    margin-bottom:16px !important;
  }

  body.unified-header-home #home .hero-kicker{
    width:auto !important;
    margin:0 auto 5px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:13px !important;
    color:#fffaf2 !important;
    font-family:"Tajawal","Cairo",sans-serif !important;
    font-size:clamp(.92rem,1.05vw,1.08rem) !important;
    font-weight:500 !important;
    line-height:1.25 !important;
    letter-spacing:0 !important;
    text-shadow:0 4px 16px rgba(0,0,0,.88) !important;
  }

  body.unified-header-home #home .hero-kicker::before,
  body.unified-header-home #home .hero-kicker::after{
    content:"" !important;
    width:46px !important;
    height:1px !important;
    flex:0 0 46px !important;
    background:linear-gradient(90deg,transparent,rgba(235,187,77,.82),transparent) !important;
  }

  body.unified-header-home #home .hero h1{
    width:auto !important;
    max-width:min(820px,66vw) !important;
    margin:0 auto 9px !important;
    padding:0 12px 4px !important;
    white-space:nowrap !important;
    font-family:"Tajawal","Cairo",sans-serif !important;
    font-size:clamp(2.85rem,4.15vw,4.28rem) !important;
    font-weight:900 !important;
    line-height:1.04 !important;
    letter-spacing:-.038em !important;
    color:transparent !important;
    -webkit-text-fill-color:transparent !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    background-image:linear-gradient(108deg,
      #b87815 0%,
      #e0a735 18%,
      #ffe18b 36%,
      #fff2b2 47%,
      #e7b44a 59%,
      #c8871b 78%,
      #f1c75e 100%) !important;
    background-size:225% 100% !important;
    animation:t77GoldSweep 7.2s ease-in-out infinite !important;
    text-shadow:none !important;
    filter:
      drop-shadow(0 7px 15px rgba(0,0,0,.72))
      drop-shadow(0 0 7px rgba(235,181,63,.14)) !important;
  }

  body.unified-header-home #home .hero-subtitle{
    max-width:650px !important;
    margin:0 auto !important;
    padding:0 14px !important;
    color:#fffaf3 !important;
    font-family:"Tajawal","Cairo",sans-serif !important;
    font-size:clamp(.96rem,1.12vw,1.10rem) !important;
    font-weight:500 !important;
    line-height:1.62 !important;
    letter-spacing:0 !important;
    text-shadow:0 4px 15px rgba(0,0,0,.90) !important;
  }

  body.unified-header-home #home .hero-ornament{
    width:132px !important;
    height:19px !important;
    margin-top:8px !important;
    opacity:.80 !important;
  }
}

/* Short desktop/laptop screens: keep the refined hierarchy without crowding cards. */
@media (min-width:921px) and (max-height:820px){
  body.unified-header-home #home .main-logo{
    margin-bottom:10px !important;
  }
  body.unified-header-home #home .hero-kicker{
    margin-bottom:3px !important;
    font-size:.90rem !important;
  }
  body.unified-header-home #home .hero-kicker::before,
  body.unified-header-home #home .hero-kicker::after{
    width:38px !important;
    flex-basis:38px !important;
  }
  body.unified-header-home #home .hero h1{
    font-size:clamp(2.55rem,3.75vw,3.62rem) !important;
    margin-bottom:6px !important;
  }
  body.unified-header-home #home .hero-subtitle{
    font-size:.94rem !important;
    line-height:1.48 !important;
  }
}

/* Mobile: lift only the logo so the bright architectural strip no longer hides
   the three stars. Copy and cards keep their T95 positions. */
@media (max-width:760px){
  #home .hero-logo-stage{
    transform:translateY(-18px) !important;
  }
  #home .main-logo{
    filter:
      drop-shadow(0 13px 24px rgba(0,0,0,.40))
      drop-shadow(0 0 8px rgba(2,12,25,.32)) !important;
  }
}

@media (max-width:760px) and (max-height:780px){
  #home .hero-logo-stage{
    transform:translateY(-13px) !important;
  }
}

@media (prefers-reduced-motion:reduce){
  body.unified-header-home #home .hero h1{animation:none !important;}
}

/* ===== t97-unified-hero-copy.css ===== */
/* T97 — Unified hero copy reveal and refined resort title.
   The kicker, title, subtitle and ornament now behave as one visual/animated unit
   on both desktop and mobile. The waterfall video and cards remain untouched. */

/* One entrance for the full copy block instead of separate line-by-line reveals. */
html.nile-hero-intro-pending #home .hero-copy-block{
  opacity:0;
  transform:translateY(16px);
}

html.nile-hero-intro-pending #home .hero-copy-block .hero-kicker,
html.nile-hero-intro-pending #home .hero-copy-block h1,
html.nile-hero-intro-pending #home .hero-copy-block .hero-subtitle,
html.nile-hero-intro-pending #home .hero-copy-block .hero-ornament,
html.nile-hero-intro-pending.nile-hero-intro-play #home .hero-copy-block .hero-kicker,
html.nile-hero-intro-pending.nile-hero-intro-play #home .hero-copy-block h1,
html.nile-hero-intro-pending.nile-hero-intro-play #home .hero-copy-block .hero-subtitle,
html.nile-hero-intro-pending.nile-hero-intro-play #home .hero-copy-block .hero-ornament{
  opacity:1 !important;
  transform:none !important;
  animation:none !important;
}

html.nile-hero-intro-pending.nile-hero-intro-play #home .hero-copy-block{
  animation:t97HeroCopyReveal .66s cubic-bezier(.16,.86,.28,1) 1s forwards !important;
}

html.nile-hero-intro-complete #home .hero-copy-block,
html.nile-hero-intro-skip #home .hero-copy-block{
  opacity:1 !important;
  transform:none !important;
  animation:none !important;
}

@keyframes t97HeroCopyReveal{
  from{opacity:0;transform:translateY(16px)}
  to{opacity:1;transform:translateY(0)}
}

/* Shared refined hierarchy. */
#home .hero-copy-block{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  gap:0 !important;
}

#home .hero-kicker{
  font-family:"Tajawal","Cairo",sans-serif !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
}

#home .hero h1{
  font-family:"Cairo","Tajawal",sans-serif !important;
  font-weight:800 !important;
  font-feature-settings:"kern" 1 !important;
  letter-spacing:0 !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  background-image:linear-gradient(180deg,
    #fff0b1 0%,
    #f4d170 28%,
    #dfaa3d 62%,
    #bf7d18 100%) !important;
  background-size:100% 100% !important;
  animation:none !important;
  text-shadow:none !important;
  filter:
    drop-shadow(0 3px 0 rgba(91,51,8,.24))
    drop-shadow(0 9px 17px rgba(0,0,0,.72))
    drop-shadow(0 0 5px rgba(238,188,76,.10)) !important;
}

#home .hero-subtitle{
  font-family:"Tajawal","Cairo",sans-serif !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
}

/* Desktop: keep the copy compact and visually connected below the logo. */
@media (min-width:921px){
  body.unified-header-home #home .main-logo{
    margin-bottom:12px !important;
  }

  body.unified-header-home #home .hero-copy-block{
    width:min(760px,68vw) !important;
    margin:0 auto !important;
    padding:0 14px !important;
  }

  body.unified-header-home #home .hero-kicker{
    margin:0 auto 2px !important;
    font-size:clamp(.91rem,1vw,1.04rem) !important;
    line-height:1.25 !important;
    color:rgba(255,250,240,.96) !important;
    text-shadow:0 4px 14px rgba(0,0,0,.88) !important;
  }

  body.unified-header-home #home .hero-kicker::before,
  body.unified-header-home #home .hero-kicker::after{
    width:30px !important;
    flex-basis:30px !important;
    opacity:.72 !important;
  }

  body.unified-header-home #home .hero h1{
    width:auto !important;
    max-width:100% !important;
    margin:0 auto 5px !important;
    padding:0 8px 5px !important;
    white-space:nowrap !important;
    font-size:clamp(2.82rem,3.85vw,4rem) !important;
    line-height:1.16 !important;
  }

  body.unified-header-home #home .hero-subtitle{
    max-width:620px !important;
    margin:0 auto !important;
    padding:0 12px !important;
    font-size:clamp(.94rem,1.08vw,1.08rem) !important;
    line-height:1.56 !important;
    color:#fffaf2 !important;
    text-shadow:0 4px 14px rgba(0,0,0,.90) !important;
  }

  body.unified-header-home #home .hero-ornament{
    margin-top:7px !important;
    width:116px !important;
    height:17px !important;
    opacity:.72 !important;
  }
}

/* Mobile: all lines stay close together as one elegant copy group. */
@media (max-width:760px){
  #home .hero-copy-block{
    width:min(100%,380px) !important;
    padding:7px 9px 6px !important;
  }

  #home .hero-kicker{
    margin:0 auto 1px !important;
    font-size:clamp(.82rem,3.45vw,.96rem) !important;
    line-height:1.18 !important;
    color:rgba(255,250,241,.96) !important;
    text-shadow:0 3px 12px rgba(0,0,0,.88) !important;
  }

  #home .hero-kicker::before,
  #home .hero-kicker::after{
    width:24px !important;
    flex-basis:24px !important;
    opacity:.62 !important;
  }

  #home .hero h1{
    max-width:100% !important;
    margin:0 auto 3px !important;
    padding:2px 2px 4px !important;
    white-space:nowrap !important;
    font-size:clamp(1.82rem,7.55vw,2.25rem) !important;
    line-height:1.18 !important;
  }

  #home .hero-subtitle{
    max-width:325px !important;
    margin:0 auto !important;
    padding:0 3px !important;
    line-height:1.42 !important;
  }

  #home .hero-subtitle::after{
    font-family:"Tajawal","Cairo",sans-serif !important;
    font-weight:500 !important;
    font-size:clamp(.76rem,3.15vw,.88rem) !important;
    line-height:1.42 !important;
    letter-spacing:0 !important;
    color:#fffaf2 !important;
    text-shadow:0 3px 12px rgba(0,0,0,.90) !important;
  }
}

@media (max-width:760px) and (max-height:780px){
  #home .hero-copy-block{padding:4px 7px 3px !important;}
  #home .hero h1{font-size:clamp(1.68rem,7.25vw,2.02rem) !important;}
  #home .hero-kicker{font-size:.80rem !important;}
  #home .hero-subtitle::after{font-size:.71rem !important;}
}

@media (max-width:350px){
  #home .hero h1{font-size:1.66rem !important;}
}

@media (prefers-reduced-motion:reduce){
  #home .hero-copy-block,
  #home .hero-copy-block *{
    animation:none !important;
    transition:none !important;
    opacity:1 !important;
    transform:none !important;
  }
}
/* Keep the welcome line in the active site language on every viewport. */
#home .hero-kicker > span{display:none!important}
html[lang="ar"] #home .hero-kicker-ar,
html[lang="en"] #home .hero-kicker-en,
html[lang="tr"] #home .hero-kicker-tr{display:inline!important}

/* ===== t98-hero-copy-backdrop.css ===== */
/* T98 — subtle dark backdrop behind homepage hero copy.
   Purpose: improve readability over the warm architectural glow
   without blocking the waterfall or changing the card layout. */

#home .hero-copy-block{
  position:relative !important;
  isolation:isolate !important;
}

#home .hero-copy-block::before{
  content:"" !important;
  position:absolute !important;
  z-index:-1 !important;
  right:50% !important;
  top:50% !important;
  transform:translate(50%,-50%) !important;
  pointer-events:none !important;
  border-radius:34px !important;
  background:
    radial-gradient(ellipse at center,
      rgba(0,0,0,.66) 0%,
      rgba(2,8,16,.54) 34%,
      rgba(3,8,16,.34) 58%,
      rgba(3,8,16,.16) 76%,
      rgba(3,8,16,0) 100%) !important;
  filter:blur(6px) !important;
  opacity:1 !important;
}

/* Let the logo breathe while keeping the copy legible. */
@media (min-width:921px){
  body.unified-header-home #home .hero-copy-block{
    padding:16px 28px 14px !important;
  }

  body.unified-header-home #home .hero-copy-block::before{
    width:min(760px,74vw) !important;
    height:245px !important;
    margin-top:12px !important;
  }

  body.unified-header-home #home .hero-kicker{
    text-shadow:0 4px 12px rgba(0,0,0,.96) !important;
  }

  body.unified-header-home #home .hero h1{
    filter:
      drop-shadow(0 3px 0 rgba(62,34,6,.28))
      drop-shadow(0 10px 20px rgba(0,0,0,.82))
      drop-shadow(0 0 4px rgba(0,0,0,.22)) !important;
  }

  body.unified-header-home #home .hero-subtitle{
    text-shadow:0 4px 14px rgba(0,0,0,.96) !important;
  }
}

@media (max-width:760px){
  #home .hero-copy-block{
    padding:8px 10px 8px !important;
  }

  #home .hero-copy-block::before{
    width:min(360px,96vw) !important;
    height:170px !important;
    margin-top:8px !important;
    border-radius:26px !important;
    background:
      radial-gradient(ellipse at center,
        rgba(0,0,0,.62) 0%,
        rgba(2,8,16,.49) 34%,
        rgba(3,8,16,.28) 60%,
        rgba(3,8,16,.12) 78%,
        rgba(3,8,16,0) 100%) !important;
    filter:blur(5px) !important;
  }

  #home .hero-kicker,
  #home .hero-subtitle::after,
  #home .hero-subtitle{
    text-shadow:0 3px 10px rgba(0,0,0,.96) !important;
  }

  #home .hero h1{
    filter:
      drop-shadow(0 2px 0 rgba(62,34,6,.24))
      drop-shadow(0 7px 16px rgba(0,0,0,.84)) !important;
  }
}

@media (max-width:760px) and (max-height:780px){
  #home .hero-copy-block::before{
    height:154px !important;
  }
}

/* ===== t99-fixed-media-mobile-logo.css ===== */
/* T99 — deterministic device video, clearer Arabic title, refined mobile logo. */

/* Keep the last letter and its dots outside any tight glyph box. */
#home .hero h1{
  font-family:"Noto Kufi Arabic","Tajawal","Cairo",sans-serif !important;
  font-feature-settings:"kern" 1,"liga" 1,"calt" 1 !important;
  font-kerning:normal !important;
  text-rendering:geometricPrecision !important;
  overflow:visible !important;
  line-height:1.24 !important;
  padding-bottom:.18em !important;
}

@media (min-width:921px){
  body.unified-header-home #home .hero h1{
    line-height:1.18 !important;
    padding-bottom:.16em !important;
  }
}

@media (max-width:760px){
  /* Smaller and higher: clear of the bright architectural strip, while retaining
     comfortable separation from the fixed mobile header. */
  #home .hero-logo-stage{
    transform:translateY(-30px) !important;
  }

  #home .main-logo{
    width:min(146px,34vw) !important;
    max-width:146px !important;
    filter:
      drop-shadow(0 12px 23px rgba(0,0,0,.44))
      drop-shadow(0 0 7px rgba(2,12,25,.34)) !important;
  }

  #home .hero h1{
    line-height:1.24 !important;
    padding:2px 4px .22em !important;
  }
}

@media (max-width:760px) and (max-height:780px){
  #home .hero-logo-stage{transform:translateY(-23px) !important;}
  #home .main-logo{width:min(136px,33vw) !important;max-width:136px !important;}
}

/* ===== t106-clean-open-sections.css ===== */
/* T106 — no outer boxes: four free glass cards + one joined image/text rectangle. */

/* =========================================
   POLICIES: NO LARGE OUTER CONTAINER
   ========================================= */
#home .booking-policies-lux{
  width:min(1240px, calc(100% - 36px)) !important;
  max-width:1240px !important;
  margin:34px auto 26px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:none !important;
  box-shadow:none !important;
  overflow:visible !important;
  position:relative !important;
}
#home .booking-policies-lux::before,
#home .booking-policies-lux::after{
  display:none !important;
  content:none !important;
}
#home .booking-policies-lux .booking-policies-head{
  max-width:820px !important;
  margin:0 auto 24px !important;
  text-align:center !important;
  position:relative !important;
  z-index:1 !important;
}
#home .booking-policies-lux .booking-policies-head .eyebrow{
  color:#e8be68 !important;
  font-size:.98rem !important;
  font-weight:700 !important;
  margin-bottom:7px !important;
}
#home .booking-policies-lux .booking-policies-head h2{
  margin:0 0 12px !important;
  color:#f4dda0 !important;
  font-size:clamp(2rem,3vw,3.25rem) !important;
  line-height:1.2 !important;
}
#home .booking-policies-lux .booking-policies-head h2::before{display:none !important;}
#home .booking-policies-lux .booking-policies-head p{
  margin:0 !important;
  color:rgba(246,237,219,.90) !important;
  font-size:1rem !important;
  line-height:1.9 !important;
}
#home .booking-policies-lux .booking-policies-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:18px !important;
  align-items:stretch !important;
}
#home .booking-policies-lux .booking-policy-card{
  position:relative !important;
  min-height:224px !important;
  padding:20px 18px 18px !important;
  border-radius:25px !important;
  border:1px solid rgba(223,184,93,.30) !important;
  background:
    linear-gradient(180deg,
      rgba(73,121,184,.14) 0%,
      rgba(28,61,104,.10) 34%,
      rgba(6,18,34,.20) 100%) !important;
  -webkit-backdrop-filter:blur(16px) saturate(140%) !important;
  backdrop-filter:blur(16px) saturate(140%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.11),
    inset 0 -14px 26px rgba(2,8,16,.07),
    0 16px 30px rgba(0,0,0,.12) !important;
  text-align:center !important;
  overflow:hidden !important;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease !important;
}
#home .booking-policies-lux .booking-policy-card:hover{
  transform:translateY(-4px) !important;
  border-color:rgba(235,199,111,.48) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 20px 36px rgba(0,0,0,.18) !important;
}
#home .booking-policies-lux .booking-policy-card::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:25px !important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.025) 28%,transparent 45%),
    radial-gradient(circle at 16% 8%,rgba(192,230,255,.12),transparent 27%) !important;
  pointer-events:none !important;
}
#home .booking-policies-lux .booking-policy-card::before{
  content:"" !important;
  display:block !important;
  width:68px !important;
  height:68px !important;
  margin:0 auto 14px !important;
  border-radius:999px !important;
  border:1px solid rgba(231,195,105,.72) !important;
  background-color:rgba(7,18,34,.18) !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}
#home .booking-policies-lux .policy-cancel::before{background-image:url("assets/ui/calendar.png") !important;background-size:28px !important;}
#home .booking-policies-lux .policy-checkout::before{background-image:url("assets/ui/bed.png") !important;background-size:31px !important;}
#home .booking-policies-lux .policy-update::before{background-image:url("assets/ui/edit.webp") !important;background-size:60px !important;}
#home .booking-policies-lux .policy-breakfast::before{background-image:url("assets/ui/fork-knife.png") !important;background-size:25px !important;}
#home .booking-policies-lux .policy-number{display:none !important;}
#home .booking-policies-lux .booking-policy-card h3{
  margin:0 0 10px !important;
  color:#fff3ce !important;
  font-size:1.1rem !important;
  line-height:1.42 !important;
}
#home .booking-policies-lux .booking-policy-card p{
  margin:0 auto !important;
  max-width:235px !important;
  color:rgba(246,238,222,.92) !important;
  font-size:.96rem !important;
  line-height:1.88 !important;
}
#home .booking-policies-lux .booking-policy-card p::after{
  content:"" !important;
  display:block !important;
  width:50px !important;
  height:2px !important;
  margin:14px auto 0 !important;
  background:linear-gradient(90deg,transparent,rgba(229,191,99,.92),transparent) !important;
}

/* =========================================
   ATMOSPHERE: CHILDREN THEMSELVES FORM ONE RECTANGLE
   NO VISIBLE OUTER BOX
   ========================================= */
#home .atmosphere-highlight{
  width:min(1320px, calc(100% - 36px)) !important;
  max-width:1320px !important;
  height:390px !important;
  min-height:390px !important;
  margin:10px auto 38px !important;
  padding:0 !important;
  gap:0 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.78fr) minmax(360px,.82fr) !important;
  grid-template-areas:"photo copy" !important;
  align-items:stretch !important;
  direction:ltr !important;
  border:0 !important;
  border-radius:0 !important;
  background:none !important;
  box-shadow:0 26px 54px rgba(0,0,0,.22) !important;
  overflow:visible !important;
  position:relative !important;
}
#home .atmosphere-highlight::before,
#home .atmosphere-highlight::after{
  display:none !important;
  content:none !important;
}
#home .atmosphere-highlight .photo-panel{
  grid-area:photo !important;
  order:initial !important;
  width:100% !important;
  height:390px !important;
  min-height:390px !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid rgba(220,180,87,.34) !important;
  border-right:0 !important;
  border-radius:30px 0 0 30px !important;
  overflow:hidden !important;
  background:#071522 !important;
  box-shadow:none !important;
  position:relative !important;
}
#home .atmosphere-highlight .photo-panel::before{display:none !important;content:none !important;}
#home .atmosphere-highlight .photo-panel::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  height:auto !important;
  background:linear-gradient(90deg,rgba(0,0,0,.02),transparent 54%,rgba(2,10,18,.16)) !important;
  pointer-events:none !important;
}
#home .atmosphere-highlight .photo-panel img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:390px !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:none !important;
  border-radius:0 !important;
}
#home .atmosphere-highlight .section-copy{
  grid-area:copy !important;
  order:initial !important;
  width:100% !important;
  height:390px !important;
  min-height:390px !important;
  margin:0 !important;
  padding:34px 36px 32px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  direction:rtl !important;
  text-align:right !important;
  border:1px solid rgba(220,180,87,.34) !important;
  border-left:0 !important;
  border-radius:0 30px 30px 0 !important;
  background:
    radial-gradient(circle at 88% 18%,rgba(219,178,82,.08),transparent 26%),
    linear-gradient(180deg,rgba(5,18,33,.96),rgba(4,14,26,.98)) !important;
  -webkit-backdrop-filter:blur(12px) saturate(120%) !important;
  backdrop-filter:blur(12px) saturate(120%) !important;
  box-shadow:none !important;
  overflow:hidden !important;
  position:relative !important;
}
#home .atmosphere-highlight .section-copy::before,
#home .atmosphere-highlight .section-copy::after{display:none !important;content:none !important;}
#home .atmosphere-highlight .section-copy .eyebrow{
  display:inline-flex !important;
  align-items:center !important;
  gap:12px !important;
  margin:0 0 14px !important;
  color:#e6bb61 !important;
  font-size:.98rem !important;
  font-weight:700 !important;
}
#home .atmosphere-highlight .section-copy .eyebrow::before,
#home .atmosphere-highlight .section-copy .eyebrow::after{
  content:"" !important;
  width:48px !important;
  height:1px !important;
  background:linear-gradient(90deg,transparent,rgba(229,190,97,.94),transparent) !important;
}
#home .atmosphere-highlight .section-copy h2{
  max-width:390px !important;
  margin:0 0 16px !important;
  color:#f3d68b !important;
  font-size:clamp(2.35rem,3.15vw,3.55rem) !important;
  line-height:1.18 !important;
  letter-spacing:-.02em !important;
}
#home .atmosphere-highlight .section-copy h2::before{display:none !important;content:none !important;}
#home .atmosphere-highlight .section-copy p{
  max-width:420px !important;
  margin:0 0 24px !important;
  color:rgba(246,238,222,.94) !important;
  font-size:1rem !important;
  line-height:1.95 !important;
}
#home .atmosphere-highlight .outline-btn{
  min-width:208px !important;
  min-height:58px !important;
  padding:13px 24px !important;
  border-radius:20px !important;
  border:1px solid rgba(229,191,99,.74) !important;
  background:rgba(9,26,45,.26) !important;
  color:#f2c86d !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}
#home .atmosphere-highlight .outline-btn::before{
  content:"←" !important;
  margin-left:10px !important;
  font-size:1.15rem !important;
  line-height:1 !important;
}

@media (max-width:1080px){
  #home .booking-policies-lux .booking-policies-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  #home .atmosphere-highlight{
    grid-template-columns:minmax(0,1.35fr) minmax(330px,.9fr) !important;
  }
}
@media (max-width:820px){
  #home .atmosphere-highlight{
    height:auto !important;
    min-height:0 !important;
    grid-template-columns:1fr !important;
    grid-template-areas:"photo" "copy" !important;
    box-shadow:0 20px 42px rgba(0,0,0,.18) !important;
  }
  #home .atmosphere-highlight .photo-panel{
    height:300px !important;
    min-height:300px !important;
    border-right:1px solid rgba(220,180,87,.34) !important;
    border-bottom:0 !important;
    border-radius:24px 24px 0 0 !important;
  }
  #home .atmosphere-highlight .photo-panel img{min-height:300px !important;}
  #home .atmosphere-highlight .section-copy{
    height:auto !important;
    min-height:0 !important;
    padding:26px 22px 28px !important;
    align-items:center !important;
    text-align:center !important;
    border-left:1px solid rgba(220,180,87,.34) !important;
    border-top:0 !important;
    border-radius:0 0 24px 24px !important;
  }
  #home .atmosphere-highlight .section-copy h2,
  #home .atmosphere-highlight .section-copy p{max-width:100% !important;}
}
@media (max-width:640px){
  #home .booking-policies-lux{width:calc(100% - 20px) !important;margin-top:26px !important;}
  #home .booking-policies-lux .booking-policies-grid{grid-template-columns:1fr !important;gap:14px !important;}
  #home .booking-policies-lux .booking-policy-card{min-height:auto !important;padding:17px 14px 15px !important;}
  #home .atmosphere-highlight{width:calc(100% - 20px) !important;margin-bottom:28px !important;}
  #home .atmosphere-highlight .photo-panel,
  #home .atmosphere-highlight .photo-panel img{height:235px !important;min-height:235px !important;}
  #home .atmosphere-highlight .section-copy{padding:22px 16px 24px !important;}
  #home .atmosphere-highlight .section-copy h2{font-size:clamp(2rem,8.5vw,2.65rem) !important;}
  #home .atmosphere-highlight .section-copy p{font-size:.95rem !important;}
}

/* ===== t108-atmosphere-balanced-final.css ===== */
/* Final atmosphere panel — matched to the approved reference. */

/* Keep the four booking-policy cards in the original transparent glass style. */
#home .booking-policies-lux .booking-policy-card {
  border-color: rgba(226, 190, 105, 0.38) !important;
  background:
    linear-gradient(145deg,
      rgba(151, 193, 232, 0.17) 0%,
      rgba(57, 91, 128, 0.10) 38%,
      rgba(5, 17, 31, 0.08) 100%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(165%) !important;
  backdrop-filter: blur(20px) saturate(165%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    inset 0 -18px 32px rgba(1, 9, 18, 0.08),
    0 18px 38px rgba(0, 0, 0, 0.13) !important;
}

#home .booking-policies-lux .booking-policy-card::after {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.035) 30%, transparent 52%),
    radial-gradient(circle at 14% 5%, rgba(204, 235, 255, 0.18), transparent 32%) !important;
}

#home .atmosphere-highlight {
  box-sizing: border-box !important;
  scroll-margin-top: 84px;
}

@media (min-width: 981px) {
  #home .atmosphere-highlight {
    width: min(1400px, calc(100% - 64px)) !important;
    max-width: 1400px !important;
    height: 405px !important;
    min-height: 405px !important;
    margin: 26px auto 58px !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 2fr) minmax(470px, 1fr) !important;
    grid-template-areas: "photo copy" !important;
    direction: ltr !important;
    gap: 0 !important;
    align-items: stretch !important;
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    overflow: hidden !important;
    border: 1px solid rgba(222, 171, 55, .9) !important;
    border-radius: 24px !important;
    background: #061523 !important;
    box-shadow: 0 26px 60px rgba(0, 0, 0, .28) !important;
  }

  #home .atmosphere-highlight::before,
  #home .atmosphere-highlight::after {
    display: none !important;
    content: none !important;
  }

  #home .atmosphere-highlight .photo-panel {
    grid-area: photo !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #071522 !important;
    box-shadow: none !important;
  }

  #home .atmosphere-highlight .photo-panel::before {
    display: none !important;
    content: none !important;
  }

  #home .atmosphere-highlight .photo-panel::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    background: linear-gradient(90deg, transparent 72%, rgba(3, 13, 24, .18)) !important;
  }

  #home .atmosphere-highlight .photo-panel img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: none !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  #home .atmosphere-highlight .section-copy {
    grid-area: copy !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 34px 42px 31px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    direction: rtl !important;
    text-align: center !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background:
      radial-gradient(circle at 76% 13%, rgba(218, 166, 52, .08), transparent 34%),
      linear-gradient(180deg, #071827 0%, #041321 100%) !important;
    box-shadow: none !important;
  }

  #home .atmosphere-highlight .section-copy::before,
  #home .atmosphere-highlight .section-copy::after {
    display: none !important;
    content: none !important;
  }

  #home .atmosphere-highlight .section-copy .eyebrow {
    width: 100% !important;
    margin: 0 0 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 17px !important;
    color: #dcae4e !important;
    font-size: 1.04rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
  }

  #home .atmosphere-highlight .section-copy .eyebrow::before,
  #home .atmosphere-highlight .section-copy .eyebrow::after {
    content: "" !important;
    width: 68px !important;
    height: 1px !important;
    flex: 0 0 68px !important;
    background: linear-gradient(90deg, transparent, rgba(224, 174, 62, .95), transparent) !important;
  }

  #home .atmosphere-highlight .section-copy h2 {
    width: 100% !important;
    max-width: 470px !important;
    margin: 0 auto 18px !important;
    padding: 0 !important;
    color: #efbf54 !important;
    font-size: clamp(3rem, 3.35vw, 3.75rem) !important;
    font-weight: 800 !important;
    line-height: 1.12 !important;
    letter-spacing: -.025em !important;
    text-align: center !important;
  }

  #home .atmosphere-highlight .section-copy h2::before {
    display: none !important;
    content: none !important;
  }

  #home .atmosphere-highlight .section-copy h2 .line {
    display: block !important;
    white-space: nowrap !important;
  }

  #home .atmosphere-highlight .section-copy p {
    width: 100% !important;
    max-width: 455px !important;
    margin: 0 auto 22px !important;
    color: rgba(247, 240, 225, .94) !important;
    font-size: 1rem !important;
    line-height: 1.95 !important;
    text-align: center !important;
  }

  #home .atmosphere-highlight .outline-btn {
    min-width: 228px !important;
    min-height: 58px !important;
    margin: 0 auto !important;
    padding: 12px 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 15px !important;
    border: 1px solid rgba(224, 174, 62, .92) !important;
    border-radius: 17px !important;
    background: rgba(4, 16, 28, .42) !important;
    color: #efbf54 !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
  }

  #home .atmosphere-highlight .outline-btn::before {
    content: "←" !important;
    margin-inline-end: 9px !important;
    font-size: 1.22rem !important;
    line-height: 1 !important;
  }
}

/* English and Turkish use longer Latin-script headings.  The base card was
   authored for Arabic and forced RTL, which reversed punctuation and made the
   translated copy overflow above and below the panel. */
@media (min-width: 981px) {
  html[lang="en"] #home .atmosphere-highlight .section-copy,
  html[lang="tr"] #home .atmosphere-highlight .section-copy {
    direction: ltr !important;
    padding: 26px 34px !important;
  }

  html[lang="en"] #home .atmosphere-highlight .section-copy h2,
  html[lang="tr"] #home .atmosphere-highlight .section-copy h2 {
    max-width: 500px !important;
    margin-bottom: 14px !important;
    font-size: clamp(2.15rem, 2.5vw, 2.7rem) !important;
    line-height: 1.14 !important;
    letter-spacing: -.02em !important;
    text-wrap: balance;
  }

  html[lang="en"] #home .atmosphere-highlight .section-copy p,
  html[lang="tr"] #home .atmosphere-highlight .section-copy p {
    margin-bottom: 16px !important;
    direction: ltr !important;
    line-height: 1.65 !important;
    text-wrap: pretty;
  }

  html[lang="en"] #home .atmosphere-highlight .outline-btn::before,
  html[lang="tr"] #home .atmosphere-highlight .outline-btn::before {
    content: "\2192" !important;
  }
}

@media (min-width: 981px) and (max-width: 1240px) {
  #home .atmosphere-highlight {
    width: calc(100% - 40px) !important;
    grid-template-columns: minmax(0, 1.45fr) minmax(420px, 1fr) !important;
  }

  #home .atmosphere-highlight .section-copy {
    padding-inline: 28px !important;
  }

  #home .atmosphere-highlight .section-copy h2 {
    font-size: clamp(2.65rem, 4.2vw, 3.25rem) !important;
  }
}

@media (max-width: 980px) {
  #home .atmosphere-highlight {
    width: min(720px, calc(100% - 24px)) !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 22px auto 42px !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-areas: "photo" "copy" !important;
    gap: 0 !important;
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    overflow: hidden !important;
    border: 1px solid rgba(222, 171, 55, .82) !important;
    border-radius: 22px !important;
    background: #061523 !important;
    box-shadow: 0 22px 48px rgba(0, 0, 0, .25) !important;
  }

  #home .atmosphere-highlight::before,
  #home .atmosphere-highlight::after,
  #home .atmosphere-highlight .section-copy::before,
  #home .atmosphere-highlight .section-copy::after,
  #home .atmosphere-highlight .photo-panel::before {
    display: none !important;
    content: none !important;
  }

  #home .atmosphere-highlight .photo-panel {
    grid-area: photo !important;
    width: 100% !important;
    height: clamp(245px, 48vw, 340px) !important;
    min-height: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  #home .atmosphere-highlight .photo-panel img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  #home .atmosphere-highlight .section-copy {
    grid-area: copy !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 27px 22px 29px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    direction: rtl !important;
    text-align: center !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, #071827, #041321) !important;
  }

  #home .atmosphere-highlight .section-copy .eyebrow {
    width: 100% !important;
    margin: 0 0 15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    color: #dcae4e !important;
    font-size: .96rem !important;
  }

  #home .atmosphere-highlight .section-copy .eyebrow::before,
  #home .atmosphere-highlight .section-copy .eyebrow::after {
    content: "" !important;
    width: 46px !important;
    height: 1px !important;
    flex: 0 0 46px !important;
    background: linear-gradient(90deg, transparent, rgba(224, 174, 62, .95), transparent) !important;
  }

  #home .atmosphere-highlight .section-copy h2 {
    width: 100% !important;
    max-width: 620px !important;
    margin: 0 auto 15px !important;
    color: #efbf54 !important;
    font-size: clamp(2.15rem, 7vw, 3rem) !important;
    line-height: 1.15 !important;
    text-align: center !important;
  }

  #home .atmosphere-highlight .section-copy h2 .line {
    display: block !important;
    white-space: normal !important;
  }

  #home .atmosphere-highlight .section-copy p {
    width: 100% !important;
    max-width: 600px !important;
    margin: 0 auto 20px !important;
    color: rgba(247, 240, 225, .94) !important;
    font-size: .96rem !important;
    line-height: 1.85 !important;
    text-align: center !important;
  }

  #home .atmosphere-highlight .outline-btn {
    min-width: 205px !important;
    min-height: 55px !important;
    margin: 0 auto !important;
    padding: 12px 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    border: 1px solid rgba(224, 174, 62, .9) !important;
    border-radius: 16px !important;
    background: rgba(4, 16, 28, .4) !important;
    color: #efbf54 !important;
  }

  #home .atmosphere-highlight .outline-btn::before {
    content: "←" !important;
    margin-inline-end: 7px !important;
  }
}

@media (max-width: 980px) {
  html[lang="en"] #home .atmosphere-highlight .section-copy,
  html[lang="tr"] #home .atmosphere-highlight .section-copy,
  html[lang="en"] #home .atmosphere-highlight .section-copy p,
  html[lang="tr"] #home .atmosphere-highlight .section-copy p {
    direction: ltr !important;
  }

  html[lang="en"] #home .atmosphere-highlight .outline-btn::before,
  html[lang="tr"] #home .atmosphere-highlight .outline-btn::before {
    content: "\2192" !important;
  }
}

@media (max-width: 560px) {
  #home .atmosphere-highlight {
    width: calc(100% - 16px) !important;
    border-radius: 18px !important;
  }

  #home .atmosphere-highlight .photo-panel {
    height: 225px !important;
  }

  #home .atmosphere-highlight .section-copy {
    padding: 23px 16px 25px !important;
  }

  #home .atmosphere-highlight .section-copy h2 {
    font-size: clamp(2rem, 9vw, 2.55rem) !important;
  }

  #home .atmosphere-highlight .section-copy p {
    font-size: .92rem !important;
    line-height: 1.8 !important;
  }
}

/* ===== t112-hero-policy-scene-blend.css ===== */
/* T112 — One continuous cinematic background below the live hero video. */

/* One fixed scene powers every homepage section and the footer together. */
body.nile-home-active {
  --home-scene-veil: rgba(2, 11, 25, 0.82);
  background: #020713 !important;
}

body.nile-home-active.nile-lower-bg-ready {
  background:
    linear-gradient(var(--home-scene-veil), var(--home-scene-veil)),
    #020713 url("assets/home-policy-scene-desktop.jpg") center 56% / cover fixed no-repeat !important;
}

#home .home-page {
  gap: 0 !important;
}

#home .hero-bottom-blend {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  left: 0;
  height: clamp(160px, 25vh, 280px);
  pointer-events: none;
  background: linear-gradient(180deg, transparent 0%, rgba(2, 7, 18, 0.30) 38%, #020713 100%);
}

#home .home-after-hero-content {
  position: relative;
  isolation: isolate;
  width: 100%;
  margin: 0;
  padding: clamp(78px, 7vw, 108px) 0 0;
  background: transparent;
}

/* The picture remains in the HTML as an accessible responsive fallback; the fixed body scene is the visible layer. */
#home .home-after-hero-media {
  display: none;
}

#home .home-after-hero-media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center 56%;
  transform: scale(1.018);
  filter: brightness(0.56) saturate(0.80) contrast(1.04);
}

#home .home-after-hero-content::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg,
      rgba(2, 11, 25, .58) 0%,
      rgba(2, 11, 25, .20) 3.4%,
      transparent 7%,
      transparent 100%);
}

#home .home-after-hero-content::after {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
  pointer-events: none;
  opacity: 0.24;
  background: repeating-linear-gradient(135deg, rgba(212, 175, 55, 0.035) 0 1px, transparent 1px 76px);
  background-attachment: fixed;
  background-position: 0 0;
}

#home .home-after-hero-content > :not(.home-after-hero-media) {
  position: relative;
  z-index: 3;
}

#home .home-after-hero-content .booking-policies-lux {
  margin: 0 auto 42px !important;
}

/* The footer uses the same fixed body image and the same mesh — no second crop or brightness. */
body.nile-home-active .site-footer-open {
  position: relative;
  isolation: isolate;
  margin-top: 0 !important;
  padding-top: 62px !important;
  background: transparent !important;
}

body.nile-home-active .site-footer-open::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 0 !important;
  inset: 0 !important;
  pointer-events: none !important;
  opacity: 0.24 !important;
  background: repeating-linear-gradient(135deg, rgba(212, 175, 55, 0.035) 0 1px, transparent 1px 76px) !important;
  background-attachment: fixed !important;
  background-position: 0 0 !important;
}

body.nile-home-active .site-footer-open > * {
  position: relative;
  z-index: 1;
}

@media (max-width: 920px) {
  body.nile-home-active {
    --home-scene-veil: rgba(2, 11, 25, 0.88);
    background:
      linear-gradient(var(--home-scene-veil), var(--home-scene-veil)),
      #020713 url("assets/home-policy-scene-mobile.jpg") center 72% / auto 138% fixed no-repeat !important;
  }

  #home .hero-bottom-blend {
    height: clamp(92px, 13vh, 122px);
    background: linear-gradient(180deg, transparent 0%, rgba(2, 11, 25, .18) 54%, rgba(2, 11, 25, .66) 100%);
  }

  #home .hero > .primary-actions,
  #home .hero > .mobile-carousel-controls {
    z-index: 4 !important;
  }

  #home .home-after-hero-content {
    padding: 64px 0 0;
    box-shadow: none !important;
  }

  #home .home-after-hero-content::before {
    background:
      linear-gradient(180deg,
        rgba(2, 11, 25, .48) 0%,
        rgba(2, 11, 25, .14) 2.4%,
        transparent 5.2%,
        transparent 100%);
  }

  #home .home-after-hero-content .booking-policies-lux {
    margin: 0 auto 30px !important;
  }

  body.nile-home-active .site-footer-open {
    padding-top: 54px !important;
    box-shadow: none !important;
  }

}

@media (prefers-reduced-motion: reduce) {
  #home .home-after-hero-media img {
    transform: none;
  }
}

/* ===== t130-lower-home-luxury.css ===== */
/* T130 — Calm, premium lower-home composition. Content remains unchanged. */

#home .home-after-hero-content {
  --lower-max: 1180px;
  --lower-glass: linear-gradient(155deg, rgba(12, 36, 58, .56), rgba(3, 15, 29, .68));
  --lower-line: rgba(226, 190, 95, .30);
  display: flow-root;
}

/* Booking policies: real glass, not opaque navy blocks. */
#home .home-after-hero-content .booking-policies-lux {
  width: min(var(--lower-max), calc(100% - 40px)) !important;
  max-width: none !important;
  margin: 0 auto 92px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

#home .booking-policies-lux .booking-policies-head {
  margin-bottom: 34px !important;
}

#home .booking-policies-lux .booking-policies-head h2 {
  margin-bottom: 18px !important;
  letter-spacing: -.025em !important;
}

#home .booking-policies-lux .booking-policies-head h2::after {
  content: "" !important;
  display: block !important;
  width: min(310px, 62vw) !important;
  height: 2px !important;
  margin: 22px auto 0 !important;
  background: linear-gradient(90deg, transparent, rgba(224, 177, 72, .72) 38%, #ffe197 50%, rgba(224, 177, 72, .72) 62%, transparent) !important;
  box-shadow: 0 0 15px rgba(233, 185, 76, .36) !important;
}

#home .booking-policies-lux .booking-policies-grid {
  gap: 22px !important;
}

#home .booking-policies-lux .booking-policy-card {
  min-height: 245px !important;
  padding: 28px 24px 24px !important;
  border: 1px solid rgba(230, 195, 112, .34) !important;
  border-radius: 28px !important;
  background:
    linear-gradient(145deg,
      rgba(151, 193, 232, .17) 0%,
      rgba(57, 91, 128, .09) 38%,
      rgba(5, 17, 31, .08) 100%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(165%) !important;
  backdrop-filter: blur(20px) saturate(165%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -18px 32px rgba(1,9,18,.08),
    0 18px 38px rgba(0,0,0,.13) !important;
}

#home .booking-policies-lux .booking-policy-card::after {
  opacity: .62 !important;
}

/* Spacious section rhythm. */
#home .home-after-hero-content > .atmosphere-highlight,
#home .home-after-hero-content > .identity-section,
#home .home-after-hero-content > .stats-strip,
#home .home-after-hero-content > .feature-strip,
#home .home-after-hero-content > .guest-reviews-section,
#home .home-after-hero-content > .partner-promo {
  width: min(var(--lower-max), calc(100% - 40px)) !important;
  max-width: none !important;
  margin-inline: auto !important;
}

#home .home-after-hero-content > .atmosphere-highlight {
  margin-bottom: 104px !important;
}

/* Editorial gallery: one hero story, two supporting stories. */
#home .gallery-showcase {
  width: min(var(--lower-max), calc(100% - 40px)) !important;
  margin: 0 auto 92px !important;
  padding: 0 !important;
}

#home .gallery-showcase .center-title {
  margin-bottom: 42px !important;
}

#home .gallery-showcase .gallery-cards {
  display: grid !important;
  grid-template-columns: minmax(0, 1.45fr) minmax(330px, .78fr) !important;
  grid-template-rows: repeat(2, minmax(190px, 1fr)) !important;
  gap: 18px !important;
  height: 438px !important;
}

#home .gallery-showcase .gallery-card {
  min-width: 0 !important;
  height: auto !important;
  border-radius: 26px !important;
  border-color: var(--lower-line) !important;
  background: var(--lower-glass) !important;
  -webkit-backdrop-filter: blur(14px) saturate(118%) !important;
  backdrop-filter: blur(14px) saturate(118%) !important;
  box-shadow: 0 22px 54px rgba(0,0,0,.24) !important;
}

#home .gallery-showcase .gallery-card-outdoor {
  position: relative !important;
  display: block !important;
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;
  overflow: hidden !important;
}

#home .gallery-showcase .gallery-card-outdoor img {
  width: 100% !important;
  height: 100% !important;
  border-radius: 0 !important;
  filter: brightness(.78) saturate(.92) !important;
}

#home .gallery-showcase .gallery-card-outdoor > div {
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  min-height: 145px !important;
  padding: 54px 28px 26px !important;
  background: linear-gradient(180deg, transparent, rgba(2, 10, 22, .94) 58%) !important;
}

#home .gallery-showcase .gallery-card-evening,
#home .gallery-showcase .gallery-card-heritage {
  display: grid !important;
  grid-template-columns: 44% minmax(0, 56%) !important;
  align-items: stretch !important;
  overflow: hidden !important;
}

#home .gallery-showcase .gallery-card-evening { grid-column: 2 !important; grid-row: 1 !important; }
#home .gallery-showcase .gallery-card-heritage { grid-column: 2 !important; grid-row: 2 !important; }

#home .gallery-showcase .gallery-card-evening img,
#home .gallery-showcase .gallery-card-heritage img {
  grid-column: 1 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  border-radius: 0 !important;
}

#home .gallery-showcase .gallery-card-evening > div,
#home .gallery-showcase .gallery-card-heritage > div {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  padding: 22px 20px !important;
  justify-content: center !important;
}

#home .gallery-showcase .gallery-card h3 {
  font-size: clamp(1.16rem, 1.45vw, 1.48rem) !important;
  margin-bottom: 8px !important;
}

#home .gallery-showcase .gallery-card h3::before {
  display: none !important;
}

#home .gallery-showcase .gallery-card p {
  font-size: .92rem !important;
  line-height: 1.8 !important;
  max-width: none !important;
}

/* Identity story gets breathing room. */
#home .home-after-hero-content > .identity-section {
  margin-bottom: 76px !important;
  padding: 22px !important;
  gap: 34px !important;
  border-color: var(--lower-line) !important;
  background: var(--lower-glass) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  backdrop-filter: blur(14px) !important;
}

#home .identity-section .sign-photo {
  height: 390px !important;
}

/* Contained statistics and amenities — no full-width visual cut. */
#home .home-after-hero-content > .stats-strip {
  margin-bottom: 26px !important;
  border-radius: 28px !important;
  border-color: var(--lower-line) !important;
  background: var(--lower-glass) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  backdrop-filter: blur(14px) !important;
  box-shadow: 0 22px 54px rgba(0,0,0,.22) !important;
}

#home .stats-strip .stat-item {
  padding: 30px 18px !important;
}

#home .stats-strip .stat-num {
  font-size: clamp(2rem, 3vw, 2.8rem) !important;
}

#home .home-after-hero-content > .feature-strip {
  margin-bottom: 104px !important;
  padding: 14px !important;
  border-radius: 28px !important;
  border-color: var(--lower-line) !important;
  background: var(--lower-glass) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  backdrop-filter: blur(14px) !important;
  box-shadow: 0 22px 54px rgba(0,0,0,.20) !important;
}

#home .feature-strip > div {
  min-height: 148px !important;
  padding: 22px 18px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Reviews: aligned, quiet two-column composition. */
#home .home-after-hero-content > .guest-reviews-section {
  margin-top: 0 !important;
  margin-bottom: 96px !important;
  padding: 0 !important;
}

#home .guest-reviews-section .center-title {
  margin-bottom: 38px !important;
}

#home .guest-reviews-section .reviews-shell {
  margin-top: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.18fr) minmax(340px, .82fr) !important;
  gap: 24px !important;
  align-items: start !important;
}

#home .guest-reviews-section .reviews-list-card,
#home .guest-reviews-section .review-form-card {
  padding: 26px !important;
  border-radius: 28px !important;
  border-color: var(--lower-line) !important;
  background: var(--lower-glass) !important;
  -webkit-backdrop-filter: blur(16px) saturate(120%) !important;
  backdrop-filter: blur(16px) saturate(120%) !important;
  box-shadow: 0 22px 56px rgba(0,0,0,.22) !important;
}

#home .guest-reviews-section .approved-reviews {
  gap: 14px !important;
}

#home .guest-reviews-section .review-card {
  padding: 18px !important;
  background: rgba(3, 16, 30, .46) !important;
}

#home .guest-reviews-section .review-form-card {
  gap: 17px !important;
}

/* Compact partner banner with clear separation before the footer. */
#home .home-after-hero-content > .partner-promo {
  margin-top: 0 !important;
  margin-bottom: 74px !important;
  padding: 28px 34px !important;
  min-height: 285px !important;
  grid-template-columns: minmax(0, 1.12fr) minmax(300px, .68fr) !important;
  gap: 38px !important;
  border-radius: 30px !important;
  border-color: var(--lower-line) !important;
  background: var(--lower-glass) !important;
  -webkit-backdrop-filter: blur(16px) saturate(118%) !important;
  backdrop-filter: blur(16px) saturate(118%) !important;
  box-shadow: 0 24px 62px rgba(0,0,0,.24) !important;
}

#home .partner-promo .partner-promo-copy {
  min-height: 0 !important;
  padding: 10px 16px !important;
}

#home .partner-promo .partner-promo-logo img {
  max-height: 230px !important;
}

@media (max-width: 920px) {
  #home .home-after-hero-content {
    --lower-glass: linear-gradient(155deg, rgba(12, 36, 58, .52), rgba(3, 15, 29, .72));
  }

  #home .home-after-hero-content .booking-policies-lux,
  #home .home-after-hero-content > .atmosphere-highlight,
  #home .home-after-hero-content > .identity-section,
  #home .home-after-hero-content > .stats-strip,
  #home .home-after-hero-content > .feature-strip,
  #home .home-after-hero-content > .guest-reviews-section,
  #home .home-after-hero-content > .partner-promo,
  #home .gallery-showcase {
    width: calc(100% - 24px) !important;
  }

  #home .home-after-hero-content .booking-policies-lux {
    margin-bottom: 70px !important;
  }

  #home .booking-policies-lux .booking-policies-head {
    padding-inline: 8px !important;
    margin-bottom: 32px !important;
  }

  #home .booking-policies-lux .booking-policies-head h2 {
    font-size: clamp(2rem, 9vw, 2.65rem) !important;
    line-height: 1.2 !important;
    margin-bottom: 16px !important;
  }

  #home .booking-policies-lux .booking-policies-head h2::after {
    width: 190px !important;
    margin-top: 18px !important;
  }

  #home .booking-policies-lux .booking-policies-head p {
    max-width: 330px !important;
    margin-inline: auto !important;
    font-size: .93rem !important;
    line-height: 1.85 !important;
  }

  #home .booking-policies-lux .booking-policies-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  #home .booking-policies-lux .booking-policy-card {
    min-height: 270px !important;
    padding: 24px 12px 20px !important;
    border-radius: 28px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    background:
      linear-gradient(145deg,
        rgba(151, 193, 232, .16) 0%,
        rgba(57, 91, 128, .085) 38%,
        rgba(5, 17, 31, .07) 100%) !important;
  }

  #home .booking-policies-lux .booking-policy-card::before {
    width: 66px !important;
    height: 66px !important;
    min-height: 66px !important;
    margin: 0 auto 18px !important;
  }

  #home .booking-policies-lux .booking-policy-card h3 {
    margin-bottom: 10px !important;
    font-size: 1.04rem !important;
    line-height: 1.5 !important;
  }

  #home .booking-policies-lux .booking-policy-card p {
    max-width: 155px !important;
    font-size: .82rem !important;
    line-height: 1.78 !important;
  }

  #home .booking-policies-lux .booking-policy-card p::after {
    margin-top: 13px !important;
  }

  #home .home-after-hero-content > .atmosphere-highlight {
    margin-bottom: 76px !important;
  }

  #home .gallery-showcase {
    margin-bottom: 72px !important;
  }

  #home .gallery-showcase .center-title {
    margin-bottom: 30px !important;
  }

  #home .gallery-showcase .gallery-cards {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
    height: auto !important;
    gap: 16px !important;
  }

  #home .gallery-showcase .gallery-card-outdoor,
  #home .gallery-showcase .gallery-card-evening,
  #home .gallery-showcase .gallery-card-heritage {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  #home .gallery-showcase .gallery-card-outdoor {
    order: 1 !important;
    display: flex !important;
    flex-direction: column !important;
  }

  #home .gallery-showcase .gallery-card-outdoor img {
    height: 235px !important;
    border-radius: 0 !important;
  }

  #home .gallery-showcase .gallery-card-outdoor > div {
    position: static !important;
    min-height: 0 !important;
    padding: 21px 20px 23px !important;
    background: transparent !important;
  }

  #home .gallery-showcase .gallery-card-evening,
  #home .gallery-showcase .gallery-card-heritage {
    display: grid !important;
    grid-template-columns: 42% minmax(0, 58%) !important;
    min-height: 158px !important;
  }

  #home .gallery-showcase .gallery-card-evening { order: 2 !important; }
  #home .gallery-showcase .gallery-card-heritage { order: 3 !important; }

  #home .gallery-showcase .gallery-card-evening img,
  #home .gallery-showcase .gallery-card-heritage img {
    height: 100% !important;
    min-height: 158px !important;
  }

  #home .gallery-showcase .gallery-card-evening > div,
  #home .gallery-showcase .gallery-card-heritage > div {
    padding: 17px 15px !important;
  }

  #home .gallery-showcase .gallery-card h3 {
    font-size: 1.08rem !important;
    gap: 8px !important;
  }

  #home .gallery-showcase .gallery-card h3::before {
    display: none !important;
  }

  #home .gallery-showcase .gallery-card p {
    font-size: .84rem !important;
    line-height: 1.72 !important;
  }

  #home .home-after-hero-content > .identity-section {
    margin-bottom: 62px !important;
    padding: 14px !important;
    gap: 18px !important;
    grid-template-columns: 1fr !important;
  }

  #home .identity-section .sign-photo {
    height: 275px !important;
  }

  #home .identity-section .section-copy {
    padding: 24px 14px 28px !important;
  }

  #home .home-after-hero-content > .stats-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin-bottom: 18px !important;
    border-radius: 24px !important;
  }

  #home .stats-strip .stat-item {
    min-height: 122px !important;
    padding: 22px 10px !important;
  }

  #home .stats-strip .stat-num {
    font-size: 1.8rem !important;
  }

  #home .stats-strip .stat-label {
    font-size: .78rem !important;
  }

  #home .home-after-hero-content > .feature-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin-bottom: 76px !important;
    padding: 8px !important;
    border-radius: 24px !important;
  }

  #home .feature-strip > div {
    min-height: 145px !important;
    padding: 18px 11px !important;
  }

  #home .feature-strip > div:nth-child(2) {
    border-left: 0 !important;
  }

  #home .feature-strip > div:nth-child(-n+2) {
    border-bottom: 1px solid rgba(212,175,55,.18) !important;
  }

  #home .feature-strip strong {
    font-size: 1rem !important;
  }

  #home .feature-strip small {
    font-size: .76rem !important;
    line-height: 1.65 !important;
  }

  #home .home-after-hero-content > .guest-reviews-section {
    margin-bottom: 74px !important;
  }

  #home .guest-reviews-section .center-title {
    margin-bottom: 30px !important;
    padding-inline: 8px !important;
  }

  #home .guest-reviews-section .reviews-shell {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  #home .guest-reviews-section .reviews-list-card,
  #home .guest-reviews-section .review-form-card {
    padding: 20px 17px !important;
    border-radius: 24px !important;
  }

  #home .guest-reviews-section .review-card {
    padding: 16px !important;
  }

  #home .home-after-hero-content > .partner-promo {
    margin-bottom: 58px !important;
    padding: 18px !important;
    min-height: 0 !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    border-radius: 26px !important;
  }

  #home .partner-promo .partner-promo-logo {
    order: -1 !important;
  }

  #home .partner-promo .partner-promo-logo img {
    max-height: 235px !important;
  }

  #home .partner-promo .partner-promo-copy {
    padding: 8px 10px 18px !important;
  }
}

@media (max-width: 460px) {
  #home .gallery-showcase .gallery-card-evening,
  #home .gallery-showcase .gallery-card-heritage {
    grid-template-columns: 40% minmax(0, 60%) !important;
  }

  #home .gallery-showcase .gallery-card-evening > div,
  #home .gallery-showcase .gallery-card-heritage > div {
    padding: 15px 13px !important;
  }

  #home .guest-reviews-section .reviews-list-head,
  #home .guest-reviews-section .review-card-head {
    gap: 7px !important;
  }
}

/* ===== t171-home-glass-unified.css ===== */
/* T171 — One calm glass language for every homepage card. */
#home .home-after-hero-content {
  --nile-glass-bg: linear-gradient(145deg, rgba(26, 55, 82, .34), rgba(3, 15, 29, .46));
  --nile-glass-line: rgba(229, 190, 91, .32);
  --nile-glass-highlight: rgba(255, 255, 255, .14);
  --nile-glass-shadow: 0 22px 54px rgba(0, 0, 0, .20);
}

#home .home-after-hero-content .booking-policy-card,
#home .home-after-hero-content .gallery-card,
#home .home-after-hero-content .identity-section,
#home .home-after-hero-content .stats-strip,
#home .home-after-hero-content .feature-strip,
#home .home-after-hero-content .reviews-list-card,
#home .home-after-hero-content .review-form-card,
#home .home-after-hero-content .review-card,
#home .home-after-hero-content .partner-promo {
  border-color: var(--nile-glass-line) !important;
  background: var(--nile-glass-bg) !important;
  -webkit-backdrop-filter: blur(18px) saturate(135%) !important;
  backdrop-filter: blur(18px) saturate(135%) !important;
  box-shadow: inset 0 1px 0 var(--nile-glass-highlight), var(--nile-glass-shadow) !important;
}

#home .home-after-hero-content .booking-policy-card,
#home .home-after-hero-content .review-card,
#home .home-after-hero-content .feature-strip > div,
#home .home-after-hero-content .stat-item {
  background-color: transparent !important;
}

#home .home-after-hero-content .booking-policy-card::after {
  opacity: .72 !important;
  background: linear-gradient(145deg, rgba(255,255,255,.16), rgba(255,255,255,.025) 38%, transparent 62%) !important;
}

#home .home-after-hero-content .gallery-card img,
#home .home-after-hero-content .identity-section img,
#home .home-after-hero-content .partner-promo img {
  filter: brightness(.82) saturate(.92) contrast(1.02) !important;
}

#home .home-after-hero-content > section,
#home .home-after-hero-content > div {
  scroll-margin-top: 104px;
}

#home .home-after-hero-content .atmosphere-highlight .section-copy {
  background: linear-gradient(145deg, rgba(18, 44, 68, .36), rgba(3, 15, 29, .50)) !important;
  -webkit-backdrop-filter: blur(18px) saturate(130%) !important;
  backdrop-filter: blur(18px) saturate(130%) !important;
}

@media (max-width: 920px) {
  #home .home-after-hero-content {
    --nile-glass-bg: linear-gradient(145deg, rgba(36, 70, 104, .31), rgba(3, 15, 29, .45));
    --nile-glass-line: rgba(229, 190, 91, .34);
    --nile-glass-shadow: 0 16px 38px rgba(0, 0, 0, .18);
  }

  #home .home-after-hero-content .booking-policy-card,
  #home .home-after-hero-content .gallery-card,
  #home .home-after-hero-content .identity-section,
  #home .home-after-hero-content .stats-strip,
  #home .home-after-hero-content .feature-strip,
  #home .home-after-hero-content .reviews-list-card,
  #home .home-after-hero-content .review-form-card,
  #home .home-after-hero-content .review-card,
  #home .home-after-hero-content .partner-promo {
    -webkit-backdrop-filter: blur(15px) saturate(130%) !important;
    backdrop-filter: blur(15px) saturate(130%) !important;
  }

  #home .home-after-hero-content .booking-policy-card {
    min-height: 250px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #home .home-after-hero-content .booking-policy-card,
  #home .home-after-hero-content .gallery-card,
  #home .home-after-hero-content .review-card { transition: none !important; }
}

/* ===== t114-footer-mobile-polish.css ===== */

/* T114 — footer + WhatsApp polish for desktop and mobile */
.site-footer-open{
  position:relative;
  margin-top:clamp(34px,5vw,64px);
  padding:clamp(26px,3vw,42px);
  border:1px solid rgba(230,194,105,.18);
  border-radius:30px;
  background:
    radial-gradient(circle at 12% 15%,rgba(230,194,105,.07),transparent 34%),
    linear-gradient(145deg,rgba(8,25,42,.78),rgba(2,11,21,.90));
  box-shadow:0 24px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035);
  overflow:hidden;
}
.site-footer-open::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.025) 48%,transparent 72%);
}
.site-footer-open .site-footer-heading{
  position:relative;
  z-index:1;
  margin-bottom:28px;
}
.site-footer-open .site-footer-grid{
  position:relative;
  z-index:1;
  grid-template-columns:minmax(260px,1.25fr) minmax(150px,.72fr) minmax(330px,1.35fr) minmax(150px,.68fr);
  gap:clamp(22px,3vw,42px);
  align-items:start;
}
.site-footer-open .footer-col{
  min-width:0;
}
.site-footer-open .footer-col h3,
.site-footer-open .footer-col h4{
  font-size:1.02rem;
  letter-spacing:.1px;
}
.site-footer-open .footer-about p{
  max-width:42ch;
  margin:0;
  color:#dccfb0;
  line-height:2;
}
.site-footer-open .footer-links{
  gap:7px;
}
.site-footer-open .footer-link-btn{
  width:max-content;
  max-width:100%;
}
.site-footer-open .footer-quick-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.site-footer-open .footer-quick-item{
  min-height:72px;
  padding:12px 13px;
  border:1px solid rgba(230,194,105,.14);
  border-radius:17px;
  background:rgba(255,255,255,.025);
  align-items:center;
  gap:11px;
  overflow:hidden;
}
.site-footer-open .footer-quick-item:hover{
  background:rgba(230,194,105,.075);
  border-color:rgba(230,194,105,.34);
  transform:translateY(-2px);
}
.site-footer-open .footer-quick-item img{
  width:34px;
  height:34px;
  flex:0 0 34px;
  padding:5px;
  border:1px solid rgba(230,194,105,.18);
  border-radius:12px;
  background:rgba(230,194,105,.055);
}
.site-footer-open .footer-quick-item > span{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
  line-height:1.45;
}
.site-footer-open .footer-quick-item strong{
  color:#f1ce73;
  font-size:.9rem;
  font-weight:800;
}
.site-footer-open .footer-quick-item small{
  color:#d9ccb0;
  font-size:.78rem;
  line-height:1.55;
  overflow-wrap:anywhere;
}
.site-footer-open .footer-quick-whatsapp{
  border-color:rgba(230,194,105,.34);
  background:linear-gradient(135deg,rgba(230,194,105,.13),rgba(255,255,255,.025));
}
.site-footer-open .footer-quick-location{
  grid-column:1/-1;
}
.site-footer-open .footer-socials{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  align-items:stretch;
}
.site-footer-open .footer-socials a{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  min-height:48px;
  padding:8px 10px;
  border:1px solid rgba(230,194,105,.14);
  border-radius:14px;
  background:rgba(255,255,255,.02);
}
.site-footer-open .footer-socials a::after{display:none}
.site-footer-open .footer-socials a:hover{
  background:rgba(230,194,105,.075);
  transform:translateY(-2px);
}
.site-footer-open .footer-socials img{
  width:28px;
  height:28px;
  object-fit:contain;
  padding:4px;
  border-radius:10px;
  border:1px solid rgba(230,194,105,.16);
}
.site-footer-open .site-footer-bottom{
  position:relative;
  z-index:1;
  margin-top:30px;
}

@media (max-width:1050px){
  .site-footer-open .site-footer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .site-footer-open .footer-about p{max-width:none}
}
@media (max-width:640px){
  .site-footer-open{
    margin-top:28px;
    padding:20px 16px 18px;
    border-radius:24px;
  }
  .site-footer-open .site-footer-heading{
    margin-bottom:18px;
  }
  .site-footer-open .site-footer-grid{
    grid-template-columns:1fr 1fr;
    gap:16px 12px;
  }
  .site-footer-open .footer-col{
    text-align:start;
    padding:0;
  }
  .site-footer-open .footer-about,
  .site-footer-open .footer-col:nth-child(3){
    grid-column:1/-1;
  }
  .site-footer-open .footer-about{
    text-align:center;
    padding-bottom:2px;
  }
  .site-footer-open .footer-about p{
    font-size:.9rem;
    line-height:1.9;
    max-width:36ch;
    margin-inline:auto;
  }
  .site-footer-open .footer-col h3,
  .site-footer-open .footer-col h4{
    margin-bottom:10px;
    text-align:center;
    font-size:.95rem;
  }
  .site-footer-open .footer-col:nth-child(2),
  .site-footer-open .footer-col:nth-child(4){
    grid-column:1/-1;
  }
  .site-footer-open .footer-links{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:min(100%,430px);
    margin-inline:auto;
    gap:0 18px;
    align-items:stretch;
  }
  .site-footer-open .footer-link-btn{
    position:relative;
    width:100%;
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    padding:9px 18px 9px 4px;
    padding-inline-start:18px;
    padding-inline-end:4px;
    border:0;
    border-bottom:1px solid rgba(230,194,105,.15);
    border-radius:0;
    background:transparent;
    box-shadow:none;
    color:#ead8ae;
    font-size:.88rem;
    text-align:start;
    transition:color .2s ease,border-color .2s ease,transform .2s ease;
  }
  .site-footer-open .footer-link-btn::before{
    content:"◇";
    position:absolute;
    inset-inline-start:1px;
    top:50%;
    transform:translateY(-50%);
    color:#d9aa43;
    font-size:.78rem;
    line-height:1;
  }
  .site-footer-open .footer-link-btn::after{display:none}
  .site-footer-open .footer-link-btn:hover,
  .site-footer-open .footer-link-btn:focus-visible{
    color:#f3d37d;
    border-bottom-color:rgba(230,194,105,.36);
    background:transparent;
    transform:translateY(-1px);
  }
  .site-footer-open .footer-link-btn:nth-last-child(-n+2){
    border-bottom-color:transparent;
  }
  .site-footer-open .footer-socials{
    align-items:stretch;
    gap:7px;
  }
  .site-footer-open .footer-socials a{
    justify-content:center;
    min-height:42px;
    padding:6px 8px;
    font-size:.86rem;
  }
  .site-footer-open .footer-socials img{
    width:24px;height:24px;
  }
  .site-footer-open .footer-quick-list{
    width:100%;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
  }
  .site-footer-open .footer-quick-item,
  .site-footer-open .footer-quick-item:nth-child(-n+2){
    width:100%;
    max-width:none;
    min-height:68px;
    margin:0;
    justify-content:flex-start;
    text-align:start;
    padding:10px;
    gap:9px;
  }
  .site-footer-open .footer-quick-item img{
    width:31px;height:31px;flex-basis:31px;
  }
  .site-footer-open .footer-quick-item strong{font-size:.82rem}
  .site-footer-open .footer-quick-item small{font-size:.72rem}
  .site-footer-open .footer-quick-location{
    grid-column:1/-1;
  }
  .site-footer-open .site-footer-bottom{
    margin-top:20px;
    padding-top:14px;
    font-size:.78rem;
    line-height:1.7;
  }
}
@media (max-width:390px){
  .site-footer-open .site-footer-grid{
    grid-template-columns:1fr;
  }
  .site-footer-open .footer-about,
  .site-footer-open .footer-col:nth-child(2),
  .site-footer-open .footer-col:nth-child(3),
  .site-footer-open .footer-col:nth-child(4){
    grid-column:auto;
  }
  .site-footer-open .footer-links{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0 12px;
  }
}
@media (max-width:330px){
  .site-footer-open .footer-links{
    grid-template-columns:1fr;
  }
  .site-footer-open .footer-link-btn:nth-last-child(2){
    border-bottom-color:rgba(230,194,105,.15);
  }
}

.site-footer-open .footer-seo-aliases{
  display:block;
  margin-top:10px;
  color:#a99b7b;
  font-size:.76rem;
  line-height:1.7;
}


/* T114 final mobile/footer refinements */
.site-footer-open .footer-quick-whatsapp{
  border-color:rgba(230,194,105,.34);
  background:linear-gradient(135deg,rgba(230,194,105,.12),rgba(255,255,255,.025));
}
.site-footer-open .footer-quick-item span{min-width:0}
.site-footer-open .footer-quick-item small{overflow-wrap:anywhere}
@media (max-width:640px){
  .site-footer-open .footer-quick-whatsapp{grid-column:1/-1;min-height:72px}
  .site-footer-open .footer-quick-phone,.site-footer-open .footer-quick-hours{grid-column:auto}
  .site-footer-open .footer-socials{display:grid;grid-template-columns:1fr 1fr}
  .site-footer-open .footer-socials a{width:100%}
}
@media (max-width:390px){
  .site-footer-open .footer-quick-list{grid-template-columns:1fr}
  .site-footer-open .footer-quick-whatsapp,.site-footer-open .footer-quick-phone,.site-footer-open .footer-quick-location,.site-footer-open .footer-quick-hours{grid-column:auto}
}

/* T115 — mobile quick links: clean text list without boxed buttons */
@media (max-width:640px){
  .site-footer-open .site-footer-grid{
    grid-template-columns:1fr;
    gap:20px;
  }
  .site-footer-open .footer-about,
  .site-footer-open .footer-col:nth-child(2),
  .site-footer-open .footer-col:nth-child(3),
  .site-footer-open .footer-col:nth-child(4){
    grid-column:auto;
  }
  .site-footer-open .footer-col:nth-child(2){
    width:100%;
    max-width:430px;
    margin-inline:auto;
  }
  .site-footer-open .footer-col:nth-child(2) h4{
    margin-bottom:8px;
  }
  .site-footer-open .footer-links{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0 18px;
    width:100%;
    align-items:stretch;
  }
  .site-footer-open .footer-link-btn{
    position:relative;
    width:100%;
    min-height:38px;
    padding:8px 14px 8px 2px;
    border:0;
    border-bottom:1px solid rgba(230,194,105,.14);
    border-radius:0;
    background:transparent;
    color:#e9d8af;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    text-align:start;
    font-size:.88rem;
    line-height:1.45;
    box-shadow:none;
  }
  html[dir="ltr"] .site-footer-open .footer-link-btn{
    padding:8px 2px 8px 14px;
  }
  .site-footer-open .footer-link-btn::before{
    content:"";
    position:absolute;
    inset-inline-start:2px;
    width:5px;
    height:5px;
    border:1px solid rgba(241,206,115,.8);
    transform:rotate(45deg);
    border-radius:1px;
    opacity:.9;
  }
  .site-footer-open .footer-link-btn::after{display:none}
  .site-footer-open .footer-link-btn:hover,
  .site-footer-open .footer-link-btn:focus-visible{
    color:#f1ce73;
    background:transparent;
    transform:none;
    border-bottom-color:rgba(241,206,115,.42);
  }
}
@media (max-width:350px){
  .site-footer-open .footer-links{
    grid-template-columns:1fr;
  }
}

/* ===== t126-safari-ios-background-fix.css ===== */
/* T128 — iPhone Safari backgrounds without injecting a visible image element. */
#home .t126-policy-background{display:none !important;}

@media (max-width:920px){
  @supports (-webkit-touch-callout:none){
    body.nile-home-active{background:#020713 !important;}

    #home .home-after-hero-content{
      position:relative !important;
      isolation:isolate !important;
      min-height:100svh;
      min-height:100dvh;
      overflow:hidden;
      background:linear-gradient(180deg,#020713 0%,#061425 44%,#020713 100%) !important;
    }

    #home .t124-ios-scene-layer,
    #home .home-after-hero-media{display:none !important;}

    #home .booking-policies-lux{
      position:relative !important;
      isolation:isolate !important;
      overflow:hidden !important;
      min-height:min(860px,calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom)));
      background:
        linear-gradient(180deg,rgba(2,10,23,.27) 0%,rgba(2,10,23,.43) 56%,rgba(2,10,23,.62) 100%),
        #071425 url("assets/home-policy-scene-mobile.jpg") center 43% / cover no-repeat !important;
      background-attachment:scroll !important;
    }

    #home .booking-policies-lux::after{
      content:"" !important;
      display:block !important;
      position:absolute !important;
      inset:0 !important;
      z-index:-1 !important;
      pointer-events:none !important;
      background:linear-gradient(180deg,rgba(2,10,23,.05),rgba(2,10,23,.14)) !important;
    }

    #home .atmosphere-highlight,
    #home .gallery-showcase,
    #home .identity-section,
    #home .guest-reviews-section,
    #home .partner-promo{
      position:relative !important;
      isolation:isolate !important;
      background-attachment:scroll !important;
      background-repeat:no-repeat !important;
      background-size:cover !important;
    }

    #home .atmosphere-highlight{
      background-image:linear-gradient(180deg,rgba(2,11,25,.48),rgba(2,11,25,.64)),url("assets/atmosphere-evening-wide.webp") !important;
      background-position:center center !important;
    }
    #home .gallery-showcase{
      background-image:linear-gradient(180deg,rgba(2,11,25,.60),rgba(2,11,25,.70)),url("assets/gallery-one.webp") !important;
      background-position:center 46% !important;
    }
    #home .identity-section{
      background-image:linear-gradient(180deg,rgba(2,11,25,.53),rgba(2,11,25,.69)),url("assets/home-heritage-corridor.webp") !important;
      background-position:center 38% !important;
    }
    #home .guest-reviews-section{
      background-image:linear-gradient(180deg,rgba(2,11,25,.78),rgba(2,11,25,.88)),url("assets/gallery-two.webp") !important;
      background-position:center 54% !important;
    }
    #home .partner-promo{
      background-image:linear-gradient(180deg,rgba(2,11,25,.76),rgba(2,11,25,.88)),url("assets/home-policy-scene-mobile.jpg") !important;
      background-position:center 78% !important;
    }

    #home .booking-policies-lux .booking-policy-card,
    #home .home-after-hero-content .gallery-card,
    #home .home-after-hero-content .identity-section .section-copy,
    #home .home-after-hero-content .stats-strip,
    #home .home-after-hero-content .feature-strip,
    #home .home-after-hero-content .reviews-list-card,
    #home .home-after-hero-content .review-form-card,
    #home .home-after-hero-content .review-card,
    #home .home-after-hero-content .partner-promo-copy,
    #home .home-after-hero-content .atmosphere-highlight .section-copy{
      background:linear-gradient(145deg,rgba(39,77,115,.22),rgba(3,15,29,.40)) !important;
      -webkit-backdrop-filter:blur(6px) saturate(114%) !important;
      backdrop-filter:blur(6px) saturate(114%) !important;
    }

    #home .gallery-showcase .gallery-card img,
    #home .identity-section img,
    #home .partner-promo img{
      filter:brightness(.96) saturate(1.02) contrast(1.02) !important;
    }
    body.nile-home-active .site-footer-open::before{
      background-attachment:scroll !important;
      opacity:.13 !important;
    }
  }
}

@supports (height:100dvh){
  @media (max-width:920px){#home .hero{min-height:100dvh}}
}

/* ===== t124-stability.css ===== */
/* T124 shared, non-visual safety helpers. */
.nile-honeypot{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  clip-path:inset(50%) !important;
  white-space:nowrap !important;
  opacity:.001 !important;
  pointer-events:none !important;
}

/* ===== t145-home-ios-continuous-background.css ===== */
/* T145 — iPhone/Safari: one continuous homepage scene below the hero.
   Scope: homepage only. Keeps the live hero video untouched and places every
   lower homepage section over the same fixed resort background, matching desktop. */

@media (max-width: 920px) {
  @supports (-webkit-touch-callout: none) {
    body.nile-home-active {
      position: relative !important;
      background: #020713 !important;
    }

    /* Safari-safe fixed scene. The hero remains above it; once the hero ends,
       the same scene is visible behind every lower-home section and footer. */
    body.nile-home-active.nile-lower-bg-ready::before {
      content: "";
      position: fixed;
      inset: 0;
      z-index: 0;
      pointer-events: none;
      background:
        linear-gradient(180deg,
          rgba(2, 11, 25, .78) 0%,
          rgba(2, 11, 25, .70) 30%,
          rgba(2, 11, 25, .76) 72%,
          rgba(2, 7, 18, .84) 100%),
        #020713 url("assets/home-policy-scene-mobile.jpg") center 54% / cover no-repeat;
      transform: translateZ(0);
      -webkit-transform: translateZ(0);
      will-change: transform;
    }

    body.nile-home-active > .page-shell {
      position: relative !important;
      z-index: 1 !important;
      background: transparent !important;
    }

    #home,
    #home .home-page,
    #home .home-after-hero-content {
      background: transparent !important;
    }

    #home .home-after-hero-content {
      overflow: visible !important;
      isolation: isolate !important;
    }

    /* The fixed body scene is the only lower-page background. */
    #home .home-after-hero-media,
    #home .t124-ios-scene-layer,
    #home .t126-policy-background {
      display: none !important;
    }

    /* Remove the previous iPhone-only per-section images/solid panels. */
    #home .home-after-hero-content > .booking-policies-lux,
    #home .home-after-hero-content > .atmosphere-highlight,
    #home .home-after-hero-content > .gallery-showcase,
    #home .home-after-hero-content > .identity-section,
    #home .home-after-hero-content > .stats-strip,
    #home .home-after-hero-content > .feature-strip,
    #home .home-after-hero-content > .guest-reviews-section,
    #home .home-after-hero-content > .partner-promo {
      background-image: none !important;
      background-color: transparent !important;
      background-attachment: scroll !important;
    }

    /* Preserve the existing glass cards while letting the shared scene show through. */
    #home .booking-policies-lux .booking-policy-card,
    #home .home-after-hero-content .gallery-card,
    #home .home-after-hero-content .identity-section,
    #home .home-after-hero-content .stats-strip,
    #home .home-after-hero-content .feature-strip,
    #home .home-after-hero-content .reviews-list-card,
    #home .home-after-hero-content .review-form-card,
    #home .home-after-hero-content .review-card,
    #home .home-after-hero-content .partner-promo,
    #home .home-after-hero-content .atmosphere-highlight .section-copy {
      -webkit-backdrop-filter: blur(15px) saturate(130%) !important;
      backdrop-filter: blur(15px) saturate(130%) !important;
    }

    body.nile-home-active .site-footer-open {
      position: relative !important;
      z-index: 1 !important;
      background: transparent !important;
    }

    body.nile-home-active .site-footer-open::before {
      background-attachment: scroll !important;
      opacity: .15 !important;
    }
  }
}

/* ===== t146-home-ios-background-contrast.css ===== */
/* T146 — Increase the perceived contrast of the single continuous homepage
   background on iPhone/iPad Safari. Scope: homepage lower content only.
   No cards, spacing, sections, NFC page, or other routes are changed. */

@media (max-width: 920px) {
  @supports (-webkit-touch-callout: none) {
    /* T145 already provides the one fixed background for everything below the
       live hero. This override only shows more of the illuminated architecture
       and reduces the dark veil to match the desktop appearance more closely. */
    body.nile-home-active.nile-lower-bg-ready::before {
      background:
        linear-gradient(180deg,
          rgba(2, 11, 25, .57) 0%,
          rgba(2, 11, 25, .50) 34%,
          rgba(2, 11, 25, .53) 72%,
          rgba(2, 7, 18, .61) 100%),
        #020713 url("assets/home-policy-scene-mobile.jpg") center 69% / auto 128% no-repeat !important;
    }
  }
}

/* Slightly wider Apple tablets need a calmer crop while keeping the same
   visibility and continuous-background behavior. */
@media (min-width: 601px) and (max-width: 920px) {
  @supports (-webkit-touch-callout: none) {
    body.nile-home-active.nile-lower-bg-ready::before {
      background:
        linear-gradient(180deg,
          rgba(2, 11, 25, .59) 0%,
          rgba(2, 11, 25, .53) 42%,
          rgba(2, 7, 18, .62) 100%),
        #020713 url("assets/home-policy-scene-desktop.jpg") center 58% / cover no-repeat !important;
    }
  }
}

/* ===== booking-discovery.css ===== */
.nile-discovery-modal[hidden]{display:none!important}
.nile-discovery-modal{position:fixed;z-index:22000;inset:0;display:grid;place-items:center;padding:22px;background:rgba(0,8,15,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:nileDiscoveryFade .2s ease both}
body.nile-discovery-open{overflow:hidden}
.nile-discovery-dialog{box-sizing:border-box;position:relative;width:min(720px,100%);max-width:100%;max-height:min(92svh,820px);overflow:auto;padding:30px;border:1px solid rgba(229,188,92,.34);border-radius:28px;background:linear-gradient(145deg,rgba(8,31,47,.98),rgba(2,15,25,.985));box-shadow:0 28px 90px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.06);color:#f7eedc;animation:nileDiscoveryRise .28s cubic-bezier(.2,.8,.2,1) both;scrollbar-width:thin}
.nile-discovery-dialog::before{content:"";position:absolute;inset:0 0 auto;height:4px;border-radius:28px 28px 0 0;background:linear-gradient(90deg,transparent,#d9ad4e,#f2d487,#d9ad4e,transparent)}
.nile-discovery-close{position:absolute;z-index:2;inset-block-start:16px;inset-inline-end:16px;width:38px;height:38px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.045);color:#d9c9ac;font:400 27px/1 Arial;cursor:pointer;transition:.18s ease}
.nile-discovery-close:hover,.nile-discovery-close:focus-visible{border-color:rgba(230,188,91,.55);color:#f1cf80;background:rgba(230,188,91,.08);outline:0}
.nile-discovery-heading{display:grid;grid-template-columns:58px minmax(0,1fr);gap:16px;align-items:start;padding-inline-end:38px;margin-bottom:25px}
.nile-discovery-mark{display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(230,188,91,.34);border-radius:18px;background:linear-gradient(145deg,rgba(230,188,91,.15),rgba(230,188,91,.04));box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.nile-discovery-mark svg{width:31px;height:31px;fill:none;stroke:#f0cc78;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nile-discovery-kicker{display:inline-flex;margin-bottom:5px;color:#e4bd64;font:800 11px/1.4 Cairo,Tajawal,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.nile-discovery-heading h2{margin:0;color:#fff7e8;font:800 clamp(22px,3.2vw,31px)/1.35 Cairo,Tajawal,sans-serif}
.nile-discovery-heading p{margin:8px 0 0;color:#bbcad3;font:500 13px/1.8 Cairo,Tajawal,sans-serif}
.nile-discovery-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.nile-discovery-option{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 22px;align-items:center;gap:10px;min-height:74px;padding:13px;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));color:#f5ead6;text-align:start;font:700 13px/1.45 Cairo,Tajawal,sans-serif;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.nile-discovery-option:hover,.nile-discovery-option:focus-visible{transform:translateY(-2px);border-color:rgba(230,188,91,.45);background:rgba(230,188,91,.07);outline:0}
.nile-discovery-option.selected{border-color:#dcb45c;background:linear-gradient(145deg,rgba(220,180,92,.17),rgba(220,180,92,.055));box-shadow:0 0 0 2px rgba(220,180,92,.09),0 12px 30px rgba(0,0,0,.18)}
.nile-discovery-option-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(0,10,18,.34);color:#e8c36c}
.nile-discovery-option-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nile-discovery-option-icon svg .fill{fill:currentColor;stroke:none}
.nile-discovery-option[data-source="facebook"] .nile-discovery-option-icon svg,.nile-discovery-option[data-source="google"] .nile-discovery-option-icon svg{fill:currentColor;stroke:none}
.nile-discovery-option-check{display:grid;place-items:center;width:21px;height:21px;border:1px solid rgba(255,255,255,.17);border-radius:50%;color:transparent;font:900 12px Arial;transition:.18s ease}
.nile-discovery-option.selected .nile-discovery-option-check{border-color:#e3bd67;background:#e3bd67;color:#102334}
.nile-discovery-other{position:relative;display:block;margin-top:14px;padding:14px;border:1px solid rgba(230,188,91,.2);border-radius:17px;background:rgba(0,10,18,.24)}
.nile-discovery-other[hidden]{display:none!important}
.nile-discovery-other>span{display:block;margin-bottom:8px;color:#e9d6ae;font:700 12px/1.5 Cairo,Tajawal,sans-serif}
.nile-discovery-other textarea{display:block;width:100%;min-height:88px;resize:vertical;box-sizing:border-box;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(0,7,13,.48);color:#fff7e9;padding:12px 13px;font:500 13px/1.7 Cairo,Tajawal,sans-serif;outline:0}
.nile-discovery-other textarea:focus{border-color:rgba(229,188,92,.62);box-shadow:0 0 0 3px rgba(229,188,92,.08)}
.nile-discovery-other textarea::placeholder{color:#718591}
.nile-discovery-other small{display:block;margin-top:5px;color:#82949e;text-align:end;font:600 10px Cairo,Tajawal,sans-serif}
.nile-discovery-actions{display:grid;grid-template-columns:1.15fr 1fr;gap:10px;margin-top:20px}
.nile-discovery-actions button{min-height:52px;border-radius:15px;padding:11px 14px;font:800 13px/1.4 Cairo,Tajawal,sans-serif;cursor:pointer;transition:.18s ease}
.nile-discovery-submit{border:1px solid #dfb75c;background:linear-gradient(135deg,#f0d188,#cf9f3b);color:#102231;box-shadow:0 12px 30px rgba(204,151,47,.18)}
.nile-discovery-submit:hover:not(:disabled),.nile-discovery-submit:focus-visible:not(:disabled){transform:translateY(-2px);filter:brightness(1.04);outline:0}
.nile-discovery-submit:disabled{cursor:not-allowed;opacity:.42;filter:saturate(.5);box-shadow:none}
.nile-discovery-skip{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.035);color:#d7e0e5}
.nile-discovery-skip:hover,.nile-discovery-skip:focus-visible{border-color:rgba(229,188,92,.42);color:#f1cf81;background:rgba(229,188,92,.06);outline:0}
@keyframes nileDiscoveryFade{from{opacity:0}to{opacity:1}}
@keyframes nileDiscoveryRise{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:680px){.nile-discovery-modal{place-items:end center;padding:10px 10px max(10px,env(safe-area-inset-bottom))}.nile-discovery-dialog{width:100%;max-height:91svh;padding:24px 16px 18px;border-radius:24px}.nile-discovery-dialog::before{border-radius:24px 24px 0 0}.nile-discovery-heading{grid-template-columns:48px minmax(0,1fr);gap:12px;padding-inline-end:32px;margin-bottom:19px}.nile-discovery-mark{width:48px;height:48px;border-radius:15px}.nile-discovery-mark svg{width:27px;height:27px}.nile-discovery-heading h2{font-size:21px}.nile-discovery-heading p{font-size:12px;line-height:1.65}.nile-discovery-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.nile-discovery-option{grid-template-columns:36px minmax(0,1fr) 19px;gap:8px;min-height:66px;padding:10px 9px;border-radius:15px;font-size:11.5px}.nile-discovery-option-icon{width:36px;height:36px;border-radius:11px}.nile-discovery-option-icon svg{width:20px;height:20px}.nile-discovery-option-check{width:19px;height:19px}.nile-discovery-actions{grid-template-columns:1fr;gap:8px}.nile-discovery-actions button{min-height:49px;font-size:12px}.nile-discovery-submit{order:1}.nile-discovery-skip{order:2}}
@media(max-width:360px){.nile-discovery-options{grid-template-columns:1fr}.nile-discovery-option{min-height:59px}}
@media(prefers-reduced-motion:reduce){.nile-discovery-modal,.nile-discovery-dialog{animation:none}.nile-discovery-option,.nile-discovery-actions button{transition:none}}

/* ===== t142-home-google-review.css ===== */
/* T142 — Homepage only: direct Google review CTA replacing the public submit form. */
#home .guest-reviews-section .reviews-shell{
  grid-template-columns:minmax(0,1.14fr) minmax(330px,.86fr);
  gap:20px;
  align-items:stretch;
}

#home .google-review-cta{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-height:100%;
  padding:26px;
  border:1px solid rgba(220,181,82,.42);
  border-radius:28px;
  background:
    radial-gradient(circle at 90% 0%, rgba(236,194,91,.22), transparent 16rem),
    linear-gradient(145deg,rgba(10,31,51,.94),rgba(4,15,27,.91));
  box-shadow:0 22px 64px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.05);
}

#home .google-review-cta-glow{
  position:absolute;
  z-index:-1;
  width:230px;
  height:230px;
  inset:auto -85px -105px auto;
  border-radius:50%;
  background:rgba(212,175,55,.15);
  filter:blur(22px);
  pointer-events:none;
}

#home .google-review-cta-head{
  display:flex;
  align-items:center;
  gap:15px;
}

#home .google-review-mark{
  display:grid;
  place-items:center;
  flex:0 0 62px;
  width:62px;
  height:62px;
  border-radius:20px;
  border:1px solid rgba(240,204,111,.42);
  background:linear-gradient(145deg,rgba(239,199,94,.24),rgba(255,255,255,.05));
  color:#f2cd72;
  font:900 2.05rem/1 Arial,sans-serif;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 28px rgba(0,0,0,.18);
}

#home .google-review-kicker{
  display:block;
  margin-bottom:4px;
  color:#d9b95e;
  font-size:.88rem;
  font-weight:900;
}

#home .google-review-cta h3{
  margin:0;
  color:#fff5dc;
  font-size:clamp(1.28rem,2.1vw,1.65rem);
  line-height:1.55;
}

#home .google-review-stars{
  margin:21px 0 11px;
  color:#efc85f;
  font-size:1.55rem;
  letter-spacing:5px;
  direction:ltr;
  text-align:start;
  filter:drop-shadow(0 4px 12px rgba(0,0,0,.2));
}

#home .google-review-cta>p{
  margin:0;
  color:#ded2bb;
  line-height:1.9;
  font-size:1rem;
}

#home .google-review-button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  width:100%;
  margin-top:auto;
  padding:15px 18px;
  border:1px solid rgba(255,222,135,.62);
  border-radius:999px;
  background:linear-gradient(135deg,#f1d078,#bd8d28);
  color:#071525;
  font-weight:900;
  box-shadow:0 15px 36px rgba(185,132,28,.23),inset 0 1px 0 rgba(255,255,255,.42);
  transition:transform .2s ease,filter .2s ease,box-shadow .2s ease;
}

#home .google-review-button:hover,
#home .google-review-button:focus-visible{
  transform:translateY(-2px);
  filter:brightness(1.05);
  box-shadow:0 19px 42px rgba(185,132,28,.30),inset 0 1px 0 rgba(255,255,255,.48);
}

#home .google-review-button:focus-visible{
  outline:3px solid rgba(255,235,180,.38);
  outline-offset:3px;
}

#home .google-review-button-icon{
  display:grid;
  place-items:center;
  width:27px;
  height:27px;
  border-radius:9px;
  background:rgba(7,21,37,.10);
  font:900 1.15rem/1 Arial,sans-serif;
}

#home .google-review-button svg{
  width:20px;
  height:20px;
  margin-inline-start:auto;
  fill:none;
  stroke:currentColor;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

html[dir="rtl"] #home .google-review-button svg{transform:scaleX(-1)}

#home .google-review-note{
  display:block;
  margin-top:11px;
  color:rgba(231,220,199,.72);
  text-align:center;
  line-height:1.65;
}

@media(max-width:900px){
  #home .guest-reviews-section .reviews-shell{
    grid-template-columns:1fr;
  }
  #home .google-review-cta{order:-1;min-height:auto}
  #home .google-review-button{margin-top:22px}
}

@media(max-width:560px){
  #home .google-review-cta{
    padding:20px;
    border-radius:23px;
  }
  #home .google-review-mark{
    flex-basis:54px;
    width:54px;
    height:54px;
    border-radius:17px;
    font-size:1.75rem;
  }
  #home .google-review-cta h3{font-size:1.18rem}
  #home .google-review-stars{margin-top:17px;font-size:1.35rem;letter-spacing:4px}
  #home .google-review-button{padding:14px 16px;font-size:.97rem}
}

/* ===== t147-home-mobile-glass-match.css ===== */
/* T147 — Mobile homepage glass parity.
   Scope: homepage only, screens up to 920px. Keeps the single continuous scene
   introduced in T145/T146 and makes every lower-home surface read as real
   transparent glass instead of an opaque navy panel. Desktop and NFC are untouched. */

@media (max-width: 920px) {
  body.nile-home-active #home .home-after-hero-content {
    isolation: auto !important;
    background: transparent !important;
  }

  body.nile-home-active #home .home-after-hero-content > .booking-policies-lux,
  body.nile-home-active #home .home-after-hero-content > .atmosphere-highlight,
  body.nile-home-active #home .home-after-hero-content > .gallery-showcase,
  body.nile-home-active #home .home-after-hero-content > .identity-section,
  body.nile-home-active #home .home-after-hero-content > .stats-strip,
  body.nile-home-active #home .home-after-hero-content > .feature-strip,
  body.nile-home-active #home .home-after-hero-content > .guest-reviews-section,
  body.nile-home-active #home .home-after-hero-content > .partner-promo {
    isolation: auto !important;
    background-color: transparent !important;
    background-image: none !important;
  }

  body.nile-home-active #home .home-after-hero-content > .booking-policies-lux {
    overflow: visible !important;
  }

  /* One shared mobile glass recipe. The low alpha preserves architecture and
     lighting behind the cards, while the edge/highlight keeps text readable. */
  body.nile-home-active #home .booking-policies-lux .booking-policy-card,
  body.nile-home-active #home .home-after-hero-content .gallery-card,
  body.nile-home-active #home .home-after-hero-content .identity-section,
  body.nile-home-active #home .home-after-hero-content .stats-strip,
  body.nile-home-active #home .home-after-hero-content .feature-strip,
  body.nile-home-active #home .home-after-hero-content .reviews-list-card,
  body.nile-home-active #home .home-after-hero-content .review-form-card,
  body.nile-home-active #home .home-after-hero-content .review-card,
  body.nile-home-active #home .home-after-hero-content .partner-promo,
  body.nile-home-active #home .home-after-hero-content .partner-promo-copy,
  body.nile-home-active #home .home-after-hero-content .atmosphere-highlight .section-copy {
    border-color: rgba(232, 197, 110, .38) !important;
    background:
      radial-gradient(circle at 16% 4%, rgba(210, 236, 255, .13), transparent 34%),
      linear-gradient(145deg,
        rgba(93, 137, 176, .16) 0%,
        rgba(34, 73, 108, .105) 42%,
        rgba(2, 13, 26, .27) 100%) !important;
    -webkit-backdrop-filter: blur(9px) saturate(150%) brightness(1.055) !important;
    backdrop-filter: blur(9px) saturate(150%) brightness(1.055) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .20),
      inset 0 -1px 0 rgba(255, 255, 255, .035),
      0 16px 38px rgba(0, 0, 0, .17) !important;
  }

  body.nile-home-active #home .booking-policies-lux .booking-policy-card::after {
    opacity: .72 !important;
    background:
      linear-gradient(145deg, rgba(255,255,255,.17), rgba(255,255,255,.028) 36%, transparent 62%),
      radial-gradient(circle at 12% 5%, rgba(214,239,255,.14), transparent 31%) !important;
  }

  /* Inner cells must stay clear so the parent glass remains visible. */
  body.nile-home-active #home .home-after-hero-content .feature-strip > div,
  body.nile-home-active #home .home-after-hero-content .stat-item,
  body.nile-home-active #home .home-after-hero-content .approved-reviews,
  body.nile-home-active #home .home-after-hero-content .partner-promo-copy {
    background-color: transparent !important;
  }

  /* Keep image-led cards cinematic without turning their text areas opaque. */
  body.nile-home-active #home .gallery-showcase .gallery-card-evening > div,
  body.nile-home-active #home .gallery-showcase .gallery-card-heritage > div {
    background: linear-gradient(145deg, rgba(21, 49, 74, .14), rgba(2, 13, 26, .24)) !important;
  }

  body.nile-home-active #home .gallery-showcase .gallery-card-outdoor > div {
    background: linear-gradient(180deg, transparent, rgba(2, 10, 22, .76) 62%) !important;
  }

  /* Slightly stronger glass on compact phones, where each card covers a larger
     percentage of the background image. */
  @media (max-width: 480px) {
    body.nile-home-active #home .booking-policies-lux .booking-policy-card,
    body.nile-home-active #home .home-after-hero-content .gallery-card,
    body.nile-home-active #home .home-after-hero-content .identity-section,
    body.nile-home-active #home .home-after-hero-content .stats-strip,
    body.nile-home-active #home .home-after-hero-content .feature-strip,
    body.nile-home-active #home .home-after-hero-content .reviews-list-card,
    body.nile-home-active #home .home-after-hero-content .review-form-card,
    body.nile-home-active #home .home-after-hero-content .review-card,
    body.nile-home-active #home .home-after-hero-content .partner-promo,
    body.nile-home-active #home .home-after-hero-content .partner-promo-copy,
    body.nile-home-active #home .home-after-hero-content .atmosphere-highlight .section-copy {
      background:
        radial-gradient(circle at 16% 4%, rgba(210, 236, 255, .14), transparent 34%),
        linear-gradient(145deg,
          rgba(93, 137, 176, .17) 0%,
          rgba(34, 73, 108, .11) 42%,
          rgba(2, 13, 26, .29) 100%) !important;
      -webkit-backdrop-filter: blur(8px) saturate(155%) brightness(1.06) !important;
      backdrop-filter: blur(8px) saturate(155%) brightness(1.06) !important;
    }
  }
}

/* ===== t153-home-return-card-compact.css ===== */
/* T153 — compact, balanced return story card. Homepage identity section only. */
#home .home-after-hero-content > .identity-section {
  width: min(100% - 32px, 1120px) !important;
  margin-inline: auto !important;
  margin-bottom: 72px !important;
  padding: 18px 20px !important;
  gap: 30px !important;
  grid-template-columns: minmax(0, 1fr) 350px !important;
  align-items: center !important;
  border-radius: 26px !important;
}

#home .identity-section .section-copy {
  padding: 18px 24px !important;
  text-align: right !important;
}

#home .identity-section .section-copy .eyebrow {
  margin-bottom: 10px !important;
  font-size: .98rem !important;
}

#home .identity-section .section-copy h2 {
  max-width: 540px !important;
  margin: 0 0 14px !important;
  font-size: clamp(2rem, 2.55vw, 2.65rem) !important;
  line-height: 1.28 !important;
  letter-spacing: 0 !important;
}

#home .identity-section .section-copy p {
  max-width: 500px !important;
  margin: 0 0 20px !important;
  font-size: 1rem !important;
  line-height: 1.9 !important;
}

#home .identity-section .outline-btn {
  min-width: 158px !important;
  padding: 11px 20px !important;
  border-radius: 13px !important;
}

/* Frame hugs the photo instead of creating a second huge dark box. */
#home .identity-section .sign-photo {
  width: 350px !important;
  height: 430px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  background: transparent !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.24) !important;
}

#home .identity-section .sign-photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: 50% 42% !important;
  filter: brightness(.96) saturate(1.02) contrast(1.04) !important;
  transform: none !important;
}

@media (max-width: 920px) {
  #home .home-after-hero-content > .identity-section {
    width: min(100% - 18px, 620px) !important;
    padding: 14px !important;
    gap: 16px !important;
    grid-template-columns: 1fr !important;
    margin-bottom: 56px !important;
  }

  #home .identity-section .sign-photo {
    width: min(100%, 330px) !important;
    height: 405px !important;
    order: 1 !important;
  }

  #home .identity-section .section-copy {
    order: 2 !important;
    padding: 10px 10px 16px !important;
    text-align: center !important;
  }

  #home .identity-section .section-copy h2 {
    max-width: 440px !important;
    margin-inline: auto !important;
    font-size: clamp(1.8rem, 7vw, 2.25rem) !important;
    line-height: 1.32 !important;
  }

  #home .identity-section .section-copy p {
    max-width: 420px !important;
    margin-inline: auto !important;
    font-size: .96rem !important;
    line-height: 1.82 !important;
  }
}

@media (min-width: 921px) and (max-width: 1180px) {
  #home .home-after-hero-content > .identity-section {
    grid-template-columns: minmax(0, 1fr) 320px !important;
    gap: 22px !important;
  }
  #home .identity-section .sign-photo {
    width: 320px !important;
    height: 395px !important;
  }
}

/* ===== t151-home-return-copy.css ===== */
/* T151 — return-after-15-years copy only. */
#home .identity-section .section-copy h2 {
  max-width: 15ch !important;
  text-wrap: balance;
  line-height: 1.28 !important;
}
#home .identity-section .section-copy p {
  max-width: 38ch !important;
  text-wrap: pretty;
}
@media (max-width: 920px) {
  #home .identity-section .section-copy h2,
  #home .identity-section .section-copy p {
    max-width: none !important;
  }
}

/* ===== t154-home-return-tighten.css ===== */
/* T154 — tighten the return card: move copy closer to photo and shrink overall box. */
#home .home-after-hero-content > .identity-section {
  width: min(100% - 32px, 1030px) !important;
  padding: 14px 16px !important;
  gap: 12px !important;
  grid-template-columns: minmax(0, 1fr) 372px !important;
  border-radius: 24px !important;
}

#home .identity-section .section-copy {
  width: min(100%, 500px) !important;
  justify-self: end !important;
  margin-inline-start: auto !important;
  padding: 8px 4px 8px 0 !important;
}

#home .identity-section .section-copy h2 {
  max-width: 12.5ch !important;
  margin-bottom: 12px !important;
  font-size: clamp(1.95rem, 2.45vw, 2.55rem) !important;
}

#home .identity-section .section-copy p {
  max-width: 31ch !important;
  margin-bottom: 18px !important;
}

#home .identity-section .sign-photo {
  width: 372px !important;
  height: 448px !important;
  border-radius: 18px !important;
}

#home .identity-section .outline-btn {
  min-width: 150px !important;
}

@media (min-width: 921px) and (max-width: 1180px) {
  #home .home-after-hero-content > .identity-section {
    width: min(100% - 28px, 980px) !important;
    grid-template-columns: minmax(0, 1fr) 344px !important;
    gap: 12px !important;
  }
  #home .identity-section .section-copy { width: min(100%, 460px) !important; }
  #home .identity-section .sign-photo {
    width: 344px !important;
    height: 418px !important;
  }
}

@media (max-width: 920px) {
  #home .home-after-hero-content > .identity-section {
    width: min(100% - 18px, 600px) !important;
    padding: 12px !important;
    gap: 14px !important;
  }
  #home .identity-section .sign-photo {
    width: min(100%, 326px) !important;
    height: 398px !important;
  }
  #home .identity-section .section-copy {
    width: 100% !important;
    padding: 6px 8px 14px !important;
  }
}

/* ===== t155-home-return-left-shift.css ===== */
/* T155 — move image slightly left, shrink overall glass box, and add a very subtle zoom. */
#home .home-after-hero-content > .identity-section {
  width: min(100% - 36px, 945px) !important;
  padding: 12px 14px !important;
  gap: 8px !important;
  grid-template-columns: minmax(0, 1fr) 332px !important;
  border-radius: 22px !important;
}

#home .identity-section .section-copy {
  width: min(100%, 455px) !important;
  justify-self: end !important;
  margin-inline-start: auto !important;
  padding: 6px 0 6px 0 !important;
}

#home .identity-section .section-copy h2 {
  max-width: 12ch !important;
  font-size: clamp(1.9rem, 2.3vw, 2.45rem) !important;
  margin-bottom: 10px !important;
}

#home .identity-section .section-copy p {
  max-width: 30ch !important;
  margin-bottom: 16px !important;
  font-size: .98rem !important;
  line-height: 1.85 !important;
}

#home .identity-section .outline-btn {
  min-width: 145px !important;
  padding: 10px 18px !important;
}

#home .identity-section .sign-photo {
  width: 332px !important;
  height: 388px !important;
  margin-inline: 0 auto !important;
  justify-self: start !important;
  border-radius: 18px !important;
}

#home .identity-section .sign-photo img {
  width: 106% !important;
  height: 106% !important;
  object-fit: cover !important;
  object-position: 48% 43% !important;
}

@media (min-width: 921px) and (max-width: 1120px) {
  #home .home-after-hero-content > .identity-section {
    width: min(100% - 28px, 900px) !important;
    grid-template-columns: minmax(0, 1fr) 316px !important;
    gap: 8px !important;
  }
  #home .identity-section .section-copy {
    width: min(100%, 425px) !important;
  }
  #home .identity-section .sign-photo {
    width: 316px !important;
    height: 372px !important;
  }
}

@media (max-width: 920px) {
  #home .home-after-hero-content > .identity-section {
    width: min(100% - 18px, 575px) !important;
    padding: 12px !important;
    gap: 12px !important;
    grid-template-columns: 1fr !important;
  }
  #home .identity-section .sign-photo {
    width: min(100%, 316px) !important;
    height: 376px !important;
    margin-inline: auto !important;
  }
  #home .identity-section .sign-photo img {
    width: 104% !important;
    height: 104% !important;
  }
  #home .identity-section .section-copy {
    width: 100% !important;
    padding: 6px 8px 14px !important;
    text-align: center !important;
  }
  #home .identity-section .section-copy p {
    max-width: 400px !important;
    margin-inline: auto !important;
  }
}

/* ===== t156-home-return-image-larger.css ===== */
/* T156 — slightly larger return-story image while preserving the compact card. */
#home .home-after-hero-content > .identity-section {
  width: min(100% - 36px, 970px) !important;
  grid-template-columns: minmax(0, 1fr) 360px !important;
  gap: 10px !important;
}

#home .identity-section .sign-photo {
  width: 360px !important;
  height: 420px !important;
  margin-inline: 0 auto !important;
}

#home .identity-section .sign-photo img {
  width: 105% !important;
  height: 105% !important;
  object-fit: cover !important;
  object-position: 49% 43% !important;
}

@media (min-width: 921px) and (max-width: 1120px) {
  #home .home-after-hero-content > .identity-section {
    width: min(100% - 28px, 925px) !important;
    grid-template-columns: minmax(0, 1fr) 338px !important;
  }
  #home .identity-section .sign-photo {
    width: 338px !important;
    height: 400px !important;
  }
}

@media (max-width: 920px) {
  #home .identity-section .sign-photo {
    width: min(100%, 336px) !important;
    height: 398px !important;
  }
  #home .identity-section .sign-photo img {
    width: 104% !important;
    height: 104% !important;
  }
}

/* ===== t157-home-return-luxury-balanced.css ===== */
/* T157 — luxury, comfortable, and richer return section for desktop + mobile. */
#home .home-after-hero-content > .identity-section {
  position: relative !important;
  width: min(100% - 34px, 980px) !important;
  margin-inline: auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 356px !important;
  gap: 18px !important;
  align-items: center !important;
  padding: 18px 20px !important;
  border-radius: 26px !important;
  background:
    linear-gradient(135deg, rgba(8, 29, 52, .72), rgba(5, 18, 34, .56)),
    rgba(7, 23, 39, .50) !important;
  border: 1px solid rgba(207, 171, 95, .22) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 18px 46px rgba(0,0,0,.22) !important;
  overflow: hidden !important;
}

#home .home-after-hero-content > .identity-section::before {
  content: '';
  position: absolute;
  inset: 12px;
  border-radius: 22px;
  pointer-events: none;
  border: 1px solid rgba(255,255,255,.05);
}

#home .identity-section .section-copy {
  width: min(100%, 470px) !important;
  justify-self: end !important;
  margin-inline-start: auto !important;
  padding: 2px 0 2px 6px !important;
}

#home .identity-section .section-copy .eyebrow {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  background: rgba(255, 213, 126, .08) !important;
  border: 1px solid rgba(228, 190, 114, .24) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
  margin-bottom: 14px !important;
}

#home .identity-section .section-copy h2 {
  max-width: 12.2ch !important;
  font-size: clamp(2.1rem, 2.65vw, 2.95rem) !important;
  line-height: 1.18 !important;
  letter-spacing: -.02em;
  text-wrap: balance;
  margin: 0 0 12px !important;
}

#home .identity-section .section-copy h2::after {
  content: '';
  display: block;
  width: 98px;
  height: 2px;
  border-radius: 999px;
  margin-top: 16px;
  background: linear-gradient(90deg, rgba(228,190,114,.95), rgba(228,190,114,0));
}

#home .identity-section .section-copy p {
  max-width: 34ch !important;
  margin: 0 0 16px !important;
  padding: 12px 14px !important;
  font-size: 1rem !important;
  line-height: 1.9 !important;
  color: rgba(244, 245, 248, .92) !important;
  text-wrap: pretty;
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)) !important;
  border: 1px solid rgba(255,255,255,.05) !important;
  border-right: 2px solid rgba(228,190,114,.42) !important;
  border-radius: 16px !important;
}

#home .identity-section .outline-btn {
  min-width: 164px !important;
  padding: 12px 22px !important;
  border-radius: 14px !important;
  border-color: rgba(228,190,114,.55) !important;
  color: #0f2140 !important;
  background: linear-gradient(180deg, #f0d48a, #ddb55e) !important;
  box-shadow: 0 10px 24px rgba(221,181,94,.18), inset 0 1px 0 rgba(255,255,255,.35) !important;
}

#home .identity-section .outline-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(221,181,94,.22), inset 0 1px 0 rgba(255,255,255,.35) !important;
}

#home .identity-section .sign-photo {
  width: 356px !important;
  height: 430px !important;
  justify-self: start !important;
  margin-inline: 0 auto !important;
  overflow: hidden !important;
  padding: 0 !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02)) !important;
  border: 1px solid rgba(228,190,114,.24) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.10) !important;
}

#home .identity-section .sign-photo::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255,255,255,.06), transparent 18%, transparent 82%, rgba(0,0,0,.04));
}

#home .identity-section .sign-photo img {
  width: 108% !important;
  height: 108% !important;
  object-fit: cover !important;
  object-position: 47% 42% !important;
  filter: saturate(1.03) contrast(1.03) brightness(.98) !important;
}

@media (min-width: 921px) {
  #home .identity-section .sign-photo {
    margin-right: -2px !important;
  }
}

@media (max-width: 920px) {
  #home .home-after-hero-content > .identity-section {
    width: min(100% - 18px, 620px) !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    padding: 14px !important;
  }

  #home .identity-section .sign-photo {
    width: min(100%, 340px) !important;
    height: 402px !important;
    justify-self: center !important;
    margin-inline: auto !important;
    order: 1;
  }

  #home .identity-section .sign-photo img {
    width: 106% !important;
    height: 106% !important;
  }

  #home .identity-section .section-copy {
    width: 100% !important;
    padding: 0 2px 4px !important;
    justify-self: stretch !important;
    text-align: center !important;
    order: 2;
  }

  #home .identity-section .section-copy .eyebrow {
    margin-inline: auto !important;
    margin-bottom: 12px !important;
  }

  #home .identity-section .section-copy h2 {
    max-width: none !important;
    font-size: clamp(1.95rem, 8vw, 2.45rem) !important;
    margin-bottom: 10px !important;
  }

  #home .identity-section .section-copy h2::after {
    margin-inline: auto !important;
    width: 88px;
  }

  #home .identity-section .section-copy p {
    max-width: none !important;
    margin-bottom: 14px !important;
    text-align: center !important;
    padding: 12px !important;
  }
}


/* ===== T161 — Return story LTR layout + responsive typography ===== */
/* Arabic keeps the approved RTL composition. English/Turkish get a true LTR grid:
   fixed image column + flexible copy column, instead of squeezing copy into 356px. */
html[lang="en"] #home .home-after-hero-content > .identity-section,
html[lang="tr"] #home .home-after-hero-content > .identity-section {
  grid-template-columns: 356px minmax(0, 1fr) !important;
  gap: 24px !important;
}

html[lang="en"] #home .identity-section .section-copy,
html[lang="tr"] #home .identity-section .section-copy {
  width: min(100%, 520px) !important;
  justify-self: start !important;
  margin-inline: 0 !important;
  padding: 2px 8px 2px 0 !important;
  text-align: left !important;
}

html[lang="en"] #home .identity-section .section-copy .eyebrow,
html[lang="tr"] #home .identity-section .section-copy .eyebrow {
  margin-inline: 0 !important;
}

html[lang="en"] #home .identity-section .section-copy h2 {
  max-width: 17ch !important;
  font-size: clamp(2.05rem, 2.35vw, 2.65rem) !important;
  line-height: 1.17 !important;
  letter-spacing: -.025em !important;
  text-align: left !important;
}

html[lang="tr"] #home .identity-section .section-copy h2 {
  max-width: 19ch !important;
  font-size: clamp(2rem, 2.25vw, 2.55rem) !important;
  line-height: 1.18 !important;
  letter-spacing: -.02em !important;
  text-align: left !important;
}

html[lang="en"] #home .identity-section .section-copy h2::after,
html[lang="tr"] #home .identity-section .section-copy h2::after {
  margin-inline: 0 !important;
}

html[lang="en"] #home .identity-section .section-copy p,
html[lang="tr"] #home .identity-section .section-copy p {
  max-width: 43ch !important;
  text-align: left !important;
  border-right: 1px solid rgba(255,255,255,.05) !important;
  border-left: 2px solid rgba(228,190,114,.42) !important;
  line-height: 1.75 !important;
}

html[lang="en"] #home .identity-section .sign-photo,
html[lang="tr"] #home .identity-section .sign-photo {
  justify-self: start !important;
  margin-inline: 0 !important;
}

@media (min-width: 921px) and (max-width: 1080px) {
  html[lang="en"] #home .home-after-hero-content > .identity-section,
  html[lang="tr"] #home .home-after-hero-content > .identity-section {
    grid-template-columns: 330px minmax(0, 1fr) !important;
    gap: 20px !important;
  }

  html[lang="en"] #home .identity-section .sign-photo,
  html[lang="tr"] #home .identity-section .sign-photo {
    width: 330px !important;
    height: 404px !important;
  }

  html[lang="en"] #home .identity-section .section-copy h2 {
    font-size: clamp(1.95rem, 2.7vw, 2.35rem) !important;
  }

  html[lang="tr"] #home .identity-section .section-copy h2 {
    font-size: clamp(1.9rem, 2.6vw, 2.28rem) !important;
  }
}

@media (max-width: 920px) {
  html[lang="en"] #home .home-after-hero-content > .identity-section,
  html[lang="tr"] #home .home-after-hero-content > .identity-section {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  html[lang="en"] #home .identity-section .section-copy,
  html[lang="tr"] #home .identity-section .section-copy {
    width: 100% !important;
    justify-self: stretch !important;
    padding: 0 4px 4px !important;
    text-align: center !important;
  }

  html[lang="en"] #home .identity-section .section-copy .eyebrow,
  html[lang="tr"] #home .identity-section .section-copy .eyebrow {
    margin-inline: auto !important;
  }

  html[lang="en"] #home .identity-section .section-copy h2,
  html[lang="tr"] #home .identity-section .section-copy h2 {
    max-width: 19ch !important;
    margin-inline: auto !important;
    text-align: center !important;
    line-height: 1.2 !important;
  }

  html[lang="en"] #home .identity-section .section-copy h2 {
    font-size: clamp(1.8rem, 7.5vw, 2.3rem) !important;
  }

  html[lang="tr"] #home .identity-section .section-copy h2 {
    font-size: clamp(1.72rem, 7vw, 2.18rem) !important;
  }

  html[lang="en"] #home .identity-section .section-copy h2::after,
  html[lang="tr"] #home .identity-section .section-copy h2::after {
    margin-inline: auto !important;
  }

  html[lang="en"] #home .identity-section .section-copy p,
  html[lang="tr"] #home .identity-section .section-copy p {
    max-width: 43ch !important;
    margin-inline: auto !important;
    text-align: center !important;
    border-left: 1px solid rgba(255,255,255,.05) !important;
    border-right: 1px solid rgba(255,255,255,.05) !important;
  }

  html[lang="en"] #home .identity-section .sign-photo,
  html[lang="tr"] #home .identity-section .sign-photo {
    justify-self: center !important;
    margin-inline: auto !important;
  }
}


/* ===== T162 — EN/TR return story spacing matched to Arabic composition ===== */
html[lang="en"] #home .home-after-hero-content > .identity-section,
html[lang="tr"] #home .home-after-hero-content > .identity-section {
  grid-template-columns: 356px 470px !important;
  justify-content: center !important;
  gap: 40px !important;
  padding-inline: 24px !important;
}

html[lang="en"] #home .identity-section .section-copy,
html[lang="tr"] #home .identity-section .section-copy {
  width: 470px !important;
  max-width: 470px !important;
  justify-self: start !important;
  margin-inline: 0 !important;
  padding: 2px 0 2px 0 !important;
  text-align: left !important;
}

html[lang="en"] #home .identity-section .section-copy h2 {
  max-width: 13ch !important;
  font-size: clamp(2rem, 2.45vw, 2.8rem) !important;
  margin-bottom: 12px !important;
}

html[lang="tr"] #home .identity-section .section-copy h2 {
  max-width: 15ch !important;
  font-size: clamp(1.95rem, 2.3vw, 2.68rem) !important;
  margin-bottom: 12px !important;
}

html[lang="en"] #home .identity-section .section-copy p,
html[lang="tr"] #home .identity-section .section-copy p {
  max-width: 34ch !important;
  margin: 0 0 16px !important;
}

html[lang="en"] #home .identity-section .sign-photo,
html[lang="tr"] #home .identity-section .sign-photo {
  width: 356px !important;
  height: 430px !important;
  justify-self: start !important;
  margin-inline: 0 !important;
}

@media (min-width: 921px) and (max-width: 1120px) {
  html[lang="en"] #home .home-after-hero-content > .identity-section,
  html[lang="tr"] #home .home-after-hero-content > .identity-section {
    grid-template-columns: 320px 420px !important;
    gap: 30px !important;
  }
  html[lang="en"] #home .identity-section .section-copy,
  html[lang="tr"] #home .identity-section .section-copy {
    width: 420px !important;
    max-width: 420px !important;
  }
  html[lang="en"] #home .identity-section .sign-photo,
  html[lang="tr"] #home .identity-section .sign-photo {
    width: 320px !important;
    height: 392px !important;
  }
}

@media (max-width: 920px) {
  html[lang="en"] #home .home-after-hero-content > .identity-section,
  html[lang="tr"] #home .home-after-hero-content > .identity-section {
    grid-template-columns: 1fr !important;
    justify-content: stretch !important;
    gap: 14px !important;
    padding-inline: 14px !important;
  }
  html[lang="en"] #home .identity-section .section-copy,
  html[lang="tr"] #home .identity-section .section-copy {
    width: 100% !important;
    max-width: none !important;
  }
}


/* ===== T164 — EN/TR mobile return section matched to Arabic composition ===== */
@media (max-width: 920px) {
  html[lang="en"] #home .home-after-hero-content > .identity-section,
  html[lang="tr"] #home .home-after-hero-content > .identity-section {
    width: min(100% - 18px, 620px) !important;
    grid-template-columns: 1fr !important;
    justify-content: stretch !important;
    gap: 14px !important;
    padding: 14px !important;
  }

  html[lang="en"] #home .identity-section .sign-photo,
  html[lang="tr"] #home .identity-section .sign-photo {
    width: min(100%, 340px) !important;
    height: 402px !important;
    justify-self: center !important;
    margin-inline: auto !important;
    order: 1 !important;
  }

  html[lang="en"] #home .identity-section .sign-photo img,
  html[lang="tr"] #home .identity-section .sign-photo img {
    width: 106% !important;
    height: 106% !important;
    object-position: 47% 42% !important;
  }

  html[lang="en"] #home .identity-section .section-copy,
  html[lang="tr"] #home .identity-section .section-copy {
    width: 100% !important;
    max-width: none !important;
    padding: 0 2px 4px !important;
    justify-self: stretch !important;
    margin-inline: auto !important;
    text-align: center !important;
    order: 2 !important;
  }

  html[lang="en"] #home .identity-section .section-copy .eyebrow,
  html[lang="tr"] #home .identity-section .section-copy .eyebrow {
    margin-inline: auto !important;
    margin-bottom: 12px !important;
  }

  html[lang="en"] #home .identity-section .section-copy h2,
  html[lang="tr"] #home .identity-section .section-copy h2 {
    max-width: none !important;
    margin-inline: auto !important;
    text-align: center !important;
    margin-bottom: 10px !important;
    line-height: 1.18 !important;
  }

  html[lang="en"] #home .identity-section .section-copy h2 {
    font-size: clamp(1.72rem, 7vw, 2.18rem) !important;
  }

  html[lang="tr"] #home .identity-section .section-copy h2 {
    font-size: clamp(1.66rem, 6.8vw, 2.08rem) !important;
  }

  html[lang="en"] #home .identity-section .section-copy h2::after,
  html[lang="tr"] #home .identity-section .section-copy h2::after {
    margin-inline: auto !important;
    width: 88px !important;
  }

  html[lang="en"] #home .identity-section .section-copy p,
  html[lang="tr"] #home .identity-section .section-copy p {
    max-width: none !important;
    margin: 0 0 14px !important;
    margin-inline: auto !important;
    text-align: center !important;
    padding: 12px !important;
    border-left: 1px solid rgba(255,255,255,.05) !important;
    border-right: 1px solid rgba(255,255,255,.05) !important;
  }

  html[lang="en"] #home .identity-section .outline-btn,
  html[lang="tr"] #home .identity-section .outline-btn {
    margin-inline: auto !important;
  }
}