/* Global Spacing Variables */
:root {
  /* Section Spacing */
  --section-padding-y: 80px;
  --section-padding-x: 120px;

  /* Component Spacing */
  --container-max-width: 1200px;
  --spacing-xs: 8px;
  --spacing-sm: 16px;
  --spacing-md: 24px;
  --spacing-lg: 32px;
  --spacing-xl: 48px;

  /* Navbar Spacing */
  --navbar-height: 80px;
  --navbar-padding: 20px;
}

.spa-service-card .spa-card-content h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 1.25;
}

.spa-card-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  max-height: 3.5em;
  /* 2 lines based on line-height */
  transition: all 0.3s ease;
}

.spa-card-title:hover {
  -webkit-line-clamp: unset;
  max-height: none;
  white-space: normal;
}