

/* Start:/local/templates/aspro_main/components/bitrix/news.detail/news/style.css?17893740457590*/
html {
  --gap-content: clamp(2rem, 4vw, 4.5rem);
  --flex-basis: 288px;
}

@media (min-width: 992px) {
  .page-top,
  .products-footer {
    max-width: calc(100% - var(--flex-basis) - var(--gap-content));
  }
}

/* content */
.content {
  display: flex;
  gap: var(--gap-content);
}

.content img:not(.products-list__item-image):not(.rounded) {
  border-radius: 12px;
}
.aside__icon img{
  width: 80px;
  height: 80px;
}

@media (max-width: 991px) {
  .content {
    flex-direction: column-reverse;
  }

  .aside__icon img{
    width: 64px;
    height: 64px;
  }
}

.content__article {
  flex: 1 1 auto;
}

.content__article>:first-child {
  margin-top: 0;
}

.content__aside {
  flex: 0 0 var(--flex-basis);
}

@media (max-width: 992px) {
  .content__aside {
    display: none;
  }
}


.content__image {
  aspect-ratio: 27 / 16;
  margin-bottom: 1.25rem;
}

.emphasize {
  font-size: var(--fs-20);
  line-height: var(--fs-20-line-height);
  color: var(--title-color);
  margin: 1.25rem 0;
}

.highlight {
  color: var(--title-color);
  font-weight: 500;
  margin: clamp(var(--g9-mobile), 2.5vw, var(--g9-desktop)) 0;
  padding-left: clamp(1.5rem, 2vw, 2rem);
  border-left: 2px solid var(--blue-shade-1);
  font-size: var(--fs-20);
}

/* topbar */
.topbar {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  max-width: 864px;
  margin-top: -16px;
}

@media (max-width: 600px) {
  .topbar {
    gap: 1rem;
    align-items: flex-start;
  }
}

.topbar__left {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: clamp(0.5rem, 1.5vw, 1.5rem);
}

.topbar__back {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: var(--text-color);
  transition: color 0.3s ease;
}

.topbar__back svg,
.topbar__back use {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}

.topbar__back svg path,
.topbar__back use {
  transition: stroke 0.3s ease;
  stroke: var(--title-color);
}

@media (any-hover: hover) {
  .topbar__back:hover {
    color: var(--blue-hover);
  }

  .topbar__back:hover svg path,
  .topbar__back:hover use {
    stroke: var(--blue-hover);
  }
}

.topbar__item {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}

.topbar__item svg,
.topbar__item use {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}
.topbar__share .share__button use{
  stroke: #727479;
}

.topbar__interact {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  height: 30px;
}

/* like */
.like {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  padding: 0;
  background-color: transparent;
  border: 0;
}

@media (any-hover: hover) {

  .like:hover .like__icon path,
  .like:hover .like__icon use {
    stroke: var(--blue-shade-1);
  }
}

.like--pressed .like__icon path,
.like--pressed .like__icon use {
  fill: var(--blue-shade-1);
  stroke: var(--blue-shade-1);
}

.like__icon,
.like__icon>svg {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}

.like__icon path,
.like__icon use {
  transition: stroke 0.3s ease, fill 0.3s ease;
  stroke: var(--title-color);
  fill: none;
}

/* aside */
.aside__contents {
  position: sticky;
  top: 100px;
}

.aside__item {
  padding-left: 0.75rem;
}

.aside__item::before {
  top: 9px;
}

.aside__item a {
  display: block;
}

@media (any-hover: hover) {
  .aside__link:hover {
    color: var(--blue-hover);
  }
}

@media (min-width: 992px) {
  .aside__item--current .aside__link {
    color: var(--blue);
  }
}

/* quote */
.quote {
  margin: clamp(var(--g9-mobile), 2.5vw, var(--g9-desktop)) 0;
  padding:
    clamp(var(--g8-mobile), 2vw, var(--g8-desktop)) clamp(var(--g8-mobile), 2vw, var(--g8-desktop)) clamp(var(--g8-mobile), 2vw, var(--g8-desktop)) clamp(var(--g9-mobile), 3vw, var(--g9-desktop));
  border: 1px solid var(--grey-shade-5);
  position: relative;
}

.quote__text {
  font-size: var(--fs-18);
  line-height: var(--fs-18-line-height);
  color: var(--title-color);
  font-weight: 500;
}

.quote__name {
  margin-top: clamp(var(--g5-mobile), 2vw, var(--g5-desktop));
  font-size: var(--fs-15);
  line-height: var(--fs-15-line-height);
  color: var(--title-color);
}

.quote__position {
  color: var(--grey);
  font-size: var(--fs-13);
  line-height: var(--fs-13-line-height);
}

.quote__decor {
  background: url('/local/templates/aspro_main/components/bitrix/news.detail/news/img/quote.svg') center / cover no-repeat;
  position: absolute;
  top: 40px;
  left: -10px;
  width: 20px;
  height: 15px;
}

/* comments */
.comments__more {
  color: var(--blue-shade-1);
  text-decoration: none;
  display: inline-block;
  margin-top: 1.5rem;
}

.comments__item {
  border-bottom: 1px solid var(--grey-shade-8);
  padding-bottom: 0.25rem;
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

.comments__btn {
  width: 100%;
}

.comments__form {
  gap: var(--g4);
  min-height: 0;
  display: flex;
  flex-direction: column;
}

/* comment */
.comment {
  container-type: inline-size;
  width: 100%;
}

.comment__top {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

@container (width < 400px) {
  .comment__top {
    flex-direction: column;
    gap: 0.25rem;
    align-items: flex-start;
  }
}

.comment__name {
  color: var(--dark);
}

.comment__date {
  color: var(--muted);
}

.comment__text {
  margin-top: 0.5rem;
  color: var(--basic);
}

.comment__text p {
  margin: 0.5rem 0;
  font-size: var(--fs-16);
  line-height: var(--fs-16-line-height);
}

.comment__bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}

.comment__wrap {
  flex: 1 1 100%;
}

.comment__answer {
  color: var(--dark);
  position: relative;
}

.comment__answer::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  border-top: 1px dotted var(--dark);
}

@media (any-hover: hover) {
  .comment__answer:hover {
    color: var(--blue-shade-2);
  }
  .comment__answer:hover::after {
    border-color: var(--blue-shade-2);
  }
}

.comment__appendix {
  display: flex;
  gap: clamp(0.5rem, 1.5vw, 1rem);
}

.comment__reply-to,
.comment__reply-to svg,
.comment__reply-to use {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}

.comment__reply-to svg {
  position: relative;
  top: 4px;
}

.swiper-container .swiper-wrapper {
  box-sizing: border-box;
}

.swiper-container .swiper-slide {
  height: auto;
}

.heading-section {
  position: relative;
  padding-right: 100px;
}

.heading-section h3 {
  margin: 0;
}

.heading-section .swiper-button-prev,
.heading-section .swiper-button-next {
  background-color: transparent;
  margin-top: 0;
  transform: translateY(-50%);
}

