/* Start:/include/blog/vueComponents/subscribeForm/style.css?17721967494155*/
.a-subscribe {
  --invalid-color: red;
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
}
.a-subscribe__wrapper {
  display: flex;
  background-color: #FFE5CD;
  border-radius: var(--border-radius);
  padding: calc(var(--rem) * 30) calc(var(--rem) * 45);
  justify-content: space-between;
  gap: calc(var(--rem) * 10) calc(var(--rem) * 20);
}
.a-subscribe__title {
  font-size: var(--h3-size);
  margin-top: 0;
}
.a-subscribe__label-text {
  display: block;
  line-height: 1;
}
.a-subscribe__agree-text {
  font-size: var(--small-text-size);
  color: #807266;
  position: relative;
  --check-size: calc(var(--rem) * 14);
  padding-left: calc(var(--check-size) + 0.8em);
  line-height: 1.3;
}
.a-subscribe__agree-text::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: var(--check-size);
  height: var(--check-size);
  border: 2px solid #000;
  border-radius: calc(var(--rem) * 6);
}
.a-subscribe__agree-text::after {
  content: '';
  position: absolute;
  top: .2em;
  left: .2em;
  width: calc(var(--check-size) * .9);
  height: calc(var(--check-size) * .9);
  background: url(/local/templates/blog/assets/img/icons/check.svg) no-repeat center / contain;
  opacity: 0;
}
.a-subscribe__checkbox:checked + .a-subscribe__agree-text::after {
  opacity: 1;
}
.a-subscribe__label-text--invalid {
  color: var(--invalid-color);
}
.a-subscribe__label-text--invalid::before {
  border-color: var(--invalid-color);
}
.a-subscribe__input {
  line-height: 1;
  border: none;
  background-color: transparent;
  border-bottom: 2px solid #000;
  width: 100%;
  font-size: calc(var(--rem) * 14);
  padding: .5em .5em .2em 0;
}
.a-subscribe__form {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: calc(var(--rem) * 30);
  grid-template-areas: 
    'email name submit'
    'agree agree agree'
    'agree2 agree2 agree2'
  ;
}
.a-subscribe__form input::placeholder{
  color: #807266;
  font-size: var(--small-text-size);
}
.a-subscribe__form-name {
  grid-area: name;
  margin-bottom: 1em;
}
.a-subscribe__form-email {
  grid-area: email;
  margin-bottom: 1em;
}
.a-subscribe__form-agree {
  grid-area: agree;
}
.a-subscribe__form-agree-ad {
  grid-area: agree2;
}
.a-subscribe__form-submit {
  grid-area: submit;
  background-color: #FF5430;
  border-radius: 4px;
  align-self: flex-start;
  color: #fff;
  padding: .5em 3em;
  transition: background-color .2s ease-in-out;
}
.a-subscribe__form-submit:hover {
  background-color: #d54223;
  transition: background-color .2s ease-in-out;
}
.a-subscribe__validateError {
  display: block;
  font-size: calc(var(--rem) * 10);
  color: var(--invalid-color);
  margin-top: .5em;
}
.a-subscribe__input--invalid {
  border-color: var(--invalid-color);
}
.a-subscribe__success-message {
  font-weight: 500;
  font-size: var(--h3-size);
  text-align: center;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .a-subscribe {
    padding-left: var(--container-horizontal-padding);
    padding-right: var(--container-horizontal-padding);
  }
}
.a-subscribe--mobile .a-subscribe__form {
  grid-template-columns: 1fr;
  grid-template-areas: 
    'email'
    'name'
    'agree'
    'submit'
  ;
  row-gap: calc(var(--rem) * 10);
}
.a-subscribe--mobile .a-subscribe__input::placeholder {
  text-align: center;
}
.a-subscribe--mobile .a-subscribe__form-email {
  grid-area: email;
}
.a-subscribe--mobile .a-subscribe__form-name {
  grid-area: name;
}
.a-subscribe--mobile .a-subscribe__submit {
  grid-area: submit;
  margin-top: 1em;
}
.a-subscribe--mobile .a-subscribe__agree {
  grid-area: agree;
}
.a-subscribe--mobile .a-subscribe__wrapper {
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.a-subscribe--mobile .a-subscribe__label-text {
  margin-bottom: .5em;
}
.a-subscribe--mobile .a-subscribe__wrapper {
  padding: calc(var(--rem) * 45) calc(var(--rem) * 45);
}
.a-subscribe--mobile .a-subscribe {
  padding: 0;
}
.disabled-form,
.disabled-form:hover{
  background: #e7e7e7;
}
/* End */


/* Start:/include/blog/vueComponents/commentsBlock/style.css?17102790242818*/
/* a-reviews */
.a-reviews__title {
  font-size: var(--h3-size);
}
.a-reviews__item {
  --image-size: calc(var(--rem) * 87);
  position: relative;
  padding-left: calc(var(--image-size) + calc(var(--rem) * 20));
}
.a-reviews__item:not(:last-child) {
  margin-bottom: 2em;
}
.a-reviews__item-photo {
  width: var(--image-size);
  position: absolute;
  top: 0;
  left: 0;
}
.a-reviews__item-name {
  font-size: var(--smaller-text-size);
  font-weight: 700;
  margin: 0;
}
.a-reviews__item-date {
  color: #807266;
  font-size: var(--small-text-size);
  margin: 0;
}
.a-reviews__item-text {
  font-size: var(--small-text-size);
  margin: .4em 0 0;
}
.a-reviews__item-actions {
  margin-top: 1em;
  display: flex;
  align-items: center;
  gap: calc(var(--rem) * 20);
}
.a-reviews__opinion {
  --icon-size: calc(var(--rem) * 17);
  width: var(--icon-size);
  height: var(--icon-size);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: relative;
  margin-right: calc(var(--rem) * 18);
}
.a-reviews__opinion::after {
  content: attr(data-count);
  position: absolute;
  top: 50%;
  left: calc(100% + .4em);
  transform: translateY(-50%);
  font-size: var(--small-text-size);
}
.a-reviews__opinion--like {
  background-image: url(/local/templates/blog/assets/img/icons/like.svg);
} 
.a-reviews__opinion--dislike {
  background-image: url(/local/templates/blog/assets/img/icons/dislike.svg);
}
.a-reviews__opinion--like.a-reviews__opinion--selected {
  background-image: url(/local/templates/blog/assets/img/icons/like-selected.svg);
}
.a-reviews__opinion--dislike.a-reviews__opinion--selected {
  background-image: url(/local/templates/blog/assets/img/icons/dislike-selected.svg);
}
.a-reviews__answer {
  background-color: #fff;
  box-shadow: 0px 0px 8px rgba(1, 106, 255, 0.1);
  border-radius: calc(var(--rem) * 45);
  padding: 0.3em 2em;
  transition: box-shadow .2s ease-in-out;
  font-weight: 500;
  font-size: var(--small-text-size);
}
.a-reviews__answer:hover {
  box-shadow: 0px 0px 8px 4px rgba(1, 106, 255, 0.1);
  transition: box-shadow .2s ease-in-out;
}

@media (max-width: 480px) {
  .a-reviews__item {
    padding-left: 0;
    display: grid;
    grid-template-columns: calc(var(--rem) * 87) 1fr;
    grid-template-areas: 
      'avatar name'
      'avatar date'
      'text text'
      'actions actions'
    ;
    column-gap: 1em;
  }
  .a-reviews__item-photo {
    position: static;
    grid-area: avatar;
  }
  .a-reviews__item-name {
    grid-area: name;
  }
  .a-reviews__item-date {
    grid-area: date;
  }
  .a-reviews__item-text {
    margin-top: 1em;
    grid-area: text;
  }
  .a-reviews__item-actions {
    grid-area: actions;
  }
}

/* End */


/* Start:/include/blog/vueComponents/commentForm/style.css?17617399763890*/
.a-comment {
  --bg-color: #f5f5f5;
  --invalid-color: red;
  display: flex;
  gap: calc(var(--rem) * 10) calc(var(--rem) * 30);
}
.a-comment__title {
  font-size: var(--h3-size);
  font-weight: bold;
  margin: 0.6em 0 0.3em;
}
.a-comment__label-text {
  display: block;
  line-height: 1;
}
.a-comment__label-text--comment {
  margin-bottom: 0.5em;
}
.a-comment__label-text--agree {
  font-size: var(--small-text-size);
  color: #807266;
  position: relative;
  --check-size: calc(var(--rem) * 20);
  padding-left: calc(var(--check-size) + 0.8em);
  line-height: 1.3;
}
.a-comment__label-text--agree::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: var(--check-size);
  height: calc(var(--check-size) * 0.8);
  border: 2px solid #000;
  border-radius: calc(var(--rem) * 6);
}
.a-comment__label-text--agree::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.3em;
  width: calc(var(--check-size) * 0.9);
  height: calc(var(--check-size) * 0.7);
  background: url(/local/templates/blog/assets/img/icons/check.svg) no-repeat
    center / contain;
  opacity: 0;
}
.a-comment__validateError {
  font-size: calc(var(--rem) * 12);
  color: var(--invalid-color);
  display: block;
  margin-top: 0.3em;
}
.a-comment__checkbox:checked + .a-comment__label-text--agree::after {
  opacity: 1;
}
.a-comment__textarea {
  width: 100%;
  height: 100%;
  padding: calc(var(--rem) * 10);
  resize: vertical;
  border: 2px solid #000;
  background-color: transparent;
}
.a-comment__input {
  line-height: 1;
  border: none;
  background-color: transparent;
  border-bottom: 2px solid #000;
  width: 100%;
}
.a-comment__input--invalid {
  border-color: var(--invalid-color);
}
.a-comment__form {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: calc(var(--rem) * 10) calc(var(--rem) * 30);
  grid-template-areas:
    "comment name"
    "comment email"
    "comment keywords"
    "comment submit"
    "agree agree";
  width: 100%;
}
.a-comment__form input::placeholder,
.a-comment__form textarea::placeholder {
  color: #807266;
  font-size: var(--small-text-size);
}
.a-comment__form-comment {
  display: flex;
  flex-direction: column;
  grid-area: comment;
}
.a-comment__form-name {
  grid-area: name;
  margin-bottom: 1em;
}
.a-comment__form-email {
  grid-area: email;
  margin-bottom: 1em;
}
.a-comment__form-keywords {
  grid-area: keywords;
}
.a-comment__form-agree {
  grid-area: agree;
}
.a-comment__form-submit {
  background-color: #0182ff;
  color: #fff;
  border-radius: calc(var(--rem) * 4);
  padding: 0.6em 1em;
  grid-area: submit;
  text-transform: uppercase;
  font-size: calc(var(--rem) * 15);
}
.a-comment__form-submit:disabled {
  opacity: 0.5;
}
@media (max-width: 860px) {
  .a-comment__form {
    grid-template-columns: 100%;
    column-gap: calc(var(--rem) * 30);
    grid-template-areas:
      "name"
      "email"
      "comment"
      "agree"
      "submit";
    width: 100%;
  }
  .a-comment {
    flex-direction: column;
  }
  .a-subscribe__form-submit {
    margin-bottom: 1em;
  }
  .a-comment__label-text {
    margin-bottom: 0.5em;
  }
  .a-comment__form-name,
  .a-comment__form-email {
    max-width: calc(var(--rem) * 300);
    width: 100%;
    justify-self: center;
  }
  .a-comment__label,
  .a-comment__title {
    text-align: center;
  }
  .a-comment__label,
  .a-comment__label input {
    text-align: center;
  }
  .a-comment__form-agree {
    max-width: calc(var(--rem) * 400);
    width: max-content;
    max-width: 100%;
    justify-self: center;
    text-align: left;
  }
  .a-comment__form-submit {
    width: max-content;
    max-width: 100%;
    margin: 0 auto;
  }
}

