.page-forgot_password .store-main,
.page-reset_password .store-main {
  display: grid;
  width: min(100% - 32px, 1120px);
  min-height: 100vh;
  place-items: center;
  padding-block: 56px;
}

.page-forgot_password .auth-shell,
.page-reset_password .auth-shell {
  padding: 24px;
}

.page-forgot_password .store-footer,
.page-forgot_password .store-header,
.page-forgot_password .store-sale-bar,
.page-reset_password .store-footer,
.page-reset_password .store-header,
.page-reset_password .store-sale-bar {
  display: none;
}

.store-body:is(.page-forgot_password, .page-reset_password) .auth-panel :is(h1, p) {
  text-align: left;
}

.store-body:is(.page-forgot_password, .page-reset_password) .auth-switch a,
.auth-password-label a {
  color: var(--store-gold-dark);
  font-weight: 500;
}

.auth-password-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.auth-password-label a {
  font-size: 14px;
  text-decoration: none;
}

.auth-password-label a:is(:hover, :focus-visible) {
  text-decoration: underline;
}

.auth-recovery-action {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-top: 24px;
}

@media (max-width: 680px) {
  .page-forgot_password .store-main,
  .page-reset_password .store-main {
    display: block;
    min-height: 100vh;
    padding-block: 24px;
  }

  .page-forgot_password .auth-shell,
  .page-reset_password .auth-shell {
    margin: 24px 0 64px;
    padding: 0;
  }

  .page-forgot_password .auth-illustration,
  .page-reset_password .auth-illustration {
    display: none;
  }

  .page-forgot_password .auth-panel,
  .page-reset_password .auth-panel {
    padding: 16px 0;
  }
}