/* ============================================================
   REALESTATE.EG — EDITORIAL CORE
   Luxury editorial design system (navy · cream · soft-blue)
   NO GOLD. Used across area, for-sale, listings, developers, compounds
   ============================================================ */

:root{
  --ee-navy: #0A1929;
  --ee-navy-2: #0F1B2C;
  --ee-navy-3: #1E3A5F;
  --ee-ink: #334155;
  --ee-mute: #64748B;
  --ee-mute-2: #94A3B8;
  --ee-line: rgba(10,25,41,.06);
  --ee-line-2: rgba(10,25,41,.1);
  --ee-sky: #7DD3FC;
  --ee-sky-2: #38BDF8;
  --ee-sky-3: #0369A1;
  --ee-cream: #F8FAFC;
  --ee-cream-2: #F1F5F9;
  --ee-cream-3: #FBFCFD;
  --ee-display: "Cormorant Garamond","Playfair Display","Cairo",Georgia,serif;
  --ee-body: "Cairo","Plus Jakarta Sans",system-ui,-apple-system,sans-serif;
  --ee-mono: ui-monospace,"SF Mono",Menlo,monospace;
  --ee-serif-italic: Georgia,"Times New Roman",serif;
}

/* ============================================================
   HERO — luxury editorial (shared across pages)
   ============================================================ */
.ee-hero{
  position:relative;
  width:100vw;
  margin-inline:calc(50% - 50vw);
  margin-top:-16px;
  min-height:min(74vh, 720px);
  background:var(--ee-navy);
  color:var(--ee-cream);
  overflow:hidden;
  isolation:isolate;
  padding:clamp(72px,10vh,120px) 0 clamp(120px,16vh,200px);
}
.ee-hero--tall{ min-height:min(80vh, 780px) }
.ee-hero--short{ min-height:min(58vh, 520px); padding-bottom:clamp(80px,12vh,140px) }

.ee-hero__bg{
  position:absolute; inset:0;
  background-size:cover; background-position:center;
  transform:scale(1.08);
  filter:saturate(.85) contrast(1.05);
  animation:eeHeroKen 18s ease-in-out infinite alternate;
  z-index:-2;
}
@keyframes eeHeroKen{
  0%{transform:scale(1.08) translate3d(0,0,0)}
  100%{transform:scale(1.14) translate3d(-1.5%,-1%,0)}
}
.ee-hero__grid{
  position:absolute; inset:0; pointer-events:none; z-index:-1;
  background-image:
    linear-gradient(rgba(148,163,184,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148,163,184,.06) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: radial-gradient(ellipse at center, #000 55%, transparent 100%);
}
.ee-hero__veil{
  position:absolute; inset:0; pointer-events:none; z-index:-1;
  background:
    linear-gradient(180deg, rgba(10,25,41,.35) 0%, rgba(10,25,41,.72) 55%, rgba(10,25,41,.95) 100%),
    radial-gradient(1200px 500px at 15% 20%, rgba(125,211,252,.12), transparent 60%);
}
.ee-hero__inner{
  position:relative; z-index:2;
  max-width:1240px;
  margin:0 auto;
  padding:0 clamp(20px,4vw,48px);
  display:flex; flex-direction:column; gap:clamp(14px,2vh,22px);
}

.ee-hero__breadcrumb{
  display:flex; flex-wrap:wrap; align-items:center; gap:8px;
  font-size:12px; letter-spacing:.08em; text-transform:uppercase;
  color:rgba(248,250,252,.62);
  margin-bottom:4px;
}
.ee-hero__breadcrumb a{ color:rgba(248,250,252,.78); text-decoration:none; transition:color .2s }
.ee-hero__breadcrumb a:hover{ color:var(--ee-sky) }
.ee-hero__breadcrumb-sep{ color:rgba(248,250,252,.35); font-family:var(--ee-serif-italic) }
.ee-hero__breadcrumb-current{ color:var(--ee-cream); font-weight:500 }

.ee-hero__eyebrow{
  display:inline-flex; align-items:center; gap:12px;
  margin-top:6px;
}
.ee-hero__eyebrow-line{ width:40px; height:1px; background:var(--ee-sky) }
.ee-hero__eyebrow-text{
  font-family:var(--ee-serif-italic);
  font-style:italic;
  font-size:13px;
  letter-spacing:.12em;
  color:var(--ee-sky);
}

.ee-hero__title{
  font-family:var(--ee-display);
  font-weight:600;
  font-size:clamp(40px, 7vw, 88px);
  line-height:1.02;
  letter-spacing:-.02em;
  margin:0;
  color:var(--ee-cream);
  max-width:900px;
  background:linear-gradient(180deg,#F8FAFC 0%, #CBD5E1 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}

.ee-hero__tagline{
  max-width:620px;
  font-size:clamp(14px, 1.5vw, 17px);
  line-height:1.6;
  color:rgba(248,250,252,.75);
  margin:0;
  font-weight:400;
}

/* Scoped Search Trigger (on dark bg) */
.ee-hero__search{
  display:inline-flex;
  align-items:center;
  gap:14px;
  max-width:560px;
  width:100%;
  padding:16px 18px;
  background:rgba(248,250,252,.05);
  border:1px solid rgba(248,250,252,.14);
  border-radius:14px;
  color:var(--ee-cream);
  cursor:pointer;
  transition:all .25s ease;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  margin-top:8px;
  text-align:start;
  font-family:inherit;
}
.ee-hero__search:hover{
  background:rgba(248,250,252,.08);
  border-color:rgba(125,211,252,.5);
  transform:translateY(-1px);
  box-shadow:0 12px 40px -12px rgba(125,211,252,.35);
}
.ee-hero__search-icon{
  display:inline-flex; align-items:center; justify-content:center;
  width:36px; height:36px;
  border-radius:10px;
  background:rgba(125,211,252,.15);
  color:var(--ee-sky);
  flex-shrink:0;
}
.ee-hero__search-text{
  flex:1; min-width:0;
  display:flex; flex-direction:column; gap:2px;
  font-size:14.5px;
  color:rgba(248,250,252,.9);
}
.ee-hero__search-text strong{ color:var(--ee-cream); font-weight:600 }
.ee-hero__search-hint{
  font-size:12px;
  color:rgba(248,250,252,.52);
  font-family:var(--ee-serif-italic);
  font-style:italic;
}
.ee-hero__search-kbd{ display:inline-flex; align-items:center; gap:2px; flex-shrink:0 }
.ee-hero__search-kbd kbd{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:26px; height:26px;
  padding:0 7px;
  font-family:var(--ee-mono);
  font-size:12px; font-weight:600;
  color:rgba(248,250,252,.72);
  background:rgba(248,250,252,.08);
  border:1px solid rgba(248,250,252,.16);
  border-radius:6px;
}

/* Chip row (quick suggestions) */
.ee-hero__chips{
  display:flex; flex-wrap:wrap; gap:8px;
  margin-top:6px;
}
.ee-hero__chip{
  display:inline-flex; align-items:center; gap:6px;
  padding:7px 13px;
  background:rgba(248,250,252,.04);
  border:1px solid rgba(248,250,252,.1);
  border-radius:100px;
  color:rgba(248,250,252,.8);
  font-size:12.5px; font-weight:500;
  cursor:pointer;
  transition:all .2s;
  font-family:inherit;
}
.ee-hero__chip:hover{
  background:rgba(125,211,252,.1);
  border-color:rgba(125,211,252,.4);
  color:var(--ee-cream);
}
.ee-hero__chip i{ font-size:10px; color:var(--ee-sky) }

/* Stats row */
.ee-hero__stats{
  display:flex; flex-wrap:wrap; gap:28px;
  margin-top:18px;
  padding-top:22px;
  border-top:1px solid rgba(248,250,252,.1);
}
.ee-hero__stat{ display:flex; flex-direction:column; gap:4px }
.ee-hero__stat-num{
  font-family:var(--ee-display);
  font-weight:500;
  font-size:clamp(28px, 3.5vw, 40px);
  line-height:1;
  color:var(--ee-cream);
  letter-spacing:-.02em;
  font-variant-numeric:tabular-nums;
}
.ee-hero__stat-label{
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(125,211,252,.85);
  font-family:var(--ee-serif-italic);
  font-style:italic;
}

/* HD mosaic strip */
.ee-hero__mosaic{
  position:absolute;
  bottom:0; left:0; right:0;
  height:110px;
  display:grid;
  grid-template-columns:repeat(5, 1fr);
  gap:2px;
  z-index:1;
  mask-image:linear-gradient(180deg, transparent 0%, #000 60%);
}
.ee-hero__mosaic-cell{
  background-size:cover; background-position:center;
  filter:saturate(.7) brightness(.6);
  transition:filter .4s ease;
}
.ee-hero__mosaic:hover .ee-hero__mosaic-cell{ filter:saturate(.85) brightness(.75) }

@media(max-width: 768px){
  .ee-hero{ min-height:min(66vh, 600px); padding:56px 0 110px }
  .ee-hero__title{ font-size:clamp(32px, 9vw, 56px) }
  .ee-hero__tagline{ font-size:14px }
  .ee-hero__search{ padding:13px 14px; gap:10px }
  .ee-hero__search-icon{ width:32px; height:32px }
  .ee-hero__search-kbd{ display:none }
  .ee-hero__stats{ gap:18px }
  .ee-hero__mosaic{ height:80px; grid-template-columns:repeat(3,1fr) }
  .ee-hero__mosaic-cell:nth-child(n+4){ display:none }
}

/* ============================================================
   LISTINGS / CARDS — shared editorial style
   Apply via wrapper class .ee-listings (parent)
   ============================================================ */
.ee-listings{
  padding:clamp(48px,6vw,72px) 0 clamp(40px,5vw,64px);
  background:#FFFFFF;
  position:relative;
}
.ee-container{
  max-width:1240px;
  margin:0 auto;
  padding:0 clamp(20px,4vw,48px);
}

.ee-section-head{ margin-bottom:26px }
.ee-section-head h2{
  display:inline-flex; align-items:center; gap:12px;
  font-family:var(--ee-display);
  font-weight:600;
  font-size:clamp(22px,2.6vw,32px);
  color:var(--ee-navy);
  margin:0;
  letter-spacing:-.01em;
}
.ee-section-head h2 i{ font-size:.7em; color:var(--ee-sky) }
.ee-section-head p{
  margin:8px 0 0;
  color:var(--ee-mute);
  font-size:14.5px;
  line-height:1.6;
}
.ee-section-head .ee-section-rule{
  width:56px; height:3px;
  background:linear-gradient(90deg,var(--ee-navy) 0%,var(--ee-sky) 100%);
  border-radius:4px;
  margin-top:12px;
}

/* Tabs (for locations with projects+units switcher) */
.ee-listings .territory-tabs,
.ee-tabs{
  display:inline-flex; gap:4px;
  padding:5px;
  background:var(--ee-cream-2);
  border-radius:14px;
  margin-bottom:22px;
  border:1px solid var(--ee-line);
}
.ee-listings .territory-tab,
.ee-tab{
  display:inline-flex; align-items:center; gap:10px;
  padding:10px 22px;
  border-radius:10px;
  font-family:var(--ee-body);
  font-weight:600;
  font-size:14px;
  color:var(--ee-mute);
  cursor:pointer;
  transition:all .22s;
  border:none;
  background:transparent;
}
.ee-listings .territory-tab i,
.ee-tab i{ font-size:13px }
.ee-listings .territory-tab:hover,
.ee-tab:hover{ color:var(--ee-navy) }
.ee-listings .territory-tab.active,
.ee-tab.active{
  background:#FFFFFF; color:var(--ee-navy);
  box-shadow:0 1px 2px rgba(10,25,41,.06), 0 4px 12px -4px rgba(10,25,41,.1);
}
.ee-listings .territory-tab .count,
.ee-tab .count{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:26px; height:22px;
  padding:0 8px;
  background:rgba(125,211,252,.16);
  color:var(--ee-sky-3);
  border-radius:100px;
  font-size:11.5px; font-weight:700;
  font-variant-numeric:tabular-nums;
}
.ee-listings .territory-tab.active .count,
.ee-tab.active .count{ background:var(--ee-navy); color:var(--ee-sky) }

/* Filter container */
.ee-listings .filterContainer,
.ee-listings .filter-container{
  background:linear-gradient(180deg,var(--ee-cream-3) 0%,#F5F8FB 100%);
  border:1px solid var(--ee-line);
  border-radius:16px;
  overflow:hidden;
  margin-bottom:20px;
  box-shadow:0 1px 2px rgba(10,25,41,.03);
}
.ee-listings .filterHeader,
.ee-listings .filter-header{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 20px;
  border-bottom:1px solid var(--ee-line);
  background:#FFFFFF;
}
.ee-listings .filterTitle,
.ee-listings .filter-title{
  display:inline-flex; align-items:center; gap:10px;
  font-family:var(--ee-display);
  font-size:18px; font-weight:600;
  color:var(--ee-navy);
  margin:0; letter-spacing:-.01em;
}
.ee-listings .filterTitle i,
.ee-listings .filter-title i{
  width:28px; height:28px;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:8px;
  background:rgba(125,211,252,.15);
  color:var(--ee-sky-3);
  font-size:12px;
}
.ee-listings .filterToggle,
.ee-listings .filter-toggle{
  display:inline-flex; align-items:center; gap:8px;
  padding:7px 14px;
  border-radius:100px;
  background:var(--ee-navy);
  color:var(--ee-cream);
  font-size:12.5px; font-weight:500;
  cursor:pointer; transition:all .22s;
  border:none;
}
.ee-listings .filterToggle:hover,
.ee-listings .filter-toggle:hover{
  background:var(--ee-navy-2); transform:translateY(-1px);
}
.ee-listings .filterBody,
.ee-listings .filter-body{
  padding:18px 20px;
  background:var(--ee-cream-3);
}
.ee-listings .filterBody.collapsed,
.ee-listings .filter-body.collapsed{ display:none }
.ee-listings .filterGrid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));
  gap:14px;
}
.ee-listings .filterActions{
  display:flex; gap:10px; justify-content:flex-end;
  margin-top:16px; padding-top:16px;
  border-top:1px solid var(--ee-line);
  flex-wrap:wrap;
}
.ee-listings .filterClear{
  display:inline-flex; align-items:center; gap:6px;
  padding:9px 16px;
  border-radius:100px;
  background:transparent;
  border:1px solid var(--ee-line-2);
  color:var(--ee-mute);
  font-size:13px; font-weight:500;
  text-decoration:none; transition:all .22s;
}
.ee-listings .filterClear:hover{
  border-color:#DC2626; color:#DC2626;
  background:rgba(220,38,38,.04);
}
.ee-listings .filterSubmit{
  display:inline-flex; align-items:center; gap:8px;
  padding:10px 22px;
  border-radius:100px;
  background:linear-gradient(135deg,var(--ee-navy) 0%,var(--ee-navy-3) 100%);
  color:var(--ee-cream);
  border:none;
  font-size:13px; font-weight:600;
  cursor:pointer; transition:all .22s;
  box-shadow:0 6px 16px -6px rgba(10,25,41,.4);
}
.ee-listings .filterSubmit:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 22px -6px rgba(10,25,41,.5);
}
.ee-listings .filterResults{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:24px; height:20px;
  padding:0 7px;
  background:rgba(125,211,252,.3);
  border-radius:100px;
  font-size:11px; font-weight:700;
  font-variant-numeric:tabular-nums;
}

/* Listing controls bar */
.ee-listings .listing-controls,
.ee-listings-controls{
  display:flex; align-items:center; justify-content:space-between;
  gap:16px;
  padding:16px 20px;
  background:linear-gradient(180deg,#FFFFFF 0%,var(--ee-cream-3) 100%);
  border:1px solid var(--ee-line);
  border-radius:14px;
  margin-bottom:22px;
  flex-wrap:wrap;
  box-shadow:0 1px 2px rgba(10,25,41,.03);
}
.ee-listings .listing-count{
  font-size:13.5px; color:var(--ee-ink);
  font-family:var(--ee-body);
}
.ee-listings .listing-count strong{
  color:var(--ee-navy); font-weight:700;
  font-variant-numeric:tabular-nums;
}
.ee-listings .listing-actions{
  display:inline-flex; align-items:center; gap:12px;
  flex-wrap:wrap;
}
.ee-listings .view-options{
  display:inline-flex; gap:2px;
  padding:3px;
  background:var(--ee-cream-2);
  border-radius:10px;
}
.ee-listings .view-option{
  width:34px; height:34px;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:7px;
  color:var(--ee-mute);
  cursor:pointer; transition:all .2s;
}
.ee-listings .view-option:hover{ color:var(--ee-navy) }
.ee-listings .view-option.active{
  background:var(--ee-navy); color:var(--ee-sky);
  box-shadow:0 2px 4px rgba(10,25,41,.2);
}

/* Sort select */
.ee-listings select,
.ee-listings .listing-sort select,
.ee-listings .sort-select{
  appearance:none; -webkit-appearance:none;
  background:#FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%230A1929' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;
  background-size:12px;
  padding:9px 36px 9px 14px;
  border:1px solid var(--ee-line-2);
  border-radius:10px;
  font-family:var(--ee-body);
  font-size:13px; font-weight:500;
  color:var(--ee-navy);
  cursor:pointer; transition:all .22s;
  min-width:140px;
}
html[dir="rtl"] .ee-listings select,
html[dir="rtl"] .ee-listings .listing-sort select{
  background-position:left 12px center;
  padding:9px 14px 9px 36px;
}
.ee-listings select:hover{ border-color:var(--ee-navy) }
.ee-listings select:focus{
  outline:none; border-color:var(--ee-sky-3);
  box-shadow:0 0 0 3px rgba(125,211,252,.2);
}

/* Grids */
.ee-listings .project-cards-grid,
.ee-listings-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));
  gap:24px;
  margin-bottom:32px;
}
@media(min-width:1280px){
  .ee-listings .project-cards-grid,
  .ee-listings-grid{ grid-template-columns:repeat(3, 1fr); gap:28px }
}

