/* ==========================================================
   Coway California insert  (#cwca26)
   Order: base -> banner -> hero -> benefits -> consult
          -> area -> actions/buttons -> mobile (single block)
   ========================================================== */

/* ---------- Base ---------- */
#cwca26,
#cwca26 * {
    box-sizing: border-box;
}

#cwca26 {
    font-family: "Noto Sans KR", Arial, sans-serif;
    color: #273449;
    max-width: 1180px;
    margin: 0 auto 32px;
}

    /* ---------- Banner ---------- */
    #cwca26 .cwca-banner {
        margin: 0 0 20px;
        border-radius: 14px;
        overflow: hidden;
        background: #e6f4ff;
    }

        #cwca26 .cwca-banner picture {
            display: block;
            width: 100%;
        }

            #cwca26 .cwca-banner picture img {
                display: block;
                width: 100%;
                max-width: 100%;
                height: auto;
                aspect-ratio: 1536 / 572;
                object-fit: contain;
            }

    /* ---------- Hero ---------- */
    #cwca26 .cwca-hero {
        padding: 27px 30px;
        margin-bottom: 20px;
        background: #f0f7ff;
        border: 1px solid #d9eafb;
        border-radius: 14px;
    }

    #cwca26 .cwca-main-title {
        font-size: 29px;
        line-height: 1.4;
        font-weight: 800;
        margin: 0 0 12px;
        color: #173b67;
    }

    #cwca26 .cwca-intro {
        font-size: 15px;
        line-height: 1.9;
        margin: 0;
    }

    /* ---------- Benefits ---------- */
    #cwca26 .cwca-benefits {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
        margin-bottom: 22px;
    }

    #cwca26 .cwca-benefit {
        min-height: 137px;
        padding: 22px 12px;
        text-align: center;
        background: #eaf4ff;
        border: 1.5px solid #8db8dc;
        border-radius: 12px;
    }

        #cwca26 .cwca-benefit h2 {
            font-size: 17px;
            font-weight: 800;
            line-height: 1.5;
            margin: 0 0 12px;
            color: #1166a7;
        }

        #cwca26 .cwca-benefit .cwca-price {
            font-size: 20px;
            font-weight: 800;
            margin: 0 0 6px;
            color: #1265ac;
        }

        #cwca26 .cwca-benefit p {
            font-size: 13px;
            line-height: 1.6;
            margin: 0;
            color: #536579;
        }

    /* ---------- Consult box ---------- */
    #cwca26 .cwca-consult {
        margin-top: 20px;
        padding: 22px 26px;
        background: #edf6ff;
        border: 1.5px solid #8db8dc;
        border-radius: 14px;
    }

        #cwca26 .cwca-consult h2 {
            font-size: 20px;
            line-height: 1.5;
            font-weight: 800;
            margin: 0 0 7px;
            color: #173b67;
        }

        #cwca26 .cwca-consult p {
            font-size: 14px;
            line-height: 1.8;
            margin: 0;
            color: #526579;
        }

        #cwca26 .cwca-consult .cwca-actions {
            margin-top: 14px;
        }

            #cwca26 .cwca-consult .cwca-actions a {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-height: 46px;
            }

    /* ---------- Service area ---------- */
    #cwca26 .cwca-area {
        padding: 25px 28px;
        background: #f2f8ff;
        border: 1px solid #d8e7f7;
        border-radius: 14px;
    }

        #cwca26 .cwca-area > h2 {
            font-size: 23px;
            font-weight: 800;
            margin: 0 0 17px;
            color: #173b67;
        }

    #cwca26 .cwca-service-row {
        display: grid;
        grid-template-columns: 210px 1fr;
        gap: 14px;
        padding: 15px 0;
        border-top: 1px solid #d7e4f1;
    }

        #cwca26 .cwca-service-row h3 {
            font-size: 16px;
            font-weight: 800;
            line-height: 1.7;
            margin: 0;
            color: #1266aa;
        }

        #cwca26 .cwca-service-row p {
            font-size: 14px;
            line-height: 1.9;
            margin: 0;
            color: #33465c;
        }

    #cwca26 .cwca-note {
        font-size: 13px;
        line-height: 1.8;
        margin: 17px 0 0;
        color: #57697b;
    }

    /* ---------- Action buttons ---------- */
    #cwca26 .cwca-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 20px;
    }

        #cwca26 .cwca-actions a {
            display: inline-block;
            padding: 13px 20px;
            font-size: 14px;
            font-weight: 700;
            text-decoration: none;
            color: #fff;
            background: #1173bd;
            border-radius: 8px;
        }

            #cwca26 .cwca-actions a:nth-child(2) {
                background: #24486c;
            }

        /* Kakao button */
        #cwca26 .cwca-actions .cwca-kakao {
            display: inline-flex;
            flex-direction: row !important;
            align-items: center;
            justify-content: center;
            gap: 8px;
            min-width: 0;
            white-space: nowrap;
            color: #191919;
            background: #FEE500;
        }

            #cwca26 .cwca-actions .cwca-kakao .cwca-kakao-icon {
                display: block !important;
                flex: 0 0 22px !important;
                width: 22px !important;
                height: 22px !important;
                min-width: 22px !important;
                min-height: 22px !important;
                max-width: 22px !important;
                max-height: 22px !important;
            }

            #cwca26 .cwca-actions .cwca-kakao span {
                display: inline-block;
                line-height: 1.4;
                white-space: nowrap;
            }

/* ==========================================================
   Mobile (single block)
   ========================================================== */
@media (max-width: 767px) {

    /* Banner */
    #cwca26 .cwca-banner {
        margin: 0 0 11px;
        border-radius: 9px;
    }

        #cwca26 .cwca-banner picture img {
            aspect-ratio: 750 / 884;
        }

    /* Hero */
    #cwca26 .cwca-hero {
        display: block;
        padding: 14px 16px;
        margin-bottom: 17px;
    }

    #cwca26 .cwca-main-title {
        font-size: 23px;
    }

    /* Benefits */
    #cwca26 .cwca-benefits {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
    }

    #cwca26 .cwca-benefit {
        min-height: 127px;
        padding: 17px 8px;
    }

        #cwca26 .cwca-benefit h2 {
            font-size: 14px;
        }

        #cwca26 .cwca-benefit .cwca-price {
            font-size: 17px;
        }

    /* Consult box */
    #cwca26 .cwca-consult {
        margin: 0 0 22px;
        padding: 19px 16px;
    }

        #cwca26 .cwca-consult .cwca-actions a {
            min-width: 0;
            padding: 12px 8px;
            font-size: 14px;
            white-space: nowrap;
        }

    /* Service area */
    #cwca26 .cwca-area {
        padding: 19px 16px;
    }

        #cwca26 .cwca-area > h2 {
            font-size: 20px;
        }

    #cwca26 .cwca-service-row {
        grid-template-columns: 1fr;
        gap: 3px;
    }

    /* Buttons: stacked, full width */
    #cwca26 .cwca-actions {
        flex-direction: column;
        gap: 10px;
    }

        #cwca26 .cwca-actions a {
            text-align: center;
        }
}