.coway-popular-en {
    padding: 55px 18px;
    background: #fff;
    font-family: Arial,sans-serif
}

    .coway-popular-en * {
        box-sizing: border-box
    }

    .coway-popular-en .popular-wrap {
        max-width: 1180px;
        margin: auto
    }

    .coway-popular-en .popular-heading {
        text-align: center;
        margin-bottom: 32px
    }

        .coway-popular-en .popular-heading small {
            color: #0878c9;
            font-weight: 700
        }

    .coway-popular-en h2 {
        font-size: 30px;
        color: #202b39;
        margin: 10px 0
    }

    .coway-popular-en .popular-heading p {
        color: #667085;
        font-size: 15px
    }

    .coway-popular-en .popular-grid {
        display: grid;
        grid-template-columns: repeat(3,minmax(0,1fr));
        gap: 20px
    }

    .coway-popular-en .popular-card {
        min-width: 0;
        border: 1px solid #e4e9f0;
        border-radius: 14px;
        overflow: hidden;
        background: #fff
    }

    .coway-popular-en .popular-image {
        position: relative;
        background: #f8fafc;
        padding: 18px;
        text-align: center
    }

        .coway-popular-en .popular-image img {
            display: block;
            width: 100%;
            height: 210px;
            object-fit: contain;
            margin: 0 auto
        }

    .coway-popular-en .popular-badge {
        position: absolute;
        top: 12px;
        left: 12px;
        background: #0878c9;
        color: #fff;
        border-radius: 5px;
        padding: 6px 9px;
        font-size: 11px;
        font-weight: 700
    }

    .coway-popular-en .mobile-promo-text {
        display: none
    }

    .coway-popular-en .popular-body {
        padding: 18px
    }

    .coway-popular-en .popular-category {
        color: #0878c9;
        font-size: 12px;
        font-weight: 700
    }

    .coway-popular-en h3 {
        color: #263445;
        font-size: 17px;
        margin: 8px 0 4px
    }

    .coway-popular-en .popular-model {
        color: #667085;
        font-size: 13px
    }

    .coway-popular-en .popular-description {
        color: #667085;
        font-size: 13px;
        min-height: 55px;
        line-height: 1.5;
        margin: 12px 0
    }

    .coway-popular-en .popular-price {
        border-top: 1px solid #edf0f4;
        padding-top: 13px
    }

    .coway-popular-en .regular {
        color: #858d98;
        font-size: 13px
    }

    .coway-popular-en .discount {
        color: #0878c9;
        font-size: 28px;
        font-weight: 800;
        margin: 5px 0
    }

        .coway-popular-en .discount span {
            font-size: 14px;
            font-weight: 400
        }

    .coway-popular-en .period {
        font-size: 12px;
        color: #596575
    }

    .coway-popular-en .benefits {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        margin: 15px 0
    }

        .coway-popular-en .benefits span {
            font-size: 11px;
            color: #38618b;
            background: #eef6fc;
            border-radius: 5px;
            padding: 6px
        }

    .coway-popular-en .actions {
        display: flex;
        gap: 8px
    }

        .coway-popular-en .actions a {
            flex: 1;
            padding: 11px 6px;
            border-radius: 6px;
            font-size: 12px;
            font-weight: 700;
            text-decoration: none;
            text-align: center
        }

    .coway-popular-en .details {
        border: 1px solid #0878c9;
        color: #0878c9
    }

    .coway-popular-en .inquiry {
        background: #0878c9;
        color: #fff
    }

    .coway-popular-en .disclaimer {
        margin: 25px auto;
        font-size: 12px;
        color: #667085;
        line-height: 1.7;
        text-align: center
    }

    .coway-popular-en .all-products {
        text-align: center
    }

        .coway-popular-en .all-products a {
            display: inline-block;
            background: #0878c9;
            color: #fff;
            padding: 13px 28px;
            border-radius: 7px;
            text-decoration: none;
            font-weight: 700
        }

/* Mobile: blue badge in its own row, above image */
@media(max-width:767px) {
    .coway-popular-en {
        padding: 35px 12px
    }

        .coway-popular-en h2 {
            font-size: 24px
        }

        .coway-popular-en .popular-grid {
            grid-template-columns: repeat(2,minmax(0,1fr));
            gap: 10px
        }

        .coway-popular-en .popular-image .popular-badge {
            display: none !important
        }

        .coway-popular-en .mobile-promo-text {
            display: table !important;
            position: static !important;
            width: auto !important;
            height: auto !important;
            background: #0878c9 !important;
            color: #fff !important;
            font-size: 10px !important;
            font-weight: 600 !important;
            line-height: 1.4 !important;
            padding: 5px 8px !important;
            margin: 10px 0 0 10px !important;
            border: 0 !important;
            border-radius: 4px !important;
            box-shadow: none !important;
            transform: none !important;
        }

        .coway-popular-en .popular-image {
            position: relative !important;
            padding: 8px 8px 12px !important;
            overflow: hidden !important
        }

            .coway-popular-en .popular-image img {
                position: static !important;
                display: block !important;
                width: 100% !important;
                height: 145px !important;
                object-fit: contain !important;
                margin: 0 auto !important;
                transform: none !important
            }

        .coway-popular-en .popular-body {
            padding: 11px
        }

        .coway-popular-en h3 {
            font-size: 14px
        }

        .coway-popular-en .popular-description {
            font-size: 12px;
            min-height: 72px
        }

        .coway-popular-en .discount {
            font-size: 24px
        }

        .coway-popular-en .actions {
            flex-direction: column
        }

            .coway-popular-en .actions a {
                padding: 9px 5px
            }
}