/* NEXA_MOBILE_HERO_PAGINATION_HOTFIX_2
 * Mobile-only spacing refinement for the homepage hero pagination.
 * Hotfix 1 fixed the oversized accessibility hit-area styling. This follow-up
 * reserves a real footer gutter below the CTA so the pagination no longer
 * sits visually against the button, while retaining 44px tap targets.
 */
@media (max-width: 767px) {
    body.nexa-public-ui-v3 .nexa-admin-sync-slider .nexa-admin-sync-slide {
        /* Base mobile rule used 34px, which left the 44px pagination hit-area
           occupying the same visual zone as the CTA. Reserve a dedicated
           pagination footer instead. */
        padding-bottom: 74px !important;
    }

    body.nexa-public-ui-v3 .nexa-admin-sync-slider .swiper-pagination {
        bottom: 12px !important;
        gap: 6px !important;
    }

    body.nexa-public-ui-v3 .nexa-admin-sync-slider .swiper-pagination-bullet {
        flex-basis: 30px !important;
        width: 30px !important;
        min-width: 30px !important;
    }
}

@media (max-width: 389px) {
    body.nexa-public-ui-v3 .nexa-admin-sync-slider .nexa-admin-sync-slide {
        padding-bottom: 68px !important;
    }

    body.nexa-public-ui-v3 .nexa-admin-sync-slider .swiper-pagination {
        bottom: 10px !important;
        gap: 5px !important;
    }

    body.nexa-public-ui-v3 .nexa-admin-sync-slider .swiper-pagination-bullet {
        flex-basis: 28px !important;
        width: 28px !important;
        min-width: 28px !important;
    }
}