@charset "UTF-8";

/*
  Adsrek tablet scroll stability layer.
  Loaded after mobile.css. It affects only touch tablets that still use
  the desktop layout (981-1366 CSS px). Desktop and phone layouts stay intact.
*/
@media (hover: none) and (pointer: coarse) and (min-width: 981px) and (max-width: 1366px) {
  html,
  body,
  body.site-body,
  .page-frame {
    max-width: 100% !important;
    overflow-x: hidden !important;
    overscroll-behavior-x: none;
  }

  /* Fixed multilayer backgrounds are expensive during Android tablet scroll. */
  html,
  body,
  body.site-body {
    background-attachment: scroll !important;
  }

  /* Decorative fixed overlay causes a full-viewport repaint on every swipe. */
  body::before {
    content: none !important;
    display: none !important;
  }

  /* Keep the same colors/frames, but avoid GPU-heavy live blur while scrolling. */
  .main-header,
  .main,
  table.main,
  .main.premium-main,
  table.main.premium-main,
  #leftcolumn .leftside,
  #rightcolumn .rightside,
  #rightcolumn .sidebar-widget,
  #leftcolumn .banners,
  #rightcolumn .banners,
  #contentwrapper > * {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  /* Do not let a single wide child move the whole desktop shell sideways. */
  .layout-stage,
  .main-header,
  .footer,
  .main,
  table.main,
  .main.premium-main,
  table.main.premium-main,
  #contentwrapper {
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  #contentwrapper img,
  #contentwrapper video,
  #contentwrapper iframe {
    max-width: 100%;
  }
}