/* The heart under a photo in the lightbox (stats plugin) */
.lightbox .mf-heart { position: absolute; left: 50%; bottom: 1.25rem; top: auto; right: auto; transform: translateX(-50%); display: inline-flex; align-items: center; gap: .5rem; padding: .6rem 1.1rem; border: 1px solid rgba(255, 255, 255, .35); border-radius: 999px; background: rgba(0, 0, 0, .45); color: #fff; font: 600 .95rem/1 system-ui, -apple-system, "Segoe UI", sans-serif; cursor: pointer; backdrop-filter: blur(6px); }
.lightbox .mf-heart:hover { border-color: #fff; }
.lightbox .mf-heart svg { width: 1.25rem; height: 1.25rem; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linejoin: round; }
.lightbox .mf-heart.is-on { border-color: #e0245e; background: #e0245e; }
.lightbox .mf-heart.is-on svg { fill: currentColor; }
.lightbox .mf-heart.is-pop svg { animation: mf-heart-pop .45s ease-out; }
@keyframes mf-heart-pop { 40% { transform: scale(1.45); } 100% { transform: scale(1); } }
@media (prefers-reduced-motion: reduce) { .lightbox .mf-heart.is-pop svg { animation: none; } }