@media (display-mode: standalone) {
  .card-shell {
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .digital-card {
    width: 100% !important;
    max-width: 100% !important;
  }
  .hero-module {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
  }
  .hero-content {
    padding-top: calc(60px + env(safe-area-inset-top, 0px)) !important;
  }
  .card-header-utils {
    top: calc(16px + env(safe-area-inset-top, 0px)) !important;
    padding: 0 24px !important;
  }
}