:root{--font-sans:Inter;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--color-background:255 255 255;--color-foreground:12 12 14;--color-card:255 255 255;--color-card-foreground:12 12 14;--color-primary:99 102 241;--color-primary-foreground:255 255 255;--color-secondary:244 244 245;--color-secondary-foreground:18 18 20;--color-muted:244 244 245;--color-muted-foreground:113 113 122;--color-accent:99 102 241;--color-destructive:239 68 68;--color-success:22 163 74;--color-border:228 228 231;--color-input:228 228 231;--color-ring:99 102 241}.dark{--color-background:9 9 11;--color-foreground:244 244 245;--color-card:18 18 20;--color-card-foreground:244 244 245;--color-primary:129 140 248;--color-primary-foreground:9 9 11;--color-secondary:24 24 27;--color-secondary-foreground:244 244 245;--color-muted:24 24 27;--color-muted-foreground:161 161 170;--color-accent:129 140 248;--color-destructive:239 68 68;--color-success:34 197 94;--color-border:24 24 27;--color-input:24 24 27;--color-ring:129 140 248}*{box-sizing:border-box;margin:0;padding:0}:root{--bg:rgb(var(--color-background));--fg:rgb(var(--color-foreground));--muted:rgb(var(--color-muted-foreground));--border:rgb(var(--color-border));--card:rgb(var(--color-card))}body{font-family:var(--font-sans),system-ui,sans-serif;background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.container{max-width:1040px;margin:0 auto;padding:24px}.nav{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border)}.badge{display:inline-block;font-size:12px;font-weight:700;padding:2px 8px;border-radius:9999px;border:1px solid}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:20px;gap:20px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:transform .12s ease,box-shadow .12s ease}.card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgb(0 0 0/.06)}.card img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.card .body{padding:14px}.price{font-weight:800}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;background:rgb(var(--color-primary));color:rgb(var(--color-primary-foreground));border:none;border-radius:var(--radius-md);padding:14px 22px;font-size:16px;font-weight:700;cursor:pointer}.btn:disabled{opacity:.55;cursor:default}