/* === CONTACT PAGE STYLES === */

.contact-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    margin-bottom: 64px;
}

@media (max-width: 992px) {
    .contact-cards {
        grid-template-columns: repeat(2, 1fr);
    }
}

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

.contact-split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: var(--shadow-xl);
}

@media (max-width: 992px) {
    .contact-split {
        grid-template-columns: 1fr;
    }
    
    .contact-map {
        height: 400px;
    }
}

.form-grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 16px;
}

@media (max-width: 640px) {
    .form-grid-2 {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}

.business-hours-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .business-hours-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }
}