/* AR Country Guide page (id 2972) — grid fallback.
 *
 * The AR country guide page's post_content has its `.country-list` nested
 * inside `.country_guide_v2`, but during DOM parsing the cgv wrapper closes
 * early (likely from the raw Webflow markup interacting badly with WP block
 * rendering). Result: the existing `.country_guide_v2 .country-list { display:
 * grid }` rule never matches in the parsed DOM, and the 90 country cards
 * stack at full body width.
 *
 * This rule re-applies the grid layout scoped to the AR country guide body
 * class only — same breakpoints as the original `.country_guide_v2`-scoped rules.
 * Created 2026-05-16.
 */
body.rtl.page-id-2972 .country-list {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 386px));
    gap: 24px;
    /* Parent has horizontal overflow on AR which propagates into 1fr cells
     * (one column ended up 832px wide). Constrain to the live design width. */
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
}
@media screen and (max-width: 1199px) {
    body.rtl.page-id-2972 .country-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        max-width: 100%;
        padding-left: 16px;
        padding-right: 16px;
    }
}
@media screen and (max-width: 991px) {
    body.rtl.page-id-2972 .country-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media screen and (max-width: 767px) {
    body.rtl.page-id-2972 .country-list {
        grid-template-columns: 1fr;
    }
}