@media screen and (max-width: 767px) {
    /* Figma: vertical stack, gap between items */
    .gr-main-rounds {
        padding: 48px 0;
        display: flex;
        flex-direction: column;
        gap: 64px;
    }

    /* Each item: circle left + text right */
    .gr-main-rounds-item1,
    .gr-main-rounds-item2,
    .gr-main-rounds-item3 {
        display: flex;
        align-items: flex-start;
    }

    /* Figma: circle 63px */
    .gr-main-rounds-item1-pic,
    .gr-main-rounds-item2-pic,
    .gr-main-rounds-item3-pic {
        width: 63px;
        height: 63px;
        flex-shrink: 0;
    }

    .gr-main-rounds-item1-pic .round,
    .gr-main-rounds-item2-pic .round,
    .gr-main-rounds-item3-pic .round {
        width: 63px;
        height: 63px;
        border-radius: 50%;
    }

    /* Figma: text left offset */
    .gr-main-rounds-item1-text,
    .gr-main-rounds-item2-text,
    .gr-main-rounds-item3-text {
        padding-left: 16px;
        flex: 1;
    }

    /* Figma: Mobile/BODY 14px/20px medium */
    .gr-main-rounds .text-h3 {
        font-family: 'InterMedium', sans-serif;
        font-size: 14px;
        line-height: 20px;
        color: #0E0F11;
        text-transform: uppercase;
    }

    /* Figma: Mobile/Body 14px/18px regular */
    .gr-main-rounds .text-body {
        font-family: 'Inter', sans-serif;
        font-size: 14px;
        line-height: 18px;
        color: #383B47;
    }
}