/* Mobile guest section cards: icon centered, title below, no text preview. */
@media (max-width: 650px) {
  .app-shell .modules .module-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .app-shell .modules .module-card .module-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
  }

  .app-shell .modules .module-card .module-content p,
  .app-shell .modules .module-card .description,
  .app-shell .modules .module-card .module-description,
  .app-shell .modules .module-card [class*="description"] {
    display: none !important;
  }

  .app-shell .modules .module-card .icon-container,
  .app-shell .modules .module-card [class*="icon"] {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .app-shell .modules .module-card h2,
  .app-shell .modules .module-card h3,
  .app-shell .modules .module-card .module-title {
    display: block !important;
    width: 100% !important;
    margin: 12px 0 0 !important;
    padding: 0 !important;
    text-align: center !important;
    align-self: center !important;
  }

  /* Hide arrows/chevrons after the section title on mobile. */
  .app-shell .modules .module-card [class*="arrow"],
  .app-shell .modules .module-card [class*="chevron"],
  .app-shell .modules .module-card .module-arrow,
  .app-shell .modules .module-card .arrow,
  .app-shell .modules .module-card .chevron,
  .app-shell .modules .module-card h2::after,
  .app-shell .modules .module-card h3::after,
  .app-shell .modules .module-card .module-title::after {
    display: none !important;
    content: none !important;
  }
}