/** wrapper **/
.comments-block__wrapper.line-block {
  align-items: normal;
}
.comments-block__reviews-info {
  max-width: 355px;
  width: 100%;
}
.comments-block__reviews-info-inner {
  display: flex;
  gap: 20px;
}

.blog-comment-form .form-group {
  position: relative;
}

@media screen and (max-width: 1199px) {
  .comments-block__reviews-info-inner.catalog-detail__cell-block {
    flex-direction: row;
  }
  .comments-block__reviews-info {
    max-width: none;
  }
  .comments-block__wrapper.line-block {
    --gap: 20px;
    flex-direction: column;
  }
  .comments-block {
    order: 1;
  }
}

/** blog-comment **/
.blog-comments {
  display: flex;
  flex-direction: column;
}
.blog-comment__container {
  display: flex;
  flex-direction: column;
}

/** blog-comment__content **/
.comment-text__text[data-label]::before {
  color: var(--white_text_black);
  content: attr(data-label) ": ";
  display: inline;
  font-size: 0.9375em;
  font-weight: 500;
  line-height: 1.375em;
}
.blog-comment--child .comment-text__text[data-label]::before {
	display: none;
}
.blog-comment-approve-text {
  color: #25a70f;
}
.block-comment-info__image {
	background-color: var(--stroke_input);
	height: 48px;
	width: 48px;
	user-select: none;
}

/** rating **/
.votes_block.nstar .inner_rating {
  display: flex;
  gap: 1px;
}
.rating-wrapper {
  gap: 8px;
}

/** bottom panel **/
.blog-comment-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

/** comment child **/
.blog-comment--child .blog-info__rating {
  display: none;
}
.blog-comment--child {
  padding: 21px 0 0 calc(31px * var(--blog_comment_padding));
}
.blog-comment--child .blog-comment-cont-white {
  --gap: 7px;
}

/** blog form **/
.js-form-comment:not(#form_comment_0) #form_c_del:not(.blog-comment__edit-form) [data-hide] {
  display: none;
}
.blog-comment__form-container .blog-comment__form {
  margin-top: 36px;
}
.blog-comment__form .votes_block {
  display: flex;
  gap: 12px;
}

/* like buttons */
.rating-vote {
  display: inline-flex;
  gap: 12px;
  margin-right: 14px;
}
.rating-vote__item {
  opacity: 0.35;
}
.rating-vote__item:hover,
.rating-vote__item.active {
  opacity: 1;
}

/** filter-panel **/
.filter-panel__sort-form__item input[type="checkbox"] + label {
  margin-bottom: 0;
}
.filter-panel__sort-form__item .radio {
  margin: 0;
  padding: 0;
}
.dropdown-select__list-item.radio input {
  display: none;
}

@media (max-width: 600px) {
  .blog-comment--child {
    padding: 13px 0 0 calc(31px * var(--blog_comment_padding));
  }
  .blog-comment-cont-white {
    --gap: 13px;
  }
  .blog-comment__content {
    flex-direction: column;
  }
  .blog-comment--child .blog-comment-cont-white {
    padding-top: 5px;
  }
  .blog-comment-info .block-comment-info__user {
    font-size: 0px;
  }
  .blog-comment-info .block-comment-info__user * {
    display: none;
  }
  .blog-comment-info .block-comment-info__user .blog-comment__author,
  .blog-comment-info .block-comment-info__user .blog-comment__date {
    display: block;
  }
}

/** alerts **/
.alert-empty + .js-form-comment {
	margin-top: 24px;
}

