/* Project index only: shared layouts, listing results and project details are unchanged. */
[data-property-hub-kind="project"].hzp-page { background:#f7f9fb; }

.hz-project-index { --project-line:#e2e7ed; --project-muted:#647080; --project-ink:#17212d; --project-blue:#264ddd; display:block; padding-block:8px 40px; color:var(--project-ink); }
.hz-project-index * { box-sizing:border-box; }
.hz-project-index h1,.hz-project-index h2,.hz-project-index p { margin:0; }
.hz-project-index button,.hz-project-index input { font:inherit; }
.hz-project-index a,.hz-project-index button,.hz-project-index input,.hz-project-index summary { -webkit-tap-highlight-color:transparent; }
.hz-project-index :is(a,button,input,summary):focus-visible { outline:3px solid #6286eb; outline-offset:3px; }
.hz-project-index svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.7; }
.hz-project-index__results { min-width:0; }
.hz-project-index .hz-project-index__toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:78px; padding:16px 20px; border:1px solid var(--project-line); border-radius:10px; background:#fff; }
.hz-project-index .hz-project-index__toolbar h1 { font-size:21px; line-height:1.35; font-weight:650; letter-spacing:-.02em; }
.hz-project-index .hz-project-index__toolbar p { margin-top:5px; font-size:12px; color:var(--project-muted); }
.hz-project-index .hz-project-index__tools { display:flex; align-items:center; gap:10px; flex:none; }
.hz-project-index .hz-project-view { display:flex; border:1px solid var(--project-line); border-radius:7px; padding:3px; }
.hz-project-index .hz-project-view a { width:36px; height:36px; display:grid; place-items:center; border-radius:5px; color:var(--project-muted); }
.hz-project-index .hz-project-view a[aria-current] { background:#17212d; color:#fff; }
.hz-project-index .hz-project-index__notice { color:var(--project-muted); font-size:11px; line-height:1.5; margin:10px 2px 14px; }
.hz-project-index .hz-project-index__cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin:20px 0 0; padding:0; list-style:none; }
.hz-project-index .hz-project-card { min-width:0; overflow:hidden; border:1px solid var(--project-line); background:#fff; border-radius:12px; display:flex; flex-direction:column; transition:box-shadow .15s ease; }
.hz-project-index .hz-project-card:hover { box-shadow:0 5px 18px #17212d0c; }
.hz-project-index .hz-project-card__image { position:relative; display:block; height:205px; flex:none; overflow:hidden; background:#e9edf1; }
.hz-project-index .hz-project-card__image>a { display:block; width:100%; height:100%; }
.hz-project-index .hz-project-card__image img { width:100%; height:100%; object-fit:cover; }
.hz-project-index .hz-project-card__image>span { position:absolute; top:12px; inset-inline-start:12px; font-size:11px; font-weight:500; color:#fff; background:#264ddd; padding:4px 8px; border-radius:5px; }
.hz-project-index .hz-project-card__body { padding:18px; display:flex; flex-direction:column; flex:1; min-width:0; }
.hz-project-index .hz-project-card__id { color:var(--project-muted); font-size:11px; overflow-wrap:anywhere; }
.hz-project-index .hz-project-card h2 { font-size:16px; font-weight:600; line-height:1.5; margin-block:8px; overflow-wrap:anywhere; }
.hz-project-index .hz-project-card h2 a:hover { color:var(--project-blue); }
.hz-project-index .hz-project-card__location { color:var(--project-muted); font-size:12px; line-height:1.6; margin-bottom:18px; }
.hz-project-index .hz-project-card__price-label { color:var(--project-muted); font-size:11px; margin-top:auto; }
.hz-project-index .hz-project-card__price { font-size:21px; line-height:1.5; font-weight:650; margin-top:4px; letter-spacing:-.03em; }
.hz-project-index .hz-project-card__price span { font-size:11px; font-weight:400; color:var(--project-muted); letter-spacing:0; }
.hz-project-index .hz-project-card__facts { display:flex; flex-direction:column; gap:6px; color:var(--project-muted); font-size:12px; margin-block:15px; }
.hz-project-index .hz-project-card__contact { display:grid; grid-template-columns:1.2fr 1fr; gap:8px; }
.hz-project-index .hz-project-card__contact a { display:grid; place-items:center; min-height:40px; border:1px solid #dce2e9; border-radius:6px; font-size:13px; }
.hz-project-index .hz-project-card__contact .hz-project-card__whatsapp { color:#fff; background:#237746; border-color:#237746; }
.hz-project-index[data-view="list"] .hz-project-index__cards { grid-template-columns:1fr; }
.hz-project-index[data-view="list"] .hz-project-card { display:grid; grid-template-columns:35% minmax(0,1fr); }
.hz-project-index[data-view="list"] .hz-project-card__image { height:100%; min-height:280px; }
.hz-project-index[data-view="list"] .hz-project-card__contact { max-width:340px; }
.hz-project-index .hz-project-pagination { display:flex; justify-content:center; flex-wrap:wrap; gap:8px; margin-top:28px; font-size:13px; }
.hz-project-index .hz-project-pagination :is(a,span) { display:grid; place-items:center; min-width:38px; min-height:40px; padding-inline:10px; border:1px solid var(--project-line); border-radius:6px; background:#fff; }
.hz-project-index .hz-project-pagination [aria-current] { color:#fff; background:var(--project-blue); border-color:var(--project-blue); }
.hz-project-index .hz-project-pagination [aria-disabled] { opacity:.45; }
.hz-project-index .hz-project-filter-errors { background:#fff4f2; border:1px solid #eac1b9; border-radius:8px; padding:16px; margin-top:16px; color:#852d21; font-size:14px; }
.hz-project-index .hz-project-filter-errors ul { margin:0; padding-inline-start:16px; }
.hz-project-index .hz-project-index__empty { padding:50px 24px; margin-top:20px; border:1px solid var(--project-line); border-radius:10px; text-align:center; background:#fff; }
.hz-project-index .hz-project-index__empty h2 { font-size:20px; }
.hz-project-index .hz-project-index__empty p { font-size:14px; color:var(--project-muted); margin-block:12px 20px; }
.hz-project-index .hz-project-index__empty a { color:var(--project-blue); text-decoration:underline; }
.hz-project-index[dir="rtl"] :is(h1,h2,legend) { letter-spacing:0; }
@media(max-width:1199px) { .hz-project-index .hz-project-index__cards { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } }
@media(max-width:767px) {
 [data-property-hub-kind="project"]>.hzp-shell { padding-inline:16px; }
 .hz-project-index { display:block; padding-bottom:30px; }
 .hz-project-index .hz-project-index__toolbar { flex-wrap:wrap; padding:16px; gap:12px; }
 .hz-project-index .hz-project-index__toolbar h1 { font-size:21px; }
 .hz-project-index .hz-project-index__tools { width:100%; justify-content:space-between; }
 .hz-project-index .hz-project-index__cards { grid-template-columns:1fr; }
 .hz-project-index .hz-project-card__image { height:230px; }
 .hz-project-index .hz-project-card h2 { font-size:17px; }
 .hz-project-index .hz-project-card__contact a { min-height:44px; }
 .hz-project-index[data-view="list"] .hz-project-card { grid-template-columns:1fr; }
 .hz-project-index[data-view="list"] .hz-project-card__image { height:180px; min-height:0; }
 .hz-project-index .hz-project-pagination { gap:5px; font-size:12px; }
 .hz-project-index .hz-project-pagination :is(a,span) { min-width:32px; padding-inline:7px; }
}
@media(prefers-reduced-motion:reduce) { .hz-project-index .hz-project-card { transition:none; } }

/* Same filter primitives as /amman/property-for-rent; project-only adapters. */
.hz-project-filterbar { color:var(--hzp-ink); }
.hz-project-filterbar * { box-sizing:border-box; }
.hz-project-filterbar .hz-project-filter-form { align-items:flex-end; flex-wrap:wrap; }
.hz-project-filterbar .hz-project-quick { display:none; }
.hz-project-filterbar[data-enhanced] .hz-project-quick { display:flex; flex:0 1 170px; }
.hz-project-filterbar[data-enhanced] .hz-project-quick--district { flex:1 1 270px; max-width:330px; }
.hz-project-filterbar[data-enhanced] .hz-project-quick--bedrooms { flex-basis:128px; }
.hz-project-filterbar[data-enhanced] .hz-project-quick--price { flex:0 0 auto; }
.hz-project-filterbar .hz-project-quick__button { width:100%; min-width:0; padding:0 30px 0 11px; padding-inline:11px 30px; color:var(--hzp-ink); font:inherit; font-size:14px; text-align:start; cursor:pointer; }
.hz-project-filterbar .hz-project-quick__button span { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.hz-project-filterbar .hz-project-quick--district .hz-project-quick__button { padding-inline-start:36px; }
.hz-project-filterbar .hz-project-quick__button .hz-project-location-icon { inset-inline:12px auto; width:15px; height:15px; }
.hz-project-filterbar .hz-project-quick__price-button { display:none; }
.hz-project-filterbar .hzp-fb__actions { display:none; }
.hz-project-filterbar[data-enhanced] .hzp-fb__actions { display:flex; margin-inline-start:auto; }
.hz-project-filterbar .hz-project-filter-panel { position:static; inset:auto; margin:0; width:100%; max-width:none; max-height:none; color:inherit; padding:0; text-align:start; }
.hz-project-filterbar[data-enhanced] .hz-project-filter-panel:not([open]) { display:none; }
.hz-project-filterbar[data-enhanced] .hz-project-filter-panel[open] { position:absolute; inset:auto 24px auto auto; inset-inline:auto 24px; top:100%; width:min(720px,calc(100vw - 48px)); max-height:min(600px,calc(100dvh - 180px)); display:flex; }
.hz-project-filterbar[data-enhanced] .hz-project-filter-panel[data-facet]:not([data-facet="all"]) { width:min(440px,calc(100vw - 48px)); }
.hz-project-filterbar .hz-project-filter-panel .hzp-fb__sheethead { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px; border-bottom:1px solid var(--hzp-line); }
.hz-project-filterbar .hzp-fb__sheettitle { margin:0; font-size:18px; font-weight:700; }
.hz-project-filterbar .hzp-fb__sheetclose { display:none; width:36px; height:36px; border:0; border-radius:50%; align-items:center; justify-content:center; cursor:pointer; background:var(--hzp-fill); color:var(--hzp-ink); }
.hz-project-filterbar[data-enhanced] .hzp-fb__sheetclose { display:flex; }
.hz-project-filterbar .hzp-fb__sheetclose svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; }
.hz-project-filterbar .hzp-fb__panelbody { min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:18px; }
.hz-project-filterbar .hz-project-filter-group { min-width:0; padding:0; margin:0; border:0; display:flex; flex-direction:column; gap:10px; }
.hz-project-filterbar .hz-project-filter-group+.hz-project-filter-group { margin-top:18px; border-top:1px solid var(--hzp-line); padding-top:18px; }
.hz-project-filterbar .hz-project-filter-group legend { float:left; width:100%; padding:0; margin-bottom:10px; }
.hz-project-filterbar[dir="rtl"] .hz-project-filter-group legend { float:right; }
.hz-project-filterbar .hz-project-filter-choice { position:relative; display:inline-flex; max-width:100%; }
.hz-project-filterbar .hz-project-district-search { flex:none; width:100%; min-height:40px; margin-bottom:4px; }
.hz-project-filterbar .hz-project-no-district { font-size:14px; color:var(--hzp-muted); }
.hz-project-filterbar .hzp-fb__foot { display:flex; flex:none; align-items:center; justify-content:space-between; gap:12px; }
.hz-project-filterbar .hzp-fb__show { margin-inline-start:auto; }
.hz-project-filterbar .hz-project-active-tags { display:flex; gap:8px; flex-wrap:wrap; flex-basis:100%; order:5; }
.hz-project-filterbar .hzp-fb__tag { display:inline-flex; align-items:center; gap:8px; max-width:100%; padding:6px 12px; border:1px solid var(--hzp-line); border-radius:999px; background:var(--hzp-fill); color:var(--hzp-body); font-size:12px; }
.hz-project-filterbar :is(button,input,a):focus-visible { outline:2px solid var(--hzp-accent); outline-offset:2px; }
.hz-project-filterbar .hzp-fpill__input:focus-visible { outline:0; }
@media(max-width:720px) {
 .hz-project-filterbar[data-enhanced] .hz-project-filter-form { display:flex; padding:12px; align-items:center; gap:9px 8px; }
 .hz-project-filterbar[data-enhanced] .hz-project-quick { flex:0 1 auto; order:2; }
 .hz-project-filterbar[data-enhanced] .hz-project-quick--district { order:0; flex:1 1 100%; max-width:none; }
 .hz-project-filterbar[data-enhanced] .hz-project-quick--bedrooms,.hz-project-filterbar[data-enhanced] .hz-project-quick--price { flex:0 1 auto; }
 .hz-project-filterbar .hz-project-quick>.hzp-field__label { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
 .hz-project-filterbar .hz-project-quick__button { min-height:40px; height:auto; width:auto; max-width:155px; border-radius:999px; font-size:13px; }
 .hz-project-filterbar .hz-project-quick--district .hz-project-quick__button { height:50px; width:100%; max-width:none; border-radius:10px; font-size:16px; }
 .hz-project-filterbar .hz-project-quick__range { display:none; }
 .hz-project-filterbar .hz-project-quick__price-button { display:flex; }
 .hz-project-filterbar[data-enhanced] .hzp-fb__actions { order:1; margin:0; flex:1 1 100%; padding:0; border:0; }
 .hz-project-filterbar .hz-project-clear { margin-inline-start:auto; }
 .hz-project-filterbar[data-enhanced] .hz-project-filter-panel[open] { position:fixed; inset:0; margin:0; width:100vw; max-width:100vw; height:100dvh; max-height:100dvh; border:0; border-radius:0; box-shadow:none; }
 .hz-project-filterbar[data-enhanced] .hz-project-filter-panel[data-facet]:not([data-facet="all"])[open] { inset:auto 10px max(10px,env(safe-area-inset-bottom)); width:calc(100vw - 20px); height:auto; max-height:78dvh; border:1px solid var(--hzp-line); border-radius:18px; box-shadow:0 24px 70px #12141a47; }
 .hz-project-filterbar .hz-project-filter-panel::backdrop { background:#1b202b8f; backdrop-filter:blur(2px); }
 .hz-project-filterbar .hz-project-filter-panel .hzp-fb__sheethead { flex:none; min-height:64px; padding:12px 18px; }
 .hz-project-filterbar .hzp-fb__panelbody { flex:1 1 auto; }
 .hz-project-filterbar .hzp-fb__foot { padding-bottom:max(12px,env(safe-area-inset-bottom)); }
 .hz-project-filterbar .hzp-fpill { min-height:40px; }
 .hz-project-filterbar .hz-project-active-tags { flex-wrap:nowrap; overflow-x:auto; max-width:100%; padding-bottom:3px; }
 .hz-project-filterbar .hz-project-active-tags a { flex:none; }
 html:has(.hz-project-filter-panel:modal) { overflow:hidden; }
}

.hz-project-filterbar .hz-project-filter-panel[data-facet]:not([data-facet="all"]) .hz-project-filter-group { margin:0; padding:0; border:0; }
.hz-project-filterbar .hz-project-filter-panel[data-facet]:not([data-facet="all"]) legend { position:absolute; width:1px; height:1px; margin:0; overflow:hidden; clip-path:inset(50%); }