@charset "UTF-8";
.brand-top-list {
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--color-ori-font-light-gray);
  overflow: hidden;
}
@media (max-width: 991px) {
  .brand-top-list {
    display: none;
  }
}

.btl-container {
  --btl-height: 28px;
  height: var(--btl-height);
  line-height: calc(var(--btl-height) + 2px);
  max-width: 1480px;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0;
  justify-content: space-between;
  overflow: hidden;
  font-size: 14px;
}
@media (max-width: 1495px) {
  .btl-container {
    padding: 0 15px;
  }
}
.btl-container .btl-share:has(+ nav) {
  position: relative;
  margin-right: 17px;
}
.btl-container .btl-share:has(+ nav):after {
  position: absolute;
  left: 25px;
  top: -1px;
  color: var(--color-ori-font);
  content: "•";
}
.btl-container .btl-share a {
  width: 19px;
  height: 24px;
  display: inline-block;
  fill: var(--color-ori-font);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path d="M104.002 42h-48a14.016 14.016 0 0 0-14 14v48a14.016 14.016 0 0 0 14 14h48a14.016 14.016 0 0 0 14-14V56a14.016 14.016 0 0 0-14-14m2 62a2.003 2.003 0 0 1-2 2h-48a2.003 2.003 0 0 1-2-2V56a2.003 2.003 0 0 1 2-2h48a2.003 2.003 0 0 1 2 2Zm-2 34h-48a14.016 14.016 0 0 0-14 14v48a14.016 14.016 0 0 0 14 14h48a14.016 14.016 0 0 0 14-14v-48a14.016 14.016 0 0 0-14-14m2 62a2.003 2.003 0 0 1-2 2h-48a2.003 2.003 0 0 1-2-2v-48a2.003 2.003 0 0 1 2-2h48a2.003 2.003 0 0 1 2 2Zm94-158h-48a14.016 14.016 0 0 0-14 14v48a14.016 14.016 0 0 0 14 14h48a14.016 14.016 0 0 0 14-14V56a14.016 14.016 0 0 0-14-14m2 62a2.003 2.003 0 0 1-2 2h-48a2.003 2.003 0 0 1-2-2V56a2.003 2.003 0 0 1 2-2h48a2.003 2.003 0 0 1 2 2Zm-64 72v-32a6 6 0 0 1 12 0v32a6 6 0 0 1-12 0m76-16a6 6 0 0 1-6 6h-26v42a6 6 0 0 1-6 6h-32a6 6 0 1 1 0-12h26v-58a6 6 0 0 1 12 0v10h26a6 6 0 0 1 6 6m0 32v16a6 6 0 0 1-12 0v-16a6 6 0 0 1 12 0"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.btl-container .btl-breadcrumb {
  flex-grow: 1;
}
.btl-container .btl-breadcrumb ol {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  row-gap: 15px;
  margin: 0;
}
.btl-container .btl-breadcrumb ol li + li:not(.home)::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%2386359c' fill-rule='evenodd' d='M79.093 0L48.907 30.187 146.72 128l-97.813 97.813L79.093 256l128-128z'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center 10px;
  width: 8px;
  margin: 0 6px;
}
.btl-container .btl-breadcrumb ol li {
  display: inline-flex;
}
.btl-container .btl-breadcrumb ol li a {
  color: var(--color-ori-font);
  text-decoration: none;
}
.btl-container .btl-breadcrumb ol li.home a {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%2386359c' fill-rule='evenodd' d='M3 19a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-6a1 1 0 0 0-2 0v5H5v-5a1 1 0 0 0-2 0v6zM10.707.793a1 1 0 0 0-1.414 0l-8.5 8.5a1 1 0 0 0 1.414 1.414L10 2.9l7.794 7.807a1 1 0 0 0 1.414-1.414l-8.5-8.5z'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
  width: 14px;
  height: 21px;
  display: inline-block;
}
.btl-container .btl-breadcrumb ol li.home a span {
  display: none;
}
.btl-container .btl-breadcrumb ol li:last-child {
  display: none;
}
.btl-container .btl-brand {
  display: flex;
  flex-wrap: nowrap;
  gap: 2px;
  margin: 0 0 0 10px;
}
.btl-container .btl-brand a {
  min-width: var(--btl-height);
  text-align: center;
  border-radius: var(--border-radius);
  white-space: nowrap;
  transition: all 0.12s ease-out;
}
.btl-container .btl-brand a:first-child {
  padding: 0 8px;
}
.btl-container .btl-brand a:hover {
  background: var(--color-ori-background-hover);
}

