@import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@400;500;600;700;800&display=swap');
:root{--ink:#11302e;--pine:#0f3e3b;--emerald:#17655e;--mint:#d8ece4;--gold:#dfa438;--sand:#f6f1e8;--cloud:#fffdf9;--muted:#647673;--line:#dce5df;--danger:#a53838;--ok:#23704b;--shadow:0 16px 42px rgba(11,49,45,.1);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cloud);color:var(--ink);font-family:'Noto Kufi Arabic',Tahoma,sans-serif;font-size:14px;line-height:1.85}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{min-height:82px;padding:14px clamp(20px,5vw,76px);display:flex;align-items:center;justify-content:space-between;gap:28px;background:rgba(255,253,249,.96);border-bottom:1px solid rgba(17,48,46,.08);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{display:flex;gap:11px;align-items:center;flex:none}.brand-mark{width:42px;height:42px;border-radius:14px;background:var(--pine);color:white;display:grid;place-items:center;font-size:22px;font-weight:800}.brand b{display:block;font-size:15px}.brand small{display:block;color:var(--muted);font-size:10px;line-height:1.5}.main-nav{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap}.main-nav a{font-weight:600;color:#34504d;font-size:12px}.main-nav a:hover,.text-link,.site-footer a{color:var(--emerald)}.nav-account{display:flex;align-items:center;gap:10px;font-size:11px;white-space:nowrap}.inline{display:inline-flex;align-items:center;gap:7px}.link-button{border:0;background:none;color:var(--muted);font-family:inherit;cursor:pointer;font-size:11px}.page-shell{min-height:64vh;padding:0 clamp(20px,5vw,76px) 70px}.flash{max-width:1150px;margin:18px auto 0;padding:13px 18px;border-radius:12px;font-weight:600}.flash.error{background:#fff0ef;color:#8d2828;border:1px solid #f2c7c3}.flash.success{background:#eaf7ef;color:#216341;border:1px solid #bfe6cc}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:10px 18px;border-radius:12px;border:1px solid var(--pine);background:transparent;color:var(--pine);font:600 12px 'Noto Kufi Arabic',sans-serif;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(15,62,59,.13)}.btn:active{transform:scale(.97)}.btn.primary{background:var(--gold);border-color:var(--gold);color:#1f261c}.btn.ghost{border-color:#e8f1eb;color:white;background:rgba(255,255,255,.09)}.btn.small{min-height:33px;padding:6px 11px;font-size:10px}.hero{max-width:1430px;min-height:540px;margin:32px auto 44px;border-radius:32px;overflow:hidden;background:var(--pine);display:grid;grid-template-columns:1fr 1.1fr;direction:rtl;box-shadow:var(--shadow)}.hero-copy{position:relative;z-index:1;padding:clamp(42px,7vw,90px);color:white;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:radial-gradient(circle at 10% 0%,#22776d 0,transparent 47%),var(--pine)}.hero h1{font-size:clamp(34px,4.9vw,68px);line-height:1.45;letter-spacing:-2px;margin:12px 0}.hero h1 em{color:#f7c45e;font-style:normal}.hero-copy>p{max-width:480px;color:#d8e8e3;font-size:15px;margin:0 0 25px}.hero-actions{display:flex;gap:11px;flex-wrap:wrap}.eyebrow{display:block;text-transform:none;color:var(--emerald);font-size:10px;font-weight:800;letter-spacing:.08em}.eyebrow.light{color:#f7c45e}.visit-count{font-size:10px!important;color:#bad2ca!important;margin-top:30px!important}.hero-image{min-height:300px;position:relative}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,62,59,.42),transparent 55%)}.hero-image img{height:100%;width:100%;object-fit:cover}.service-strip{max-width:1260px;margin:-73px auto 70px;background:#fff;box-shadow:0 18px 34px rgba(14,48,44,.12);border-radius:18px;position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}.service-strip a{padding:19px 25px;border-left:1px solid var(--line);transition:background .2s}.service-strip a:last-child{border-left:0}.service-strip a:hover{background:#f2faf5}.service-strip b{display:block;font-size:13px}.service-strip span{display:block;color:var(--muted);font-size:10px;margin-top:2px}.section-head{max-width:1260px;margin:0 auto 20px;display:flex;align-items:end;justify-content:space-between;gap:20px}.section-head h2,.section-heading{font-size:23px;margin:4px 0}.section-head>a{font-size:11px;color:var(--emerald);font-weight:700}.property-grid,.unit-grid,.menu-grid,.trip-grid{max-width:1260px;margin:0 auto;display:grid;gap:19px}.property-grid{grid-template-columns:repeat(4,1fr)}.property-card,.unit-card,.menu-card,.trip-card{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 7px 22px rgba(14,48,44,.05);transition:transform .2s ease,box-shadow .2s ease}.property-card:hover,.unit-card:hover,.menu-card:hover,.trip-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.property-card>img{height:180px;width:100%;object-fit:cover}.property-card>div,.unit-card>div,.menu-card>div,.trip-card>div{padding:17px}.property-card h2,.property-card h3,.unit-card h3,.menu-card h2,.trip-card h2{font-size:15px;margin:9px 0 3px}.property-card p,.unit-card p,.menu-card p,.trip-card p{font-size:11px;color:var(--muted);margin:7px 0}.location{color:#52726e!important;font-size:10px!important}.tag{display:inline-block;background:#e8f4ed;color:#2b7163;border-radius:99px;padding:2px 8px;font-size:9px;font-weight:800}.text-link{display:block;font-weight:700;font-size:10px;margin-top:14px}.cta-panel{max-width:1260px;margin:64px auto 0;padding:34px clamp(24px,5vw,63px);border-radius:23px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:#153a36;color:white;background-image:radial-gradient(circle at 4% 100%,rgba(223,164,56,.3),transparent 35%)}.cta-panel h2{margin:5px 0;font-size:25px}.cta-panel p{color:#c7ded7;max-width:570px;font-size:12px;margin:0}.page-title{max-width:1260px;margin:42px auto 26px}.page-title h1{font-size:31px;margin:4px 0}.page-title>p{margin:0;color:var(--muted);font-size:12px}.page-title.split{display:flex;align-items:center;justify-content:space-between;gap:18px}.amenities{display:flex;gap:6px;flex-wrap:wrap;margin:13px 0}.amenities span{border:1px solid #dbe8e1;color:#55746e;border-radius:99px;padding:3px 8px;font-size:9px}.property-hero{max-width:1260px;margin:38px auto 30px;display:grid;grid-template-columns:1.05fr 1fr;background:#edf5f0;border-radius:24px;overflow:hidden}.property-hero img{width:100%;height:355px;object-fit:cover}.property-hero>div{padding:clamp(24px,4vw,55px);align-self:center}.property-hero h1{font-size:33px;margin:4px 0}.unit-grid{grid-template-columns:repeat(3,1fr)}.unit-card>img{height:210px;width:100%;object-fit:cover}.unit-card strong,.menu-card strong,.trip-card strong{display:block;font-size:14px;margin:12px 0;color:var(--pine)}.unit-card strong small{font-weight:400;color:var(--muted)}.auth-wrap{min-height:66vh;display:grid;place-items:center;padding:40px 0}.auth-card,.form-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:clamp(25px,4vw,46px);width:min(100%,610px)}.auth-card h1,.form-card h1{font-size:26px;margin:5px 0}.auth-card>p,.form-card>p{font-size:11px;color:var(--muted);margin:0 0 20px}.form-grid{display:grid;gap:14px}.form-grid.two{grid-template-columns:repeat(2,1fr)}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-grid.compact{margin-top:15px}.form-grid label{font-size:10px;color:#46615e;font-weight:700;display:grid;gap:5px}.form-grid .full{grid-column:1/-1}input,select,textarea{width:100%;border:1px solid #cbdad3;background:#fbfdfb;border-radius:10px;padding:10px 12px;font:500 12px 'Noto Kufi Arabic',sans-serif;color:var(--ink);outline:0;transition:border .16s,box-shadow .16s}textarea{min-height:92px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#2e8679;box-shadow:0 0 0 3px rgba(46,134,121,.12)}.muted{color:var(--muted);font-size:10px}.booking-layout{max-width:1120px;margin:45px auto;display:grid;grid-template-columns:.73fr 1fr;gap:23px;align-items:start}.booking-summary{background:#143d38;color:white;padding:24px;border-radius:20px;position:sticky;top:104px}.booking-summary>img{width:100%;height:190px;object-fit:cover;border-radius:13px;margin-bottom:16px}.booking-summary h1,.booking-summary h2{font-size:23px;margin:8px 0}.booking-summary p{font-size:11px;color:#d1e5de}.booking-summary.accent{background:#234e49}.booking-summary a{color:#ffd47a;text-decoration:underline}.form-card.narrow{margin:45px auto}.amount-box{background:#eff8f2;border:1px solid #d5e9dc;padding:15px;border-radius:12px;margin:18px 0;display:flex;justify-content:space-between;align-items:center}.amount-box span{font-size:10px;color:var(--muted)}.amount-box b{font-size:16px}.menu-grid{grid-template-columns:repeat(3,1fr)}.menu-card>img{height:145px;width:100%;object-fit:cover}.order-row{display:flex;gap:7px;margin-top:13px}.order-row input,.order-row select{width:auto;min-width:0;padding:6px;font-size:9px}.trip-grid{grid-template-columns:repeat(2,1fr)}.trip-card{display:grid;grid-template-columns:190px 1fr}.trip-card>img{width:100%;height:100%;min-height:260px;object-fit:cover}.trip-card .form-grid{grid-template-columns:1fr 1fr;gap:8px}.trip-card .form-grid label{font-size:8px}.trip-card input,.trip-card select{padding:7px;font-size:9px}.account-grid{max-width:1260px;margin:0 auto;display:grid;grid-template-columns:1.4fr .7fr;gap:22px}.account-main,.notifications,.admin-section{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.account-main h2,.notifications h2,.admin-section h2{font-size:17px;margin:0 0 15px}.request-row,.admin-row,.admin-list article{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid #edf1ee}.request-row:last-child,.admin-row:last-child,.admin-list article:last-child{border-bottom:0}.request-row b,.admin-row b,.admin-list b{font-size:11px}.request-row p,.admin-row p,.admin-list p{font-size:9px;color:var(--muted);margin:2px 0}.request-row>div:last-child{display:flex;align-items:center;gap:7px}.badge{font-size:9px;font-weight:800;border-radius:99px;padding:3px 8px;background:#eef2f0;color:#52645f;white-space:nowrap}.status-confirmed,.status-approved,.status-delivered,.status-completed,.status-accepted{background:#e5f5eb;color:#257046}.status-cancelled,.status-rejected{background:#fff0ef;color:#9f3730}.status-payment_review,.status-under_review,.status-offered,.status-preparing{background:#fff4d9;color:#86661d}.notifications article{padding:12px 0;border-bottom:1px solid #edf1ee}.notifications article:last-child{border-bottom:0}.notifications b{display:block;font-size:10px;margin-top:5px}.notifications p,.notifications small{font-size:9px;color:var(--muted);margin:4px 0}.empty{color:var(--muted);font-size:11px;padding:18px 0}.admin-head{max-width:1260px;margin:37px auto 20px;display:flex;justify-content:space-between;align-items:end;gap:20px}.admin-head h1{font-size:29px;margin:5px 0}.admin-head p{font-size:11px;color:var(--muted);margin:0}.tabs{display:flex;gap:7px;flex-wrap:wrap}.tabs a{padding:8px 11px;border:1px solid var(--line);border-radius:9px;font-size:10px}.tabs a.active{background:var(--pine);color:white;border-color:var(--pine)}.stats{max-width:1260px;margin:0 auto 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stats div{background:#eef6f1;border-radius:14px;padding:16px}.stats b{font-size:21px;display:block}.stats span{font-size:10px;color:var(--muted)}.admin-section{max-width:1260px;margin:0 auto 20px}.admin-row form,.admin-list form{flex-wrap:wrap;justify-content:end}.admin-row select,.admin-row input,.admin-list select{width:auto;max-width:150px;padding:6px;font-size:9px}.check{display:flex!important;align-items:center;gap:4px}.check input{width:auto}.site-footer{background:#102f2c;color:#d7e7df;padding:40px clamp(20px,5vw,76px) 18px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:26px;font-size:11px}.site-footer b{color:#fff}.site-footer p{color:#a9c7bd;font-size:10px}.copyright{align-self:end;text-align:left;color:#9db9af;font-size:10px}
@media(max-width:1000px){.site-header{gap:15px}.main-nav{gap:12px}.main-nav a{font-size:10px}.property-grid{grid-template-columns:repeat(2,1fr)}.unit-grid{grid-template-columns:repeat(2,1fr)}.service-strip{grid-template-columns:repeat(2,1fr);margin-top:-45px}.service-strip a:nth-child(2){border-left:0}.service-strip a:nth-child(-n+2){border-bottom:1px solid var(--line)}.account-grid{grid-template-columns:1fr}.hero{grid-template-columns:1fr;min-height:auto}.hero-image{min-height:260px;grid-row:1}.hero-copy{grid-row:2}.hero-image:after{background:linear-gradient(0deg,rgba(15,62,59,.3),transparent)}.trip-card{grid-template-columns:150px 1fr}.form-grid.three{grid-template-columns:repeat(2,1fr)}}
@media(max-width:670px){body{font-size:13px}.site-header{padding:12px 16px;position:static;flex-wrap:wrap}.main-nav{order:3;width:100%;justify-content:space-between;gap:6px}.nav-account{margin-right:auto}.page-shell{padding:0 16px 45px}.hero{margin:16px auto 36px;border-radius:19px}.hero-copy{padding:34px 25px}.hero h1{font-size:37px}.hero-copy>p{font-size:12px}.service-strip{margin:-35px 0 45px;border-radius:14px}.service-strip a{padding:14px}.section-head{align-items:center}.section-head h2{font-size:18px}.property-grid,.unit-grid,.menu-grid{grid-template-columns:1fr}.property-card>img{height:205px}.property-hero{grid-template-columns:1fr}.property-hero img{height:240px}.property-hero h1{font-size:25px}.page-title{margin:28px auto 18px}.page-title h1{font-size:24px}.page-title.split{align-items:flex-start;flex-direction:column}.booking-layout{grid-template-columns:1fr;margin:26px auto}.booking-summary{position:static}.form-grid.two,.form-grid.three{grid-template-columns:1fr}.form-card,.auth-card{padding:23px 18px;border-radius:17px}.trip-grid{grid-template-columns:1fr}.trip-card{grid-template-columns:1fr}.trip-card>img{height:190px;min-height:0}.trip-card .form-grid{grid-template-columns:1fr}.order-row{flex-wrap:wrap}.account-grid{gap:14px}.request-row,.admin-row,.admin-list article{align-items:flex-start;flex-direction:column}.admin-row form,.admin-list form{justify-content:start}.stats{grid-template-columns:repeat(2,1fr)}.admin-head{align-items:flex-start;flex-direction:column}.site-footer{grid-template-columns:1fr;padding:35px 20px 18px}.copyright{text-align:right}.cta-panel{align-items:flex-start;flex-direction:column;padding:27px}.cta-panel h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}