.custom-footer {
  --footer-padding-block: 40px;
  --footer-padding-mobile: 16px;
  background-color: var(--bg-color);
  color: var(--color-text-active);

  .container {
    padding: var(--footer-padding-block) var(--footer-padding-mobile);

    @media screen and (min-width: 1000px) {
      padding: var(--footer-padding-block);
    }

    .logo-block {
      display: flex;
      gap: 16px;
      justify-content: space-between;

      @media screen and (min-width: 1000px) {
        flex-direction: column;
        justify-content: flex-start;
        width: 25%;
        gap: 42px;
      }

      img {
        object-fit: contain;
      }

      .social-media {
        gap: 1rem;
      }
    }

    .menu-block {
      flex: 1;

      .menu-block__list {
        display: flex;
        flex-direction: column;
        gap: 0;

        @media screen and (min-width: 1000px) {
          flex-direction: row;
          justify-content: space-between;
          gap: 1rem;
          flex-wrap: wrap;
        }

        .menu-item {
          padding: 12px 0;

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

          summary {
            display: flex;
            align-items: center;
            gap: 8px;
            cursor: pointer;
            justify-content: space-between;

            svg {
              @media screen and (min-width: 1000px) {
                display: none;
              }
            }
          }
          .menu-item__title {
            font-weight: 500;
            font-size: 15px;
            line-height: 110%;
            letter-spacing: 0.07em;
            text-transform: uppercase;
            color: var(--color-text-active);
          }

          .menu-item__sublist{
            display: grid;
            grid-template-rows: 0fr;
            transition-duration: 0.3s;
            ul {
              display: flex;
              flex-direction: column;
              gap: 8px;
              overflow: hidden;
            }

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

            .menu-item__sublist-item {
              font-weight: 400;
              font-size: 15px;
              line-height: 130%;
              color: var(--color-text-active);
            }
          }

          &:has(details[open]) {
            .menu-item__sublist {
              grid-template-rows: 1fr;
              padding-top: 12px;
            }

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

  .footer-container {
    display: flex;
    flex-direction: column;
    gap: 40px;

    @media screen and (min-width: 1000px) {
      flex-direction: row;
      gap: 0;
      justify-content: center; 
    }
  }

  .copyright-block {
    border-top: 1px solid var(--color-border);

    .copyright-block__container {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      padding: 0;

      @media screen and (min-width: 1000px) {
        padding: 16px 40px;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
      }

      .custom-footer__app-badges {
        flex: 1 1 100%;
        width: 100%;
        box-sizing: border-box;
        margin: 0;
        padding: 1.25rem var(--footer-padding-mobile) 1rem;
        align-items: center;
        text-align: center;
        border-bottom: 1px solid var(--color-border);

        .footer__app-badges-heading {
          text-align: center;
          max-width: 28rem;
        }

        .footer__app-badges-links {
          justify-content: center;
          width: 100%;
        }

        .footer__app-badge-img {
          height: 2.75rem;
          width: auto;
          max-width: min(11rem, 42vw);
          object-fit: contain;
        }

        @media screen and (min-width: 1000px) {
          flex: 0 0 auto;
          width: auto;
          max-width: min(22rem, 32vw);
          padding: 0 1rem 0 0;
          border-bottom: none;
          align-items: center;
          text-align: center;

          .footer__app-badges-heading {
            text-align: center;
          }

          .footer__app-badges-links {
            justify-content: center;
          }

          .footer__app-badge-img {
            height: 2.625rem;
            max-width: 10.5rem;
          }
        }
      }
    }

    .copyright-block__text {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      padding: 18px 16px;
      border-bottom: 1px solid var(--color-border);

      @media screen and (min-width: 1000px) {
        flex: 1 1 auto;
        justify-content: center;
        gap: 20px;
        padding: 0 1rem;
        border-bottom: none;
        min-width: 0;
      }
    }

    .copyright-block__name,
    .copyright-block__text-content p {
      font-weight: 400;
      font-size: 15px;
      line-height: 130%;
      color: var(--color-text-active);
    }

    .copyright-block__text-content {
      display: flex;
      align-items: center;
      gap: 8px;

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

    }

    .copyright-block__payments {
      padding: 16px;
      margin: auto;

      @media screen and (min-width: 1000px) {
        flex: 0 0 auto;
        padding: 0 0 0 1rem;
        margin: 0;
      }
    }
  }
  @media screen and (min-width: 1000px) {
    &.custom-footer--b2b {
      .container{
        .menu-block{
          flex: unset; 
        }
      }
    }
  }
}