/* ══════════════════════════════════════════════════
   SINAC — Visitor pages (public front)
   Used in: base_visitor.html.twig
   ══════════════════════════════════════════════════ */

/* ── Lazy Loading Animation ── */
img:not(.no-lazy) {
    opacity: 0;
    filter: blur(8px);
    transform: scale(1.02);
    transition: opacity .6s cubic-bezier(.4,0,.2,1),
                filter .7s cubic-bezier(.4,0,.2,1),
                transform .6s cubic-bezier(.4,0,.2,1);
}
img.sinac-loaded {
    opacity: 1;
    filter: blur(0);
    transform: scale(1);
}
.sinac-img-wrap {
    position: relative;
    overflow: hidden;
    background: linear-gradient(110deg, #f0f0f0 8%, #e0e0e0 18%, #f0f0f0 33%);
    background-size: 200% 100%;
    animation: sinacShimmer 1.5s linear infinite;
    border-radius: inherit;
}
.sinac-img-wrap.sinac-img-ready {
    background: none;
    animation: none;
}
@keyframes sinacShimmer {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}