/* End */


/* Start:/include/blog/vueComponents/popup/style.css?1710279024210*/
.a-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0000003b;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100;
}

/* End */


/* Start:/include/blog/vueComponents/readLater/style.css?1710279024607*/
.a-banner__later {
  position: relative;
  font-size: calc(var(--rem) * 15);
  font-weight: 700;
  margin-bottom: calc(var(--rem) * 10);
  display: block;
  padding: .5em 2em .5em 3em;
  border-radius: 8px;
}
.a-banner__later::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 1em;
  transform: translateY(-50%);
  width: calc(var(--rem) * 12);
  height: calc(var(--rem) * 17);
  background: url(/local/templates/blog/assets/img/icons/bookmark_gray.svg) no-repeat center / contain;
}
.a-banner__later--active {
  background-color: var(--brand-color);
  color: #fff;
}

/* End */


/* Start:/include/blog/vueComponents/main/style.css?1710279024321*/
.a-blocks p,
.a-blocks li{
margin: 10px 0 20px 0;
}
.a-blocks br{
display: none;
}
.a-blocks ul li:not(.a-blocks ul li.a-recomendation__tag){
position: relative;

}
.a-blocks ul li::before{
content: '\2014';
position: absolute;
left:0;
top: 0;
color: #000;
}
.a-blocks ul li.a-recomendation__tag::before{
content: none;
}
/* End */


