/* Broker R9 Final Design System
   Identity: Ivory / Charcoal / Muted Gold
   Scope: broker.com.eg approved UI only
*/

:root{
  --bk-bg:#F6F1E8;
  --bk-surface:#FFFDF8;
  --bk-surface-alt:#FBF8F1;
  --bk-ink:#252729;
  --bk-ink-2:#4A4A4A;
  --bk-muted:#6E6A63;
  --bk-gold:#B89A5A;
  --bk-gold-deep:#8F7744;
  --bk-gold-soft:#F2EBDD;
  --bk-border:#DED6C8;
  --bk-border-strong:#CFC3B1;
  --bk-white:#FFFDF8;
  --bk-shadow-1:0 8px 24px rgb(37 39 41 / 6%);
  --bk-shadow-2:0 14px 34px rgb(37 39 41 / 9%);
  --bk-r8:8px;
  --bk-r12:12px;
  --bk-r16:16px;
  --bk-r24:24px;
  --bk-r999:999px;
  --bk-s4:4px;
  --bk-s8:8px;
  --bk-s12:12px;
  --bk-s16:16px;
  --bk-s24:24px;
  --bk-s32:32px;
  --bk-s48:48px;
  --bk-s64:64px;
  --bk-s96:96px;
  --bk-s120:120px;
}

/* Base */
.broker-ui,
.broker-ui button,
.broker-ui input,
.broker-ui select,
.broker-ui textarea{
  font-family:"Cairo",system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
.broker-ui,
.broker-responsive-stage{
  background:var(--bk-bg)!important;
  color:var(--bk-ink)!important;
}
.broker-ui h1,
.broker-ui h2,
.broker-ui h3,
.broker-ui h4,
.broker-ui strong{
  color:var(--bk-ink)!important;
}
.broker-ui p,
.broker-ui li,
.broker-ui .rf-developer,
.broker-ui .rf-finance-label{
  color:var(--bk-ink-2)!important;
}
.broker-ui a,
.broker-ui button{
  -webkit-tap-highlight-color:transparent;
}
.broker-ui a:focus-visible,
.broker-ui button:focus-visible,
.broker-ui summary:focus-visible,
#broker-approved-header a:focus-visible,
#broker-approved-header button:focus-visible{
  outline:2px solid var(--bk-gold)!important;
  outline-offset:3px!important;
}

/* 1350 content grid */
.broker-ui .rf-section,
.broker-ui .rf-broker-intro,
.broker-ui .rf-guidance{
  padding-inline:max(20px,calc((100vw - 1350px)/2))!important;
}
.broker-ui .rf-footer-premium .rf-footer-main,
.broker-ui .rf-footer-premium .rf-footer-bottom{
  width:min(1350px,calc(100% - 40px))!important;
  margin-inline:auto!important;
}

/* Header */
#broker-approved-header,
.broker-ui .rf-header{
  background:var(--bk-surface)!important;
  border-bottom:1px solid var(--bk-border)!important;
}
#broker-approved-header .rf-nav-link,
#broker-approved-header .rf-nav-trigger{
  color:var(--bk-ink)!important;
  font-weight:600!important;
}
#broker-approved-header .rf-nav-link:hover,
#broker-approved-header .rf-nav-trigger:hover,
#broker-approved-header .rf-nav-link[aria-current="page"],
#broker-approved-header .rf-nav-trigger[aria-current="page"],
#broker-approved-header .rf-nav-branch[open]>.rf-nav-trigger{
  background:var(--bk-gold-soft)!important;
  color:var(--bk-ink)!important;
}
#broker-approved-header .rf-nav-panel{
  background:var(--bk-surface)!important;
  border-color:var(--bk-border)!important;
  box-shadow:var(--bk-shadow-1)!important;
}
#broker-approved-header .rf-nav-heading{
  background:var(--bk-gold-soft)!important;
  color:var(--bk-ink)!important;
  border-color:var(--bk-border)!important;
}
#broker-approved-header .rf-nav-links a{
  color:var(--bk-ink-2)!important;
}
#broker-approved-header .rf-nav-links a:hover,
#broker-approved-header .rf-nav-links a[aria-current="page"]{
  background:var(--bk-surface-alt)!important;
  color:var(--bk-ink)!important;
}

/* Header CTA: text only */
.elementor-element-5172c66 .elementor-button,
#broker-approved-header .rf-header-cta{
  min-height:48px!important;
  padding:0 22px!important;
  border:1px solid var(--bk-ink-2)!important;
  border-radius:var(--bk-r12)!important;
  background:var(--bk-ink-2)!important;
  color:var(--bk-white)!important;
  font-weight:700!important;
  box-shadow:none!important;
}
.elementor-element-5172c66 .elementor-button:hover,
#broker-approved-header .rf-header-cta:hover{
  background:var(--bk-ink)!important;
  border-color:var(--bk-ink)!important;
}
.elementor-element-5172c66 .elementor-button-icon,
.elementor-element-5172c66 .elementor-button-icon *,
.elementor-element-5172c66 img,
#broker-approved-header .rf-header-cta svg,
#broker-approved-header .rf-header-cta img,
#broker-approved-header .rf-header-cta i,
#broker-approved-header .rf-header-cta .icon{
  display:none!important;
}
.elementor-element-5172c66 .elementor-button-content-wrapper{
  gap:0!important;
  justify-content:center!important;
}
.elementor-element-5172c66 .elementor-button-text{
  margin:0!important;
  color:var(--bk-white)!important;
  font-weight:700!important;
}

/* Hero */
.broker-ui .rg-hero-editorial{
  max-width:1350px!important;
  margin-inline:auto!important;
  overflow:hidden!important;
  background:var(--bk-surface)!important;
  border:1px solid var(--bk-border)!important;
  border-radius:var(--bk-r24)!important;
  box-shadow:var(--bk-shadow-1)!important;
}
.broker-ui .rg-hero-editorial>.rg-heading{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:clamp(38px,5vw,68px) clamp(24px,5vw,64px)!important;
  background:var(--bk-bg)!important;
}
.broker-ui .rg-hero-editorial .rg-heading .rf-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  margin-bottom:14px!important;
  color:var(--bk-gold-deep)!important;
  font-size:14px!important;
  line-height:1.5!important;
  font-weight:600!important;
}
.broker-ui .rg-hero-editorial .rg-heading .rf-kicker::before{
  background:var(--bk-gold)!important;
}
.broker-ui .rg-hero-editorial .rg-heading h1{
  max-width:680px!important;
  margin:0 0 18px!important;
  color:var(--bk-ink)!important;
  font-size:clamp(42px,4.6vw,60px)!important;
  line-height:1.24!important;
  letter-spacing:-.015em!important;
  font-weight:700!important;
  text-wrap:balance;
}
.broker-ui .rg-hero-editorial .rg-heading h1 strong,
.broker-ui .rg-hero-editorial .rg-title-keyword{
  color:var(--bk-ink)!important;
  font-weight:700!important;
}
.broker-ui .rg-hero-editorial .rg-intro{
  max-width:610px!important;
  margin:0!important;
  color:var(--bk-ink-2)!important;
  font-size:18px!important;
  line-height:1.9!important;
  font-weight:400!important;
  text-wrap:pretty;
}
.broker-ui .rg-hero-editorial>.rg-heading::after{
  content:""!important;
  display:block!important;
  width:96px!important;
  height:1px!important;
  margin-top:24px!important;
  background:var(--bk-gold)!important;
}

