/* Start:/local/templates/zaychonok/components/bitrix/breadcrumb/main/style.css?17901764663051*/
/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/group-css-media-queries-loader/lib/index.js!./node_modules/sass-loader/dist/cjs.js!./components/bitrix/breadcrumb/main/src-cmp/assets/breadcrumbs.sass ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
.breadcrumbs {
  margin: 195px 0 30px;
}
.breadcrumbs .breadcrumb {
  font-size: 14px;
  line-height: 19px;
}
.breadcrumbs .container {
  margin-bottom: 0 !important;
}
.breadcrumbs .container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.breadcrumbs__previos {
  display: flex;
  align-items: center;
  gap: 8px;
}
.breadcrumbs__previos .arrow {
  display: none;
}
.breadcrumbs__previos .arrow svg {
  width: 16px;
  height: 16px;
}
.breadcrumbs__previos .breadcrumbs__link, .breadcrumbs__previos .arrow {
  opacity: 0.5;
  transition: opacity 0.5s ease-in-out;
}
.breadcrumbs__previos .breadcrumbs__link:hover, .breadcrumbs__previos .arrow:hover {
  opacity: 1;
}
.breadcrumbs__separator {
  width: 14px;
  height: 1px;
  background: rgba(27, 13, 35, 0.5);
}
.breadcrumbs__link {
  text-decoration: none;
}

@media (min-width: 1025px) {
  .breadcrumbs.cart-page {
    margin-top: 144px;
  }
}

@media (max-width: 1366px) {
  .breadcrumbs .breadcrumb {
    font-size: 1.0248901903vw;
    line-height: 1.3909224012vw;
  }
}

@media (max-width: 768px) {
  .breadcrumbs__previos .arrow svg {
    width: 4.2666666667vw;
    height: 4.2666666667vw;
  }
  .breadcrumbs {
    margin: 10.6666666667vw 0 4.2666666667vw;
  }
  .breadcrumbs p {
    font-weight: 500 !important;
    font-size: 3.7333333333vw !important;
    line-height: 5.0666666667vw !important;
  }
  .breadcrumbs__previos {
    display: none;
  }
  .breadcrumbs__previos:nth-last-child(-n+2) {
    display: grid;
    grid-template-columns: 4.2666666667vw 1fr;
    flex-direction: row;
    grid-gap: 2px;
    gap: 2px;
  }
  .breadcrumbs__previos:nth-last-child(-n+2):hover .arrow {
    opacity: 1;
  }
  .breadcrumbs__previos:nth-last-child(-n+2) .arrow {
    height: 4.2666666667vw;
    opacity: 0.5;
  }
  .breadcrumbs__previos:nth-last-child(-n+2) .arrow svg {
    fill: #1b0d23;
  }
  .breadcrumbs__previos:nth-last-child(-n+2) .arrow {
    display: block;
  }
  .breadcrumbs__previos:nth-last-child(-n+2) .breadcrumbs__link {
    display: block;
  }
  .breadcrumbs__previos:nth-last-child(-n+2) .breadcrumbs__separator {
    display: none;
  }
  .breadcrumbs__link {
    display: none;
  }
}

/* End */
/* /local/templates/zaychonok/components/bitrix/breadcrumb/main/style.css?17901764663051 */