.yandex-reviews {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  padding: 47px;
  gap: 24px;
  background: #ffffff;
  border: 1px solid #e1e1e1;
  border-radius: 48px;
}

.yandex-reviews-head {
  display: flex;
  align-items: center;
  gap: 16px 24px;
}

.yandex-reviews-head h2 {
  margin: 0;
  font-weight: 700;
  font-size: 48px;
  line-height: 46px;
  color: #343434;
}
.yandex-reviews-head .right-part {
  display: inline-flex;
  margin-left: auto;
  align-items: center;
  padding: 12px 24px;
  gap: 16px;

  background: #f8f9fa;
  border-radius: 24px;
}
.yandex-reviews-head .right-part .yandex-map-logo {
  display: flex;
}
.yandex-reviews-head .right-part .yandex-map-logo svg {
  margin: 0;
  padding: 0;
}
.yandex-reviews-head .middle-rating {
  align-self: stretch;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding-left: 16px;
  border-left: 1px solid #e1e1e1;
}
.yandex-reviews-head .middle-rating .value {
  font-weight: 500;
  font-size: 24px;
  line-height: 110%;
  color: #343434;
  display: inline-flex;
}

.yandex-reviews-slider-section {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
}
.yandex-reviews-slider {
  display: flex;
  align-items: stretch;
  gap: 24px;
}

.yandex-reviews-slider .item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 32px;
  gap: 32px;
  width: calc(33.333% - 16px);
  background: #f8f9fa;
  border-radius: 32px;
}
.yandex-reviews-slider .item .header-block {
  display: flex;
  gap: 12px 16px;
  width: 100%;
}
.yandex-reviews-slider .item .header-block .name {
  display: inline-flex;
  font-weight: 700;
  font-size: 24px;
  line-height: 110%;
  letter-spacing: 0.27px;
  color: #343434;
}
.yandex-reviews-slider .item .header-block .rating {
  margin-left: auto;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.yandex-reviews-slider .item .text-block {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  font-weight: 400;
  font-size: 15px;
  line-height: 120%;
  color: #464646;
}
.yandex-reviews-slider .item .text-block span.switcher {
  display: none;
}
.yandex-reviews .star {
  display: inline-flex;
  flex: 0 0 auto;
  --value: 100%;
  width: 24px;
  height: 22px;
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='22' viewBox='0 0 24 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 0L15.5267 7.1459L23.4127 8.2918L17.7063 13.8541L19.0534 21.7082L12 18L4.94658 21.7082L6.29366 13.8541L0.587322 8.2918L8.47329 7.1459L12 0Z' fill='%23F6B100'/%3E%3C/svg%3E%0A");
  background-image: linear-gradient(
    to right,
    #f6b100 0,
    #f6b100 var(--value),
    #ddd var(--value),
    #ddd 100%
  );
}
.link-block-mobile {
  display: none;
  flex-direction: column;
  align-items: center;
}

@media (max-width: 1200px) {
  .yandex-reviews {
    padding: 32px;
    border-radius: 32px;
  }
  .yandex-reviews-slider {
    gap: 16px;
  }
  .yandex-reviews-slider .item {
    width: calc(33.333% - 2 * 16px / 3);
    gap: 24px;
  }
  .yandex-reviews-slider .item .header-block {
    flex-direction: column;
    align-items: stretch;
  }
  .yandex-reviews-slider .item .header-block .name {
    font-size: 18px;
    letter-spacing: 0;
  }
  .yandex-reviews-slider .item .header-block .rating {
    margin-left: 0;
  }
  .yandex-reviews-slider .item .text-block {
    font-size: 13px;
    letter-spacing: 0;
  }
}
@media (max-width: 755px) {
  .yandex-reviews {
    padding: 23px;
  }
  .yandex-reviews-head {
    flex-direction: column;
    max-width: 100%;
    overflow: hidden;
    align-items: stretch;
  }
  .yandex-reviews-head h2 {
    font-size: 24px;
    line-height: 110%;
    letter-spacing: 0.27px;
  }
  .yandex-reviews-head .right-part {
    flex: 0 0 auto;
    width: auto;
    margin-left: 0;
  }
  .yandex-reviews-slider {
    align-items: flex-start;
    overflow: auto;
    gap: 8px;
  }
  .yandex-reviews-slider .item {
    flex: 0 0 auto;
    width: 260px;
    padding: 16px;
    border-radius: 16px;
  }
  .yandex-reviews-slider .item .header-block .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellisis;
  }
  .yandex-reviews-slider .item .text-block {
    height: 64px;
    overflow: hidden;
    position: relative;
  }
  .yandex-reviews-slider .item .text-block[data-collapsed] span.switcher {
    display: flex;
    position: absolute;
    padding: 0.06em 0.5em;
    background-color: #f8f9fa;
    font-size: 13px;
    line-height: 120%;
    color: #f25354;
    right: 0;
    bottom: 0;
  }
  .yandex-reviews-slider .item .text-block[data-collapsed="off"] {
    height: auto;
    padding-bottom: 1em;
  }
  .yandex-reviews-slider .item .text-block span.switcher:before {
    content: attr(data-expand-text);
  }
  .yandex-reviews-slider
    .item
    .text-block[data-collapsed="off"]
    span.switcher:before {
    content: attr(data-collapse-text);
  }
  .link-block-mobile {
    display: flex;
  }
}

@media (max-width: 500px) {
  .link-block-mobile {
    align-items: stretch;
  }
  .link-block-mobile .button {
    justify-content: center;
    text-align: center;
  }
}