/* Thumb skeleton + anti-flicker helpers (GA view only)
   Goal: prevent a brief "flattened"/FOUC state on real mobile and avoid tiny flicker while scrolling.
*/

.gv-wrap .mpg-thumbs.is-skel .mpg-thumb{
  position:relative;
}

/* Keep geometry stable while loading */
.gv-wrap .mpg-thumbs.is-skel{
  opacity:1;
}

/* Subtle skeleton shimmer (mobile-first). */
@media (max-width: 768px){
  .gv-wrap .mpg-thumbs.is-skel .mpg-thumb::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    background:linear-gradient(90deg, rgba(0,0,0,.08) 25%, rgba(0,0,0,.14) 37%, rgba(0,0,0,.08) 63%);
    background-size:220% 100%;
    animation: mpgSkel 0.9s ease-in-out infinite;
    z-index:2;
    pointer-events:none;
  }
  .gv-wrap .mpg-thumbs.is-skel .mpg-thumb img{
    opacity:0;
  }
  @keyframes mpgSkel{
    0%{ background-position: 120% 0; }
    100%{ background-position: -120% 0; }
  }
}

@media (prefers-reduced-motion: reduce){
  .gv-wrap .mpg-thumbs.is-skel .mpg-thumb::before{ animation:none; }
}