/* Mobile menu: keep the RTL panel inside the viewport when the menu is open. */
@media (max-width: 991px) {
    html[dir="rtl"] #hero-menu:not(.ft-menu--js-show) .hero__menu-content {
        transform: translateX(110%) !important;
    }

    html[dir="rtl"] #hero-menu.ft-menu--js-show .hero__menu-content,
    html[dir="ltr"] #hero-menu.ft-menu--js-show .hero__menu-content {
        transform: translateX(0) !important;
    }

    html[dir="ltr"] #hero-menu:not(.ft-menu--js-show) .hero__menu-content {
        transform: translateX(-110%) !important;
    }
}