/* Contact page styles */
.contact-wrapper{
  max-width:none;
  margin:0;
  padding:0;
}
.contact-grid{
  display:flex;
  gap:30px;
}
.contact-grid .map,
.contact-grid .form{
  flex:1;
  min-height:400px;
}
.contact-grid .map iframe{
  width:100%;
  height:100%;
  border:0;
}
.contact-card{
  background:#fff;
  padding:20px;
  box-shadow:0 6px 20px rgba(0,0,0,0.06);
  border-radius:6px;
  height:100%;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
}
.contact-card h2{margin-top:0;margin-bottom:12px}
.form-row{display:flex;gap:12px;margin-bottom:12px}
.form-row .field{flex:1}
.field input,
.field textarea{
  width:100%;
  padding:10px 12px;
  border:1px solid #ddd;
  border-radius:4px;
  font-size:14px;
  box-sizing:border-box;
}
.field textarea{min-height:140px;resize:vertical}
.actions{display:flex;gap:12px;margin-top:12px}
.btn{display:inline-block;padding:10px 16px;border-radius:4px;text-decoration:none;color:#fff;background:#2d7c2d}
.btn.call{background:#0a66c2}

/* Contact-page: keep header avatar same as global, match footer social icons to site default */
.footer-grid .socials i{font-size:32px;margin-right:10px}

@media(max-width:880px){
  .contact-grid{flex-direction:column}
  .contact-grid .map{min-height:260px}
  footer .footer-grid{
    grid-template-columns:1fr;
    gap:18px;
  }
  .footer-grid .socials i{font-size:28px}
}
/* Success Popup */
.success-popup{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.6);
  display:flex;
  justify-content:center;
  align-items:center;
  z-index:10000;
}

.success-content{
  background:#fff;
  border-radius:12px;
  padding:40px 30px;
  max-width:400px;
  position:relative;
  text-align:center;
  box-shadow:0 10px 40px rgba(0,0,0,0.2);
}

.close-success{
  position:absolute;
  top:15px;
  right:15px;
  background:none;
  border:none;
  font-size:24px;
  cursor:pointer;
  color:#666;
}

.close-success:hover{
  color:#000;
}

.success-content h2{
  color:#2d7c2d;
  margin-bottom:12px;
  font-size:24px;
}

.success-content p{
  color:#666;
  font-size:14px;
  line-height:1.6;
}

/* Confirmation Popup */
.confirm-popup{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.6);
  display:flex;
  justify-content:center;
  align-items:center;
  z-index:10000;
}

.confirm-content{
  background:#fff;
  border-radius:12px;
  padding:40px 30px;
  max-width:400px;
  text-align:center;
  box-shadow:0 10px 40px rgba(0,0,0,0.2);
}

.confirm-content h3{
  color:#333;
  margin-bottom:12px;
  font-size:20px;
}

.confirm-content p{
  color:#666;
  font-size:14px;
  margin-bottom:24px;
  line-height:1.6;
}

.confirm-buttons{
  display:flex;
  gap:12px;
  justify-content:center;
}

.btn-cancel{
  padding:10px 20px;
  border:1px solid #ddd;
  background:#f5f5f5;
  color:#333;
  border-radius:4px;
  cursor:pointer;
  font-size:14px;
  transition:0.3s ease;
}

.btn-cancel:hover{
  background:#e8e8e8;
}

.btn-confirm{
  padding:10px 20px;
  background:#2d7c2d;
  color:#fff;
  border:none;
  border-radius:4px;
  cursor:pointer;
  font-size:14px;
  transition:0.3s ease;
}

.btn-confirm:hover{
  background:#1e5a1e;
}