/* KAICE Mobile Form Styles - 1020px 이하에서만 표시 */

/* 기본적으로 숨김 */
.kaice-mobile-form {
    display: none;
}

/* 1020px 이하에서만 표시 */
@media (max-width: 1020px) {
    .kaice-mobile-form {
        display: block;
        width: 100%;
        background: #ffffff;
        padding: 2rem 0;
        margin: 0;
    }
    
    .kaice-mobile-form-content {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 2rem;
        text-align: center;
        color: #333;
        font-family: 'Noto Sans KR', sans-serif;
        box-sizing: border-box;
    }
    
    .kaice-mobile-form-content h3 {
        margin: 0 0 1.5rem 0;
        font-size: 1.5rem;
        font-weight: 600;
        color: #002144;
    }
    
    .kaice-mobile-form-content .form-row {
        display: flex;
        gap: 1rem;
        max-width: 600px;
        margin: 0 auto;
        align-items: center;
    }
    
    .kaice-mobile-form-content .form-input {
        flex: 1;
        padding: 0.875rem 1rem;
        border: 2px solid #e0e0e0;
        border-radius: 8px;
        font-size: 1rem;
        transition: border-color 0.3s ease;
        box-sizing: border-box;
    }
    
    .kaice-mobile-form-content .form-input:focus {
        outline: none;
        border-color: #408090;
    }
    
    .kaice-mobile-form-content .form-button {
        padding: 0.875rem 2rem;
        background: #408090;
        color: white;
        border: none;
        border-radius: 8px;
        font-size: 1rem;
        font-weight: 600;
        cursor: pointer;
        transition: background-color 0.3s ease;
        white-space: nowrap;
    }
    
    .kaice-mobile-form-content .form-button:hover {
        background: #356b78;
    }
}

/* 모바일에서 폼 세로 배치 */
@media (max-width: 768px) {
    .kaice-mobile-form-content .form-row {
        flex-direction: column;
        gap: 1rem;
    }
    
    .kaice-mobile-form-content .form-button {
        width: 100%;
        padding: 1rem;
    }
}