/* Card (project / unit) */
.ee-listings .project-card,
.ee-listings .unit-card,
.ee-listings .unitCard,
.ee-card{
  background:#FFFFFF;
  border:1px solid var(--ee-line);
  border-radius:18px;
  overflow:hidden;
  transition:all .3s cubic-bezier(.16,1,.3,1);
  display:flex; flex-direction:column;
  position:relative;
  box-shadow:0 1px 2px rgba(10,25,41,.03), 0 6px 20px -12px rgba(10,25,41,.1);
}
.ee-listings .project-card:hover,
.ee-listings .unit-card:hover,
.ee-listings .unitCard:hover,
.ee-card:hover{
  transform:translateY(-4px);
  border-color:rgba(125,211,252,.5);
  box-shadow:0 1px 2px rgba(10,25,41,.04),0 20px 44px -14px rgba(10,25,41,.18),0 0 0 1px rgba(125,211,252,.12);
}
.ee-listings .project-card-image,
.ee-listings .unit-card-image,
.ee-listings .unitCardImg,
.ee-card__media{
  position:relative;
  aspect-ratio:16/11;
  overflow:hidden;
  background:linear-gradient(135deg,var(--ee-cream-2),#E2E8F0);
}
.ee-listings .project-card-image img,
.ee-listings .unit-card-image img,
.ee-listings .unitCardImg img,
.ee-card__media img{
  width:100%; height:100%;
  object-fit:cover;
  transition:transform .7s cubic-bezier(.16,1,.3,1);
}
.ee-listings .project-card:hover .project-card-image img,
.ee-listings .unit-card:hover .unit-card-image img,
.ee-card:hover .ee-card__media img{ transform:scale(1.05) }

.ee-listings .project-badge{
  position:absolute; top:12px;
  inset-inline-start:12px;
  padding:5px 12px;
  background:rgba(10,25,41,.92);
  backdrop-filter:blur(8px);
  color:var(--ee-sky);
  font-family:var(--ee-serif-italic);
  font-style:italic;
  font-size:11.5px; font-weight:500;
  letter-spacing:.05em;
  border-radius:100px;
  border:1px solid rgba(125,211,252,.25);
}

.ee-listings .developer-logo{
  position:absolute; bottom:12px;
  inset-inline-end:12px;
  width:50px; height:50px;
  background:#FFFFFF;
  border-radius:12px;
  padding:6px;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 4px 12px rgba(10,25,41,.15);
  overflow:hidden;
}
.ee-listings .developer-logo img{
  width:100%; height:100%; object-fit:contain;
}

.ee-listings .project-card-content,
.ee-listings .unit-card-content,
.ee-listings .unitCardBody,
.ee-card__body{
  padding:18px 18px 20px;
  display:flex; flex-direction:column; gap:10px;
  flex:1;
}
.ee-listings .project-card-title,
.ee-listings .unit-card-title,
.ee-card__title{
  font-family:var(--ee-display);
  font-weight:600;
  font-size:17px;
  line-height:1.3;
  color:var(--ee-navy);
  margin:0;
  letter-spacing:-.01em;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.ee-listings .project-card-title a,
.ee-listings .unit-card-title a,
.ee-card__title a{
  color:inherit; text-decoration:none; transition:color .2s;
}
.ee-listings .project-card-title a:hover,
.ee-listings .unit-card-title a:hover,
.ee-card__title a:hover{ color:var(--ee-sky-3) }

.ee-listings .project-card-location,
.ee-listings .unit-card-location{
  display:inline-flex; align-items:center; gap:6px;
  font-size:12.5px;
  color:var(--ee-mute);
}
.ee-listings .project-card-location a,
.ee-listings .unit-card-location a{
  color:inherit; text-decoration:none;
  display:inline-flex; align-items:center; gap:6px;
  transition:color .2s;
}
.ee-listings .project-card-location a:hover,
.ee-listings .unit-card-location a:hover{ color:var(--ee-sky-3) }
.ee-listings .project-card-location i,
.ee-listings .unit-card-location i{ color:var(--ee-sky); font-size:12px }

.ee-listings .project-card-types{
  display:flex; flex-wrap:wrap; gap:6px; margin:2px 0;
}
.ee-listings .project-type-tag{
  padding:3px 10px;
  background:var(--ee-cream-2);
  color:var(--ee-ink);
  border-radius:100px;
  font-size:11px; font-weight:500;
  letter-spacing:.02em;
  border:1px solid var(--ee-line);
}

.ee-listings .project-card-details{
  display:flex; flex-wrap:wrap; gap:6px;
  padding-top:8px;
  border-top:1px dashed rgba(10,25,41,.08);
}
.ee-listings .pcd-pill{
  display:inline-flex; align-items:center; gap:5px;
  padding:4px 10px;
  background:rgba(125,211,252,.1);
  color:var(--ee-sky-3);
  border-radius:100px;
  font-size:11px; font-weight:600;
  font-variant-numeric:tabular-nums;
  border:1px solid rgba(125,211,252,.25);
}
.ee-listings .pcd-pill i{ font-size:10px }
.ee-listings .pcd-pill.pcd-gold{
  background:rgba(10,25,41,.06);
  color:var(--ee-navy);
  border-color:rgba(10,25,41,.15);
}

.ee-listings .project-card-price,
.ee-listings .unit-card-price,
.ee-listings .project-price,
.ee-listings .unit-price{
  padding-top:12px;
  margin-top:auto;
  border-top:1px solid var(--ee-line);
  display:flex; align-items:baseline; justify-content:space-between;
  gap:8px;
  flex-wrap:wrap;
}
.ee-listings .price-label{
  font-family:var(--ee-serif-italic);
  font-style:italic;
  font-size:11.5px;
  color:var(--ee-mute-2);
}
.ee-listings .price-value,
.ee-listings .project-card-price .price{
  font-family:var(--ee-display);
  font-weight:600;
  font-size:19px;
  color:var(--ee-navy);
  letter-spacing:-.01em;
  font-variant-numeric:tabular-nums;
  line-height:1.1;
}
.ee-listings .price-value .currency{
  font-size:.72em;
  font-weight:500;
  color:var(--ee-mute);
  margin-inline-start:4px;
}

.ee-listings .project-card-cta,
.ee-listings .unit-card-cta,
.ee-listings .btn-details,
.ee-card__cta{
  display:inline-flex; align-items:center; gap:6px;
  padding:8px 16px;
  background:var(--ee-navy);
  color:var(--ee-cream) !important;
  border-radius:100px;
  font-size:12.5px; font-weight:600;
  text-decoration:none; transition:all .22s;
  border:none;
}
.ee-listings .project-card-cta:hover,
.ee-listings .unit-card-cta:hover,
.ee-listings .btn-details:hover,
.ee-card__cta:hover{
  background:var(--ee-navy-2); transform:translateY(-1px);
  box-shadow:0 6px 16px -6px rgba(10,25,41,.4);
}

/* Pagination */
.ee-listings .pagination,
.ee-listings .paginationWrap ul,
.ee-pagination{
  display:inline-flex;
  padding:5px;
  background:var(--ee-cream-2);
  border-radius:14px;
  gap:2px;
  margin:32px auto 0;
  list-style:none;
  border:1px solid var(--ee-line);
}
.ee-listings .paginationWrap{ display:flex; justify-content:center }
.ee-listings .pagination li a,
.ee-listings .pagination li span,
.ee-listings .paginationWrap ul li a,
.ee-listings .paginationWrap ul li span,
.ee-pagination li a,
.ee-pagination li span{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:38px; height:38px;
  padding:0 12px;
  border-radius:10px;
  color:var(--ee-ink);
  font-size:13px; font-weight:600;
  text-decoration:none;
  transition:all .2s;
  background:transparent; border:none;
}
.ee-listings .pagination li:hover a,
.ee-listings .paginationWrap ul li:hover a,
.ee-pagination li:hover a{
  color:var(--ee-navy); background:#FFFFFF;
}
.ee-listings .pagination li.active span,
.ee-listings .pagination li.active a,
.ee-listings .paginationWrap ul li.active span,
.ee-listings .paginationWrap ul li.active a,
.ee-pagination li.active span,
.ee-pagination li.active a{
  background:var(--ee-navy);
  color:var(--ee-sky);
  box-shadow:0 2px 6px rgba(10,25,41,.25);
}
.ee-listings .pagination li.disabled span,
.ee-pagination li.disabled span{
  color:#CBD5E1; cursor:not-allowed;
}

/* Children (sub-area) card — used on area page */
.ee-children-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));
  gap:20px;
  margin-top:24px;
}
.ee-child-card{
  display:flex; flex-direction:column;
  background:#FFFFFF;
  border:1px solid var(--ee-line);
  border-radius:16px;
  overflow:hidden;
  text-decoration:none;
  color:inherit;
  transition:all .3s cubic-bezier(.16,1,.3,1);
  box-shadow:0 1px 2px rgba(10,25,41,.03), 0 6px 18px -10px rgba(10,25,41,.08);
}
.ee-child-card:hover{
  transform:translateY(-4px);
  border-color:rgba(125,211,252,.5);
  box-shadow:0 1px 2px rgba(10,25,41,.04),0 18px 38px -14px rgba(10,25,41,.18);
}
.ee-child-card__photo{
  position:relative;
  aspect-ratio:16/10;
  background:linear-gradient(135deg,var(--ee-navy) 0%,var(--ee-navy-3) 100%);
  background-size:cover; background-position:center;
  overflow:hidden;
}
.ee-child-card__photo::after{
  content:'';
  position:absolute; inset:0;
  background:linear-gradient(180deg,transparent 40%, rgba(10,25,41,.88) 100%);
}
.ee-child-card__name{
  position:absolute;
  bottom:16px; inset-inline-start:16px; inset-inline-end:16px;
  color:var(--ee-cream);
  font-family:var(--ee-display);
  font-size:19px; font-weight:600;
  letter-spacing:-.01em;
  line-height:1.2;
  z-index:2;
}
.ee-child-card__stats{
  display:flex; gap:10px;
  padding:14px 16px;
  background:#FFFFFF;
  border-top:1px solid var(--ee-line);
}
.ee-child-card__stat{
  flex:1;
  display:flex; flex-direction:column; gap:2px;
}
.ee-child-card__stat-num{
  font-family:var(--ee-display);
  font-size:20px; font-weight:600;
  color:var(--ee-navy);
  line-height:1;
  font-variant-numeric:tabular-nums;
  letter-spacing:-.01em;
}
.ee-child-card__stat-label{
  font-family:var(--ee-serif-italic);
  font-style:italic;
  font-size:11px;
  color:var(--ee-mute);
  letter-spacing:.04em;
}
.ee-child-card__stat + .ee-child-card__stat{
  padding-inline-start:12px;
  border-inline-start:1px solid var(--ee-line);
}