/* Finder */
.broker-ui .rg-choice{
  min-height:50px!important;
  border:1px solid var(--bk-border)!important;
  border-radius:var(--bk-r12)!important;
  background:var(--bk-surface)!important;
  color:var(--bk-ink)!important;
  font-weight:600!important;
  transition:background-color .18s ease,border-color .18s ease,transform .18s ease!important;
}
.broker-ui .rg-choice:hover{
  background:var(--bk-surface-alt)!important;
  border-color:var(--bk-border-strong)!important;
}
.broker-ui .rg-choice[aria-pressed="true"],
.broker-ui .rg-choice.is-selected{
  background:var(--bk-gold-soft)!important;
  border-color:#D2BE8A!important;
  color:var(--bk-ink)!important;
  box-shadow:none!important;
}
.broker-ui .rg-next{
  min-height:52px!important;
  border-radius:var(--bk-r12)!important;
  font-weight:700!important;
}
.broker-ui .rg-next:disabled,
.broker-ui .rg-next[aria-disabled="true"]{
  background:#E5E0D7!important;
  border-color:#D7D0C4!important;
  color:#8D8880!important;
  opacity:1!important;
  box-shadow:none!important;
}

/* Button system */
.broker-ui .rg-next:not(:disabled),
.broker-ui .rf-btn,
.broker-ui .rf-project-details,
.broker-ui .rf-launch-details,
.broker-ui .rf-guidance .rf-text-btn,
.broker-ui .rf-footer-premium .rf-footer-primary,
.elementor-element-d18d9d2 .elementor-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:48px!important;
  padding:0 18px!important;
  border:1px solid var(--bk-ink-2)!important;
  border-radius:var(--bk-r12)!important;
  background:var(--bk-ink-2)!important;
  color:var(--bk-white)!important;
  font-family:"Cairo",system-ui,-apple-system,"Segoe UI",sans-serif!important;
  font-weight:700!important;
  line-height:1.3!important;
  box-shadow:none!important;
}
.broker-ui .rg-next:not(:disabled):hover,
.broker-ui .rf-btn:hover,
.broker-ui .rf-project-details:hover,
.broker-ui .rf-launch-details:hover,
.broker-ui .rf-guidance .rf-text-btn:hover,
.broker-ui .rf-footer-premium .rf-footer-primary:hover,
.elementor-element-d18d9d2 .elementor-button:hover{
  background:var(--bk-ink)!important;
  border-color:var(--bk-ink)!important;
  color:var(--bk-white)!important;
}
.broker-ui .rf-btn *,
.broker-ui .rf-project-details *,
.broker-ui .rf-launch-details *,
.broker-ui .rf-guidance .rf-text-btn *,
.broker-ui .rf-footer-premium .rf-footer-primary *,
.elementor-element-d18d9d2 .elementor-button *{
  color:var(--bk-white)!important;
  font-weight:700!important;
}
.broker-ui .rf-btn svg,
.broker-ui .rf-project-details svg,
.broker-ui .rf-launch-details svg,
.broker-ui .rf-guidance .rf-text-btn svg,
.broker-ui .rf-footer-premium .rf-footer-primary svg{
  color:var(--bk-white)!important;
  fill:currentColor!important;
  stroke:currentColor!important;
}

/* Remove colored contact icons from Elementor CTA buttons */
.elementor-widget-button a[href*="wa.me"] .elementor-button-icon,
.elementor-widget-button a[href^="tel:"] .elementor-button-icon,
.elementor-widget-button a[href*="wa.me"] img,
.elementor-widget-button a[href^="tel:"] img{
  display:none!important;
}

/* Secondary actions */
.broker-ui .rf-project .rf-card-actions a:not(.rf-project-details),
.broker-ui .rf-launch-card .rf-card-actions a:not(.rf-launch-details),
.broker-ui .project-card-whatsapp-button{
  min-height:44px!important;
  border:1px solid var(--bk-border)!important;
  border-radius:var(--bk-r12)!important;
  background:var(--bk-surface)!important;
  color:var(--bk-ink)!important;
  font-weight:600!important;
}
.broker-ui .rf-project .rf-card-actions a:not(.rf-project-details):hover,
.broker-ui .rf-launch-card .rf-card-actions a:not(.rf-launch-details):hover,
.broker-ui .project-card-whatsapp-button:hover{
  background:var(--bk-surface-alt)!important;
  border-color:var(--bk-border-strong)!important;
}
.broker-ui .project-card-whatsapp-button img{
  filter:grayscale(1) brightness(.36)!important;
}