/* Start:/local/templates/blog/components/bitrix/catalog/articles/style.min.css?1710278949959*/
.grid .bx_content_section{margin-bottom:15px}.grid .bx_sidebar{margin-bottom:15px}.grid2x1 .bx_content_section{float:left;width:66%;margin-bottom:15px}.grid2x1 .bx_sidebar{float:right;width:33%;margin-bottom:15px;padding-left:5%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media(max-width:960px){.grid2x1 .bx_sidebar{padding-left:4%}}@media(max-width:640px){.grid2x1 .bx_content_section,.grid2x1 .bx_sidebar{width:100%;float:none}.grid2x1 .bx_sidebar{padding-left:3%}}@media(max-width:479px){.grid2x1 .bx_sidebar{padding-left:1%}}.catalog-block-header{font-size:14px;font-weight:bold;text-align:left;margin:5px 0;padding:5px 15px;border-bottom:2px solid #d9dee6;color:#000}body.bx-theme-blue .catalog-block-header{border-color:#006cc0}body.bx-theme-green .catalog-block-header{border-color:#63aa28}body.bx-theme-red .catalog-block-header{border-color:#da3737}body.bx-theme-yellow .catalog-block-header{border-color:#f4b236}
/* End */


/* Start:/local/templates/blog/components/bitrix/catalog.section/articles/style.css?1719234169479*/
.a-blocks {
  display: flex;
  flex-direction: column;
  gap: calc(var(--rem) * 20);
}
.a-blocks .a-block > img {
  width: 50%;
  margin: 0 auto;
}
h2,
h3,
h4 {
  margin: 0.6em 0 0.3em;
}
p {
  margin: 0;
}
br {
  line-height: 1;
}
@media (max-width: 768px) {
  .a-blocks {
    gap: calc(var(--rem) * 10);
  }
  .a-blocks .a-block > img {
    width: 70%;
   
  }
}
@media (max-width: 425px) {
  .a-blocks .a-block > img {
    width: 100%;
  }
}

/* End */


/* Start:/include/blog/components/headerBanner/style.css?17617399764482*/
.a-banner__wrapper {
  display: flex;
  /* gap: calc(var(--rem) * 30);
  grid-template-columns: 1fr calc(var(--rem) * 700); */
}
.a-banner__left {
  flex: 1 0 45%;
}
.a-banner__img {
  width: calc(var(--rem) * 730);
  height: calc(var(--rem) * 525);
  object-fit: cover;
  transform: translateY(calc(var(--container-vertical-padding)));
}
.a-banner__tags {
  display: flex;
  gap: calc(var(--rem) * 15);
  flex-wrap: wrap;
}
.a-banner__tag-link {
  display: block;
  background-color: #fff;
  border-radius: calc(var(--rem) * 45);
  padding: 0.5em 2em;
  font-weight: 500;
  box-shadow: 0px 0px calc(var(--rem) * 8) rgba(1, 106, 255, 0.1);
  font-size: var(--smaller-text-size);
}
.a-banner__title {
  margin: 0 0 0.8em;
  line-height: 1.2;
}
.a-banner__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: calc(var(--rem) * 20);
}
.a-banner__info {
  display: flex;
  flex-direction: column;
  gap: calc(var(--rem) * 10) calc(var(--rem) * 25);
  /* background-color: #fff; */
  /* border-radius: 8px; */
  padding: calc(var(--rem) * 5) calc(var(--rem) * 10);
  /* position: absolute;
  z-index: 1;
  box-shadow: 0 0 3px #00000033; */
  flex-wrap: wrap;
  justify-content: center;
  padding-left: 78px;
}
.a-banner__info-item {
  --image-size: calc(var(--rem) * 18);
  position: relative;
  /* font-weight: 500; */
  padding-left: calc(var(--image-size) + 0.3em);
  font-size: calc(var(--rem) * 15);
}
.a-banner__info-item::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: var(--image-size);
  height: var(--image-size);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.a-banner__info-item--date {
  display: block;
}
.a-banner__info-item--date::before {
  background-image: url(/local/templates/blog/assets/img/icons/date-create.svg);
}
.a-banner__info-item--review::before {
  background-image: url(/local/templates/blog/assets/img/icons/review.svg);
}
.a-banner__info-item--time::before {
  background-image: url(/local/templates/blog/assets/img/icons/time.svg);
}
.a-banner__info-item--views::before {
  background-image: url(/local/templates/blog/assets/img/icons/eye.svg);
}
.a-banner__info-item--time,
.a-banner__info-item--views {
  /* display: none; */
}
.form-rating {
  display: flex;
  align-items: flex-end;
  gap: 20px;
}

.rating-area {
  overflow: hidden;
  width: max-content;
}
.rating-area:not(:checked) > input {
  display: none;
}
.rating-area:not(:checked) > label {
  float: right;
  width: 26px;
  padding: 0;
  cursor: pointer;
  font-size: 32px;
  line-height: 32px;
  color: lightgrey;
  text-shadow: 1px 1px #bbb;
}
.rating-area:not(:checked) > label:before {
  content: "★";
}
.rating-area > input:checked ~ label {
  color: gold;
  text-shadow: 1px 1px #c60;
}
.rating-area:not(:checked) > label:hover,
.rating-area:not(:checked) > label:hover ~ label {
  color: gold;
}
.rating-area > input:checked + label:hover,
.rating-area > input:checked + label:hover ~ label,
.rating-area > input:checked ~ label:hover,
.rating-area > input:checked ~ label:hover ~ label,
.rating-area > label:hover ~ input:checked ~ label,
.rating-area > .check ~ label {
  color: gold;
  text-shadow: 1px 1px goldenrod;
}
.rating-area input:checked + label,
.rating-area input:checked + label ~ label {
  color: gold;
}
.rate-area > label:active {
  position: relative;
}
.rating-area--disabled {
  pointer-events: none;
  opacity: 0.6;
  cursor: default;
}
.a-banner__info-item--rating {
  padding: 0;
}
@media (max-width: 1040px) {
  .a-banner__info {
    padding-left: 0;
  }
}
@media (max-width: 960px) {
  .a-banner__wrapper {
    flex-direction: column;
    align-items: center;
    gap: calc(var(--rem) * 10);
  }
  .a-banner__author {
    margin: 0 auto;
    width: max-content;
    max-width: 100%;
  }
  .a-banner__title {
    text-align: center;
  }
  .a-banner__info {
    gap: calc(var(--rem) * 10) calc(var(--rem) * 15);
    top: calc(100% + calc(var(--rem) * 10));
    left: 50%;
    /* transform: translateX(-50%); */
    width: max-content;
    max-width: 100%;
    box-shadow: none;
    font-size: calc(var(--rem) * 12);
  }
  .a-banner__title {
    font-size: calc(var(--rem) * 23);
  }
  .a-banner {
    margin-bottom: calc(var(--rem) * 80);
  }
  .a-banner__later {
    margin: 0 auto calc(var(--rem) * 10);
  }
}
@media (max-width: 375px) {
  .form-rating {
    display: block;
  }
}

/* End */


/* Start:/include/blog/components/returnToBlog/style.css?1710279024263*/
.a-return-to-blog {
  display: block;
  background-color: #fff;
  border-radius: calc(var(--rem) * 45);
  padding: 0.5em 2em;
  font-weight: 500;
  box-shadow: 0px 0px calc(var(--rem) * 8) rgba(1, 106, 255, 0.1);
  font-size: var(--smaller-text-size);
}

/* End */


/* Start:/include/blog/components/author/style.css?1710279024575*/
.a-blog__author {
  position: relative;
  --image-size: calc(var(--rem) * 87);
  display: grid;
  grid-template-columns: var(--image-size) 1fr;
  gap: calc(var(--rem) * 15);
  align-items: center;
  margin-bottom: calc(var(--rem) * 25);
}
.a-blog__author-img {
  width: var(--image-size);
  border: 2px solid var(--brand-color);
  border-radius: 50%;
  background-color: #fff;
}
.a-blog__author-name {
  font-weight: 700;
  margin: 0;
  font-size: calc(var(--rem) * 15);
}
.a-blog__author-position {
  margin: 0;
  font-size: calc(var(--rem) * 13);
}

/* End */


/* Start:/include/blog/components/breadcrumbs/style.css?1710279024604*/
.a-breadcrumbs__list {
  --gap: 1em;
  display: flex;
  gap: .5em var(--gap);
  flex-wrap: wrap;
}
.a-breadcrumbs__item {
  position: relative;
  font-size: calc(var(--rem) * 15);
  text-transform: uppercase;
}
.a-breadcrumbs__item:not(:last-child)::after {
  content: '/';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc(100% + calc(var(--gap) / 2));
}
.a-breadcrumbs__item:last-child {
  pointer-events: none;
  font-weight: 700;
}
@media (max-width: 960px) {
  .a-breadcrumbs__list {
    justify-content: center;
    text-align: center;
  }
}

/* End */


/* Start:/include/blog/components/anchorMenu/style.css?17102790241494*/
.a-anchorMenu {
  position: relative;
  margin-bottom: var(--container-vertical-padding);
}
.a-anchorMenu::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 105%;
  height: 100%;
  border: 2px solid var(--brand-color);
  border-radius: calc(var(--rem) * 8);
}
.a-anchorMenu__list {
  counter-reset: menu;
  column-count: 2;
  column-gap: 1em;
  max-width: calc(var(--rem) * 900);
}
.a-anchorMenu__item {
  position: relative;
  counter-increment: menu;
  margin-left: 1em;
  text-decoration: underline;
  text-underline-offset: .1em;
  font-size: calc(var(--rem) * 18);
  font-weight: 500;
}
.a-anchorMenu__item:not(:last-child) {
  margin-bottom: .5em;
}
.a-anchorMenu__item::before {
  content: counter(menu)'.';
  position: absolute;
  top: 0;
  left: -1em;
}
@media (max-width: 1280px) {
  .a-anchorMenu::before {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .a-anchorMenu::before {
    width: 100%;
  }
  .a-anchorMenu__item {
    font-size: calc(var(--rem) * 13);
  }
  .a-anchorMenu {
    max-width: calc(100% - calc(var(--container-horizontal-padding) * 2));
    --inner-width: calc(var(--rem) * 300);
  }
  .a-anchorMenu__title,
  .a-anchorMenu__list {
    max-width: var(--inner-width);
    margin-right: auto;
    margin-left: auto;
  }
  .a-anchorMenu__title {
    text-align: center;
  }
  .a-anchorMenu__list {
    column-count: 1;
  }
}

/* End */


/* Start:/include/blog/templates/full-width-illustraion/style.css?171027902457*/
.a-full-width-img {
  width: 100%;
  height: auto;
}

/* End */


/* Start:/include/blog/templates/title/style.css?171027902436*/
.a-title {
  margin: .3em 0 0;
}

/* End */


/* Start:/include/blog/templates/recomendations/style.css?17102790243086*/
.a-recomendation {
  --control-size: calc(var(--rem) * 46);
  --bg-color: #FFF2DA;
}
.a-recomendation__wrapper {
  position: relative;
  display: grid;
  grid-template-columns: 1fr max-content;
  gap: calc(var(--rem) * 10) calc(var(--rem) * 140);
}
.a-recomendation__title {
  margin: 0 0 0.3em;
}
.a-recomendation__tags {
  display: flex;
  gap: calc(var(--rem) * 20);
}
.a-recomendation__subtitle {
  margin-bottom: .5em;
}
.a-recomendation__outer-wrapper {
  padding-left: calc(var(--control-size) + calc(var(--rem) * 30));
  padding-right: calc(var(--control-size) + calc(var(--rem) * 30));
}
.a-recomendation__tag {
  background-color: #fff;
  width: max-content;
  max-width: 100%;
  border-radius: 50px;
  padding: 0.7em 2em;
  font-size: var(--small-text-size);
}
.a-recomendation__text {
  margin-bottom: 1.5em;
}
.a-recomendation__control {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: var(--control-size);
  height: var(--control-size);
  background: url(https://alpinadigital.ru/bitrix/templates/alpina/images/svg/circle-arrow.svg) no-repeat center / contain;
  z-index: 1;
  cursor: pointer;
}
.a-recomendation__control[aria-disabled="true"] {
  opacity: .5;
}
.a-recomendation__prev {
  left: 0;
}
.a-recomendation__next {
  right: 0;
  transform: translateY(-50%) scale(-1);
}
.a-recomendation__link {
  background-color: #E63434;
  width: 100%;
  display: block;
  color: #fff;
  font-weight: 700;
  font-size: var(--small-text-size);
  text-transform: uppercase;
  text-align: center;
  border-radius: 4px;
  padding: 0.6em 1em;
  transition: background-color .2s ease-in-out;
}
.a-recomendation__link:hover {
  background-color: #b92323;
  transition: background-color .2s ease-in-out;
}
.a-recomendation__cover {
  display: flex;
  gap: calc(var(--rem) * 20);
}
.a-recomendation__type {
  display: none;
}
@media (max-width: 860px) {
  .a-recomendation__wrapper {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    text-align: center;
  }
  .a-recomendation__title {
    text-align: center;
    margin-bottom: 1em;
  }
  .a-recomendation__tags {
    justify-content: center;
    margin-bottom: 2em;
  }
  .a-recomendation__mark {
    display: none;
  }
  .a-recomendation__link {
    width: calc(var(--rem) * 300);
    max-width: 100%;
    margin: 0 auto;
  }
	li.a-recomendation__tag::before{

position:static;
conteiner: none;}
  .a-recomendation__type {
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    object-fit: contain;
    width: 100%;
    height: auto;
    z-index: -1;
    max-height: calc(var(--rem) * 80);
  }
  .a-recomendation__cover {
    max-width: calc(var(--rem) * 200);
  }
  .a-recomendation__control {
    top: calc(var(--rem) * 220);
  }
  .a-reviews__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 0;
  }
  .a-reviews__item-photo {
    position: static;
    margin-bottom: calc(var(--rem) * 10);
  }
  .a-reviews__item-name {
    font-size: calc(var(--rem) * 15);
  }
}

/* End */


/* Start:/include/blog/components/shareBlock/style.css?1761739976327*/
.a-share__title {
  font-size: var(--usual-text-size);
  font-weight: bold;
  margin: 0.6em 0 0.3em;
}
.a-share__list {
  display: flex;
  gap: calc(var(--rem) * 20);
}
.a-share__item {
  position: relative;
}
.a-share__item-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* End */


/* Start:/include/blog/components/willLikeBlock/style.css?17617399761834*/
.a-canlike {
  padding-right: 0;
  padding-left: 0;
}
.a-canlike__title {
  font-size: var(--h3-size);
}
.a-canlike__list {
  --item-size: calc(var(--rem) * 420);
  --image-size: calc(var(--rem) * 250);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--item-size), 1fr));
  gap: calc(var(--rem) * 15) calc(var(--rem) * 30);
}
.a-canlike__item {
  --padding-right: calc(var(--image-size) + calc(var(--rem) * 20));
  position: relative;
  padding: calc(var(--rem) * 30) var(--padding-right) calc(var(--rem) * 30)
    calc(var(--rem) * 45);
  border: 2px solid #e7e7e7;
  border-radius: var(--border-radius);
  overflow: hidden;
  transition: box-shadow 0.2s ease-in-out;
}
.a-canlike__item:hover {
  box-shadow: 0 0 6px 3px #e7e7e7;
  transition: box-shadow 0.2s ease-in-out;
}
.a-canlike__item-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.a-canlike__item-title {
  line-height: 1.3;
  font-weight: 700;
  margin: 0 0 0.3em;
  font-size: var(--usual-text-size);
}
.a-canlike__item-text {
  font-size: var(--smaller-text-size);
  margin: 0;
}
.a-canlike__item-img {
  width: var(--image-size);
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  object-fit: cover;
}

