.woocommerce-account {
  .site-main,
  .content-area {
    margin: 0;
    padding: 0;
  }

  .woocommerce-error {
    margin-block: 0;
  }

  .page {
    width: 100%;
    margin-inline: auto;
    padding-inline: var(--padding-x);
    margin-block: 0;
    background: #f8f7f4;
    padding-block: 56px 80px;
    row-gap: 32px !important;
    /*align-items: flex-start;*/
    display: flex;
    flex-direction: column;

    .entry-header {
      padding: 0;
      margin: 0;

      .entry-title {
        font-family: 'Neutra Text TF';
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%; /* 31.2px */
        letter-spacing: 0.26px;
        text-transform: uppercase;
        text-align: start;

        @media screen and (min-width: 1501px) {
          font-size: 36.4px;
        }
      }
    }

    h2 {
      text-align: start;
      font-family: 'Neutra Text TF';
      font-size: 22px;
      font-style: normal;
      font-weight: 500;
      line-height: 100%; /* 22px */
      letter-spacing: 1px;
      text-transform: initial;

      @media screen and (min-width: 1501px) {
        font-size: 30.8px;
      }
    }
  }

  &:not(.logged-in) {
    .entry-content {
      &:before {
        display: none;
      }

      .woocommerce {
        display: flex;
        flex-direction: column;
        gap: var(--grid-gutter);

        .lost_reset_password,
        .woocommerce-form-login {
          display: flex;
          flex-direction: column;
          gap: var(--grid-gutter);

          .form-row:has(button[type='submit']) {
            display: flex;
            flex-direction: column;
            gap: var(--grid-gutter);
            align-items: flex-start;

            button[type='submit'] {
              opacity: 1 !important;
              position: relative;
              border: none;
              outline: 0;
              background: 0 0;
              cursor: pointer;
              display: inline-flex;
              padding: 0.85714286rem 1.71428571rem;
              justify-content: center;
              align-items: center;
              gap: 0.71428571rem;
              text-decoration: none !important;
              transition:
                background-color 0.3s ease,
                color 0.3s ease,
                border-color 0.3s ease;
              border: 1px solid #000;
              font-size: 1rem;
              font-style: normal;
              font-weight: 500;
              line-height: 120%;
              background-color: #fff !important;
              color: #000 !important;

              @media (hover: hover) {
                &:hover {
                  background-color: #000 !important;
                  color: #fff !important;
                }
              }

              &:focus-visible {
                background-color: #000 !important;
                color: #fff !important;
              }
            }
          }
        }
      }
    }
  }
}