/* Lush — contact page (shared form styles: form.css) */

.split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px 64px; align-items: start; }

/* Direct contact */
.cta .btn { flex: 1; min-width: 180px; }
.btn--gold { background: var(--gold); color: var(--bg); }
.btn--gold:hover { background: var(--gold-dark); color: var(--bg); }
.mail-link {
  margin-top: 16px;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  padding: 8px 20px 8px 16px;
  border: 1px solid var(--rule-gold);
  font-family: var(--font-en);
  font-weight: 300;
  font-size: 15px;
  letter-spacing: .06em;
  color: var(--gold);
  word-break: break-all;
  transition: .3s ease;
}
.mail-link:hover { background: var(--gold); color: var(--bg); }
.mail-link span { font-size: 10px; letter-spacing: .3em; }
.contact-hours { margin: 20px 0 0; font-size: 12px; letter-spacing: .12em; color: var(--muted); }

/* What to tell us when booking */
.check { background: rgba(21, 21, 27, .82); border: 1px solid var(--rule); padding: 32px clamp(20px, 4vw, 40px); }
.check .eyebrow { font-size: 11px; }
.check h2 { margin: 8px 0 0; font-size: 18px; font-weight: 400; letter-spacing: .2em; }
.check ol { margin: 20px 0 0; padding: 0; list-style: none; display: grid; gap: 10px; font-size: 14px; letter-spacing: .1em; line-height: 1.8; }
.check li { display: flex; gap: 16px; }
.check li span { font-family: var(--font-en); font-weight: 300; color: var(--gold); }

/* Form */
.form, .thanks { margin-top: 40px; }
textarea.form__control { transition: border-color .3s ease; }
.thanks__note { margin: 16px 0 0; font-size: 12px; letter-spacing: .1em; color: var(--muted); }

@media (max-width: 639px) {
  .split { grid-template-columns: minmax(0, 1fr); gap: 32px; }
}