body { margin:0; font-family: 'Segoe UI', Arial, sans-serif; background:#19130f; color:#f3e9da; }
a { color:#d6a654; text-decoration:none; }
a:hover { color:#fff; }

.topbar { background:#2a1d16; border-bottom:2px solid #d6a654; padding:14px 12px; overflow:hidden; }
.brand { float:left; font-size:22px; font-weight:700; color:#f3e9da; letter-spacing:1px; }
.brand span { color:#d6a654; }
.nav { float:right; }
.nav a { color:#e8dcc6; margin:0 10px; padding-bottom:2px; border-bottom:2px solid transparent; font-weight:600; text-transform:uppercase; }
.nav a:hover { color:#fff; border-bottom-color:#d6a654; }

.footer { clear:both; text-align:center; padding:16px 8px; background:#211811; color:#cbbfa9; border-top:1px solid #3a2b21; margin-top:40px; }

/* ===== Hero ===== */
.hero { text-align:center; padding:70px 20px; background:#3a2b21; background-image:linear-gradient(180deg, #3a2b21, #2c2019); border-bottom:1px solid #4b382c; }
.hero h1 { margin:0 0 8px; font-size:30px; color:#ffefcf; }
.hero p { margin:0 0 16px; color:#e8dcc6; }
.btn { background:#d6a654; color:#2a1d16; border:none; padding:10px 18px; border-radius:6px; cursor:pointer; font-weight:700; }
.btn:hover { background:#e0b767; }
.btn.btn-secondary { background:#6b5546; color:#f1e6cf; }
.btn.btn-secondary:hover { background:#7a6355; }

/* ===== Container ===== */
.wrap { width:92%; max-width:1100px; margin:30px auto; }

/* ===== Section Title ===== */
.section-title { text-align:center; color:#e6c583; margin:10px 0 20px; }

/* ===== Grid (no flexbox warnings version using inline-block) ===== */
.grid { text-align:center; }
.card {
  display:inline-block; vertical-align:top; width:260px; min-height:430px;
  margin:10px; background:#2a1d16; border:1px solid #3f2f25; border-radius:10px;
  box-shadow:0 3px 10px rgba(0,0,0,0.35); overflow:hidden; text-align:left;
}
.card img { width:100%; height:170px; object-fit:cover; border-bottom:1px solid #3f2f25; }
.card-body { padding:14px; }
.card-body h4 { margin:0 0 10px; font-size:16px; color:#ffefcf; min-height:44px; }
.price { color:#e6c583; font-weight:700; margin:6px 0 12px; }

/* ===== Detail Page ===== */
.detail-card { background:#2a1d16; border:1px solid #3f2f25; border-radius:10px; padding:14px; overflow:hidden; }
.detail-img { width:100%; height:320px; object-fit:cover; border-radius:8px; border:1px solid #3f2f25; }
.detail-body { padding:10px 4px; }
.detail-body h2 { color:#ffefcf; margin:10px 0 6px; }
.error-box { background:#5a4032; color:#ffefcf; padding:12px; border-radius:8px; }

/* ===== Forms ===== */
.contact-card { max-width:520px; margin:20px auto; background:#2a1d16; padding:18px; border:1px solid #3f2f25; border-radius:10px; }
.contact-card h2 { margin:0 0 12px; color:#e6c583; }
label { display:block; margin:10px 0 6px; color:#e8dcc6; }
.input { width:100%; padding:8px; border:1px solid #3f2f25; border-radius:6px; background:#211811; color:#f3e9da; }
.status { display:block; margin-top:10px; color:#e6c583; }

/* ===== About Box ===== */
.about-box { background:#2a1d16; border:1px solid #3f2f25; border-radius:10px; padding:16px; line-height:1.7; color:#e8dcc6; }