/* Local customer-reviews widget (Ali Reviews look-alike) */
.plr { max-width: var(--page-width, 120rem); margin: 4rem auto; padding: 0 1.5rem; }
.plr-stars { color: #ffb400; letter-spacing: 1px; white-space: nowrap; }
.plr-stars .plr-star { color: rgba(var(--color-foreground), .25); }
.plr-stars .plr-star--on { color: #ffb400; }
.plr-stars--sm { font-size: 1.2rem; }

.plr-summary {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 3rem;
  align-items: center;
  padding: 2.4rem 0 2.8rem;
  border-bottom: .1rem solid rgba(var(--color-foreground), .15);
}
.plr-summary__score { text-align: center; }
.plr-avg { font-size: 4.4rem; font-weight: 700; line-height: 1; }
.plr-count { font-size: 1.3rem; opacity: .7; margin-top: .4rem; }
.plr-dist { display: flex; flex-direction: column; gap: .5rem; min-width: 22rem; }
.plr-dist__row { display: grid; grid-template-columns: 3.5rem 1fr 3rem; gap: .8rem; align-items: center; font-size: 1.2rem; }
.plr-bar { height: .8rem; background: rgba(var(--color-foreground), .12); border-radius: 1rem; overflow: hidden; }
.plr-bar > span { display: block; height: 100%; background: #ffb400; }
.plr-dist__n { text-align: right; opacity: .7; }
.plr-write { white-space: nowrap; }

.plr-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(28rem, 1fr));
  gap: 1.6rem;
  padding: 2.8rem 0 1.6rem;
}
.plr-card {
  border: .1rem solid rgba(var(--color-foreground), .14);
  border-radius: 1rem;
  padding: 1.8rem;
  background: rgb(var(--color-background));
}
.plr-card__head { display: grid; grid-template-columns: auto 1fr auto; gap: 1rem; align-items: center; margin-bottom: 1rem; }
.plr-avatar {
  width: 3.6rem; height: 3.6rem; border-radius: 50%;
  background: #e2231a; color: #fff; font-weight: 700;
  display: flex; align-items: center; justify-content: center; font-size: 1.5rem;
}
.plr-name { font-weight: 600; font-size: 1.4rem; display: flex; align-items: center; gap: .5rem; }
.plr-verified { color: #1a9d4b; font-size: 1.1rem; font-weight: 700; }
.plr-date { font-size: 1.2rem; opacity: .55; }
.plr-body { font-size: 1.4rem; line-height: 1.5; margin: 0; }

.plr-more, .plr-write { cursor: pointer; }
.plr-more { display: block; margin: 1rem auto 0; }

@media (max-width: 749px) {
  .plr-summary { grid-template-columns: 1fr; gap: 1.6rem; text-align: center; }
  .plr-dist { min-width: 0; }
}