/* block 1 */
#alex-villas{--p:#123f3e;--g:#b58a55;--bg:#fbfaf7;--mut:#66736f;--line:#e7ded2;font-family:Cairo,Tajawal,Arial,sans-serif;color:#1f2d2b;background:#fff}#alex-villas *{box-sizing:border-box}#alex-villas a{text-decoration:none}#alex-villas .wrap{width:min(1250px,calc(100% - 32px));margin:auto}#alex-villas .hero{padding:70px 0 44px;background:linear-gradient(180deg,#f8f3eb,#fff)}#alex-villas .crumb{font-size:12px;color:#7d857f;margin-bottom:16px}#alex-villas .crumb a{color:var(--p);font-weight:800}#alex-villas h1,#alex-villas h2,#alex-villas h3,#alex-villas p{margin-top:0}#alex-villas h1{max-width:920px;margin-bottom:14px;color:var(--p);font-size:clamp(38px,5vw,62px);line-height:1.16;font-weight:900}#alex-villas h1 strong{display:block;margin-top:8px;color:#5d665f;font-size:clamp(17px,2vw,23px);line-height:1.65;font-weight:700}#alex-villas .hero p{max-width:850px;color:#53625f;font-size:14.5px;line-height:1.95}#alex-villas .hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}#alex-villas .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 17px;border-radius:11px;font-size:12.5px;font-weight:900}#alex-villas .btn-primary{background:var(--p);color:#fff}#alex-villas .btn-ghost{border:1px solid #d7c7b2;background:#fff;color:var(--p)}#alex-villas .section{padding:54px 0}#alex-villas .direct{padding:30px 0}#alex-villas .answer{padding:20px 22px;border-right:4px solid var(--g);border-radius:14px;background:#fbf8f3}#alex-villas .answer strong{display:block;color:var(--p);font-size:19px;margin-bottom:6px}#alex-villas .answer p{margin:0;color:#586560;font-size:13.5px;line-height:1.9}#alex-villas .head{margin-bottom:18px}#alex-villas .eyebrow{margin-bottom:5px;color:var(--g);font-size:11px;font-weight:900}#alex-villas .head h2{margin-bottom:7px;color:var(--p);font-size:clamp(28px,3.5vw,42px);line-height:1.3}#alex-villas .head p{max-width:800px;color:var(--mut);font-size:13px;line-height:1.8}#alex-villas .projects{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}#alex-villas .project-card{padding:18px;border:1px solid var(--line);border-radius:15px;background:#fff}#alex-villas .project-card h3{margin-bottom:7px;color:var(--p);font-size:17px}#alex-villas .project-card p{min-height:64px;margin-bottom:12px;color:#65716d;font-size:11.5px;line-height:1.75}#alex-villas .project-card a{color:#8d6537;font-size:11.5px;font-weight:900}#alex-villas .advisor-section{padding:58px 0 34px;background:linear-gradient(180deg,#fbfaf7,#f6f1ea)}#alex-villas .advisor-box{position:relative;padding:24px;border:1px solid #ded2c3;border-radius:22px;background:#fffdf9;box-shadow:0 18px 46px rgba(16,44,44,.07)}#alex-villas .advisor-grid{display:grid;gap:12px}#alex-villas .advisor-top{grid-template-columns:repeat(3,1fr)}#alex-villas .advisor-bottom{grid-template-columns:repeat(2,1fr);max-width:820px;margin-top:12px}#alex-villas .field label{display:block;margin-bottom:6px;color:#41504d;font-size:12.5px;font-weight:900}#alex-villas select{width:100%;min-height:50px;padding:0 13px;border:1px solid #d9cdbd;border-radius:11px;background:#fff;color:#263633;font:700 13px Cairo}#alex-villas .advisor-run{width:100%;min-height:52px;margin-top:18px;border:0;border-radius:12px;background:var(--p);color:#fff;font:900 13.5px Cairo;cursor:pointer}#alex-villas .advisor-results{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}#alex-villas .advisor-result{padding:17px;border:1px solid var(--line);border-radius:15px;background:#fff}#alex-villas .advisor-result.best{border-color:#cdb184;background:#fffaf1}#alex-villas .advisor-result strong{display:block;color:var(--p);font-size:16px}#alex-villas .advisor-result span,#alex-villas .advisor-result small{display:block;margin-top:4px;color:#65716d;font-size:11.5px;line-height:1.7}#alex-villas .advisor-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}#alex-villas .advisor-actions a{display:flex;align-items:center;justify-content:center;min-height:40px;border-radius:9px;font-size:11px;font-weight:900}#alex-villas .advisor-actions .wa{background:#1d6b58;color:#fff}#alex-villas .advisor-actions .pj{border:1px solid #d8c7b1;background:#fbf7f1;color:var(--p)}#alex-villas .filter-shell{padding:0 0 8px}#alex-villas .filters{padding:13px 14px;border:1px solid #e8e1d7;border-radius:14px;background:#fff}#alex-villas .filter-intro{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}#alex-villas .filter-intro strong{display:block;color:var(--p);font-size:13px}#alex-villas .filter-intro span{display:block;margin-top:2px;color:var(--mut);font-size:10.8px}#alex-villas .reset{border:0;background:none;color:#8b6a42;font:900 11px Cairo;cursor:pointer}#alex-villas .filter-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr 1fr;gap:8px}#alex-villas .filters select{min-height:44px;font-size:12px}#alex-villas .filter-summary{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding-top:9px;border-top:1px solid #f0ebe4}#alex-villas .result-count{color:#67736f;font-size:11.5px}#alex-villas .apply-advisor{min-height:42px;padding:8px 15px;border:0;border-radius:10px;background:var(--g);color:#fff;font:900 11.5px Cairo;cursor:pointer}#alex-villas .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}#alex-villas .villa-card{overflow:hidden;border:1px solid #e5ded5;border-radius:17px;background:#fff;box-shadow:0 7px 20px rgba(16,44,44,.035)}#alex-villas .villa-top{position:relative;min-height:138px;padding:48px 18px 18px;background:linear-gradient(135deg,#123f3e,#194b49);color:#fff}#alex-villas .villa-top strong{display:block;font-size:18px}#alex-villas .villa-top small{display:block;margin-top:3px;color:#dce8e4;font-size:11.5px}#alex-villas .villa-type,#alex-villas .delivery{position:absolute;top:12px;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:900}#alex-villas .villa-type{right:12px;background:#fff;color:var(--p)}#alex-villas .delivery{left:12px;background:#d8bd8e;color:#3d321f}#alex-villas .villa-body{padding:16px}#alex-villas .villa-body h3{margin-bottom:10px;color:#243331;font-size:15px}#alex-villas .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}#alex-villas .facts span{padding:7px 5px;border-radius:8px;background:#f8f6f2;color:#57645f;text-align:center;font-size:10.5px;font-weight:800}#alex-villas .landline{margin-bottom:10px;color:#6b756f;font-size:11px}#alex-villas .price{display:block;margin-bottom:8px;color:var(--p);font-size:18px}#alex-villas .villa-body p{min-height:48px;margin-bottom:8px;color:#69736f;font-size:10.8px;line-height:1.7}#alex-villas .payment{display:block;color:#7f684c;font-size:10.5px}#alex-villas .actions{display:grid;grid-template-columns:1fr 1.25fr;gap:7px;margin-top:12px}#alex-villas .actions a{display:flex;align-items:center;justify-content:center;min-height:42px;border-radius:9px;font-size:11px;font-weight:900}#alex-villas .project-btn{border:1px solid #d9c8b2;background:#fbf8f2;color:var(--p)}#alex-villas .wa-btn{background:#1d6b58;color:#fff}#alex-villas .more{display:flex;justify-content:center;margin-top:20px}#alex-villas .more button{min-height:45px;padding:9px 18px;border:1px solid #d7c5ac;border-radius:10px;background:#fff;color:var(--p);font:900 12px Cairo;cursor:pointer}#alex-villas .compare{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}#alex-villas .compare article{padding:18px;border-radius:15px;background:#f9f7f3}#alex-villas .compare h3{color:var(--p);font-size:16px}#alex-villas .compare p{margin:0;color:#65716d;font-size:11.5px;line-height:1.8}#alex-villas .opinion{padding:25px;border-radius:18px;background:var(--p);color:#fff}#alex-villas .opinion h2{color:#fff}#alex-villas .opinion p{margin:0;color:#e2ece9;font-size:13px;line-height:1.9}#alex-villas .checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}#alex-villas .checkitem{padding:15px;border:1px solid var(--line);border-radius:13px;background:#fff}#alex-villas .checkitem strong{display:block;color:var(--p);font-size:13px}#alex-villas .checkitem span{display:block;margin-top:4px;color:#68736f;font-size:11.5px;line-height:1.7}#alex-villas details{border-bottom:1px solid var(--line);padding:15px 0}#alex-villas summary{cursor:pointer;color:var(--p);font-size:13.5px;font-weight:900}#alex-villas details p{margin:9px 0 0;color:#65716d;font-size:12px;line-height:1.8}#alex-villas .form-wrap{padding:24px;border-radius:18px;background:#f8f4ee}@media(max-width:1000px){#alex-villas .projects{grid-template-columns:repeat(2,1fr)}#alex-villas .advisor-top,#alex-villas .advisor-bottom{grid-template-columns:repeat(2,1fr);max-width:none}#alex-villas .filter-grid{grid-template-columns:repeat(2,1fr)}#alex-villas .cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){#alex-villas .wrap{width:min(100% - 22px,1250px)}#alex-villas .projects,#alex-villas .advisor-top,#alex-villas .advisor-bottom,#alex-villas .advisor-results,#alex-villas .filter-grid,#alex-villas .cards,#alex-villas .compare,#alex-villas .checklist{grid-template-columns:1fr}#alex-villas .advisor-box{padding:17px}#alex-villas .filter-intro,#alex-villas .filter-summary{align-items:stretch;flex-direction:column}#alex-villas .actions,#alex-villas .advisor-actions{grid-template-columns:1fr}}
/* =========================================================
   V3 — SALES MANAGER CARD CLEANUP
   ========================================================= */
