/* DOSMOS mobile rendering optimization v29.0.24 */
.portal-summary,
.portal-list-section,
.portal-footer,
.dosmos-pro-footer {
  content-visibility: auto;
  contain-intrinsic-size: auto 720px;
}

@media (max-width: 820px) {
  .portal-topbar,
  .portal-tabs-wrap,
  .dosmos-banner-nav,
  .dosmos-banner-dots,
  .portal-page-loader,
  .ann-popup-overlay,
  .dosmos-announcement-modal,
  .dosmos-announcement-overlay {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  .portal-page-hero::before,
  .portal-detail-hero::before,
  body.effect-particles::before,
  body.effect-particles::after,
  .dosmos-particle,
  .theme-particle {
    animation: none !important;
  }

  .portal-loader-mark,
  .live-chat-dot {
    box-shadow: none !important;
  }

  .card,
  .portal-feature-panel,
  .community-feature-card,
  .portal-gallery-item {
    box-shadow: 0 8px 24px rgba(0,0,0,.22) !important;
  }

  @media (hover: none) {
    .card,
    .btn,
    .portal-gallery-item,
    .community-feature-card {
      transition-property: opacity, border-color, background-color !important;
    }
  }
}

@media (prefers-reduced-data: reduce) {
  .portal-page-hero::before,
  .portal-detail-hero::before,
  .ann-ticker-track,
  .dosmos-particle,
  .theme-particle {
    animation: none !important;
  }
}