/* Description editorial card (below listings) */
.ee-desc-section{
  padding:clamp(56px,7vw,88px) 0;
  background:linear-gradient(180deg, var(--ee-cream) 0%, #ECF1F7 100%);
  position:relative;
}
.ee-desc-section::before{
  content:'';
  position:absolute; inset:0;
  background-image:
    radial-gradient(circle at 10% 20%, rgba(125,211,252,.06) 0%, transparent 50%),
    radial-gradient(circle at 90% 80%, rgba(10,25,41,.04) 0%, transparent 50%);
  pointer-events:none;
}
.ee-desc-card{
  position:relative;
  max-width:820px;
  margin:0 auto;
  padding:clamp(32px,5vw,56px) clamp(22px,4vw,50px);
  background:#fff;
  border-radius:20px;
  box-shadow:0 1px 2px rgba(10,25,41,.04),0 12px 40px -20px rgba(10,25,41,.18),0 40px 80px -30px rgba(10,25,41,.08);
  border:1px solid var(--ee-line);
}
.ee-desc-rule{
  position:absolute; top:0; left:50%;
  transform:translate(-50%,-50%);
  width:64px; height:4px;
  background:linear-gradient(90deg,var(--ee-sky) 0%,var(--ee-navy) 100%);
  border-radius:4px;
}
.ee-desc-eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--ee-mute);
  font-weight:600;
  margin-bottom:14px;
}
.ee-desc-eyebrow::before{
  content:''; width:6px; height:6px; border-radius:50%;
  background:var(--ee-sky);
  box-shadow:0 0 0 4px rgba(125,211,252,.18);
}
.ee-desc-title{
  font-family:var(--ee-display);
  font-weight:600;
  font-size:clamp(26px,3.3vw,38px);
  line-height:1.15;
  color:var(--ee-navy);
  letter-spacing:-.015em;
  margin:0 0 22px;
}
.ee-desc-body{
  position:relative;
  font-family:var(--ee-body);
  font-size:clamp(15px, 1.2vw, 17px);
  line-height:1.9;
  color:var(--ee-ink);
  overflow:hidden;
  max-height:480px;
  transition:max-height .5s ease;
}
.ee-desc-body.is-expanded{ max-height:none }
.ee-desc-body:not(.is-expanded)::after{
  content:'';
  position:absolute; left:0; right:0; bottom:0;
  height:140px;
  background:linear-gradient(180deg, rgba(255,255,255,0) 0%, #fff 85%);
  pointer-events:none;
}
.ee-desc-body p{ margin:0 0 1em }
.ee-desc-body p:last-child{ margin-bottom:0 }
.ee-desc-body h2,
.ee-desc-body h3{
  font-family:var(--ee-display);
  font-weight:600; color:var(--ee-navy);
  font-size:1.3em;
  margin:1.4em 0 .6em;
  letter-spacing:-.01em;
}
.ee-desc-body a{
  color:#0284C7;
  text-decoration:none;
  border-bottom:1px solid rgba(2,132,199,.3);
  transition:border-color .2s;
}
.ee-desc-body a:hover{ border-color:#0284C7 }
.ee-desc-body ul,
.ee-desc-body ol{ padding-inline-start:1.5em; margin:.8em 0 }
.ee-desc-body li{ margin-bottom:.4em }
.ee-desc-toggle{
  display:inline-flex; align-items:center; gap:8px;
  margin-top:22px;
  padding:11px 22px;
  background:var(--ee-navy);
  color:#fff; border:none;
  border-radius:100px;
  font-family:inherit;
  font-size:13.5px; font-weight:600;
  letter-spacing:.03em;
  cursor:pointer;
  transition:all .25s;
  box-shadow:0 8px 20px -8px rgba(10,25,41,.35);
}
.ee-desc-toggle:hover{
  background:var(--ee-navy-2);
  transform:translateY(-1px);
  box-shadow:0 12px 26px -8px rgba(10,25,41,.45);
}
.ee-desc-toggle svg{ transition:transform .3s }
.ee-desc-toggle.is-open svg{ transform:rotate(180deg) }

/* Mobile */
@media(max-width:640px){
  .ee-listings .territory-tab,
  .ee-tab{ padding:9px 16px; font-size:13px }
  .ee-listings .project-cards-grid,
  .ee-listings-grid{ grid-template-columns:1fr; gap:16px }
  .ee-listings .listing-controls{ padding:14px; gap:10px }
  .ee-listings .listing-count{ font-size:12.5px }
  .ee-listings .view-options{ display:none }
  .ee-children-grid{ grid-template-columns:repeat(2, 1fr); gap:12px }
  .ee-child-card__name{ font-size:16px }
  .ee-child-card__stat-num{ font-size:17px }
}

/* Developer card (for developers index page) */
.ee-dev-card{
  position:relative;
  display:flex; flex-direction:column;
  background:#FFFFFF;
  border:1px solid var(--ee-line);
  border-radius:18px;
  overflow:hidden;
  text-decoration:none;
  color:inherit;
  transition:all .3s cubic-bezier(.16,1,.3,1);
  padding:22px;
  gap:16px;
  min-height:220px;
  box-shadow:0 1px 2px rgba(10,25,41,.03), 0 6px 20px -12px rgba(10,25,41,.1);
}
.ee-dev-card:hover{
  transform:translateY(-4px);
  border-color:rgba(125,211,252,.5);
  box-shadow:0 1px 2px rgba(10,25,41,.04),0 20px 44px -14px rgba(10,25,41,.18);
}
.ee-dev-card__logo{
  width:88px; height:88px;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,var(--ee-cream-3) 0%,var(--ee-cream-2) 100%);
  border:1px solid var(--ee-line);
  border-radius:14px;
  padding:10px;
  overflow:hidden;
}
.ee-dev-card__logo img{ width:100%; height:100%; object-fit:contain }
.ee-dev-card__name{
  font-family:var(--ee-display);
  font-weight:600;
  font-size:19px;
  line-height:1.2;
  color:var(--ee-navy);
  letter-spacing:-.01em;
  margin:0;
}
.ee-dev-card__stats{
  display:flex; gap:14px;
  padding-top:14px;
  margin-top:auto;
  border-top:1px solid var(--ee-line);
}
.ee-dev-card__stat{ display:flex; flex-direction:column; gap:2px }
.ee-dev-card__stat-num{
  font-family:var(--ee-display);
  font-size:18px;
  font-weight:600;
  color:var(--ee-navy);
  line-height:1;
  font-variant-numeric:tabular-nums;
}
.ee-dev-card__stat-label{
  font-family:var(--ee-serif-italic);
  font-style:italic;
  font-size:11px;
  color:var(--ee-mute);
  letter-spacing:.04em;
}

/* ============================================================
   EXTENDED — developer card (/developers list) overrides
   ============================================================ */
.ee-listings .developers-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));
  gap:22px;
  margin:22px 0 28px;
}
.ee-listings .dev-card{
  background:#FFFFFF;
  border:1px solid var(--ee-line);
  border-radius:18px;
  overflow:hidden;
  transition:all .3s cubic-bezier(.16,1,.3,1);
  box-shadow:0 1px 2px rgba(10,25,41,.03), 0 6px 20px -12px rgba(10,25,41,.1);
}
.ee-listings .dev-card:hover{
  transform:translateY(-4px);
  border-color:rgba(125,211,252,.5);
  box-shadow:0 1px 2px rgba(10,25,41,.04), 0 20px 44px -14px rgba(10,25,41,.18), 0 0 0 1px rgba(125,211,252,.12);
}
.ee-listings .dev-card__inner{ padding:22px; display:flex; flex-direction:column; gap:14px; height:100% }
.ee-listings .dev-card__logo-wrap{
  align-self:flex-start;
}
.ee-listings .dev-card__logo{
  display:flex; align-items:center; justify-content:center;
  width:92px; height:92px;
  background:linear-gradient(135deg, var(--ee-cream-3) 0%, var(--ee-cream-2) 100%);
  border:1px solid var(--ee-line);
  border-radius:14px;
  padding:10px;
  overflow:hidden;
}
.ee-listings .dev-card__logo img{ width:100%; height:100%; object-fit:contain }
.ee-listings .dev-card__name{
  font-family:var(--ee-display);
  font-weight:600;
  font-size:22px;
  line-height:1.2;
  color:var(--ee-navy);
  margin:0;
  letter-spacing:-.01em;
}
.ee-listings .dev-card__name a{ color:inherit; text-decoration:none; transition:color .2s }
.ee-listings .dev-card__name a:hover{ color:var(--ee-sky-3) }
.ee-listings .dev-card__rating{
  display:inline-flex; align-items:center; gap:3px;
  color:var(--ee-sky-3);
  font-size:13px;
}
.ee-listings .dev-card__rating .fa-star,
.ee-listings .dev-card__rating .fa-star-half-alt{ color:var(--ee-sky-2) }
.ee-listings .dev-card__rating .far.fa-star{ color:rgba(10,25,41,.18) }
.ee-listings .dev-card__rating-num{
  margin-inline-start:6px;
  font-family:var(--ee-serif-italic); font-style:italic;
  color:var(--ee-mute); font-size:12px;
}
.ee-listings .dev-card__stats{
  display:flex; align-items:stretch;
  gap:0;
  padding:14px 0;
  border-top:1px solid var(--ee-line);
  border-bottom:1px solid var(--ee-line);
  margin-top:4px;
}
.ee-listings .dev-card__stat{
  flex:1;
  display:flex; align-items:center; gap:10px;
  min-width:0;
}
.ee-listings .dev-card__stat i{
  width:32px; height:32px;
  display:inline-flex; align-items:center; justify-content:center;
  background:rgba(125,211,252,.12);
  color:var(--ee-sky-3);
  border-radius:8px;
  font-size:12px;
  flex-shrink:0;
}
.ee-listings .dev-card__stat-info{
  display:flex; flex-direction:column; min-width:0;
}
.ee-listings .dev-card__stat-val{
  font-family:var(--ee-display);
  font-weight:600; font-size:15px;
  color:var(--ee-navy);
  font-variant-numeric:tabular-nums;
  line-height:1.1;
}
.ee-listings .dev-card__stat-label{
  font-family:var(--ee-serif-italic); font-style:italic;
  font-size:10.5px;
  color:var(--ee-mute);
  letter-spacing:.02em;
}
.ee-listings .dev-card__stat-divider{
  width:1px;
  background:var(--ee-line);
}
.ee-listings .dev-card__locations{
  display:flex; flex-wrap:wrap; gap:6px;
}
.ee-listings .dev-card__loc-tag{
  display:inline-flex; align-items:center; gap:5px;
  padding:5px 12px;
  background:var(--ee-cream-2);
  color:var(--ee-ink);
  border-radius:100px;
  font-size:11.5px; font-weight:500;
  text-decoration:none;
  border:1px solid var(--ee-line);
  transition:all .2s;
}
.ee-listings .dev-card__loc-tag:hover{
  background:rgba(125,211,252,.1);
  border-color:rgba(125,211,252,.3);
  color:var(--ee-sky-3);
}
.ee-listings .dev-card__loc-tag i{ color:var(--ee-sky); font-size:10px }
.ee-listings .dev-card__desc{
  font-family:var(--ee-body);
  font-size:13.5px;
  line-height:1.7;
  color:var(--ee-ink);
  margin:0;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.ee-listings .dev-card__badges{
  display:flex; flex-wrap:wrap; gap:5px;
  margin-top:auto;
}
.ee-listings .dev-card__badge{
  padding:3px 10px;
  background:rgba(10,25,41,.05);
  color:var(--ee-navy);
  border-radius:100px;
  font-size:11px; font-weight:500;
  border:1px solid var(--ee-line);
}

/* ============================================================
   EXTENDED — compound card (/compounds list) overrides
   ============================================================ */
.ee-listings .compounds-grid,
.ee-listings .compound-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));
  gap:24px;
  margin:22px 0 28px;
}
.ee-listings .cmp-card,
.ee-listings .compound-card{
  background:#FFFFFF;
  border:1px solid var(--ee-line);
  border-radius:18px;
  overflow:hidden;
  transition:all .3s cubic-bezier(.16,1,.3,1);
  display:flex; flex-direction:column;
  box-shadow:0 1px 2px rgba(10,25,41,.03), 0 6px 20px -12px rgba(10,25,41,.1);
}
.ee-listings .cmp-card:hover,
.ee-listings .compound-card:hover{
  transform:translateY(-4px);
  border-color:rgba(125,211,252,.5);
  box-shadow:0 1px 2px rgba(10,25,41,.04), 0 20px 44px -14px rgba(10,25,41,.18), 0 0 0 1px rgba(125,211,252,.12);
}

