:root{
  --gold:#b8912f; --gold-dark:#8a6a1f; --gold-light:#e6c669;
  --bg:#0e0d0b; --panel:#161410; --panel2:#1d1a15; --text:#f3ecd9; --muted:#b8ac8e;
  --border:#3a3324; --danger:#c0453b; --ok:#3f8f5f; --radius:14px;
  font-family:'Tahoma','Segoe UI',sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);direction:rtl;font-family:inherit}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font-family:inherit;font-size:1rem}

.container{max-width:1200px;margin:0 auto;padding:0 18px}

header.site{position:sticky;top:0;z-index:50;background:rgba(14,13,11,.92);backdrop-filter:blur(6px);border-bottom:1px solid var(--border)}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:16px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;font-weight:bold;font-size:1.3rem;color:var(--gold-light)}
.brand img{height:48px;width:auto;border-radius:8px}
.nav-links{display:flex;gap:18px;flex-wrap:wrap}
.nav-links a{color:var(--muted);padding:6px 4px;border-bottom:2px solid transparent}
.nav-links a:hover{color:var(--gold-light);border-color:var(--gold)}
.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:999px;border:1px solid var(--gold);background:transparent;color:var(--gold-light);cursor:pointer;transition:.15s}
.btn:hover{background:var(--gold);color:#1a1305}
.btn.primary{background:linear-gradient(135deg,var(--gold-light),var(--gold));color:#1a1305;border:none;font-weight:bold}
.btn.primary:hover{filter:brightness(1.08)}
.btn.small{padding:6px 12px;font-size:.85rem}
.btn.ghost{border-color:var(--border);color:var(--muted)}

.hero{background:radial-gradient(ellipse at top,#2a2313,var(--bg) 70%);padding:56px 0 36px;text-align:center;border-bottom:1px solid var(--border)}
.hero h1{font-size:2.2rem;margin:0 0 10px;color:var(--gold-light)}
.hero p{color:var(--muted);max-width:640px;margin:0 auto 20px;line-height:1.9}
.hero .prices{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:22px}
.price-pill{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:10px 18px;min-width:120px}
.price-pill b{display:block;color:var(--gold-light);font-size:1.15rem}
.price-pill span{color:var(--muted);font-size:.8rem}

.section-title{display:flex;align-items:center;justify-content:space-between;margin:38px 0 16px}
.section-title h2{color:var(--gold-light);font-size:1.4rem;margin:0}

.chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}
.chip{padding:8px 16px;border-radius:999px;border:1px solid var(--border);color:var(--muted);cursor:pointer;background:var(--panel)}
.chip.active,.chip:hover{border-color:var(--gold);color:var(--gold-light)}

.filters-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:18px}
.filters-bar input,.filters-bar select{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:9px 12px}

.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px;margin-bottom:40px}
.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:.18s;cursor:pointer;display:flex;flex-direction:column}
.card:hover{transform:translateY(-4px);border-color:var(--gold)}
.card .thumb{aspect-ratio:1/1;background:#221e16 url('/img/placeholder.svg') center/cover;position:relative;overflow:hidden}
.card .thumb img{width:100%;height:100%;object-fit:cover}
.badge{position:absolute;top:10px;right:10px;background:var(--gold);color:#1a1305;font-size:.72rem;padding:3px 9px;border-radius:999px;font-weight:bold}
.badge.status-sold{background:var(--danger);color:#fff}
.badge.status-reserved{background:#c68b1f}
.card .body{padding:12px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.card h3{font-size:1rem;margin:0;color:var(--text)}
.card .meta{color:var(--muted);font-size:.82rem;display:flex;gap:8px;flex-wrap:wrap}
.card .price{margin-top:auto;color:var(--gold-light);font-weight:bold;font-size:1.1rem}

.empty{color:var(--muted);text-align:center;padding:50px 0}

footer.site{border-top:1px solid var(--border);padding:34px 0;margin-top:40px;color:var(--muted)}
footer.site .cols{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
footer.site h4{color:var(--gold-light);margin:0 0 10px}
.system-cta{background:var(--panel2);border:1px dashed var(--gold);border-radius:var(--radius);padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:20px}

.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;z-index:200;padding:16px}
.modal{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);max-width:640px;width:100%;max-height:88vh;overflow:auto;padding:24px;position:relative}
.modal .close{position:absolute;top:14px;left:14px;background:none;border:none;color:var(--muted);font-size:1.4rem;cursor:pointer}
.modal-gallery{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:16px}
.modal-gallery img{border-radius:10px;width:100%;aspect-ratio:1/1;object-fit:cover}
.thumbs{display:flex;gap:8px;overflow:auto}
.thumbs img{width:64px;height:64px;object-fit:cover;border-radius:8px;cursor:pointer;border:2px solid transparent;flex-shrink:0}
.thumbs img.active{border-color:var(--gold)}
.detail-price{font-size:1.5rem;color:var(--gold-light);font-weight:bold;margin:10px 0}
.detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;color:var(--muted);margin-bottom:16px}
.detail-meta div b{color:var(--text)}
form.inquiry-form{display:flex;flex-direction:column;gap:10px;margin-top:14px}
form.inquiry-form input,form.inquiry-form textarea{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px 12px;width:100%}
.form-msg{font-size:.85rem;padding:8px 10px;border-radius:8px}
.form-msg.ok{background:rgba(63,143,95,.15);color:#7fdb9f}
.form-msg.err{background:rgba(192,69,59,.15);color:#ff9a91}

.loading{text-align:center;color:var(--muted);padding:40px}

@media (min-width:520px){ .modal-gallery{grid-template-columns:1fr} }