:root{--ink:#1f2a30;--muted:#5d6b73;--line:#dde3e7;--bg:#f6f7f8;--card:#fff;--accent:#d2461b}
@media (prefers-color-scheme:dark){:root{--ink:#e8ecef;--muted:#a5b0b7;--line:#33404a;--bg:#14191d;--card:#1c2329}}
*{box-sizing:border-box}body{margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--accent)}header,main,footer{max-width:1080px;margin:0 auto;padding:16px}
header{display:flex;flex-wrap:wrap;gap:4px 16px;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line)}
main{overflow-wrap:anywhere}
.brand{font-weight:700;letter-spacing:.12em;text-decoration:none;color:var(--ink)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden;text-decoration:none;color:var(--ink);display:flex;flex-direction:column}
.card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.card div{padding:12px}.price{font-weight:700}
.muted{color:var(--muted);font-size:.92em}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:start}
.hero img{width:100%;border-radius:10px;border:1px solid var(--line)}
.buy{display:inline-block;padding:12px 20px;border-radius:8px;background:var(--accent);color:#fff;font-weight:700;text-decoration:none;border:0;font-size:1em}
.buy[aria-disabled=true]{opacity:.55;cursor:not-allowed}h3{margin:22px 0 6px;font-size:.84em;letter-spacing:.08em}
@media (max-width:760px){.hero{grid-template-columns:1fr}header .muted{display:none}}