:root{--brand:#ff3b30;--brand-700:#e03128;--ink:#0f172a;--muted:#64748b;--bg:#f6f8fc;--card:#fff;--shadow:0 12px 36px rgba(2,6,23,.08);--blue:#2563eb;--green:#16a34a;--amber:#f59e0b;--radius:18px;--max:1200px}
*{box-sizing:border-box}html,body{margin:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu;color:var(--ink);background:var(--bg)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:var(--max);margin:0 auto;padding:0 16px}
.nav{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.85);backdrop-filter:blur(8px);border-bottom:1px solid #eef2f7}.nav__wrap{display:flex;align-items:center;justify-content:space-between;height:68px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;color:var(--brand);font-size:22px}.brand i{width:10px;height:10px;border-radius:999px;background:var(--brand);display:inline-block}.menu{display:flex;gap:16px;flex-wrap:wrap;color:#334155}.menu a{font-weight:600;opacity:.95}.menu a:hover{color:var(--brand)}.nav__cta{display:flex;gap:10px;align-items:center}.btn{border:0;padding:10px 14px;border-radius:12px;font-weight:700;cursor:pointer}.btn--ghost{background:transparent;color:#334155}.btn--brand{background:var(--brand);color:#fff;box-shadow:0 8px 30px rgba(255,59,48,.2)}.btn--brand:hover{background:var(--brand-700)}.btn--blue{background:var(--blue);color:#fff}.btn--green{background:var(--green);color:#fff}
.bread{display:flex;gap:6px;color:#64748b;font-size:13px;margin:12px 0}
.hero{background:#fff;border-radius:18px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:14px 18px}.hero__title{margin:0;font-size:22px}.hero small{color:var(--muted)}
.chips{display:flex;gap:10px;flex-wrap:wrap}.chip{background:#eef2ff;border:1px solid #dbeafe;padding:8px 12px;border-radius:999px;font-weight:600;color:#334155;display:inline-flex;gap:8px;align-items:center;cursor:pointer;position:relative}.dropdown{position:absolute;top:110%;left:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:var(--shadow);padding:10px;display:none;min-width:220px;z-index:2}.chip.open .dropdown{display:block}
.listwrap{display:grid;gap:16px}@media(min-width:1100px){.listwrap{grid-template-columns:300px 1fr}}.filters{position:sticky;top:88px;align-self:start}.filters__box{background:#fff;border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.filters__head{background:linear-gradient(135deg,#ff6b6b,#ff3b30);color:#fff;padding:14px 14px;font-weight:800;letter-spacing:.2px;display:flex;align-items:center;gap:10px}.fblock{padding:14px;border-top:1px solid #eef2f7}.fblock h5{margin:0 0 10px;font-size:13px;color:#334155;text-transform:uppercase;letter-spacing:.3px}.range{display:flex;align-items:center;gap:8px}.range input[type=range]{width:100%}.flist{display:grid;gap:8px;max-height:260px;overflow:auto}.flist a{color:#2563eb}
.results .card{background:#fff;border-radius:16px;box-shadow:var(--shadow);display:grid;grid-template-columns:230px 1fr 160px;gap:12px;overflow:hidden}.results .media{height:150px;background:#f1f5f9}.results .media img{width:100%;height:100%;object-fit:cover}.results .body{padding:12px}.results .body h3{margin:0 0 6px}.results .meta{font-size:13px;color:#64748b}.results .price{display:flex;align-items:center;justify-content:flex-end;padding:12px;font-weight:900;color:#0f172a}.results .price .val{color:var(--brand);font-size:18px}@media(max-width:900px){.results .card{grid-template-columns:1fr}.results .price{justify-content:flex-start}}
.detail{display:grid;gap:16px}@media(min-width:1100px){.detail{grid-template-columns:1.2fr .8fr}}.gallery{background:#fff;border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.mainpic{aspect-ratio:16/10;background:#1111}.thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:8px;background:#fff}.thumbs img{height:68px;object-fit:cover;border-radius:8px}.sticky{position:sticky;top:88px;align-self:start}.contact{background:#fff;border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.contact__head{background:linear-gradient(135deg,#ff6b6b,#ff3b30);color:#fff;padding:12px 14px;font-weight:800}.contact__body{padding:14px;display:grid;gap:10px}.contact__seller{display:flex;gap:10px;align-items:center}.contact__seller img{width:48px;height:48px;border-radius:12px;object-fit:cover}.kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0}.kpis div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:10px;text-align:center;font-size:13px}.socials{display:flex;gap:10px;flex-wrap:wrap}.socials a{background:#f1f5f9;border:1px solid #e5e7eb;padding:8px 10px;border-radius:10px;font-size:13px}
.agen-head{background:#fff;border-radius:18px;box-shadow:var(--shadow);padding:16px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.agen-head img.logo{width:60px;height:60px;border-radius:12px;object-fit:cover}.agen-meta{color:#64748b;font-size:14px}.grid{display:grid;gap:14px}@media(min-width:900px){.grid.cols-3{grid-template-columns:repeat(3,1fr)}}.card{background:#fff;border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.card .card__media{aspect-ratio:16/10;background:#f1f5f9}.card .card__media img{width:100%;height:100%;object-fit:cover}.card .card__body{padding:12px}.price{color:var(--brand);font-weight:900}
.auth{display:grid;gap:16px}@media(min-width:980px){.auth{grid-template-columns:1fr 1fr}}.box{background:#fff;border-radius:18px;box-shadow:var(--shadow);padding:18px}.box h2{margin-top:0}.input{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:12px}.help{font-size:12px;color:#64748b}.hr{height:1px;background:#eef2f7;margin:10px 0}.toast{position:fixed;right:16px;bottom:16px;background:#0b1220;color:#fff;padding:10px 14px;border-radius:12px;box-shadow:var(--shadow);display:none}.footer{background:#0b1220;color:#cbd5e1;padding:30px 0;margin-top:24px}
.sellerbar{display:inline-flex;align-items:center;gap:8px;margin-top:4px}
.sellerlogo{width:22px;height:22px;border-radius:6px;object-fit:cover;border:1px solid #e5e7eb}