:root { --brand:#8B4513; --ink:#111; --muted:#666; --bg:#f9f9f9; }
* { box-sizing: border-box; }
body { margin:0; font-family: Arial, Helvetica, sans-serif; color:var(--ink); background:var(--bg); }
.container { max-width: 1000px; margin: 24px auto; padding: 16px; background:#fff; border-radius: 12px; box-shadow: 0 6px 16px rgba(0,0,0,.08); }
header, footer { display:flex; justify-content:space-between; align-items:center; padding:12px 0; }
nav a { margin-right:14px; color:var(--brand); text-decoration:none; font-weight:600; }
nav a:hover { text-decoration: underline; }
h1, h2, h3 { margin: 0 0 12px; }
.grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(220px,1fr)); gap:16px; }
.card { border:1px solid #eee; border-radius:12px; padding:12px; }
.price { font-weight:bold; }
.btn { display:inline-block; background:var(--brand); color:#fff; padding:10px 14px; border-radius:8px; text-decoration:none; border:0; cursor:pointer; }
.btn:hover { opacity: .9; }
.label { color:var(--muted); font-size:.9rem; }
.hero { display:grid; grid-template-columns: 1fr 1fr; gap:16px; align-items:center; }
input, select, textarea { padding:10px; border:1px solid #ddd; border-radius:8px; width:100%; }
.row { display:grid; grid-template-columns: 1fr 1fr; gap:12px; }
.kicker { color:#a86a3a; letter-spacing:.08em; text-transform:uppercase; font-size:.85rem; }
hr { border:0; border-top:1px solid #eee; margin:16px 0; }
.badge { display:inline-block; background:#f4e6d8; color:#8B4513; border:1px solid #e8d8c7; padding:4px 8px; border-radius:999px; font-size:.8rem; }
table { width:100%; border-collapse: collapse; }
th, td { border:1px solid #eee; padding:8px; text-align:left; }
th { background:#faf7f3; }

.upsell-row {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin-top: 20px;
  flex-wrap: wrap;
}

.upsell-card {
  background: #f4f4ff;
  border-radius: 8px;
  padding: 15px;
  width: 220px;
  text-align: center;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.upsell-card img {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
  margin-bottom: 10px;
}

.upsell-card .price {
  font-weight: bold;
  margin: 8px 0;
}

.upsell-form {
  margin-top: 6px;
}

.upsell-card .btn {
  font-size: 0.9rem;
  padding: 6px 10px;
}