body { margin: 0; font-family: system-ui, sans-serif; background: #fbf6ee; color: #3d220c; }
header { display: flex; justify-content: space-between; align-items: center; padding: 24px 40px; }
.brand { font-family: Georgia, serif; font-size: 26px; font-weight: 700; color: #5a3416; }
nav { font-size: 14px; font-weight: 600; color: #5a3416; }
main { padding: 12px 40px 40px; }
h1 { font-family: Georgia, serif; font-size: 38px; margin: 0 0 20px; }
.products { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 14px; }
.product { background: #fff; border-radius: 12px; padding: 14px; display: flex; flex-direction: column; gap: 6px; }
.product .photo { height: 90px; border-radius: 8px; background: #ead9c2; }
.product .name { font-weight: 800; }
.product .price { font-size: 14px; color: #6b4a2d; }