/* ====== Reviews (MBTR) ====== */
.mbtr-reviews{
	margin: 20px 0;
}
/* Заголовок */
.mbtr-grid-head{
  display:flex;align-items:center;gap:16px;margin-bottom:18px
}
.mbtr-title{text-align: center;}
.mbtr-avg{display:flex;align-items:center;gap:8px;color:#111}
.mbtr-avg .mbtr-stars .s{font-size:16px}

/* Сітка карток */
.mbtr-grid{
  display:flex;
  flex-wrap: wrap;
  grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
  gap:20px;
}

/* Картка */
.mbtr-card{
  width: 470px;background:#fff;border:1px solid #eee;border-radius:14px;
  padding:14px; position:relative; box-shadow:0 2px 12px rgba(0,0,0,.04);
  display: flex;  gap:14px;justify-content: space-between;
}
 @media only screen and (max-width:992px) {
  .mbtr-card{
    width: 100%;
  }
  .mbtr-card.has-one-photo .mbtr-text{
	width: 100%;
	max-width: 860px;
	}
 }
@media only screen and (max-width:768px) {
	.mbtr-card{flex-direction: column;}

}
.mbtr-card.has-two-photos{
	width: 100%;
}
.mbtr-card.has-two-photos .mbtr-text{
	width: 100%;
	max-width: 440px;
}
@media only screen and (max-width:768px) {
	.mbtr-card.has-two-photos .mbtr-text{
		max-width: 100%;
	}
}
.mbtr-card.has-no-photos .mbtr-text{
	width: 100%;
}

/* Шапка */
.mbtr-card-head{display:flex;gap:12px;}
.mbtr-avatar-wrap{flex:0 0 auto}
.mbtr-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;display:block}
.mbtr-avatar--ph{width:42px;height:42px;border-radius:50%;background:#efefef;display:block}
.mbtr-head-meta{display:flex;flex-direction:column;gap:2px}
.mbtr-name{font-weight:700}
.mbtr-date{font-size:12px;color:#777}

/* Зірочки */
.mbtr-stars{display:inline-flex;gap:3px;vertical-align:middle}
.mbtr-stars .s{color:#f6c941;font-style:normal;line-height:1}


/* Тіло картки: 2 колонки — ліворуч текст, праворуч фото */
.mbtr-card-main{
  display:flex;
  gap:14px;
  align-items:start;
  flex-direction: column;
}

/* Текст зі скролом — завжди показувати смугу прокрутки */
.mbtr-text{
  max-height:120px;   /* фіксована висота видимої області */
  overflow-y: auto; /* показувати скрол завжди */
  padding-right:8px;  /* місце під скролбар */
  line-height:1.3;
  color:#222;
  text-align: justify;
}
@media only screen and (max-width:768px) {
	.mbtr-text{
		max-height: 100%;
	}
}

/* Колонка фото праворуч */
.mbtr-photos-vert{
  display:flex;  gap:10px;
}
@media only screen and (max-width:550px) {
	.mbtr-photos-vert{
		flex-direction: column;
	}
}
.mbtr-photo-vert{
  position:relative; border-radius:12px; overflow:hidden;
  border:1px solid #eee; background:#fafafa;
  width: 210px;
}
@media only screen and (max-width:550px) {
	.mbtr-photo-vert{
		width: 100%;
	}
}
.mbtr-photo-vert img{
  display:block; width:100%; height:210px; object-fit:cover;
  image-rendering:auto;
}
@media only screen and (max-width:550px) {
	.mbtr-photo-vert img{
		height:250px;
	}
}
/* бейдж +N */
.mbtr-more{
  position:absolute; right:8px; bottom:8px;
  padding:2px 8px; font-size:12px; line-height:1.6;
  background:rgba(0,0,0,.6); color:#fff; border-radius:999px;
}

.mbtr-reviews-text{
  margin-bottom: 10px;
  font-size: 14px;
  text-align: center;
}