/* Contact 섹션 강제 수정 CSS */

/* 모든 화면에서 Contact 섹션 강제 중앙 정렬 */
.contact-section .contact-content {
    max-width: 1200px !important;
    margin: 0 auto !important;
    text-align: center !important;
}

.contact-section .contact-info {
    display: grid !important;
    justify-items: center !important;
    align-items: stretch !important;
    margin: 0 auto var(--spacing-xl) auto !important;
}

.contact-section .contact-card {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    margin: 0 auto !important;
}

.contact-section .contact-note {
    max-width: 800px !important;
    margin: 0 auto !important;
    text-align: center !important;
}

/* 데스크톱 */
@media (min-width: 1025px) {
    .contact-section .contact-info {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: var(--spacing-lg) !important;
        max-width: 1000px !important;
    }
    
    .contact-section .contact-card {
        max-width: 280px !important;
        min-height: 160px !important;
    }
}

/* 태블릿 */
@media (min-width: 769px) and (max-width: 1024px) {
    .contact-section .contact-info {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: var(--spacing-md) !important;
        max-width: 800px !important;
    }
    
    .contact-section .contact-card {
        max-width: 220px !important;
        min-height: 150px !important;
    }
}

/* 모바일 */
@media (max-width: 768px) {
    .contact-section .contact-info {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: var(--spacing-md) !important;
        max-width: 600px !important;
    }
    
    .contact-section .contact-card {
        max-width: 200px !important;
        min-height: 140px !important;
    }
}