a.kt-ai-btn { text-decoration: none; } .chip-row { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: var(--kt-ai-space-5); } .chip { border: 1px solid var(--kt-ai-border); background: transparent; color: var(--kt-ai-fg-muted); border-radius: var(--kt-ai-radius-full); padding: 6px 14px; cursor: pointer; font-size: var(--kt-ai-text-sm); font-family: var(--kt-ai-font-sans); transition: all .2s ease; } .chip:hover { border-color: var(--kt-ai-primary); color: var(--kt-ai-fg); } .chip.active { background: var(--kt-ai-primary); border-color: var(--kt-ai-primary); color: #fff; } .store-card { border: 1px solid var(--kt-ai-card-border); background: var(--kt-ai-card-bg); border-radius: var(--kt-ai-radius-lg); padding: var(--kt-ai-space-5); } .store-card h3 { margin: 0 0 4px; font-size: var(--kt-ai-text-lg); } .store-tag { display: inline-block; font-size: var(--kt-ai-text-xs); color: var(--kt-ai-primary); border: 1px solid var(--kt-ai-border); border-radius: var(--kt-ai-radius-full); padding: 2px 10px; margin-bottom: 8px; } .store-card p { margin: 4px 0; color: var(--kt-ai-fg-muted); font-size: var(--kt-ai-text-sm); } .idea-card { border: 1px solid var(--kt-ai-card-border); background: var(--kt-ai-card-bg); border-radius: var(--kt-ai-radius-2xl); padding: var(--kt-ai-space-3); } .idea-card img { width: 100%; border-radius: var(--kt-ai-radius-xl); margin-bottom: 10px; } .idea-card h3 { margin: 0 0 6px; font-size: var(--kt-ai-text-lg); } .idea-card p { margin: 4px 0; color: var(--kt-ai-fg-muted); font-size: var(--kt-ai-text-sm); } .reveal { opacity: 0; transform: translateY(20px); transition: opacity .6s ease, transform .6s ease; } .reveal.in { opacity: 1; transform: none; }