#alex-villas .villa-body{padding:16px 16px 15px}
#alex-villas .villa-body h3{min-height:auto;margin-bottom:9px}
#alex-villas .facts{margin-bottom:9px}
#alex-villas .landline{margin:0 0 9px;color:#6f766f;font-size:11px}
#alex-villas .price{margin-bottom:7px;font-size:18px;line-height:1.4}
#alex-villas .sales-note{
  min-height:auto!important;
  margin:0!important;
  color:#715b3d!important;
  font-size:10.8px!important;
  line-height:1.7!important;
}
#alex-villas .actions{margin-top:11px}
#alex-villas .villa-card{display:flex;flex-direction:column}
#alex-villas .villa-body{display:flex;flex:1;flex-direction:column}
#alex-villas .actions{margin-top:auto;padding-top:11px}


/* =========================================================
   V5 — FINAL CARD + TAGS VISUAL FIX
   ========================================================= */
#alex-villas .cards{
  gap:16px;
}
#alex-villas .villa-card{
  overflow:hidden;
  border:1px solid #e5ded5;
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 24px rgba(18,63,62,.045);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
#alex-villas .villa-card:hover{
  transform:translateY(-2px);
  border-color:#d8c8b3;
  box-shadow:0 12px 30px rgba(18,63,62,.075);
}

