/* Claude - date:2026.10.14 - explication:vote « J'aime » (cœur) : carte de la gondole et fiche produit */
.jaimeCadre { display: flex; justify-content: flex-end; margin: 4px 0; }
.jaimeBtn { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border: 1px solid rgba(0,0,0,.15); border-radius: 999px; background: #fff; color: #555; font: inherit; font-size: .9rem; line-height: 1; cursor: pointer; transition: border-color .15s, color .15s, transform .1s; }
.jaimeBtn:hover { border-color: #e0245e; color: #e0245e; }
.jaimeBtn:active { transform: scale(.94); }
.jaimeBtn:focus-visible { outline: 2px solid #e0245e; outline-offset: 2px; }
.jaimeBtn:disabled { opacity: .6; cursor: wait; }
.jaimeCoeur { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; }
.jaimeActif { color: #e0245e; border-color: #e0245e; }
.jaimeActif .jaimeCoeur { fill: #e0245e; stroke: #e0245e; animation: jaimeBattement .3s ease-out; }
.jaimeNb { min-width: 1ch; font-weight: 600; }
.jaimePhrase { color: inherit; }
@keyframes jaimeBattement { 50% { transform: scale(1.25); } }
@media (prefers-reduced-motion: reduce) { .jaimeActif .jaimeCoeur { animation: none; } .jaimeBtn { transition: none; } }