.simple-page {
   &__body {
      padding-top: 82px;
      margin-bottom: 30px;

      // min-width: 576px
      @include _SLMobile {
      }

      // min-width: 768px
      @include _Tablet {
         padding-top: 95px;
         margin-bottom: 40px;
      }

      // min-width: 992px
      @include _Laptop {
      }

      // min-width: 1024px
      @include _XSDesktop {
      }

      // min-width: 1200px
      @include _Desktop {
      }

      // min-width: 1400px
      @include _LDesktop {
         padding-top: 122px;
         margin-bottom: 40px;
      }

      // min-width: 1600px
      @include _HDesktop {
      }
   }

   &__wrapper {
      position: relative;
   }

   &__logo {
      position: absolute;
      right: 0;
      top: 0;

      --logo-width: 100px;

      width: var(--logo-width);
      height: var(--logo-width);

      img {
         width: 100%;
      }

      // min-width: 576px
      @include _SLMobile {
      }

      // min-width: 768px
      @include _Tablet {
         --logo-width: 124px;
      }

      // min-width: 992px
      @include _Laptop {
      }

      // min-width: 1024px
      @include _XSDesktop {
      }

      // min-width: 1200px
      @include _Desktop {
         --logo-width: 135px;
      }

      // min-width: 1400px
      @include _LDesktop {
         --logo-width: 200px;
      }

      // min-width: 1600px
      @include _HDesktop {
      }
   }

   &__bredcrumbs {
      margin-bottom: 56px;

      // min-width: 576px
      @include _SLMobile {
      }

      // min-width: 768px
      @include _Tablet {
         margin-bottom: 70px;
      }

      // min-width: 992px
      @include _Laptop {
      }

      // min-width: 1024px
      @include _XSDesktop {
      }

      // min-width: 1200px
      @include _Desktop {
      }

      // min-width: 1400px
      @include _LDesktop {
         margin-bottom: 100px;
      }

      // min-width: 1600px
      @include _HDesktop {
      }
   }

   &__title {
      margin-bottom: 16px;

      @include _Tablet {
         margin-bottom: 24px;
      }
   }
}

.grey-bg {
   background-color: cl("black");
}

.bredcrumbs {
   &__body {
   }

   &__list {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      align-items: center;
   }

   &__item {
      &:last-child {
         opacity: 0.6;
      }
   }
}
