@media (max-width: 768px) {

    .brand-strength-bg-img {
        content: url("../img/mobile/brand/brand_section1_img.png");
        object-fit: contain; /* 모바일은 원본 비율 유지 */
        height: auto;
        position: static;
    }

    .brand-strength-section1 {
        position: relative;
        height: auto;
    }

    .brand-strength-section1-inner {
        position: absolute;
        top: 55%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        box-sizing: border-box;
        padding: 0 30px;
        width: 100%;
    }

    .brand-strength-title {
        font-size: 20px;
    }

    .brand-strength-subtitle {
        font-size: 14px;
    }

    .brand-strength-section2-card {
        /* 기존 불필요한 스타일 제거 */
        background: transparent;
        box-shadow: none;
        border-radius: 0;
        padding: 0;
        top: 0;
    }

    .brand-strength-section2-title {
        font-size: 24px;
        font-weight: 700;
        color: #000;
        margin-bottom: 20px;
        letter-spacing: -0.5px;
    }

    .brand-strength-section2-subtitle {
        display: inline-block;
        background-color: #ffe478;
        color: #000;
        font-size: 16px;
        font-weight: 500;
        padding: 10px 20px;
        border-radius: 12px;
        margin-bottom: 50px;
    }

    /* 1열 세로 정렬 */
    .brand-strength-section2-features {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 60px;
    }

    .brand-strength-section2-features .feature-item + .feature-item::before {
        display: none;
    }

    /* feature box */
    .feature-item {
        text-align: center;
    }

    /* 아이콘 배경 */
    .feature-icon {
        width: 96px;
        height: 96px;
        background-color: #fff;
        border-radius: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 24px;
    }

    /* 아이콘 크기 */
    .feature-icon img {
        width: 48px;
        height: 48px;
        object-fit: contain;
    }

    /* 제목 */
    .feature-title {
        font-size: 18px;
        font-weight: 800;
        color: #000;
        margin: 0 0 16px;
    }

    /* 설명 */
    .feature-desc {
        font-size: 16px;
        color: rgba(0, 0, 0, 0.7);
        line-height: 1.6;
        margin: 0;
    }


    .brand-strength-section3 {
        background-color: #fff;
        padding: 50px 20px 10px;
        text-align: center;
    }

    .brand-strength-section3-card {
        padding: 20px 10px;
    }

    .section3-price-compare {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        gap: 40px;
        margin: 60px 0;
    }

    .compare-item {
        flex: 1 1 180px;
        min-width: 160px;
        text-align: center;
    }

    .compare-label {
        font-size: 18px;
        font-weight: 700;
        color: #000;
        margin-bottom: 8px;
    }

    .compare-price {
        font-size: 24px;
        font-weight: 800;
        margin: 0;
    }

    .compare-price.gray {
        color: #666;
    }

    .compare-price.red {
        color: #e40000;
    }

    .compare-desc {
        font-size: 14px;
        color: rgba(0, 0, 0, 0.6);
        margin-top: 8px;
    }

    .compare-divider {
        display: none;
    }

    .section3-sales {
        padding: 15px;
        margin: 0 auto;
        text-align: left; /* (1) 왼쪽 정렬 */
    }

    .sales-controls .btn-search {
        display: none;
    }

    .brand-strength-section5 {
        padding: 50px 10px;
    }

    .brand-strength-section5-inner {
        max-width: 768px;
        margin: 0 auto;
        text-align: center;
        display: block; /* ✅ 핵심: flex 제거 */
    }

    .brand-strength-section5-inner {
        max-width: 768px;
        margin: 0 auto;
    }

    /* 제목, 설명 */
    .brand-strength-section5-title {
        font-size: 24px;
        font-weight: 700;
        color: #000;
        margin-bottom: 20px;
    }

    .brand-strength-section5-subtitle {
        background-color: #ffe478;
        display: inline-block;
        padding: 14px 20px;
        border-radius: 10px;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.6;
        margin-bottom: 0;
    }

    /* 원형 3개 가로 정렬 */
    .section5-circles {
        gap: 16px;
        margin: 20px 0;
        justify-content: center;
        flex-wrap: wrap;
    }

    .circle {
        width: 110px;
        height: 110px;
        padding: 12px;
        font-size: 14px;
    }

    .circle-primary {
        margin-right: -35px;
        z-index: 1;
    }

    .circle-secondary {
        margin-right: -35px;
        z-index: 2;
    }

    /* 이미지 */
    .section5-image img {
        width: 100%;
        max-width: 100%;
        border-radius: 20px;
    }
}

