/* ===== Service enquiry page (coral theme, inherits tokens from styles.css) ===== */
.back-link { color: var(--muted); text-decoration: none; font-size: 0.9rem; }
.back-link:hover { color: var(--text); }

.enq-wrap { padding: clamp(28px, 5vw, 56px) 0 10px; }
.enq-head { text-align: center; max-width: 640px; margin: 0 auto 30px; }
.enq-head h1 { font-family: var(--serif); font-weight: 700; line-height: 1.03; font-size: clamp(2.2rem, 5vw, 3.2rem); margin: 10px 0 14px; }
.enq-head h1 .accent { color: var(--accent); }
.enq-head p { color: var(--muted); }
.enq-form { max-width: 640px; margin: 0 auto; }

.form-card { background: var(--card); border: 1px solid var(--border-soft); border-radius: var(--radius); padding: 28px 26px; }
.card-title { text-align: center; color: var(--accent); font-family: var(--serif); font-weight: 600; font-size: 1.35rem; letter-spacing: 0.02em; margin-bottom: 6px; }
.title-rule { width: 46px; height: 2px; background: var(--accent); margin: 0 auto 20px; }

.field { display: flex; align-items: center; gap: 12px; border: 1px solid var(--border-soft); border-radius: 9px; padding: 0 14px; margin-bottom: 12px; background: #140f11; transition: border-color 0.2s ease; }
.field:focus-within { border-color: var(--accent); }
.field-ic { color: var(--accent); display: flex; flex: 0 0 auto; }
.field-ic svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.field input, .field select, .field textarea { flex: 1; width: 100%; background: transparent; border: 0; outline: 0; color: var(--text); font-family: var(--sans); font-size: 0.95rem; padding: 13px 0; }
.field textarea { resize: vertical; min-height: 100px; }
.field.area { align-items: flex-start; }
.field.area .field-ic { padding-top: 15px; }
.field select { color: var(--muted); cursor: pointer; }
.field select:valid { color: var(--text); }
.field select option { background: #1a1413; color: var(--text); }
input::placeholder, textarea::placeholder { color: var(--muted-2); }
.btn.full { display: block; width: 100%; text-align: center; margin-top: 6px; }

.enq-footer { padding: 28px 0; margin-top: 20px; }
.enq-footer .container { display: flex; gap: 28px; justify-content: center; flex-wrap: wrap; }
.pf { display: flex; align-items: center; gap: 9px; color: var(--muted); text-decoration: none; font-size: 0.88rem; }
.pf:hover { color: var(--text); }
.pf svg { width: 18px; height: 18px; stroke: var(--accent); fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

.toast { position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%) translateY(20px); background: var(--accent-strong); color: #fff; padding: 12px 22px; border-radius: 8px; opacity: 0; pointer-events: none; transition: opacity 0.3s ease, transform 0.3s ease; z-index: 100; font-size: 0.9rem; box-shadow: 0 10px 30px rgba(0,0,0,0.4); }
.toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }

@media (max-width: 560px) { .form-card { padding: 24px 18px; } }