/* The Audio Cynic Shop. Quietly correct since 1994. */
:root {
  --bg: #f7f2ea; --panel: #fffdf8; --ink: #26221d; --muted: #6f675c;
  --hairline: #ddd5c8; --accent: #7a2e2e; --serif: Georgia, "Times New Roman", serif;
  --sans: -apple-system, "Segoe UI", Arial, sans-serif;
}
* { box-sizing: border-box; }
body {
  margin: 0; background: var(--bg); color: var(--ink);
  font: 16px/1.6 var(--sans);
}
header {
  display: flex; justify-content: space-between; align-items: baseline;
  padding: 18px 32px; border-bottom: 1px solid var(--hairline);
}
#wordmark { font: 700 22px var(--serif); letter-spacing: .02em; cursor: default; }
header nav a { color: var(--accent); text-decoration: none; border-bottom: 1px solid var(--accent); }
main { max-width: 960px; margin: 0 auto; padding: 32px 24px 64px; }
h1, h2, h3 { font-family: var(--serif); font-weight: 700; line-height: 1.25; }
h1 { font-size: 30px; margin: 0 0 8px; }
h2 { font-size: 21px; margin: 40px 0 12px; }
.hero { max-width: 640px; color: var(--ink); }
.hero p { margin: 0 0 12px; }
.dept-tag { font-size: 12px; text-transform: uppercase; letter-spacing: .08em; color: var(--muted); }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1px;
  background: var(--hairline); border: 1px solid var(--hairline); margin-top: 16px; }
.card { background: var(--panel); padding: 18px; }
.card h3 { font-size: 17px; margin: 4px 0 8px; }
.card .desc { font-size: 14px; color: var(--ink); margin: 0 0 12px; }
.card .price { font-family: var(--serif); font-size: 15px; margin: 0 0 12px; }
.card .nosale { font-size: 13px; color: var(--muted); border-top: 1px solid var(--hairline); padding-top: 10px; }
.card button {
  font: 14px var(--sans); background: none; border: 1px solid var(--ink);
  color: var(--ink); padding: 7px 14px; cursor: pointer; border-radius: 0;
}
.card button:hover { border-color: var(--accent); color: var(--accent); }
.card .buy .paynote { font-size: 13px; color: var(--ink); margin: 10px 0 0; }
.card .buy .paymount { margin-top: 10px; }
.card .buy .paymount:empty { margin-top: 0; }
.card .buy .paymount:empty + * { margin-top: 0; }
.card .buy:not(.open) .paynote,
.card .buy:not(.open) .paymount { display: none; }
button.donate {
  font: 15px var(--sans); background: var(--accent); color: var(--panel);
  border: none; padding: 10px 18px; cursor: pointer; border-radius: 0;
}
.smallprint { font-size: 13px; color: var(--muted); max-width: 560px; }
footer { border-top: 1px solid var(--hairline); padding: 18px 32px; font-size: 13px; color: var(--muted); }
footer a { color: var(--muted); }
/* C.H.E.T. layer overrides live in app.js-injected styles; none of this file
   may look like a marketing site. No gradients, no shadows, no rounded corners. */