.page-footer {
  display: grid;
  grid-template-columns: var(--container);
  justify-content: center;


  padding-block: var(--spacing-section-edge);

  background: var(--color-surface-strong);
  color: var(--color-text-body-on-strong);
}

.page-footer__content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-block-md);
}

.page-footer__partner {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-gap-md);
}

.page-footer__contacts {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-block-s);
}


.page-footer__email,
.page-footer__phone {
  color: var(--color-controls-links-text-on-strong);


  text-decoration: none;
}

.page-footer__email {
  font: var(--type-heading-h3);
}

.page-footer__phone {
  font: var(--type-text-lead);
}

.page-footer__email:hover,
.page-footer__phone:hover {
  color: var(--color-controls-links-text-on-strong-hover);
}

.page-footer__preorder {
  display: flex;
  flex-direction: column;


  gap: var(--spacing-block-s);
}

.page-footer__note {

  font: var(--type-text-lead);
}


.page-footer__codes {
  max-width: 832px;


  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacing-block-xl);


  list-style: none;
}



@media (min-width: 1200px) {
  .page-footer__content {

    grid-template-columns: var(--col-text) minmax(0, 1fr);
    column-gap: var(--spacing-block-xl);
  }
}