/* Header is compact; tags live in normal flow instead of floating over title */
#alex-villas .villa-top{
  position:relative;
  min-height:0;
  padding:14px 16px 16px;
  background:linear-gradient(135deg,#123f3e 0%,#164846 100%);
  color:#fff;
}
#alex-villas .villa-tags{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:wrap;
  gap:6px;
  margin-bottom:11px;
}
#alex-villas .villa-type,
#alex-villas .delivery{
  position:static;
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:4px 9px;
  border-radius:7px;
  font-size:9.5px;
  line-height:1;
  font-weight:900;
  white-space:nowrap;
}
#alex-villas .villa-type{
  color:#fff;
  background:rgba(255,255,255,.11);
  border:1px solid rgba(255,255,255,.22);
}
#alex-villas .delivery{
  color:#f6e6ca;
  background:rgba(181,138,85,.18);
  border:1px solid rgba(214,180,126,.32);
}
#alex-villas .villa-top strong{
  display:block;
  margin:0;
  color:#fff;
  font-size:18px;
  line-height:1.45;
  font-weight:900;
}
#alex-villas .villa-top small{
  display:block;
  margin-top:3px;
  color:#d8e5e1;
  font-size:10.8px;
  line-height:1.5;
}

/* Body is shorter and clearer */
#alex-villas .villa-body{
  padding:15px 16px 16px;
}
#alex-villas .villa-body h3{
  min-height:0;
  margin:0 0 10px;
  color:#2e3a37;
  font-size:13px;
  line-height:1.55;
  font-weight:800;
}
#alex-villas .facts{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
  margin:0 0 10px;
}
#alex-villas .facts span{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:6px 5px;
  border:1px solid #efeae3;
  border-radius:9px;
  background:#faf9f7;
}
#alex-villas .facts b{
  color:#32423f;
  font-size:11.5px;
  line-height:1.2;
}
#alex-villas .facts small{
  margin-top:3px;
  color:#7b847f;
  font-size:9px;
  line-height:1.2;
}
#alex-villas .landline{
  margin:0 0 9px;
  padding:0;
  color:#727c77;
  font-size:10.5px;
}
#alex-villas .price{
  display:block;
  margin:0 0 7px;
  color:#123f3e;
  font-size:20px;
  line-height:1.35;
  font-weight:900;
}
#alex-villas .sales-note{
  min-height:0!important;
  margin:0!important;
  color:#7a6346!important;
  font-size:10.7px!important;
  line-height:1.65!important;
}
#alex-villas .actions{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:8px;
  margin-top:auto;
  padding-top:13px;
}
#alex-villas .actions a{
  min-height:42px;
  border-radius:9px;
  font-size:10.8px;
  font-weight:900;
}
#alex-villas .project-btn{
  border:1px solid #dbcbb5;
  background:#fffaf3;
  color:#123f3e;
}
#alex-villas .wa-btn{
  border:1px solid #1d6b58;
  background:#1d6b58;
  color:#fff;
}

