.ckm-fav-btn {
  display: inline-flex; align-items: center; gap: 6px;
  background: rgba(255,255,255,.95); color: #475569; border: 1px solid #e2e8f0;
  border-radius: 999px; cursor: pointer; transition: all .15s; font-weight: 700;
  padding: 6px 12px; font-size: 13px; backdrop-filter: blur(4px);
}
.ckm-fav-btn:hover { border-color: #ef4444; color: #dc2626; transform: translateY(-1px); box-shadow: 0 6px 14px rgba(239,68,68,.18); }
.ckm-fav-btn.is-active { background: linear-gradient(135deg,#fef2f2,#fecaca); color: #dc2626; border-color: #fca5a5; }
.ckm-fav-btn--sm { padding: 4px 10px; font-size: 12px; }
.ckm-fav-btn--lg { padding: 10px 18px; font-size: 15px; }
.ckm-fav-btn__count { background: rgba(0,0,0,.05); padding: 1px 7px; border-radius: 8px; font-size: 11px; }
.ckm-fav-btn.is-active .ckm-fav-btn__count { background: rgba(220,38,38,.15); }
.ckm-fav-toast {
  position: fixed; bottom: 30px; left: 50%; transform: translateX(-50%);
  background: #0f1b35; color: #fff; padding: 12px 24px; border-radius: 10px;
  font-size: 14px; font-weight: 600; box-shadow: 0 10px 30px rgba(0,0,0,.3);
  z-index: 99999; opacity: 0; transition: opacity .25s, transform .25s;
}
.ckm-fav-toast.is-show { opacity: 1; transform: translateX(-50%) translateY(-10px); }