/* Project cards */
.broker-ui .rf-project{
  overflow:hidden!important;
  background:var(--bk-surface)!important;
  border:1px solid var(--bk-border)!important;
  border-radius:var(--bk-r16)!important;
  box-shadow:none!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
.broker-ui .rf-project:hover{
  transform:translateY(-2px)!important;
  border-color:var(--bk-border-strong)!important;
  box-shadow:var(--bk-shadow-1)!important;
}
.broker-ui .rf-project img{
  object-fit:cover!important;
}
.broker-ui .rf-project-info h3{
  color:var(--bk-ink)!important;
  font-weight:700!important;
  line-height:1.45!important;
}
.broker-ui .rf-card-finance strong{
  color:var(--bk-ink)!important;
  font-weight:700!important;
}
.broker-ui .rf-finance-label,
.broker-ui .rf-developer{
  color:var(--bk-muted)!important;
}

/* Regions */
.broker-ui .rf-region-tile{
  position:relative!important;
  overflow:hidden!important;
  min-height:150px!important;
  background:var(--bk-surface)!important;
  border:1px solid var(--bk-border)!important;
  border-radius:var(--bk-r16)!important;
  color:var(--bk-ink)!important;
  box-shadow:none!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease!important;
}
.broker-ui .rf-region-tile:hover,
.broker-ui .rf-region-tile:focus-visible{
  background:var(--bk-surface-alt)!important;
  border-color:#CDBC93!important;
  color:var(--bk-ink)!important;
  transform:translateY(-2px)!important;
  box-shadow:var(--bk-shadow-1)!important;
}
.broker-ui .rf-region-symbol{
  background:var(--bk-gold-soft)!important;
  color:var(--bk-gold-deep)!important;
  border:1px solid #E4D7B9!important;
}
.broker-ui .rf-region-tile>.lucide{
  position:absolute!important;
  inset-inline-start:16px!important;
  top:16px!important;
  width:18px!important;
  height:18px!important;
  color:var(--bk-gold)!important;
  opacity:.8!important;
}

/* Launches */
.broker-ui .rf-launches{
  background:var(--bk-bg)!important;
  color:var(--bk-ink)!important;
  border-block-color:var(--bk-border)!important;
}
.broker-ui .rf-launches .rf-section-eyebrow,
.broker-ui .rf-launch-season{
  color:var(--bk-gold-deep)!important;
  font-weight:600!important;
}
.broker-ui .rf-launch-card{
  background:var(--bk-surface)!important;
  color:var(--bk-ink)!important;
  border:1px solid var(--bk-border)!important;
  border-top:2px solid var(--bk-gold)!important;
  border-radius:var(--bk-r16)!important;
  box-shadow:none!important;
}
.broker-ui .rf-launch-kind{
  background:var(--bk-ink)!important;
  border:1px solid #3A3C3E!important;
  border-radius:var(--bk-r999)!important;
  color:var(--bk-white)!important;
  font-weight:600!important;
}
.broker-ui .rf-launch-kind *,
.broker-ui .rf-launch-kind svg{
  color:var(--bk-white)!important;
  fill:currentColor!important;
  stroke:currentColor!important;
}

/* Guidance */
.broker-ui .rf-guidance{
  background:#FFFFFF!important;
  border:1px solid var(--bk-border)!important;
  border-radius:var(--bk-r16)!important;
  box-shadow:none!important;
}
.broker-ui .rf-guidance .rf-kicker{
  color:var(--bk-gold-deep)!important;
  font-weight:600!important;
}
.broker-ui .rf-guidance h2{
  color:var(--bk-ink)!important;
  font-weight:700!important;
  line-height:1.35!important;
}
.broker-ui .rf-guidance p{
  color:var(--bk-ink-2)!important;
  line-height:1.9!important;
}

/* Footer */
.broker-ui .rf-footer-premium{
  background:var(--bk-bg)!important;
  color:var(--bk-ink)!important;
  border-top:1px solid var(--bk-gold)!important;
}
.broker-ui .rf-footer-premium .rf-footer-contact-card{
  background:var(--bk-ink)!important;
  border:1px solid #3A3C3E!important;
  border-radius:var(--bk-r16)!important;
  color:var(--bk-white)!important;
  box-shadow:none!important;
}
.broker-ui .rf-footer-premium .rf-footer-contact-card h2,
.broker-ui .rf-footer-premium .rf-footer-contact-card h3,
.broker-ui .rf-footer-premium .rf-footer-contact-card p,
.broker-ui .rf-footer-premium .rf-footer-contact-card strong{
  color:var(--bk-white)!important;
}
.broker-ui .rf-footer-premium .rf-footer-group{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.broker-ui .rf-footer-premium .rf-footer-group>summary{
  color:var(--bk-gold-deep)!important;
  border-bottom:1px solid var(--bk-border)!important;
  font-weight:700!important;
}
.broker-ui .rf-footer-premium .rf-footer-links a{
  color:var(--bk-ink-2)!important;
}
.broker-ui .rf-footer-premium .rf-footer-links a:hover{
  color:var(--bk-ink)!important;
}
.broker-ui .rf-footer-premium .rf-footer-bottom{
  background:#ECE6DB!important;
  border-top:1px solid var(--bk-border)!important;
}
.broker-ui .rf-footer-premium .rf-back-top,
.broker-ui .rf-footer-premium [href="#top"]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  padding:0!important;
  border-radius:var(--bk-r12)!important;
}

/* Typography scale */
.broker-ui .rf-section-head h2,
.broker-ui .rf-launches .rf-section-head h2{
  color:var(--bk-ink)!important;
  font-weight:700!important;
  line-height:1.35!important;
}
.broker-ui .rf-section-eyebrow{
  color:var(--bk-gold-deep)!important;
  font-weight:600!important;
}

/* Motion */
@media (prefers-reduced-motion:reduce){
  .broker-ui *,
  .broker-ui *::before,
  .broker-ui *::after{
    transition:none!important;
    animation:none!important;
    scroll-behavior:auto!important;
  }
}

/* Desktop rhythm */
@media (min-width:1024px){
  .broker-ui .rf-section{
    padding-block:96px!important;
  }
  .broker-ui .rg-hero-editorial .rg-heading h1{
    font-size:clamp(46px,4.4vw,60px)!important;
  }
}

/* Tablet */
@media (min-width:768px) and (max-width:1023px){
  .broker-ui .rf-section{
    padding-block:72px!important;
  }
}

/* Mobile */
@media (max-width:767px){
  .broker-ui .rf-section,
  .broker-ui .rf-broker-intro,
  .broker-ui .rf-guidance{
    padding-inline:18px!important;
  }
  .broker-ui .rf-section{
    padding-block:64px!important;
  }
  .broker-ui .rg-hero-editorial{
    border-radius:20px!important;
  }
  .broker-ui .rg-hero-editorial>.rg-heading{
    padding:28px 22px 30px!important;
  }
  .broker-ui .rg-hero-editorial .rg-heading .rf-kicker{
    margin-bottom:12px!important;
    font-size:13px!important;
  }
  .broker-ui .rg-hero-editorial .rg-heading h1{
    max-width:100%!important;
    margin-bottom:16px!important;
    font-size:clamp(32px,9vw,40px)!important;
    line-height:1.28!important;
  }
  .broker-ui .rg-hero-editorial .rg-intro{
    max-width:100%!important;
    font-size:16px!important;
    line-height:1.85!important;
  }
  .broker-ui .rg-hero-editorial>.rg-heading::after{
    width:72px!important;
    margin-top:20px!important;
  }
  .broker-ui .rg-next,
  .broker-ui .rf-btn,
  .broker-ui .rf-project-details,
  .broker-ui .rf-launch-details,
  .broker-ui .rf-guidance .rf-text-btn{
    min-height:52px!important;
  }
  .broker-ui .rf-region-tile{
    min-height:140px!important;
  }
}


/* R9.1 — exact live header CTA fix */
#broker-approved-header a.rf-icon-btn.rf-header-call,
#broker-approved-header .rf-icon-btn.rf-header-call{
  min-height:48px!important;
  padding:0 22px!important;
  border:1px solid var(--bk-ink-2)!important;
  border-radius:var(--bk-r12)!important;
  background:var(--bk-ink-2)!important;
  color:var(--bk-white)!important;
  font-family:"Cairo",system-ui,-apple-system,"Segoe UI",sans-serif!important;
  font-weight:700!important;
  box-shadow:none!important;
}
#broker-approved-header a.rf-icon-btn.rf-header-call:hover,
#broker-approved-header .rf-icon-btn.rf-header-call:hover{
  background:var(--bk-ink)!important;
  border-color:var(--bk-ink)!important;
  color:var(--bk-white)!important;
}
#broker-approved-header .rf-header-call .rf-desktop-contact-label{
  color:var(--bk-white)!important;
  font-weight:700!important;
}
#broker-approved-header .rf-header-call svg,
#broker-approved-header .rf-header-call .rf-desktop-contact-label svg,
#broker-approved-header .rf-header-call img,
#broker-approved-header .rf-header-call i{
  display:none!important;
}


