/* Reservation form styles */
    .reservation-form {
      color: var(--color-dark);
    }

.reservation-form__inner {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 500px);
      gap: 44px;
      align-items: start;
    }

.reservation-form__eyebrow {
      margin: 0 0 18px;
      color: var(--color-dark);
      font-family: "Inter", Arial, sans-serif;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.2em;
      text-transform: uppercase;
    }

.reservation-form h2 {
      margin: 0;
      font-size: clamp(42px, 4vw, 56px);
      line-height: 1.04;
      font-family: "Playfair Display", Georgia, serif;
      color: var(--color-dark);
    }

.reservation-form p {
      margin: 24px 0 0;
      max-width: 590px;
      color: rgba(0, 0, 0, 0.72);
      font-size: 17px;
      line-height: 1.8;
    }

.reservation-form__image {
      margin-top: 30px;
      max-width: 590px;
      overflow: hidden;
      box-shadow: var(--shadow-soft);
    }

.reservation-form__image img {
      width: 100%;
      height: auto;
      display: block;
    }

.reservation-form__form {
      display: grid;
      gap: 18px;
    }

.reservation-form__field {
      display: grid;
      gap: 8px;
    }

.reservation-form__field label {
      font-family: "Inter", Arial, sans-serif;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--color-dark);
    }

.reservation-form__field input,
    .reservation-form__field textarea,
    .reservation-form__field select {
      width: 100%;
      padding: 14px 14px;
      color: var(--color-dark);
      background: var(--color-white);
      border: 1px solid #222;
      outline: none;
      font: inherit;
      font-size: 15px;
      line-height: 1.4;
      transition: border-color 180ms ease;
    }

.reservation-form__field textarea {
      min-height: 140px;
      resize: vertical;
    }

.reservation-form__field input:focus,
    .reservation-form__field textarea:focus,
    .reservation-form__field select:focus {
      border-color: #000;
    }

.reservation-form__row {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px;
    }

.reservation-form__actions {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-top: 10px;
    }

.reservation-form__submit,
    .reservation-form__whatsapp {
      flex: 1 1 0;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 1px solid var(--color-dark);
      background: var(--color-dark);
      color: var(--color-white);
      font-family: "Inter", Arial, sans-serif;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.13em;
      text-transform: uppercase;
      padding: 13px 14px;
      cursor: pointer;
      transition: background 180ms ease, color 180ms ease, border-color 180ms ease;
    }

.reservation-form__or {
      flex: 0 0 auto;
      color: rgba(0, 0, 0, 0.58);
      font-family: "Playfair Display", Georgia, serif;
      font-size: 17px;
      font-style: italic;
      line-height: 1;
    }

.reservation-form__submit:hover,
    .reservation-form__submit:focus-visible {
      background: var(--color-white);
      color: var(--color-dark);
      border-color: var(--color-dark);
    }

.reservation-form__whatsapp {
      background: #128c4a;
      border-color: #128c4a;
      text-align: center;
    }

.reservation-form__whatsapp:hover,
    .reservation-form__whatsapp:focus-visible {
      background: #0f7a40;
      border-color: #0f7a40;
      color: var(--color-white);
    }