:root{--bg:#f6f8fa;--card:#fff;--tx:#14181f;--mu:#5b6573;--bd:#e2e7ee;--ac:#00a3e0;--dk:#0d1117;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0d1117;--card:#161b22;--tx:#e8edf3;--mu:#97a3b3;--bd:#262d38;--dk:#05070a}}
:root[data-theme="dark"]{--bg:#0d1117;--card:#161b22;--tx:#e8edf3;--mu:#97a3b3;--bd:#262d38;--dk:#05070a}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tx);font-family:Tahoma,"Segoe UI",system-ui,Arial,sans-serif;line-height:1.6}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--dk);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:12px 5%}
.logo{font-weight:800;font-size:24px;letter-spacing:2px;color:var(--ac)}
.logo small{display:block;font-size:11px;color:#9aa7b6;letter-spacing:0;font-weight:400}
button{font:inherit;cursor:pointer}
#lang{background:var(--ac);color:#fff;border:0;border-radius:20px;padding:7px 18px;font-weight:700}
.hero{background:linear-gradient(135deg,#05070a,#14202b);color:#fff;text-align:center;padding:56px 5%}
.hero h1{margin:0 0 10px;font-size:clamp(26px,5vw,44px)}
.hero p{margin:0 auto;max-width:620px;color:#b8c4d2}
.tools{max-width:1100px;margin:24px auto 0;padding:0 5%}
#q{width:100%;padding:12px 16px;border:1px solid var(--bd);border-radius:12px;background:var(--card);color:var(--tx);font:inherit}
#chips{display:flex;gap:8px;overflow-x:auto;padding:14px 0}
.chip{white-space:nowrap;border:1px solid var(--bd);background:var(--card);color:var(--tx);border-radius:20px;padding:6px 14px}
.chip.on{background:var(--ac);border-color:var(--ac);color:#fff}
#grid{max-width:1100px;margin:0 auto;padding:0 5% 40px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.card{background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:8px}
.ic{font-size:42px;text-align:center;background:var(--bg);border-radius:12px;padding:14px}
.cat{color:var(--ac);font-size:13px;font-weight:700}
.model{font-weight:800;font-size:18px;direction:ltr;text-align:start}
html[dir=rtl] .model{text-align:right}
.w{display:inline-block;background:var(--dk);color:#fff;border-radius:8px;padding:2px 10px;font-size:13px;width:fit-content;direction:ltr}
.cap{color:var(--mu);font-size:14px}
.card ul{margin:0;padding-inline-start:18px;font-size:14px}
#empty{text-align:center;color:var(--mu);padding:30px;display:none}
footer{background:var(--dk);color:#9aa7b6;text-align:center;padding:24px 5%;font-size:14px}
footer b{color:var(--ac)}
a{color:var(--ac)}a.card{color:inherit;text-decoration:none}a.card:hover{border-color:var(--ac)}a.chip,#lang{text-decoration:none;display:inline-block}
.ic img{width:100%;height:150px;object-fit:contain;display:block}.ic{padding:8px}
.btn{display:inline-block;background:var(--ac);color:#fff;border:0;border-radius:10px;padding:10px 20px;text-decoration:none;font-weight:700;cursor:pointer;margin:4px 0}.btn.g{background:#25d366}.btn.r{background:#d33}
.wrap{max-width:1100px;margin:24px auto;padding:0 5%}
.pd{display:grid;grid-template-columns:1fr 1fr;gap:28px}@media(max-width:760px){.pd{grid-template-columns:1fr}}
.gal img{width:100%;border-radius:12px;background:var(--card);border:1px solid var(--bd);margin-bottom:8px}
.price{font-size:26px;font-weight:800;color:var(--ac)}
.vid iframe,.vid video{width:100%;aspect-ratio:16/9;border:0;border-radius:12px;margin-top:16px}
footer a{color:#cfe8f5;margin:0 8px}
form.f label{display:block;margin:10px 0 4px;font-weight:700}form.f input:not([type=checkbox]),form.f select,form.f textarea{width:100%;padding:9px;border:1px solid var(--bd);border-radius:8px;background:var(--card);color:var(--tx);font:inherit}
table{width:100%;border-collapse:collapse;background:var(--card)}td,th{padding:8px;border-bottom:1px solid var(--bd);text-align:start}
.thumbs img{width:90px;height:90px;object-fit:cover;border-radius:8px;display:block}.thumbs label{display:inline-block;margin:4px;font-weight:400;font-size:12px}