.contact-grid { display: grid; grid-template-columns: 1fr 1.5fr; gap: 60px; }
.contact-info { background: #fdfbf9; padding: 40px; border: 1px solid #eee; }
.info-item { display: flex; gap: 20px; margin-top: 30px; }
.info-item i { font-size: 24px; color: #c59d5f; }
.contact-form-wrapper input, .contact-form-wrapper textarea { width: 100%; padding: 12px; border: 1px solid #ddd; margin-top: 5px; }
.form-group { margin-bottom: 20px; }
.btn-send { background: #222; color: #fff; padding: 12px 30px; border: none; cursor: pointer; text-transform: uppercase; }
/* --- Add this to the bottom of css/contact.css --- */
@media (max-width: 768px) {
    .contact-grid {
        grid-template-columns: 1fr; /* Stack them in one column */
        gap: 30px;
    }
    
    .contact-info, .contact-form-wrapper {
        width: 100%; /* Force full width */
        padding: 20px; /* Reduce padding for mobile */
    }
}