/* web/assets/app.css */
:root { color-scheme: dark; }
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  background: #0f172a;
  color: #e5e7eb;
}
.nav {
  display:flex; gap:16px; align-items:center;
  padding:14px 22px; background:#0b1220; border-bottom:1px solid #1f2937;
}
.nav a { color:#e5e7eb; text-decoration:none; opacity:.9; }
.nav a.right { margin-left:auto; }
.container { max-width:1100px; margin:28px auto; padding:0 22px; }
.container.two { display:grid; grid-template-columns: 1fr 1fr; gap:24px; }

/* Ürün liste grid’i: kartlar yan yana dizilir */
#list.grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 24px;
}

/* Kart ve görsel boyutları */
.card {
  background:#0b1220; border:1px solid #1f2937; border-radius:12px;
  padding:16px; /* 24 -> 16 daha sıkı görünür */
}

.card img {
  width: 100%;
  height: 200px;       /* 160–220 arası deneyebilirsin */
  object-fit: cover;   /* oranı bozmadan kırpar */
  display: block;
  border-radius: 10px;
}

h1,h2 { margin:0 0 12px 0; }
input, button {
  height:40px; padding:0 12px; border-radius:8px; border:1px solid #334155;
  background:#0b1220; color:#e5e7eb;
}
input { width:100%; margin:8px 0 12px 0; }
button { background:#111827; cursor:pointer; }
button:hover { background:#1f2937; }
.muted { color:#9ca3af; font-size:14px; }