/* اسکلت لودینگ سراسری: تصویرها (آواتار، عکس آگهی، بنر، استوری)، ریل استوری‌ها و اعلان‌ها */
@keyframes cm-sk-sweep { 0% { background-position:200% 0; } 100% { background-position:-200% 0; } }
@keyframes cm-img-in { from { opacity:0; } to { opacity:1; } }

/* تا وقتی تصویر کامل لود نشده، یک پس‌زمینه‌ی اسکلتی با موج نور نشان می‌دهیم */
img.cm-img-sk {
  background-color:#262a2e;
  background-image:linear-gradient(100deg, rgba(255,255,255,0) 30%, rgba(255,255,255,.09) 50%, rgba(255,255,255,0) 70%);
  background-size:200% 100%; background-repeat:no-repeat;
  animation:cm-sk-sweep 1.4s linear infinite;
  color:transparent !important;
}
img.cm-img-ready { animation:cm-img-in .28s ease-out both; }
.theme-light img.cm-img-sk { background-color:#d6d9dc; background-image:linear-gradient(100deg, rgba(255,255,255,0) 30%, rgba(255,255,255,.55) 50%, rgba(255,255,255,0) 70%); }

/* ریل استوری‌ها */
.cm-ts-skeleton .cm-ts-item { cursor:default; pointer-events:none; }

/* لیست اعلان‌ها */
.mr-nf-sk-row { display:flex; align-items:flex-start; gap:12px; padding:14px 16px; }
.mr-nf-sk-row > .skeleton-block { flex:none; }
.mr-nf-sk-body { flex:1; min-width:0; display:flex; flex-direction:column; gap:9px; padding-top:3px; }

@media (prefers-reduced-motion:reduce) {
  img.cm-img-sk { animation:none; }
  img.cm-img-ready { animation:none; }
}