/* Properties page (uses Home cards + About hero) */
.listings.pg{padding:56px 0 64px}
.count{font-size:13px;color:var(--muted)}
.count b{color:var(--navy);font-weight:600}
/* filter bar: same pill language as the Home search tabs / buttons */
.pf{display:flex;justify-content:space-between;align-items:center;gap:16px 24px;flex-wrap:wrap;margin-bottom:26px}
.pf-g{display:flex;flex-wrap:wrap;gap:8px}
.pf button{position:relative;overflow:hidden;isolation:isolate;font:500 13px 'Poppins',sans-serif;color:var(--navy);background:#fff;border:1px solid #dfe3ec;border-radius:999px;padding:8px 18px;cursor:pointer;transition:color .35s,border-color .3s,transform .3s var(--ease),box-shadow .3s}
.pf button:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--gold);transform:translateX(-101%);transition:transform .4s var(--ease)}
.pf button:hover{border-color:var(--gold);transform:translateY(-2px)}
.pf button:hover:before{transform:none}
.pf button.on{background:linear-gradient(180deg,#ffd45e,var(--gold2));border-color:var(--gold2);font-weight:600;box-shadow:0 6px 14px rgba(246,195,67,.35)}
.pf button.on:before{display:none}
.pf button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.pf .seg{padding:4px;border-radius:999px;background:var(--navy);gap:4px}
.pf .seg button{background:transparent;border-color:transparent;color:#dfe6f5;padding:7px 18px}
.pf .seg button:before{background:rgba(246,195,67,.18)}
.pf .seg button:hover{color:var(--gold);transform:none}
.pf .seg button.on{background:linear-gradient(180deg,#ffd45e,var(--gold2));color:var(--navy)}
/* grid */
.listings.pg .cards{grid-template-columns:repeat(4,1fr);gap:20px}
.card[hidden]{display:none}
.card.show{animation:rise .5s var(--ease) both}
.thumb{height:150px}
.thumb.ph:before{background:linear-gradient(135deg,var(--navy2),#1c3a6e 60%,#3a5d9a)}
.thumb.ph>.i{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;padding:14px;box-sizing:border-box;border-radius:50%;color:var(--gold);border:1.5px solid rgba(246,195,67,.6);background:rgba(246,195,67,.12);z-index:1}
.price>span{display:inline-block}
/* empty state */
.empty{text-align:center;padding:56px 20px;border:1px dashed #cfd6e6;border-radius:16px;background:var(--bg)}
.empty h3{font-size:18px;font-weight:600;margin-bottom:6px}
.empty p{font-size:14px;color:var(--muted);margin-bottom:18px}
.empty[hidden]{display:none}
/* services cards act as filter shortcuts */
.svc-c[data-go]{cursor:pointer}
@media(max-width:1100px){.listings.pg .cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.listings.pg .cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.listings.pg{padding:40px 0 48px}.listings.pg .cards{grid-template-columns:1fr}.pf{flex-direction:column;align-items:stretch}.pf-g{justify-content:flex-start}.pf .seg{align-self:flex-start}}
@media(prefers-reduced-motion:reduce){.card.show{animation:none}}