/* Lightweight skeleton styles */
.skeleton-overlay{
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(240,240,240,0.9) 0%, rgba(230,230,230,0.95) 50%, rgba(240,240,240,0.9) 100%);
  animation: skeleton-shimmer 1.2s linear infinite;
  z-index: 5;
}

@keyframes skeleton-shimmer{
  0%{background-position: -200% 0}
  100%{background-position: 200% 0}
}

.skeleton-block{background:#eee;border-radius:6px;}
.skeleton-text{height:14px;margin:8px 0;background:#eee;border-radius:4px}
.skeleton-title{height:20px;width:60%;margin-bottom:12px;background:#e7e7e7}
.skeleton-hero{height:320px;background:linear-gradient(180deg,#eee,#f7f7f7);border-radius:8px}
.skeleton-card{height:180px;background:#f0f0f0;border-radius:8px}

/* container to position overlay inside section */
.skeleton-wrap{position:relative}

/* hide overlay after ready */
.skeleton-hidden{display:none !important}