body.woocommerce-account .vs-brand,
body.woocommerce-account .vs-nav a {
  color: #fbf5eb;
}

body.woocommerce-account .vs-nav a:hover {
  background: rgba(251, 245, 235, .1);
}

body.woocommerce-account .vs-brand small {
  color: rgba(251, 245, 235, .68);
}

body.woocommerce-account .vs-header-cta,
body.woocommerce-account .vs-nav a:last-child {
  background: #e3c99d;
  color: #17201b;
}

.vs-members-app {
  min-height: calc(100vh - var(--vs-header-h));
  background:
    radial-gradient(circle at 9% 2%, rgba(201, 150, 79, .18), transparent 34rem),
    radial-gradient(circle at 94% 4%, rgba(82, 125, 112, .2), transparent 30rem),
    #111814;
  padding: 0;
}

.vs-members-top {
  grid-template-columns: minmax(0, 1.28fr) minmax(300px, .58fr);
  gap: clamp(14px, 2vw, 24px);
  align-items: stretch;
  margin: 0;
  padding-top: clamp(18px, 3vw, 34px);
  padding-bottom: 18px;
}

.vs-members-top-copy,
.vs-members-top-actions {
  border: 1px solid rgba(251, 245, 235, .14);
  box-shadow: none;
  background: rgba(251, 245, 235, .07);
  color: #fbf5eb;
}

.vs-members-top-copy {
  min-height: 260px;
  background:
    linear-gradient(90deg, rgba(17, 24, 20, .94), rgba(17, 24, 20, .76) 50%, rgba(17, 24, 20, .24)),
    url("../sayuri-members-hero-wide.webp");
  background-size: cover;
  background-position: center;
}

.vs-members-top-copy h1,
.vs-members-status h2,
.vs-product-access-card h3,
.vs-members-footer strong {
  color: #fbf5eb;
}

.vs-members-top-copy p,
.vs-members-status p,
.vs-product-access-card p,
.vs-members-footer p {
  color: rgba(251, 245, 235, .74);
}

.vs-members-top-actions .vs-install-help {
  background: rgba(227, 201, 157, .12);
  border-color: rgba(227, 201, 157, .32);
  color: rgba(251, 245, 235, .84) !important;
}

.vs-members-top-actions h2 {
  margin: 0;
  color: #fbf5eb;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(28px, 3vw, 38px);
  line-height: 1.05;
}

.vs-members-top-actions p {
  margin: 0;
  color: rgba(251, 245, 235, .74);
  line-height: 1.48;
}

.vs-members-action-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}