/* Mobile hero title fixes — allow wrap, reduce size for long strings */
.ee-hero__title{
  word-wrap:break-word;
  overflow-wrap:break-word;
  word-break:normal;
  hyphens:none;
}
@media(max-width:768px){
  .ee-hero__title{
    font-size:clamp(28px, 7.5vw, 44px);
    line-height:1.08;
    max-width:100%;
  }
  .ee-hero__tagline{ max-width:100% }
  .ee-hero{ padding-inline:0 }
  .ee-hero__inner{ padding:0 18px }
}
@media(max-width:480px){
  .ee-hero__title{ font-size:clamp(24px, 8vw, 36px) }
  .ee-hero__eyebrow-text{ font-size:11.5px }
  .ee-hero__stat-num{ font-size:24px }
  .ee-hero__stat-label{ font-size:10.5px }
}
/* Cap very long AR titles — proper RTL breaks */
html[dir='rtl'] .ee-hero__title{
  text-align:start;
  line-break:normal;
}

/* Mobile header-safe hero top padding */
@media(max-width:1024px){
  .ee-hero{ padding-top:clamp(96px, 16vh, 140px) }
  .ee-hero__breadcrumb{ margin-bottom:8px }
}
@media(max-width:640px){
  .ee-hero{ padding-top:110px; padding-bottom:90px }
  .ee-hero__eyebrow{ margin-top:2px }
  .ee-hero__eyebrow-text{ font-size:10.5px; letter-spacing:.1em }
  .ee-hero__eyebrow-line{ width:28px }
  .ee-hero__inner{ gap:12px }
}

/* ============================================================
   FOR-SALE / MARKET STATISTICS — editorial overrides
   ============================================================ */
.fs-stats{
  background:linear-gradient(180deg, #F8FAFC 0%, #EDF2F7 100%);
  padding:clamp(64px, 7vw, 96px) 20px;
  position:relative;
  border-bottom:1px solid var(--ee-line);
}
.fs-stats::before{
  content:'';
  position:absolute; inset:0;
  background-image:
    radial-gradient(1000px 500px at 10% 0%, rgba(125,211,252,.08) 0%, transparent 50%),
    radial-gradient(800px 500px at 90% 100%, rgba(10,25,41,.04) 0%, transparent 50%);
  pointer-events:none;
}
.fs-stats__inner{ max-width:1240px; margin:0 auto; position:relative }
.fs-stats__title{
  font-family:var(--ee-display);
  font-weight:600;
  font-size:clamp(28px, 3.4vw, 40px);
  color:var(--ee-navy);
  text-align:center;
  margin:0 0 8px;
  letter-spacing:-.015em;
  display:flex; align-items:center; justify-content:center; gap:14px;
}
.fs-stats__title i{
  width:44px; height:44px;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:50%;
  background:rgba(125,211,252,.15);
  color:var(--ee-sky-3);
  font-size:18px;
}
.fs-stats__inner::after{
  content:'Market intelligence — live data from verified listings';
  display:block;
  text-align:center;
  font-family:var(--ee-serif-italic);
  font-style:italic;
  font-size:14px;
  color:var(--ee-mute);
  margin:0 auto 40px;
}
html[dir='rtl'] .fs-stats__inner::after{
  content:'ذكاء السوق — بيانات حيّة من إعلانات موثّقة';
}
.fs-stats__grid{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:22px;
}
@media(max-width:900px){
  .fs-stats__grid{ grid-template-columns:1fr }
}
.fs-stats__card{
  background:#FFFFFF;
  border:1px solid var(--ee-line);
  border-radius:20px;
  padding:28px 26px;
  box-shadow:
    0 1px 2px rgba(10,25,41,.03),
    0 14px 40px -20px rgba(10,25,41,.12);
  transition:box-shadow .3s ease;
}
.fs-stats__card:hover{
  box-shadow:
    0 1px 2px rgba(10,25,41,.04),
    0 20px 50px -20px rgba(10,25,41,.18);
}
.fs-stats__card--wide{ grid-column:1/-1 }
.fs-stats__card h3{
  font-family:var(--ee-display);
  font-weight:600;
  font-size:20px;
  color:var(--ee-navy);
  letter-spacing:-.01em;
  margin:0 0 22px;
  display:flex; align-items:center; gap:10px;
}
.fs-stats__card h3::before{
  content:'';
  width:4px; height:18px;
  background:linear-gradient(180deg, var(--ee-sky), var(--ee-navy));
  border-radius:4px;
}

/* Price distribution (vertical bars) */
.fs-chart-bars{
  display:flex; align-items:flex-end;
  gap:10px;
  height:180px;
  padding:12px 4px 0;
}
.fs-chart-bar-item{
  flex:1;
  display:flex; flex-direction:column;
  align-items:center;
  gap:8px;
  min-width:0;
}
.fs-chart-bar-wrap{
  width:100%;
  height:120px;
  display:flex; align-items:flex-end;
  justify-content:center;
}
.fs-chart-bar{
  width:100%;
  max-width:48px;
  border-radius:8px 8px 0 0;
  background:linear-gradient(180deg, var(--ee-sky) 0%, var(--ee-sky-3) 100%) !important;
  transition:all .3s ease;
  position:relative;
  box-shadow:0 2px 8px rgba(125,211,252,.3);
}
.fs-chart-bar:hover{
  transform:scaleY(1.04);
  transform-origin:bottom;
  box-shadow:0 4px 16px rgba(125,211,252,.5);
}
.fs-chart-bar-count{
  font-family:var(--ee-display);
  font-size:15px; font-weight:600;
  color:var(--ee-navy);
  font-variant-numeric:tabular-nums;
  letter-spacing:-.01em;
}
.fs-chart-bar-label{
  font-family:var(--ee-serif-italic);
  font-style:italic;
  font-size:11px;
  color:var(--ee-mute);
  text-align:center;
  line-height:1.3;
  max-width:80px;
}

/* Horizontal bars (avg price by location) */
.fs-chart-hbars{ display:flex; flex-direction:column; gap:14px }
.fs-hbar-row{
  display:grid;
  grid-template-columns:minmax(120px, 40%) 1fr;
  align-items:center;
  gap:14px;
}
.fs-hbar-label{
  font-size:13px;
  color:var(--ee-ink);
  font-weight:500;
  line-height:1.3;
  white-space:nowrap;
  overflow:hidden; text-overflow:ellipsis;
}
.fs-hbar-track{
  position:relative;
  height:28px;
  background:var(--ee-cream-2);
  border-radius:100px;
  overflow:hidden;
}
.fs-hbar-fill{
  height:100%;
  background:linear-gradient(90deg, var(--ee-sky) 0%, var(--ee-sky-3) 100%);
  border-radius:100px;
  display:flex; align-items:center; justify-content:flex-end;
  padding:0 10px;
  transition:width .6s cubic-bezier(.16,1,.3,1);
  box-shadow:0 2px 6px rgba(125,211,252,.35);
}
.fs-hbar-fill span{
  color:#fff;
  font-family:var(--ee-display);
  font-size:13px; font-weight:600;
  font-variant-numeric:tabular-nums;
  letter-spacing:-.01em;
  white-space:nowrap;
}

/* Properties by type grid */
.fs-type-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));
  gap:14px;
}
.fs-type-item{
  padding:18px 16px;
  background:linear-gradient(180deg, var(--ee-cream-3) 0%, var(--ee-cream-2) 100%);
  border:1px solid var(--ee-line);
  border-radius:14px;
  text-align:center;
  transition:all .25s ease;
  position:relative;
  overflow:hidden;
}
.fs-type-item::before{
  content:'';
  position:absolute; top:0; left:0; right:0;
  height:3px;
  background:linear-gradient(90deg, var(--ee-sky), var(--ee-navy));
  opacity:0;
  transition:opacity .25s;
}
.fs-type-item:hover{
  transform:translateY(-2px);
  border-color:rgba(125,211,252,.5);
  box-shadow:0 8px 20px -8px rgba(10,25,41,.15);
}
.fs-type-item:hover::before{ opacity:1 }
.fs-type-count{
  font-family:var(--ee-display);
  font-size:26px; font-weight:600;
  color:var(--ee-navy);
  line-height:1;
  font-variant-numeric:tabular-nums;
  letter-spacing:-.01em;
}
.fs-type-name{
  font-family:var(--ee-body);
  font-size:13px;
  color:var(--ee-ink);
  margin:6px 0 4px;
  font-weight:500;
}
.fs-type-ppm{
  font-family:var(--ee-serif-italic);
  font-style:italic;
  font-size:11.5px;
  color:var(--ee-sky-3);
  font-variant-numeric:tabular-nums;
}

/* Nearby areas section on /for-sale */
.fs-areas{ padding:clamp(48px, 6vw, 72px) 20px; background:#fff }
.fs-areas__header{ text-align:center; max-width:720px; margin:0 auto 32px }
.fs-areas__title{
  font-family:var(--ee-display);
  font-weight:600;
  font-size:clamp(24px, 2.8vw, 34px);
  color:var(--ee-navy);
  margin:0 0 10px;
  display:flex; align-items:center; justify-content:center; gap:10px;
  letter-spacing:-.01em;
}
.fs-areas__title i{ color:var(--ee-sky); font-size:.7em }
.fs-areas__subtitle{
  color:var(--ee-mute);
  font-size:14.5px;
  margin:0;
  font-family:var(--ee-body);
}
.fs-areas__grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));
  gap:14px;
  max-width:1240px; margin:0 auto;
}
.fs-areas__grid a{
  padding:14px 18px;
  background:var(--ee-cream-3);
  border:1px solid var(--ee-line);
  border-radius:12px;
  text-decoration:none;
  color:var(--ee-navy);
  font-family:var(--ee-body);
  font-size:13.5px; font-weight:500;
  transition:all .22s;
  display:flex; align-items:center; justify-content:space-between;
  gap:10px;
}
.fs-areas__grid a:hover{
  border-color:rgba(125,211,252,.5);
  background:#fff;
  color:var(--ee-sky-3);
  transform:translateY(-1px);
  box-shadow:0 6px 16px -8px rgba(10,25,41,.14);
}
.fs-areas__more{ display:flex; justify-content:center; margin-top:26px }
.fs-areas__more-btn{
  display:inline-flex; align-items:center; gap:8px;
  padding:11px 22px;
  background:var(--ee-navy);
  color:var(--ee-cream);
  border:none;
  border-radius:100px;
  font-family:var(--ee-body);
  font-size:13.5px; font-weight:600;
  cursor:pointer;
  transition:all .22s;
  box-shadow:0 8px 20px -8px rgba(10,25,41,.35);
}
.fs-areas__more-btn:hover{
  background:var(--ee-navy-2);
  transform:translateY(-1px);
  box-shadow:0 12px 26px -8px rgba(10,25,41,.45);
}

/* Grid header (listing count) on /for-sale */
.fs-grid-header{
  display:flex; align-items:center; justify-content:space-between;
  padding:16px 0;
  margin-bottom:18px;
  border-bottom:1px solid var(--ee-line);
}
.fs-grid-header__count{
  margin:0;
  font-size:14px;
  color:var(--ee-ink);
  font-family:var(--ee-body);
  display:inline-flex; align-items:center; gap:10px;
}
.fs-grid-header__count i{ color:var(--ee-sky) }
.fs-grid-header__count strong{
  color:var(--ee-navy); font-weight:700;
  font-variant-numeric:tabular-nums;
}

/* ============================================================
   FLOATING CTA (desktop unit/project pages) — editorial refine
   ============================================================ */
