.wad-gr { font-family: inherit; }

.wad-gr__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 30px;
}

.wad-gr__title { font-size: 18px; font-weight: 700; line-height: 1.2; }
.wad-gr__meta { margin-top: 4px; font-size: 14px; opacity: 0.85; }
.wad-gr__rating { font-weight: 700; margin-right: 6px; }

.wad-gr__nav { display: flex; gap: 8px; }

.wad-gr__btn,
.wad-gr__btn:focus {
	width: 62px;
	height: 62px;
	border-radius: 999px;
	border: 1px solid #B8B8B8;
	background-color: #fff;
	cursor: pointer;
	padding: 0;

	display: inline-flex;
	align-items: center;
	justify-content: center;

	color: #B8B8B8;
	transition: color .3s ease, border-color .3s ease, background-color .3s ease;
}

/* SVG dydis */
.wad-gr__btn svg {
	width: 10px;
	height: 18px;
	display: block;
}

/* hover */
.wad-gr__btn:hover {
	background-color: transparent;
	border-color: #333;
	color: #333;
}

.wad-gr {
	margin-top: 40px;
}


.wad-gr__track {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  padding-bottom: 6px;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  user-select: none;
  cursor: grab;
  scrollbar-width: none;
  -ms-overflow-style: none;
  align-items: stretch;
  padding-right: 30px;
}
.wad-gr__track--dragging { cursor: grabbing; }
.wad-gr__track::-webkit-scrollbar { display: none; }

.wad-gr__item {
  border: none;
  border-radius: 20px;
  padding: 60px 80px 40px 50px;
  background: #F7F7F7 url("kabutes.svg");
  background-size: 50px;
  background-repeat: no-repeat;
  background-position: top 80px right 80px;
  scroll-snap-align: start;
  flex: 0 0 calc((100% - (16px * 2)) / 2.5);

  display: flex;
  flex-direction: column;

  min-height: 170px;
}

@media (min-width: 2000px) {
  .wad-gr__item {
    flex: 0 0 calc((100% - (16px * 3)) / 3.5);
  }
}

@media (max-width: 900px) {
  .wad-gr__item {
    flex-basis: calc((100% - 16px) / 1.2);
    min-height: 190px;
  }
}

.wad-gr__avatar { width: 38px; height: 38px; border-radius: 999px; object-fit: cover; }
.wad-gr__author { font-weight: 600; font-size: 16px; margin-top:5px;  }
.wad-gr__sub { font-size: 12px; opacity: 0.8; display: flex; gap: 8px; align-items: center; }
.wad-gr__stars { letter-spacing: 1px; }

.wad-gr__text { font-size: 14px; line-height: 1.45; white-space: pre-wrap; opacity: 0.95; }

.wad-gr__text--top {
  margin-bottom: 40px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
  max-height: calc(2em * 6);
  flex: 1 1 auto;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.6;
  width: 100%;
  max-width: 300px;
}

@media (max-width: 900px) {
  .wad-gr__text--top {
    -webkit-line-clamp: 4;
    max-height: calc(1.45em * 4);
  }
}

.wad-gr__item-bottom {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: auto;
}

.wad-gr__item-bottom .wad-gr__avatar { width: auto; height: 76px; border-radius: 50%; margin-right: 10px; }

.wad-gr__stars-wrap { display: inline-flex; gap: 4px; line-height: 0; }
.wad-gr__star svg { width: 16px; height: 16px; display: block; }
.wad-gr__star { opacity: 0.25; }
.wad-gr__star--on { opacity: 1; }

.wad-gr--empty { opacity: 0.8; }



@media (max-width: 1180px) {
  .wad-gr {
    margin-top: 24px;
  }

  .wad-gr__header,
  .wad-gr__nav {
    display: none;
  }

  .wad-gr__track {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    overflow: visible;
    padding-right: 0;
    padding-bottom: 0;
    scroll-snap-type: none;
    cursor: default;
    user-select: auto;
  }

  .wad-gr__item {
    flex: none;
    scroll-snap-align: unset;
    padding: 32px 24px 28px 24px;
    min-height: auto;
    background-position: top 32px right 24px;
    background-size: 36px;
  }

  .wad-gr__text--top {
    max-width: none;
    -webkit-line-clamp: unset;
    max-height: none;
    margin-bottom: 28px;
    font-size: 16px;
	width: 100%;
    max-width: 400px;
    margin: 0 auto 40px;
  }
  
  .wad-gr__item { text-align: center; text-align: center;
    width: 100%;
    max-width: 500px;
    margin: 0 auto; }
  .wad-gr__item-bottom {
	  justify-content: center;
	  align-items: center;
  }
  .google-reviews { padding: 0 20px !important; margin: 40px auto 20px;}
}