#lst-detail .rdx{ background:var(--color-card,#fff); border:1px solid var(--color-divider,#e6e8eb); border-radius:16px; padding:22px 24px; animation:rdxIn .3s ease; }
@keyframes rdxIn{ from{opacity:0; transform:translateY(10px);} to{opacity:1; transform:none;} }
.rdx-bar{ display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; }
.rdx-close{ display:inline-flex; align-items:center; gap:6px; height:40px; padding:0 16px; border-radius:10px; border:1px solid var(--color-divider,#e6e8eb); background:var(--color-surface,#fff); color:var(--color-text,#1f2937); font-weight:700; font-size:14px; cursor:pointer; transition:all .15s; }
.rdx-close:hover{ background:var(--color-danger,#ef4444); color:#fff; border-color:transparent; }
.rdx-editbtn{ height:40px; padding:0 16px; border-radius:10px; border:1px solid var(--color-divider,#e6e8eb); background:var(--color-surface,#fff); color:var(--color-primary,#2563eb); font-weight:700; font-size:14px; cursor:pointer; }
.rdx-editbtn:hover{ background:rgba(37,99,235,.08); }
.rdx-headrow{ display:flex; align-items:flex-start; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:14px; }
.rdx-title{ font-size:26px; font-weight:800; color:var(--color-text,#1f2937); margin:0; line-height:1.3; }
.rdx-pills{ display:flex; gap:8px; margin-top:10px; flex-wrap:wrap; }
.rdx-pill{ color:#fff; font-size:12px; font-weight:700; padding:6px 13px; border-radius:999px; }
.rdx-pill-soft{ background:var(--color-bg,#eef2f7) !important; color:var(--color-text-muted,#667085) !important; }
.rdx-bigprice{ font-size:24px; font-weight:800; color:var(--color-primary,#1d4ed8); white-space:nowrap; }
.rdx-tabs{ display:flex; gap:6px; border-bottom:1px solid var(--color-divider,#e6e8eb); margin-bottom:22px; flex-wrap:wrap; position:sticky; top:0; background:var(--color-card,#fff); z-index:4; padding-top:4px; }
.rdx-tab{ background:none; border:none; padding:11px 16px; font-size:14.5px; font-weight:700; color:var(--color-text-muted,#667085); cursor:pointer; border-bottom:2px solid transparent; margin-bottom:-1px; transition:color .15s; }
.rdx-tab:hover{ color:var(--color-primary,#2563eb); }
.rdx-tab.active{ color:var(--color-primary,#2563eb); border-bottom-color:var(--color-primary,#2563eb); }
.rdx-main{ display:grid; grid-template-columns:1fr 1.15fr; gap:28px; align-items:start; scroll-margin-top:60px; }
@media(max-width:920px){ .rdx-main{ grid-template-columns:1fr; } }
.rdx-sec{ margin-top:34px; scroll-margin-top:60px; }
.rdx-sec h2{ font-size:20px; font-weight:800; color:var(--color-text,#1f2937); margin:0 0 14px; }
.rdx-rows{ display:flex; flex-direction:column; }
.rdx-row{ display:flex; gap:16px; padding:13px 2px; border-bottom:1px solid var(--color-divider,#eef1f4); font-size:14.5px; }
.rdx-row .k{ color:var(--color-text-muted,#667085); min-width:130px; }
.rdx-row .v{ font-weight:700; color:var(--color-text,#1f2937); }
.rdx-about{ font-size:14.5px; line-height:1.9; color:var(--color-text,#374151); white-space:pre-line; }
.rdx-feats{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
@media(max-width:560px){ .rdx-feats{ grid-template-columns:1fr; } }
.rdx-feat{ display:flex; align-items:center; gap:10px; background:var(--color-bg,#f7f9fc); border:1px solid var(--color-divider,#eef1f4); border-radius:10px; padding:11px 13px; font-size:14px; font-weight:600; }
.rdx-feat span{ color:var(--color-success,#16a34a); font-weight:800; }
.rdx-muted{ color:var(--color-text-dim,#98a2b3); }
.rdx-maplink{ display:inline-block; margin-top:14px; color:var(--color-primary,#2563eb); font-weight:700; text-decoration:none; }
.rdx-gal{ position:relative; border-radius:16px; overflow:hidden; height:440px; background:linear-gradient(135deg,#9fb6cf,#5b7da6 55%,#3c5a80); }
.rdx-gal img{ width:100%; height:100%; object-fit:cover; cursor:zoom-in; display:block; }
.rdx-noimg{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; }
.rdx-nav{ position:absolute; top:50%; transform:translateY(-50%); width:44px; height:44px; border-radius:50%; border:none; background:rgba(255,255,255,.92); color:#1f2937; font-size:22px; cursor:pointer; display:flex; align-items:center; justify-content:center; box-shadow:0 2px 8px rgba(0,0,0,.2); }
.rdx-nav.prev{ inset-inline-start:12px; } .rdx-nav.next{ inset-inline-end:12px; }
.rdx-expand{ position:absolute; top:12px; inset-inline-end:12px; width:40px; height:40px; border-radius:10px; border:none; background:rgba(0,0,0,.55); color:#fff; font-size:18px; cursor:pointer; }
.rdx-thumbs{ display:flex; gap:8px; margin-top:10px; flex-wrap:wrap; }
.rdx-thumb{ width:90px; height:62px; object-fit:cover; border-radius:9px; cursor:pointer; border:2px solid transparent; background:#cbd5e1; transition:border-color .15s, transform .15s; }
.rdx-thumb:hover{ transform:translateY(-2px); }
.rdx-thumb.active{ border-color:var(--color-primary,#2563eb); }
.rdx-lb{ position:fixed; inset:0; z-index:2147483600; background:rgba(0,0,0,.92); display:flex; align-items:center; justify-content:center; }
.rdx-lb img{ max-width:90vw; max-height:86vh; object-fit:contain; border-radius:8px; }
.rdx-lb-close{ position:fixed; top:18px; inset-inline-end:22px; width:46px; height:46px; border-radius:50%; border:none; background:rgba(255,255,255,.15); color:#fff; font-size:22px; cursor:pointer; }
.rdx-lb-nav{ position:fixed; top:50%; transform:translateY(-50%); width:56px; height:56px; border-radius:50%; border:none; background:rgba(255,255,255,.15); color:#fff; font-size:30px; cursor:pointer; }
.rdx-lb-nav.prev{ inset-inline-start:22px; } .rdx-lb-nav.next{ inset-inline-end:22px; }
.rdx-lb-count{ position:fixed; bottom:22px; left:50%; transform:translateX(-50%); color:#fff; font-size:14px; background:rgba(0,0,0,.4); padding:6px 14px; border-radius:999px; }
#listings-body tr{ cursor:pointer; }