.bbd-footer__newsletter {
  grid-column-end: span 12;
  margin-block-end: var(--margin-5xl);

  @media screen and (min-width: 750px) {
    grid-column-end: span 5;
  }
}

.bbd-footer__blocks {
  grid-column-end: span 12;

  @media screen and (min-width: 750px) {
    display: flex;
    justify-content: space-between;
    gap: var(--gap-md);
    grid-column-end: span 7;
  }

  /* Menu */
  .menu a {
    transition: opacity var(--animation-speed-slow) ease-in-out;
  }

  .menu:has(a:hover) a:not(:hover) {
    opacity: 0.5;
  }

  .menu__heading__toggle,
  .menu__heading__toggle > svg {
    height: var(--icon-size-lg);
    width: var(--icon-size-lg);
  }

  .menu__heading__toggle.icon-plus,
  .menu__heading__toggle.icon-plus > svg {
    height: var(--icon-size-xs);
    width: var(--icon-size-xs);
  }

  .menu__heading {
    padding-block-start: 0;
  }

  @media screen and (max-width: 749px) {
    .menu__heading {
      padding-block: var(--padding-lg);
    }

    .menu--dividers {
      .menu__details {
        position: relative;
        border: none;

        &::before,
        &::after {
          content: '';
          position: absolute;
          inset: 0;
          background: rgba(var(--color-foreground-rgb) / 30%);

          /* stylelint-disable-next-line function-url-scheme-allowed-list */
          mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDE2IDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDAuNUMxLjc0NjQ4IDAuNSAyLjI1MzUyIDEuNSA0IDEuNUM1Ljc0NjQ4IDEuNSA2LjI1MzUyIDAuNSA4IDAuNUM5Ljc0NjQ4IDAuNSAxMC4yNTM1IDEuNSAxMiAxLjVDMTMuNzQ2NSAxLjUgMTQuMjUzNSAwLjUgMTYgMC41IiBzdHJva2U9ImJsYWNrIi8+Cjwvc3ZnPgo=');
          mask-position: left bottom;
          mask-repeat: repeat-x;
          mask-size: 16px 2px;
          pointer-events: none;
        }

        &::before {
          display: none;
        }
      }

      &:first-child {
        .menu__details {
          &::before {
            display: block;
            mask-position: left top;
          }
        }
      }

      .details-content {
        margin-block-start: var(--margin-2xs);
        padding-block-end: var(--padding-4xl);
      }
    }

    .menu--plus {
      .icon-minus {
        display: none;
      }

      .menu__details[open] {
        .icon-minus {
          display: flex;
        }

        .icon-plus {
          display: none;
        }
      }
    }
  }

  @media screen and (min-width: 749px) {
    .menu {
      width: auto;
    }
  }
}