:root{
  --navy:#0d2947;
  --navy-2:#12385f;
  --navy-3:#071d33;
  --gold:#b69a68;
  --copper:#c77749;
  --ink:#15202b;
  --muted:#66717d;
  --line:#e6e9ed;
  --paper:#ffffff;
  --soft:#f5f7f9;
  --sand:#f7f3ec;
  --success:#11845b;
  --danger:#a43b3b;
  --shadow:0 24px 60px rgba(9,31,54,.10);
  --shadow-sm:0 12px 30px rgba(9,31,54,.08);
  --radius:24px;
  --radius-sm:15px;
  --container:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"IBM Plex Sans Arabic","Tajawal","Segoe UI",Tahoma,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.75;-webkit-font-smoothing:antialiased}
body,button,input,select,textarea{font-family:inherit}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.container{width:min(calc(100% - 32px),var(--container));margin-inline:auto}
.section{padding:92px 0}
.section-tight{padding:34px 0}
.section-muted{background:var(--soft)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--gold);font-weight:800;font-size:.86rem;letter-spacing:.02em;margin-bottom:10px}
.eyebrow:before{content:"";width:24px;height:1px;background:currentColor}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-weight:800;line-height:1.28;color:var(--navy)}
h1{font-size:clamp(2.25rem,4.2vw,4.9rem);letter-spacing:-.045em}
h2{font-size:clamp(1.8rem,3vw,3rem);letter-spacing:-.025em}
h3{font-size:1.18rem}
p{color:var(--muted)}
.btn{min-height:48px;padding:11px 22px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;font-weight:800;transition:.22s ease;white-space:nowrap}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--navy);color:#fff;box-shadow:0 12px 26px rgba(13,41,71,.18)}
.btn-primary:hover{background:var(--navy-2)}
.btn-dark{background:var(--navy-3);color:#fff}
.btn-light{background:#fff;color:var(--navy)}
.btn-ghost{border-color:#d8dee5;background:#fff;color:var(--navy)}
.btn-whatsapp{background:#159669;color:#fff}
.btn-outline-light{border-color:rgba(255,255,255,.5);color:#fff}
.btn-sm{min-height:41px;padding:8px 15px;font-size:.9rem;border-radius:10px}
.btn-block{width:100%}
.text-link{font-weight:800;color:var(--navy);border-bottom:1px solid var(--gold);padding-bottom:3px}
.flash{position:fixed;top:94px;left:50%;transform:translateX(-50%);z-index:1000;max-width:620px;padding:14px 20px;border-radius:13px;box-shadow:var(--shadow-sm);transition:.35s ease}
.flash-success{background:#eaf8f3;color:#086946;border:1px solid #bfe6d7}
.flash-error{background:#fff0f0;color:#8c2525;border:1px solid #efcaca}
.flash.is-hidden{opacity:0;pointer-events:none;transform:translate(-50%,-8px)}
.site-header{height:88px;display:flex;align-items:center;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(13,41,71,.08);position:sticky;top:0;z-index:100}
.header-inner{display:flex;align-items:center;gap:28px;height:100%}
.brand{width:260px;flex:0 0 260px}
.brand img{width:100%;height:auto}
.main-nav{display:flex;align-items:center;gap:23px;margin-inline:auto}
.main-nav a{font-size:.94rem;font-weight:700;color:#263b50;position:relative;white-space:nowrap}
.main-nav a:after{content:"";position:absolute;right:0;left:100%;bottom:-8px;height:2px;background:var(--gold);transition:.2s}
.main-nav a:hover:after{left:0}
.header-actions{display:flex;gap:8px}
.nav-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);background:#fff;border-radius:11px;padding:10px}
.nav-toggle span{height:2px;background:var(--navy);display:block;margin:5px 0;border-radius:5px}
.hero{position:relative;overflow:hidden;background-image:linear-gradient(90deg,rgba(5,22,39,.95) 0%,rgba(8,35,61,.88) 48%,rgba(8,35,61,.63) 100%),url("../images/hero-riyadh.webp");background-size:cover;background-position:center 52%;background-repeat:no-repeat;color:#fff;min-height:690px;display:flex;align-items:center}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,20,36,.08),rgba(4,20,36,.24));pointer-events:none}
.hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(182,154,104,.25);border-radius:50%;left:-160px;top:-180px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018)}
.hero-pattern{position:absolute;inset:0;opacity:.025;background-image:linear-gradient(30deg,transparent 24%,#fff 25%,#fff 26%,transparent 27%,transparent 74%,#fff 75%,#fff 76%,transparent 77%),linear-gradient(150deg,transparent 24%,#fff 25%,#fff 26%,transparent 27%,transparent 74%,#fff 75%,#fff 76%,transparent 77%);background-size:74px 130px;mask-image:linear-gradient(90deg,transparent,#000)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:78px;align-items:center;position:relative;z-index:2;padding-block:90px}
.hero-copy .eyebrow{color:#dfc89f}
.hero h1{color:#fff;margin-bottom:24px}
.hero h1 strong{color:#e2c69a;font-weight:800}
.hero-copy>p{font-size:1.14rem;max-width:630px;color:rgba(255,255,255,.78);margin-bottom:30px}
.hero-actions{display:flex;gap:11px;flex-wrap:wrap}
.hero-trust{margin-top:30px;display:flex;gap:10px;flex-wrap:wrap}
.hero-trust span{padding:7px 13px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:rgba(255,255,255,.82);font-size:.85rem}
.hero-card{background:rgba(255,255,255,.98);border:1px solid rgba(255,255,255,.55);border-radius:28px;padding:27px;box-shadow:0 30px 80px rgba(0,0,0,.24);color:var(--ink)}
.hero-card-top{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px}
.hero-card-top span{font-weight:800;font-size:1.25rem;color:var(--navy)}
.hero-card-top small{color:var(--muted)}
.search-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.search-form label,.filter-panel label,.inquiry-form label,.form-card form label{font-size:.86rem;font-weight:800;color:#30475d;display:flex;flex-direction:column;gap:7px}
.search-form select,.filter-panel select,.filter-panel input,.inquiry-form input,.inquiry-form textarea,.form-card input,.form-card select,.form-card textarea{width:100%;border:1px solid #dbe1e7;background:#fff;border-radius:11px;min-height:48px;padding:10px 13px;outline:none;color:var(--ink);transition:.2s}
.search-form select:focus,.filter-panel select:focus,.filter-panel input:focus,.inquiry-form input:focus,.inquiry-form textarea:focus,.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(182,154,104,.12)}
.search-wide{grid-column:1/-1}
.quick-needs{margin-top:-38px;position:relative;z-index:5}
.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.quick-grid>a{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;align-items:center;gap:15px;box-shadow:var(--shadow-sm);transition:.22s}
.quick-grid>a:hover{transform:translateY(-5px);border-color:#d7c49f}
.quick-grid>a>b{margin-right:auto;color:var(--gold);font-size:1.3rem}
.quick-grid strong,.quick-grid small{display:block}
.quick-grid small{color:var(--muted);font-size:.85rem;margin-top:3px}
.quick-icon{width:47px;height:47px;border-radius:13px;background:var(--sand);color:var(--navy);display:grid;place-items:center;font-size:1.45rem}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:35px}
.section-heading h2{margin-bottom:8px}
.section-heading p{margin:0}
.section-heading.centered{text-align:center;justify-content:center}
.property-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.property-card{background:#fff;border:1px solid var(--line);border-radius:21px;overflow:hidden;transition:.25s;box-shadow:0 8px 24px rgba(13,41,71,.04)}
.property-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-sm)}
.property-image{height:238px;display:block;position:relative;background:#e9eef3;overflow:hidden}
.property-image img{width:100%;height:100%;object-fit:cover;transition:.4s}
.property-card:hover .property-image img{transform:scale(1.035)}
.property-badge,.featured-badge{position:absolute;top:14px;padding:6px 11px;border-radius:999px;font-size:.76rem;font-weight:800;box-shadow:0 6px 20px rgba(0,0,0,.12)}
.property-badge{right:14px;background:#fff;color:var(--navy)}
.featured-badge{left:14px;background:var(--gold);color:#fff}
.property-badge.inline{position:static;display:inline-block;box-shadow:none;background:var(--sand);color:var(--navy);margin-bottom:11px}
.property-body{padding:19px}
.property-location{font-size:.82rem;color:var(--gold);font-weight:800;margin-bottom:5px}
.property-card h3{font-size:1.1rem;margin-bottom:13px;min-height:2.8em}
.property-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.property-meta span{background:var(--soft);border-radius:8px;padding:5px 8px;font-size:.78rem;color:#4e5e6d}
.property-price{font-weight:900;color:var(--navy);font-size:1.18rem}
.property-ref{font-size:.76rem;color:#8a939d;margin-top:2px}
.property-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px;padding-top:15px;border-top:1px solid var(--line)}
.demo-note{margin:20px 0 0;padding:12px 15px;background:#fff9e8;border:1px solid #efdfac;border-radius:10px;color:#785d14;font-size:.88rem}
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}
.services-grid article{padding:28px;background:#fff;border:1px solid var(--line);border-radius:19px;min-height:250px;transition:.25s}
.services-grid article:hover{border-color:var(--gold);transform:translateY(-4px)}
.services-grid article>span,.services-detail-grid article>span{color:var(--gold);font-weight:900;font-size:.82rem}
.services-grid h3{margin:38px 0 9px;font-size:1.25rem}
.services-grid p{font-size:.94rem;margin:0}
.districts-section{background:linear-gradient(180deg,#fff,#fbf9f4)}
.districts-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;align-items:start}
.districts-copy{position:sticky;top:125px}
.districts-copy p{font-size:1.06rem;margin-bottom:25px}
.district-pills{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.district-pills a{border:1px solid var(--line);background:#fff;padding:16px 18px;border-radius:13px;font-weight:800;color:var(--navy);display:flex;justify-content:space-between;transition:.2s}
.district-pills a:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.district-pills span{color:var(--gold)}
.management-banner{padding-top:30px}
.management-card{background:linear-gradient(125deg,var(--navy-3),var(--navy));border-radius:30px;color:#fff;padding:52px;display:grid;grid-template-columns:1.25fr .8fr auto;align-items:center;gap:38px;overflow:hidden;position:relative}
.management-card:after{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(255,255,255,.13);border-radius:50%;left:-110px;bottom:-180px}
.management-card h2{color:#fff;margin-bottom:10px;font-size:2.25rem}
.management-card p{color:rgba(255,255,255,.67);margin:0}
.management-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.management-list span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:10px;border-radius:10px;font-size:.86rem;text-align:center}
.final-cta{background:var(--gold);padding:68px 0}
.final-cta-inner{display:flex;justify-content:space-between;gap:30px;align-items:center}
.final-cta .eyebrow,.final-cta h2,.final-cta p{color:#fff}
.final-cta p{margin:0}
.final-cta-inner>div:last-child{display:flex;gap:10px;flex-wrap:wrap}
.page-hero{background:linear-gradient(135deg,#081f38,var(--navy-2));padding:110px 0;color:#fff;position:relative;overflow:hidden}
.page-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(182,154,104,.25),transparent 28%)}
.page-hero .container{position:relative;z-index:1}
.page-hero h1{color:#fff;font-size:clamp(2.2rem,4vw,4.2rem);margin-bottom:14px;max-width:850px}
.page-hero p{color:rgba(255,255,255,.72);max-width:740px;font-size:1.08rem;margin-bottom:22px}
.page-hero.compact{padding:78px 0}
.listing-layout{display:grid;grid-template-columns:285px 1fr;gap:28px;align-items:start}
.filter-panel{border:1px solid var(--line);border-radius:18px;padding:21px;position:sticky;top:110px;background:#fff}
.filter-panel h2{font-size:1.18rem;margin-bottom:18px}
.filter-panel form{display:flex;flex-direction:column;gap:14px}
.filter-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.reset-link{text-align:center;color:var(--muted);font-size:.88rem}
.results-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px;padding:3px 4px}
.results-bar span{color:var(--muted);font-size:.88rem}
.empty-state{border:1px dashed #cbd3db;background:var(--soft);border-radius:22px;padding:58px 24px;text-align:center}
.empty-state h2{margin-bottom:8px}
.empty-state p{max-width:580px;margin:0 auto 18px}
.breadcrumb{display:flex;gap:9px;align-items:center;flex-wrap:wrap;color:#7c8791;font-size:.84rem;margin-bottom:20px}
.property-gallery{display:grid;grid-template-columns:2fr 1fr;grid-auto-rows:220px;gap:10px;margin-bottom:36px;border-radius:22px;overflow:hidden;background:var(--soft)}
.property-gallery img{width:100%;height:100%;object-fit:cover;background:#e9eef3}
.property-gallery .gallery-main{grid-row:span 2}
.property-gallery img:only-child{grid-column:1/-1;grid-row:span 2}
.detail-layout{display:grid;grid-template-columns:1fr 330px;gap:34px;align-items:start}
.detail-title{display:flex;justify-content:space-between;align-items:start;gap:25px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.detail-title h1{font-size:clamp(1.9rem,3.2vw,3.1rem);margin-bottom:7px}
.detail-title p{margin:0}
.detail-title>strong{font-size:1.5rem;color:var(--navy);white-space:nowrap}
.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}
.spec-grid>div{background:var(--soft);border-radius:13px;padding:15px}
.spec-grid small,.spec-grid b{display:block}
.spec-grid small{color:var(--muted);font-size:.78rem}
.spec-grid b{color:var(--navy);margin-top:4px}
.detail-section{padding:25px 0;border-top:1px solid var(--line)}
.detail-section h2{font-size:1.35rem;margin-bottom:13px}
.features-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.features-list span{padding:10px 13px;border:1px solid var(--line);border-radius:10px;color:#405568;font-size:.9rem}
.contact-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:23px;box-shadow:var(--shadow-sm)}
.contact-card.sticky{position:sticky;top:112px}
.contact-card>span{font-weight:800;color:var(--navy)}
.contact-price{font-size:1.5rem;font-weight:900;color:var(--navy);margin:8px 0}
.contact-card small{display:block;color:var(--muted);margin-bottom:18px}
.contact-card .btn{margin-top:9px}
.contact-card p{font-size:.79rem;margin:14px 0 0}
.inquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.form-full{grid-column:1/-1}
.services-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.services-detail-grid article{border:1px solid var(--line);border-radius:20px;padding:29px;min-height:245px}
.services-detail-grid h2{font-size:1.45rem;margin:34px 0 9px}
.services-detail-grid a{font-weight:800;color:var(--gold)}
.two-column{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:start}
.check-list{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:25px}
.check-list span{padding:13px 15px;border:1px solid var(--line);border-radius:11px;background:#fff}
.check-list span:before{content:"✓";color:var(--gold);font-weight:900;margin-left:8px}
.process-card{background:var(--navy);color:#fff;border-radius:24px;padding:31px}
.process-card h3{color:#fff;font-size:1.5rem}
.process-card ol{margin:20px 0 0;padding:0;list-style:none;counter-reset:step}
.process-card li{counter-increment:step;display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.process-card li:before{content:counter(step);width:30px;height:30px;border-radius:50%;background:var(--gold);display:grid;place-items:center;font-weight:900}
.form-card{background:#fff;border:1px solid var(--line);border-radius:25px;padding:35px;display:grid;grid-template-columns:.65fr 1.35fr;gap:50px;box-shadow:var(--shadow-sm)}
.form-card.wide{grid-template-columns:.5fr 1.5fr}
.form-card form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-card textarea,.inquiry-form textarea{resize:vertical}
.form-card small{font-weight:400;color:var(--muted)}
.checkbox{flex-direction:row!important;align-items:center!important;font-weight:600!important}
.checkbox input{width:18px!important;min-height:auto!important}
.contact-options{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.contact-options>a,.contact-options>div{padding:29px;border:1px solid var(--line);border-radius:20px;background:#fff;display:flex;flex-direction:column;transition:.2s}
.contact-options>a:hover{transform:translateY(-4px);border-color:var(--gold)}
.contact-options span{color:var(--gold);font-weight:800;font-size:.84rem}
.contact-options strong{font-size:1.45rem;color:var(--navy);margin:15px 0 3px}
.contact-options small{color:var(--muted)}
.prose{max-width:880px}
.prose h2{font-size:1.4rem;margin:28px 0 8px}
.error-page span{font-size:5rem;font-weight:900;color:var(--gold);display:block}
.site-footer{background:#071a2d;color:#fff;padding:66px 0 24px}
.footer-grid{display:grid;grid-template-columns:1.35fr .7fr .8fr 1fr;gap:46px}
.footer-brand img{width:300px;filter:brightness(0) invert(1);opacity:.95;margin-bottom:20px}
.footer-brand p{color:rgba(255,255,255,.63);max-width:380px}
.site-footer h3{color:#fff;font-size:1rem;margin-bottom:18px}
.site-footer a,.site-footer span{display:block;color:rgba(255,255,255,.66);font-size:.89rem;margin:8px 0}
.site-footer a:hover{color:#fff}
.footer-districts{display:grid;grid-template-columns:1fr 1fr}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:42px;padding-top:20px;display:flex;justify-content:space-between}
.footer-bottom span{margin:0;font-size:.78rem}
.floating-whatsapp{position:fixed;left:22px;bottom:22px;z-index:90;background:#159669;color:#fff;border-radius:999px;padding:12px 18px;font-weight:900;box-shadow:0 15px 35px rgba(21,150,105,.3)}
.mobile-contact-bar{display:none}

/* Admin */
.admin-body{background:#f3f5f8;min-height:100vh}
.admin-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}
.admin-sidebar{background:#081f38;color:#fff;padding:26px 18px;position:sticky;top:0;height:100vh}
.admin-sidebar img{filter:brightness(0) invert(1);width:210px;margin:0 auto 28px}
.admin-sidebar nav{display:flex;flex-direction:column;gap:7px}
.admin-sidebar nav a{padding:11px 13px;border-radius:10px;color:rgba(255,255,255,.72)}
.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:rgba(255,255,255,.1);color:#fff}
.admin-sidebar .logout{margin-top:30px;border-top:1px solid rgba(255,255,255,.12);padding-top:15px}
.admin-main{padding:28px}
.admin-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}
.admin-topbar h1{font-size:1.8rem;margin:0}
.admin-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:22px;box-shadow:0 8px 22px rgba(13,41,71,.04)}
.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}
.admin-stat small{color:var(--muted)}
.admin-stat strong{display:block;color:var(--navy);font-size:1.8rem;margin-top:5px}
.admin-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
.admin-table{width:100%;border-collapse:collapse}
.admin-table th,.admin-table td{text-align:right;padding:12px;border-bottom:1px solid var(--line);font-size:.88rem}
.admin-table th{color:var(--muted);font-size:.78rem}
.status-pill{display:inline-block;padding:4px 9px;border-radius:999px;background:#eaf8f3;color:#08714c;font-size:.75rem;font-weight:800}
.admin-form{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.admin-form label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;font-weight:800}
.admin-form input,.admin-form select,.admin-form textarea{border:1px solid #d9e0e7;border-radius:10px;min-height:45px;padding:9px 11px}
.admin-login-page{min-height:100vh;background:linear-gradient(135deg,#071d33,#12385f);display:grid;place-items:center;padding:20px}
.admin-login{width:min(100%,430px);background:#fff;border-radius:24px;padding:34px;box-shadow:var(--shadow)}
.admin-login img{width:280px;margin:0 auto 25px}
.admin-login form{display:flex;flex-direction:column;gap:14px}
.admin-login label{display:flex;flex-direction:column;gap:6px;font-weight:800;font-size:.88rem}
.admin-login input{min-height:48px;border:1px solid var(--line);border-radius:10px;padding:10px}

@media(max-width:1100px){
  .main-nav{gap:14px}.main-nav a{font-size:.86rem}.brand{width:220px;flex-basis:220px}.header-actions .btn-ghost{display:none}
  .hero-grid{gap:38px}.property-grid{grid-template-columns:repeat(2,1fr)}.services-grid{grid-template-columns:repeat(2,1fr)}
  .management-card{grid-template-columns:1fr 1fr}.management-card>a{grid-column:1/-1;width:max-content}
  .footer-grid{grid-template-columns:1fr 1fr}.services-detail-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:850px){
  .site-header{height:76px}.header-inner{gap:12px}.brand{width:205px;flex-basis:205px}.header-actions{display:none}.nav-toggle{display:block;margin-right:auto}
  .main-nav{display:none;position:absolute;top:76px;right:11px;left:11px;height:auto!important;max-height:calc(100dvh - 94px);overflow-y:auto;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 22px 55px rgba(7,29,51,.22);padding:8px;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;margin:0}
  .main-nav.is-open{display:flex}.main-nav a{display:flex;align-items:center;min-height:48px;padding:8px 13px;border-radius:9px;border-bottom:1px solid #edf0f3}.main-nav a:last-child{border-bottom:0}.main-nav a:after{display:none}.main-nav a:hover{background:var(--soft)}
  .hero{min-height:auto}.hero-grid{grid-template-columns:1fr;padding-block:70px}.hero-card{max-width:650px}.quick-needs{margin-top:0}.quick-grid{grid-template-columns:1fr}
  .districts-layout,.two-column,.form-card,.form-card.wide{grid-template-columns:1fr}.districts-copy{position:static}.management-card{grid-template-columns:1fr;padding:34px}.management-card>a{grid-column:auto}
  .listing-layout{grid-template-columns:1fr}.filter-panel{position:static}.detail-layout{grid-template-columns:1fr}.contact-card.sticky{position:static}
  .contact-options{grid-template-columns:1fr}.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:static;height:auto}.admin-sidebar nav{flex-direction:row;flex-wrap:wrap}.admin-main{padding:18px}.admin-stats{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  body{padding-bottom:64px}.container{width:min(calc(100% - 22px),var(--container))}.section{padding:64px 0}
  .brand{width:185px;flex-basis:185px}.hero{background-image:linear-gradient(180deg,rgba(4,22,39,.35) 0%,rgba(4,22,39,.45) 58%,rgba(4,22,39,.60) 100%),url("../images/hero-riyadh.webp");background-position:56% center}.hero-grid{padding-block:54px}.hero-card{padding:20px;border-radius:20px}.hero-card-top{align-items:start;flex-direction:column;gap:2px}.search-form{grid-template-columns:1fr}.search-wide{grid-column:auto}
  .hero h1{font-size:2.45rem}.hero-copy>p{font-size:1rem}.property-grid,.services-grid,.district-pills,.services-detail-grid{grid-template-columns:1fr}.property-image{height:235px}
  .section-heading{align-items:start;flex-direction:column}.management-list,.check-list{grid-template-columns:1fr}.management-card h2{font-size:1.8rem}
  .final-cta-inner{flex-direction:column;align-items:start}.page-hero{padding:75px 0}.page-hero.compact{padding:60px 0}.property-gallery{display:block}.property-gallery img{height:280px}.property-gallery img:not(:first-child){display:none}
  .detail-title{flex-direction:column}.spec-grid{grid-template-columns:1fr 1fr}.features-list,.inquiry-form,.form-card form{grid-template-columns:1fr}.form-full{grid-column:auto}.form-card{padding:23px;gap:25px}.filter-row{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr;gap:24px}.footer-bottom{flex-direction:column;gap:5px}.floating-whatsapp{display:none}.mobile-contact-bar{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;right:0;left:0;bottom:0;z-index:95;background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 25px rgba(0,0,0,.08)}.mobile-contact-bar a{padding:13px 5px;text-align:center;font-weight:900;font-size:.85rem;color:var(--navy)}.mobile-contact-bar a:nth-child(2){background:#159669;color:#fff}
  .admin-stats{grid-template-columns:1fr}.admin-form{grid-template-columns:1fr}.admin-table{display:block;overflow-x:auto}.admin-main{padding:12px}
}

/* الواجهة الرئيسية: إبقاء الصورة والنقوش مع شفافية أخف */
.hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;

    background:linear-gradient(
        90deg,
        rgba(4,22,39,.42) 0%,
        rgba(4,22,39,.32) 52%,
        rgba(4,22,39,.20) 100%
    ) !important;
}

/* إعادة الدائرة الزخرفية السابقة */
.hero::after{
    content:"" !important;
    display:block !important;
    position:absolute;
    z-index:1;
    pointer-events:none;

    width:520px;
    height:520px;
    left:-160px;
    top:-180px;

    border:1px solid rgba(182,154,104,.25);
    border-radius:50%;

    box-shadow:
        0 0 0 70px rgba(255,255,255,.025),
        0 0 0 140px rgba(255,255,255,.018);
}

/* إعادة النقوش الهندسية */
.hero-pattern{
    display:block !important;
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;

    opacity:.045 !important;

    background-image:
        linear-gradient(
            30deg,
            transparent 24%,
            #fff 25%,
            #fff 26%,
            transparent 27%,
            transparent 74%,
            #fff 75%,
            #fff 76%,
            transparent 77%
        ),
        linear-gradient(
            150deg,
            transparent 24%,
            #fff 25%,
            #fff 26%,
            transparent 27%,
            transparent 74%,
            #fff 75%,
            #fff 76%,
            transparent 77%
        );

    background-size:74px 130px;
    mask-image:linear-gradient(90deg,transparent,#000);
    -webkit-mask-image:linear-gradient(90deg,transparent,#000);
}

/* إبقاء المحتوى فوق الصورة والنقوش */
.hero-grid{
    position:relative;
    z-index:2;
}

/* إعداد الجوال */
@media(max-width:620px){

    .hero::before{
        background:linear-gradient(
            180deg,
            rgba(4,22,39,.28) 0%,
            rgba(4,22,39,.34) 55%,
            rgba(4,22,39,.48) 100%
        ) !important;
    }

    .hero-pattern{
        opacity:.04 !important;
    }

    .hero::after{
        width:430px;
        height:430px;
        left:-230px;
        top:-100px;
    }
}