/* Booking form specific mobile-first styles */
    .booking-hero {
      background: linear-gradient(135deg, var(--primary-dark), var(--primary-color));
      padding: 4rem 0.75rem 2.5rem;
      text-align: center;
      color: white !important;
      position: relative;
    }

    @media (min-width: 768px) {
      .booking-hero {
        padding: 7rem 2rem 4rem;
      }
    }

    .form-section {
      background: white;
      border-radius: var(--radius-xl);
      box-shadow: var(--shadow-xl);
      padding: var(--spacing-lg);
      margin: -40px auto 2rem;
      max-width: 1000px;
      position: relative;
      z-index: 10;
    }

    @media (min-width: 768px) {
      .form-section {
        padding: var(--spacing-desktop-xxl);
        margin-top: -80px;
      }
    }

    .form-group {
      margin-bottom: 1.25rem;
    }

    .form-group label {
      display: block;
      font-weight: 700;
      margin-bottom: 0.5rem;
      color: var(--text-dark);
      font-size: 0.9375rem;
    }

    @media (min-width: 768px) {
      .form-group label {
        font-size: 1rem;
      }
    }

    .form-control {
      width: 100%;
      height: auto;
      padding: 12px 16px;
      border: 2px solid #e0e0e0;
      border-radius: var(--radius-md);
      font-size: 0.9375rem;
      transition: all var(--transition-base);
      background: #f8f9fa;
      color: var(--text-dark);
    }

    select.form-control {
      cursor: pointer;
    }

    @media (min-width: 768px) {
      .form-control {
        padding: 14px 18px;
        font-size: 1rem;
      }
    }

    .form-control:focus {
      border-color: var(--accent-color);
      background: white;
      outline: none;
      box-shadow: 0 0 0 4px rgba(255, 107, 53, 0.1);
    }

    .trust-badge {
      background: linear-gradient(135deg, #e8f5e9, #c8e6c9);
      border-left: 5px solid var(--success-color);
      padding: var(--spacing-md);
      border-radius: var(--radius-md);
      margin-bottom: var(--spacing-lg);
      text-align: center;
    }

    @media (min-width: 768px) {
      .trust-badge {
        padding: var(--spacing-lg);
      }
    }

    .submit-btn {
      width: 100%;
      padding: 14px 28px;
      font-size: 1rem;
      font-weight: 700;
      background: linear-gradient(135deg, var(--accent-color), var(--accent-light));
      color: white;
      border: none;
      border-radius: var(--radius-full);
      cursor: pointer;
      transition: all var(--transition-base);
      text-transform: uppercase;
      letter-spacing: 0.5px;
      box-shadow: var(--shadow-lg);
    }

    @media (min-width: 768px) {
      .submit-btn {
        padding: 18px 32px;
        font-size: 1.125rem;
      }
    }

    .submit-btn:hover {
      transform: translateY(-3px);
      box-shadow: var(--shadow-xl);
    }

    .info-card {
      background: #f8f9fa;
      padding: var(--spacing-md);
      border-radius: var(--radius-lg);
      margin-top: var(--spacing-lg);
    }

    @media (min-width: 768px) {
      .info-card {
        padding: var(--spacing-lg);
      }
    }