/* Compact Hero Section Styling for GPS Pages */
.hero-section {
  padding: 0.25rem 0 0.75rem 0 !important;
  min-height: auto !important;
}

/* Responsive adjustments for compact hero */
@media (min-width: 768px) {
  .hero-section {
    padding: 0.5rem 0 1rem 0 !important;
  }
}

@media (min-width: 1024px) {
  .hero-section {
    padding: 0.75rem 0 1.25rem 0 !important;
  }
}

/* Compact hero content spacing */
.hero-section .container {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.hero-section h1 {
  margin-bottom: 0.5rem !important;
}

.hero-section p {
  margin-bottom: 0 !important;
}

/* Mobile optimizations */
@media (max-width: 767px) {
  .hero-section {
    padding: 0.125rem 0 0.5rem 0 !important;
  }

  .hero-section .container {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
  }

  .hero-section h1 {
    margin-bottom: 0.375rem !important;
  }
}