/* --- Contact Content --- */
.contact-hero { padding: 180px 0 80px; background: var(--light-bg); text-align: center; }
.contact-hero h1 { font-family: 'Playfair Display', serif; font-size: 56px; margin-bottom: 20px; }
.contact-hero p { max-width: 700px; margin: 0 auto; color: #64748b; font-size: 18px; line-height: 1.6; }

.contact-grid { 
    display: grid; 
    grid-template-columns: 1fr 1.2fr; 
    gap: 40px; 
    max-width: 1300px; 
    margin: -60px auto 100px; 
    padding: 0 60px;
    position: relative;
    z-index: 10;
}

/* Left Side: Info */
.info-card { background: var(--white); padding: 50px; border-radius: 40px; border: 1px solid var(--border); box-shadow: var(--shadow-lux); }
.info-group { margin-bottom: 40px; }
.info-group h3 { font-size: 14px; text-transform: uppercase; letter-spacing: 2px; color: var(--primary); margin-bottom: 15px; display: flex; align-items: center; gap: 10px; }
.info-group p, .info-group a { font-size: 16px; color: var(--dark); text-decoration: none; font-weight: 600; display: block; line-height: 1.6; }
.info-group a:hover { color: var(--primary); }

/* Right Side: Form */
.form-card { background: var(--white); padding: 50px; border-radius: 40px; border: 1px solid var(--border); box-shadow: var(--shadow-lux); }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px; }
.form-group { margin-bottom: 25px; }
.form-group label { display: block; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px; color: #94a3b8; }
.form-group input, .form-group select, .form-group textarea {
    width: 100%; padding: 15px 20px; border-radius: 12px; border: 1px solid var(--border);
    background: #fcfcfc; font-size: 15px; font-weight: 500; outline: none; transition: 0.3s;
}
.form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color: var(--primary); background: #fff; box-shadow: 0 0 0 4px rgba(189, 87, 50, 0.1); }

.btn-submit {
    width: 100%; background: var(--dark); color: white; border: none; padding: 18px;
    border-radius: 100px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.5px;
    cursor: pointer; transition: 0.4s; margin-top: 10px;
}
.btn-submit:hover { background: var(--primary); transform: translateY(-3px); box-shadow: 0 10px 20px rgba(189, 87, 50, 0.3); }

/* Map Section */
.map-wrapper { width: 100%; height: 450px; }



/* =========================
📱 CONTACT RESPONSIVE FIX
========================= */

@media (max-width: 1024px) {
    .contact-grid {
        grid-template-columns: 1fr;
        gap: 30px;
        padding: 0 25px;
        margin-top: -40px;
    }
}

@media (max-width: 768px) {
    .contact-grid {
        padding: 0 20px;
        margin: -30px auto 60px;
    }
    
    .info-card,
    .form-card {
        padding: 25px;
        border-radius: 20px;
    }
    
    .form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }
    
    .contact-hero h1 {
        font-size: 32px;
    }
    
    .contact-hero p {
        font-size: 15px;
    }
}