.badge { display: inline-flex; align-items: center; gap: var(--space-1); padding: var(--space-1) var(--space-3); font-size: var(--fs-xs); font-weight: var(--fw-semibold); border-radius: var(--radius-full); text-transform: uppercase; letter-spacing: 0.05em; }
.badge-new { background: var(--color-accent); color: var(--color-white); }
.badge-popular { background: var(--color-accent-warm); color: var(--color-white); }
.badge-free { background: rgba(0, 200, 150, 0.1); color: var(--color-accent-dark); border: 1px solid var(--color-accent); }