/* Keep mobile scrolling independent of decorative background repainting. */
@media screen and (max-width: 1024px) {
  :root {
    --glass-blur: none;
    --glass-bg: linear-gradient(145deg, rgba(255, 255, 255, .94), rgba(255, 255, 255, .84));
    --shadow-card: 0 5px 16px -10px rgba(80, 55, 150, .24);
  }

  body {
    background-attachment: scroll !important;
  }

  body::after,
  #aurora-bg,
  .post::after {
    display: none !important;
  }

  *,
  *::before,
  *::after {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  #aurora-bg,
  #aurora-bg *,
  a.logo-text,
  .fadeinyp {
    -webkit-animation: none !important;
    animation: none !important;
    will-change: auto !important;
  }

  .fadeinyp {
    opacity: 1;
    transform: none;
  }

  .header,
  .widget,
  .post,
  .post-single,
  .comments,
  .place,
  #footer {
    box-shadow: var(--shadow-card);
  }

  .header,
  .mobile-sidebar {
    background: #f7f3ff;
  }

  .header {
    transition: transform .15s ease;
  }

  .header.slideUp {
    top: 12px;
    transform: translate(-50%, -110px);
  }

  .post,
  .post:hover,
  .post-img a img,
  .post:hover .post-img a img,
  .widget:hover {
    transition: none;
  }

  .post:hover,
  .widget:hover {
    transform: none;
  }

  .post:hover {
    box-shadow: var(--shadow-card);
    border-color: var(--glass-border);
  }

  a.logo-text,
  .post-title,
  .post-single .post-content img {
    filter: none;
  }

  .post-img,
  .post-single .post-content img {
    box-shadow: none;
  }

  #percentageCounter {
    box-shadow: none;
    transition: none;
  }
}