@media (max-width: 1040px) {
  .vs-members-top,
  .vs-account-shell,
  .vs-members-footer,
  .vs-product-access-grid,
  .vs-product-access-card,
  .vs-members-status {
    grid-template-columns: 1fr;
  }

  .vs-members-top-actions {
    align-content: start;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation.vs-account-nav {
    position: static;
    overflow-x: auto;
  }

  .vs-product-nav-list {
    display: flex;
    min-width: max-content;
  }

  .vs-product-nav-list a {
    width: 210px;
  }

  .vs-account-nav-tools {
    display: flex;
    min-width: max-content;
  }
}

@media (max-width: 620px) {
  .vs-members-app {
    padding-top: 16px;
  }

  .vs-members-top,
  .vs-account-shell,
  .vs-members-footer {
    width: min(100% - 22px, 1180px);
  }

  .vs-members-top-copy {
    min-height: 300px;
    background:
      linear-gradient(180deg, rgba(255, 253, 247, .98), rgba(255, 253, 247, .74) 58%, rgba(255, 253, 247, .28)),
      url("../sayuri-members-hero-wide.webp");
    background-size: cover;
    background-position: center top;
  }

  .vs-members-top-copy h1 {
    font-size: 36px;
  }

  .vs-product-access-media,
  .vs-product-access-media img {
    min-height: 290px;
  }

  .vs-product-access-action .vs-button,
  .vs-members-top-actions .vs-button {
    width: 100%;
    text-align: center;
  }

  .vs-members-footer nav {
    justify-content: flex-start;
  }
}