/* Smoking Timber - Stylesheet */
:root {
  --charcoal: #2B2B2B;
  --wood: #6B4D2E;
  --ember: #B72C2C;
  --amber: #EBA937;
  --cream: #FAF7F1;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0; font-family: 'Montserrat', Arial, sans-serif; color: var(--charcoal);
  background: var(--cream);
}
.container { max-width: 1100px; margin: 0 auto; padding: 1rem; }
header.site-header { background: white; border-bottom: 4px solid var(--amber); }
.navbar { display:flex; align-items:center; justify-content:space-between; }
.navbar a { text-decoration:none; color: var(--charcoal); margin: 0 0.5rem; font-weight:600; }
.navbar a.btn {
  background: var(--ember); color:white; padding:0.5rem 0.75rem; border-radius:8px;
}
.hero {
  background: linear-gradient(135deg, rgba(183,44,44,0.85), rgba(107,77,46,0.85)), url('/assets/img/hero.jpg');
  background-size: cover; background-position:center; color: white; padding: 4rem 0;
}
.hero h1 { font-size: 2.2rem; margin: 0 0 0.5rem; }
.hero p { font-size: 1.1rem; max-width: 800px; }
.btn-primary { background: var(--amber); color: #1a1a1a; padding: 0.6rem 1rem; border-radius: 6px; font-weight:700; text-decoration:none; }
.btn-secondary { background: var(--wood); color: white; padding: 0.5rem 0.9rem; border-radius: 6px; text-decoration:none; }
.grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(240px,1fr)); gap: 1rem; }
.card { background:white; border-radius: 12px; box-shadow: 0 3px 12px rgba(0,0,0,0.08); overflow:hidden; }
.card img { width:100%; height:180px; object-fit: contain; background:#fff; }
.card .content { padding: 1rem; }
.price { color: var(--ember); font-weight: 700; }
footer { background: #111; color: #eee; padding: 2rem 0; margin-top: 2rem; }
footer a { color: #f7c15b; }
.form-control { width: 100%; padding: 0.6rem; border: 1px solid #ccc; border-radius: 6px; }
.form-row { display:flex; gap: 1rem; }
.form-row > div { flex: 1; }
.table { width: 100%; border-collapse: collapse; }
.table th, .table td { padding: 0.6rem; border-bottom: 1px solid #ddd; }
.alert { padding: 0.75rem 1rem; background: #fff3cd; border: 1px solid #ffeeba; color: #856404; border-radius: 6px; }
@media (max-width: 640px) { .navbar .menu { display:none; } .navbar .menu-btn { display:inline-block; } }
@media (min-width: 641px) { .navbar .menu-btn { display:none; } .mobile-menu { display:none !important; } }
.mobile-menu { background: white; border-top: 1px solid #eee; padding: 0.5rem; }