@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;600;700;800&display=swap');
:root { --ink:#14231f; --muted:#70827a; --paper:#f3f7f3; --card:#fff; --line:#dce8e0; --green:#087a55; --mint:#dff3e8; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:radial-gradient(circle at top right,#dcefe5 0,transparent 38%),var(--paper); font-family:Manrope,sans-serif; }
.checker-page { width:min(1080px,100%); margin:auto; padding:clamp(24px,6vw,72px) 20px; }
.back-link { color:var(--green); font-size:12px; font-weight:700; text-decoration:none; }
.checker-heading { max-width:650px; margin:52px 0 34px; }
.eyebrow { color:var(--green); font:500 11px 'DM Mono',monospace; letter-spacing:.14em; }
h1 { font-size:clamp(34px,6vw,64px); line-height:1; letter-spacing:-.04em; margin:12px 0 16px; }
.checker-heading p:last-child { color:var(--muted); line-height:1.7; }
.checker-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.checker-card { display:grid; gap:18px; padding:26px; border:1px solid var(--line); border-radius:10px; background:var(--card); box-shadow:0 18px 44px rgba(29,75,55,.08); }
.checker-card h2 { margin:0; font-size:25px; }
.checker-card p { color:var(--muted); line-height:1.6; margin:0; }
.card-meta { display:flex; justify-content:space-between; align-items:end; gap:12px; padding-top:12px; border-top:1px solid var(--line); }
.price { color:var(--green); font-size:24px; font-weight:800; }
.stock { color:var(--muted); font-size:11px; }
.sold-out { opacity:.62; }
.loading { color:var(--muted); }
@media (max-width:600px) { .checker-grid { grid-template-columns:1fr; } .checker-heading { margin-top:38px; } }