/* Component base — cards (phase 4/8) */
.pg-card {
  background: var(--bg-base);
  border: 1px solid var(--c-border-soft);
  border-radius: 2px;
  overflow: hidden;
  transition: transform 200ms ease, border-color 200ms ease;
}
.pg-card:hover {
  border-color: var(--c-brand);
}

.feature-card,
.promo-card,
.event-card,
.course-card,
.package-card,
.bay-card,
.service-card-enhanced {
  background: var(--bg-base);
  border: 1px solid var(--c-border-soft);
  border-radius: 2px;
  overflow: hidden;
  transition: transform 200ms ease, border-color 200ms ease;
}

.feature-card:hover,
.promo-card:hover,
.event-card:hover,
.course-card:hover,
.package-card:hover,
.bay-card:hover,
.service-card-enhanced:hover {
  border-color: var(--c-brand);
}