.rozet-secici{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:1rem}
.rozet-secici-item{border:1.5px solid var(--border);border-radius:12px;padding:12px 10px;cursor:pointer;transition:all 0.2s;display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--input-bg)}
.rozet-secici-item:hover{border-color:rgba(99,102,241,0.5);background:rgba(99,102,241,0.04)}
.rozet-secici-item.secili{border-color:#6366f1;background:rgba(99,102,241,0.08);box-shadow:0 0 0 3px rgba(99,102,241,0.15)}
.rozet-secici-item .rozet-label{font-size:11px;color:var(--text3);font-weight:500;text-align:center;line-height:1.4}
.rozet-secici-item.secili .rozet-label{color:#a5b4fc}