/* R9.2 — hard lock header CTA to text-only */
#broker-approved-header .rf-header-call::before,
#broker-approved-header .rf-header-call::after,
#broker-approved-header .rf-header-call *::before,
#broker-approved-header .rf-header-call *::after{
  content:none!important;
  display:none!important;
  background:none!important;
  background-image:none!important;
  -webkit-mask:none!important;
  mask:none!important;
}
#broker-approved-header .rf-header-call svg,
#broker-approved-header .rf-header-call img,
#broker-approved-header .rf-header-call i,
#broker-approved-header .rf-header-call [class*="icon"]{
  display:none!important;
}
#broker-approved-header .rf-header-call,
#broker-approved-header .rf-header-call *{
  background-image:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
#broker-approved-header .rf-header-call .rf-desktop-contact-label{
  display:inline!important;
  padding:0!important;
  margin:0!important;
  background:none!important;
  color:var(--bk-white)!important;
  font-weight:700!important;
}


/* R9.3 — logo safe area, tighter section rhythm, charcoal text lock */

/* Developer logos are marks, never photos: contain without cropping */
.broker-ui .rf-developer-mark{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-height:42px!important;
  height:42px!important;
  padding:4px 0!important;
  overflow:visible!important;
}
.broker-ui .rf-developer-mark > img,
.broker-ui .rf-developer-mark img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:112px!important;
  max-height:34px!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  clip-path:none!important;
  margin:0!important;
}
.broker-ui .rf-project .rf-developer-mark > img,
.broker-ui .rf-launch-card .rf-developer-mark > img{
  object-fit:contain!important;
  max-width:112px!important;
  max-height:34px!important;
}

/* Tighter editorial section rhythm */
@media (min-width:1024px){
  .broker-ui .rf-section{
    padding-block:68px!important;
  }
  .broker-ui .rf-broker-intro,
  .broker-ui .rf-guidance{
    padding-top:64px!important;
    padding-bottom:64px!important;
  }
}
@media (min-width:768px) and (max-width:1023px){
  .broker-ui .rf-section{
    padding-block:58px!important;
  }
}
@media (max-width:767px){
  .broker-ui .rf-section{
    padding-block:50px!important;
  }
  .broker-ui .rf-broker-intro,
  .broker-ui .rf-guidance{
    padding-top:48px!important;
    padding-bottom:48px!important;
  }
}

/* Dark surfaces: ivory text only, bold where actionable */
.broker-ui .rf-btn,
.broker-ui .rf-project-details,
.broker-ui .rf-launch-details,
.broker-ui .rf-guidance .rf-text-btn,
.broker-ui .rf-footer-premium .rf-footer-primary,
.broker-ui .rf-launch-kind,
.broker-ui .rf-launch-inquiry,
.broker-ui .btn-primary,
.broker-ui .compare-btn,
#broker-approved-header .rf-header-call{
  color:var(--bk-white)!important;
}
.broker-ui .rf-btn *,
.broker-ui .rf-project-details *,
.broker-ui .rf-launch-details *,
.broker-ui .rf-guidance .rf-text-btn *,
.broker-ui .rf-footer-premium .rf-footer-primary *,
.broker-ui .rf-launch-kind *,
.broker-ui .rf-launch-inquiry *,
.broker-ui .btn-primary *,
.broker-ui .compare-btn *,
#broker-approved-header .rf-header-call *{
  color:var(--bk-white)!important;
}
.broker-ui .rf-btn,
.broker-ui .rf-project-details,
.broker-ui .rf-launch-details,
.broker-ui .rf-guidance .rf-text-btn,
.broker-ui .rf-footer-premium .rf-footer-primary,
.broker-ui .rf-launch-inquiry,
.broker-ui .btn-primary,
.broker-ui .compare-btn,
#broker-approved-header .rf-header-call{
  font-weight:700!important;
}
.broker-ui .rf-launch-kind{
  font-weight:600!important;
}

/* Gold stays accent only: borders, tiny labels, icons */
.broker-ui .rf-launch-kind{
  border-color:#8F7B4E!important;
  background:var(--bk-ink)!important;
}


/* R9.4 — developer logo safe-area refinement */
.broker-ui .rf-developer-mark,
.broker-ui .developer-logo-mark{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-height:36px!important;
  height:36px!important;
  padding:2px 0!important;
  overflow:visible!important;
}
.broker-ui .rf-developer-mark > img,
.broker-ui .rf-developer-mark img,
.broker-ui .developer-logo-mark > img,
.broker-ui .developer-logo-mark img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:96px!important;
  max-height:28px!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  clip-path:none!important;
  margin:0!important;
}

/* Elsewhere source has an unusually large native canvas; keep it visually balanced */
.broker-ui img[data-orig-src*="Elsewhere"],
.broker-ui .rf-developer-mark img[alt*="Elsewhere"],
.broker-ui .developer-logo-mark img[alt*="Elsewhere"]{
  max-width:86px!important;
  max-height:24px!important;
}


/* R9.5 — final consultant-ready developer logo sizing */
.broker-ui .rf-developer-mark,
.broker-ui .developer-logo-mark{
  min-height:34px!important;
  height:34px!important;
  padding:2px 0!important;
  overflow:visible!important;
}
.broker-ui .rf-developer-mark > img,
.broker-ui .rf-developer-mark img,
.broker-ui .developer-logo-mark > img,
.broker-ui .developer-logo-mark img{
  width:auto!important;
  height:auto!important;
  max-width:84px!important;
  max-height:24px!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  clip-path:none!important;
  margin:0!important;
}
.broker-ui img[data-orig-src*="Elsewhere"],
.broker-ui .rf-developer-mark img[alt*="Elsewhere"],
.broker-ui .developer-logo-mark img[alt*="Elsewhere"]{
  max-width:76px!important;
  max-height:21px!important;
}


/* R9.6 — consultant-grade optical normalization for live developer logos */
.broker-ui .rf-project .rf-project-developer,
.broker-ui .rf-project-release .rf-project-developer{
  display:flex!important;
  align-items:center!important;
  min-height:34px!important;
}

.broker-ui .rf-project .rf-project-developer > a,
.broker-ui .rf-project-release .rf-project-developer > a{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:92px!important;
  height:30px!important;
  flex:0 0 92px!important;
  overflow:visible!important;
}

.broker-ui .rf-project .rf-project-developer > a > img,
.broker-ui .rf-project-release .rf-project-developer > a > img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:82px!important;
  max-height:22px!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
  transform:none!important;
  clip-path:none!important;
}

/* Optical scale by brand — equal visual weight, not equal pixel box */
.broker-ui .rf-project-developer img[data-orig-src*="TMG"],
.broker-ui .rf-project-developer img[data-orig-src*="Group-TMG"],
.broker-ui .rf-project-developer img[alt*="TMG"],
.broker-ui .rf-project-developer img[alt*="طلعت"]{
  max-width:58px!important;
  max-height:24px!important;
}

