/* =============================================================
   Vkard Heading Combo Widget - frontend styles
   ============================================================= */

.vkhc__wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding: 40px 24px 36px;
    background-color: #f8fafc;
    text-align: center;
}

.vkhc__wrap * {
    box-sizing: border-box;
}

.vkhc__badge {
    display: inline-flex;
    margin: 0 0 14px;
    padding: 8px 16px;
    border-radius: 999px;
    background-color: #dff3ff;
    color: #0099ff;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
}

.vkhc__heading {
    max-width: 1080px;
    margin: 0 0 12px;
    color: #000044;
    font-size: clamp(34px, 4.25vw, 50px);
    font-weight: 800;
    letter-spacing: -0.025em;
    line-height: 1.08;
}

.vkhc__subtitle {
    max-width: 900px;
    margin: 0;
    color: #64748b;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
}

@media (max-width: 767px) {
    .vkhc__wrap {
        padding: 32px 18px;
    }

    .vkhc__heading {
        font-size: clamp(30px, 9vw, 42px);
    }

    .vkhc__subtitle {
        font-size: 16px;
    }
}