.estate-header {position:relative;z-index:140;background:#fff;color:#172735}
.estate-topbar {background:linear-gradient(100deg,#e7f1f6,#f4f2ee 58%,#f5e8cf)}
.estate-topbar-inner {min-height:clamp(26px,3.3vw,40px);width:93%;max-width:1450px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}
.estate-topbar-inner>div {display:flex;align-items:center;gap:clamp(10px,1.4vw,20px)}
.estate-topbar span {display:inline-flex;align-items:center;gap:6px;color:#647384;font-size:clamp(7px,.86vw,11px);font-weight:700;white-space:nowrap}
.estate-topbar i {color:#b47c29}
.estate-topbar-badge {border-radius:20px;padding:5px 10px;background:#f5e8cf}
.estate-navbar-inner {width:93%;max-width:1450px;min-height:clamp(58px,7.4vw,102px);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:clamp(7px,1vw,16px)}
.estate-brand {display:flex;align-items:center;flex-shrink:0;gap:clamp(6px,1vw,14px);color:#172735}
.estate-brand img {width:clamp(45px,5.8vw,75px);height:clamp(45px,5.8vw,75px);object-fit:contain}
.estate-brand>span {display:flex;flex-direction:column;gap:2px}
.estate-brand strong {font-size:clamp(13px,1.6vw,22px);font-weight:900;white-space:nowrap}
.estate-brand small {font-size:clamp(6px,.75vw,10px);color:#596979;white-space:nowrap}
.estate-nav {display:flex;align-items:center;gap:clamp(1px,.28vw,5px)}
.estate-nav a {padding:6px clamp(4px,.65vw,11px);border:1px solid transparent;border-radius:12px;color:#38485a;font-size:clamp(7px,.78vw,11px);font-weight:800;white-space:nowrap}
.estate-nav .is-active {border-color:#e7c182;background:white}
.estate-nav a:hover {color:#b47c29;background:#faf4e8}
.estate-actions {display:flex;align-items:center;gap:clamp(5px,.7vw,10px);flex-shrink:0}
.estate-icon-button {position:relative;display:inline-flex;justify-content:center;align-items:center;width:clamp(27px,3.4vw,44px);height:clamp(27px,3.4vw,44px);background:#f7f8fa;color:#172735;border-radius:50%;font-size:clamp(13px,1.6vw,22px)}
.estate-icon-button b {position:absolute;top:0;right:0;background:#bd752b;color:white;border-radius:20px;min-width:14px;padding:1px 3px;font-size:9px}
.estate-login {display:inline-flex;align-items:center;gap:7px;font-size:clamp(7px,.8vw,11px);font-weight:800;color:#38485a;white-space:nowrap}
.estate-create {display:inline-flex;align-items:center;gap:7px;background:#172735;color:white;border-radius:clamp(9px,1.1vw,15px);padding:clamp(8px,1vw,14px) clamp(10px,1.2vw,18px);font-size:clamp(8px,.85vw,12px);font-weight:800;white-space:nowrap}
.estate-create i {color:#e2b457;font-size:clamp(14px,1.8vw,22px)}
.estate-account {position:relative}
.estate-account summary {display:flex;align-items:center;gap:6px;cursor:pointer;list-style:none;font-size:11px;font-weight:700}
.estate-account summary::-webkit-details-marker {display:none}
.estate-account summary>i {font-size:20px}
.estate-account summary>span {max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.estate-account-panel {position:absolute;top:calc(100% + 18px);left:0;width:210px;padding:10px;border:1px solid #e9edf2;background:white;border-radius:14px;box-shadow:0 14px 40px #17273522}
.estate-account-panel a, .estate-account-panel button {display:block;width:100%;padding:10px;text-align:right;font-size:12px;color:#172735;border-radius:8px}
.estate-account-panel a:hover, .estate-account-panel button:hover {background:#fbf4e8}
.estate-mobile-toggle, .estate-mobile-nav {display:none}
.dark .estate-header, .dark .estate-account-panel {background:#111d2b}
.dark .estate-topbar {background:linear-gradient(100deg,#172735,#30291e)}
.dark .estate-topbar-badge {background:#b47c2922}
.dark .estate-brand, .dark .estate-brand small, .dark .estate-nav a, .dark .estate-login, .dark .estate-account-panel a, .dark .estate-account-panel button {color:#d8e0e9}
.dark .estate-nav .is-active, .dark .estate-icon-button {background:#172735;color:white}
@media(max-width:767px) {
.estate-topbar, .estate-nav, .estate-login, .estate-create, .estate-actions>.estate-icon-button:not(.estate-mobile-toggle) {display:none}
.estate-navbar-inner {min-height:76px}
.estate-brand img {width:56px;height:56px}
.estate-brand strong {font-size:17px}
.estate-brand small {font-size:9px}
.estate-mobile-toggle {display:flex;width:40px;height:40px;font-size:22px}
.estate-mobile-nav {position:fixed;bottom:0;inset-inline:0;z-index:140;display:flex;align-items:center;justify-content:space-around;background:#fffffffa;border-top:1px solid #e9edf2;padding:9px 3px calc(9px + env(safe-area-inset-bottom));box-shadow:0 -5px 20px #1727350a}
.estate-mobile-nav a {display:flex;flex-direction:column;align-items:center;gap:4px;color:#526071;font-size:9px}
.estate-mobile-nav i {font-size:23px;color:#b47c29}
.dark .estate-mobile-nav {background:#111d2b;border-color:#283649}
body {padding-bottom:68px}
}
@media(prefers-reduced-motion:reduce) {
.estate-header * {transition:none;scroll-behavior:auto}
}

/* Spacious navigation inspired by the Arabic property homepage. */
.estate-header{padding:10px 0 16px;background:#f3f7fa;color:#0d2d40}
.estate-topbar{background:transparent;margin-bottom:10px}
.estate-topbar-inner,.estate-navbar-inner{width:85%;max-width:1450px}
.estate-topbar-inner{min-height:40px;gap:20px}
.estate-topbar-inner>div{gap:18px}
.estate-topbar span,.estate-topbar a{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;font-size:12px;font-weight:600;color:#1d3e51}
.estate-topbar i{font-size:19px;color:#14374a}
.estate-topbar-shortcuts>a{padding:8px 13px;background:#ffffff90;border:1px solid #ffffff55;border-radius:18px}
.estate-topbar .estate-topbar-badge{padding:9px 15px;border:1px solid #e8b85a;background:#fff1d5;color:#172c38;font-weight:800}
.estate-topbar-badge i,.estate-topbar-service>span i{color:#c58b17}
.estate-navbar-inner{display:flex;min-height:94px;padding:13px 22px;gap:20px;border:1px solid #ffffffbd;border-radius:23px;background:#fffffff5;box-shadow:0 12px 36px #16354c08}
.estate-brand{gap:9px;min-width:0}
.estate-brand img{width:66px;height:66px}
.estate-brand strong{font-size:22px;line-height:1.5;color:#103246}
.estate-brand small{font-size:10px;line-height:1.6;color:#657585}
.estate-nav{flex:1;justify-content:center;gap:2px;min-width:0}
.estate-nav>a,.estate-nav-dropdown>summary{position:relative;display:flex;align-items:center;gap:5px;padding:13px 9px;border:0;border-radius:0;background:transparent;font-size:13px;font-weight:700;color:#163449;white-space:nowrap;cursor:pointer}
.estate-nav .is-active{background:transparent;border:0;color:#0a2c40;font-weight:900}
.estate-nav .is-active:after{content:'';position:absolute;inset-inline:9px;bottom:3px;height:3px;border-radius:3px;background:#ce921c}
.estate-nav>a:hover,.estate-nav-dropdown>summary:hover{background:transparent;color:#b87e15}
.estate-nav-dropdown{position:relative}
.estate-nav-dropdown>summary{list-style:none}
.estate-nav-dropdown>summary::-webkit-details-marker{display:none}
.estate-nav-dropdown>summary i{font-size:16px;transition:transform .18s}
.estate-nav-dropdown[open]>summary i{transform:rotate(180deg)}
.estate-nav-panel{position:absolute;inset-inline-start:0;top:calc(100% + 12px);z-index:150;min-width:215px;padding:9px;border:1px solid #e6edf2;border-radius:16px;background:white;box-shadow:0 18px 45px #122c4326}
.estate-nav .estate-nav-panel>a{display:flex;align-items:center;gap:10px;padding:12px;border-radius:10px;font-size:12px;font-weight:600;color:#163449}
.estate-nav .estate-nav-panel>a:hover{background:#fff7e9;color:#a66d0a}
.estate-nav-panel a>i{font-size:19px;color:#ba8525}
.estate-nav-panel--cities{width:360px;max-height:65vh;overflow-y:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}
.estate-nav .estate-nav-all-cities{grid-column:1/-1;border-bottom:1px solid #edf1f5;border-radius:0;margin-bottom:5px}
.estate-nav-panel--cities>a{justify-content:space-between;white-space:normal}
.estate-nav-panel small{display:block;font-size:10px;color:#8593a0;font-weight:400;margin-top:3px}
.estate-actions{gap:12px}
.estate-actions>.estate-icon-button,.estate-login .estate-icon-button{width:32px;height:40px;border-radius:0;background:transparent;font-size:25px;color:#113247}
.estate-login{gap:8px;font-size:13px;color:#17364a;font-weight:700}
.estate-create{min-height:52px;padding:12px 20px;gap:10px;border:1px solid #d59b2c;border-radius:12px;background:linear-gradient(115deg,#d79e27,#c88a13);color:white;font-size:13px;box-shadow:0 5px 14px #c88a1315}
.estate-create i{color:white;font-size:22px}
.estate-create:hover{background:#b97d0b;box-shadow:0 6px 18px #c88a1330}
.estate-account summary{gap:8px;font-size:13px;color:#17364a}
.estate-account summary>i{font-size:25px}
.estate-account summary>span{max-width:85px}
.estate-account-panel{z-index:155}
.estate-header a:focus-visible,.estate-header summary:focus-visible,.estate-header button:focus-visible{outline:2px solid #c58b17;outline-offset:4px}
.dark .estate-header{background:#0e1d2a}
.dark .estate-navbar-inner,.dark .estate-nav-panel{background:#142838;border-color:#304354}
.dark .estate-topbar a,.dark .estate-topbar span,.dark .estate-topbar i,.dark .estate-brand strong,.dark .estate-account summary,.dark .estate-nav-dropdown>summary,.dark .estate-nav .estate-nav-panel>a{color:#dce8f0}
.dark .estate-topbar-shortcuts>a{background:#142838;border-color:#304354}
.dark .estate-topbar-badge{background:#5b431e50;border-color:#9d782f}
.dark .estate-nav .is-active,.dark .estate-nav a:hover,.dark .estate-nav-dropdown>summary:hover{background:transparent;color:#efba5e}
.dark .estate-nav .estate-nav-panel>a:hover{background:#233747}
.dark .estate-actions>.estate-icon-button,.dark .estate-login .estate-icon-button{background:transparent;color:#dce8f0}
@media(max-width:1399px) and (min-width:1200px){.estate-navbar-inner{gap:12px;padding-inline:16px}.estate-brand strong{font-size:19px}.estate-brand img{width:58px;height:58px}.estate-nav>a,.estate-nav-dropdown>summary{font-size:12px;padding-inline:6px}.estate-actions{gap:8px}.estate-create{padding-inline:14px;font-size:12px}.estate-login{font-size:12px}}
@media(max-width:1199px){.estate-nav{display:none}.estate-mobile-toggle{display:inline-flex;width:42px;height:42px;font-size:24px}.estate-topbar-service>a:last-child{display:none}.estate-navbar-inner{min-height:86px}.estate-topbar span,.estate-topbar a{font-size:11px}}
@media(max-width:767px){.estate-header{padding:10px 0}.estate-navbar-inner{width:calc(100% - 24px);min-height:74px;padding:9px 13px;border-radius:17px;gap:10px}.estate-brand img{width:52px;height:52px}.estate-brand strong{font-size:18px}.estate-brand small{font-size:9px}.estate-actions{gap:8px}.estate-topbar,.estate-login,.estate-create,.estate-actions>.estate-icon-button:not(.estate-mobile-toggle){display:none}.estate-account summary>span{max-width:65px;font-size:11px}}