/* 섹션 4 스타일 */
.section4-container {
    width: 100%;
    height: 100vh;
    background-color: #fff;
    display: flex;
    align-items: center;
}

.section4-content {
    width: 100%;
    max-width: 82vw;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: clamp(80px, 10vw, 150px);
    padding: 0 clamp(1rem, 5vw, 4rem);
}

.section4-container .left-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-width: 600px;
}

.section4-container .right-content {
    display: flex;
    justify-content: center;
    align-items: center;
}

.section4-container .right-content-text {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center !important;
    gap: clamp(20px, 4vw, 40px);
    min-width: clamp(300px, 26vw, 500px);
}

/* 섹션4 텍스트 중앙정렬 */
.section4-container .right-content-text .title,
.section4-container .right-content-text .description {
    text-align: center;
}

/* 기존 개별 클래스들 제거 - 이제 공통 .title, .description 클래스 사용 */

/* 섹션4 핸드폰 이미지 스타일 */
.phones-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: clamp(20px, 2vw, 30px);
}

.phone-img {
    width: clamp(180px, 25vw, 300px);
    height: clamp(360px, 50vw, 600px);
    object-fit: contain;
}

/* 모바일 반응형 */
@media (max-width: 768px) {
    .section4-container {
        width: 100%;
        height: auto;
        padding: 100px 25px !important;
        min-height: auto;
    }
    
    .section4-content {
        width: 100%;
        max-width: none;
        padding: 0;
        flex-direction: column;
        gap: 70px;
    }
    
    .section4-container .left-content {
        width: 100%;
        min-width: unset;
        order: 1;
    }
    
    .section4-container .right-content {
        width: 100%;
        max-width: none;
        align-items: center;
        text-align: center;
        order: 2;
    }
    
    .right-content-text {
        gap: 20px;
    }
    
    .section4-title {
        font-size: 40px;
        line-height: 48px;
        max-width: 265px;
        word-break: keep-all;
        word-wrap: break-word;
        white-space: normal;
        text-align: center;
    }
    
    .section4-subtitle {
        font-size: 17px;
        max-width: 265px;
        word-break: keep-all;
        word-wrap: break-word;
        white-space: normal;
        text-align: center;
        color: #191F28;
    }
    
    .phones-container {
        width: 100%;
        justify-content: center;
        gap: 20px;
    }
    
    .phone-img {
        width: 180px;
        height: 360px;
    }
}