:root {
  --accent:#e31b23;
  --text:#111;
  --sub:#6b7280;
  --bg:#fff;
  --card:#fff;
  --shadow:0 4px 12px rgba(0,0,0,0.08);
  font-family: 'Arial', sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);color:var(--text)}

/* PROFILE HEADER */
.profile{display:flex;align-items:center;gap:12px;padding:16px;background:#000;color:#fff}
.avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}
.info h1{font-size:16px;font-weight:700}
.info p{font-size:12px;color:#aaa}

/* SEARCH */
.search-bar{padding:12px;background:#000}
.search-bar input{width:100%;padding:10px 14px;border-radius:10px;border:none;font-size:14px}

/* SECTION */
main{padding:16px}
main h2{font-size:16px;font-weight:700;margin-bottom:14px}

/* GRID */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}

/* CARD */
.card{background:var(--card);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}
.card .image{height:160px;overflow:hidden}
.card img{width:100%;height:100%;object-fit:cover}
.card .body{padding:10px;display:flex;flex-direction:column;gap:6px}
.card .name{font-size:13px;font-weight:600;min-height:36px;line-height:1.3}
.prices{display:flex;align-items:center;gap:6px}
.price-now{color:var(--accent);font-weight:700;font-size:14px}
.price-old{text-decoration:line-through;font-size:12px;color:var(--sub)}
.sold{font-size:12px;color:var(--sub)}
.btn{margin-top:6px;background:var(--accent);color:#fff;text-align:center;padding:8px;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;display:block}
.btn:hover{opacity:.9}
.discount {
  background: #e31b23;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 2px 6px;
  border-radius: 6px;
}

/* TOAST */
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#111;color:#fff;padding:10px 16px;border-radius:8px;opacity:0;pointer-events:none;transition:.3s}
.toast.show{opacity:1}