/* ============================================
   Benefits Page Styles – KrachtigSuccesHotel&Casino
   Keep minimal and leverage base.css utilities
   ============================================ */

.benefits-hero {
  background: linear-gradient(135deg, rgba(26,42,74,0.7) 0%, rgba(36,41,56,0.6) 60%, rgba(201,169,97,0.08) 100%);
  border-bottom: 1px solid rgba(201, 169, 97, 0.15);
}

.benefits-hero .hero-copy p {
  max-width: 60ch;
}

.benefits-hero .hero-media img {
  border-radius: var(--radius-2xl);
  box-shadow: var(--shadow-gold-lg);
}

.search-form {
  display: grid;
  gap: var(--space-4);
}

#benefits-grid .benefit-card {
  position: relative;
}

#benefits-grid .benefit-card .badge {
  box-shadow: var(--shadow-gold);
}

.media-card img {
  border-top-left-radius: var(--radius-xl);
  border-top-right-radius: var(--radius-xl);
}

/* Responsive tweaks */
@media (max-width: 1024px) {
  .benefits-hero .hero-cta { margin-top: var(--space-6); }
}

@media (max-width: 640px) {
  .benefits-hero .hero-media { order: -1; }
}