/* Contact page — message form beside showroom details, then a showroom media strip */
.contact__lede { margin-top: var(--s-5); max-width: 44ch; }

.contact { display: grid; gap: var(--s-8); }
@media (min-width: 900px) { .contact { grid-template-columns: 7fr 5fr; gap: var(--s-9); align-items: start; } }
.contact__col > h2 { margin-bottom: var(--s-5); }

/* Form */
.contact__form .field { align-content: start; }
.contact__form .check { align-items: flex-start; min-height: var(--tap); padding-block: var(--s-3); }
.contact__form .check__box { flex: none; margin-top: 1px; }
.contact__form .check a { text-decoration: underline; text-underline-offset: 3px; }
.contact__form .check a:hover { color: var(--ink-2); }
.contact__form .field.is-invalid select,
.contact__form .field.is-invalid .check__box { border-color: var(--clay); box-shadow: 0 0 0 3px color-mix(in srgb, var(--clay) 12%, transparent); }
.contact__actions { display: grid; gap: var(--s-4); align-items: center; margin-top: var(--s-2); }
@media (min-width: 640px) { .contact__actions { grid-template-columns: auto 1fr; } }
.contact__actions .btn { min-height: 48px; }
.contact__note { font-size: var(--text-sm); color: var(--ink-3); max-width: 40ch; }

/* Info rows */
.contact__list { border-bottom: 1px solid var(--line); }
.contact__row { display: grid; grid-template-columns: 24px 1fr; gap: var(--s-4); padding-block: var(--s-5); border-top: 1px solid var(--line); }
.contact__row > svg { width: 20px; height: 20px; margin-top: 2px; stroke: var(--ink); fill: none; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.contact__body { grid-column: 2; display: grid; gap: var(--s-2); justify-items: start; }
.contact__body h3 { color: var(--ink-3); margin-bottom: var(--s-1); }
.contact__body p { font-size: var(--text-sm); color: var(--ink-2); }
.contact__body .link { margin-top: var(--s-1); }

/* Showroom strip */
.contact__strip { position: relative; }
.contact__strip-tag {
  position: absolute; left: var(--s-5); bottom: var(--s-5); z-index: 1;
  padding: 6px 10px;
  background: var(--glass-strong);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: var(--r-1);
}
@media (max-width: 639.98px) { .contact__strip-tag { left: var(--s-3); bottom: var(--s-3); } }