/* Contact — Everjoy (page-specific) */
#contact.section{ padding:0 !important; } /* neutralize global .section padding */
#contact .wrap{ max-width:1200px; margin:0 auto; padding:0 24px; }

/* ---------- HERO ---------- */
.contact-hero{
  background:#fff; border-bottom:1px solid #eef2f6;
  padding:40px 0 40px;
}
.crumbs{ display:flex; align-items:center; gap:8px; color:#64748b; font-weight:600; font-size:13px }
.crumbs a{ color:inherit; text-decoration:none }
.crumbs svg{ width:16px; height:16px; opacity:.65 }
.contact-hero h1{
  margin:8px 0 2px; font-size:clamp(26px,4.6vw,42px);
  line-height:1.08; font-weight:700; letter-spacing:-.012em; color:#0f172a;
  padding-bottom: 12px;
}
.contact-hero .sub{ margin:0; color:#475569; font-weight:500 }

/* ---------- BODY LAYOUT ---------- */
.contact-body{ background:#f7f8fb; padding:42px 0 62px }
.contact-body .grid{
  display:grid; gap:18px; grid-template-columns:1fr;
}
@media (min-width:900px){
  .contact-body .grid{ grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
}

/* ---------- CARDS ---------- */
.card{
  background:#fff; border:1px solid #e9eef6; border-radius:18px; padding:32px 25px 32px;
  box-shadow:0 12px 28px rgba(15,23,42,.07);
}
.card h2{ font-size: 18px; margin:2px 0 6px; font-weight:700 }
.muted{ color:#64748b }

/* ---------- FORM ---------- */
.c-form{ display:grid; gap:12px; margin-top:10px }
.field{ display:flex; flex-direction:column; gap:6px }
.lab{ font-size:14px; font-weight:600; color:#334155 }
input[type="text"],
input[type="email"],
textarea{
  border:1px solid #e6ebf4; background:#f8fbff; border-radius:12px;
  padding:10px 12px; outline:none; color:#0f172a;
  font:500 15px/1.3 Poppins, system-ui, sans-serif;
}
textarea{ resize:vertical; min-height:120px }
input:focus, textarea:focus{ outline:2px solid #cfe6ff; outline-offset:2px }

.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:11px 16px; border-radius:12px; border:1px solid #e6ebf4;
  background:#fff; color:#0f172a; cursor:pointer;
}
.btn.primary{ background:#0f172a; color:#fff; border-color:#0f172a }
.btn.primary:hover{ filter:saturate(1.02) brightness(1.02) }
.btn:focus-visible{ outline:2px solid #cfe6ff; outline-offset:2px }

/* Ensure controls use Poppins (inheritance fix on some browsers) */
#contact button,
#contact input,
#contact select,
#contact textarea {
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, system-ui, sans-serif !important;
}