/* ── Skeleton Loader ────────────────────────────────────────── */
@keyframes wh-shimmer {
  0%   { background-position: -400px 0; }
  100% { background-position: 400px 0; }
}

.wh-skeleton-card {
  background: #fff;
  border-radius: 2px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}

.wh-skeleton-img {
  width: 100%;
  aspect-ratio: 4 / 3;
  background: linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);
  background-size: 400px 100%;
  animation: wh-shimmer 1.4s ease-in-out infinite;
}

.wh-skeleton-body {
  padding: 22px 24px 20px;
}

.wh-skeleton-line {
  border-radius: 3px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);
  background-size: 400px 100%;
  animation: wh-shimmer 1.4s ease-in-out infinite;
}

.wh-skeleton-title {
  height: 20px;
  width: 85%;
  margin-bottom: 8px;
}

.wh-skeleton-sub {
  height: 14px;
  width: 50%;
  margin-bottom: 20px;
}

.wh-skeleton-facts {
  display: flex;
  gap: 12px;
  border-top: 1px solid #eee;
  padding-top: 16px;
}

.wh-skeleton-fact {
  flex: 1;
  height: 36px;
  border-radius: 3px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);
  background-size: 400px 100%;
  animation: wh-shimmer 1.4s ease-in-out infinite;
}