@media (max-width: 760px) {
  .vs-account-shell {
      display: block;
      padding-top: 0;
    }
  
  .vs-account-screen {
      width: 100%;
      min-width: 0;
    }
  
  .vs-members-status {
      display: grid;
      grid-template-columns: 1fr;
      gap: 14px;
      padding: 17px;
      margin-bottom: 14px;
      overflow: hidden;
    }
  
  .vs-members-status h2 {
      font-size: 27px;
      line-height: 1.05;
      max-width: 100%;
      overflow-wrap: anywhere;
    }
  
  .vs-members-status p {
      font-size: 15px;
      line-height: 1.45;
    }
  
  .vs-members-status .vs-account-stats {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      width: 100%;
      gap: 8px;
    }
  
  .vs-members-status .vs-account-stats span {
      min-width: 0;
      min-height: 44px;
      justify-content: center;
      padding: 9px;
      text-align: center;
      white-space: normal;
    }
  
  .vs-product-access-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 10px;
      overflow: visible;
      margin: 0 0 34px;
      padding: 0;
    }
  
  .vs-product-access-card {
      grid-template-columns: 1fr;
      gap: 0;
      align-items: stretch;
      min-height: 0;
      overflow: hidden;
    }
  
  .vs-product-access-media {
      min-height: 0;
      aspect-ratio: 22 / 9;
    }
  
  .vs-product-access-media img {
      min-height: 0;
    }
  
  .vs-product-access-body {
      min-width: 0;
      gap: 7px;
      padding: 12px;
    }
  
  .vs-product-access-card h3 {
      font-size: 20px;
      line-height: 1.08;
    }
  
  .vs-product-access-card p {
      display: -webkit-box;
      font-size: 14px;
      line-height: 1.38;
      overflow: hidden;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
    }
}