.card.favorite { border-color: #806127; }
.card-actions { display: flex; align-items: center; gap: 18px; }
.favorite-toggle { display: flex; align-items: center; gap: 8px; color: var(--muted); cursor: pointer; }
.favorite-toggle input { accent-color: var(--gold); width: 18px; height: 18px; }
.favorite-toggle input:checked + span { color: var(--gold); }
@media (max-width: 700px) { .card-actions { align-items: flex-start; flex-direction: column; gap: 4px; } }