.main-nav {
  background: #f8f8f8;
  height: 70px;

  &__section,
  &__button {
    display: none;
  }

  .ssc {
    &-nav {
      @include make-container;
      @include make-container-max-widths;
      display: flex;
      gap: 5px;
      padding: 3px 15px;
    }

    &-line {
      height: 63px;
      border-radius: 10px;

      &:first-child {
        flex: 0 0 34px;
      }

      &:last-child {
        flex: 0 0 50px;
      }
    }
  }

  &__section + .ssc-nav {
    display: none;
  }
}

@include media-breakpoint-down(md) {
  .main-nav {
    .ssc-nav {
      display: none;
    }
  }
}