/* Desktop rhythm */
@media(min-width:1001px){
  #alex-villas .villa-top{padding:14px 16px 15px}
  #alex-villas .villa-body{padding:15px 16px 16px}
}

/* Mobile: no huge petrol block, no oversized tags */
@media(max-width:700px){
  #alex-villas .cards{gap:12px}
  #alex-villas .villa-card{border-radius:14px}
  #alex-villas .villa-top{
    padding:12px 14px 14px;
  }
  #alex-villas .villa-tags{
    gap:5px;
    margin-bottom:9px;
  }
  #alex-villas .villa-type,
  #alex-villas .delivery{
    min-height:23px;
    padding:4px 8px;
    border-radius:6px;
    font-size:9px;
  }
  #alex-villas .villa-top strong{font-size:17px}
  #alex-villas .villa-body{padding:14px}
  #alex-villas .price{font-size:19px}
  #alex-villas .actions{
    grid-template-columns:1fr;
    gap:7px;
  }
  #alex-villas .actions a{min-height:41px}
}


/* =========================================================
   V6 — HUB WIDTH CONSISTENCY
   Match Alexandria hub content width
   ========================================================= */
@media(min-width:1200px){
  #alex-villas .cards{gap:18px}
  #alex-villas .villa-top{padding:15px 18px 16px}
  #alex-villas .villa-body{padding:16px 18px 17px}
}


/* =========================================================
   V7 — FULL WIDTH PAGE STRUCTURE
   Scoped to Alexandria Villas only
   ========================================================= */

/* Break the villas wrapper out of narrow parent containers */
#alex-villas{
  position:relative;
  width:100vw;
  max-width:none!important;
  margin-right:calc(50% - 50vw);
  margin-left:calc(50% - 50vw);
  overflow-x:hidden;
}

/* Every main section spans the full viewport */
#alex-villas .hero,
#alex-villas .direct,
#alex-villas .section,
#alex-villas .advisor-section,
#alex-villas .filter-shell{
  width:100%;
  max-width:none;
}

/* Internal content aligns with the Alexandria hub */
#alex-villas .wrap{
  width:min(1280px,calc(100% - 36px))!important;
  max-width:none!important;
  margin-right:auto!important;
  margin-left:auto!important;
}

/* Hero should feel like a page hero, not a narrow centered card */
#alex-villas .hero{
  padding:68px 0 48px;
  background:linear-gradient(180deg,#f7f2eb 0%,#fff 100%);
}
#alex-villas .hero .wrap{
  display:grid;
  grid-template-columns:minmax(0,1fr);
}
#alex-villas .hero h1{
  max-width:1000px;
}
#alex-villas .hero p{
  max-width:940px;
}

/* Direct answer uses full page rhythm */
#alex-villas .direct{
  padding:26px 0 8px;
}
#alex-villas .answer{
  width:100%;
  max-width:none;
}

/* Keep Advisor and filters aligned to same wide grid */
#alex-villas .advisor-section{
  padding:58px 0 36px;
}
#alex-villas .advisor-box,
#alex-villas .filters{
  width:100%;
  max-width:none;
}

