/* Booking page styles - tailored, minimal, leveraging base.css */

.hero {
  background: linear-gradient(135deg, rgba(26,58,92,0.04), rgba(212,175,55,0.06));
}

.hero-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: var(--spacing-10);
  align-items: center;
}

@media (max-width: 992px) {
  .hero-grid { grid-template-columns: 1fr; }
}

.hero-subtitle {
  color: var(--color-text-light);
  max-width: 60ch;
}

.hero-highlights {
  margin-top: var(--spacing-4);
  margin-bottom: var(--spacing-6);
  color: var(--color-text-light);
}

.hero-highlights li { margin-bottom: var(--spacing-2); }

.hero-ctas { display: flex; gap: var(--spacing-3); flex-wrap: wrap; }

/* Form layouts */
.form-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--spacing-5);
}

@media (max-width: 640px) {
  .form-grid { grid-template-columns: 1fr; }
}

.fieldset { margin-top: var(--spacing-6); }

.actions { display: flex; gap: var(--spacing-3); flex-wrap: wrap; }

.estimate {
  margin-top: var(--spacing-4);
  padding: var(--spacing-4);
  background: var(--color-gray-100);
  border-radius: var(--radius-lg);
  color: var(--color-text);
}

/* Split sections with image */
.section-split .split-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: var(--spacing-10);
  align-items: center;
}

.section-split .split-media img { border-radius: var(--radius-2xl); box-shadow: var(--shadow-lg); }

@media (max-width: 992px) {
  .section-split .split-grid { grid-template-columns: 1fr; }
}

/* Reviews */
.stars { color: var(--color-secondary); font-weight: var(--font-weight-semibold); }

/* Contact list */
.contact-list { display: grid; gap: var(--spacing-2); color: var(--color-text-light); }
.contact-list i { color: var(--color-secondary); margin-right: var(--spacing-2); }