/* Experience Page Styles - SnelleOplossingHotel */
.hero-experience {
  position: relative;
  min-height: 60vh;
  display: flex;
  align-items: center;
  background: linear-gradient(to bottom, rgba(26, 29, 35, 0.5), rgba(26, 29, 35, 0.3)), url('/assets/images/hero-experience.webp') center/cover no-repeat;
  color: var(--color-text-inverse);
}
.hero-experience .hero-inner { position: relative; z-index: 1; }
.hero-experience .hero-copy { max-width: 760px; }
.hero-experience h1 { color: var(--color-text-inverse); }
.hero-experience p { color: var(--color-neutral-100); }
.hero-ctas { margin-top: var(--space-6); display: flex; gap: var(--space-4); flex-wrap: wrap; }

.section-alt { background: var(--color-background-alt); }

/* Virtual tour grid */
.tour-grid .card { overflow: hidden; }
.tour-grid img { aspect-ratio: 16/9; object-fit: cover; }

/* Reveal on scroll */
.reveal-on-scroll { opacity: 0; transform: translateY(12px); transition: opacity var(--transition-slow), transform var(--transition-slow); }
.reveal-on-scroll.is-visible { opacity: 1; transform: translateY(0); }

/* Offers */
#offers-list .badge { margin-bottom: var(--space-3); }
#offers-list .card-text { min-height: 3.5rem; }

/* Contact form */
#contact-form .form-error { min-height: 1.25rem; }

/* Small utility */
.mt-4 { margin-top: var(--space-4); }
.mt-6 { margin-top: var(--space-6); }

@media (max-width: 640px) {
  .hero-experience { min-height: 56vh; }
}