/*

// Пока пробуем, но межет имеет смысл вынести в компоненту
header {
  .brand-top-list {
    margin: 0;
    padding: 0;
    border-top: 1px solid var(--color-ori-font-light-gray);
    // height: auto;
    // background-color: #0a9ac9;
    // transition: transform 200ms ease 0s;
    overflow: hidden;
    @media (max-width: $visibleWidthMiddleSmall) {
      display: none;
    }

    .btl-container {
      align-items: center !important;
      max-width: $visibleWidthNormal; // var(--max-content-main);
      margin: 0 auto;
      padding: 0; // 25px;
      //display: grid;
      //gap: 10px;
      //grid-template-columns: min-content 1fr min-content min-content;
      !*@media (max-width: 450px) {
        padding: 15px 0;
      }*!
      @media (max-width: $visibleWidthNormal + 15px) {
        padding: 0 15px;
      }
    }

    //html.scroll & {
    //display: none;
    //height: 0;
    //transform: translateY(0px);
    //}
  }
}

.brand-top {
  height: 28px;
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr min-content;

  div:last-child {
    white-space: nowrap;

    a {
      line-height: 28px;
      white-space: nowrap;
      min-width: 28px;
      text-align: center;
      display: inline-block;

      &:not(&:first-child):hover {
        background-color: var(--color-ori-background);
      }
    }
  }
}

nav.breadcrumb {
  margin: 0;

  // Спрячем хлебные крошки на маленьких экранах
  @media screen and (max-width: $visibleWidthSmall - 1px) {
    display: none !important;
  }

  // при выводе 404-й ошибки, прячем хлебные крошки
  html.tm-404 & {
    display: none !important;
  }

  ul {
    font-size: 14px;
    color: var(--color-ori-font);
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 0;
    background: none;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    line-height: 28px;

    li + li {
      padding-left: 8px; // .5rem;
    }

    li + li:not(.home)::before {
      //color: var(--color-ori-font);
      //float: left;
      //padding-right: .5rem;
      // content: "\\";
      content: '';
      // background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%2386359c' fill-rule='evenodd' d='M3 19a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-6a1 1 0 0 0-2 0v5H5v-5a1 1 0 0 0-2 0v6zM10.707.793a1 1 0 0 0-1.414 0l-8.5 8.5a1 1 0 0 0 1.414 1.414L10 2.9l7.794 7.807a1 1 0 0 0 1.414-1.414l-8.5-8.5z'/%3E%3C/svg%3E%0A");
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%2386359c' fill-rule='evenodd' d='M79.093 0L48.907 30.187 146.72 128l-97.813 97.813L79.093 256l128-128z'/%3E%3C/svg%3E%0A");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center 10px;
      width: 8px;
      height: 20px;
      display: inline-block;
      margin-right: 6px;
    }

    li {
      color: var(--color-ori-font);
      white-space: nowrap;

      a {
        color: var(--color-ori-font);
        text-decoration: none;
      }

      &.home a {
        margin-left: 0;
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%2386359c' fill-rule='evenodd' d='M3 19a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-6a1 1 0 0 0-2 0v5H5v-5a1 1 0 0 0-2 0v6zM10.707.793a1 1 0 0 0-1.414 0l-8.5 8.5a1 1 0 0 0 1.414 1.414L10 2.9l7.794 7.807a1 1 0 0 0 1.414-1.414l-8.5-8.5z'/%3E%3C/svg%3E%0A");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center bottom;
        width: 14px;
        height: 20px;
        display: inline-block;

        span {
          display: none;
        }
      }
    }

    li:last-child {
      text-overflow: ellipsis;
      overflow: hidden;
    }
  }
}*/