.broker-ui .rf-project-developer img[data-orig-src*="Palm-Hills"],
.broker-ui .rf-project-developer img[alt*="Palm Hills"],
.broker-ui .rf-project-developer img[alt*="بالم هيلز"]{
  max-width:86px!important;
  max-height:18px!important;
}

.broker-ui .rf-project-developer img[data-orig-src*="Elsewhere"],
.broker-ui .rf-project-developer img[data-orig-src*="CREEKS-By-Elsewhere"],
.broker-ui .rf-project-developer img[alt*="Elsewhere"]{
  max-width:72px!important;
  max-height:18px!important;
}

.broker-ui .rf-project-developer img[data-orig-src*="Hyde-Park"],
.broker-ui .rf-project-developer img[alt*="Hyde Park"],
.broker-ui .rf-project-developer img[alt*="هايد بارك"]{
  max-width:78px!important;
  max-height:21px!important;
}


/* R9.7 — final consultant mobile QA hardening */
@media (max-width:767px){
  /* Guaranteed WCAG-friendly touch targets */
  #broker-approved-header .rf-icon-btn,
  #broker-approved-header .dropdown-toggle,
  #broker-approved-header button,
  .broker-ui .rg-choice,
  .broker-ui .rg-next,
  .broker-ui .rf-btn,
  .broker-ui .rf-text-btn,
  .broker-ui .rf-project-details,
  .broker-ui .rf-launch-details{
    min-width:44px!important;
    min-height:44px!important;
  }

  /* Prevent choice rows from clipping or forcing horizontal scroll */
  .broker-ui .rg-choice{
    width:100%!important;
    max-width:100%!important;
    white-space:normal!important;
    text-align:center!important;
  }
  .broker-ui .rg-options,
  .broker-ui .rg-choices,
  .broker-ui [class*="rg-choice-grid"],
  .broker-ui [class*="rg-options"]{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }
  .broker-ui .rg-choice:last-child:nth-child(odd){
    grid-column:1 / -1!important;
  }

  /* Safety against accidental horizontal overflow */
  .broker-ui,
  .broker-responsive-stage,
  #broker-approved-header{
    max-width:100vw!important;
    overflow-x:clip!important;
  }
}


/* R9.8 — lock Featured Projects to 3/2/1 responsive grid */
#rf-featured-projects .row.grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:24px!important;
  width:100%!important;
}
#rf-featured-projects article.project-card{
  min-width:0!important;
  width:100%!important;
}

/* Give developer identity more breathing room in the wider 3-column card */
#rf-featured-projects .rf-project-developer > a{
  width:104px!important;
  height:32px!important;
  flex:0 0 104px!important;
}
#rf-featured-projects .rf-project-developer > a > img{
  max-width:88px!important;
  max-height:24px!important;
  object-fit:contain!important;
}

/* Preserve optical normalization */
#rf-featured-projects .rf-project-developer img[data-orig-src*="TMG"],
#rf-featured-projects .rf-project-developer img[data-orig-src*="Group-TMG"],
#rf-featured-projects .rf-project-developer img[alt*="TMG"],
#rf-featured-projects .rf-project-developer img[alt*="طلعت"]{
  max-width:60px!important;
  max-height:24px!important;
}
#rf-featured-projects .rf-project-developer img[data-orig-src*="Palm-Hills"],
#rf-featured-projects .rf-project-developer img[alt*="Palm Hills"],
#rf-featured-projects .rf-project-developer img[alt*="بالم هيلز"]{
  max-width:88px!important;
  max-height:19px!important;
}
#rf-featured-projects .rf-project-developer img[data-orig-src*="Elsewhere"],
#rf-featured-projects .rf-project-developer img[data-orig-src*="CREEKS-By-Elsewhere"],
#rf-featured-projects .rf-project-developer img[alt*="Elsewhere"]{
  max-width:76px!important;
  max-height:19px!important;
}
#rf-featured-projects .rf-project-developer img[data-orig-src*="Hyde-Park"],
#rf-featured-projects .rf-project-developer img[alt*="Hyde Park"],
#rf-featured-projects .rf-project-developer img[alt*="هايد بارك"]{
  max-width:80px!important;
  max-height:22px!important;
}

@media (min-width:768px) and (max-width:1279px){
  #rf-featured-projects .row.grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width:767px){
  #rf-featured-projects .row.grid{
    grid-template-columns:minmax(0,1fr)!important;
    gap:18px!important;
  }
}


/* R9.9 — final featured projects responsive grid: 4 / 3 / 2 / 1 */
#rf-featured-projects .row.grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:22px!important;
  width:100%!important;
}
@media (min-width:1024px) and (max-width:1279px){
  #rf-featured-projects .row.grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media (min-width:768px) and (max-width:1023px){
  #rf-featured-projects .row.grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width:767px){
  #rf-featured-projects .row.grid{
    grid-template-columns:minmax(0,1fr)!important;
    gap:18px!important;
  }
}


/* R10.0 — final consultant featured-project grid: 3 / 2 / 1 */
#rf-featured-projects .row.grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:24px!important;
  width:100%!important;
}
@media (min-width:768px) and (max-width:1023px){
  #rf-featured-projects .row.grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width:767px){
  #rf-featured-projects .row.grid{
    grid-template-columns:minmax(0,1fr)!important;
    gap:18px!important;
  }
}

/* Wider 3-column cards: preserve optical developer-logo balance */
#rf-featured-projects .rf-project-developer > a{
  width:108px!important;
  height:34px!important;
  flex:0 0 108px!important;
}
#rf-featured-projects .rf-project-developer > a > img{
  object-fit:contain!important;
  object-position:center!important;
}


/* R10.1 — fix actual live Featured Projects container */
#rf-featured-projects .rf-projects{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:24px!important;
  width:100%!important;
  max-width:100%!important;
}
#rf-featured-projects .rf-projects > .rf-project{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  flex:none!important;
}

@media (min-width:768px) and (max-width:1023px){
  #rf-featured-projects .rf-projects{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width:767px){
  #rf-featured-projects .rf-projects{
    grid-template-columns:minmax(0,1fr)!important;
    gap:18px!important;
  }
}

/* Wider card = safer developer logo area */
#rf-featured-projects .rf-project-developer{
  min-width:0!important;
}
#rf-featured-projects .rf-project-developer > a{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:108px!important;
  height:34px!important;
  flex:0 0 108px!important;
  overflow:visible!important;
}
#rf-featured-projects .rf-project-developer > a > img{
  width:auto!important;
  height:auto!important;
  max-width:88px!important;
  max-height:24px!important;
  object-fit:contain!important;
  object-position:center!important;
}


/* R10.2 — restore 4-column desktop grid + unified developer-logo system */
#rf-featured-projects .rf-projects{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:22px!important;
  width:100%!important;
  max-width:100%!important;
}
#rf-featured-projects .rf-projects > .rf-project{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  flex:none!important;
}

