/* 22Media Premium Pro v6.73 — Android/Samsung Urdu viewport root fix
 * Keep the root scroll context LTR on mobile, while the visual application wrapper
 * remains RTL. This prevents RTL negative-X overflow from inflating the layout viewport.
 * Also replace legacy -9999px accessibility hiding with a clipping technique.
 */
@media (max-width:980px){
  html[dir="rtl"]{
    direction:ltr!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  html[dir="rtl"] body.m22-lang-ur{
    direction:ltr!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    overflow-x:hidden!important;
  }
  html[dir="rtl"] body.m22-lang-ur .m22-site-shell{
    direction:rtl!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    position:relative!important;
    left:0!important;
    right:auto!important;
    transform:none!important;
    overflow-x:hidden!important;
  }

  html[dir="rtl"] body.m22-lang-ur .m22-skip-link,
  html[dir="rtl"] body.m22-lang-ur .m22-contact-hp{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    clip-path:inset(50%)!important;
    white-space:nowrap!important;
    border:0!important;
    left:0!important;
    right:auto!important;
    top:0!important;
  }
  html[dir="rtl"] body.m22-lang-ur .m22-skip-link:focus{
    clip:auto!important;
    clip-path:none!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    overflow:visible!important;
    white-space:normal!important;
    left:16px!important;
    right:auto!important;
    top:16px!important;
    padding:10px 14px!important;
    background:#fff!important;
    color:#111827!important;
    z-index:2147483647!important;
  }

  /* Decorative overflow must never be allowed to alter the root layout width. */
  html[dir="rtl"] body.m22-lang-ur .m22-topbar,
  html[dir="rtl"] body.m22-lang-ur .m22-header,
  html[dir="rtl"] body.m22-lang-ur .m22-breaking,
  html[dir="rtl"] body.m22-lang-ur #main-content,
  html[dir="rtl"] body.m22-lang-ur .m22-main,
  html[dir="rtl"] body.m22-lang-ur .m22-home,
  html[dir="rtl"] body.m22-lang-ur .m22-home-v6,
  html[dir="rtl"] body.m22-lang-ur .m22-home-v7,
  html[dir="rtl"] body.m22-lang-ur .m22-footer,
  html[dir="rtl"] body.m22-lang-ur .m22-mobile-dock{
    max-width:100%!important;
    min-width:0!important;
  }

  html[dir="rtl"] body.m22-lang-ur .m22-header-v66 .m22-nav-wrap:not(.is-open),
  html[dir="rtl"] body.m22-lang-ur .m22-search-pro:not(.is-open){
    display:none!important;
    transform:none!important;
  }
  html[dir="rtl"] body.m22-lang-ur .m22-header-v66 .m22-nav-wrap.is-open{
    display:flex!important;
    left:auto!important;
    right:0!important;
    transform:none!important;
  }
  html[dir="rtl"] body.m22-lang-ur .m22-search-pro.is-open{display:flex!important}

  html[dir="rtl"] body.m22-lang-ur .m22-v63-reveal,
  html[dir="rtl"] body.m22-lang-ur .m22-reveal{
    visibility:visible!important;
  }
  html[dir="rtl"] body.m22-lang-ur .m22-v63-reveal:not(.is-visible),
  html[dir="rtl"] body.m22-lang-ur .m22-reveal:not(.is-visible){
    opacity:1!important;
    transform:none!important;
  }
}