/* ============================================================
   RR AUDIOCAR PRO — Image lazy placeholder shimmer + fade-in
   ============================================================ */

img[loading="lazy"]:not(.rrac-img--loaded) {
  background-color: var(--rrac-ink-50);
  background-image: linear-gradient(
    90deg,
    var(--rrac-ink-100) 0%,
    var(--rrac-ink-50) 50%,
    var(--rrac-ink-100) 100%
  );
  background-size: 200% 100%;
  animation: rracImgShimmer 1.4s linear infinite;
}

@keyframes rracImgShimmer {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

img.rrac-img--loaded {
  background-image: none !important;
  animation: none !important;
}
img.rrac-img--fade {
  animation: rracImgFadeIn 360ms var(--rrac-ease-out);
}
@keyframes rracImgFadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  img[loading="lazy"]:not(.rrac-img--loaded) { animation: none; }
  img.rrac-img--fade { animation: none; }
}