.footer-wrapper {
  font-family: var(--font-body-family);
  font-size: 18px;
  letter-spacing: 0;

  ul {
    list-style: none;
    padding: 0;
  }

  a {
    text-decoration: none;
  }

  .footer__body {
    padding-bottom: 60px;
    padding-top: 100px;

    .footer__body-wrapper {
      display: flex;
      flex-wrap: wrap;
      gap: 50px;
      justify-content: space-between;

      .footer__info {
        display: flex;
        flex-direction: column;
        gap: 50px;
        max-width: 416px;
        width: 100%;

        .footer-shop_link img {
          width: 100%;
          height: auto;
        }

        .footer__social-link_list {
          display: flex;
          gap: 24px;
        }
      }

      .footer__menus {
        display: flex;
        gap: 20px 40px;

        .footer__menu-title {
          color: var(--text-color);
          font-weight: 700;
          line-height: 2;
        }

        .footer__menu-list {
          display: flex;
          flex-direction: column;
          gap: 0.75em;
          margin-top: .75em;

          a {
            color: var(--text-color);
          }
        }
      }
    }
  }

  .footer__devider {
    a {
      display: inline-block;
    }

    img {
      display: block;
    }

    &.full_width-image img {
      height: auto;
      width: 100%;
    }
  }

  .footer_bottom {
    background-color: var(--background);
    color: var(--text-color);
    font-size: 14px;
    margin-top: -5px;
    padding-bottom: 44px;
    padding-top: 5px;

    .footer_bottom-wrapper {
      align-items: end;
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      justify-content: space-between;

      .footer_bottom-left {
        max-width: 866px;
        width: 100%;

        .footer__copyright-list {
          display: flex;
          flex-wrap: wrap;
          font-size: 14px;
          gap: 12px;

          .footer__copyright-item {
            line-height: 2;

            a {
              color: inherit;
              line-height: 1;
            }
          }
        }
      }

      .footer_bottom-right {
        max-width: 356px;
        width: 100%;
      }
    }
  }
}

@media screen and (width <=1024px) {
  .footer-shop_link img {
    max-width: 253px;
  }

  .footer-wrapper {
    .footer_bottom {
      .footer_bottom-wrapper {

        .footer_bottom-left,
        .footer_bottom-right {
          max-width: 100%;
        }
      }
    }
  }
}

@media screen and (width <=991px) {
  .footer-wrapper {
    .footer__body {
      padding-top: 48px;

      .footer__body-wrapper {
        .footer__info {
          max-width: 260px;
        }
      }
    }
  }
}

@media screen and (width < 768px) {
  .footer-wrapper {
    .footer__body {
      padding-bottom: 150px;

      .footer__menus {
        flex-direction: column;
      }
    }
  }
}