/* =========================================================
   FLOW HAPPENS — CONTACT PAGE STYLES
   Mirrors the visual language already defined in base.css/
   home.css/booking.css, using page-scoped class names so
   nothing here collides with those stylesheets.
   ========================================================= */

.contact-intro{ max-width:640px; margin:0 auto; text-align:center; padding:80px 28px 0; }
.contact-intro h1{ font-family:'Familjen Grotesk',sans-serif; font-size:clamp(30px,5vw,42px); margin-bottom:18px; letter-spacing:-0.01em; }
.contact-intro p{ color:#4a463f; font-size:16.5px; }

.contact-wrap{ max-width:520px; margin:0 auto; padding:48px 28px 100px; }

.contact-card{ background:#fff; border:1px solid var(--line); border-radius:20px; padding:40px 34px; }
@media (max-width:480px){ .contact-card{ padding:28px 20px; border-radius:16px; } }

.contact-card label{ display:block; font-size:13px; font-weight:600; margin-bottom:6px; margin-top:18px; }
.contact-card label:first-child{ margin-top:0; }
.contact-card input[type=text], .contact-card input[type=email], .contact-card textarea{
  width:100%; border:1px solid var(--line); border-radius:10px; padding:12px 14px;
  font-family:'Inter',sans-serif; font-size:14.5px; background:var(--cream);
}
.contact-card textarea{ resize:vertical; min-height:130px; }

.contact-card .btn{ display:block; width:100%; text-align:center; margin-top:26px; padding:15px; font-size:15px; }