/* Diar Al Jawar: progressive property finder (desktop + narrow mobile) */
.choose-v2{border:1px solid var(--line);border-top:3px solid #159f88;border-radius:16px;box-shadow:0 15px 44px rgba(4,37,67,.09);padding:clamp(1.1rem,3.2vw,2.5rem);overflow:hidden}
.choose-v2 .choose-intro{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.45rem}
.choose-v2 .choose-kicker{display:inline-block;font-size:.73rem;font-weight:700;color:#087c79;letter-spacing:.015em;margin-bottom:.4rem}
.choose-v2 h2{font-size:clamp(1.38rem,2.6vw,1.95rem);font-weight:700;line-height:1.6}
.choose-v2 h2 em{font-style:normal;color:#058c8c}
.choose-v2 h2::after{display:none}
.choose-v2 .choose-intro p{color:var(--muted);font-size:.9rem;margin-top:.3rem;line-height:1.9}
.choose-total{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 115px;min-height:85px;background:var(--tint);border-radius:12px;color:var(--ink)}
.choose-total b{font-weight:800;font-size:1.65rem;line-height:1.15;font-variant-numeric:tabular-nums}
.choose-total span{color:var(--muted);font-size:.69rem}
.choose-groups{display:grid;grid-template-columns:1fr 1.55fr 1fr;gap:1rem;align-items:stretch}
.choose-group{min-width:0;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:1.1rem;min-height:142px}
.choose-group-heading{display:flex;align-items:center;justify-content:space-between;gap:.45rem;margin-bottom:.85rem;min-height:34px}
.choose-group-heading h3{display:flex;align-items:center;gap:.55rem;color:var(--ink);font-size:.99rem;font-weight:700;white-space:nowrap}
.choose-step{font:700 .68rem var(--body);color:#078680;background:#e1f4f1;border-radius:7px;display:inline-grid;place-items:center;width:30px;height:30px;direction:ltr}
.choose-tip{font-size:.72rem;color:var(--muted);white-space:nowrap}
.choose-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}
.choose-hood .choose-options{grid-template-columns:repeat(2,minmax(0,1fr))}
.choose-option{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:.4rem;width:100%;min-height:45px;text-align:right;text-decoration:none;border:1px solid var(--line);border-radius:9px;padding:.55rem .7rem;background:var(--surface);color:var(--ink);font:600 .85rem var(--body);cursor:pointer;transition:border-color .16s,background .16s,box-shadow .16s;white-space:normal}
.choose-option:hover:not(:disabled){border-color:#119b8e;box-shadow:0 3px 10px rgba(10,90,96,.08)}
.choose-option.is-selected,.choose-option[aria-pressed="true"]{background:#e7f6f2;border-color:#087e7a;color:#085a5c}
.choose-name{min-width:0;overflow-wrap:anywhere}
.choose-count,.choose-option small{font:700 .74rem var(--body);font-variant-numeric:tabular-nums;color:var(--muted);border-radius:6px;padding:2px 6px;min-width:25px;text-align:center;background:var(--tint);white-space:nowrap}
.choose-option.is-selected .choose-count{background:#c2eae0;color:#09564b}
.choose-option:disabled{opacity:.43;cursor:not-allowed}
.choose-option:focus-visible,.choose-reset:focus-visible,.choose-submit:focus-visible{outline:3px solid #45b7a5;outline-offset:2px}
.choose-actions{margin-top:1.1rem;background:var(--tint);border-radius:12px;padding:.9rem 1.05rem;display:flex;gap:.8rem 1rem;align-items:center;justify-content:space-between;flex-wrap:wrap}
.choose-match{color:var(--ink);font-size:.85rem}
.choose-match b{font-size:1.35rem;color:#087e79;font-variant-numeric:tabular-nums}
.choose-action-buttons{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}
.choose-submit{display:inline-flex;align-items:center;justify-content:center;min-height:46px;gap:.2rem;background:var(--deep);color:#fff;text-decoration:none;border-radius:8px;padding:.62rem 1.3rem;font-weight:700;font-size:.88rem;white-space:nowrap}
.choose-submit:hover{background:#075d78;color:#fff}
.choose-submit-empty{opacity:.7}
.choose-reset{color:var(--muted);background:transparent;border:0;text-decoration:underline;cursor:pointer;font:600 .82rem var(--body);min-height:40px}
.choose-footer{font-size:.8rem;color:var(--muted);text-align:center;margin-top:1rem!important;margin-bottom:0!important}
.choose-footer a{color:#087e79;font-weight:700;text-underline-offset:3px}
@media(max-width:1080px){.choose-groups{grid-template-columns:1fr 1fr;grid-template-areas:"city type" "hood hood"}.choose-city{grid-area:city}.choose-hood{grid-area:hood}.choose-type{grid-area:type}.choose-hood .choose-options{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){
 .choose-v2{border-radius:13px;padding:1rem .9rem;margin-top:-2.3rem}
 .choose-v2 .choose-intro{margin-bottom:.95rem;gap:.7rem}
 .choose-v2 h2{font-size:1.35rem}
 .choose-v2 .choose-intro p{font-size:.8rem;margin-top:.2rem}
 .choose-total{flex-basis:74px;min-height:69px;padding:.4rem}
 .choose-total b{font-size:1.35rem}
 .choose-total span{font-size:.61rem;text-align:center;line-height:1.25}
 .choose-groups{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"city" "hood" "type";gap:.72rem}
 .choose-group{min-height:0;padding:.8rem .78rem}
 .choose-group-heading{margin-bottom:.6rem;min-height:30px}
 .choose-group-heading h3{font-size:.93rem}
 .choose-hood .choose-options{grid-template-columns:repeat(2,minmax(0,1fr))}
 .choose-option{font-size:.85rem;min-height:45px;padding:.48rem .65rem}
 .choose-actions{align-items:stretch;margin-top:.85rem;padding:.85rem;flex-direction:column;gap:.5rem}
 .choose-match{text-align:center;font-size:.83rem}
 .choose-action-buttons{justify-content:center;width:100%}
 .choose-submit{flex:1;max-width:100%;min-height:46px}
 .choose-footer{font-size:.77rem}
}
@media(max-width:359px){.choose-tip{font-size:.63rem}.choose-group-heading h3{font-size:.85rem}.choose-option{font-size:.78rem}.choose-v2 .choose-intro p{font-size:.76rem}}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .choose-step{background:#103c43;color:#a2ead6}:root:not([data-theme="light"]) .choose-option.is-selected{background:#103c43;color:#c8ffee;border-color:#22a58e}:root:not([data-theme="light"]) .choose-option.is-selected .choose-count{background:#195152;color:#c8ffee}}
:root[data-theme="dark"] .choose-step{background:#103c43;color:#a2ead6}
:root[data-theme="dark"] .choose-option.is-selected{background:#103c43;color:#c8ffee;border-color:#22a58e}
:root[data-theme="dark"] .choose-option.is-selected .choose-count{background:#195152;color:#c8ffee}
@media(max-width:650px){html.chooser-in-view .fab{opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .16s ease,transform .16s ease}}