@media (min-width:1024px) and (max-width:1279px){
  #rf-featured-projects .rf-projects{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media (min-width:768px) and (max-width:1023px){
  #rf-featured-projects .rf-projects{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width:767px){
  #rf-featured-projects .rf-projects{
    grid-template-columns:minmax(0,1fr)!important;
    gap:18px!important;
  }
}

/* Unified logo slot: equal space, natural aspect ratio */
#rf-featured-projects .rf-project-developer > a{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:72px!important;
  height:30px!important;
  flex:0 0 72px!important;
  overflow:visible!important;
}
#rf-featured-projects .rf-project-developer > a > img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:64px!important;
  max-height:22px!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
  transform:none!important;
  clip-path:none!important;
}

/* Square/heavy logo gets a tighter optical cap */
#rf-featured-projects .rf-project-developer img[data-orig-src*="TMG"],
#rf-featured-projects .rf-project-developer img[data-orig-src*="Group-TMG"],
#rf-featured-projects .rf-project-developer img[alt*="TMG"],
#rf-featured-projects .rf-project-developer img[alt*="طلعت"]{
  max-width:42px!important;
  max-height:22px!important;
}

/* Elsewhere has a large source canvas; keep it optically restrained */
#rf-featured-projects .rf-project-developer img[data-orig-src*="Elsewhere"],
#rf-featured-projects .rf-project-developer img[data-orig-src*="CREEKS-By-Elsewhere"],
#rf-featured-projects .rf-project-developer img[alt*="Elsewhere"]{
  max-width:58px!important;
  max-height:20px!important;
}


/* R10.3 — forced 40px developer-logo width for visual test */
#rf-featured-projects .rf-project-developer > a{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:48px!important;
  height:28px!important;
  flex:0 0 48px!important;
  overflow:visible!important;
}
#rf-featured-projects .rf-project-developer > a > img{
  display:block!important;
  width:40px!important;
  max-width:40px!important;
  height:auto!important;
  max-height:22px!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
  transform:none!important;
  clip-path:none!important;
}


/* R10.4 — hard lock ALL live developer marks to 40px width */
#rf-featured-projects .rf-project-developer .rf-developer-mark,
#rf-featured-projects .rf-project-developer .developer-logo-mark,
#rf-featured-projects .rf-project-developer > a{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:48px!important;
  max-width:48px!important;
  height:28px!important;
  flex:0 0 48px!important;
  overflow:visible!important;
}

#rf-featured-projects .rf-project-developer img,
#rf-featured-projects .rf-project-developer svg,
#rf-featured-projects .rf-developer-mark img,
#rf-featured-projects .rf-developer-mark svg,
#rf-featured-projects .developer-logo-mark img,
#rf-featured-projects .developer-logo-mark svg{
  display:block!important;
  width:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  height:auto!important;
  max-height:22px!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
  transform:none!important;
  clip-path:none!important;
}


/* R10.5 — launches badge + projects archive consultant cleanup */
.elementor-element-44b38b49,
.elementor-element-44b38b49 *,
.broker-launch-badge-white,
.broker-launch-badge-white *{
  color:#fff!important;
}
.elementor-element-44b38b49 svg,
.broker-launch-badge-white svg{
  color:#fff!important;
  fill:currentColor!important;
  stroke:currentColor!important;
}