@media (max-width: 1200px) {
  .a-canlike {
    padding-left: var(--container-horizontal-padding);
    padding-right: var(--container-horizontal-padding);
  }
}
@media (max-width: 480px) {
  .a-canlike__list {
    --item-size: calc(var(--rem) * 300);
    --image-size: calc(var(--rem) * 150);
  }
  .a-canlike__item {
    padding: calc(var(--rem) * 20) var(--padding-right) calc(var(--rem) * 20)
      calc(var(--rem) * 20);
  }
}
@media (max-width: 374px) {
  .a-canlike__item-title {
    overflow-wrap: break-word;
  }
}

/* End */


/* Start:/include/blog/components/subscribeBlock/style.css?1710279024560*/
.a-subscribe-block {
  padding: 0 0 var(--container-vertical-padding);
}
.a-subscribe-block__mobile {
  display: none;
}
.a-subscribe-block__trigger {
  display: block;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  background-color: var(--brand-color);
  padding: .5em 1em;
  border-radius: calc(var(--rem) * 8);
  margin: 0 auto;
  width: max-content;
  max-width: 100%;
}
@media (max-width: 860px) {
  .a-subscribe-block__mobile {
    display: block;
  }
  .a-subscribe-block__desktop {
    display: none;
  }
}

/* End */
/* /include/blog/vueComponents/subscribeForm/style.css?17721967494155 */
/* /include/blog/vueComponents/commentsBlock/style.css?17102790242818 */
/* /include/blog/vueComponents/commentForm/style.css?17617399763890 */
/* /include/blog/vueComponents/popup/style.css?1710279024210 */
/* /include/blog/vueComponents/readLater/style.css?1710279024607 */
/* /include/blog/vueComponents/main/style.css?1710279024321 */
/* /local/templates/blog/components/bitrix/catalog/articles/style.min.css?1710278949959 */
/* /local/templates/blog/components/bitrix/catalog.section/articles/style.css?1719234169479 */
/* /include/blog/components/headerBanner/style.css?17617399764482 */
/* /include/blog/components/returnToBlog/style.css?1710279024263 */
/* /include/blog/components/author/style.css?1710279024575 */
/* /include/blog/components/breadcrumbs/style.css?1710279024604 */
/* /include/blog/components/anchorMenu/style.css?17102790241494 */
/* /include/blog/templates/full-width-illustraion/style.css?171027902457 */
/* /include/blog/templates/title/style.css?171027902436 */
/* /include/blog/templates/recomendations/style.css?17102790243086 */
/* /include/blog/components/shareBlock/style.css?1761739976327 */
/* /include/blog/components/willLikeBlock/style.css?17617399761834 */
/* /include/blog/components/subscribeBlock/style.css?1710279024560 */