/* 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 */


/* Start:/local/templates/zaychonok/components/bitrix/news/catalog/bitrix/news.detail/.default/style.css?179017646644944*/
/*!************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/news/catalog/bitrix/news.detail/.default/src-cmp/product-page.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes loading {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
.container {
  margin-bottom: 100px !important;
}

.content__detail {
  margin-top: 20px !important;
}

.containers {
  grid-template-columns: 530px 1fr !important;
  grid-gap: 70px !important;
  gap: 70px !important;
}

.containers {
  display: grid;
}
.containers .fixing-block {
  display: block;
  position: relative;
}

.products__catalog .catalog {
  width: 100% !important;
}

.products__catalog .catalog {
  display: flex;
  gap: 0.5208333333vw;
}
.products__catalog .catalog .catalog__item {
  box-shadow: none;
  box-shadow: initial;
}
.pictures__main img {
  height: 500px;
  width: 530px;
  display: block;
}

.about-product__pictures {
  height: -moz-fit-content;
  height: fit-content;
}
.about-product__pictures.fixed {
  position: fixed;
  top: 185px;
  width: 530px;
}
.about-product__pictures.bottom {
  position: absolute;
  bottom: 0;
}
.about-product__pictures .pictures__nav .nav {
  height: 90px !important;
  width: 90px !important;
}
.about-product__pictures .pictures__nav .nav img {
  height: 100%;
}

.rating svg {
  width: 16px;
  height: 16px;
}

h2 {
  text-transform: inherit !important;
}

h2 {
  font-weight: 700;
  font-size: 40px;
  line-height: 36px;
  color: #4eadaa;
}

.fillable-block {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  display: grid;
  grid-gap: 20px;
  gap: 20px;
}
.fillable-block p {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}
.fillable-block ul {
  list-style: disc;
  margin-left: 20px;
}
.fillable-block ul li::marker {
  color: #4eadaa;
}
.fillable-block.active-block {
  display: grid;
  grid-gap: 0;
  gap: 0;
  margin-bottom: 60px;
  height: -moz-fit-content;
  height: fit-content;
}
.fillable-block.active-block.second {
  gap: 0;
}
.fillable-block.active-block .active-block-item {
  display: flex;
  align-items: center;
  gap: 15px;
}
.fillable-block.active-block .active-block-item > div {
  display: flex;
  align-items: center;
}
.fillable-block.active-block .active-block-item img {
  width: 70px !important;
  height: 70px !important;
}
.fillable-block.rec-block {
  display: flex;
  gap: 100px;
  justify-content: center;
  text-align: center;
  margin-bottom: 60px;
}
.fillable-block.rec-block .rec-block-item {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  max-width: 232px;
}
.fillable-block.rec-block .rec-block-item img {
  width: 100% !important;
  height: auto !important;
}
.fillable-block.rec-block .rec-block-item img {
  max-width: 250px;
  margin: auto;
}
.fillable-block.rec-block .rec-block-item span {
  font-size: 16px;
  line-height: 24px;
}
.fillable-block.when-block {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-template-columns: repeat(var(--when-cols, 5), minmax(0, 1fr));
  grid-gap: 20px;
  gap: 20px;
  margin-bottom: 60px;
  width: 100%;
}
.fillable-block.when-block .when-block-item {
  background: rgba(210, 210, 210, 0.2);
  border-radius: 12px;
  height: 172px;
  display: block;
  position: relative;
}
.fillable-block.when-block .when-block-item .center-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.fillable-block.when-block .when-block-item .center-content span {
  white-space: nowrap;
}
.fillable-block.when-block .when-block-item img {
  width: 70px !important;
  height: 70px !important;
}
.fillable-block.when-block .when-block-item img {
  margin-bottom: 15px;
}

.active-block-columns {
  display: grid;
  grid-template-columns: 562px 1fr;
  margin-left: -15px;
  grid-gap: 65px;
  gap: 65px;
}
.active-block-columns--single {
  grid-template-columns: 1fr;
  margin-left: 0;
}

.mobile-hidden {
  display: flex;
  gap: 1.3333333333vw;
}
.mobile-hidden .arrow {
  display: none;
}

.all-review-text {
  font-size: 16px !important;
  line-height: 24px !important;
}

.all-review-text {
  display: block;
  width: 100%;
  text-align: center;
  color: #3ea4a1;
  font-weight: 500;
  position: relative;
  text-decoration: none;
}
.all-review-text::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 4px;
  width: 100%;
  height: 1px;
  background-color: #3ea4a1;
}

.h4-color {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.875vw;
  color: #4eadaa;
  margin: 1.0416666667vw 0;
  margin-bottom: 0.5208333333vw;
  display: block;
}
.h4-color.other-type {
  margin: 20px 0;
}

.product-reviews h2 {
  font-weight: 700 !important;
}

.product-reviews h2 {
  font-size: 30px;
  line-height: 30px;
}

.h1-copy.product-name {
  font-weight: 700;
  font-size: 40px;
  line-height: 40px;
  color: #4eadaa;
}

.product-name.mobile {
  display: none;
}

.average-rating {
  margin-top: 10px;
}
.average-rating .value {
  font-weight: 500 !important;
  font-size: 30px !important;
  line-height: 30px !important;
}

.section-margin.product-cards.products__catalog {
  margin: 100px 0;
}
.container h2 {
  font-weight: 700;
}
.container .arrow-right {
  right: 0;
}

.complex-name {
  margin-top: 10px !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 17px !important;
}

.complex-name {
  color: rgba(48, 48, 48, 0.55);
}

.two-markets {
  display: flex;
  gap: 0.3645833333vw;
}

.markets-grid {
  margin: 30px 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
  gap: 10px;
  width: -moz-fit-content;
  width: fit-content;
}
.markets-grid.is-empty {
  margin: 15px;
}

.item-market {
  width: 233px;
  height: 44px;
  display: flex;
  padding: 8px 15px;
  align-items: center;
  cursor: pointer;
  background: rgba(210, 210, 210, 0.2);
  border-radius: 2.6041666667vw;
}
.item-market .item-logo {
  width: auto;
  height: 22px;
}
.item-market .item-info {
  display: flex;
  align-items: center;
  margin-left: auto;
  padding: 6px 15px;
  gap: 0vw;
  width: 85px;
  height: 28px;
  background: #4eadaa;
  border-radius: 1.5625vw;
  letter-spacing: 0em;
  text-align: right;
  position: relative;
}
.item-market .item-info span {
  margin-right: 5px;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  white-space: nowrap;
  color: white;
}
.item-market .item-info .item-cart {
  position: absolute;
  right: 0.78125vw;
}
.item-market .item-info .item-cart img,
.item-market .item-info .item-cart svg {
  width: 0.8333333333vw;
  height: 0.8333333333vw;
}
.item-market .item-info .item-cart .cart-active {
  display: none;
}
.relinks {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.1em;
  margin-top: 23px;
  margin-bottom: 5px;
  color: #4eadaa;
}
.relinks-block {
  display: grid;
  margin-top: 10px;
}
.relinks-link {
  margin-top: 10px;
  margin-right: 5px;
  color: #a1a1a1;
  font-size: 0.85rem;
  border-bottom: 1px solid #a1a1a1;
}

.marks-emodji {
  display: block;
  font-size: 0.85rem;
  line-height: 120%;
}
.marks-emodji-block {
  padding-top: 30px;
}
.marks-emodji-container {
  display: grid;
  grid-gap: 7px;
  gap: 7px;
}

.catalog-item__body .rating {
  position: relative !important;
}

.price-info {
  position: relative !important;
  bottom: 5px !important;
}

.price-info {
  height: 25px;
}
.price-info.complex-disable {
  display: none !important;
}

.catalog-item__btns {
  position: relative !important;
}

.tooltip-prod-page::after {
  left: 0 !important;
  transform: translateX(-70%) !important;
  border-radius: 4px !important;
  background: #fff !important;
  background: var(--Main-White, #fff) !important;
  white-space: break-spaces !important;
}

.mobile-bottom-block {
  display: none;
}

.price-main {
  display: inline-flex;
  white-space: nowrap;
  margin-top: 25px;
}
.price-main.disable {
  opacity: 0;
}
.price-main .price-text {
  color: #1b0d23;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
.price-main .price-text .price-text-price {
  display: none;
  white-space: pre;
}
.price-main .price-text .price-text-price.active {
  display: inline-flex;
}
.price-main .price-text .price-text-from {
  font-weight: 500;
  line-height: 120%;
  display: none;
}
.price-main .price-text .price-text-from.active {
  display: inline-flex;
}
.price-main .price-text .main-price-skeleton {
  width: 110px;
  height: 22px;
  background: linear-gradient(90deg, #f1f1f1 25%, #fafafa 50%, #f1f1f1 75%);
  background-size: 200% 100%;
  animation: loading 2s infinite ease-in-out;
  border-radius: 6px;
}
.price-main .price-text .main-price-skeleton.non-active {
  width: auto;
  background: none;
}
.price-main p {
  display: inline-flex;
  color: #1b0d23;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
.price-main svg {
  width: 15px;
  height: 15px;
  margin: 4px 6px;
}
.price-main svg.purple {
  fill: #572473;
}
.price-main svg.dark-purple {
  fill: #8c3264;
}
.price-main svg.peach {
  fill: #d87669;
}
.price-main svg.bordo {
  fill: #c9556e;
}
.price-main svg.pink {
  fill: #fe9bb1;
}

.about-product__content .h4 {
  margin-bottom: 0 !important;
}

.btn-buy-separator {
  padding: 15px 31px 14px !important;
}

.btn-buy-separator {
  white-space: nowrap;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 30px;
}
.btn-buy-separator .button-hidden-content {
  transition: opacity 0.05s ease-in-out;
  margin-left: 157px;
}
.btn-buy-separator .button-hidden-content .button-hidden-content-text {
  position: absolute;
  padding: 15px 31px 14px;
  left: 0;
  top: 0;
  margin-left: -158px;
  margin-top: -1px;
  color: white;
  border-radius: 4px;
}
.btn-buy-separator .button-hidden-content .button-hidden-content-text.purple {
  background: #7b32a3;
}
.btn-buy-separator .button-hidden-content .button-hidden-content-text.dark-purple {
  background: #c1448a;
}
.btn-buy-separator .button-hidden-content .button-hidden-content-text.peach {
  background: #f39487;
}
.btn-buy-separator .button-hidden-content .button-hidden-content-text.bordo {
  background: #d4526f;
}
.btn-buy-separator .button-hidden-content .button-hidden-content-text.pink {
  background: #ffb6c6;
}
.btn-buy-separator .separate {
  display: none;
  opacity: 0.4;
  width: 2px;
  height: 13px;
  background-color: #fff;
  margin-right: 20px;
  margin-left: 20px;
}
.btn-buy-separator span {
  display: none;
}
.btn-buy-separator span p {
  color: white;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  text-transform: uppercase;
}
.btn-buy-separator .add-to-cart-text {
  display: inline-flex;
  color: white;
}

.btn-buy-separator[\:has\(.button-hidden-content.active\)] {
  background: none !important;
}

.btn-buy-separator[\:has\(.button-hidden-content.active\)] {
  transition: none;
}

.btn-buy-separator:has(.button-hidden-content.active) {
  background: none !important;
}

.btn-buy-separator:has(.button-hidden-content.active) {
  transition: none;
}
.btn-buy-separator[\:has\(.button-hidden-content.active\)]::before {
  background: none !important;
}
.btn-buy-separator[\:has\(.button-hidden-content.active\)]::before {
  transition: none;
}
.btn-buy-separator:has(.button-hidden-content.active)::before {
  background: none !important;
}
.btn-buy-separator:has(.button-hidden-content.active)::before {
  transition: none;
}

.new-prod {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  margin-left: 5px;
  padding: 4px 10px 5px;
  gap: 10px;
  width: -moz-fit-content;
  width: fit-content;
  min-height: 23px;
  background: #e1496b;
  border-radius: 100px;
  font-family: "Rubik", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  color: #ffffff;
}
.new-prod.mobile {
  display: none;
}

.product-card {
  position: relative;
}
.product-card .new-prod-label {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 10px 5px;
  gap: 10px;
  position: absolute;
  top: 8px;
  right: 8px;
  width: -moz-fit-content;
  width: fit-content;
  min-height: 23px;
  background: #e1496b;
  border-radius: 100px;
}
.product-card .new-prod-label span {
  font-family: "Rubik", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #ffffff;
}
.product-card .product-card-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.product-card .product-card-inner .product-buy-button {
  display: block;
  margin-bottom: 0;
}
@media (min-width: 769px) {
  .products__catalog .catalog .product-card {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 240px;
    height: 343px;
    padding: 30px 0 22.5px;
    gap: 15px;
  }
  .products__catalog .catalog .product-card-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    flex: 1;
    gap: 15px;
  }
  .products__catalog .catalog .product-info-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18.75px;
    width: 100%;
  }
  .products__catalog .catalog .product-info-image {
    width: 107px;
    height: 160px;
    flex-shrink: 0;
  }
  .products__catalog .catalog .product-info-image img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .products__catalog .catalog .product-info-content {
    gap: 18.75px;
  }
  .products__catalog .catalog .product-info-content-text {
    gap: 2.25px;
  }
  .products__catalog .catalog .product-info-title {
    font-weight: 400;
    line-height: 16px;
  }
  .products__catalog .catalog .product-info-title span {
    font-weight: 400;
  }
  .products__catalog .catalog .product-info-type {
    font-weight: 400;
    opacity: 1;
  }
  .products__catalog .catalog .product-info-type span {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
  }
  .products__catalog .catalog .product-info-reviews {
    gap: 12px;
    bottom: 74px;
  }
  .products__catalog .catalog .product-review-count {
    gap: 3px;
  }
  .products__catalog .catalog .product-review-count svg {
    width: 12px;
    height: 12px;
  }
  .products__catalog .catalog .product-review-count span {
    font-weight: 400;
  }
  .products__catalog .catalog .product-buy-button {
    box-sizing: border-box;
    height: 35px;
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .products__catalog .catalog .product-buy-button span {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
  }
  .products__catalog .catalog.owl-carousel .arrow {
    display: none;
  }
  .container .arrow.owl {
    display: none;
  }
}
@media (min-width: 1025px) {
  .btn-buy-separator {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 16.8px */
    text-transform: uppercase;
  }
}
@media (min-width: 1281px) {
  .catalog-item__body .rating {
    position: absolute !important;
  }
}
@media (max-width: 1366px) {
  .container {
    margin-bottom: 7.3206442167vw;
  }
  .content__detail {
    margin-top: 1.4641288433vw !important;
  }
  .containers {
    grid-template-columns: 38.7994143485vw 1fr !important;
    gap: 5.1244509517vw !important;
  }
  .pictures__main img {
    height: 38.7994143485vw;
    width: 38.7994143485vw;
  }
  .about-product__pictures.fixed {
    width: 38.7994143485vw;
  }
  .about-product__pictures .pictures__nav .nav {
    height: 6.588579795vw !important;
    width: 6.588579795vw !important;
  }
  .rating svg {
    width: 1.1713030747vw;
    height: 1.1713030747vw;
  }
  .fillable-block {
    font-size: 1.1713030747vw;
    line-height: 1.756954612vw;
    gap: 1.4641288433vw;
  }
  .fillable-block p {
    font-size: 1.1713030747vw;
    line-height: 1.756954612vw;
  }
  .fillable-block ul {
    margin-left: 1.4641288433vw;
  }
  .fillable-block.active-block {
    gap: 0;
    margin-bottom: 4.39238653vw;
  }
  .fillable-block.active-block .active-block-item img {
    width: 5.1244509517vw !important;
    height: 5.1244509517vw !important;
  }
  .fillable-block.rec-block {
    gap: 7.3206442167vw;
    margin-bottom: 4.39238653vw;
  }
  .fillable-block.rec-block .rec-block-item {
    gap: 0.7320644217vw;
    max-width: 16.9838945827vw;
  }
  .fillable-block.rec-block .rec-block-item img {
    max-width: 18.3016105417vw;
  }
  .fillable-block.when-block {
    gap: 1.4641288433vw;
    margin-bottom: 4.39238653vw;
  }
  .fillable-block.when-block .when-block-item {
    border-radius: 0.878477306vw;
    height: 12.5915080527vw;
  }
  .fillable-block.when-block .when-block-item img {
    width: 5.1244509517vw !important;
    height: 5.1244509517vw !important;
    margin-bottom: 1.0980966325vw !important;
  }
  .active-block-columns {
    grid-template-columns: 41.1420204978vw 1fr;
    margin-left: -1.0980966325vw;
    gap: 4.7584187408vw;
  }
  .active-block-columns--single {
    grid-template-columns: 1fr;
    margin-left: 0;
  }
  .all-review-text {
    font-size: 1.1713030747vw !important;
    line-height: 1.756954612vw !important;
  }
  .h4-color.other-type {
    margin: 1.4641288433vw 0;
  }
  .h4-color {
    font-size: 1.4641288433vw;
    line-height: 2.635431918vw;
    margin: 1.4641288433vw 0;
    margin-bottom: 0.7320644217vw;
  }
  .h4-color.other-type {
    margin: 1.4641288433vw 0;
  }
  .product-reviews h2 {
    font-size: 2.196193265vw;
    line-height: 2.196193265vw;
  }
  .h1-copy.product-name {
    font-size: 2.9282576867vw;
    line-height: 2.9282576867vw;
  }
  .average-rating {
    margin-top: 0.7320644217vw;
  }
  .average-rating .value {
    font-size: 2.196193265vw !important;
    line-height: 2.196193265vw !important;
  }
  .section-margin.product-cards.products__catalog {
    margin: 7.3206442167vw 0;
  }
  .complex-name {
    margin-top: 0.7320644217vw !important;
    font-size: 1.0248901903vw !important;
    line-height: 1.2445095168vw !important;
  }
  .two-markets {
    gap: 0.5124450952vw;
  }
  .item-market {
    width: 17.0571010249vw;
    height: 3.2210834553vw;
    padding: 0.5856515373vw 1.0980966325vw;
    border-radius: 3.6603221083vw;
  }
  .item-market .item-logo {
    height: 1.6105417277vw;
  }
  .item-market .item-info {
    padding: 0.439238653vw 1.0980966325vw;
    gap: 0vw;
    width: 6.2225475842vw;
    height: 2.0497803807vw;
    border-radius: 2.196193265vw;
  }
  .item-market .item-info span {
    margin-right: 0.3660322108vw;
    font-size: 0.878477306vw;
  }
  .item-market .item-info .item-cart img,
  .item-market .item-info .item-cart svg {
    width: 1.1713030747vw;
    height: 1.1713030747vw;
  }
}
@media (max-width: 1366px) and (max-width: 768px) {
  .content__detail {
    margin-top: 0 !important;
  }
  .containers {
    grid-template-columns: initial !important;
    gap: 5.3333333333vw !important;
  }
  .pictures__main {
    display: inline !important;
    display: initial !important;
  }
  .pictures__main img {
    margin-top: 10.6666666667vw;
    width: 100%;
    aspect-ratio: 530/500;
    height: auto;
  }
  .about-product__pictures .pictures__nav .nav {
    height: 16.2666666667vw !important;
    width: 16.2666666667vw !important;
  }
  .rating svg {
    width: 4.2666666667vw;
    height: 4.2666666667vw;
  }
  .fillable-block {
    font-size: 4.2666666667vw;
    line-height: 6.4vw;
    gap: 5.3333333333vw;
  }
  .fillable-block p {
    font-size: 4.2666666667vw;
    line-height: 6.4vw;
  }
  .fillable-block.active-block {
    gap: 0;
    margin-bottom: 10.6666666667vw;
  }
  .fillable-block.active-block.first {
    margin-bottom: 0;
  }
  .fillable-block.active-block.second {
    gap: 0;
  }
  .fillable-block.active-block .active-block-item {
    gap: 4vw;
  }
  .fillable-block.active-block .active-block-item img {
    width: 13.3333333333vw !important;
    height: 13.3333333333vw !important;
  }
  .fillable-block.rec-block .rec-block-item {
    max-width: 59.2vw !important;
  }
  .fillable-block.rec-block .rec-block-item img {
    max-width: 56vw;
  }
  .fillable-block.when-block .when-block-item {
    height: 44.5333333333vw;
  }
  .active-block-columns {
    margin-left: -2.6666666667vw;
    grid-template-columns: initial;
    gap: 4vw;
  }
  .all-review-text {
    font-size: 4.2666666667vw !important;
    line-height: 6.4vw !important;
  }
  .all-review-text {
    width: -moz-fit-content;
    width: fit-content;
  }
  .h4-color {
    font-size: 5.3333333333vw;
    line-height: 6.4vw;
    margin: 5.3333333333vw 0;
  }
  .h4-color.other-type {
    margin: 5.3333333333vw 0;
  }
  .h4-color.other-type.hideable {
    margin: 2.6666666667vw 0;
  }
  .product-reviews h2 {
    font-size: 8vw;
    line-height: 8vw;
  }
  .h1-copy.product-name {
    font-size: 8vw;
    line-height: 8vw;
  }
  .average-rating .value {
    margin: 0 !important;
    font-size: 5.3333333333vw !important;
    line-height: 5.3333333333vw !important;
  }
  .average-rating .value {
    text-align: center;
    align-items: center;
    align-content: center;
  }
  .section-margin.product-cards.products__catalog {
    margin: 10.6666666667vw 0;
  }
  .item-market .item-info {
    width: 26.6666666667vw;
    height: 8.5333333333vw;
    border-radius: 8vw;
    padding: 2.1333333333vw 5.3333333333vw;
  }
}
@media (max-width: 768px) {
  .content-detail__section.section.section--descr.descr {
    margin-top: -5.3333333333vw !important;
  }
  section {
    width: 100vw !important;
  }
  .products__catalog .catalog {
    position: relative;
    display: block;
    max-width: calc(100vw - 32px);
  }
  .products__catalog .catalog .owl-item {
    height: 115.7333333333vw;
  }
  .products__catalog .catalog .owl-item .product-card {
    border-radius: 5.3333333333vw !important;
  }
  .products__catalog .catalog .owl-item .product-card {
    height: 100%;
    padding: 9.3333333333vw 0 8vw;
    width: 76%;
    margin-left: 12%;
  }
  .products__catalog .catalog .owl-item .product-card .product-buy-button {
    width: 50.9333333333vw !important;
    margin-bottom: 0 !important;
  }
  .products__catalog .catalog .owl-item .product-card .product-buy-button {
    margin: auto;
  }
  .products__catalog .catalog .product-info-block {
    gap: 6.6666666667vw !important;
  }
  .products__catalog .catalog .product-info-image {
    width: auto;
    height: 45.3333333333vw;
  }
  .products__catalog .catalog .product-info-image img {
    display: block;
    width: auto;
    height: 100%;
    max-width: 100%;
    margin: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .products__catalog .catalog .product-info-content {
    gap: 3.2vw !important;
  }
  .products__catalog .catalog .product-info-content-text {
    gap: 1.3333333333vw !important;
  }
  .products__catalog .catalog .product-info-title {
    font-size: 6.4vw !important;
    line-height: 6.4vw !important;
  }
  .products__catalog .catalog .product-info-type {
    font-size: 4.2666666667vw !important;
    line-height: 5.0666666667vw !important;
  }
  .products__catalog .catalog .product-info-reviews {
    bottom: 26.6666666667vw !important;
    gap: 3.2vw !important;
  }
  .products__catalog .catalog .product-review-count {
    gap: 1.0666666667vw !important;
  }
  .products__catalog .catalog .product-review-count svg {
    width: 3.4666666667vw !important;
    height: 3.4666666667vw !important;
  }
  .products__catalog .catalog .product-review-count span {
    font-size: 3.2vw !important;
    line-height: 3.7333333333vw !important;
  }
  .products__catalog .catalog .product-buy-button {
    padding: 3.7333333333vw 10.6666666667vw !important;
    border-radius: 8vw !important;
    margin-top: 4vw !important;
  }
  .products__catalog .catalog .product-buy-button span {
    font-size: 3.7333333333vw !important;
    line-height: 4.5333333333vw !important;
  }
  .products__catalog .catalog .arrow.owl,
  .products__catalog .catalog .arrow-left,
  .products__catalog .catalog .arrow-right {
    display: block;
    z-index: 5;
  }
  .products__catalog .catalog .arrow-left {
    position: absolute;
    left: 0;
  }
  .products__catalog .catalog .arrow-right {
    position: absolute;
    right: 0;
  }
  .products__catalog .catalog .owl-dots {
    bottom: -4vw;
  }
  .about-product__pictures {
    margin-bottom: 0 !important;
  }
  .fillable-block.rec-block {
    display: grid;
    grid-gap: 2.6666666667vw;
    gap: 2.6666666667vw;
    margin-bottom: 10.6666666667vw;
  }
  .fillable-block.when-block {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2.6666666667vw;
    margin-bottom: 10.6666666667vw;
  }
  .fillable-block.when-block .when-block-item img {
    width: 18.6666666667vw !important;
    height: 18.6666666667vw !important;
    margin-bottom: 4vw !important;
  }
  .mobile-hidden .h4-color {
    margin: 2.6666666667vw 0;
  }
  .mobile-hidden .mob-arrow {
    height: -moz-fit-content;
    height: fit-content;
    display: block;
    margin: auto 0;
    width: 5.6vw;
  }
  .mobile-hidden .mob-arrow svg {
    margin-top: 0.8vw;
  }
  .mobile-hidden .arrow {
    display: block;
    position: relative;
    top: 0;
    transform: none;
    transform: initial;
  }
  .mobile-hidden .arrow.active {
    rotate: 180deg;
  }
  .mobile-hidden-block {
    display: none !important;
  }
  .mobile-hidden-block.active {
    display: block !important;
  }
  .mobile-hidden-block.active.other {
    display: grid !important;
  }
  .all-review-text::before {
    bottom: 0;
  }
  .product-name.mobile {
    display: block !important;
  }
  .product-name.mobile {
    margin-bottom: -5.3333333333vw;
    font-size: 8vw;
    line-height: 8vw;
  }
  .product-name.mobile.average-rating__count.small {
    margin-left: 2.6666666667vw !important;
  }
  .product-name.desktop {
    display: none;
  }
  .average-rating {
    margin-top: 2.6666666667vw;
    text-align: center;
    align-items: center;
    align-content: center;
  }
  .average-rating .average-rating__value {
    margin-top: 0.5333333333vw !important;
  }
  .add-review-send {
    margin-top: 4vw !important;
  }
  .section-margin.product-cards.products__catalog h2 {
    font-size: 8vw !important;
    line-height: 8vw !important;
    margin-top: 13.3333333333vw !important;
    margin-bottom: 8vw !important;
  }
  .container {
    position: relative;
  }
  .container .catalog {
    height: -moz-fit-content;
    height: fit-content;
    padding-bottom: 15px;
  }
  .container .catalog .owl-item {
    height: 115.7333333333vw;
  }
  .container .catalog .product-card {
    width: 66.9333333333vw;
    margin: auto;
    height: 100%;
  }
  .container .catalog .product-card .product-buy-button {
    margin-bottom: 0 !important;
  }
  .container .catalog .product-card .product-info-block {
    margin-bottom: 4vw;
  }
  .container .catalog .product-card .product-info-block img {
    height: 47.4666666667vw;
    width: 47.4666666667vw;
    margin: auto;
  }
  .container .catalog .product-card .product-info-block .intro-bold {
    font-size: 4.8vw;
  }
  .container .catalog .product-card .product-buy-button {
    width: 50.9333333333vw !important;
  }
  .container .catalog .product-card .product-buy-button {
    margin: auto;
  }
  .complex-name {
    margin-top: 2.6666666667vw !important;
    font-size: 4.2666666667vw !important;
    line-height: 5.0666666667vw !important;
  }
  .two-markets {
    display: block;
    padding: 0 20px;
  }
  .two-markets .item-market {
    width: 100%;
    height: 50px;
  }
  .markets-grid {
    gap: 2.6666666667vw !important;
  }
  .markets-grid {
    grid-template-columns: initial;
    width: 100%;
  }
  .item-market {
    padding: 2.6666666667vw 4vw !important;
  }
  .item-market {
    width: 100%;
    height: 13.8666666667vw;
    border-radius: 13.3333333333vw;
  }
  .item-market .item-logo {
    height: 6.6666666667vw;
  }
  .item-market .item-info span {
    font-size: 4.2666666667vw;
  }
  .item-market .item-info .item-cart {
    right: 4vw;
  }
  .item-market .item-info .item-cart img,
  .item-market .item-info .item-cart svg {
    width: 4.2666666667vw;
    height: 4.2666666667vw;
  }
  .new-prod.mobile {
    display: inline;
    margin-left: 0;
    margin-top: 7px;
  }
}
@media (max-width: 1280px) {
  .catalog-item__body .rating {
    bottom: 10px !important;
  }
  .price-info {
    bottom: 16px !important;
  }
}
@media (max-width: 1024px) {
  .mobile-bottom-block {
    display: block;
    position: fixed;
    bottom: 0;
    height: 110px;
    width: 100vw;
    background: #fff;
    left: 0;
    z-index: 2;
  }
  .mobile-bottom-block.smaller {
    height: 70px;
  }
  .price-main {
    bottom: 70px;
    position: fixed;
    width: 100%;
    justify-content: center;
    z-index: 3;
  }
  .btn-buy-separator {
    display: block !important;
    max-width: 99vw !important;
    width: calc(100vw - 32px) !important;
    position: fixed !important;
    z-index: 2 !important;
  }
  .btn-buy-separator {
    margin: 0 3vw;
    bottom: 10px;
    margin: 0 auto;
  }
  .btn-buy-separator .button-hidden-content-text {
    margin-left: calc(-50vw + 11px) !important;
  }
  .btn-buy-separator .button-hidden-content-text {
    width: calc(50vw - 20px);
  }
  .btn-buy-separator .separate,
  .btn-buy-separator span {
    display: inline-block;
  }
  .btn-buy-separator .button-hidden-content {
    margin-left: calc(50vw - 12px);
    width: calc(50vw - 20px);
  }
}
@media (min-width: 769px) and (max-width: 1366px) {
  .products__catalog .catalog .product-card {
    width: 17.5695461201vw;
    height: 25.1098096633vw;
    padding: 2.196193265vw 0 1.6471449488vw;
    gap: 1.0980966325vw;
  }
  .products__catalog .catalog .product-card-inner {
    gap: 1.0980966325vw;
  }
  .products__catalog .catalog .product-info-block {
    gap: 1.3726207906vw;
  }
  .products__catalog .catalog .product-info-image {
    width: 7.8330893119vw;
    height: 11.7130307467vw;
  }
  .products__catalog .catalog .product-info-content {
    gap: 1.3726207906vw;
  }
  .products__catalog .catalog .product-info-content-text {
    gap: 0.1647144949vw;
  }
  .products__catalog .catalog .product-info-title {
    font-size: 1.1713030747vw;
    line-height: 1.1713030747vw;
  }
  .products__catalog .catalog .product-info-reviews {
    gap: 0.878477306vw;
    bottom: 5.4172767204vw;
  }
  .products__catalog .catalog .product-review-count {
    gap: 0.2196193265vw;
  }
  .products__catalog .catalog .product-review-count svg {
    width: 0.878477306vw;
    height: 0.878477306vw;
  }
  .products__catalog .catalog .product-review-count span {
    font-size: 0.878477306vw;
    line-height: 1.0248901903vw;
  }
  .products__catalog .catalog .product-buy-button {
    height: 2.5622254758vw;
    padding: 0.5856515373vw 2.196193265vw;
  }
  .products__catalog .catalog .product-buy-button span {
    font-size: 1.0248901903vw;
    line-height: 1.2445095168vw;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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!./assets/sass/mixins/_mixins.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************/

/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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!./assets/sass/components/product.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
.product-card {
  text-align: center;
  padding: 30px;
  padding-bottom: 22.5px;
  gap: 15px;
  width: 299px;
  height: 440px;
  background: rgba(210, 210, 210, 0.2);
  border-radius: 15px;
}
.product-card a {
  text-decoration: none;
}
.product-card .product-buy-button.imunno {
  background: #ED6C25;
}
.product-card.catalog-page {
  height: auto;
}
.product-card.catalog-page .product-info-reviews {
  position: relative !important;
  bottom: auto !important;
  bottom: initial !important;
  left: auto !important;
  left: initial !important;
  transform: none !important;
  transform: initial !important;
}
.product-info-block {
  cursor: pointer;
  display: grid;
  grid-gap: 18.75px;
  gap: 18.75px;
}
.product-info-reviews {
  display: flex;
  gap: 12px;
  justify-content: center;
  position: absolute;
  bottom: 70px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
.product-info-image {
  display: block;
  width: auto;
  height: 160px;
  max-width: 100%;
  margin: auto;
}
.product-info-image img {
  display: block;
  width: auto;
  height: 100%;
  max-width: 100%;
  margin: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.product-info-content {
  display: grid;
  grid-gap: 15px;
  gap: 15px;
}
.product-info-content-text {
  display: grid;
  grid-gap: 2.25px;
  gap: 2.25px;
}
.product-info-title {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
}
.product-info-type {
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: rgba(48, 48, 48, 0.55);
  opacity: 0.55;
}
.product-review-count {
  display: flex;
  align-items: center;
  gap: 3px;
}
.product-review-count svg {
  width: 15px;
  height: 15px;
}
.product-review-count span {
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  opacity: 0.55;
}
.product-buy-button {
  text-align: center;
  padding: 8px 30px;
  width: 140px;
  background: #A87BC9;
  border-radius: 22.5px;
  margin: auto;
  margin-top: 15px;
  cursor: pointer;
  display: block;
}
.product-buy-button span {
  color: white;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
}
@media (max-width: 1366px) {
  .product-card {
    border-radius: 1.0980966325vw;
    padding: 2.196193265vw;
    padding-bottom: 1.6471449488vw;
    gap: 1.0980966325vw;
    width: 21.8887262079vw;
  }
  .product-info-block {
    gap: 1.3726207906vw;
  }
  .product-info-reviews {
    gap: 0.878477306vw;
  }
  .product-info-image {
    width: auto;
    height: 11.7130307467vw;
  }
  .product-info-content {
    gap: 1.0980966325vw;
  }
  .product-info-content-text {
    gap: 0.1647144949vw;
  }
  .product-info-title {
    font-size: 1.1713030747vw;
    line-height: 1.3909224012vw;
  }
  .product-info-type {
    font-size: 0.878477306vw;
    line-height: 1.0248901903vw;
  }
  .product-review-count {
    gap: 0.2196193265vw;
  }
  .product-review-count span {
    font-size: 0.878477306vw;
    line-height: 1.0248901903vw;
  }
  .product-buy-button {
    padding: 0.5856515373vw 2.196193265vw;
    width: 10.2489019034vw;
    border-radius: 1.6471449488vw;
    margin-top: 1.0980966325vw;
  }
  .product-buy-button span {
    font-size: 1.0248901903vw;
    line-height: 1.2445095168vw;
  }
}
@media (max-width: 1366px) and (max-width: 768px) {
  .product-card {
    border-radius: 5.3333333333vw !important;
  }
  .product-card {
    padding: 9.3333333333vw 0 8vw;
    width: 100%;
  }
  .product-info-block {
    gap: 6.6666666667vw !important;
  }
  .product-info-reviews {
    gap: 3.2vw !important;
    bottom: 22.6666666667vw !important;
  }
  .product-info-image {
    width: auto;
    height: 81.8666666667vw;
  }
  .product-info-content {
    gap: 3.2vw !important;
  }
  .product-info-content-text {
    gap: 1.3333333333vw !important;
  }
  .product-info-title {
    font-size: 6.4vw !important;
    line-height: 6.4vw !important;
  }
  .product-info-type {
    font-size: 4.2666666667vw !important;
    line-height: 5.0666666667vw !important;
  }
  .product-review-count {
    gap: 1.0666666667vw !important;
  }
  .product-review-count span {
    font-size: 3.7333333333vw !important;
    line-height: 4.5333333333vw !important;
  }
  .product-buy-button {
    padding: 3.7333333333vw 10.6666666667vw;
    width: 76.2666666667vw;
    border-radius: 8vw;
    margin-top: 4vw;
  }
  .product-buy-button span {
    font-size: 3.7333333333vw !important;
    line-height: 4.5333333333vw !important;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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!./assets/sass/components/owl-dots.sass ***!
  \************************************************************************************************************************************************************************************************************************************************************/
.owl-dots {
  position: absolute;
  bottom: -0.2666666667vw;
  left: 50%;
  transform: translate(-50%);
  display: flex;
  gap: 5px;
  max-width: 100%;
  z-index: 5;
}
.owl-dots .owl-dot {
  background: #D0B9EC !important;
}
.owl-dots .owl-dot {
  width: 6px;
  height: 6px;
  border-radius: 6px;
  opacity: 0.5;
  transition: width 0.5s ease-in-out;
}
.owl-dots .owl-dot.active {
  background: #A87BC9 !important;
}
.owl-dots .owl-dot.active {
  opacity: 1;
}
@media (max-width: 768px) {
  .owl-dots .owl-dot {
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    border-radius: 2.1333333333vw;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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!./assets/sass/components/arrow.sass ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
.arrow {
  width: 9.6vw;
  height: 9.6vw;
  transform-origin: center center;
  cursor: pointer;
  transition: transform 0.5s ease-in-out;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.arrow.breadcrumb-arrow {
  position: relative;
  transform: none;
  transform: initial;
  width: auto;
  top: auto;
  top: initial;
}
.arrow.top-arrow {
  position: static;
  position: initial;
  transform: none;
  transform: initial;
  width: auto;
}
.arrow svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.arrow-left {
  transform: translateY(-50%) rotate(180deg);
}
.arrow-bottom {
  position: static;
  position: initial;
  top: auto;
  top: initial;
  transform: rotate(90deg);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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!./assets/sass/pages/products/catalog/catalog.sass ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
span[data-tooltip] {
  position: relative;
  cursor: pointer;
  overflow: visible;
}
span[data-tooltip]:hover::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 12px 0 12px;
  border-color: #fff transparent transparent transparent;
  bottom: 20px;
  left: 25%;
  transform: translateX(-20%);
  z-index: 2;
  overflow: visible;
}
span[data-tooltip]:hover::after {
  content: attr(data-tooltip);
  position: absolute;
  background: #fff;
  color: #000;
  border-radius: 5px;
  bottom: 30px;
  left: 30%;
  transform: translateX(-10%);
  padding: 10px 15px;
  width: 224px;
  z-index: 17;
  opacity: 0;
  transition: opacity 0.3s;
  overflow: visible;
  font-style: normal;
  font-weight: 5;
  font-size: 14px;
  line-height: 120%;
}
span[data-tooltip]:hover::after {
  opacity: 1;
  overflow: visible;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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!./assets/sass/pages/product-detail/about-product.sass ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.breadcrumbs {
  margin-bottom: 30px;
}

.about-product {
  margin: 0 0 100px;
}
.about-product .containers {
  display: grid;
  grid-template-columns: 730px 1fr;
  grid-gap: 100px;
  gap: 100px;
}
.about-product__pictures {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
  flex-shrink: 0;
}
.about-product__pictures .arrow {
  position: absolute;
  z-index: 2;
  top: 50%;
  width: 45px;
  height: 45px;
  cursor: pointer;
  border-radius: 50%;
}
.about-product__pictures .arrow-left {
  left: 10px;
  transform: translateY(-50%);
}
.about-product__pictures .arrow-right {
  right: 10px;
  transform: translateY(-50%);
}
.about-product__pictures .pictures__main {
  max-height: 550px;
  height: auto;
  width: 100%;
  position: relative;
  z-index: 1;
  border-radius: 4px;
}
.about-product__pictures .pictures__nav .nav {
  height: 130px;
  width: 130px;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  padding: 10px 0;
  opacity: 0.2;
  background: rgb(210, 210, 210);
}
.about-product__pictures .pictures__nav .nav img {
  width: auto;
  display: block;
  margin: auto;
}
.about-product__pictures .pictures__nav .nav.active {
  opacity: 1;
  background: rgba(210, 210, 210, 0.2);
}
@media (max-width: 768px) {
  .about-product__pictures {
    gap: 15px;
  }
  .about-product__pictures .arrow {
    top: calc(50% + 5.3333333333vw);
  }
}
@media (hover: hover) {
  .about-product__pictures .arrow:hover {
    box-shadow: 0px 2px 4px rgba(48, 48, 48, 0.15);
    backdrop-filter: blur(1px);
  }
  .about-product__pictures .arrow:hover svg rect {
    fill-opacity: 1;
  }
}

/* End */


/* Start:/local/components/zaychonok/product-reviews/templates/.default/style.css?179017646628135*/
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/zaychonok/product-reviews/templates/.default/src-cmp/styles.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/
.product-reviews h2 {
  margin-bottom: 20px;
}
.product-reviews__list {
  margin-bottom: 40px;
}

.all-review-text {
  margin-bottom: 20px;
}

.review-block {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
}
@media (min-width: 769px) {
  .desktop-flex-reviews {
    display: flex;
  }
  .desktop-flex-reviews .all-review-text {
    margin-bottom: 0 !important;
    margin-bottom: initial !important;
  }
  .desktop-flex-reviews .all-review-text {
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap;
    align-content: center;
    font-weight: 500;
    font-size: 1.0416666667vw;
    line-height: 1.25vw;
  }
  .desktop-flex-reviews .feedback-pagination {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .product-reviews .link {
    margin: 0 auto;
  }
  .review-block {
    display: block;
  }
}
@media (min-width: 769px) and (max-width: 1366px) {
  .desktop-flex-reviews .all-review-text {
    font-size: 1.4641288433vw;
    line-height: 1.756954612vw;
  }
}
@media (min-width: 769px) and (max-width: 768px) {
  .desktop-flex-reviews .all-review-text {
    font-size: 4.2666666667vw;
    line-height: 6.4vw;
  }
  .desktop-flex-reviews .all-review-text::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 1px;
    background-color: #3EA4A1;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.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!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./assets/components/RatingStars.vue?vue&type=style&index=0&id=d567adce&lang=sass ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.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!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./assets/components/RatingStars.vue?vue&type=style&index=1&id=d567adce&lang=scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.rating.rate5 {
  display: grid !important;
}
.rating.rate5 {
  grid-template-columns: repeat(5, 20px);
}
.rating.rate5 svg {
  height: 20px;
}
.rating .star.gray {
  width: 1.0416666667vw;
  height: 1.0416666667vw;
  background-size: cover;
  display: inline-block;
  margin-right: 3px;
}
.rating-stars {
  font-size: 28px;
  line-height: 1em;
  letter-spacing: 5px;
  width: 139px;
  text-align: left;
  display: inline-block;
  position: relative;
}
.rating-stars:before {
  content: "★★★★★";
  color: rgba(87, 36, 115, 0.3);
  border-color: #572473;
}
.rating-stars__icon {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  text-align: left;
  line-height: 1em;
  letter-spacing: 5px;
  font-size: 28px;
}
.rating-stars__icon:before {
  content: "★★★★★";
  color: #572473;
  line-height: 1em;
  letter-spacing: inherit;
  font-size: 28px;
  text-align: left;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.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!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./assets/components/AverageRating.vue?vue&type=style&index=0&id=5a39a82f&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.zero-reviews {
  color: #C9C9C9;
  margin-top: 10px;
}
.average-rating {
  display: flex;
  gap: 5px;
}
.average-rating__count {
  margin-top: 1px !important;
  margin-left: 10px !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 17px !important;
}
.average-rating__count {
  font-style: normal;
  color: rgba(48, 48, 48, 0.55);
}
.average-rating .value {
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.2em;
  margin-top: -5px;
}
@media (max-width: 768px) {
.average-rating {
    gap: 2.6666666667vw;
}
.average-rating__count {
    margin-top: 9px;
}
.average-rating .value {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 2.125rem;
    font-weight: 500;
    line-height: 1em;
}
.average-rating .value .rating-stars {
    width: 131px;
}
.average-rating .value .rating-stars,
  .average-rating .value .rating-stars .rating-stars__icon,
  .average-rating .value .rating-stars .rating-stars__icon:before {
    font-size: 24px;
}
}
@media (max-width: 1366px) {
.average-rating__count {
    margin-top: 0.1464128843vw !important;
    margin-left: 0.7320644217vw !important;
    font-size: 1.1713030747vw !important;
    line-height: 1.3909224012vw !important;
}
}
@media (max-width: 1366px) and (max-width: 768px) {
.average-rating__count {
    margin-top: 0vw !important;
    margin-left: 0vw !important;
    font-size: 3.7333333333vw !important;
    line-height: 4.5333333333vw !important;
}
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.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!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./assets/components/UserFeedback.vue?vue&type=style&index=0&id=ee56522a&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.user-feedback {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px 30px;
  border-radius: 20px;
  background: rgba(210, 210, 210, 0.2);
}
.user-feedback:not(:last-of-type) {
  margin-bottom: 30px;
}
.user-feedback__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(48, 48, 48, 0.15);
}
.user-feedback__header .info {
  display: flex;
  align-items: center;
  gap: 1.0416666667vw;
}
.user-feedback__header .info .img {
  width: 60px;
  height: auto;
}
.user-feedback__header .info .name {
  display: inline-block;
  font-size: 16px;
  line-height: 19px;
  font-weight: 500;
  color: #3EA4A1;
}
.user-feedback__header .link {
  position: relative;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #3EA4A1;
  text-decoration: none;
}
.user-feedback__header .link.mobile-link {
  display: none;
}
.user-feedback__header .link::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 1px;
  background-color: #3EA4A1;
}
.user-feedback__info .meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}
.user-feedback__info .meta .rating {
  display: flex;
  align-items: center;
  gap: 30px;
}
.user-feedback__info .link {
  position: relative;
  color: #3EA4A1;
  font-weight: 400;
  line-height: 100%;
}
.user-feedback__info .link::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 1px;
  background-color: #3EA4A1;
}
.user-feedback__user .user__name {
  display: inline-block;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
}
.user-feedback__user .user-feedback__date {
  display: inline-block;
  margin-left: 15px;
  color: #B0B0B0;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
}
.user-feedback__source {
  max-height: 36px;
  max-width: 128px;
  width: auto;
}
.user-feedback__source img {
  height: auto;
}
.user-feedback__rate {
  width: 103px;
}
.user-feedback__rate.rating-stars, .user-feedback__rate.rating-stars .rating-stars__icon, .user-feedback__rate.rating-stars .rating-stars__icon:before {
  font-size: 20px;
}
.user-feedback__text {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  max-width: 80.5%;
}
.user-feedback__text a {
  white-space: nowrap;
  position: relative;
  color: #3EA4A1;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
}
.user-feedback__text a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 1px;
  background-color: #3EA4A1;
}
@media (max-width: 1366px) {
.user-feedback__header .info {
    gap: 1.317715959vw;
}
.user-feedback__header .info .name {
    font-size: 1.317715959vw;
    line-height: 1.756954612vw;
}
.user-feedback__header .link {
    font-size: 1.1713030747vw;
    line-height: 1.4641288433vw;
}
.user-feedback__user .user__name {
    font-size: 1.0248901903vw;
    line-height: 1.2445095168vw;
}
.user-feedback__user .user-feedback__date {
    font-size: 1.0248901903vw;
    line-height: 1.2445095168vw;
}
.user-feedback__text {
    font-size: 1.1713030747vw;
    line-height: 1.756954612vw;
}
.user-feedback__text a {
    font-size: 1.1713030747vw;
    line-height: 1.756954612vw;
}
}
@media (max-width: 768px) {
.user-feedback__header .info {
    gap: 2.6666666667vw;
}
.user-feedback__header .info .mobile-grid {
    display: grid;
    grid-gap: 1.3333333333vw;
    gap: 1.3333333333vw;
}
.user-feedback__header .info .img {
    width: 24.2666666667vw;
}
.user-feedback__user {
    display: grid;
}
.user-feedback__text {
    font-size: 4.2666666667vw !important;
    line-height: 6.4vw !important;
}
.user-feedback__text a {
    font-size: 4.2666666667vw !important;
    line-height: 6.4vw !important;
}
.user-feedback {
    gap: 20px;
}
.user-feedback__user .user__name {
    font-size: 1rem;
    line-height: 1.2em;
}
}
@media (max-width: 1366px) and (max-width: 768px) {
.user-feedback__header .info .name {
    color: #303030;
    font-size: 4.2666666667vw;
    line-height: 5.0666666667vw;
}
.user-feedback__header .link {
    font-size: 4.2666666667vw;
    line-height: 6.4vw;
}
.user-feedback__header .link.mobile-link {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0;
    margin: initial;
}
.user-feedback__header .link.desktop-link {
    display: none;
}
.user-feedback__user .user__name {
    font-size: 4.2666666667vw !important;
    line-height: 6.4vw !important;
}
.user-feedback__user .user-feedback__date {
    font-size: 4.2666666667vw !important;
    line-height: 6.4vw !important;
}
.user-feedback__user .user-feedback__date {
    margin-left: 0;
    margin-left: initial;
}
}
@media (max-width: 1024px) {
.user-feedback {
    gap: 30px;
    padding: 20px;
}
.user-feedback__text {
    max-width: 100%;
}
}
@media (max-width: 576px) {
.user-feedback {
    gap: 15px;
    padding: 15px 20px;
}
.user-feedback__header {
    align-items: flex-start;
    flex-direction: column;
}
.user-feedback__header .link {
    font-weight: 500 !important;
}
.user-feedback__info .meta {
    align-items: flex-start;
    margin-bottom: 15px;
}
.user-feedback__info .meta .rating {
    align-items: flex-start;
    gap: 10px;
}
.user-feedback__source {
    max-height: 31px;
    max-width: 103px;
}
}
@media (max-width: 576px) and (max-width: 768px) {
.user-feedback__info .meta .rating.griid {
    display: grid;
}
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.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!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./assets/components/SendReview.vue?vue&type=style&index=0&id=2289583b&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.stars {
  font-size: 28px;
  color: #d3d3d3;
}
.star-selected {
  color: #65BEBB;
}
.review-item {
  display: flex;
  gap: 6.67px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
}
.review-item .radio-btn {
  min-width: 16px;
  height: 16px;
  margin-top: 5px;
  margin-left: 5px;
  border: 1px solid #65BEBB;
  border-radius: 8px;
}
.review-item .radio-btn.active {
  border: 6px solid #65BEBB;
}
.separator {
  width: 100%;
  height: 20px;
  border-top: 1px solid #ccc;
  margin: 10px 0;
  padding-top: 5px;
}
.sent-title {
  text-align: center; /* Центрирование текста по горизонтали */
  padding: 20px; /* Отступ сверху (по желанию) */
  font-weight: 400;
  font-size: 25px;
  line-height: 110%;
  background: #F4F4F4;
}
.modal {
  position: fixed;
  z-index: 115;
  left: 0;
  top: -10px;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  overflow: auto;
  max-height: 100vh;
}
.modal-container {
  position: absolute;
  background-color: #fff;
  border-radius: 20px;
  max-width: 565px;
  overflow: auto;
  width: 95%;
  z-index: 22;
  max-height: 80vh;
}
.modal-container .sent-text {
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  text-align: center;
  padding-top: 30px;
  padding-left: 120px;
  padding-right: 120px;
}
.modal-content {
  padding: 30px 40px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.modal-content .send-btn {
  justify-content: center;
  align-items: center;
  padding: 15px 36px 14px;
  gap: 10px;
  background: #65BEBB;
  border-radius: 30px;
  width: 222px;
  height: 48px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  color: #FFFFFF;
  cursor: pointer;
  margin: 0 auto;
}
.modal-content .modal-block {
  margin-bottom: 13px;
  text-align: left;
}
.modal-content .modal-block .info {
  display: flex;
  margin-top: -20px;
  margin-bottom: 20px;
}
.modal-content .modal-block .info .img {
  width: 50px;
  height: 50px;
}
.modal-content .modal-block .info .info-text {
  display: block;
  padding: 5px 5px 5px 10px;
}
.modal-content .modal-block .info .info-text .name {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
}
.modal-content .modal-block .info .info-text .type {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #C9C9C9;
}
.modal-content .modal-block .edit-text {
  cursor: pointer;
}
.modal-content .modal-block .edit-text p {
  margin-top: 2px;
  margin-left: 5px;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  text-decoration-line: underline;
  color: #65BEBB;
}
.modal-content .modal-block .block-title {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 120%;
  margin-bottom: 3px;
}
.modal-content .modal-block .block-title span {
  color: #FF0000;
}
.modal-content .modal-block input {
  border: 1px solid rgba(87, 36, 115, 0.3);
  border-radius: 12px;
  width: 100%;
  height: 42px;
  padding: 15px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #1B0D23;
}
.modal-content .modal-block input ::-moz-placeholder {
  opacity: 0.1;
}
.modal-content .modal-block input ::placeholder {
  opacity: 0.1;
}
.modal-content .modal-block input:focus {
  border-color: black !important;
}
.modal-content .modal-block input:focus {
  outline: none;
}
.modal-content .modal-block .counter-box {
  position: relative;
  display: inline-block;
  width: 100%;
}
.modal-content .modal-block .counter-box textarea {
  border: 1px solid rgba(87, 36, 115, 0.3);
  border-radius: 12px;
  width: 100%;
  height: 42px;
  padding: 15px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #1B0D23;
}
.modal-content .modal-block .counter-box textarea:focus {
  border-color: black !important;
}
.modal-content .modal-block .counter-box textarea:focus {
  outline: none;
}
.modal-content .modal-block .counter-box textarea ::-moz-placeholder {
  opacity: 0.05;
}
.modal-content .modal-block .counter-box textarea ::placeholder {
  opacity: 0.05;
}
.modal-content .modal-block .counter-box textarea::-webkit-resizer {
  width: 10px;
  height: 10px;
}
.modal-content .modal-block .counter-box .counter-text {
  position: absolute;
  right: 25px;
  bottom: 5px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  opacity: 0.5;
}
.modal-content .modal-block .counter-box .comment {
  height: 100px;
  overflow: auto;
  resize: vertical;
}
.modal-content .modal-block .counter-box .resize-handle {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-bottom: 10px;
  margin-right: 7px;
  width: 13px;
  height: 13px;
  cursor: nwse-resize;
}
.title-block {
  height: 68px;
  background: #F4F4F4;
  padding-left: 40px;
  padding-top: 20px;
  font-weight: 400;
  font-size: 22px;
  line-height: 110%;
}
.close {
  position: absolute;
  right: 25px;
  cursor: pointer;
}
.add-review-send {
  background: #3EA4A1 !important;
}
.add-review-send {
  height: 42px;
  border-radius: 33px;
  margin-bottom: 25px;
  margin-left: auto;
  display: grid;
  grid-template-columns: 32px 1fr;
  justify-content: center;
  align-items: center;
  padding: 9px 25px;
  grid-gap: 7px;
  gap: 7px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #FFFFFF;
  cursor: pointer;
  white-space: nowrap;
}
.add-review-send svg {
  height: 100%;
}
.products-select {
  position: relative;
  display: flex;
  align-items: center;
}
.products-select.active .products-select__preview .products-select__item {
  border-radius: 4px 4px 0px 0px;
}
.products-select.active .products-select__preview .products-select__item svg {
  transform: rotate(270deg);
}
.products-select__modal {
  width: 485px;
}
.products-select__body p {
  max-width: calc(100% - 84px) !important;
  font-size: 14px !important;
  line-height: 17px !important;
}
.products-select__preview .products-select__item {
  padding: 1.0416666667vw !important;
}
.products-select__preview .products-select__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 12px;
  width: 370px;
}
.products-select__preview .products-select__item p {
  max-width: calc(100% - 84px);
  font-size: 14px;
  line-height: 17px;
}
.products-select__preview .products-select__item .arrow {
  flex-shrink: 0;
  transition: transform 0.3s ease-in-out;
  transform: rotate(90deg);
  width: 24px;
  height: 24px;
  stroke: #65BEBB;
  fill: #65BEBB;
}
.products-select__preview .products-select__item .arrow.rotated {
  transform: rotate(270deg);
}
.products-select__body_send {
  position: absolute;
  top: auto;
  max-width: 485px;
  background-color: #fff;
  z-index: 1;
  padding: 20px;
  margin-right: 40px;
  border-radius: 0px 0px 4px 4px;
}
.products-select__body .products-select__item:not(:last-of-type) {
  margin-bottom: 15px;
}
.products-select__item {
  cursor: pointer;
}
.products-select__item p {
  transition: color 0.3s ease-in-out;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.2em;
}
.products-select__item.active p, .products-select__item:hover p {
  color: #65BEBB;
}
@media (min-width: 768px){
.modal-container {
    width: 565px;
}
.modal-content .modal-block .block-title {
    font-size: 16px;
}
}
@media (max-width: 768px){
.modal-content {
    padding: 30px 15px;
}
.products-select__preview .products-select__item p {
    font-size: 4.2666666667vw !important;
    line-height: 5.0666666667vw !important;
}
.products-select {
    width: 100%;
}
}
@media (max-width: 1366px){
.add-review-send {
    font-size: 1.0248901903vw;
    line-height: 1.2445095168vw;
    height: 3.074670571vw;
    padding: 0.6588579795vw 1.8301610542vw;
}
.products-select__body p {
    font-size: 1.0248901903vw !important;
    line-height: 1.2445095168vw !important;
}
.products-select__preview .products-select__item {
    padding: 1.4641288433vw !important;
}
.products-select__preview .products-select__item p {
    font-size: 1.0248901903vw;
    line-height: 1.2445095168vw;
}
}
@media (max-width: 1366px) and (max-width: 768px){
.add-review-send {
    width: -moz-fit-content;
    width: fit-content;
    margin-left: 0;
    font-size: 4.2666666667vw;
    line-height: 5.0666666667vw;
    height: 12.8vw;
    padding: 2.6666666667vw 8vw;
}
.products-select__body p {
    font-size: 4.2666666667vw !important;
    line-height: 5.0666666667vw !important;
}
.products-select__preview .products-select__item {
    padding: 5.3333333333vw !important;
}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.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!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[8].use[0]!./assets/components/FeedbackPagination.vue?vue&type=style&index=0&id=3077c48c&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.feedback-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
.feedback-pagination .arrow {
  fill: #3EA4A1;
  stroke: #3EA4A1;
  width: 30px;
  height: 30px;
  opacity: 0.5;
  cursor: pointer;
  flex-shrink: 0;
}
.feedback-pagination .arrow.active {
  opacity: 1;
}
.feedback-pagination__prev {
  transform: rotate(-180deg) !important;
}
.feedback-pagination__next {
  transform: rotate(0deg) !important;
}
.feedback-pagination__pages {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 35px;
}
.feedback-pagination__pages p {
  transition: opacity 0.3s ease-in-out;
  color: #3EA4A1;
  opacity: 0.5;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
}
.feedback-pagination__pages p:not(.disable) {
  cursor: pointer;
}
.feedback-pagination__pages p.active {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
}
.feedback-pagination__pages p.active, .feedback-pagination__pages p:hover:not(.disable) {
  opacity: 1;
}
@media (max-width: 1366px) {
.feedback-pagination__pages p {
    font-size: 1.0248901903vw;
    line-height: 1.756954612vw;
}
.feedback-pagination__pages p.active {
    font-size: 1.4641288433vw;
    line-height: 1.756954612vw;
}
}
@media (max-width: 1366px) and (max-width: 768px) {
.feedback-pagination__pages p {
    font-size: 4.2666666667vw;
    line-height: 6.4vw;
}
.feedback-pagination__pages p.active {
    font-size: 6.4vw;
    line-height: 6.4vw;
}
}
@media (max-width: 576px) {
.feedback-pagination {
    gap: 28px;
}
.feedback-pagination__pages {
    gap: 20px;
}
}

/* End */


/* Start:/local/templates/zaychonok/components/bitrix/news.list/articles/style.css?179017646612893*/
/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/news.list/articles/src-cmp/assets/sass/page.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
.all-articles-link {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 0px;
  gap: 10px;
  border-bottom: 1px solid #3EA4A1;
  font-family: "Rubik";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #3EA4A1;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 20px;
  margin-left: auto;
}

.article__header {
  margin-bottom: 40px;
}
.article__header h1 {
  font-weight: 700;
  font-size: 40px;
  line-height: 40px;
  text-transform: inherit;
  max-width: 870px;
}

p {
  font-weight: 500 !important;
}

.article-body__image {
  margin: 0;
  margin: initial;
}

.article-page-author {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #B0B0B0;
}
.article-page-date {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #B0B0B0;
}
.article-page-view {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #B0B0B0;
}

.stat__icon {
  margin-top: -2px;
}

@media (max-width: 1366px) {
  .article__header h1 {
    max-width: 63.6896046852vw;
  }
}

@media (max-width: 768px) {
  .article__header h1 {
    max-width: -moz-max-content !important;
    max-width: max-content !important;
  }
  .article__header h1 {
    font-size: 8vw;
    line-height: 8vw;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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!./assets/sass/pages/blog/article-author.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
.author-mobile {
  display: none;
}

.author-desktop {
  display: none;
}

.article-body__container .sp-block-table {
  margin: 20px 0;
}
.article-body__container .sp-block-table table {
  width: 100%;
  border-collapse: collapse;
}
.article-body__container .sp-block-table table tr {
  background: #F7F7F7;
  color: #303030;
}
.article-body__container .sp-block-table table tr:nth-child(odd) {
  background: #F7F7F7;
}
.article-body__container .sp-block-table table tr:nth-child(1) {
  background: rgba(78, 173, 170, 0.07);
}
.article-body__container .sp-block-table table tr:nth-child(1) p {
  font-weight: 600 !important;
}
.article-body__container .sp-block-table table tr:nth-child(1) p {
  color: rgb(78, 173, 170);
  font-family: "Rubik";
  font-style: normal;
}
.article-body__container .sp-block-table table tr:nth-child(1):hover {
  background: rgba(78, 173, 170, 0.07);
  color: rgb(78, 173, 170);
}
.article-body__container .sp-block-table table td {
  text-align: left;
  border: 1px solid rgb(0, 176, 171);
  padding: 5px 10px;
  font-family: "Rubik";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #303030;
  pointer-events: none;
}
.article-body__container .sp-block-table table td:hover {
  background: rgba(78, 173, 170, 0.07);
  color: red;
}

.article-author {
  max-width: 1240px;
  margin: auto;
  margin-bottom: 100px;
  padding: 40px;
  background: rgba(210, 210, 210, 0.2);
  border-radius: 12px;
  height: -moz-fit-content;
  height: fit-content;
}
.article-author__about {
  position: relative;
  max-width: 75%;
}
.article-author__about h1 {
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 30px;
  text-transform: inherit;
  margin: 0;
  margin: initial;
  margin-bottom: 10px;
}
.article-author__about .author-prof {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
}
.article-author .author-container {
  align-items: flex-start;
  position: relative;
}
.article-author .author-container svg {
  position: absolute;
  width: 5.7291666667vw;
  height: 5.7291666667vw;
  bottom: 0;
  right: 0;
}
.article-author__col {
  position: relative;
  height: 100%;
}
.article-author__detail {
  display: flex;
  gap: 1.3020833333vw;
}
.article-author__detail img {
  flex-shrink: 0;
  width: 7.8125vw;
  height: 7.8125vw;
  border-radius: 0.78125vw;
}
.article-author__detail h2 {
  margin-bottom: 0;
  margin-top: 20px;
}
.article-author__detail p {
  opacity: 0.5;
}
.article-author__count {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #B0B0B0;
  position: absolute;
  bottom: 0;
}
.article-author__count.mobile {
  display: none;
}
.article-author__about-me {
  padding-top: 1.5625vw;
}

.article-list-title {
  font-weight: 700;
  font-size: 30px;
  line-height: 30px;
  color: #4EADAA;
  text-transform: inherit;
}

a {
  text-decoration: none;
}

.article-list-item__picture img {
  height: auto;
}

.article-list-item__body {
  padding: 1.0416666667vw 2.0833333333vw 1.5625vw 1.5625vw;
}
.article-list-item__body span {
  display: block;
  text-decoration: none;
}
.article-list-item__body span.date {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #B0B0B0;
  margin-bottom: 0.5208333333vw;
}
.article-list-item__body span.name {
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #4EADAA;
  margin-bottom: 5px;
}
.article-list-item__body span.prev {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #303030;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}

.set-empty {
  margin-bottom: 13.0208333333vw;
}

.articles-list__wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 0.78125vw;
  gap: 0.78125vw;
}
.articles-list__wrapper .article-list-item {
  background: rgba(210, 210, 210, 0.2);
  border-radius: 1.0416666667vw;
  overflow: hidden;
}

.sp-lists {
  margin-top: 10px;
}
.sp-lists ol {
  padding-left: 0 !important;
}
.sp-lists ol {
  list-style: decimal;
  margin-bottom: 10px;
  font-weight: 600;
}
.sp-lists ol::marker {
  font-weight: 600;
}
.sp-lists ol ol {
  margin: 0 !important;
}
.sp-lists ol ol {
  font-weight: 500;
  list-style: none;
}

.commercial-block__italic p {
  font-style: italic;
}
.commercial-block__italic a {
  border-bottom: 1px #4EADAA solid;
  color: #4EADAA;
}

.commercial-block__sources h2 {
  font-size: 16px !important;
  color: #b0b0b0 !important;
}
.commercial-block__sources ul li, .commercial-block__sources ol li {
  color: #b0b0b0 !important;
}
.commercial-block__sources ul li, .commercial-block__sources ol li {
  font-size: 14px;
}
.commercial-block__sources ul li::marker, .commercial-block__sources ol li::marker {
  color: #b0b0b0 !important;
}

.commercial-block__devider {
  height: 1px;
  background: #4EADAA;
  margin: 20px 0px;
}

.article-body__container strong {
  font-weight: 600;
  color: #4EADAA;
}
.article-body__container ol {
  padding-left: 37px;
  list-style: decimal;
  margin-top: 16px;
}
.article-body__container ol li {
  margin-bottom: 10px;
  line-height: 24px;
}
@media (min-width: 769px) {
  .author-desktop {
    display: block;
  }
}
@media (max-width: 768px) {
  .author-mobile {
    display: block;
  }
  .article-author {
    margin: 5.3333333333vw 4.2666666667vw 5.3333333333vw;
    padding: 5.3333333333vw;
    border-radius: 5.3333333333vw;
  }
  .article-author__about h1 {
    font-size: 5.3333333333vw !important;
    line-height: 6.4vw !important;
  }
  .article-author__about .author-prof {
    font-size: 3.7333333333vw !important;
    line-height: 4.5333333333vw !important;
  }
  .article-author .author-container svg {
    width: 16vw;
    height: 16vw;
    bottom: auto;
    bottom: initial;
    top: 16vw;
  }
  .article-author__detail {
    display: grid;
    grid-gap: 6.6666666667vw;
    gap: 6.6666666667vw;
  }
  .article-author__detail img {
    width: 32vw !important;
    height: 32vw !important;
  }
  .article-author__count {
    position: relative !important;
  }
  .article-author__count {
    margin-top: 1.8666666667vw;
  }
  .article-list-title {
    font-size: 5.3333333333vw !important;
    line-height: 6.4vw !important;
  }
  .article-list-item__body span.date {
    font-size: 14px !important;
    line-height: 14px !important;
    margin-bottom: 10px !important;
  }
  .article-list-item__body span.name {
    font-size: 20px !important;
    line-height: 24px !important;
    margin-bottom: 5px !important;
  }
  .article-list-item__body span.prev {
    font-size: 14px !important;
    line-height: 17px !important;
  }
  .articles-list__wrapper {
    gap: 15px !important;
  }
  .articles-list__wrapper {
    grid-template-columns: initial;
  }
}
@media (max-width: 1366px) {
  .article-author {
    max-width: 90.775988287vw;
    margin-bottom: 7.3206442167vw;
    padding: 2.9282576867vw;
    border-radius: 0.878477306vw;
  }
  .article-author__about h1 {
    font-size: 2.196193265vw;
    line-height: 2.196193265vw;
    margin: 0;
    margin: initial;
    margin-bottom: 0.7320644217vw;
  }
  .article-author .author-container svg {
    width: 8.0527086384vw;
    height: 8.0527086384vw;
  }
  .article-author__detail {
    gap: 1.8301610542vw;
  }
  .article-author__detail img {
    width: 10.980966325vw;
    height: 10.980966325vw;
    border-radius: 1.0980966325vw;
  }
  .article-author__about-me {
    padding-top: 2.196193265vw;
  }
  .article-list-title {
    font-size: 2.196193265vw;
    line-height: 2.196193265vw;
  }
  .article-list-item__body {
    padding: 1.4641288433vw 2.9282576867vw 2.196193265vw 2.196193265vw;
  }
  .article-list-item__body span.date {
    font-size: 0.878477306vw;
    line-height: 1.0248901903vw;
    margin-bottom: 0.7320644217vw;
  }
  .article-list-item__body span.name {
    font-size: 1.4641288433vw;
    line-height: 1.756954612vw;
    margin-bottom: 0.3660322108vw;
  }
  .article-list-item__body span.prev {
    font-size: 1.0248901903vw;
    line-height: 1.2445095168vw;
  }
  .set-empty {
    margin-bottom: 18.3016105417vw;
  }
  .articles-list__wrapper {
    gap: 1.0980966325vw;
  }
  .articles-list__wrapper .article-list-item {
    border-radius: 1.4641288433vw;
  }
}
@media (max-width: 1024px) {
  .article-author__about h1 {
    font-size: 2.9296875vw;
    line-height: 2.9296875vw;
  }
  .article-author__about .author-prof {
    font-size: 1.5625vw;
    line-height: 1.85546875vw;
  }
  .article-author .container {
    grid-template-columns: 1fr;
  }
  .article-list-item__body span.date {
    font-size: 1.3671875vw;
    line-height: 1.66015625vw;
    margin-bottom: 0.9765625vw;
  }
  .article-list-item__body span.name {
    font-size: 1.953125vw;
    line-height: 2.34375vw;
    margin-bottom: 0.48828125vw;
  }
  .article-list-item__body span.prev {
    font-size: 1.3671875vw;
    line-height: 1.66015625vw;
  }
}
@media (max-width: 576px) {
  .article-list-item__body {
    padding: 4vw 5.3333333333vw 5.3333333333vw 5.3333333333vw !important;
  }
  .article-list-item__body span.date {
    font-size: 3.2vw !important;
    line-height: 3.7333333333vw !important;
    margin-bottom: 2.6666666667vw !important;
  }
  .article-list-item__body span.name {
    font-size: 5.3333333333vw !important;
    line-height: 6.4vw !important;
    margin-bottom: 1.3333333333vw !important;
  }
  .article-list-item__body span.prev {
    font-size: 3.7333333333vw !important;
    line-height: 4.5333333333vw !important;
  }
  .articles-list__wrapper {
    gap: 4vw !important;
  }
  .articles-list__wrapper {
    grid-template-columns: initial;
  }
}
@media (max-width: 1366px) and (max-width: 768px) {
  .articles-list__wrapper .article-list-item {
    border-radius: 2.6666666667vw;
  }
}

/* End */
/* /local/templates/zaychonok/components/bitrix/breadcrumb/main/style.css?17901764663051 */
/* /local/templates/zaychonok/components/bitrix/news/catalog/bitrix/news.detail/.default/style.css?179017646644944 */
/* /local/components/zaychonok/product-reviews/templates/.default/style.css?179017646628135 */
/* /local/templates/zaychonok/components/bitrix/news.list/articles/style.css?179017646612893 */