.bottom {
  max-width: var(--max);
  margin: var(--2) auto 0;
  padding: var(--1) var(--2);
  position: relative;
  &::before {
    content: '';
    display: block;
    position: absolute;
    inset: 0 var(--2) auto;
    border-top: 1px solid;
    @media (max-width: 999px) {
      inset: 0 var(--1) auto;
    }
  }
  @media (max-width: 999px) {
    padding: var(--1);
  }
}

.bottom__top {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: var(--2);
  padding-top: var(--3);
  &::after {
    content: '';
    display: block;
    border-bottom: 1px solid;
    grid-column: span 2;
  }
}

.bottom__top-right {
  margin: auto 0 auto auto;
}

@media (min-width: 800px) {
  .bottom__middle {
    display: grid;
    gap: 25px;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1380px) {
  .bottom__middle {
    display: flex;
    justify-content: space-between;
  }
}

.bottom__block {
  &::before {
    content: '';
    display: block;
    margin-bottom: 1em;
  }
  &:empty {
    display: none;
  }
  margin-top: auto;
}

.bottom__block--top {
  margin-top: 0;
}

@media (max-width: 799px) {
  .bottom__block--bottom {
    align-self: end;
    text-align: end;
  }
}

.bottom__logo {
  width: 100%;
  max-width: 240px;
}