.rozet-renk-bar{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:1rem}
.rozet-renk-bar label{font-size:11px;color:var(--text3);font-weight:500;margin-right:2px}
.rozet-renk-dot{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all 0.15s;flex-shrink:0}
.rozet-renk-dot:hover{transform:scale(1.2)}
.rozet-renk-dot.aktif{border-color:#fff;box-shadow:0 0 8px rgba(255,255,255,0.35)}
.rozet-renk-custom{width:22px;height:22px;border:none;border-radius:50%;cursor:pointer;padding:0;background:none;flex-shrink:0}