/* ===== Kontak ===== */
.contact-hero{
  background:#fff; border:1px solid var(--line); border-radius:14px; box-shadow:var(--shadow);
  padding:18px; margin:18px 0 10px; display:flex; align-items:center; justify-content:space-between; gap:12px;
}
.contact-hero h1{ margin:0 0 6px; }
.hero-icons{ display:grid; gap:6px; color:#1f2a44; }
.hero-icons i{ color:#2f76ff; margin-right:6px; }

.alert{ border-radius:10px; padding:12px 14px; margin:10px 0; }
.alert.success{ background:#ecfdf5; border:1px solid #34d399; color:#065f46; }
.alert.danger{ background:#fef2f2; border:1px solid #fca5a5; color:#7f1d1d; }

.contact-grid{ display:grid; grid-template-columns: 1fr 1.2fr; gap:16px; margin:12px 0 20px; }
.contact-info .info-card{
  background:#fff; border:1px solid var(--line); border-radius:12px; box-shadow:var(--shadow); padding:14px;
}
.contact-info .hours{ margin-top:8px; }
.map-wrap{
  margin-top:12px; background:#fff; border:1px solid var(--line); border-radius:12px; overflow:hidden; box-shadow:var(--shadow);
}
.map-wrap iframe{ width:100%; height:300px; border:0; }

.contact-form{
  background:#fff; border:1px solid var(--line); border-radius:12px; box-shadow:var(--shadow); padding:14px;
}
.contact-form h3{ margin:0 0 8px; }
.form-grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.field{ display:flex; flex-direction:column; gap:6px; }
.field label{ font-weight:600; }
.field input, .field textarea{
  padding:10px 12px; border:1px solid var(--line); border-radius:10px; background:#fff; color:#1f2a44;
}
.hp{ position:absolute; left:-9999px; top:-9999px; } /* honeypot */

.btn-primary{
  display:inline-block; background:#2f76ff; color:#fff; padding:10px 12px; border-radius:10px; text-decoration:none; font-weight:700;
  border:0; cursor:pointer;
}
.btn-primary:hover{ background:#1e63ec; }

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