.heading-section__swiper-button-next,
.heading-section__swiper-button-prev {
  transition: border-color 0.3s ease;
  border: 1px solid transparent;
}

.heading-section__swiper-button-next.swiper-button-next {
  right: 0;
  border-radius: 50%;
}

.heading-section__swiper-button-prev.swiper-button-prev {
  left: unset;
  right: 48px;
  border-radius: 50%;
}

.heading-section__swiper-button-next svg,
.heading-section__swiper-button-next use,
.heading-section__swiper-button-prev svg,
.heading-section__swiper-button-prev use {
  width: 40px;
  height: 40px;
  stroke: var(--title-color);
  transition: stroke 0.1s ease;
}

@media (any-hover: hover) {

  .heading-section__swiper-button-next:hover,
  .heading-section__swiper-button-prev:hover {
    background-color: var(--color-base);
  }

  .heading-section__swiper-button-next:hover svg,
  .heading-section__swiper-button-next:hover use,
  .heading-section__swiper-button-prev:hover svg,
  .heading-section__swiper-button-prev:hover use {
    stroke: var(--white);
  }
}

.blog-materials {
  min-width: 0;
}


/* End */


/* Start:/local/templates/aspro_main/css/extensions/card.min.css?17893740453295*/
.products-list{position:relative;}.products-list__wrapper{position:relative;}.products-list__image-wrapper{position:relative;overflow:hidden;padding-bottom:66.67%;}.products-list__image-wrapper--short{padding-bottom:60%;}.products-list__image-wrapper--cover{padding-bottom:0;position:absolute;top:0;left:0;height:100%;width:100%;isolation:isolate;opacity:1;transition:opacity .3s ease;}.products-list__image-wrapper--cover:before{content:"";position:absolute;inset:0;background-color:rgba(0,0,0,.32);z-index:1;}.products-list__item-image{position:absolute;top:0;left:0;object-fit:cover;width:100%;height:100%;}.products-list__item-image--round{width:51.8%;height:auto;aspect-ratio:1;border-radius:50%;top:unset;bottom:0;left:50%;transform:translateX(-50%);}.products-list__section:last-child{padding-bottom:0;}.products-list__item-wrapper{height:100%;}.products-list__item-wrapper--cover-image .products-list__text{opacity:.64;}.products-list__item-wrapper--cover-image .products-list__reading-time use{stroke:var(--white);}@media (any-hover:hover){.products-list__item-wrapper--cover-image:hover .products-list__image-wrapper--cover{opacity:.8}.products-list__item-wrapper--cover-image:hover .color-theme-parent .products-list__title{color:var(--white)}}.products-list__item{overflow:hidden;position:relative;height:100%;background-color:var(--white);}.products-list__items{gap:24px;}.products-list__title-wrap{margin-bottom:8px;max-width:100%;overflow:hidden;text-overflow:ellipsis;}.products-list__text{color:#727479;}.products-list__info{min-width:0;position:relative;width:100%;height:100%;z-index:10;}.products-list__info{padding:clamp(var(--g6-mobile),2vw,var(--g6-desktop)) clamp(var(--g7-mobile),3vw,var(--g7-desktop)) clamp(var(--g7-mobile),3vw,var(--g7-desktop));}.products-list__text-wrapper{max-width:100%;}.products-list__bottom-wrapper{padding-top:24px;}.svg-products-arrow,.svg-products-arrow svg{width:8px;height:14px;}.svg-products-arrow use{stroke:#cacdd0;}.products-list__arrow-link{padding:10px 13px;margin:-10px -2px -10px;}.products-list__bottom-outer{gap:20px;}.products-list__absolute-link{position:absolute;top:0;bottom:0;right:0;left:0;}.products-list__reading-time svg,.products-list__reading-time use{width:16px;height:16px;flex:0 0 16px;stroke:var(--grey);}.products-list__price,.products-list__price-old{white-space:nowrap;}.products-list__price--label{background-color:var(--yellow);padding:4px 8px;margin-right:8px;white-space:nowrap;}.products-list__price-old{vertical-align:text-bottom;}.products-list__stickers-wrap{position:absolute;bottom:var(--g4);left:clamp(var(--g7-mobile),3vw,var(--g7-desktop));z-index:1;gap:var(--g1);}.products-list__sticker{border:1px solid rgba(255,255,255,.2);background:#fcde77;padding:3px 7px;font-size:11px;font-weight:500;line-height:17px;letter-spacing:.55px;color:var(--title-color);}.products-list__sticker--hit{background:#e3434d;color:var(--white);}.products-list__sticker--new{background:#2db24a;color:var(--white);}.products-list__sticker--promo{background:#fcde77;color:var(--title-color);}.products-list__icon{--size:24px;position:absolute;right:0;top:0;width:var(--size);height:var(--size);}.products-list__icon img{width:100%;height:100%;object-fit:contain;}@media (max-width:768px){.products-list__items{gap:16px}}
/* End */


/* Start:/local/templates/aspro_main/css/extensions/popup-video.min.css?17768353202725*/
.popup-video{display:none;}.popup-video--active{display:block;}.popup-video{position:fixed;top:0;bottom:0;left:0;right:0;z-index:10151;background-color:#fff;}.popup-video__close{position:absolute;right:0;top:0;width:60px;height:60px;opacity:.5;cursor:pointer;background:#fff;z-index:10200;}.popup-video__close:hover{opacity:1;}.popup-video__close:before,.popup-video__close:after{position:absolute;left:29px;content:" ";height:34px;width:3px;background-color:#333;top:13px;}.popup-video__close:before{transform:rotate(45deg);}.popup-video__close:after{transform:rotate(-45deg);}.popup-video__wrap{width:100%;height:100%;}.popup-video__iframe{box-sizing:border-box;width:100%;height:100%;border:none;z-index:10150;position:relative;}.popup-video-open{cursor:pointer;}.popup-video-button:before{content:"";position:absolute;top:calc(50% - 12px);left:calc(50% - 8px);transition:transform ease .3s;border:12px solid transparent;border-left:22px solid #fff;z-index:2;}.popup-video-block{display:flex;align-items:center;padding:0;}.popup-video-block--snippet{background-color:rgba(0,0,0,.32);border-radius:50px;backdrop-filter:blur(4px);}.popup-video-block__button{--size:40px;background-color:var(--blue);border-radius:50%;height:var(--size);width:var(--size);transition:scale .3s ease;position:relative;&::before{border-bottom:calc(var(--size) / 6) solid transparent;border-left:calc(var(--size) / 3.2) solid var(--white);border-top:calc(var(--size) / 6) solid transparent;left:calc(50% - var(--size) / 9);top:calc(50% - var(--size) / 7);content:"";display:block;height:0;position:absolute;width:0}}@media (any-hover:hover){.popup-video-block:hover .popup-video-block__button,.popup-video-block__button:hover{scale:1.2}}.wide-video{overflow:hidden;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:clamp(var(--g9-mobile),5vw,var(--g9-desktop));min-height:clamp(320px,30vw,400px);border-radius:12px;}@media (any-hover:hover){.wide-video:hover .wide-video__play{transform:scale3d(1.1,1.1,1.1)}}.wide-video__img{position:absolute;top:0;left:0;object-fit:cover;height:100%;width:100%;}.wide-video__cover{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,rgba(0,0,0,.32),rgba(0,0,0,.32));}.wide-video__play{position:relative;z-index:2;width:72px;height:72px;flex:0 0 72px;border-radius:50%;background-color:var(--blue);display:flex;align-items:center;justify-content:center;transition:transform .3s ease;transform:scale3d(1,1,1);will-change:transform;position:absolute;top:calc(50% - 36px);left:calc(50% - 36px);}.wide-video__play svg{width:22px;flex:0 0 22px;position:relative;left:3px;top:1px;}.wide-video__text{position:relative;z-index:1;}
/* End */


/* Start:/local/templates/aspro_main/css/tabs.min.css?17853931861435*/
:root{--tabs-top-margin-desktop:3.75rem;--tabs-top-margin-mobile:2.25rem;--tabs-bottom-margin-desktop:3rem;--tabs-bottom-margin-mobile:1.5rem;--tabs-vertical-padding-desktop:8px;--tabs-vertical-padding-mobile:6px;--tabs-horizontal-padding-desktop:16px;--tabs-horizontal-padding-mobile:12px;}.tabs__list{display:flex;flex-wrap:wrap;gap:8px;}.tabs__list li{padding-left:0;}.tabs__item{font-weight:400;display:block;}.tabs__list .tabs__item{margin-bottom:0;}.tabs__list .tabs__item:before{display:none;}.tabs__link{color:var(--dark);transition:all .3s ease;display:inline-block;background-color:#F7F8F9;border-radius:50px;padding:clamp(var(--tabs-vertical-padding-mobile),2vw,var(--tabs-vertical-padding-desktop)) clamp(var(--tabs-horizontal-padding-mobile),2vw,var(--tabs-horizontal-padding-desktop))}.tabs__link--active{background-color:var(--color-base);color:var(--white)}.tabs__item a:hover{color:var(--white);background-color:var(--color-base)}.tabs__link:hover span{color:var(--white);}@media(max-width:599px){.tabs__body .tabs__list{flex-wrap:nowrap;overflow:auto;margin-right:calc(-1 * var(--maxwidth-gap));margin-left:calc(-1 * var(--maxwidth-gap));padding-left:var(--maxwidth-gap);padding-right:var(--maxwidth-gap);padding-bottom:14px;margin-bottom:.875rem}.tabs__list .tabs__item{flex-shrink:0}.tabs__list .tabs__item{order:2}.tabs__list .tabs__item.tabs__item--active{order:1}.tabs__list .tabs__item.tabs__item--all{order:0}}
/* End */


/* Start:/local/templates/aspro_main/css/form.css?1776835320602*/
.request {
  border-radius: 12px;
  container-type: inline-size;
}
.request__wrap {
  display: flex;
  gap: 1.5rem;
  border-radius: 12px;
  padding: clamp(2rem, 4vw, 3rem) clamp(1rem, 4vw, 3rem);
  background-color: var(--white);
}

@container  (width < 900px) {
  .request__wrap {
    padding: clamp(2rem, 2vw, 3rem) clamp(1rem, 2vw, 3rem);
  }
}

@media (max-width: 767px) {
  .request__wrap {
    flex-direction: column;
  }
}

.request__col {
  flex: 1 1 50%;
}
.request__info {
  padding-right: clamp(1rem, 2vw, 2rem);
}
@media (max-width: 767px) {
  .request__info {
    padding-right: 0;
  }
}

/* End */


/* Start:/local/templates/aspro_main/css/share.min.css?1789374045979*/
.share{position:relative}.share--pressed .share__list{opacity:1;visibility:visible}.share__button{background-color:transparent;cursor:pointer;padding:0;border:0;display:flex;align-items:center;justify-content:center}.share__button svg,.share__button use{fill:none;width:16px;height:16px;flex:0 0 16px}.topbar__share:hover .share__list{opacity:1;visibility:visible}.share__button svg path,.share__button use{transition:stroke .3s ease;stroke:var(--title-color)}@media (any-hover:hover){.share__button:hover svg path,.share__button:hover use{stroke:var(--blue-shade-1)}}.share__list{position:absolute;opacity:0;visibility:hidden;top:100%;transform:translateY(8px);right:-22px;display:flex;align-items:center;gap:.25rem;padding:var(--g4);background-color:var(--white);box-shadow:0 4px 20px 0 var(--box-shadow-color);transition:opacity .3s ease,visibility .3s ease;z-index:2}@media (max-width:767px){.share__list{right:0}}.ya-share2__list_direction_horizontal{display:flex!important}
/* End */


/* Start:/local/templates/aspro_main/css/extensions/raiting.min.css?1776835320849*/
.rating{display:flex;align-items:center;gap:12px;}.stars{display:flex;gap:4px;}.star{position:relative;width:16px;height:22px;cursor:pointer;}.star__base{position:absolute;inset:0;}.star__base svg{fill:#DEE2ED;}.star__fill{position:absolute;inset:0;width:0;overflow:hidden;}.star__fill svg{fill:#3761E9;}.stars.render_animation .star{animation:starPulse 2s ease-in-out infinite;}@keyframes starPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}.stars.render_animation .star:nth-child(1){animation-delay:0s;}.stars.render_animation .star:nth-child(2){animation-delay:.2s;}.stars.render_animation .star:nth-child(3){animation-delay:.4s;}.stars.render_animation .star:nth-child(4){animation-delay:.6s;}.stars.render_animation .star:nth-child(5){animation-delay:.8s;}.rating-count{font-weight:600;font-size:14px;line-height:22px;color:#969AA5;}
/* End */


/* Start:/local/templates/aspro_main/components/bitrix/news.list/tariffs_list/style.css?17893740452377*/
/* addons */
.addons {
  border-radius: 12px;
  border: 1px solid var(--grey-shade-5);
  background: #fff;
  container-type: inline-size;
}

.addons__item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: clamp(1rem, 3vw, 2rem);
}

@media (max-width: 767px) {
  .addons__item {
    flex-direction: column;
  }

  .addons__price {
    flex-direction: column-reverse;
  }
  .addons__price-label.new-price span {
    text-align: left;
    white-space: normal;
  }
}

.addons__item:not(:last-of-type) {
  border-bottom: 1px solid var(--grey-shade-5);
}

.addons__image {
  width: 88px;
  height: 88px;
  flex: 0 0 88px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  margin-right: 24px;
}

@media (max-width: 767px) {
  .addons__image {
    margin-right: 0;
    margin-bottom: 1rem;
  }
}

.addons__img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.addons__info {
  flex: 0 1 58.2%;
  margin-right: clamp(1rem, 2vw, 2rem);
}

@media (max-width: 767px) {
  .addons__info {
    margin-right: 0;
  }
}

.addons__order {
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-left: auto;
}

@container (width < 900px) {
  .addons__order {
    flex-direction: column;
    align-items: flex-end;
    row-gap: 12px;
  }
}

@media (max-width: 767px) {
  .addons__order {
    margin-left: 0;
    margin-top: 1rem;
    flex-direction: column;
    align-items: flex-start;
  }
  .addons__order .addons__price{
    flex-direction: row-reverse;
  }
}

@media (max-width: 425px) {
  .addons__order {
    width: 100%;
  }

  .addons__order .btn {
    width: 100%;
  }
}

.addons__order .addons__price {
  white-space: nowrap;
  gap: 8px;
  align-items: baseline;
  flex-wrap: nowrap;
}

.addons__price-label {
  background-color: var(--yellow);
  padding: 4px 8px;
  white-space: nowrap;
}

.new-price {
  gap: 10px;
  opacity: 1;
  padding: 1px 8px;
  border-radius: 8px;
  background: #FCDE77;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  float: left;
}

.new-price span {
  font-family: Inter, sans-serif;
  font-weight: 500;
  letter-spacing: 0;
  text-align: right;
  color: #242426;

}

.old-price span {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-decoration: line-through;
  color: #242426;

}

/* End */


/* Start:/local/templates/aspro_main/components/bitrix/news.list/news_inner/style.css?17893740452620*/
.heading-section h2,
.heading-section h3,
.heading-section h4,
.heading-section h5,
.heading-section h6{
  margin: 0;
}
.item-wrapper-single .products-list__item{
  display: flex;
  flex-direction: row;

}
.item-wrapper-single .products-list__image-wrapper--short{
  padding: 0;
}
.item-wrapper-single .products-list__item-image{
  position: relative;
  object-fit: cover;
  height: 100%;
}
.item-wrapper-single .products-list__image-wrapper{
  flex: 0 0 41.67%;
}
.item-wrapper-single .products-list__image-inner{
  height: 100%;
}
.item-wrapper-single .products-list__bottom-wrapper{
  flex-direction: row;
}
.news-inner__tags .chosen-element__caption:hover {
  background-color: #f2f2f8;
  color: #48494d;
}
@media (max-width: 1024px){
  .item-wrapper-single .products-list__image-wrapper{
    flex: 0 0 50%;
  }
}
@media (max-width: 991px){
  .item-wrapper-single .products-list__image-wrapper{
    flex: 0 0 41.67%;
  }
}
@media (max-width: 768px){
  .item-wrapper-single .products-list__image-wrapper{
    flex: 0 0 50%;
  }
  .mobile-scroll .products-list__item-wrapper {
    height: auto;
  }
  .main-item__inner .heading-section{
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 12px;
  }
}
@media (max-width: 575px){
  .item-wrapper-single .products-list__item{
    flex-direction: column;
  }
  .item-wrapper-single .products-list__image-wrapper{
    padding-bottom: 60%;
    flex: none;
  }
  .item-wrapper-single .products-list__item-image{
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
  }
  .products-list__bottom-wrapper .chosen-element__detail-link{
    margin-top: 24px;
  }
}

/* navigation as in slider-list template */
.products-list__slider-wrapper {
  position: relative;
}

.products-list--top-nav .products-list__top-nav {
  position: absolute;
  right: 0;
  top: -52px;
  display: flex;
  gap: 8px;
  z-index: 3;
}

.products-list--top-nav .products-list__top-nav .swiper-nav {
  position: static;
  transform: none;
  margin: 0;
}

@media (max-width: 991px) {
  .products-list--top-nav .products-list__top-nav {
    top: -72px;
  }
}

@media (max-width: 768px) {
  .products-list--top-nav .products-list__top-nav {
    position: initial;
  }

  .products-list--top-nav .products-list__top-nav .swiper-nav {
    position: absolute;
  }
}

@media (max-width: 599px) {
  .products-list--top-nav .products-list__top-nav {
    margin-bottom: 20px;
    justify-content: flex-end;
  }
}
.heading-section h5{
  margin-top: 0;
}
@media (max-width: 991px) {
  .mobile-scroll.grid-row--3 {
    --gr-3: 3;
  }
}

/* End */


/* Start:/local/templates/aspro_main/vendor/css/carousel/swiper/swiper-bundle.min.css?167144844613871*/
/**
 * Swiper 6.6.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 19, 2021
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
/* End */


/* Start:/local/templates/aspro_main/css/slider.swiper.css?17791850053396*/
.swiper-container:not(.swiper-container-initialized) {
  opacity: 0;
}

.swiper-slide.swiper-slide--h-auto{
  height: auto;
}

body .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  margin: 0px 4px;
  background: #ddd;
  opacity: 1;
}
body .swiper-pagination-bullet:hover,
body .swiper-pagination-bullet-active {
  background: var(--color-base);
}
.swiper-pagination--static {
  position: static;
}
.swiper-nav:after {
  display: none;
}
body .swiper-nav:hover {
  background: var(--color-base);
}
body .swiper-nav use {
  stroke: var(--dark);
}
body .swiper-nav:hover use {
  stroke: #fff;
}
body .swiper-button-prev,
body .swiper-button-next {
  width: 40px;
  height: 40px;
  background: #F4F6F9;
  border-radius: 3px;
  transition: all 0.3s ease-in-out;
  outline: none;
  user-select: none;
}
body .swiper-button-prev--grey,
body .swiper-button-next--grey {
  background-color: #F4F6F8;
}
.svg-swiper-arrow,
.svg-swiper-arrow svg {
  width: 7px;
  height: 12px;
}
.swiper-nav-offset .swiper-button-prev {
  left: -20px;
}
.swiper-nav-offset .swiper-button-next {
  right: -20px;
}

body .swiper-button-prev.swiper-button-prev--rounded,
body .swiper-button-next.swiper-button-next--rounded {
  /* width: 46px;
  height: 46px; */
  border-radius: 100%;
}
/* .swiper-nav-offset .swiper-button-prev.swiper-button-prev--rounded {
  left: -23px;
}
.swiper-nav-offset .swiper-button-next.swiper-button-next--rounded {
  right: -23px;
} */
.swiper-button-prev.swiper-button-prev--rounded .svg-swiper-arrow{
  margin-left: -2px;
}
.swiper-button-next.swiper-button-next--rounded .svg-swiper-arrow{
  margin-right: -2px;
}
.swiper-nav--shadow{
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.07);
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled{
  display: none;
}
@media(max-width: 1352px){
  .swiper-nav-offset .swiper-button-prev.swiper-button-prev--rounded {
    left: -20px;
  }
  .swiper-nav-offset .swiper-button-next.swiper-button-next--rounded {
    right: -20px;
  }
}
.swiper-freemode-autoplay .swiper-wrapper{
  transition-timing-function : linear;
}
.heading-section .swiper-button-prev,
.heading-section .swiper-button-next {
  background-color: #f7f7fb;
  margin-top: 0;
  transform: translateY(-50%);
}

.heading-section__swiper-button-next,
.heading-section__swiper-button-prev {
  transition: border-color 0.3s ease;
  border: 1px solid transparent;
}


.heading-section__swiper-button-next::after,
.heading-section__swiper-button-prev::after {
  display: none;
}

.heading-section__swiper-button-next.swiper-button-next {
  right: 0;
  border-radius: 50%;
}

.heading-section__swiper-button-prev.swiper-button-prev {
  left: unset;
  right: 48px;
  border-radius: 50%;
}

.heading-section__swiper-button-next svg,
.heading-section__swiper-button-next use,
.heading-section__swiper-button-prev svg,
.heading-section__swiper-button-prev use {
  width: 40px;
  height: 40px;
  stroke: var(--title-color);
  transition: stroke 0.1s ease;
}

@media (any-hover: hover) {
  .heading-section__swiper-button-next:hover,
  .heading-section__swiper-button-prev:hover {
    background-color: var(--color-base);
  }

  .heading-section__swiper-button-next:hover svg,
  .heading-section__swiper-button-next:hover use,
  .heading-section__swiper-button-prev:hover svg,
  .heading-section__swiper-button-prev:hover use {
    stroke: var(--white);
  }
}

/* End */


/* Start:/local/templates/aspro_main/components/bitrix/catalog.section/marketplace_compact/style.css?1694757173180*/
.products-list__info {
  padding: clamp(var(--g5-mobile), 2vw, var(--g5-desktop)) clamp(var(--g6-mobile), 3vw, var(--g6-desktop)) clamp(var(--g6-mobile), 3vw, var(--g6-desktop));
}
/* End */


/* Start:/local/templates/aspro_main/components/bitrix/news.list/faq_inner/style.css?178048742452*/
.accordion__title{
    color: var(--title-color);
}

/* End */


/* Start:/local/templates/aspro_main/css/accordion_smooth.min.css?17823644821165*/
.accordion{border-bottom:1px solid var(--grey-shade-5);}.accordion__button{align-items:center;border-top:1px solid var(--grey-shade-5);display:flex;gap:clamp(2rem,5vw,4rem);justify-content:space-between;padding:clamp(1.5rem,2vw,1.75rem) 0;text-align:left;width:100%;}.accordion__button.accordion__button--open{color:var(--blue-shade-1);}.accordion__button.accordion__button--open svg{transform:rotateZ(180deg);}.accordion__button.accordion__button--open svg path,.accordion__button.accordion__button--open svg use{stroke:var(--blue-shade-1);}@media (any-hover:hover){.accordion__button:hover{color:var(--blue-shade-1)}.accordion__button:hover svg path,.accordion__button:hover svg use{stroke:var(--blue-shade-1)}}.accordion__button svg{transition:transform .3s ease;width:14px;flex:0 0 14px;transform:rotateZ(0);}.accordion__button svg path,.accordion__button svg use{stroke:var(--title-color);}.accordion__body{overflow:hidden;transition:grid-template-rows .3s ease;display:grid;grid-template-rows:0fr;}.accordion__body--expand{grid-template-rows:1fr;}.accordion__wrap{min-height:0;}.accordion__wrap>*{padding-bottom:clamp(var(--g8-mobile),3vw,var(--g8-desktop));}
/* End */


/* Start:/local/templates/aspro_main/components/bitrix/catalog.comments/article_comments/style.css?17853931869015*/
.article-comments {
	width: 100%;
	max-width: 864px;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	padding: 32px 0 0;
	gap: 16px;
	font-family: Inter, Arial, sans-serif;
	color: #48494d;
}

.article-comments *,
.article-comments *::before,
.article-comments *::after {
	box-sizing: border-box;
}

.article-comments__comment-button {
	width: 100%;
	min-height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px 24px;
	border: 0;
	border-radius: 8px;
	background: rgba(67, 111, 255, 0.12);
	color: #436fff;
	font-family: inherit;
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.article-comments__comment-button:hover {
	background: rgba(67, 111, 255, 0.18);
}

.article-comments__content {
	width: 100%;
}

.article-comments .blog-comment-form.is-hidden-by-comments-toggle,
.article-comments form.is-hidden-by-comments-toggle {
	display: none !important;
}
.article-comments__list .article-comments__comment.blog-comment{
  padding-left: calc(32px * (var(--comment-level) - 1));
}
.article-comments .blog-comment-form,
.article-comments form[name="REPLIER"],
.article-comments form[id*="form_comment"],
.article-comments form[action*="comment"] {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
}

.article-comments .blog-comment-form *,
.article-comments form[name="REPLIER"] *,
.article-comments form[id*="form_comment"] * {
	font-family: Inter, Arial, sans-serif;
}

.article-comments .blog-comment-field,
.article-comments .blog-comment-fields,
.article-comments .blog-comment-form-fields,
.article-comments .blog-comment-field-user,
.article-comments .blog-comment-field-email {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
}

.article-comments .blog-comment-field-title,
.article-comments .blog-comment-field-caption,
.article-comments label {
	font-size: 13px;
	line-height: 20px;
	font-weight: 400;
	color: #333338;
}

.article-comments input[type="text"],
.article-comments input[type="email"],
.article-comments textarea {
	width: 100%;
	border: 1px solid #e6e9f2;
	border-radius: 8px;
	background: #f5f7fc;
	color: #242426;
	font-family: Inter, Arial, sans-serif;
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	outline: none;
	box-shadow: none;
	transition: border-color 0.2s ease, background-color 0.2s ease;
}

.article-comments input[type="text"],
.article-comments input[type="email"] {
	height: 48px;
	padding: 11px 16px;
}

.article-comments textarea {
	min-height: 96px;
	padding: 11px 16px;
	resize: vertical;
}

.article-comments input[type="text"]::placeholder,
.article-comments input[type="email"]::placeholder,
.article-comments textarea::placeholder {
	color: #989aa0;
	opacity: 1;
}

.article-comments input[type="text"]:focus,
.article-comments input[type="email"]:focus,
.article-comments textarea:focus {
	border-color: #436fff;
	background: #fff;
}

.article-comments input[type="button"],
.article-comments input[type="submit"],
.article-comments button[type="submit"],
.article-comments .blog-comment-button,
.article-comments .feed-add-button,
.article-comments #post-button {
	width: 100%;
	min-height: 48px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 24px;
	border: 0;
	border-radius: 8px;
	background: #436fff;
	color: #fff;
	font-family: Inter, Arial, sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	text-align: center;
	cursor: pointer;
	box-shadow: none;
	transition: background-color 0.2s ease;
}

.article-comments input[type="button"]:hover,
.article-comments input[type="submit"]:hover,
.article-comments button[type="submit"]:hover,
.article-comments .blog-comment-button:hover,
.article-comments .feed-add-button:hover,
.article-comments #post-button:hover {
	background: #3761e9;
}

.article-comments .blog-comment,
.article-comments .blog-comment-cont,
.article-comments .blog-comment-content,
.article-comments .blog-comment-line,
.article-comments .blog-comment-info {
	background: transparent;
	box-shadow: none;
}

.article-comments .blog-comment {
	width: 100%;
	margin: 0;
	border-bottom: 1px solid #e7ebf4;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  border-bottom: 1px solid var(--Stroke-Base, #E7EBF4);
}

.article-comments .blog-comment-cont {
	width: 100%;
	padding: 0;
  display: flex;
  flex-direction: row;
}

.article-comments .blog-comment-content {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 0;
}

.article-comments .blog-comment-meta,
.article-comments .blog-comment-info,
.article-comments .blog-comment-author-info {
	display: flex;
	align-items: center;
	min-height: 26px;
	margin: 0 0 8px;
	padding: 0;
}

.article-comments .blog-comment-author,
.article-comments .blog-comment-author-name,
.article-comments .blog-comment-user,
.article-comments .blog-comment-user-name {
	font-size: 16px;
	line-height: 26px;
	font-weight: 500;
	color: #222;
}

.article-comments .blog-comment-date,
.article-comments .blog-comment-time {
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
	color: #999;
}

.article-comments .blog-comment-text,
.article-comments .blog-comment-text p,
.article-comments .blog-comment-content p,
.blog-comment-content {
	margin: 0;
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	color: #48494d;
}

.article-comments .blog-comment-bottom,
.article-comments .blog-comment-buttons,
.article-comments .blog-comment-actions,
.article-comments .blog-comment-footer {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 2px 0 0;
}

.article-comments .blog-comment-buttons a,
.article-comments .blog-comment-actions a,
.article-comments .blog-comment-reply,
.article-comments .blog-comment-action-reply,
.article-comments a[href*="reply"] {
	display: inline-flex;
	align-items: center;
	padding: 0;
	border-bottom: 1px dashed currentColor;
	color: #222;
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
	text-decoration: none;
	cursor: pointer;
}

.article-comments .blog-comment-buttons a:hover,
.article-comments .blog-comment-actions a:hover,
.article-comments .blog-comment-reply:hover,
.article-comments .blog-comment-action-reply:hover,
.article-comments a[href*="reply"]:hover {
	color: #436fff;
}

.article-comments .bx-ilike-right-wrap,
.article-comments .bx-ilike-left-wrap,
.article-comments .bx-ilike-button,
.article-comments .bx-ilike-text,
.article-comments .bx-ilike-count {
	font-family: Inter, Arial, sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #48494d;
}

.article-comments .bx-ilike-button {
	color: #242426;
}

.article-comments .bx-ilike-button:hover,
.article-comments .bx-you-like .bx-ilike-button,
.article-comments .bx-you-like .bx-ilike-text {
	color: #436fff;
}

.article-comments .blog-comment-hidden {
	opacity: 0.55;
}

.article-comments .blog-comment-preview {
	padding: 16px;
	border: 1px solid #e6e9f2;
	border-radius: 8px;
	background: #f5f7fc;
}

.article-comments .errortext,
.article-comments .blog-errors,
.article-comments .blog-comment-error {
	font-size: 13px;
	line-height: 16px;
	color: #ff7188;
}

.article-comments .notetext,
.article-comments .blog-note {
	padding: 12px 16px;
	border-radius: 8px;
	background: rgba(67, 111, 255, 0.12);
	color: #436fff;
	font-size: 14px;
	line-height: 22px;
}

.article-comments .blog-comment-new {
	padding-left: 32px;
}

.article-comments .blog-comment .blog-comment {
	padding-left: 32px;
}

.article-comments .blog-comment .blog-comment::before {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	border-left: 2px solid #222;
	border-bottom: 2px solid #222;
	border-radius: 0 0 0 2px;
	opacity: 0.35;
	transform: translate(-28px, 8px);
}

.article-comments .blog-comment-avatar,
.article-comments .blog-comment-avatar img,
.article-comments .blog-avatar {
	display: none;
}

.article-comments .blog-comment-title,
.article-comments .blog-comment-post-title,
.article-comments .blog-post-comment-title,
.article-comments .blog-comments-title {
	display: none;
}


.article-comments .modern-page-current {
	background: rgba(67, 111, 255, 0.12);
	color: #436fff;
}

@media (max-width: 767px) {
	.article-comments {
		max-width: 100%;
		padding-top: 24px;
	}

	.article-comments .blog-comment {
		padding: 20px 0 24px;
	}

	.article-comments .blog-comment-text,
	.article-comments .blog-comment-text p,
	.article-comments .blog-comment-content p {
		font-size: 15px;
		line-height: 24px;
	}

	.article-comments .blog-comment .blog-comment {
		padding-left: 20px;
	}

	.article-comments .blog-comment .blog-comment::before {
		transform: translate(-20px, 8px);
	}

	.article-comments .blog-comment-meta,
	.article-comments .blog-comment-info,
	.article-comments .blog-comment-author-info {
		flex-wrap: wrap;
		row-gap: 2px;
	}
}
.article-comments__text pre{
  white-space: break-spaces;
  overflow: unset;
}

/* End */


/* Start:/local/templates/aspro_main/components/bitrix/catalog.comments/article_comments/bitrix/blog.post.comment/adapt/style.css?178048742413288*/
.article-comments,
.article-comments__blog {
	width: 100%;
	max-width: 864px;
	font-family: Inter, Arial, sans-serif;
	color: #48494d;
}

.article-comments *,
.article-comments *::before,
.article-comments *::after {
	box-sizing: border-box;
}

.article-comments__blog {
	display: flex;
	flex-direction: column;
	padding: 0;
	margin: 0;
}

.article-comments__add {
	width: 100%;
	margin: 0;
	padding: 0;
}

.article-comments__comment-button,
.article-comments__submit {
	width: 100%;
	min-height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px 24px;
	border: 0;
	border-radius: 8px;
	font-family: Inter, Arial, sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	text-align: center;
	cursor: pointer;
	box-shadow: none;
	outline: none;
	transition: background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;
}

.article-comments__comment-button {
	background: rgba(67, 111, 255, 0.12);
	color: #436fff;
}

.article-comments__comment-button:hover {
	background: rgba(67, 111, 255, 0.18);
	color: #436fff;
}


.article-comments__submit {
	background: #436fff;
	color: #fff;
}

.article-comments__submit:hover {
	background: #3761e9;
	color: #fff;
}

.article-comments__form-wrap {
	width: 100%;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

.article-comments__form {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

.article-comments__form-fields {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
}

.article-comments__form-row {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin: 0;
	padding: 0;
}

.article-comments__field {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
}

.article-comments__label {
	display: none;
	margin: 0;
	font-size: 13px;
	line-height: 20px;
	font-weight: 400;
	color: #333338;
}

.article-comments__required {
	color: #ff7188;
}

.article-comments__input,
.article-comments input[type="text"],
.article-comments input[type="email"] {
	width: 100%;
	height: 48px;
	padding: 11px 16px;
	border: 1px solid #e6e9f2;
	border-radius: 8px;
	background: #f5f7fc;
	color: #242426;
	font-family: Inter, Arial, sans-serif;
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	outline: none;
	box-shadow: none;
	transition: border-color 0.2s ease, background-color 0.2s ease;
}

.article-comments__input::placeholder,
.article-comments input[type="text"]::placeholder,
.article-comments input[type="email"]::placeholder {
	color: #989aa0;
	opacity: 1;
}

.article-comments__input:focus,
.article-comments input[type="text"]:focus,
.article-comments input[type="email"]:focus {
	border-color: #436fff;
	background: #fff;
}

.article-comments .article-comments__field--message {
	width: 100%;
	margin: 0;
	padding: 0;
}

.article-comments__textarea,
.article-comments textarea[name="comment"] {
	width: 100%;
	min-height: 96px;
	height: 96px;
	padding: 11px 16px;
	border: 1px solid #e6e9f2;
	border-radius: 8px;
	background: #f5f7fc;
	color: #242426;
	font-family: Inter, Arial, sans-serif;
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	outline: none;
	box-shadow: none;
	resize: vertical;
	transition: border-color 0.2s ease, background-color 0.2s ease;
}

.article-comments__textarea::placeholder,
.article-comments textarea[name="comment"]::placeholder {
	color: #989aa0;
	opacity: 1;
}

.article-comments__textarea:hover,
.article-comments textarea[name="comment"]:hover {
	border-color: #d8dde9;
}

.article-comments__textarea:focus,
.article-comments textarea[name="comment"]:focus {
	border-color: #436fff;
	background: #fff;
}

.article-comments__buttons {
	width: 100%;
	margin: 0;
	padding: 0;
}

.article-comments__root-form,
.article-comments__new-comment {
	width: 100%;
	margin: 0;
	padding: 0;
}

.article-comments__new-comment:not(:empty) {
	margin-top: 16px;
}

.article-comments__new-comment:not(:empty) .article-comments__form-wrap {
	padding-left: calc(32px * var(--comment-level, 0));
}

.article-comments__list {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 0;
	border-radius: 8px;
}

.article-comments__comment {
	position: relative;
	width: 100%;
	display: flex;
	align-items: flex-start;
	margin: 0;
	background: #fff;
	border-bottom: 1px solid #e7ebf4;
	box-shadow: none;
  flex-direction: column;
  padding-bottom: 24px;
}
.article-comments__comment:not(:first-child) {
  padding-top: 24px;
}
.article-comments__comment .blog-comment-edit.feed-com-add-block.blog-post-edit{
  width: 100%;
  margin-top: 24px;
}

.article-comments__comment--child {
	padding-left: calc(32px * var(--comment-level, 1));
	border-bottom: 0;
}

.article-comments__child-icon {
	position: relative;
	width: 16px;
	height: 16px;
  margin-right: 16px;
}


.article-comments__comment-inner {
	width: 100%;
	min-width: 0;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
  flex: 0 0 calc(100% - 32px);
}

.article-comments__comment-main {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

.article-comments__head {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px 12px;
	min-height: 26px;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
}

.article-comments__name {
	font-size: 16px;
	line-height: 26px;
	font-weight: 500;
	color: #222;
}

.article-comments__date {
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
	color: #999;
}

.article-comments__body {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
}

.article-comments__title {
	font-size: 14px;
	line-height: 24px;
	font-weight: 500;
	color: #222;
}

.article-comments__text,
.article-comments__text p {
	margin: 0;
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	color: #48494d;
}

.article-comments__text p + p {
	margin-top: 16px;
}

.article-comments__actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px;
	margin: 0;
	padding: 2px 0 0;
	background: transparent;
	border: 0;
}

.article-comments__reply,
.article-comments__parent,
.article-comments__admin-action,
.blog-comment-meta a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 0;
	border-bottom: 1px dashed currentColor;
	background: transparent;
	color: #222;
	font-family: Inter, Arial, sans-serif;
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
	text-decoration: none;
	cursor: pointer;
	box-shadow: none;
	outline: none;
}

.article-comments__reply:hover,
.article-comments__parent:hover,
.article-comments__admin-action:hover {
	color: #436fff;
}

.article-comments__reply.is-active {
	color: #436fff;
	border-bottom-color: #436fff;
}

.article-comments__rating {
	display: inline-flex;
	align-items: center;
	min-height: 22px;
}

.article-comments .bx-ilike-right-wrap,
.article-comments .bx-ilike-left-wrap,
.article-comments .bx-ilike-button,
.article-comments .bx-ilike-text,
.article-comments .bx-ilike-count,
.article-comments .rating_vote_text {
	font-family: Inter, Arial, sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #48494d;
}

.article-comments .bx-ilike-button {
	color: #242426;
}

.article-comments .bx-ilike-button:hover,
.article-comments .bx-you-like .bx-ilike-button,
.article-comments .bx-you-like .bx-ilike-text {
	color: #436fff;
}

.article-comments__files {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 8px 0 0;
}

.article-comments__files-title {
	font-size: 14px;
	line-height: 22px;
	font-weight: 500;
	color: #222;
}

.article-comments__files-list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.article-comments__file img {
	display: block;
	max-width: 120px;
	height: auto;
	border-radius: 8px;
}

.article-comments__uf,
.article-comments__uf-fields {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.article-comments__upload-file {
	display: inline-flex;
	align-items: center;
	color: #436fff;
	font-size: 14px;
	line-height: 22px;
	text-decoration: none;
}
.article-comments__list .rating_vote_text{
  display: block!important;
}
.article-comments__captcha {
	display: grid;
	grid-template-columns: 1fr;
	align-items: end;
  	margin: 16px 0;
}

.article-comments .article-comments__captcha-image img {
	display: block;
}

.article-comments__message,
.article-comments__error {
	width: 100%;
	padding: 12px 16px;
	border-radius: 8px;
	font-size: 14px;
	line-height: 22px;
}

.article-comments__message {
	background: rgba(67, 111, 255, 0.12);
	color: #436fff;
}

.article-comments__error {
	background: rgba(255, 113, 136, 0.12);
	color: #ff7188;
}

.article-comments__comment--hidden {
	opacity: 0.55;
}

.article-comments__comment--preview {
	padding: 16px;
	border: 1px solid #e6e9f2;
	border-radius: 8px;
	background: #f5f7fc;
}

.article-comments__nav-label {
	margin-right: 4px;
	font-size: 14px;
	line-height: 22px;
	color: #999;
}



.article-comments .blog-clear-float,
.article-comments .blog-vert-separator,
.article-comments .blog-comment-line,
.article-comments .blog-comment-avatar,
.article-comments .blog-avatar,
.article-comments .blog-comment-title,
.article-comments .blog-comment-post-title,
.article-comments .blog-post-comment-title,
.article-comments .blog-comments-title,
.article-comments .feed-add-post-form,
.article-comments .feed-add-post-text,
.article-comments .feed-add-post-textwrapper,
.article-comments .feed-add-post-text-inner,
.article-comments .bxhtmled-area-cnt,
.article-comments .bxhtmled-iframe-cnt,
.article-comments .bxhtmled-toolbar-cnt,
.article-comments .feed-add-post-micro,
.article-comments .feed-add-post-form-but-wrap,
.article-comments .feed-add-post-more,
.article-comments .feed-add-post-form-link,
.article-comments .feed-add-post-destination-wrap,
.article-comments .feed-add-post-files-block,
.article-comments .feed-add-post-grat-wrap {
	display: none !important;
}

.article-comments .blog-comment,
.article-comments .blog-comment-cont,
.article-comments .blog-comment-cont-white,
.article-comments .blog-comment-content,
.article-comments .blog-comment-info,
.article-comments .blog-comment-meta {
	float: none;
	background: transparent;
	box-shadow: none;
}

@media (max-width: 767px) {
	.article-comments,
	.article-comments__blog {
		max-width: 100%;
	}

	.article-comments__form-row {
		grid-template-columns: 1fr;
	}

	.article-comments__comment {
		padding: 20px 0 24px;
	}

	.article-comments__new-comment:not(:empty) .article-comments__form-wrap {
		padding-left: 20px;
	}

	.article-comments__text,
	.article-comments__text p {
		font-size: 15px;
		line-height: 24px;
	}
}



.article-comments__field,
.article-comments__captcha-input {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
}

.article-comments__field--error .article-comments__input,
.article-comments__field--error .article-comments__textarea,
.article-comments__field--error .article-comments__input:focus,
.article-comments__field--error .article-comments__textarea:focus,
.article-comments__input.is-error,
.article-comments__textarea.is-error {
	border-color: #FF7188 !important;
	box-shadow: none;
	outline: none;
}
body .article-comments__captcha .recaptcha{
  display: none;
}
.article-comments__field-error {
	display: flex;
	align-items: center;
	width: 100%;
	margin: 0;
	font-family: Inter, Arial, sans-serif;
	font-weight: 400;
	font-size: 13px;
	line-height: 16px;
	color: #FF7188;
}

.article-comments__captcha--error .smart-captcha,
.article-comments__captcha--error .g-recaptcha,
.article-comments__captcha--error .recaptcha_tmp_img {
	border-color: #FF7188 !important;
}

/* System alert */
.article-comments__error,
.article-comments__error.article-comments__error--system {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 0;
	width: 100%;
	min-height: 56px;
	padding: 16px 20px;
	background: rgba(223, 29, 60, 0.12);
	border: 1px solid rgba(223, 29, 60, 0.24);
	border-radius: 6px;
	color: #DF1D3C;
}

.article-comments__error-text {
	display: block;
	width: 100%;
	font-family: Inter, Arial, sans-serif;
	font-weight: 500;
	font-size: 15px;
	line-height: 24px;
	color: #DF1D3C;
}

.article-comments__error-text b {
	font-weight: 500;
}
.article-comments__success,
.article-comments__success.article-comments__success--system {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 0;
	width: 100%;
	min-height: 56px;
	padding: 16px 20px;
	background: rgba(45, 178, 74, 0.12);
	border: 1px solid rgba(45, 178, 74, 0.24);
	border-radius: 6px;
	color: #2DB24A;
}

.article-comments__success-text {
	display: block;
	width: 100%;
	font-family: Inter, Arial, sans-serif;
	font-weight: 500;
	font-size: 15px;
	line-height: 24px;
	color: #2DB24A;
}

.article-comments__success-text b {
	font-weight: 500;
}

/* End */


/* Start:/local/templates/aspro_main/components/bitrix/news.list/banners_in_products/style.css?1694773980724*/
.product-banners__item {
    padding: clamp(var(--g9-mobile), 5vw, var(--g9-desktop));
}

.product-banners__image {
    width: 88px;
    height: 88px;
    flex: 0 0 88px;
    margin-right: clamp(var(--g8-mobile), 3vw, var(--g8-desktop));
}

.product-banners__text {
    gap: clamp(var(--g12-mobile), 6vw, var(--g12-desktop));
}

.product-banners__item{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid var(--Stroke, #E7EBF4);
}

@media(max-width: 991px){
    .product-banners__text{
        flex-direction: column;
        gap: 1rem;
    }
}

@media(max-width: 600px){
    .product-banners__item{
        flex-direction: column;
        gap: 1rem;
    }
}

/* End */


/* Start:/local/templates/aspro_main/components/bitrix/system.pagenavigation/blog/style.css?1779185005760*/
.nums{
  gap:clamp(4px, 0.8vw, 8px);
}
.module-pagination__item{
  width: 45px;
  height: auto;
  aspect-ratio: 1 / 1;
  background: #FFFFFF;
	color: #242426;
  font-size: clamp(.875rem,2vw,1.125rem);
  line-height: var(--fs-18-line-height);
}
.module-pagination__item:not(span):hover,
.module-pagination__item:focus-visible{
  background: #F2F2F8;
	color: #242426;
}
.cur.module-pagination__item{
  background: #436FFF;
	color: #FFFFFF;
	cursor: default;
	pointer-events: none;
}
.pagination-arrow {
  width: clamp(14px, 2vw, 16px);
  min-width: clamp(14px, 2vw, 16px);
  height: clamp(14px, 2vw, 16px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 375px) {
  .module-pagination__item{
    width: 32px;
  }
}

/* End */
/* /local/templates/aspro_main/components/bitrix/news.detail/news/style.css?17893740457590 */
/* /local/templates/aspro_main/css/extensions/card.min.css?17893740453295 */
/* /local/templates/aspro_main/css/extensions/popup-video.min.css?17768353202725 */
/* /local/templates/aspro_main/css/tabs.min.css?17853931861435 */
/* /local/templates/aspro_main/css/form.css?1776835320602 */
/* /local/templates/aspro_main/css/share.min.css?1789374045979 */
/* /local/templates/aspro_main/css/extensions/raiting.min.css?1776835320849 */
/* /local/templates/aspro_main/components/bitrix/news.list/tariffs_list/style.css?17893740452377 */
/* /local/templates/aspro_main/components/bitrix/news.list/news_inner/style.css?17893740452620 */
/* /local/templates/aspro_main/vendor/css/carousel/swiper/swiper-bundle.min.css?167144844613871 */
/* /local/templates/aspro_main/css/slider.swiper.css?17791850053396 */
/* /local/templates/aspro_main/components/bitrix/catalog.section/marketplace_compact/style.css?1694757173180 */
/* /local/templates/aspro_main/components/bitrix/news.list/faq_inner/style.css?178048742452 */
/* /local/templates/aspro_main/css/accordion_smooth.min.css?17823644821165 */
/* /local/templates/aspro_main/components/bitrix/catalog.comments/article_comments/style.css?17853931869015 */
/* /local/templates/aspro_main/components/bitrix/catalog.comments/article_comments/bitrix/blog.post.comment/adapt/style.css?178048742413288 */
/* /local/templates/aspro_main/components/bitrix/news.list/banners_in_products/style.css?1694773980724 */
/* /local/templates/aspro_main/components/bitrix/system.pagenavigation/blog/style.css?1779185005760 */
