body { margin: 0; font-family: Georgia, "Iowan Old Style", serif; color: #1c1915; background: #f6f3ee; }
a { color: #1f4d3a; }
header, main { width: min(960px, calc(100% - 32px)); margin: 0 auto; }
header { display: flex; justify-content: space-between; align-items: baseline; padding: 24px 0 8px; }
header strong { font-size: 22px; letter-spacing: 0.02em; }
nav a { margin-left: 16px; }
h1 { font-size: 28px; font-weight: 600; }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; }
.card, form.panel, .panel { background: #fff; border: 1px solid #e4ddd2; padding: 16px; }
.card img, .product img { width: 160px; height: auto; display: block; }
.stock { font-size: 13px; letter-spacing: 0.04em; }
.out { color: #8a3b2b; }
.in { color: #1f4d3a; }
label { display: block; margin: 12px 0 4px; }
input, select { font: inherit; padding: 8px; width: min(100%, 360px); }
button, .btn { background: #1f4d3a; color: #fff; border: 0; padding: 10px 16px; font: inherit; cursor: pointer; text-decoration: none; display: inline-block; }
.error { background: #f8e8e4; padding: 12px; }
.money { font-variant-numeric: tabular-nums; }
footer { width: min(960px, calc(100% - 32px)); margin: 24px auto 40px; color: #6d655c; font-size: 14px; }