/* styles.css — simple organic modern aesthetic */
:root{
  --bg:#fffaf6;
  --card:#ffffff;
  --accent:#5b4b3a; /* earthy brown */
  --muted:#7b6b60;
  --cta:#b86b34;
  --radius:12px;
  --max-width:1200px;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:#2b2b2b;line-height:1.45}
.wrap{max-width:var(--max-width);margin:0 auto;padding:24px}
.site-header{background:linear-gradient(180deg, rgba(255,255,255,0.6), transparent);position:sticky;top:0;z-index:40;backdrop-filter: blur(4px)}
.header-inner{display:flex;align-items:center;justify-content:space-between}
.brand{font-weight:700;color:var(--accent);text-decoration:none;font-size:1.15rem}
.nav a{margin:0 10px;color:var(--muted);text-decoration:none}
.cart-btn{background:transparent;border:1px solid var(--muted);padding:8px 12px;border-radius:8px;cursor:pointer}

/* ...rest of css from earlier (omitted for brevity) */