.ub-reviews-wrap{
  position:relative;
  max-width:1280px;
  margin:0 auto;
  padding:40px 0 8px;
}
.ub-reviews{
  display:flex;
  gap:24px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  padding:30px 48px 24px;
  margin:0;
  -ms-overflow-style:none;
  scrollbar-width:none;
  align-items:stretch;
}
.ub-reviews::-webkit-scrollbar{ display:none; }

.ub-review{
  position:relative;
  flex:0 0 calc((100% - 48px - 72px)/4);
  min-width:0;
  scroll-snap-align:start;
  background:#fff;
  border-radius:10px;
  box-shadow:0 2px 6px rgba(0,0,0,0.06);
  padding:56px 20px 18px;
  text-align:left;
  color:#202124;
  font-family:"Open Sans",Arial,sans-serif;
  display:flex;
  flex-direction:column;
  align-self:flex-start;
}
@media (max-width:1024px){
  .ub-review{ flex-basis:calc((100% - 48px - 24px)/2); }
}
@media (max-width:600px){
  .ub-review{ flex-basis:calc(100% - 48px - 24px); }
  .ub-reviews{ padding:30px 24px 24px; }
}

.ub-review__avatar{
  position:absolute;
  top:-30px;
  left:50%;
  transform:translateX(-50%);
  width:60px;height:60px;
  border-radius:50%;
  background:#aaa;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  font-weight:600;
  background-size:cover;
  background-position:center;
}
.ub-review__avatar::after{
  content:"";
  position:absolute;
  right:-4px;bottom:-4px;
  width:24px;height:24px;
  border-radius:50%;
  background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'><path fill='%23FFC107' d='M43.6 20.5H42V20H24v8h11.3C33.7 32.5 29.2 36 24 36c-6.6 0-12-5.4-12-12s5.4-12 12-12c3.1 0 5.8 1.2 7.9 3.1l5.7-5.7C34 6.1 29.3 4 24 4 12.9 4 4 12.9 4 24s8.9 20 20 20 20-8.9 20-20c0-1.3-.1-2.3-.4-3.5z'/><path fill='%23FF3D00' d='M6.3 14.7l6.6 4.8C14.7 15.1 18.9 12 24 12c3.1 0 5.8 1.2 7.9 3.1l5.7-5.7C34 6.1 29.3 4 24 4 16.3 4 9.7 8.3 6.3 14.7z'/><path fill='%234CAF50' d='M24 44c5.2 0 9.9-2 13.4-5.2l-6.2-5.2C29.2 35 26.7 36 24 36c-5.2 0-9.6-3.3-11.3-8l-6.5 5C9.6 39.6 16.2 44 24 44z'/><path fill='%231976D2' d='M43.6 20.5H42V20H24v8h11.3c-.8 2.3-2.3 4.3-4.2 5.8l.1-.1 6.2 5.2C36.9 39.5 44 33 44 24c0-1.3-.1-2.3-.4-3.5z'/></svg>") center/16px no-repeat;
  box-shadow:0 0 0 1px rgba(0,0,0,0.08);
}
.ub-review__name{ text-align:center; font-weight:600; font-size:15px; margin:0; }
.ub-review__date{ text-align:center; color:#70757a; font-size:13px; margin:4px 0 10px; }
.ub-review__stars{ display:flex; align-items:center; justify-content:center; gap:2px; margin-bottom:10px; }
.ub-review__stars svg{ width:18px; height:18px; }
.ub-review__verified{ width:16px; height:16px; margin-left:4px; }
.ub-review__text{
  font-size:14px;
  line-height:1.55;
  color:#202124;
  white-space:pre-wrap;
  text-align:center;
  display:-webkit-box;
  -webkit-line-clamp:5;
  -webkit-box-orient:vertical;
  overflow:hidden;
  margin:0;
}
.ub-review.is-expanded .ub-review__text{
  display:block;
  -webkit-line-clamp:unset;
  overflow:visible;
}

.ub-review__toggle,
.ub-review__toggle:hover,
.ub-review__toggle:focus,
.ub-review__toggle:active{
  display:block;
  width:100%;
  background:transparent !important;
  background-color:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:#70757a;
  font-size:13px;
  font-family:inherit;
  padding:10px 0 0 !important;
  margin-top:auto;
  cursor:pointer;
  text-align:center;
  outline:none;
}
.ub-review__toggle:hover{ color:#202124; text-decoration:underline; }
.ub-review__toggle[hidden]{ display:none; }

.ub-reviews-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:40px;height:40px;
  border-radius:50%;
  background:#fff;
  border:1px solid rgba(0,0,0,0.08);
  box-shadow:0 2px 6px rgba(0,0,0,0.08);
  color:#5f6368;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  z-index:2;
  padding:0;
}
.ub-reviews-nav:hover,
.ub-reviews-nav:focus{
  background:#fff;
  color:#202124;
  box-shadow:0 4px 10px rgba(0,0,0,0.12);
}
.ub-reviews-nav--prev{ left:4px; }
.ub-reviews-nav--next{ right:4px; }
.ub-reviews-nav[disabled]{ opacity:0; pointer-events:none; }
.ub-reviews-nav svg{ width:20px; height:20px; }
