@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Playfair+Display:wght@400;500&display=swap');
:root{--ink:#132735;--gold:#b99b63;--paper:#fff;--muted:#66727a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.9 'IBM Plex Sans Arabic',Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a.btn{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}header{height:100px;padding:16px 5%;display:flex;align-items:center;justify-content:space-between;background:#102a3a;color:white;gap:25px}header img{width:170px;height:65px;object-fit:contain}nav{display:flex;gap:28px;align-items:center}.btn,button.primary{display:inline-block;padding:12px 25px;background:var(--gold);border:1px solid var(--gold);color:#122b38;font-weight:600}.outline{background:none!important;border-color:#bcc8cc!important;color:inherit!important}.language{background:none;color:inherit;border:0}.hero{height:650px;min-height:500px;position:relative;color:#fff;display:flex;align-items:center;padding:4% 8%;overflow:hidden}.hero picture,.hero picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,20,29,.1),rgba(5,20,29,.75))}.hero-content{z-index:1;max-width:700px}.eyebrow{letter-spacing:3px;font-size:14px;color:var(--gold);margin-bottom:12px}.hero h1{font-size:clamp(36px,4vw,62px);font-weight:500;line-height:1.55;margin:12px 0 20px}.hero p{max-width:560px;font-size:18px;color:#e4e9e9}.hero .btn{margin-top:12px}.booking{position:relative;margin:-40px auto 0;z-index:3;background:#fff;box-shadow:0 12px 50px #142c381a;max-width:1180px;padding:25px;display:grid;grid-template-columns:1.3fr 1fr 1fr .65fr auto;gap:18px;align-items:end}.booking label{font-size:14px;display:block;color:#65727b}input,select,textarea{width:100%;padding:12px;border:1px solid #d7dfe3;background:white;color:var(--ink);border-radius:0;min-width:0}section.content{max-width:1240px;margin:auto;padding:95px 35px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:35px}h2{font-size:clamp(28px,3vw,42px);font-weight:500;line-height:1.5;margin:8px 0 20px}h3{font-size:24px;font-weight:500;margin:14px 0}p{color:var(--muted)}.section-head p{max-width:440px;margin:0 0 20px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.card-img{width:100%;height:360px;object-fit:cover}.card-info{padding:25px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce2e5;gap:15px}.card-info p{margin:0}.textlink{border-bottom:1px solid var(--gold);padding:7px 0;white-space:nowrap}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}.split img{width:100%;height:500px;object-fit:cover}.band{background:#102a3a;color:white}.band p{color:#c5d0d5}.band section{padding:80px 35px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:30px}.features div{padding:20px 0;border-top:1px solid #899ca866}.number{color:var(--gold);font-family:Georgia;font-size:28px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery button{padding:0;border:0;background:none;position:relative;overflow:hidden}.gallery img{width:100%;height:280px;object-fit:cover;display:block;transition:transform .5s}.gallery button:hover img{transform:scale(1.04)}.tabs{display:flex;gap:12px;margin:20px 0 30px;flex-wrap:wrap}.tabs button{background:#fff;border:1px solid #ced6db;padding:10px 24px}.tabs button.active{background:#102a3a;color:white;border-color:#102a3a}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}form label{display:block;font-size:14px;margin-bottom:6px}form .full{grid-column:1/-1}form p{font-size:14px}.contact-card{padding:30px;border:1px solid #d7dfe3}footer{background:#0c2130;color:white;padding:60px 7% 25px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:55px}footer img{width:190px;height:auto;max-width:100%;object-fit:contain;display:block}footer p{color:#becbd2}footer a{display:block;padding:4px 0}.legal{margin-top:40px;border-top:1px solid #ffffff26;padding-top:20px;font-size:14px;color:#9dabb4}.floating{position:fixed;bottom:22px;left:22px;z-index:5;background:#102a3a;color:white;border:1px solid #b99b63;padding:10px 22px;box-shadow:0 3px 20px #0002}dialog{border:0;padding:0;background:#102a3a;color:white;max-width:90vw;width:1000px}dialog::backdrop{background:#000d}dialog img{width:100%;max-height:78vh;object-fit:contain}dialog button{background:none;color:white;border:0;padding:12px 24px;font-size:18px}.breadcrumb{margin-bottom:25px;font-size:14px;color:#bcd0dc}.offer{padding:35px;background:#f2f5f6;border-top:3px solid var(--gold)}.notice{font-size:14px}body[dir=ltr] .hero:after{background:linear-gradient(90deg,rgba(5,20,29,.75),rgba(5,20,29,.1))}@media(max-width:850px){header{height:auto;flex-wrap:wrap;padding:15px 5%;gap:12px}header img{width:135px;height:50px}nav{order:3;width:100%;gap:20px;overflow:auto;white-space:nowrap;font-size:14px;padding:7px 0}.hero{height:570px;padding:8%}.booking{margin:0;grid-template-columns:1fr 1fr;padding:24px}.booking button{grid-column:1/-1}.grid,.split{grid-template-columns:1fr}.section-head{display:block}.split{gap:30px}section.content{padding:60px 22px}.card-img{height:300px}.split img{height:350px}.gallery{grid-template-columns:1fr 1fr}.gallery img{height:220px}.features{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:25px}.hero h1{font-size:36px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.floating{font-size:14px;padding:8px 16px}.card-info{align-items:start}.language{padding:5px}.section-head p{max-width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Applied from the latest City Oasis design. */
:root{--ink:#223538;--gold:#ba7955;--paper:#edf3f0;--muted:#697b7c}body{background:#edf3f0}header{background:#174249;height:94px}header .btn{color:white}header img{width:155px;height:auto;max-height:65px}.hero{margin:18px 18px 0;border-radius:14px;height:620px;background:#174249}.hero:after{background:linear-gradient(270deg,rgba(13,51,56,.9),rgba(13,51,56,.55) 45%,rgba(13,51,56,.12))}.hero h1{font-weight:600;letter-spacing:-.025em}.hero .eyebrow{color:#f3c69c}.hero-content{max-width:650px}.btn,button.primary{border-radius:30px;color:white}.booking{border-radius:50px;margin-top:-38px;padding:23px 35px;max-width:1100px}.booking input,.booking select{border:0;border-bottom:1px solid #d7e4dd}.card-img{border-radius:14px;aspect-ratio:1.23}.card-info{border-color:#d7e4dd}.split img{border-radius:140px 140px 10px 10px}.band{background:#174249}.band p{color:#dce7e4}.contact-card{border:0;border-radius:14px;background:white;box-shadow:0 5px 25px #163a3a0f}footer{background:#102e34}footer img{width:160px;height:auto;max-width:100%}.floating{background:#174249;border-radius:30px}.gallery img{border-radius:12px}.gallery button{border-radius:12px}.tabs button{border-radius:30px}.tabs button.active{background:#174249;border-color:#174249}.offer{border-radius:14px;background:white}.room-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.room-card{background:white;border-radius:14px;box-shadow:0 5px 25px #163a3a0f;overflow:hidden;display:flex;flex-direction:column}.room-photo{width:100%;height:auto;aspect-ratio:1.23;object-fit:cover}.room-body{padding:25px;display:flex;flex-direction:column;flex:1}.room-english{font-size:14px;color:var(--gold);line-height:1.6}.room-body h3{color:#174249;font-size:23px;margin:8px 0}.room-body p{font-size:16px}.room-facts{display:flex;gap:14px;flex-wrap:wrap;border-top:1px solid #d7e4dd;padding-top:15px;margin-top:auto;font-size:14px}.room-action{border:0;background:none;color:#174249;text-align:start;padding:16px 0 0;font-weight:600}.room-section{padding-top:65px!important}.room-card:hover{box-shadow:0 15px 35px #163a3a1a}dialog{background:#102e34;border-radius:10px}#gallery-controls{display:flex;justify-content:space-between;align-items:center}#gallery-controls[hidden]{display:none}body[dir=ltr] .hero:after{background:linear-gradient(90deg,rgba(13,51,56,.9),rgba(13,51,56,.55) 45%,rgba(13,51,56,.12))}@media(max-width:1000px){.room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){header{height:auto}.hero{margin:0;border-radius:0;height:560px}.hero h1{font-size:42px;line-height:1.35}.booking{margin:0;border-radius:0;padding:24px}.booking input{font-size:14px}.split img{border-radius:100px 100px 10px 10px}.card-img{height:300px}.hero:after{background:linear-gradient(270deg,rgba(13,51,56,.88),rgba(13,51,56,.3))}body[dir=ltr] .hero:after{background:linear-gradient(90deg,rgba(13,51,56,.88),rgba(13,51,56,.3))}}@media(max-width:600px){.room-grid{grid-template-columns:1fr}.room-photo{aspect-ratio:1.4}.room-body{padding:22px}}

/* Reservations and room information improvements. */
[hidden]{display:none!important}.menu-toggle{display:none}.booking-options{grid-column:1/-1;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.booking-options p{margin:0;flex:1}.secondary{border:1px solid #174249;border-radius:30px;padding:10px 20px;background:white;color:#174249;cursor:pointer}nav{gap:16px;font-size:14px}header{gap:14px}header>.btn{white-space:nowrap}.room-detail-link{align-self:start;white-space:normal}.room-filters{padding-bottom:0!important;padding-top:40px!important}.room-filters select{max-width:350px}.room-detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:45px}.detail-facts{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;border-top:1px solid #ccdcd5;padding-top:20px}.detail-facts dd{margin:0}.room-detail-photos{display:grid;grid-template-columns:1fr 1fr;gap:12px}.room-detail-photos button{border:0;background:none;padding:0;cursor:pointer}.room-detail-photos img{width:100%;height:auto;aspect-ratio:1.2;object-fit:cover;border-radius:12px}.faq details{padding:18px 0;border-bottom:1px solid #cadbd2}.faq summary{cursor:pointer;font-weight:600}.faq p{max-width:850px}.breadcrumb a{color:#174249}.picker-body{padding:30px;position:relative}.picker-body .btn{display:block;margin:12px 0}.picker-body p{color:#dce7e4}.picker-body h2{padding-inline-end:35px}.picker-body #picker-close{position:absolute;inset-inline-end:5px;top:5px}#whatsapp-picker{max-width:90vw;width:440px}.floating{cursor:pointer;font:inherit}.textlink{white-space:normal}
@media(max-width:1280px){header{flex-wrap:wrap;height:auto}.menu-toggle{display:block;background:transparent;border:1px solid #ffffff88;border-radius:20px;color:white;padding:5px 15px}nav{display:none;order:5;width:100%;padding:15px 0;flex-wrap:wrap;white-space:normal;overflow:visible}nav.is-open{display:flex;gap:15px 24px}header>.btn{margin-inline-start:auto}}@media(max-width:850px){.room-detail-layout{grid-template-columns:1fr;gap:25px}.booking-options{display:block}.booking-options p{margin-top:12px}.booking{grid-template-columns:1fr 1fr}.booking-options button{width:100%}.floating{bottom:14px;font-size:14px}.legal{padding-bottom:55px}.room-detail-photos img{aspect-ratio:1}.hero h1{overflow-wrap:anywhere}}

/* Stay preferences and direct telephone contact. */
.booking{grid-template-columns:repeat(5,minmax(0,1fr));border-radius:24px;gap:18px;align-items:end}.booking button.primary{align-self:end}.booking-options p{font-size:14px}.phone-links{display:flex;flex-wrap:wrap;gap:8px 18px;margin:16px 0;align-items:center}.phone-links span{width:100%;font-size:14px}.phone-links a{display:inline-block;text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:7px 0;font-size:16px;white-space:nowrap}.footer-branch{margin-top:15px}.footer-branch .phone-links{margin:5px 0 15px}.footer-branch .phone-links span{display:none}.booking label{line-height:1.6}.form-grid label{line-height:1.6}@media(max-width:1000px){.booking{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){.booking{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:0}.booking button.primary{grid-column:1/-1}}@media(max-width:420px){.booking{grid-template-columns:1fr}.booking-options,.booking button.primary{grid-column:auto}}