/* ===== NPS Score Display in Mobile ===== */
@media (max-width: 600px) {
    /* Smart layout — wraps naturally, no orphan stretching */
    .npsRating[data-nps-mobile-layout="smart"] .nps-blocks:first-child {
        display: flex;
        flex-wrap: wrap;
        justify-content: left;
        gap: 3px;
    }
    .npsRating[data-nps-mobile-layout="smart"] .nps-blocks:first-child .btn {
        flex: 0 0 auto;
        min-width: 55px !important;
        min-height: 36px;
        margin: 0;
        width: auto !important;
        font-size: 13px;
        padding: 0 4px;
    }

    /* Two rows — 6 buttons per row (2 rows of 5–6) */
    .npsRating[data-nps-mobile-layout="tworows"] .nps-blocks:first-child {
        display: flex;
        flex-wrap: wrap;
        justify-content: left;
        gap: 4px;
    }
    .npsRating[data-nps-mobile-layout="tworows"] .nps-blocks:first-child .btn {
        flex: 0 0 calc(16.666% - 4px);
        min-width: 36px;
        min-height: 40px;
        margin: 0;
        width: auto !important;
        box-sizing: border-box;
    }

    /* Vertical stack — one per row */
    .npsRating[data-nps-mobile-layout="vertical"] .nps-blocks:first-child {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 4px;
    }
    .npsRating[data-nps-mobile-layout="vertical"] .nps-blocks:first-child .btn {
        display: flex;
        justify-content: center;
        align-items: center;
        min-width: 48px;
        min-height: 44px;
        margin: 0;
        width: auto !important;
    }
    .npsRating[data-nps-mobile-layout="vertical"][data-nps-mobile-expand="1"] .nps-blocks:first-child {
        align-items: stretch;
    }
    .npsRating[data-nps-mobile-layout="vertical"][data-nps-mobile-expand="1"] .nps-blocks:first-child .btn {
        width: 100% !important;
        height: 45px !important;
    }

    /* Compact single row — all on one line */
    .npsRating[data-nps-mobile-layout="compact"] .nps-blocks:first-child {
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        gap: 2px;
        overflow-x: auto;
    }
    .npsRating[data-nps-mobile-layout="compact"] .nps-blocks:first-child .btn {
        flex: 1 1 0;
        min-width: 28px;
        min-height: 36px;
        margin: 0;
        width: auto !important;
        font-size: 13px;
    }
}
/* ===== NPS Score Display in Mobile end ===== */