/* ============================================
   CONTACT PAGE
   ============================================ */

.contact-grid{
  display:grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 48px;
  align-items:start;
}

.quote-form{
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  padding: 36px;
}
.quote-form h2{ font-size: 24px; }
.quote-form .form-sub{ font-size:14px; color:var(--muted); margin-top:10px; }

.urgent-note{
  margin-top: 18px;
  padding: 14px 16px;
  border-radius: var(--radius-sm);
  border: 1px solid rgba(217,165,68,0.28);
  background: rgba(217,165,68,0.06);
  font-size: 13.5px;
  color: var(--ivory-dim);
  display:flex; align-items:flex-start; gap:10px;
}
.urgent-note svg{ width:16px; height:16px; color:var(--gold); flex-shrink:0; margin-top:2px; }
.urgent-note a{ color: var(--gold); font-weight:700; }

.form-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 26px;
}
.form-field{ display:flex; flex-direction:column; gap:7px; }
.form-field.full{ grid-column: 1 / -1; }
.form-field label{ font-size:12.5px; font-weight:700; color:var(--muted); }
.form-field input,
.form-field select,
.form-field textarea{
  font-family: var(--sans);
  font-size:14.5px;
  color: var(--ivory);
  background: var(--panel-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  padding: 12px 13px;
  width:100%;
}
.form-field textarea{ resize:vertical; min-height:110px; }
.form-field input:focus, .form-field select:focus, .form-field textarea:focus{ border-color: var(--gold); }
.form-field input::placeholder, .form-field textarea::placeholder{ color: var(--muted); }

.form-submit{ margin-top:22px; }
.form-submit .btn{ width:100%; padding:15px; }
.form-note{ font-size:12px; color:var(--muted); margin-top:12px; }

.contact-cards{ display:flex; flex-direction:column; gap:14px; }
.contact-card{
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  padding: 22px;
  display:flex; align-items:flex-start; gap:14px;
}
.contact-card .ic{
  width:42px; height:42px; border-radius: var(--radius-sm);
  border: 1px solid var(--line);
  display:flex; align-items:center; justify-content:center;
  color: var(--gold); flex-shrink:0;
}
.contact-card .ic svg{ width:19px; height:19px; }
.contact-card h4{ font-size:14.5px; margin-bottom:4px; }
.contact-card p, .contact-card a{ font-size:13.5px; color:var(--muted); display:block; }
.contact-card a:hover{ color: var(--gold); }

.contact-card.whatsapp{ border-color: rgba(79,214,122,0.28); background: rgba(79,214,122,0.05); }
.contact-card.whatsapp .ic{ color:#4fd67a; border-color: rgba(79,214,122,0.3); }

@media (max-width: 900px){
  .contact-grid{ grid-template-columns: 1fr; }
  .form-grid{ grid-template-columns: 1fr; }
}