/* ==========================================================================
   Services Page Styles — Card grid with full details, badges
   ========================================================================== */

/* -- Card Enhancements ---------------------------------------------------- */
.card--placeholder {
  border-style: dashed;
  border-color: #d1d5db;
}

.card__img-placeholder--sm {
  height: 160px;
}

.card__img-placeholder--sm svg {
  width: 36px;
  height: 36px;
}

.card__meta {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 0.75rem;
}

.card__price--placeholder {
  color: #9ca3af;
  font-weight: 500;
  font-style: italic;
}

.card__duration {
  font-size: 0.85rem;
  color: #9ca3af;
}

.card__badge {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border-radius: 999px;
  font-size: 0.8rem;
  font-weight: 500;
  margin-top: 0.5rem;
}

.card__badge--unavailable {
  background: #fef2f2;
  color: #dc2626;
}

/* -- Responsive ----------------------------------------------------------- */
@media (max-width: 768px) {
  .card__img-placeholder--sm {
    height: 140px;
  }
}