/** reviews gallery **/
.reviews-gallery-block {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
@media screen and (min-width: 1200px) {
  .reviews-gallery-block--top {
    max-width: 908px;
  }
}
.gallery-review {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  gap: var(--gap);

  > .item {
    cursor: pointer;

    &::after {
      border-radius: var(--theme-image-border-radius);
      border: 1px solid var(--stroke_black);
      content: "";
      inset: 0;
      overflow: hidden;
      position: absolute;
      z-index: 1;
    }
  }
}
.gallery-review::after {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: var(--theme-outer-border-radius);
  color: #fff;
  display: flex;
  font-size: 1em;
  grid-column-start: 10;
  height: 100%;
  justify-content: center;
  line-height: 1.417em;
  pointer-events: none;
  position: absolute;
  width: 100%;
}

@media screen and (max-width: 991px) {
  .gallery-review {
    grid-template-columns: repeat(8, 1fr);
  }
  .gallery-review[data-breakpoint_767]::after {
    content: "+" attr(data-breakpoint_767);
    grid-column-start: 8;
  }
  .gallery-review[data-breakpoint_767] .item:nth-child(n + 9) {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .gallery-review {
    grid-template-columns: repeat(6, 1fr);
  }
  .gallery-review[data-breakpoint_599]::after {
    content: "+" attr(data-breakpoint_599);
    grid-column-start: 6;
  }
  .gallery-review[data-breakpoint_599] .item:nth-child(n + 7) {
    display: none;
  }
}
@media screen and (max-width: 599px) {
  .gallery-review {
    grid-template-columns: repeat(5, 1fr);
  }
  .gallery-review[data-breakpoint_420]::after {
    content: "+" attr(data-breakpoint_420);
    grid-column-start: 5;
  }
  .gallery-review[data-breakpoint_420] .item:nth-child(n + 6) {
    display: none;
  }
}
@media screen and (max-width: 420px) {
  .gallery-review {
    grid-template-columns: repeat(4, 1fr);
  }
  .gallery-review[data-breakpoint_374]::after {
    content: "+" attr(data-breakpoint_374);
    grid-column-start: 4;
  }
  .gallery-review[data-breakpoint_374] .item:nth-child(n + 5) {
    display: none;
  }
}
@media screen and (max-width: 374px) {
  .gallery-review {
    grid-template-columns: repeat(3, 1fr);
  }
  .gallery-review[data-breakpoint_320]::after {
    content: "+" attr(data-breakpoint_320);
    grid-column-start: 3;
  }
  .gallery-review[data-breakpoint_320] .item:nth-child(n + 4) {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .gallery-review[data-breakpoint_991]::after {
    content: "+" attr(data-breakpoint_991);
  }
}

.comments-offer-filter {
  background-color: var(--secondary-black-dark-light-bg);

  &:has(input:focus-visible) {
    outline: 1px solid var(--white_text_black) !important;
  }

  @media (width < 375px) {
    width: 100%;
  }
}

.comments-offer-filter__button {
  &.btn {
    border: none;
  }

  &:has(input:checked) {
    background: var(--black_bg_black);
    cursor: default;
  }

  @media (any-hover: hover) {
    &:has(input:not(:checked):not(:disabled)):hover {
      background-color: var(--light, #E8E9ED) var(--dark, #4a4a53);
    }
  }

  @media (width < 375px) {
    width: 100%;
  }

  input {
    opacity: 0;
    z-index: -1;
  }
}

.comments-offer-filter__button--countable {
  &:not([data-suffix="0"])::after {
    content: '\00a0(' attr(data-suffix) ')';
  }
  &:has(input:disabled) {
    opacity: 0.5;
    cursor: not-allowed;
  }
}

.comments-offer-card {
  display: none;
}
.comments-offer-filter:has(.comments-offer-filter__button-input--current:checked) + .comments-offer-card {
  display: block;
}

.comments-offer-card__image {
  width: 180px;
  max-width: 100%;

  @media (width > 500px) {
    width: 56px;
    height: 56px;
  }
}

@media (width < 500px) {
  .comments-offer-card__wrapper {
    flex-direction: column;
  }
}

@media (width < 768px) {
  .scrollbar-filter.scrollbar-filter--comments {
    --filter-width: none;
  }
}
.scrollbar-filter--comments .bx_filter .bx_filter_parameters.bx_filter_parameters--line-between {
  gap: 0;

  .bx_filter_parameters_box {
    padding-block: calc(var(--gap) / 2);
  }
}

.review-sort-form__input-container {
  user-select: none;
}

.filter-panel__sort-form__item.label_block:has(input[disabled]),
.review-sort-form__input-container:has(input:disabled) {
  filter: grayscale(1);
  opacity: 0.5;

  &:not(.review-sort-form__input-container--mobile) {
    display: none;
  }
}

@media (any-hover: hover) {
  .review-sort-form__input-container:has(input[disabled]) {
    cursor: not-allowed;
  }
}

.review-sort-form__input-container:has(input:checked) {
  outline: 2px solid var(--theme-base-color) !important;
  outline-offset: -2px;
}