.footer :is(.title3, .title4, .title5, .title6 .title7) {
  margin-block-end: 12px;
}

.footer__subscription>form:not(:first-child) {
  margin-block-start: 24px;
}

.footer__subscription .field {
  margin-block-end: 0;
}

.footer__subscription .field__inner {
  --color-text: var(--color-button-background);
  --color-background: var(--color-button-text);
  --input-border-opacity: 1;
}

.footer__subscription .field__input {
  background-color: rgb(var(--color-background));
}

.footer__subscription .field__input::placeholder {
  opacity: 1;
}

.footer__subscription .field__suffix {
  height: var(--input-height);
  padding: 0;
}

@media (min-width: 960px) {
  .footer__subscription .field__input {
    width: 250px;
  }

  .footer__subscription .field__inner {
    display: inline-flex;
  }

  .footer__subscription>form:not(:first-child) {
    margin-block-start: 32px;
  }
}

.footer__navigation {
  position: relative;
}

.footer__navigation-title .icon {
  display: none;
}

@media (min-width: 960px) {
  .footer__navigation-title + .footer__navigation-content {
    margin-block-start: 24px;
  }
}

@media (max-width: 959px) {
  .footer .footer__navigation-title {
    margin-block-end: 0;
  }

  .footer__navigation-title {
    padding-block: 16px;
  }

  .footer__navigation-title .icon {
    display: none;
  }

  .footer__navigation-title .icon-plus {
    display: inline;
  }

  .footer__navigation-title + .footer__navigation-content {
    height: 0;
    opacity: 0;
    overflow: hidden;
  }

  .footer__navigation-list {
    padding-block: 20px;
  }

  .footer__navigation-title + .footer__navigation-content .footer__navigation-list {
    padding-block-start: 0;
  }

  .footer__navigation[open] .footer__navigation-title .icon {
    display: none;
  }

  .footer__navigation[open] .footer__navigation-title .icon-minus {
    display: inline;
  }

  .footer__navigation[open] .footer__navigation-content {
    height: auto;
    opacity: 1;
  }

  .footer__navigation::after {
    content: '';
    position: absolute;
    inset-block-end: 0;
    inset-inline-start: 0;
    width: 100%;
    border-block-end: 1px solid rgb(var(--color-border));
  }
}

.footer__navigation-item a {
  font-size: inherit;
  font-weight: inherit;
}