.greviews{overflow-x:clip}
.greviews__rail{min-width:0}
.greviews__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:22px}
.greviews__head h2{font-size:var(--text-5xl);line-height:1.15;margin-top:6px}
.greviews__actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.greviews__name .review__verified{display:inline-flex;align-items:center;gap:4px;color:var(--green-700)}
.greviews__card .review__title{color:var(--ink);font-size:var(--text-base)}
.greviews__g{display:block;flex:none;width:20px;height:20px}
.greviews__score{display:flex;align-items:center;gap:12px;padding:10px 18px 10px 14px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;color:var(--body);text-decoration:none;box-shadow:var(--shadow);transition:border-color .18s ease,transform .18s var(--ease-out)}
.greviews__score .greviews__g{width:30px;height:30px}
.greviews__score-num{font-size:var(--text-6xl);font-weight:700;line-height:1;color:var(--ink)}
.greviews__score-meta{display:grid;gap:3px;font-size:var(--text-sm);color:var(--muted)}
.greviews__score-meta .stars{justify-self:start;font-size:var(--text-lg)}
@media (hover:hover){.greviews__score:hover{border-color:var(--line-strong);transform:translateY(-1px)}}
.greviews__list{--gap:16px;--per:3.25;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--per) - 1) * var(--gap)) / var(--per));gap:var(--gap);margin:0 -2px;padding:2px 2px 4px;list-style:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}
.greviews__list::-webkit-scrollbar{display:none}
.greviews__list.is-auto{scroll-snap-type:none}
.greviews__list:focus-visible{outline:2px solid var(--green-700);outline-offset:4px;border-radius:var(--radius-lg)}
.greviews__card{scroll-snap-align:start;display:flex;flex-direction:column;gap:12px;padding:20px 22px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff}
.greviews__who{display:flex;align-items:center;gap:12px}
.greviews__avatar{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--sage-100);color:var(--green-700);font-weight:700;font-size:var(--text-xl)}
.greviews__name{display:grid;gap:2px;min-width:0;flex:1}
.greviews__name strong{color:var(--ink);font-size:var(--text-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.greviews__name span{color:var(--muted);font-size:var(--text-sm)}
.greviews__stars{align-self:flex-start;font-size:var(--text-lg)}
.greviews__text{margin:0;color:var(--body);font-size:var(--text-base);line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.greviews__link{display:inline-flex;align-items:center;gap:6px;margin-top:auto;align-self:flex-start;font-weight:600;font-size:var(--text-md);color:var(--green-700);text-decoration:none}
.greviews__arrow{width:16px;height:16px;transition:transform .18s var(--ease-out)}
@media (hover:hover){.greviews__link:hover{text-decoration:underline}.greviews__link:hover .greviews__arrow{transform:translateX(3px)}}
@media (max-width:1000px){.greviews__list{--per:2.2}}
@media (max-width:600px){
  .greviews__head{align-items:stretch;gap:14px;margin-bottom:16px}
  .greviews__score{align-self:flex-start}
  .greviews__list{--gap:12px;--per:1.15;margin:0 calc(var(--gutter) * -1);padding:2px var(--gutter) 6px;scroll-padding:0 var(--gutter)}
  .greviews__card{padding:16px 18px}
}