.pv-floating-cta{
  bottom:32px !important;
  gap:10px !important;
}
.pv-float-btn{
  width:54px !important; height:54px !important;
  border-radius:16px !important;
  background:#FFFFFF !important;
  color:var(--ee-navy) !important;
  font-size:20px !important;
  border:1px solid var(--ee-line) !important;
  box-shadow:
    0 1px 2px rgba(10,25,41,.04),
    0 10px 26px -12px rgba(10,25,41,.22),
    0 0 0 1px rgba(255,255,255,.5) inset !important;
  position:relative;
  overflow:hidden;
  transform:none !important;
  transition:all .28s cubic-bezier(.16,1,.3,1) !important;
}
.pv-float-btn::before{
  content:'';
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.6), rgba(255,255,255,0) 50%);
  pointer-events:none;
}
.pv-float-btn:hover{
  transform:translateY(-3px) !important;
  box-shadow:
    0 1px 2px rgba(10,25,41,.05),
    0 16px 36px -12px rgba(10,25,41,.3),
    0 0 0 1px rgba(255,255,255,.5) inset !important;
  border-color:rgba(125,211,252,.5) !important;
}
.pv-float-btn i{
  position:relative;
  z-index:2;
  background:linear-gradient(160deg, var(--ee-navy) 0%, var(--ee-navy-3) 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}
.pv-float-wa{
  background:linear-gradient(160deg, #25D366 0%, #128C7E 100%) !important;
  border-color:rgba(255,255,255,.3) !important;
  color:#fff !important;
}
.pv-float-wa i{
  -webkit-text-fill-color:#fff !important;
  background:none !important;
}
.pv-float-wa:hover{
  box-shadow:
    0 1px 2px rgba(37,211,102,.1),
    0 16px 36px -10px rgba(18,140,126,.5) !important;
}
.pv-float-phone{
  background:linear-gradient(160deg, var(--ee-navy) 0%, var(--ee-navy-3) 100%) !important;
  color:#fff !important;
  border-color:rgba(125,211,252,.3) !important;
}
.pv-float-phone i{
  -webkit-text-fill-color:#fff !important;
  background:none !important;
}
.pv-float-phone:hover{
  box-shadow:
    0 1px 2px rgba(10,25,41,.12),
    0 16px 36px -10px rgba(10,25,41,.45) !important;
  border-color:rgba(125,211,252,.6) !important;
}
/* Email: refined ivory + navy (no orange) */
.pv-float-email{
  background:#FFFFFF !important;
  color:var(--ee-navy) !important;
}
.pv-float-email i{
  -webkit-text-fill-color:inherit !important;
  background:none !important;
  color:var(--ee-sky-3);
}
.pv-float-email:hover{
  box-shadow:
    0 1px 2px rgba(10,25,41,.05),
    0 16px 36px -10px rgba(125,211,252,.35) !important;
  border-color:rgba(125,211,252,.55) !important;
}

/* Tooltip-style label on hover (desktop) */
@media(min-width: 1024px){
  .pv-float-btn{ position:relative }
  .pv-float-btn::after{
    content:attr(aria-label);
    position:absolute;
    top:50%;
    inset-inline-start:calc(100% + 10px);
    transform:translateY(-50%);
    padding:7px 12px;
    background:var(--ee-navy);
    color:var(--ee-cream);
    font-family:var(--ee-body);
    font-size:12px; font-weight:500;
    border-radius:8px;
    white-space:nowrap;
    opacity:0; pointer-events:none;
    transition:opacity .25s, transform .25s;
    box-shadow:0 8px 20px -6px rgba(10,25,41,.3);
    letter-spacing:.01em;
  }
  html[dir='rtl'] .pv-float-btn::after{
    inset-inline-start:auto;
    inset-inline-end:calc(100% + 10px);
  }
  .pv-float-btn:hover::after{
    opacity:1;
    transform:translateY(-50%) translateX(0);
  }
  html[dir='rtl'] .pv-float-btn:hover::after{ transform:translateY(-50%) }
}

/* ============================================================
   ADD LISTING header button — refined editorial
   ============================================================ */
.header-cta-btn{
  background:linear-gradient(135deg, #0F1B2C 0%, #1E3A5F 100%) !important;
  padding:10px 18px !important;
  font-weight:600 !important;
  font-size:13px !important;
  letter-spacing:.01em;
  box-shadow:
    0 1px 2px rgba(10,25,41,.18),
    0 8px 18px -6px rgba(10,25,41,.4),
    0 0 0 1px rgba(255,255,255,.12) inset !important;
  border:1px solid rgba(255,255,255,.08) !important;
  position:relative;
  overflow:hidden;
  transition:all .28s cubic-bezier(.16,1,.3,1) !important;
}
.header-cta-btn::before{
  content:'';
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.18) 0%, rgba(255,255,255,0) 50%);
  pointer-events:none;
}
.header-cta-btn::after{
  content:'';
  position:absolute;
  top:0; inset-inline-start:-100%;
  width:100%; height:100%;
  background:linear-gradient(120deg, transparent 30%, rgba(255,255,255,.3) 50%, transparent 70%);
  transition:inset-inline-start .6s cubic-bezier(.16,1,.3,1);
  pointer-events:none;
}
.header-cta-btn:hover{
  transform:translateY(-1px);
  box-shadow:
    0 1px 2px rgba(10,25,41,.22),
    0 12px 26px -6px rgba(10,25,41,.5),
    0 0 0 1px rgba(255,255,255,.12) inset !important;
  background:linear-gradient(135deg, #1E3A5F 0%, #0369A1 100%) !important;
}
.header-cta-btn:hover::after{ inset-inline-start:100% }
.header-cta-btn i{
  font-size:11px !important;
  position:relative; z-index:2;
}
.header-cta-text{
  position:relative; z-index:2;
  font-weight:600;
}

/* ============================================================
   UNIT PAGE — calculator + price intel + similar units refine
   ============================================================ */

/* === Payment Calculator — compact + editorial === */
.pv-calculator-section{ padding:clamp(48px,6vw,72px) 0 !important; }
.pv-calc-wrapper{
  max-width:1080px !important;
  margin:0 auto !important;
  padding:clamp(28px, 4vw, 44px) !important;
  background:linear-gradient(160deg, #0A1929 0%, #0F1B2C 55%, #1E3A5F 100%) !important;
  border-radius:24px !important;
  box-shadow:
    0 1px 2px rgba(10,25,41,.04),
    0 24px 60px -20px rgba(10,25,41,.35) !important;
  border:1px solid rgba(125,211,252,.12) !important;
}
.pv-calc-bg-deco .pv-deco-circle{
  background:rgba(125,211,252,.08) !important;
  filter:blur(60px) !important;
}
.pv-calc-header{ margin-bottom:22px !important; }
.pv-calc-header-icon{
  width:44px !important; height:44px !important;
  background:rgba(125,211,252,.12) !important;
  border-radius:12px !important;
}
.pv-calc-header-icon i{ color:#7DD3FC !important; font-size:18px !important; }
.pv-calc-header h2{
  font-family:var(--ee-display) !important;
  font-size:22px !important;
  font-weight:600 !important;
  letter-spacing:-.01em;
  color:#F8FAFC !important;
}
.pv-calc-header small{ font-size:12.5px !important; font-family:var(--ee-serif-italic); font-style:italic }
.pv-calc-types{ gap:6px !important; margin-bottom:20px !important; }
.pv-calc-type-pill{
  padding:8px 14px !important;
  border-radius:100px !important;
  border-color:rgba(125,211,252,.18) !important;
  font-size:12.5px !important;
}
.pv-calc-type-pill.active{
  background:rgba(125,211,252,.18) !important;
  border-color:rgba(125,211,252,.5) !important;
  color:#fff !important;
}
.pv-calc-type-pill:hover{ border-color:rgba(125,211,252,.4) !important; }
.pv-calc-type-pill .pill-range{ font-size:10.5px !important; }
.pv-calc-grid{ gap:24px !important; }
.pv-calc-controls{ gap:18px !important; }
.pv-calc-label-row label{ font-size:12.5px !important; font-weight:500 !important; letter-spacing:.02em }
.pv-calc-label-row .pv-calc-value{
  color:#7DD3FC !important;
  font-family:var(--ee-display) !important;
  font-weight:600 !important;
  font-size:15px !important;
}
.pv-calc-range{
  height:6px !important;
}
.pv-calc-range::-webkit-slider-thumb{
  background:#7DD3FC !important;
  border:3px solid #fff !important;
  box-shadow:0 2px 8px rgba(125,211,252,.5) !important;
  width:18px !important; height:18px !important;
}
.pv-calc-range::-moz-range-thumb{
  background:#7DD3FC !important;
  border:3px solid #fff !important;
  width:18px !important; height:18px !important;
}
.pv-calc-chips{ gap:5px !important; }
.pv-calc-chip{
  padding:5px 11px !important;
  font-size:11.5px !important;
  border-radius:100px !important;
  border-color:rgba(125,211,252,.16) !important;
}
.pv-calc-chip.active{
  background:rgba(125,211,252,.16) !important;
  border-color:rgba(125,211,252,.5) !important;
  color:#fff !important;
}
.pv-calc-result{
  background:rgba(255,255,255,.02) !important;
  border:1px solid rgba(125,211,252,.12) !important;
  border-radius:18px !important;
  padding:22px !important;
}
.pv-calc-ring{ width:130px !important; height:130px !important; }
.pv-calc-ring-circle-fg{ stroke:#7DD3FC !important; }
.pv-calc-ring-center{
  font-family:var(--ee-display) !important;
}
.pv-calc-ring-value{
  color:#7DD3FC !important;
  font-size:28px !important;
  font-weight:600 !important;
}
.pv-calc-ring-sub{ font-size:10.5px !important; color:rgba(248,250,252,.55) !important; font-family:var(--ee-serif-italic); font-style:italic }
.pv-calc-summary{ gap:10px !important; }
.pv-calc-summary-row{
  padding:10px 14px !important;
  border-radius:10px !important;
  background:rgba(255,255,255,.025) !important;
  border:1px solid rgba(125,211,252,.08) !important;
}
.pv-calc-summary-label{ font-size:11.5px !important; color:rgba(248,250,252,.6) !important }
.pv-calc-summary-value{
  font-family:var(--ee-display) !important;
  font-size:15px !important;
  font-weight:600 !important;
  color:#F8FAFC !important;
}
.pv-calc-summary-value.highlight{ color:#7DD3FC !important; font-size:17px !important; }
.pv-calc-cta{
  margin-top:18px !important;
  padding:12px 22px !important;
  background:#7DD3FC !important;
  color:#0A1929 !important;
  border:none !important;
  border-radius:100px !important;
  font-weight:700 !important;
  font-size:13.5px !important;
  box-shadow:0 8px 20px -8px rgba(125,211,252,.5) !important;
}
.pv-calc-cta:hover{
  background:#38BDF8 !important;
  transform:translateY(-1px);
  box-shadow:0 12px 26px -8px rgba(125,211,252,.6) !important;
}
/* Replace any gold accents remaining */
.pv-calc-header-icon i,
.pv-calculator-section .pv-calc-value,
.pv-calculator-section [style*='#d4a853'],
.pv-calculator-section [style*='#D4A853']{ color:#7DD3FC !important; }

/* === Price Intel — compact === */
.pv-price-intel{
  padding:0 !important;
  margin-bottom:20px !important;
}
.pi2-container, .pv-pi-wrapper{
  padding:24px !important;
  border-radius:18px !important;
  border:1px solid var(--ee-line) !important;
  background:linear-gradient(180deg, #fff 0%, #F8FAFC 100%) !important;
  box-shadow:0 1px 2px rgba(10,25,41,.03), 0 8px 24px -14px rgba(10,25,41,.12) !important;
}
.pi2-title, .pv-pi-title{
  font-family:var(--ee-display) !important;
  font-size:20px !important;
  font-weight:600 !important;
  color:var(--ee-navy) !important;
  letter-spacing:-.01em;
  margin:0 0 18px !important;
  display:flex; align-items:center; gap:10px;
}
.pi2-title i, .pv-pi-title i{
  width:34px; height:34px;
  display:inline-flex; align-items:center; justify-content:center;
  background:rgba(125,211,252,.15);
  color:var(--ee-sky-3);
  border-radius:10px;
  font-size:14px !important;
}
.pi2-row, .pv-pi-row{
  padding:12px 0 !important;
  border-bottom:1px dashed var(--ee-line) !important;
}
.pi2-row:last-child, .pv-pi-row:last-child{ border-bottom:none !important }
.pi2-label, .pv-pi-label{
  font-size:13px !important;
  color:var(--ee-ink) !important;
  font-weight:500;
}
.pi2-value, .pv-pi-value{
  font-family:var(--ee-display) !important;
  font-size:16px !important;
  font-weight:600 !important;
  color:var(--ee-navy) !important;
  letter-spacing:-.01em;
}
.pi-bar-fill, .pv-pi-bar{
  background:linear-gradient(90deg, var(--ee-sky) 0%, var(--ee-sky-3) 100%) !important;
  border-radius:100px !important;
  height:8px !important;
}
.pi2-container [style*='#d4a853'],
.pi2-container [style*='#D4A853']{ color:var(--ee-sky-3) !important; background:rgba(125,211,252,.1) !important }

/* === Similar Units cards (وحدات من نفس المشروع) === */
.pv-similar-card{
  border-radius:18px !important;
  border-color:var(--ee-line) !important;
  box-shadow:0 1px 2px rgba(10,25,41,.03), 0 6px 20px -12px rgba(10,25,41,.1) !important;
  transition:all .3s cubic-bezier(.16,1,.3,1) !important;
}
.pv-similar-card:hover{
  transform:translateY(-4px) !important;
  border-color:rgba(125,211,252,.5) !important;
  box-shadow:0 1px 2px rgba(10,25,41,.04), 0 20px 44px -14px rgba(10,25,41,.18), 0 0 0 1px rgba(125,211,252,.12) !important;
}
.pv-similar-img-wrap{ aspect-ratio:16/11 !important; height:auto !important; }
.pv-similar-dev{
  background:rgba(10,25,41,.88) !important;
  color:#7DD3FC !important;
  font-family:var(--ee-serif-italic) !important;
  font-style:italic;
  font-weight:500 !important;
  letter-spacing:.03em;
  border-radius:100px !important;
  border:1px solid rgba(125,211,252,.25);
  padding:4px 10px !important;
}
.pv-similar-price{
  background:#FFFFFF !important;
  color:var(--ee-navy) !important;
  font-family:var(--ee-display) !important;
  font-size:14px !important;
  font-weight:600 !important;
  letter-spacing:-.01em;
  border-radius:100px !important;
  border:1px solid var(--ee-line);
  box-shadow:0 4px 10px rgba(10,25,41,.12);
}
.pv-similar-body{ padding:16px 18px 18px !important; }
.pv-similar-name{
  font-family:var(--ee-display) !important;
  font-size:17px !important;
  font-weight:600 !important;
  letter-spacing:-.01em;
  line-height:1.3 !important;
}
.pv-similar-name a{ color:var(--ee-navy) !important; }
.pv-similar-name a:hover{ color:var(--ee-sky-3) !important; }
.pv-similar-loc{
  font-size:12.5px !important;
  color:var(--ee-mute) !important;
}
.pv-similar-loc i{ color:var(--ee-sky) !important }

/* Purge remaining gold anywhere on pv- pages */
.pv-floating-cta [style*='#d4a853'],
.pv-floating-cta [style*='#D4A853']{ color:#7DD3FC !important }

/* Global pv-gold override — replace all gold (#d4a853) with editorial sky */
:root{
  --pv-gold: #7DD3FC !important;
  --pv-gold-light: #BAE6FD !important;
  --pv-gold-dark: #0369A1 !important;
}
/* Belt-and-braces: target any inline color style */
.pv-calc-section [style*='#d4a853'],
.pv-calc-section [style*='#D4A853'],
.pv-calculator-section [style*='#d4a853'],
.pv-calculator-section [style*='#D4A853']{
  color:#7DD3FC !important;
  background-color:rgba(125,211,252,.15) !important;
  border-color:rgba(125,211,252,.3) !important;
}
.pv-calc-type-pill.active,
.pv-calc-chip.active,
.pv-calc-chip-year.active{
  background:rgba(125,211,252,.18) !important;
  color:#fff !important;
  border-color:rgba(125,211,252,.5) !important;
}
.pv-calc-ring-circle-fg,
circle[stroke='#d4a853'],
circle[stroke='#D4A853']{
  stroke:#7DD3FC !important;
}
/* Also for any gold CSS rule elsewhere */
[style*='color: #d4a853'],
[style*='color:#d4a853']{ color:#7DD3FC !important }
[style*='background: #d4a853'],
[style*='background:#d4a853']{ background:rgba(125,211,252,.15) !important }

/* Calculator — correct class names for gold replacement */
.pv-calc-preset.active,
.pv-calc-badge,
.pv-calc-year-preset.active{
  background:rgba(125,211,252,.18) !important;
  color:#7DD3FC !important;
  border-color:rgba(125,211,252,.4) !important;
}
.pv-calc-header-icon{
  background:rgba(125,211,252,.15) !important;
}
.pv-calc-header-icon i{ color:#7DD3FC !important }
.pv-calc-ring-fill{ stroke:#7DD3FC !important }
.pv-calc-ring-pct{ color:#7DD3FC !important }
.pv-calc-ring-dot.gold,
.pv-calc-ring-dot{
  background:#7DD3FC !important;
  box-shadow:0 0 0 4px rgba(125,211,252,.22) !important;
}
.pv-calc-preset:hover{
  border-color:rgba(125,211,252,.35) !important;
  color:#7DD3FC !important;
}
/* Summary dot decorations */
.pv-calc-summary-row::before,
.pv-calc-summary-dot{ background:#7DD3FC !important }

/* Hero title — aggressive mobile scaling + forced wrap */
.ee-hero__title{
  max-width:min(100%, 900px) !important;
  overflow-wrap:anywhere !important;
  hyphens:none;
}
@media(max-width:900px){
  .ee-hero__title{ font-size:clamp(28px, 7vw, 46px) !important; line-height:1.1 !important }
}
@media(max-width:600px){
  .ee-hero__title{
    font-size:clamp(24px, 8vw, 36px) !important;
    line-height:1.15 !important;
    max-width:calc(100vw - 36px) !important;
  }
  .ee-hero{ padding-inline:0 !important }
  .ee-hero__inner{ padding:0 18px !important; gap:10px !important }
  .ee-hero__tagline{ font-size:13.5px !important; line-height:1.5 !important }
}
@media(max-width:400px){
  .ee-hero__title{ font-size:clamp(22px, 8.5vw, 30px) !important }
}

/* ============================================================
   LV-STATS — Market Overview section on /listings/{type} pages
   ============================================================ */
.lv-stats{
  padding:clamp(44px, 5vw, 64px) 20px clamp(28px, 3vw, 40px);
  background:linear-gradient(180deg, #F8FAFC 0%, #EDF2F7 100%);
  border-bottom:1px solid var(--ee-line);
  position:relative;
}
.lv-stats::before{
  content:'';
  position:absolute; inset:0;
  background-image:
    radial-gradient(900px 400px at 10% 0%, rgba(125,211,252,.08) 0%, transparent 50%),
    radial-gradient(700px 400px at 90% 100%, rgba(10,25,41,.04) 0%, transparent 50%);
  pointer-events:none;
}
.lv-stats__inner{
  max-width:1240px;
  margin:0 auto;
  position:relative;
}
.lv-stats__header{ text-align:center; margin-bottom:28px }
.lv-stats__header h3{
  font-family:var(--ee-display);
  font-weight:600;
  font-size:clamp(24px, 2.8vw, 34px);
  color:var(--ee-navy);
  margin:0 0 6px;
  letter-spacing:-.01em;
  display:inline-flex; align-items:center; gap:12px;
}
.lv-stats__header h3 i{
  width:40px; height:40px;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:50%;
  background:rgba(125,211,252,.15);
  color:var(--ee-sky-3);
  font-size:15px;
}
.lv-stats__header::after{
  content:'بيانات حيّة من إعلانات موثّقة — مصر ٢٠٢٦';
  display:block;
  font-family:var(--ee-serif-italic);
  font-style:italic;
  font-size:13.5px;
  color:var(--ee-mute);
  margin-top:4px;
}
html[dir='ltr'] .lv-stats__header::after{
  content:'Live market data — verified listings · Egypt 2026';
}

/* Metrics row */
.lv-stats__metrics{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
  gap:16px;
  margin-bottom:28px;
}
.lv-metric{
  position:relative;
  padding:22px 22px 18px;
  background:#FFFFFF;
  border:1px solid var(--ee-line);
  border-radius:18px;
  display:flex; flex-direction:column;
  gap:8px;
  box-shadow:0 1px 2px rgba(10,25,41,.03), 0 10px 30px -18px rgba(10,25,41,.12);
  transition:all .25s;
  overflow:hidden;
}
.lv-metric::before{
  content:'';
  position:absolute; top:0; inset-inline-start:0;
  width:3px; height:100%;
  background:linear-gradient(180deg, var(--ee-sky), var(--ee-navy));
  opacity:.75;
}
.lv-metric:hover{
  transform:translateY(-2px);
  border-color:rgba(125,211,252,.45);
  box-shadow:0 1px 2px rgba(10,25,41,.04), 0 16px 38px -14px rgba(10,25,41,.2);
}
.lv-metric__icon{
  width:36px; height:36px;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:10px;
  background:rgba(125,211,252,.14);
  color:var(--ee-sky-3);
  font-size:14px;
  flex-shrink:0;
}
.lv-metric__data{
  display:inline-flex; align-items:baseline; gap:6px;
}
.lv-metric__value{
  font-family:var(--ee-display);
  font-weight:600;
  font-size:clamp(24px, 2.6vw, 32px);
  line-height:1;
  color:var(--ee-navy);
  letter-spacing:-.015em;
  font-variant-numeric:tabular-nums;
}
.lv-metric__unit{
  font-family:var(--ee-serif-italic);
  font-style:italic;
  font-size:13px;
  color:var(--ee-mute);
  font-weight:400;
}
.lv-metric__label{
  font-size:11.5px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--ee-mute);
  font-weight:600;
  margin-top:2px;
}

/* Chart — by property type */
.lv-stats__chart{
  padding:24px 26px;
  background:#FFFFFF;
  border:1px solid var(--ee-line);
  border-radius:18px;
  box-shadow:0 1px 2px rgba(10,25,41,.03), 0 10px 30px -18px rgba(10,25,41,.12);
}
.lv-stats__chart h4{
  font-family:var(--ee-display);
  font-weight:600;
  font-size:19px;
  color:var(--ee-navy);
  margin:0 0 20px;
  letter-spacing:-.01em;
  display:flex; align-items:center; gap:10px;
}
.lv-stats__chart h4::before{
  content:'';
  width:4px; height:16px;
  background:linear-gradient(180deg, var(--ee-sky), var(--ee-navy));
  border-radius:4px;
}
.lv-chart-rows{
  display:flex; flex-direction:column; gap:16px;
}
.lv-chart-row{
  display:grid;
  grid-template-columns:minmax(180px, 28%) 1fr auto;
  gap:16px;
  align-items:center;
}
@media(max-width:700px){
  .lv-chart-row{
    grid-template-columns:1fr;
    gap:6px;
    padding-bottom:12px;
    border-bottom:1px dashed var(--ee-line);
  }
  .lv-chart-row:last-child{ border-bottom:none; padding-bottom:0 }
}
.lv-chart-row__label{
  display:flex; flex-direction:column;
  gap:3px; min-width:0;
}
.lv-chart-row__name{
  font-family:var(--ee-body);
  font-weight:600;
  font-size:14.5px;
  color:var(--ee-navy);
  letter-spacing:-.01em;
  white-space:nowrap;
  overflow:hidden; text-overflow:ellipsis;
}
.lv-chart-row__meta{
  font-family:var(--ee-serif-italic);
  font-style:italic;
  font-size:12px;
  color:var(--ee-mute);
  font-variant-numeric:tabular-nums;
}
.lv-chart-row__bar{
  position:relative;
  height:10px;
  background:var(--ee-cream-2);
  border-radius:100px;
  overflow:hidden;
}
.lv-chart-row__fill{
  height:100%;
  border-radius:100px;
  background:linear-gradient(90deg, var(--ee-sky) 0%, var(--ee-sky-3) 100%) !important;
  box-shadow:0 2px 6px rgba(125,211,252,.4);
  transition:width .7s cubic-bezier(.16,1,.3,1);
}
.lv-chart-row__from{
  font-family:var(--ee-display);
  font-weight:600;
  font-size:13.5px;
  color:var(--ee-navy);
  font-variant-numeric:tabular-nums;
  letter-spacing:-.01em;
  white-space:nowrap;
}
.lv-chart-row__from::before{
  content:'';
  display:inline-block;
  width:6px; height:6px;
  border-radius:50%;
  background:var(--ee-sky);
  margin-inline-end:6px;
  vertical-align:middle;
  box-shadow:0 0 0 3px rgba(125,211,252,.2);
}

/* Top compounds list (if enabled) */
.lv-stats__compounds{
  margin-top:24px;
  padding:22px 26px;
  background:#FFFFFF;
  border:1px solid var(--ee-line);
  border-radius:18px;
}
.lv-stats__compounds h4{
  font-family:var(--ee-display);
  font-weight:600;
  font-size:19px;
  color:var(--ee-navy);
  margin:0 0 18px;
  letter-spacing:-.01em;
}
.lv-compound-list{
  display:flex; flex-direction:column; gap:10px;
}
.lv-compound-item{
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:14px;
  padding:12px 16px;
  background:var(--ee-cream-3);
  border:1px solid var(--ee-line);
  border-radius:12px;
  align-items:center;
  transition:all .22s;
}
.lv-compound-item:hover{
  border-color:rgba(125,211,252,.4);
  background:#fff;
  transform:translateX(-2px);
}
html[dir='rtl'] .lv-compound-item:hover{ transform:translateX(2px) }
.lv-compound-name{
  font-weight:500; color:var(--ee-navy); font-size:13.5px;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.lv-compound-cnt{
  display:inline-flex; align-items:center; justify-content:center;
  padding:3px 10px;
  background:rgba(125,211,252,.15);
  color:var(--ee-sky-3);
  border-radius:100px;
  font-size:11.5px; font-weight:700;
  font-variant-numeric:tabular-nums;
}
.lv-compound-from{
  font-family:var(--ee-display);
  font-weight:600;
  font-size:13px;
  color:var(--ee-navy);
  font-variant-numeric:tabular-nums;
  letter-spacing:-.01em;
}

/* Grid header count on listings pages */
.lv-grid-header{
  display:flex; align-items:center; justify-content:space-between;
  padding:16px 0;
  margin-bottom:18px;
  border-bottom:1px solid var(--ee-line);
}
.lv-grid-header__count{
  margin:0;
  font-size:14px;
  color:var(--ee-ink);
  font-family:var(--ee-body);
  display:inline-flex; align-items:center; gap:10px;
}
.lv-grid-header__count i{ color:var(--ee-sky) }
.lv-grid-header__count strong{
  color:var(--ee-navy); font-weight:700;
  font-variant-numeric:tabular-nums;
}

/* Description / related section on listings page */
.lv-description{
  padding:clamp(48px, 6vw, 72px) 0;
  background:linear-gradient(180deg, var(--ee-cream) 0%, #ECF1F7 100%);
  position:relative;
}
.lv-description__inner,
.lv-description .lv-container{
  max-width:820px;
  margin:0 auto;
  padding:clamp(32px, 5vw, 56px) clamp(22px, 4vw, 50px);
  background:#fff;
  border-radius:20px;
  box-shadow:0 1px 2px rgba(10,25,41,.04),0 12px 40px -20px rgba(10,25,41,.18);
  border:1px solid var(--ee-line);
  position:relative;
}
.lv-description__inner::before,
.lv-description .lv-container::before{
  content:'';
  position:absolute;
  top:0; left:50%;
  transform:translate(-50%,-50%);
  width:64px; height:4px;
  background:linear-gradient(90deg, var(--ee-sky), var(--ee-navy));
  border-radius:4px;
}
.lv-description h2{
  font-family:var(--ee-display);
  font-weight:600;
  font-size:clamp(26px, 3.3vw, 38px);
  line-height:1.15;
  color:var(--ee-navy);
  letter-spacing:-.015em;
  margin:0 0 22px;
}
.lv-description .lv-des-body,
.lv-description__body{
  font-family:var(--ee-body);
  font-size:clamp(15px, 1.2vw, 17px);
  line-height:1.9;
  color:var(--ee-ink);
}
.lv-description a{
  color:var(--ee-sky-3);
  text-decoration:none;
  border-bottom:1px solid rgba(2,132,199,.3);
  transition:border-color .2s;
}
.lv-description a:hover{ border-color:var(--ee-sky-3) }

/* Related section */
.lv-related{ padding:clamp(40px,5vw,60px) 20px; background:#fff }
.lv-related__title{
  font-family:var(--ee-display);
  font-weight:600;
  font-size:clamp(22px, 2.6vw, 30px);
  color:var(--ee-navy);
  letter-spacing:-.01em;
  margin:0 0 22px;
  text-align:center;
}

/* ============================================================
   DEVELOPER PROFILE (single) — tab + residual gold fixes
   ============================================================ */
.dp-tabs,
.developer-tabs{
  display:inline-flex; gap:4px;
  padding:5px;
  background:var(--ee-cream-2);
  border-radius:14px;
  margin-bottom:22px;
  border:1px solid var(--ee-line);
}
.dp-tab,
.developer-tab,
.territory-tab.dp-tab{
  display:inline-flex; align-items:center; gap:10px;
  padding:10px 22px !important;
  border-radius:10px !important;
  font-family:var(--ee-body) !important;
  font-weight:600 !important;
  font-size:14px !important;
  color:var(--ee-mute) !important;
  cursor:pointer;
  transition:all .22s ease;
  border:none !important;
  background:transparent !important;
}
.dp-tab:hover,
.developer-tab:hover{ color:var(--ee-navy) !important }
.dp-tab.active,
.developer-tab.active{
  background:#FFFFFF !important;
  color:var(--ee-navy) !important;
  box-shadow:0 1px 2px rgba(10,25,41,.06), 0 4px 12px -4px rgba(10,25,41,.1) !important;
}
.dp-tab .count,
.developer-tab .count,
.dp-tab-count,
.developer-tab-count{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:26px; height:22px;
  padding:0 8px !important;
  background:rgba(125,211,252,.16) !important;
  color:var(--ee-sky-3) !important;
  border-radius:100px !important;
  font-size:11.5px !important;
  font-weight:700 !important;
  font-variant-numeric:tabular-nums;
}
.dp-tab.active .count,
.developer-tab.active .count,
.dp-tab.active .dp-tab-count{
  background:var(--ee-navy) !important;
  color:var(--ee-sky) !important;
}

/* Developer profile numbers / contact form */
.dp-contact,
.developer-contact{
  background:linear-gradient(160deg, var(--ee-navy) 0%, var(--ee-navy-3) 100%) !important;
  border:1px solid rgba(125,211,252,.18) !important;
  border-radius:18px !important;
}
.dp-contact input,
.dp-contact textarea,
.developer-contact input,
.developer-contact textarea{
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(125,211,252,.15) !important;
  color:#fff !important;
  border-radius:10px !important;
}
.dp-contact input::placeholder,
.dp-contact textarea::placeholder,
.developer-contact input::placeholder{ color:rgba(255,255,255,.4) !important }
.dp-contact button,
.developer-contact button[type='submit']{
  background:#FFFFFF !important;
  color:var(--ee-navy) !important;
  font-weight:700 !important;
  border-radius:100px !important;
  padding:12px 26px !important;
  border:none !important;
}
.dp-contact button:hover,
.developer-contact button[type='submit']:hover{
  background:var(--ee-sky) !important;
  color:var(--ee-navy) !important;
}

/* Read more link on developer page */
.developer-profile-description a,
.dp-read-more{
  color:var(--ee-sky-3) !important;
}

/* Developer filter bar (above projects grid) */
.developer-filter-bar,
.developer-filters{
  background:#FFFFFF !important;
  border:1px solid var(--ee-line) !important;
  border-radius:16px !important;
  padding:14px 18px !important;
}

/* Override inline blue/gold header in lv-stats (for-sale_listing_view blade has inline CSS) */
.lv-stats .lv-stats__inner{
  background:transparent !important;
  border:none !important;
  max-width:1240px !important;
  border-radius:0 !important;
}
.lv-stats .lv-stats__header{
  background:transparent !important;
  padding:0 !important;
  margin-bottom:28px !important;
  text-align:center !important;
}
.lv-stats .lv-stats__header h3{
  font-family:var(--ee-display) !important;
  font-weight:600 !important;
  font-size:clamp(24px, 2.8vw, 34px) !important;
  color:var(--ee-navy) !important;
  justify-content:center !important;
  letter-spacing:-.01em;
  margin:0 0 6px !important;
}
.lv-stats .lv-stats__header h3 i{
  width:40px !important; height:40px !important;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:50% !important;
  background:rgba(125,211,252,.15) !important;
  color:var(--ee-sky-3) !important;
  font-size:15px !important;
}
.lv-stats .lv-stats__metrics{
  display:grid !important;
  grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap:16px !important;
  padding:0 !important;
  background:transparent !important;
  border:none !important;
}
.lv-stats .lv-metric{
  padding:22px 22px 18px !important;
  background:#FFFFFF !important;
  border:1px solid var(--ee-line) !important;
  border-radius:18px !important;
  display:flex !important; flex-direction:column !important;
  gap:8px !important;
  box-shadow:0 1px 2px rgba(10,25,41,.03), 0 10px 30px -18px rgba(10,25,41,.12) !important;
  position:relative;
  overflow:hidden;
  align-items:flex-start !important;
}
.lv-stats .lv-metric::before{
  content:'';
  position:absolute; top:0; inset-inline-start:0;
  width:3px; height:100%;
  background:linear-gradient(180deg, var(--ee-sky), var(--ee-navy));
  opacity:.75;
}
.lv-stats .lv-metric__icon{
  background:rgba(125,211,252,.14) !important;
  color:var(--ee-sky-3) !important;
}
.lv-stats .lv-metric__icon i{ color:inherit !important }
.lv-stats .lv-metric__value{ color:var(--ee-navy) !important }
.lv-stats .lv-metric__unit{
  color:var(--ee-mute) !important;
  font-family:var(--ee-serif-italic) !important;
  font-style:italic;
}
.lv-stats .lv-metric__label{
  color:var(--ee-mute) !important;
  letter-spacing:.12em !important;
  font-size:11.5px !important;
  font-weight:600 !important;
  text-transform:uppercase !important;
}

.lv-stats .lv-stats__chart{
  margin-top:24px !important;
  background:#FFFFFF !important;
  border:1px solid var(--ee-line) !important;
  padding:24px 26px !important;
  border-radius:18px !important;
  box-shadow:0 1px 2px rgba(10,25,41,.03), 0 10px 30px -18px rgba(10,25,41,.12) !important;
}
.lv-stats .lv-stats__chart h4{
  font-family:var(--ee-display) !important;
  font-weight:600 !important;
  font-size:19px !important;
  color:var(--ee-navy) !important;
  margin:0 0 20px !important;
  letter-spacing:-.01em;
}
.lv-stats .lv-chart-row__name{
  color:var(--ee-navy) !important;
  font-family:var(--ee-body) !important;
  font-weight:600 !important;
}
.lv-stats .lv-chart-row__meta{
  color:var(--ee-mute) !important;
  font-family:var(--ee-serif-italic) !important;
  font-style:italic !important;
}
.lv-stats .lv-chart-row__from{
  color:var(--ee-navy) !important;
  font-family:var(--ee-display) !important;
  font-weight:600 !important;
}
.lv-stats .lv-chart-row__bar{
  background:var(--ee-cream-2) !important;
  height:10px !important;
  border-radius:100px !important;
}
.lv-stats .lv-chart-row__fill{
  background:linear-gradient(90deg, var(--ee-sky) 0%, var(--ee-sky-3) 100%) !important;
  border-radius:100px !important;
  box-shadow:0 2px 6px rgba(125,211,252,.4) !important;
}

/* ============================================================
   PROJECT VIEW — Price Analysis + Amenities + FAQ
   ============================================================ */
.pv-price-intel-section{
  padding:clamp(36px, 4.5vw, 60px) 20px !important;
}
.pv-pi-wrapper{
  max-width:1180px !important;
  margin:0 auto !important;
  padding:clamp(28px, 3.5vw, 40px) !important;
  background:linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%) !important;
  border:1px solid var(--ee-line) !important;
  border-radius:20px !important;
  box-shadow:0 1px 2px rgba(10,25,41,.03), 0 14px 40px -20px rgba(10,25,41,.14) !important;
}
.pv-pi-summary{
  display:grid !important;
  grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap:14px !important;
  margin-bottom:28px !important;
}
.pv-pi-card{
  padding:18px 20px !important;
  background:var(--ee-cream-3) !important;
  border:1px solid var(--ee-line) !important;
  border-radius:14px !important;
  transition:all .25s !important;
  position:relative;
  overflow:hidden;
}
.pv-pi-card::before{
  content:'';
  position:absolute; top:0; inset-inline-start:0;
  width:3px; height:100%;
  background:linear-gradient(180deg, var(--ee-sky), var(--ee-sky-3));
  opacity:.55;
}
.pv-pi-card-main{
  background:linear-gradient(160deg, var(--ee-navy) 0%, var(--ee-navy-3) 100%) !important;
  border-color:rgba(125,211,252,.2) !important;
  color:#fff !important;
}
.pv-pi-card-main::before{
  background:linear-gradient(180deg, var(--ee-sky), #BAE6FD) !important;
  opacity:1;
}
.pv-pi-card:hover{
  transform:translateY(-2px);
  border-color:rgba(125,211,252,.5) !important;
  box-shadow:0 8px 20px -10px rgba(10,25,41,.15) !important;
}
.pv-pi-card-label{
  font-size:11.5px !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  color:var(--ee-mute) !important;
  font-weight:600 !important;
  margin-bottom:6px !important;
}
.pv-pi-card-main .pv-pi-card-label{ color:rgba(125,211,252,.85) !important }
.pv-pi-card-value{
  font-family:var(--ee-display) !important;
  font-weight:600 !important;
  font-size:clamp(22px, 2.4vw, 28px) !important;
  color:var(--ee-navy) !important;
  letter-spacing:-.015em !important;
  font-variant-numeric:tabular-nums;
  line-height:1;
}
.pv-pi-card-main .pv-pi-card-value{ color:#fff !important }
.pv-pi-card-value small{
  font-family:var(--ee-serif-italic) !important;
  font-style:italic !important;
  font-size:13px !important;
  font-weight:400 !important;
  color:var(--ee-mute) !important;
  margin-inline-start:4px;
}
.pv-pi-card-main .pv-pi-card-value small{ color:rgba(255,255,255,.55) !important }

.pv-pi-chart-wrapper{
  padding-top:24px !important;
  border-top:1px dashed var(--ee-line) !important;
}
.pv-pi-chart-title{
  font-family:var(--ee-display) !important;
  font-weight:600 !important;
  font-size:17px !important;
  color:var(--ee-navy) !important;
  margin:0 0 18px !important;
  letter-spacing:-.01em;
  display:flex; align-items:center; gap:10px;
}
.pv-pi-chart-title::before{
  content:'';
  width:4px; height:14px;
  background:linear-gradient(180deg, var(--ee-sky), var(--ee-navy));
  border-radius:4px;
}
.pv-pi-chart{ display:flex; flex-direction:column; gap:14px }
.pv-pi-bar-row{
  display:grid !important;
  grid-template-columns:minmax(180px, 30%) 1fr !important;
  gap:14px !important;
  align-items:center !important;
}
@media(max-width:700px){
  .pv-pi-bar-row{ grid-template-columns:1fr; gap:4px }
}
.pv-pi-bar-label{
  font-size:13.5px !important;
  color:var(--ee-ink) !important;
  font-weight:500;
  line-height:1.3;
}
.pv-pi-bar-track{
  position:relative !important;
  height:28px !important;
  background:var(--ee-cream-2) !important;
  border-radius:100px !important;
  overflow:hidden !important;
}
.pv-pi-bar{
  height:100% !important;
  border-radius:100px !important;
  display:flex !important; align-items:center !important; justify-content:flex-end !important;
  padding:0 12px !important;
  background:linear-gradient(90deg, var(--ee-sky) 0%, var(--ee-sky-3) 100%) !important;
  box-shadow:0 2px 6px rgba(125,211,252,.35) !important;
  transition:width .7s cubic-bezier(.16,1,.3,1) !important;
  min-width:fit-content;
}
.pv-pi-bar-project{
  background:linear-gradient(90deg, var(--ee-navy) 0%, var(--ee-navy-3) 100%) !important;
  box-shadow:0 2px 6px rgba(10,25,41,.4) !important;
}
.pv-pi-bar-val{
  color:#fff !important;
  font-family:var(--ee-display) !important;
  font-weight:600 !important;
  font-size:13px !important;
  font-variant-numeric:tabular-nums;
  letter-spacing:-.01em;
  white-space:nowrap;
}

/* Amenities grid — editorial */
.ProjectViewPage .amenities-grid{
  grid-template-columns:repeat(auto-fill, minmax(140px, 1fr)) !important;
  gap:12px !important;
  max-width:1180px;
  margin:0 auto !important;
}
.ProjectViewPage .amenity-item{
  background:#FFFFFF !important;
  border:1px solid var(--ee-line) !important;
  border-radius:14px !important;
  padding:18px 12px !important;
  text-align:center !important;
  transition:all .25s cubic-bezier(.16,1,.3,1) !important;
  position:relative;
  overflow:hidden;
}
.ProjectViewPage .amenity-item::before{
  content:'';
  position:absolute; top:0; left:0; right:0;
  height:3px;
  background:linear-gradient(90deg, var(--ee-sky), var(--ee-navy));
  opacity:0;
  transition:opacity .25s;
}
.ProjectViewPage .amenity-item:hover{
  border-color:rgba(125,211,252,.5) !important;
  box-shadow:0 10px 24px -10px rgba(10,25,41,.14) !important;
  transform:translateY(-2px);
}
.ProjectViewPage .amenity-item:hover::before{ opacity:1 }
.ProjectViewPage .amenity-icon{
  width:44px !important; height:44px !important;
  background:linear-gradient(135deg, rgba(125,211,252,.18), rgba(125,211,252,.08)) !important;
  border:1px solid rgba(125,211,252,.25) !important;
  margin:0 auto 10px !important;
  border-radius:12px !important;
  display:flex; align-items:center; justify-content:center;
}
.ProjectViewPage .amenity-icon i{
  color:var(--ee-sky-3) !important;
  font-size:18px !important;
}
.ProjectViewPage .amenity-item span,
.ProjectViewPage .amenity-item > div:last-child{
  font-family:var(--ee-body);
  font-size:12.5px !important;
  color:var(--ee-navy) !important;
  font-weight:500 !important;
  letter-spacing:.01em;
}

/* FAQ override */
.ProjectViewPage .faq-item{
  background:#FFFFFF !important;
  border:1px solid var(--ee-line) !important;
  border-radius:14px !important;
  margin-bottom:10px !important;
  transition:all .25s !important;
}
.ProjectViewPage .faq-item:hover{ border-color:rgba(125,211,252,.4) !important }
.ProjectViewPage .faq-item.active{
  border-color:rgba(125,211,252,.55) !important;
  box-shadow:0 2px 12px rgba(125,211,252,.12) !important;
}
.ProjectViewPage .faq-question{
  font-family:var(--ee-display) !important;
  font-weight:600 !important;
  color:var(--ee-navy) !important;
  letter-spacing:-.005em;
  font-size:16px !important;
}
.ProjectViewPage .faq-answer{
  font-family:var(--ee-body) !important;
  color:var(--ee-ink) !important;
  line-height:1.8 !important;
  font-size:14px !important;
}

/* Section title editorial */
.pv-section-title{
  font-family:var(--ee-display) !important;
  font-weight:600 !important;
  font-size:clamp(24px, 2.7vw, 32px) !important;
  color:var(--ee-navy) !important;
  letter-spacing:-.015em !important;
  margin-bottom:22px !important;
}
.pv-section-icon{
  width:44px !important; height:44px !important;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:50% !important;
  background:rgba(125,211,252,.15) !important;
  color:var(--ee-sky-3) !important;
  font-size:16px !important;
}
.pv-section-icon i{ color:var(--ee-sky-3) !important }

/* ============================================================
   ADDENDUM 2026-04-17 — Developer pages + form-btn + spacing
   ============================================================ */

/* Fix: when .ee-listings wraps the hero as its first child,
   drop the top padding so there's no empty gap between nav + hero */
.ee-listings:has(> .ee-hero:first-child){ padding-top:0 !important }
main.content.ee-listings:has(> .ee-hero:first-child){ padding-top:0 !important }
/* Fallback for older engines: if the developers page wraps the hero inside .ee-listings
   and doesn't support :has(), give the hero negative margin to eat the padding */
.ee-listings > .ee-hero:first-child{ margin-top:-72px !important }
@media (max-width:768px){
  .ee-listings > .ee-hero:first-child{ margin-top:-48px !important }
}

/* ============================================================
   .form-btn  (طلب مكالمة — contact form submit)
   ONE solid color, no gradient. Navy luxury.
   ============================================================ */
.form-btn,
button.form-btn,
.dp-about__form-submit,
form .form-btn{
  background:#0F1B2C !important;
  background-image:none !important;
  color:#F8FAFC !important;
  border:1px solid #0F1B2C !important;
  border-radius:10px !important;
  padding:14px 24px !important;
  font-family:"Cairo","Cormorant Garamond",serif !important;
  font-weight:700 !important;
  font-size:15.5px !important;
  letter-spacing:.01em !important;
  box-shadow:0 1px 2px rgba(10,25,41,.08), 0 8px 22px -10px rgba(10,25,41,.35) !important;
  transition:transform .2s ease, box-shadow .25s ease, background-color .25s ease !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
}
.form-btn:hover,
button.form-btn:hover,
.dp-about__form-submit:hover{
  background:#1E3A5F !important;
  transform:translateY(-1px) !important;
  box-shadow:0 2px 4px rgba(10,25,41,.1), 0 14px 30px -10px rgba(10,25,41,.45) !important;
}
.form-btn i.fas.fa-paper-plane{ font-size:14px !important; opacity:.9 }

/* ============================================================
   DEVELOPERS GRID — editorial card redesign
   Override existing .ee-listings .dev-card ruleset with refined layout.
   ============================================================ */
.ee-listings .developers-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fill, minmax(340px, 1fr)) !important;
  gap:28px !important;
  margin:28px 0 36px !important;
}

.ee-listings .dev-card{
  background:#FFFFFF !important;
  border:1px solid rgba(10,25,41,.06) !important;
  border-radius:20px !important;
  overflow:hidden !important;
  position:relative !important;
  transition:transform .35s cubic-bezier(.16,1,.3,1), box-shadow .35s, border-color .25s !important;
  box-shadow:0 1px 2px rgba(10,25,41,.02), 0 12px 28px -18px rgba(10,25,41,.12) !important;
}
.ee-listings .dev-card::before{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(10,25,41,.02) 0%, transparent 28%);
  pointer-events:none;
  border-radius:inherit;
}
.ee-listings .dev-card:hover{
  transform:translateY(-5px) !important;
  border-color:rgba(10,25,41,.12) !important;
  box-shadow:0 1px 2px rgba(10,25,41,.04),
             0 28px 52px -16px rgba(10,25,41,.22),
             0 0 0 1px rgba(125,211,252,.16) !important;
}

.ee-listings .dev-card__inner{
  padding:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
  height:100% !important;
}

/* ---- Hero banner strip (top 88px, editorial navy with subtle pattern) ---- */
.ee-listings .dev-card__inner::before{
  content:"";
  display:block;
  height:88px;
  background:
    linear-gradient(135deg, #0F1B2C 0%, #1E3A5F 50%, #0A1929 100%),
    radial-gradient(600px 80px at 20% 100%, rgba(125,211,252,.22), transparent 70%);
  position:relative;
  border-bottom:1px solid rgba(125,211,252,.14);
}
.ee-listings .dev-card__inner::after{
  content:"";
  position:absolute;
  top:0; left:0; right:0; height:88px;
  background-image:
    linear-gradient(rgba(148,163,184,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148,163,184,.05) 1px, transparent 1px);
  background-size: 24px 24px;
  pointer-events:none;
  mask-image: radial-gradient(ellipse at 60% 40%, #000 30%, transparent 100%);
}

/* Logo card — floats over banner */
.ee-listings .dev-card__logo-wrap{
  align-self:flex-start !important;
  margin: -52px 0 0 22px !important;
  position:relative !important;
  z-index:2 !important;
}
[dir="rtl"] .ee-listings .dev-card__logo-wrap{
  margin: -52px 22px 0 0 !important;
}
.ee-listings .dev-card__logo{
  display:flex; align-items:center; justify-content:center !important;
  width:96px !important; height:96px !important;
  background:#FFFFFF !important;
  border:4px solid #FFFFFF !important;
  border-radius:20px !important;
  padding:10px !important;
  overflow:hidden !important;
  box-shadow:0 4px 14px -4px rgba(10,25,41,.18), 0 0 0 1px rgba(10,25,41,.05) !important;
}

/* Name + rating block */
.ee-listings .dev-card__name{
  font-family:"Cormorant Garamond","Georgia",serif !important;
  font-weight:600 !important;
  font-size:26px !important;
  line-height:1.15 !important;
  color:#0F1B2C !important;
  margin:14px 22px 2px !important;
  letter-spacing:-.015em !important;
}
.ee-listings .dev-card__name a{
  color:inherit !important;
  text-decoration:none !important;
  background-image:linear-gradient(transparent calc(100% - 1.5px), rgba(10,25,41,.15) 1.5px);
  background-size:0 100%;
  background-repeat:no-repeat;
  transition:background-size .3s ease;
}
.ee-listings .dev-card:hover .dev-card__name a{ background-size:100% 100% }

.ee-listings .dev-card__rating{
  margin:0 22px 14px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:4px !important;
  font-size:13px !important;
  color:#0369A1 !important;
}
.ee-listings .dev-card__rating .fa-star,
.ee-listings .dev-card__rating .fa-star-half-alt{ color:#0EA5E9 !important; font-size:12px }
.ee-listings .dev-card__rating .far.fa-star{ color:rgba(10,25,41,.15) !important; font-size:12px }
.ee-listings .dev-card__rating-num{
  margin-inline-start:8px !important;
  font-family:"Georgia",serif !important;
  font-style:italic !important;
  color:#64748b !important;
  font-size:12.5px !important;
}

/* Stats — redesigned as a flat row with hairlines */
.ee-listings .dev-card__stats{
  display:flex !important;
  align-items:stretch !important;
  gap:0 !important;
  padding:14px 22px !important;
  margin:0 !important;
  border-top:1px solid rgba(10,25,41,.06) !important;
  border-bottom:1px solid rgba(10,25,41,.06) !important;
  background:linear-gradient(180deg, #FAFAF7 0%, #FFFFFF 100%) !important;
}
.ee-listings .dev-card__stat{
  flex:1 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:3px !important;
  padding:0 !important;
  text-align:start !important;
}
.ee-listings .dev-card__stat i{
  display:none !important;  /* Remove icon clutter — numbers speak */
}
.ee-listings .dev-card__stat-info{
  display:flex !important;
  flex-direction:column !important;
  gap:3px !important;
  width:100% !important;
}
.ee-listings .dev-card__stat-val{
  font-family:"Cormorant Garamond","Georgia",serif !important;
  font-weight:600 !important;
  font-size:22px !important;
  line-height:1 !important;
  color:#0F1B2C !important;
  font-variant-numeric:tabular-nums !important;
  letter-spacing:-.01em !important;
}
.ee-listings .dev-card__stat-label{
  font-family:"Georgia",serif !important;
  font-style:italic !important;
  font-size:10.5px !important;
  color:#64748b !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
}
.ee-listings .dev-card__stat-divider{
  width:1px !important;
  margin:0 10px !important;
  background:linear-gradient(180deg, transparent 10%, rgba(10,25,41,.1) 40%, rgba(10,25,41,.1) 60%, transparent 90%) !important;
}

/* Locations — minimalist pills */
.ee-listings .dev-card__locations{
  padding:14px 22px 0 !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px !important;
  margin:0 !important;
}
.ee-listings .dev-card__loc-tag{
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  padding:4px 11px !important;
  background:#F8FAFC !important;
  color:#0F1B2C !important;
  border:1px solid rgba(10,25,41,.08) !important;
  border-radius:100px !important;
  font-size:11.5px !important;
  font-weight:500 !important;
  text-decoration:none !important;
  letter-spacing:0 !important;
  transition:all .2s ease !important;
}
.ee-listings .dev-card__loc-tag:hover{
  background:#0F1B2C !important;
  color:#F8FAFC !important;
  border-color:#0F1B2C !important;
}
.ee-listings .dev-card__loc-tag i{ color:#0EA5E9 !important; font-size:9.5px !important }
.ee-listings .dev-card__loc-tag:hover i{ color:#7DD3FC !important }

/* Description */
.ee-listings .dev-card__desc{
  font-family:"Cairo","Georgia",serif !important;
  font-size:13.5px !important;
  line-height:1.75 !important;
  color:#334155 !important;
  margin:12px 22px 0 !important;
  display:-webkit-box !important;
  -webkit-line-clamp:3 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}

/* Project-type badges — drop to supplemental */
.ee-listings .dev-card__badges{
  padding:10px 22px 0 !important;
  margin:0 !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:5px !important;
}
.ee-listings .dev-card__badge{
  padding:3px 9px !important;
  background:transparent !important;
  color:#64748b !important;
  border:1px solid rgba(10,25,41,.09) !important;
  border-radius:6px !important;
  font-size:10.5px !important;
  font-weight:500 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  font-family:"Georgia",serif !important;
  font-style:italic !important;
}

/* CTA — editorial arrow link */
.ee-listings .dev-card__cta{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  margin:18px 22px 22px !important;
  padding:12px 18px !important;
  background:#0F1B2C !important;
  color:#F8FAFC !important;
  border-radius:10px !important;
  font-family:"Cormorant Garamond","Georgia",serif !important;
  font-weight:600 !important;
  font-size:14.5px !important;
  letter-spacing:.02em !important;
  text-decoration:none !important;
  text-align:start !important;
  border:1px solid #0F1B2C !important;
  transition:all .25s ease !important;
  margin-top:auto !important;
}
.ee-listings .dev-card__cta:hover{
  background:#1E3A5F !important;
  border-color:#1E3A5F !important;
  transform:translateY(-1px) !important;
  box-shadow:0 8px 20px -8px rgba(10,25,41,.35) !important;
}
.ee-listings .dev-card__cta span{ flex:1 !important; text-align:start !important }
.ee-listings .dev-card__cta i{
  width:28px !important; height:28px !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.12) !important;
  font-size:12px !important;
  transition:transform .25s ease, background .25s ease !important;
}
.ee-listings .dev-card__cta:hover i{
  background:rgba(255,255,255,.22) !important;
  transform:translateX(3px) !important;
}
[dir="rtl"] .ee-listings .dev-card__cta:hover i{ transform:translateX(-3px) !important }

/* Mobile adjustments */
@media (max-width:640px){
  .ee-listings .developers-grid{
    grid-template-columns:1fr !important;
    gap:20px !important;
  }
  .ee-listings .dev-card__name{ font-size:23px !important }
  .ee-listings .dev-card__stat-val{ font-size:20px !important }
  .ee-listings .dev-card__logo{ width:86px !important; height:86px !important }
  .ee-listings .dev-card__logo-wrap{ margin-top:-46px !important }
}

/* ============================================================
   DEVELOPER PROFILE HERO (sodic etc.) — shrink dimensions
   Override the inline @push('stackStyle') defaults (!important)
   ============================================================ */
.dev-hero{
  min-height:58vh !important;
  padding:64px 24px 52px !important;
}
.dev-hero__mosaic{
  height:100px !important;
  padding:0 20px 14px !important;
  opacity:.45 !important;
}
.dev-hero__logocard{
  width:120px !important;
  height:120px !important;
  padding:14px !important;
  border-radius:20px !important;
}
.dev-hero__name{
  font-size:clamp(32px, 4.6vw, 52px) !important;
  letter-spacing:-.018em !important;
}
.dev-hero__stats{
  gap:18px !important;
  margin-top:18px !important;
}
.dev-hero__stat{
  padding:10px 18px !important;
  border-radius:10px !important;
}
.dev-hero__stat-num{
  font-size:26px !important;
  line-height:1 !important;
}
.dev-hero__stat-label{
  font-size:10.5px !important;
  letter-spacing:.06em !important;
}
.dev-hero__search-btn{
  padding:12px 18px !important;
  border-radius:10px !important;
}

@media (max-width:991px){
  .dev-hero{ min-height:auto !important; padding:56px 20px 44px !important }
  .dev-hero__mosaic{ height:80px !important; opacity:.35 !important }
  .dev-hero__logocard{ width:100px !important; height:100px !important }
}
@media (max-width:640px){
  .dev-hero{ padding:52px 18px 40px !important }
  .dev-hero__mosaic{ display:none !important }
  .dev-hero__logocard{ width:88px !important; height:88px !important }
}