:root{--ink:#173b3a;--deep:#123a3b;--sea:#13796f;--sand:#f6f5f0;--line:#d9e0dc;--muted:#677d7b;--white:#fff;--gold:#e9bb76;font-family:FrutigerArabic,Tahoma,sans-serif;color:var(--ink);background:#fff;font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{width:1.3em;height:1.3em}img{display:block;width:100%}.container{width:min(1220px,calc(100% - 64px));margin-inline:auto}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}[hidden]{display:none!important}
.site-header{height:82px;background:#fff;position:relative;z-index:5}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:30px;font-weight:700;line-height:1;color:var(--deep)}.brand-mark{display:grid;place-items:center;width:38px;height:38px;color:var(--sea);font-size:35px}.brand-mark svg{width:38px;height:38px}.brand-dot{color:var(--sea)}.main-nav{display:flex;gap:42px;font-size:14px;font-weight:600}.main-nav a:hover,.footer-inner>a:last-child:hover{color:var(--sea)}.header-favorites{border:1px solid var(--line);background:#fff;color:var(--deep);border-radius:100px;padding:10px 17px;display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600}.header-favorites svg{width:18px;height:18px}.header-favorites[aria-pressed=true]{background:#e8f3f0;border-color:#b9d8d1}.favorite-count{display:grid;place-items:center;background:#ecf4f1;border-radius:50%;width:20px;height:20px;font-size:11px}
.hero{height:575px;position:relative;overflow:hidden;background:#173b3a}.hero-photo{position:absolute;inset:0;background:url('assets/hero.jpg') center 53%/cover no-repeat;transform:scale(1.01)}.hero-shade{position:absolute;inset:0;background:linear-gradient(270deg,rgba(8,38,40,.9) 0%,rgba(8,38,40,.66) 37%,rgba(8,38,40,.08) 86%),linear-gradient(0deg,rgba(8,38,40,.22),transparent 45%)}.hero-content{position:relative;z-index:1;color:#fff;padding-top:103px}.hero-kicker{font-size:14px;font-weight:600;letter-spacing:.01em;margin:0 0 22px;color:#dbe9e5}.hero h1{font-size:clamp(48px,5vw,75px);line-height:1.23;letter-spacing:-.045em;margin:0 0 20px;font-weight:700;max-width:720px}.hero h1 span{color:#f4c986}.hero-description{font-size:17px;line-height:1.9;max-width:560px;margin:0 0 28px;color:#edf2ef}.hero-link{display:inline-flex;align-items:center;gap:14px;border-bottom:1px solid #fff;padding-bottom:8px;font-weight:700;font-size:15px}.hero-link span{font-size:21px}.hero-index{position:absolute;left:39px;bottom:31px;z-index:1;color:#fff;font-size:12px;display:flex;gap:15px;align-items:center;direction:ltr;opacity:.9}.hero-index span:first-child{direction:rtl;font-weight:600}
.search-section{position:relative;z-index:2;margin-top:-48px}.search-panel{background:#fff;border-radius:18px;box-shadow:0 18px 45px rgba(16,49,47,.13);padding:17px;display:grid;grid-template-columns:repeat(3,1fr) 210px;gap:0;min-height:98px}.search-field{padding:10px 24px 8px;border-left:1px solid var(--line)}.search-field label{display:block;color:var(--muted);font-size:12px;font-weight:600;margin-bottom:5px}.search-field select{border:0;width:100%;background:transparent;color:var(--deep);font-size:15px;font-weight:700;outline:0;cursor:pointer}.search-submit,.primary-button{border:0;border-radius:11px;color:#fff;background:var(--sea);font-weight:700}.search-submit{display:flex;gap:12px;align-items:center;justify-content:center;font-size:15px}.search-submit:hover,.primary-button:hover{background:#0d625c}.search-submit svg{width:20px;height:20px}
.properties-section{padding-top:104px;padding-bottom:105px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px}.section-kicker{color:var(--sea);font-size:13px;font-weight:700;margin:0 0 9px}.section-heading h2,.how-intro h2,.closing-section h2{font-size:clamp(32px,3.2vw,47px);line-height:1.3;letter-spacing:-.035em;margin:0}.section-subtitle{color:var(--muted);font-size:15px;margin:8px 0 0}.results-info{font-size:13px;color:var(--muted);padding-bottom:6px;white-space:nowrap}.category-tabs{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap}.category-tab{border:1px solid var(--line);background:#fff;border-radius:100px;color:var(--ink);padding:9px 21px;font-size:13px;font-weight:600}.category-tab.active,.category-tab:hover{background:var(--deep);color:#fff;border-color:var(--deep)}.property-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.property-card{min-width:0;background:#fff;border:1px solid #e6ebe8;border-radius:15px;overflow:hidden;transition:box-shadow .2s,transform .2s}.property-card:hover{box-shadow:0 16px 35px rgba(12,48,46,.1);transform:translateY(-3px)}.card-image-wrap{position:relative;aspect-ratio:1.49;overflow:hidden;background:#e7ece9}.card-image{height:100%;object-fit:cover;transition:transform .3s}.property-card:hover .card-image{transform:scale(1.035)}.card-badge{position:absolute;right:16px;top:16px;color:var(--deep);background:#fff;padding:7px 11px;border-radius:6px;font-size:12px;font-weight:700}.favorite-toggle{position:absolute;left:15px;top:15px;width:36px;height:36px;border:0;border-radius:50%;background:#fff;color:var(--deep);display:grid;place-items:center;box-shadow:0 2px 12px #0002}.favorite-toggle svg{width:19px;height:19px}.favorite-toggle.saved{color:#d45863}.favorite-toggle.saved svg{fill:currentColor}.card-content{padding:19px 20px 21px}.card-location{display:flex;gap:5px;align-items:center;font-size:12px;font-weight:600;color:var(--sea);margin:0 0 6px}.card-location svg{width:14px;height:14px}.card-content h3{margin:0;font-size:20px;line-height:1.45;letter-spacing:-.02em}.card-description{font-size:13px;color:var(--muted);line-height:1.7;margin:6px 0 14px;min-height:44px}.card-facts{display:flex;gap:17px;padding:13px 0;border-top:1px solid #edf0ed;border-bottom:1px solid #edf0ed;color:#49615e;font-size:12px}.card-facts span{display:flex;align-items:center;gap:5px}.card-facts svg{width:15px;height:15px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:16px}.card-price{font-size:13px;color:var(--muted)}.card-price strong{color:var(--deep);font-size:21px}.details-button{border:0;background:transparent;color:var(--sea);font-size:13px;font-weight:700;padding:8px 0}.details-button:hover{text-decoration:underline}.demo-note{font-size:12px;color:#879896;margin:24px 0 0}.empty-state{text-align:center;border:1px dashed var(--line);padding:65px 20px;border-radius:15px;background:#fafbf9}.empty-state>span{font-size:60px;line-height:1;color:var(--sea)}.empty-state h3{font-size:23px;margin:14px 0 5px}.empty-state p{color:var(--muted);margin:0 0 18px}.empty-state button{border:0;background:var(--sea);color:#fff;padding:10px 20px;border-radius:8px;font-weight:700}
.how-section{background:#edf3ef;padding:94px 0}.how-layout{display:grid;grid-template-columns:1fr 1fr;gap:13%;align-items:center}.how-intro h2{font-size:clamp(37px,3.5vw,51px)}.how-intro>p:not(.section-kicker){font-size:15px;line-height:1.9;color:#56706d;max-width:380px;margin:18px 0 23px}.how-intro a{font-size:14px;font-weight:700;color:var(--sea);border-bottom:1px solid var(--sea);padding-bottom:5px}.how-intro a span{margin-right:8px}.steps{border-top:1px solid #cbdad2}.step{display:flex;gap:24px;padding:25px 0;border-bottom:1px solid #cbdad2}.step-number{color:var(--sea);font-size:22px;font-weight:700;min-width:26px}.step h3{font-size:19px;margin:0 0 4px}.step p{font-size:13px;color:#617a75;margin:0}.closing-section{padding-top:100px;padding-bottom:100px;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:12%}.closing-section h2{font-size:clamp(38px,4vw,56px)}.closing-section>p{font-size:16px;color:var(--muted);line-height:2;max-width:460px;margin:0 0 4px}.site-footer{background:var(--deep);color:#d8e5df}.footer-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px}.footer-inner .brand{color:#fff;font-size:27px}.footer-inner .brand-mark{color:#f3c987}
dialog{border:0;border-radius:18px;padding:0;max-height:min(90vh,900px);box-shadow:0 25px 90px #082b2c55;color:var(--ink);font-family:inherit}dialog::backdrop{background:rgba(8,27,28,.68)}.dialog-close{position:absolute;top:14px;left:14px;z-index:2;background:#fff;border:0;border-radius:50%;width:37px;height:37px;font-size:27px;line-height:1;display:grid;place-items:center;color:var(--deep);box-shadow:0 3px 13px #0002}.property-dialog{width:min(700px,calc(100% - 24px))}.dialog-photo{height:275px;object-fit:cover}.dialog-body{padding:25px 30px 30px}.dialog-location{font-size:13px;color:var(--sea);font-weight:700}.dialog-body h2{font-size:29px;line-height:1.4;margin:5px 0 10px}.dialog-body>p{color:var(--muted);line-height:1.8;margin:0 0 18px;font-size:14px}.dialog-facts{display:flex;gap:18px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;font-size:13px;font-weight:600}.dialog-amenities{display:flex;gap:9px;flex-wrap:wrap;margin:19px 0}.dialog-amenities span{background:#edf4f0;color:#3a6b63;padding:6px 11px;border-radius:6px;font-size:12px}.dialog-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px}.dialog-bottom strong{font-size:24px}.dialog-bottom small{font-size:13px;color:var(--muted);font-weight:400}.primary-button{padding:13px 24px;font-size:14px}.booking-dialog,.success-dialog{width:min(490px,calc(100% - 24px))}.booking-body,.success-body{padding:36px}.booking-body h2{font-size:27px;line-height:1.4;margin:0 0 5px}.booking-property-name{color:var(--muted);font-size:14px;margin:0 0 18px}.booking-body form{display:flex;flex-direction:column}.booking-body label{font-weight:700;font-size:13px;margin:13px 0 6px}.booking-body label span{color:var(--muted);font-weight:400}.booking-body input,.booking-body textarea{width:100%;border:1px solid #d7e2dc;background:#fbfcfb;border-radius:8px;padding:11px 12px;color:var(--ink);outline:0}.booking-body input:focus,.booking-body textarea:focus{border-color:var(--sea)}.booking-body input::placeholder,.booking-body textarea::placeholder{color:#9caeaa}.form-disclaimer{font-size:12px;line-height:1.7;color:var(--muted);margin:16px 0}.booking-body .primary-button{width:100%}.success-body{text-align:center;padding:48px 36px 38px}.success-icon{width:64px;height:64px;background:#e0f2e9;color:var(--sea);border-radius:50%;display:grid;place-items:center;font-size:32px;margin:0 auto 18px}.success-body h2{margin:0 0 10px;font-size:25px}.success-body p{line-height:1.8;color:var(--muted);font-size:14px}.success-body strong{color:var(--deep)}.success-body .primary-button{margin-top:8px}
@media(max-width:900px){.search-panel{grid-template-columns:repeat(3,1fr);gap:0}.search-submit{grid-column:1/-1;margin-top:13px;min-height:50px}.search-field:nth-child(3){border-left:0}.property-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.how-layout{gap:7%}}@media(max-width:650px){.container{width:min(100% - 34px,500px)}.site-header{height:68px}.brand{font-size:26px}.brand-mark,.brand-mark svg{width:33px;height:33px}.main-nav{display:none}.header-favorites{padding:9px 12px}.header-favorites>span:not(.favorite-count){display:none}.hero{height:550px}.hero-photo{background-position:62% center}.hero-shade{background:linear-gradient(270deg,rgba(8,38,40,.87),rgba(8,38,40,.3)),linear-gradient(0deg,rgba(8,38,40,.45),transparent 60%)}.hero-content{padding-top:91px}.hero h1{font-size:48px}.hero-description{font-size:15px;line-height:1.85}.hero-index{left:18px;bottom:24px;font-size:10px}.search-section{margin-top:-36px}.search-panel{display:block;padding:13px}.search-field{border-left:0;border-bottom:1px solid var(--line);padding:10px 12px 12px}.search-field:nth-child(3){border:0}.search-submit{width:100%;height:50px;margin-top:8px}.properties-section{padding-top:76px;padding-bottom:75px}.section-heading{display:block;margin-bottom:24px}.section-heading h2{font-size:34px}.results-info{margin-top:12px}.category-tabs{gap:7px;margin-bottom:20px}.category-tab{padding:8px 15px}.property-grid{grid-template-columns:1fr;gap:18px}.card-description{min-height:0}.how-section{padding:66px 0}.how-layout{grid-template-columns:1fr;gap:32px}.how-intro h2{font-size:39px}.closing-section{grid-template-columns:1fr;gap:22px;padding-top:74px;padding-bottom:74px}.closing-section h2{font-size:43px}.footer-inner{padding:27px 0;flex-wrap:wrap;gap:12px}.footer-inner>span{order:3;width:100%;font-size:11px}.dialog-photo{height:210px}.dialog-body{padding:21px}.dialog-body h2{font-size:24px}.dialog-bottom{align-items:flex-start;flex-direction:column}.dialog-bottom .primary-button{width:100%}.booking-body,.success-body{padding:30px 24px}}
.form-error{font-size:12px;color:#a52e35;margin:0 0 12px}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.property-card,.card-image{transition:none}.property-card:hover{transform:none}.property-card:hover .card-image{transform:none}}

@font-face{font-family:FrutigerArabic;src:url('assets/fonts/frutiger-light.ttf') format('truetype');font-weight:300;font-display:swap}
@font-face{font-family:FrutigerArabic;src:url('assets/fonts/frutiger-regular.ttf') format('truetype');font-weight:400 500;font-display:swap}
@font-face{font-family:FrutigerArabic;src:url('assets/fonts/frutiger-bold.ttf') format('truetype');font-weight:600 700;font-display:swap}
@font-face{font-family:FrutigerArabic;src:url('assets/fonts/frutiger-black.ttf') format('truetype');font-weight:800 900;font-display:swap}
.header-login{margin-inline-start:auto;color:var(--sea);font-size:14px;font-weight:700;white-space:nowrap}
.header-login:hover{text-decoration:underline}
.footer-links{display:flex;flex-wrap:wrap;gap:9px 18px}
.footer-links a:hover{text-decoration:underline}
@media(max-width:900px){.main-nav{gap:18px}.header-login{margin-inline-start:0}}
@media(max-width:650px){.header-login{font-size:12px}.footer-links{order:2;width:100%}.footer-inner>span{order:3}}