/* Start:/local/templates/zerapy/components/bitrix/sale.personal.section/profile/style.css?17799509294669*/
.profile {

  & .profile__container {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 40px;
  }

  & .profile__sidebar {
    position: relative;

    display: flex;
    padding: 90px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: 260px;
    background: #F9FAFA;

    &::after {
      content: "";

      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      z-index: -1;

      display: block;
      height: 100%;
      width: 50vw;
      background: #F9FAFA;
    }
  }

  & .profile__sidebar-item {
    display: inline-flex;
    align-items: center;
    padding: 0 0 8px;
    margin: 0;
    border: none;
    background: none;
    cursor: pointer;

    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    text-decoration: none;
    text-align: left;
    color: #5A5B6C;
  }

  & .profile__sidebar-item--active {
    border-bottom: 2px solid #5A5B6C;
    padding-bottom: 10px;
    font-weight: 500;
  }

  & .profile__sidebar-logout {
    display: contents;
  }

  & .profile__main {
    padding: 90px 0;
    min-width: 0;

    flex-grow: 1;
  }

  & .profile-dashboard {
    display: flex;
    flex-direction: column;
    gap: 80px;
  }

  & .profile-dashboard__top {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
    gap: 40px;
  }

  & .profile-dashboard__info {
    display: flex;
    max-width: 420px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
  }

  & .profile-dashboard__greeting {
    margin: 0;
    color: #5A5B6C;
  }

  & .profile-dashboard__address {
    display: flex;
    flex-direction: column;
    gap: 7px;
  }

  & .profile-dashboard__address-label {
    margin: 0;
    color: rgba(21, 21, 21, 0.45);
  }

  & .profile-dashboard__address-empty {
    color: rgba(90, 91, 108, 0.65);
  }

  & .profile-dashboard__edit {
    width: 100%;
    max-width: 320px;
    justify-content: center;
  }

  & .profile-bonus-card {
    display: flex;
    flex: 1 1 320px;
    max-width: 460px;
    align-items: stretch;
    justify-content: center;
    padding: 30px;
    border-radius: 8px;
    background-image: linear-gradient(105.71deg, #5a5b6c 20.4%, #bc7ba4 100%);
    color: #fff;
  }

  & .profile-bonus-card__inner {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
    gap: 24px;
  }

  & .profile-bonus-card__head {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  & .profile-bonus-card__label {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.45);
  }

  & .profile-bonus-card__balance {
    margin: 0;
    color: #fff;
  }

  & .profile-bonus-card__foot {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 4px;
  }

  & .profile-bonus-card__email {
    margin: 0;
    color: #fff;
  }

  & .profile-bonus-card__discount {
    margin: 0;
    font-weight: 500;
    color: #fff;
  }

  & .profile-orders__title {
    margin: 0 0 40px;
    color: #5A5B6C;
  }

  & .profile-orders__table {
    display: flex;
    width: 100%;
    flex-direction: column;
  }

  & .profile-orders__row {
    display: grid;
    grid-template-columns: 184px minmax(120px, 1fr) 184px 184px;
    gap: 16px;
    align-items: center;
    padding: 16px 0;
    border-bottom: 1px solid #e6e7ed;
    color: #5A5B6C;
  }

  & .profile-orders__row--head {
    padding: 8px 0;
    color: #969696;
  }

  & .profile-orders__row--empty {
    display: block;
    padding: 16px;
    text-align: center;
  }

  & .profile-orders__cell--sum,
  & .profile-orders__cell--bonus {
    text-align: right;
  }

  & .profile-orders__row--head .profile-orders__cell--sum,
  & .profile-orders__row--head .profile-orders__cell--bonus {
    text-align: right;
  }

  & .profile--auth-guest {
    & .profile__main--auth-guest {
      min-height: 280px;
    }
  }

  @media (max-width: 900px) {
    & .profile__container {
      flex-direction: column;
    }

    & .profile__sidebar {
      flex-basis: auto;
      padding: 32px 20px 24px;
    }

    & .profile__sidebar::after {
      display: none;
    }

    & .profile-orders__row:not(.profile-orders__row--head) {
      grid-template-columns: 1fr;
      gap: 8px;
    }

    & .profile-orders__row--head {
      display: none;
    }

    & .profile-orders__cell--sum,
    & .profile-orders__cell--bonus {
      text-align: left;
    }

    & .profile-bonus-card {
      max-width: none;
    }
  }
}
/* End */
/* /local/templates/zerapy/components/bitrix/sale.personal.section/profile/style.css?17799509294669 */