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


/* 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 */
/* /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/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/system.pagenavigation/blog/style.css?1779185005760 */
/* /local/templates/aspro_main/components/bitrix/news.list/banners_in_products/style.css?1694773980724 */