@media (max-width: 760px) {
  .vs-product-access-action .vs-button,
    .vs-members-top-actions .vs-button {
      width: 100%;
      text-align: center;
    }
  
  .vs-footer .vs-container,
    .vs-members-footer {
      grid-template-columns: 1fr;
    }
  
  .vs-footer nav,
    .vs-members-footer nav {
      justify-content: flex-start;
    }
  
  .vs-footer {
      padding-bottom: calc(82px + env(safe-area-inset-bottom));
    }
  
  .vs-pwa-modal {
      align-items: end;
      padding: 12px;
      padding-bottom: calc(72px + env(safe-area-inset-bottom));
    }
  
  .vs-pwa-modal-card {
      border-radius: 12px;
      padding: 20px;
    }
  
  .vs-pwa-modal-card h2 {
      margin-right: 36px;
    }
  
  .vs-pwa-actions {
      grid-template-columns: 1fr;
    }
}