.custom-footer {
  .footer-menus {
    padding: 54px 0 32px;
    
    .container {
      display: flex;
      gap: 20px;
      justify-content: space-between;
      flex-wrap: wrap;
      flex-direction: column;

      @media screen and (min-width: 1000px) {
        flex-direction: row;
      }
    }

    .footer__column {
      display: flex;
      flex-direction: column;

      .list-wrapper {
        display: grid;
        grid-template-rows: 0fr;
        transition-duration: 0.3s;

        @media screen and (min-width: 1000px) {
          grid-template-rows: 1fr;
          padding-top: 16px;
        }
      }

      &:has(details[open]) {
        .list-wrapper {
          grid-template-rows: 1fr;
          padding-top: 16px;
        }

        summary svg :nth-child(1) {
          opacity: 0;
        }
      }

      summary {
        display: flex;
        align-items: center;
        justify-content: space-between;

        svg {
          width: 24px;
          height: 24px;

          @media screen and (min-width: 1000px) {
            display: none;
          }
        }
      }

      .footer__column-item {
        display: flex;
        gap: 8px;
        align-items: center;

        span {
          font-weight: 400;
          font-size: 14px;
          line-height: 140%;
        }

        &:hover {
          span {
            color: var(--brand-color);
          }

          svg {
            path {
              fill: var(--brand-color);
            }
          }
        }
      }

      .footer__column-list {
        list-style: none;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 12.5px;
        overflow: hidden;

        li {
          padding: 0;

          a {
            &:hover {
              span {
                color: var(--brand-color);
              }
            }
          }
        }
      }

      .footer-menus__column-title {
        font-weight: 700;
        font-size: 17px;
        line-height: 163%;
        text-transform: uppercase;
      }
    }
  }

  .copyright {
    padding: 40px 0;

    @media screen and (min-width: 1000px) {
      padding: 20px 0;
    }

    .container {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-direction: column;
      gap: 16px;
      
      @media screen and (min-width: 1000px) {
        flex-direction: row;
      }
    }

    .copyright__text,
    .copyright__description {
      font-weight: 400;
      font-size: 11px;
      line-height: 163%;
      order: 2;
      text-align: center;

      @media screen and (min-width: 1000px) {
        order: unset;
      }

      a {
        text-decoration: underline;
      }
    }
    
    .copyright__text {
      white-space: nowrap;
    }


    .copyright__image {
      order: 1;
      @media screen and (min-width: 1000px) {
        order: unset;
      }

      img {
        min-width: 100%;
        max-width: 182px;

        @media screen and (min-width: 1000px) {
          min-width: 374px;
          max-width: unset;
        }
      }
    } 
  }
}