/*  contact page */
.contact-section {
  padding: 60px 20px;
  background:#fff;
}

.contact-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:40px;
  max-width:1200px;
  margin:auto;
}

/* left column */
.contact-info h2{font-size:32px;margin-bottom:10px;color:#222}
.contact-info h3{margin:25px 0 8px;font-size:18px;color:#444}

.contact-info p,
.contact-info a{font-size:15px;line-height:1.6;color:#555;text-decoration:none}

.social-row{
  margin:10px 0 25px;
}
.social-row a{
  display:inline-block;
  width:36px;height:36px;
  line-height:36px;
  text-align:center;
  border-radius:50%;
  background:#f0f0f0;
  color:#555;
  margin-right:8px;
  transition:.3s;
}
.social-row a:hover{background:#e67e00;color:#fff}

.map-wrapper iframe{
  width:100%;height:260px;border:0;border-radius:6px;
  box-shadow:0 2px 6px rgba(0,0,0,.15);
}

/* right column – form */
.contact-form-box{
  background:#191919;
  color:#fff;
  padding:35px 30px;
  border-radius:6px;
}

.contact-form-box h3{margin-bottom:20px;font-weight:600}

.contact-form-box input,
.contact-form-box textarea{
  width:100%;
  padding:12px 14px;
  margin-bottom:14px;
  border:1px solid #ccc;
  border-radius:4px;
  font-family:inherit;
  font-size:14px;
}

.contact-form-box button{
  width:100%;
  padding:12px 14px;
  background:#e7ba55;
  border:0;border-radius:4px;
  font-weight:600;
  cursor:pointer;transition:.3s;
}
.contact-form-box button:hover{background:#d69c1d;color:#fff}

.form-status{margin-top:10px;font-size:14px;color:#6dd56d}

/* ── responsive ─────────────────────────────────────── */
@media (max-width: 768px){
  .contact-grid{grid-template-columns:1fr}
  .map-wrapper iframe{height:220px}
  .contact-form-box{order:-1;margin-bottom:40px}
}