/* Projects archive filters */
.broker-project-filters{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  align-items:center!important;
  justify-content:flex-start!important;
  margin:0 0 28px!important;
  direction:rtl!important;
}
.broker-project-filter{
  min-height:44px!important;
  padding:10px 16px!important;
  border:1px solid var(--bk-border,#DED6C8)!important;
  border-radius:999px!important;
  background:var(--bk-surface,#FFFDF8)!important;
  color:var(--bk-ink,#252729)!important;
  font-family:Cairo,sans-serif!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.4!important;
  cursor:pointer!important;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease!important;
}
.broker-project-filter:hover{
  transform:translateY(-1px)!important;
  border-color:var(--bk-gold,#B89A5A)!important;
}
.broker-project-filter.is-active{
  background:var(--bk-ink,#252729)!important;
  border-color:var(--bk-ink,#252729)!important;
  color:#fff!important;
}

/* Archive card: image + title + actions only */
.broker-archive-card-clean .broker-hide-card-copy,
.broker-project-count-hidden{
  display:none!important;
}
.broker-archive-card-clean{
  min-width:0!important;
}
.broker-archive-card-clean h2,
.broker-archive-card-clean h3,
.broker-archive-card-clean h4{
  margin-bottom:18px!important;
}
.broker-project-filter-hidden{
  display:none!important;
}

/* Load more replaces numeric counter */
.broker-more-projects{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:210px!important;
  min-height:48px!important;
  margin:30px auto 0!important;
  padding:12px 24px!important;
  border:1px solid var(--bk-ink,#252729)!important;
  border-radius:10px!important;
  background:var(--bk-ink,#252729)!important;
  color:#fff!important;
  font-family:Cairo,sans-serif!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.4!important;
  cursor:pointer!important;
}
.broker-more-projects:hover{
  transform:translateY(-1px)!important;
}
.broker-more-projects[hidden]{
  display:none!important;
}

@media (max-width:767px){
  .broker-project-filters{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin-bottom:20px!important;
  }
  .broker-project-filter{
    width:100%!important;
    padding-inline:10px!important;
  }
  .broker-more-projects{
    width:100%!important;
    max-width:320px!important;
  }
}


/* R10.7 — archive de-duplication and source UI cleanup */
.broker-project-count-hidden,
.broker-pagination-hidden,
.broker-native-region-shortcuts-hidden,
.broker-initial-overflow-hidden{
  display:none!important;
}

.broker-more-projects-native{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:210px!important;
  min-height:48px!important;
  margin:30px auto 0!important;
  padding:12px 24px!important;
  border:1px solid var(--bk-ink,#252729)!important;
  border-radius:10px!important;
  background:var(--bk-ink,#252729)!important;
  color:#fff!important;
  font-family:Cairo,sans-serif!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.4!important;
  text-decoration:none!important;
}


/* R10.8 — compact native projects filter, no tag pills */
.broker-project-filters{
  display:none!important;
}

.broker-native-project-filter{
  display:grid!important;
  grid-template-columns:minmax(240px,1.35fr) minmax(180px,1fr) minmax(180px,1fr) auto!important;
  gap:14px!important;
  align-items:end!important;
  width:min(1350px,calc(100% - 40px))!important;
  margin:0 auto 28px!important;
  padding:18px!important;
  border:1px solid var(--bk-border,#DED6C8)!important;
  border-radius:18px!important;
  background:var(--bk-surface,#FFFDF8)!important;
  box-shadow:0 8px 24px rgb(37 39 41 / 4%)!important;
  direction:rtl!important;
}

.broker-native-project-filter .broker-filter-field{
  min-width:0!important;
  margin:0!important;
}

.broker-native-project-filter .broker-filter-label{
  display:block!important;
  margin:0 0 6px!important;
  color:var(--bk-muted,#6E6A63)!important;
  font-family:Cairo,sans-serif!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:600!important;
}

.broker-native-project-filter .broker-filter-control,
.broker-native-project-filter input[type="text"],
.broker-native-project-filter input[type="search"],
.broker-native-project-filter select{
  width:100%!important;
  min-height:48px!important;
  margin:0!important;
  padding:10px 14px!important;
  border:1px solid var(--bk-border,#DED6C8)!important;
  border-radius:10px!important;
  background:var(--bk-surface-alt,#FBF8F1)!important;
  color:var(--bk-ink,#252729)!important;
  font-family:Cairo,sans-serif!important;
  font-size:14px!important;
  font-weight:500!important;
  box-shadow:none!important;
  outline:none!important;
}

.broker-native-project-filter .broker-filter-control:focus,
.broker-native-project-filter input:focus,
.broker-native-project-filter select:focus{
  border-color:var(--bk-gold,#B89A5A)!important;
  box-shadow:0 0 0 2px rgb(184 154 90 / 18%)!important;
}

.broker-native-project-filter .broker-filter-submit,
.broker-native-project-filter button[type="submit"],
.broker-native-project-filter input[type="submit"]{
  min-width:190px!important;
  min-height:48px!important;
  margin:0!important;
  padding:11px 20px!important;
  border:1px solid var(--bk-ink,#252729)!important;
  border-radius:10px!important;
  background:var(--bk-ink,#252729)!important;
  color:#fff!important;
  font-family:Cairo,sans-serif!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.4!important;
  cursor:pointer!important;
}

.broker-native-region-shortcuts-hidden,
.broker-project-count-hidden,
.broker-pagination-hidden{
  display:none!important;
}

@media (max-width:1023px){
  .broker-native-project-filter{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .broker-native-project-filter .broker-filter-submit,
  .broker-native-project-filter button[type="submit"],
  .broker-native-project-filter input[type="submit"]{
    width:100%!important;
    min-width:0!important;
  }
}

@media (max-width:767px){
  .broker-native-project-filter{
    grid-template-columns:minmax(0,1fr)!important;
    width:calc(100% - 36px)!important;
    padding:14px!important;
    gap:10px!important;
    border-radius:14px!important;
  }
  .broker-native-project-filter .broker-filter-label{
    font-size:11px!important;
  }
}


/* R10.9 — real native region select replacement */
.broker-original-city-hidden{
  display:none!important;
}
.broker-region-native-select{
  display:block!important;
  width:100%!important;
  min-height:48px!important;
  appearance:auto!important;
  -webkit-appearance:auto!important;
}


/* R11.0 — client-side archive region filter feedback */
.broker-filter-empty-state{
  width:min(1350px,calc(100% - 40px))!important;
  margin:0 auto 22px!important;
  padding:18px 20px!important;
  border:1px solid var(--bk-border,#DED6C8)!important;
  border-radius:12px!important;
  background:var(--bk-surface-alt,#FBF8F1)!important;
  color:var(--bk-muted,#6E6A63)!important;
  font-family:Cairo,sans-serif!important;
  font-size:14px!important;
  font-weight:600!important;
  text-align:center!important;
}
.broker-native-project-filter .broker-filter-submit:disabled{
  opacity:.65!important;
  cursor:wait!important;
}


/* R11.1 — clean projects archive */
.bcpa-page{
  background:var(--bk-bg,#F6F1E8)!important;
  color:var(--bk-ink,#252729)!important;
  font-family:Cairo,sans-serif!important;
}
.bcpa-shell{
  width:min(1350px,calc(100% - 40px))!important;
  margin-inline:auto!important;
}
.bcpa-hero{
  padding:64px 0 28px!important;
}
.bcpa-eyebrow{
  margin:0 0 10px!important;
  color:var(--bk-gold-deep,#8F7744)!important;
  font-size:13px!important;
  font-weight:600!important;
}
.bcpa-hero h1{
  margin:0!important;
  font-size:clamp(34px,4vw,56px)!important;
  line-height:1.18!important;
  font-weight:700!important;
}
.bcpa-lead{
  max-width:720px!important;
  margin:14px 0 0!important;
  color:var(--bk-muted,#6E6A63)!important;
  font-size:16px!important;
  line-height:1.9!important;
}
.bcpa-content{
  padding:20px 0 72px!important;
}
.bcpa-filter{
  display:grid!important;
  grid-template-columns:1.35fr 1fr 1fr auto!important;
  gap:14px!important;
  align-items:end!important;
  margin:0 0 30px!important;
  padding:18px!important;
  border:1px solid var(--bk-border,#DED6C8)!important;
  border-radius:18px!important;
  background:var(--bk-surface,#FFFDF8)!important;
  box-shadow:0 8px 24px rgb(37 39 41 / 4%)!important;
}
.bcpa-field label{
  display:block!important;
  margin:0 0 6px!important;
  color:var(--bk-muted,#6E6A63)!important;
  font-size:12px!important;
  font-weight:600!important;
}
.bcpa-field input,
.bcpa-field select{
  width:100%!important;
  min-height:48px!important;
  padding:10px 14px!important;
  border:1px solid var(--bk-border,#DED6C8)!important;
  border-radius:10px!important;
  background:var(--bk-surface-alt,#FBF8F1)!important;
  color:var(--bk-ink,#252729)!important;
  font:500 14px/1.4 Cairo,sans-serif!important;
  box-shadow:none!important;
}
.bcpa-field input:focus,
.bcpa-field select:focus{
  outline:none!important;
  border-color:var(--bk-gold,#B89A5A)!important;
  box-shadow:0 0 0 2px rgb(184 154 90 / 18%)!important;
}
.bcpa-filter-submit,
.bcpa-more{
  min-height:48px!important;
  padding:11px 22px!important;
  border:1px solid var(--bk-ink,#252729)!important;
  border-radius:10px!important;
  background:var(--bk-ink,#252729)!important;
  color:#fff!important;
  font:700 15px/1.4 Cairo,sans-serif!important;
  cursor:pointer!important;
}
.bcpa-filter-submit{min-width:180px!important;}
.bcpa-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:24px!important;
}
.bcpa-card{
  overflow:hidden!important;
  border:1px solid var(--bk-border,#DED6C8)!important;
  border-radius:16px!important;
  background:var(--bk-surface,#FFFDF8)!important;
}
.bcpa-card-image{
  display:block!important;
  aspect-ratio:16/10!important;
  overflow:hidden!important;
  background:#eee!important;
}
.bcpa-card-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.bcpa-card-body{padding:18px!important;}
.bcpa-card-title{
  margin:0 0 18px!important;
  font-size:21px!important;
  line-height:1.45!important;
  font-weight:700!important;
}
.bcpa-card-title a{
  color:var(--bk-ink,#252729)!important;
  text-decoration:none!important;
}
.bcpa-card-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}
.bcpa-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px!important;
  padding:9px 12px!important;
  border-radius:9px!important;
  font-size:13px!important;
  font-weight:700!important;
  text-decoration:none!important;
}
.bcpa-btn-primary{
  background:var(--bk-ink,#252729)!important;
  border:1px solid var(--bk-ink,#252729)!important;
  color:#fff!important;
}
.bcpa-btn-secondary{
  background:transparent!important;
  border:1px solid var(--bk-strong-border,#CFC3B1)!important;
  color:var(--bk-ink,#252729)!important;
}
.bcpa-more{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:220px!important;
  margin:30px auto 0!important;
}
.bcpa-more:disabled{opacity:.6!important;cursor:wait!important;}
.bcpa-empty{
  padding:28px!important;
  border:1px solid var(--bk-border,#DED6C8)!important;
  border-radius:14px!important;
  background:var(--bk-surface,#FFFDF8)!important;
  color:var(--bk-muted,#6E6A63)!important;
  text-align:center!important;
  font-weight:600!important;
}
@media (max-width:1023px){
  .bcpa-filter{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .bcpa-filter-submit{width:100%!important;min-width:0!important;}
  .bcpa-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:767px){
  .bcpa-shell{width:calc(100% - 36px)!important;}
  .bcpa-hero{padding:42px 0 20px!important;}
  .bcpa-filter{grid-template-columns:1fr!important;padding:14px!important;border-radius:14px!important;}
  .bcpa-grid{grid-template-columns:1fr!important;gap:18px!important;}
  .bcpa-card-title{font-size:19px!important;}
}


/* R11.2 — premium projects hero */
.bcpa-hero{
  position:relative!important;
  overflow:hidden!important;
  padding:72px 0 84px!important;
  background:
    radial-gradient(circle at 18% 20%, rgb(184 154 90 / 10%) 0 140px, transparent 141px),
    linear-gradient(180deg,#F6F1E8 0%,#F8F4EC 100%)!important;
  border-bottom:1px solid rgb(207 195 177 / 55%)!important;
}
.bcpa-hero::before{
  content:""!important;
  position:absolute!important;
  inset:auto 0 0 0!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgb(184 154 90 / 50%),transparent)!important;
}
.bcpa-hero-shell{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)!important;
  gap:56px!important;
  align-items:center!important;
}
.bcpa-hero-copy{
  position:relative!important;
  z-index:2!important;
}
.bcpa-eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  min-height:30px!important;
  margin:0 0 18px!important;
  padding:5px 10px!important;
  border:1px solid rgb(184 154 90 / 35%)!important;
  border-radius:999px!important;
  background:rgb(255 253 248 / 72%)!important;
  color:var(--bk-gold-deep,#8F7744)!important;
  font-size:12px!important;
  font-weight:700!important;
}
.bcpa-hero h1{
  max-width:760px!important;
  margin:0!important;
  font-size:clamp(42px,5.2vw,72px)!important;
  line-height:1.13!important;
  letter-spacing:-.02em!important;
  font-weight:700!important;
  text-wrap:balance!important;
}
.bcpa-lead{
  max-width:720px!important;
  margin:18px 0 0!important;
  color:var(--bk-muted,#6E6A63)!important;
  font-size:17px!important;
  line-height:1.95!important;
}
.bcpa-hero-meta{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px 18px!important;
  margin-top:24px!important;
  color:var(--bk-secondary,#4A4A4A)!important;
  font-size:13px!important;
  font-weight:600!important;
}
.bcpa-hero-meta span{
  position:relative!important;
  padding-inline-start:15px!important;
}
.bcpa-hero-meta span::before{
  content:""!important;
  position:absolute!important;
  inset-inline-start:0!important;
  top:50%!important;
  width:6px!important;
  height:6px!important;
  border-radius:50%!important;
  background:var(--bk-gold,#B89A5A)!important;
  transform:translateY(-50%)!important;
}
.bcpa-hero-art{
  position:relative!important;
  min-height:300px!important;
  border-radius:24px!important;
  background:
    linear-gradient(180deg,rgb(255 253 248 / 78%),rgb(251 248 241 / 94%))!important;
  border:1px solid rgb(207 195 177 / 70%)!important;
  box-shadow:0 24px 60px rgb(37 39 41 / 8%)!important;
  overflow:hidden!important;
}
.bcpa-hero-art::after{
  content:""!important;
  position:absolute!important;
  inset:auto 24px 22px 24px!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,#B89A5A,transparent)!important;
}
.bcpa-building{
  position:absolute!important;
  bottom:22px!important;
  border:1px solid rgb(143 119 68 / 45%)!important;
  background:
    repeating-linear-gradient(90deg,transparent 0 17px,rgb(184 154 90 / 18%) 18px 19px),
    repeating-linear-gradient(180deg,transparent 0 20px,rgb(184 154 90 / 16%) 21px 22px),
    linear-gradient(180deg,#FFFDF8,#F2EBDD)!important;
  box-shadow:0 12px 28px rgb(37 39 41 / 6%)!important;
}
.bcpa-building-a{
  inset-inline-start:44px!important;
  width:92px!important;
  height:170px!important;
}
.bcpa-building-b{
  inset-inline-start:122px!important;
  width:118px!important;
  height:230px!important;
}
.bcpa-building-c{
  inset-inline-start:226px!important;
  width:76px!important;
  height:138px!important;
}
.bcpa-sun{
  position:absolute!important;
  inset-inline-end:34px!important;
  top:34px!important;
  width:72px!important;
  height:72px!important;
  border-radius:50%!important;
  border:1px solid rgb(184 154 90 / 50%)!important;
  background:radial-gradient(circle,#F2EBDD 0 48%,transparent 50%)!important;
}
.bcpa-content{
  position:relative!important;
  z-index:3!important;
  margin-top:-34px!important;
  padding:0 0 76px!important;
}
.bcpa-filter{
  box-shadow:0 16px 38px rgb(37 39 41 / 7%)!important;
}

@media (max-width:1023px){
  .bcpa-hero{
    padding:58px 0 70px!important;
  }
  .bcpa-hero-shell{
    grid-template-columns:1fr!important;
    gap:30px!important;
  }
  .bcpa-hero-art{
    min-height:220px!important;
  }
}

@media (max-width:767px){
  .bcpa-hero{
    padding:40px 0 58px!important;
  }
  .bcpa-hero h1{
    font-size:clamp(34px,11vw,48px)!important;
  }
  .bcpa-lead{
    font-size:15px!important;
  }
  .bcpa-hero-meta{
    gap:8px 14px!important;
    font-size:12px!important;
  }
  .bcpa-hero-art{
    min-height:180px!important;
    border-radius:18px!important;
  }
  .bcpa-building-a{
    inset-inline-start:28px!important;
    width:70px!important;
    height:110px!important;
  }
  .bcpa-building-b{
    inset-inline-start:86px!important;
    width:86px!important;
    height:150px!important;
  }
  .bcpa-building-c{
    inset-inline-start:160px!important;
    width:60px!important;
    height:92px!important;
  }
  .bcpa-sun{
    width:54px!important;
    height:54px!important;
  }
  .bcpa-content{
    margin-top:-24px!important;
  }
}