/* Wider desktop cards */
@media(min-width:1200px){
  #alex-villas .cards{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
  }
  #alex-villas .projects{
    grid-template-columns:repeat(5,minmax(0,1fr));
  }
}

/* Tablet */
@media(max-width:1100px){
  #alex-villas .wrap{
    width:min(100% - 28px,1280px)!important;
  }
}

/* Mobile */
@media(max-width:700px){
  #alex-villas{
    width:100vw;
    margin-right:calc(50% - 50vw);
    margin-left:calc(50% - 50vw);
  }
  #alex-villas .wrap{
    width:min(100% - 22px,1280px)!important;
  }
  #alex-villas .hero{
    padding:46px 0 32px;
  }
}


/* =========================================================
   V8 — ALEXANDRIA CLUSTER RECIPROCAL INTERNAL LINKS
   ========================================================= */
#alex-villas .cluster-links{padding:54px 0;background:#fff}
#alex-villas .cluster-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px
}
#alex-villas .cluster-card{
  display:flex;flex-direction:column;min-height:132px;padding:18px;
  border:1px solid #e5ddd2;border-radius:15px;background:#fbfaf7;color:inherit;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease
}
#alex-villas .cluster-card:hover{
  transform:translateY(-2px);border-color:#cfb58c;
  box-shadow:0 10px 24px rgba(16,44,44,.06)
}
#alex-villas .cluster-card strong{
  display:block;margin-bottom:6px;color:#123f3e;font-size:17px;line-height:1.45
}
#alex-villas .cluster-card span{
  display:block;color:#647370;font-size:12.5px;line-height:1.75
}
#alex-villas .cluster-card.is-hub{background:#fff8ee;border-color:#dec8a8}
#alex-villas .cluster-card.is-hub strong{color:#835726}
@media(max-width:900px){#alex-villas .cluster-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){#alex-villas .cluster-grid{grid-template-columns:1fr}}


/* =========================================================
   V9 — VERIFIED DATA + EXACT ADVISOR + FINAL READABILITY
   ========================================================= */
#alex-villas .data-review-note{max-width:980px!important;margin-top:10px!important;padding:10px 12px;border-right:3px solid #b58a55;border-radius:9px;background:#fffaf2;color:#5d6864!important;font-size:12.5px!important;line-height:1.8!important}
#alex-villas .data-review-note strong{color:#123f3e}
#alex-villas .data-quality{position:static;display:inline-flex;align-items:center;min-height:25px;padding:4px 8px;border-radius:7px;font-size:10.5px;line-height:1;font-weight:900;white-space:nowrap}
#alex-villas .data-quality.is-verified{border:1px solid rgba(126,197,176,.35);background:rgba(29,107,88,.22);color:#e2f5ef}
#alex-villas .data-quality.is-model{border:1px solid rgba(230,196,140,.35);background:rgba(181,138,85,.20);color:#fae6c4}
#alex-villas .villa-type,#alex-villas .delivery{font-size:10.5px}
#alex-villas .facts b{font-size:12.5px}
#alex-villas .facts small{font-size:10.5px}
#alex-villas .landline{font-size:11.5px}
#alex-villas .sales-note{font-size:11.5px!important;line-height:1.75!important}
#alex-villas .actions a{font-size:11.5px}
#alex-villas .project-card p,#alex-villas .compare p{font-size:12.5px}
#alex-villas .project-card a,#alex-villas .checkitem span{font-size:12px}
#alex-villas .advisor-result span,#alex-villas .advisor-result small{font-size:12px}
#alex-villas .filter-intro span{font-size:11.5px}
#alex-villas .advisor-no-match,#alex-villas .advisor-help{grid-column:1/-1;padding:18px;border:1px solid #dfd2c0;border-radius:15px;background:#fffaf2}
#alex-villas .advisor-no-match strong,#alex-villas .advisor-help strong{display:block;color:#123f3e;font-size:17px}
#alex-villas .advisor-no-match p,#alex-villas .advisor-help p{margin:6px 0 0;color:#65716d;font-size:12.5px;line-height:1.8}
#alex-villas .advisor-no-match a,#alex-villas .advisor-help a{display:inline-flex;align-items:center;justify-content:center;min-height:43px;margin-top:12px;padding:9px 15px;border-radius:10px;background:#1d6b58;color:#fff;font-size:12px;font-weight:900}
@media(max-width:700px){#alex-villas .data-quality{font-size:10px}#alex-villas .data-review-note{font-size:12px!important}}
