/* ============================================================
   MGOLD VIPS — Skeleton Loaders
   ============================================================ */

.skeleton {
  background: linear-gradient(90deg, var(--bg-surface) 25%, var(--border) 50%, var(--bg-surface) 75%);
  background-size: 400% 100%;
  animation: skeleton-loading 1.4s ease-in-out infinite;
  border-radius: 4px;
}

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

.skeleton-card {
  display: flex;
  flex-direction: column;
  background: var(--bg-surface);
  border: 1px solid var(--border);
  padding: 0;
  height: 100%;
}

.skeleton-img {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 0;
}

.skeleton-body {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.skeleton-text {
  height: 14px;
  width: 80%;
  border-radius: 2px;
}

.skeleton-text.short {
  width: 40%;
}

.skeleton-text.price {
  height: 20px;
  width: 60%;
  margin-top: 8px;
}

.skeleton-btn {
  height: 40px;
  width: 100%;
  margin-top: 12px;
}