:root{--bg:#eef1f0;--ink:#1b2b27;--deep:#17352f;--amber:#a4622b;--card:#fff}
*{box-sizing:border-box}
body{margin:0;font-family:Tajawal,sans-serif;background:var(--bg);color:var(--ink);line-height:1.7}
header{display:flex;flex-wrap:wrap;align-items:center;gap:8px 28px;padding:16px 28px;background:var(--deep)}
.logo{color:#f1d9b5;font-size:28px;font-weight:700;text-decoration:none}
nav{display:flex;flex-wrap:wrap;gap:6px 20px}
nav a{color:#dfe8e5;text-decoration:none}nav a:hover,a:focus-visible{color:#f1d9b5;outline:2px solid currentColor;outline-offset:2px}
main{max-width:1100px;margin:0 auto;padding:28px 16px;min-height:60vh}
.hero{min-height:300px;background:var(--deep) center/cover;border-radius:6px;display:flex;align-items:flex-end;padding:24px;margin-bottom:28px}
.hero h1{color:#fff;margin:0;font-size:34px;text-shadow:0 2px 10px #000a}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.chips a{padding:4px 16px;border:1px solid var(--amber);border-radius:20px;color:var(--ink);text-decoration:none}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px}
.card{background:var(--card);border-radius:4px;overflow:hidden;text-decoration:none;color:inherit;position:relative;display:block;border:1px solid #d6dedb}
.card img{width:100%;aspect-ratio:1;object-fit:cover;background:#dde4e1;display:block}
.card div{padding:12px 14px}
.old{text-decoration:line-through;color:#8a9793;margin-inline-start:10px}.new{color:var(--amber);font-weight:700}
.sold{position:absolute;top:10px;right:10px;background:var(--ink);color:#fff;padding:2px 10px;border-radius:3px;font-size:13px}
.btn{display:inline-block;background:var(--amber);color:#fff;border:0;padding:10px 24px;border-radius:4px;font:inherit;cursor:pointer;text-decoration:none}
.pd{display:grid;grid-template-columns:1fr 1fr;gap:32px}.pd img{width:100%;border-radius:4px}
form.f{max-width:520px;display:grid;gap:12px}
form.f input,form.f textarea,form.f select{padding:10px;border:1px solid #b9c6c2;border-radius:4px;font:inherit;width:100%}
footer{text-align:center;padding:24px;color:#6b7b76}
.ok{background:#dcefe2;padding:10px 14px;border-radius:4px}.err{background:#f5dcdc;padding:10px 14px;border-radius:4px}
@media(max-width:700px){.pd{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.vid{margin:0 0 28px}.vid video,.vid iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:6px;background:#000;display:block}
.im{display:block;position:relative;aspect-ratio:1;overflow:hidden;background:#dde4e1}.im img{width:100%;height:100%;object-fit:cover;display:block}.im .alt{position:absolute;inset:0;opacity:0;transition:opacity .35s}.card:hover .alt,.card:focus-visible .alt{opacity:1}
.th{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.pd .th img{width:70px;height:70px;object-fit:cover;cursor:pointer;border:2px solid transparent}.pd .th img:hover{border-color:var(--amber)}
.logo{display:flex;align-items:center;gap:12px}.logo img{height:46px;width:auto;display:block}