/* GOOGLE REVIEW CARD — one look on every page (markup from js/reviews.js). White card,
   letter avatar, yellow stars and the G mark, so it reads as the Google review it is. */
.gr{background:#fff;border:1px solid rgba(60,64,67,.14);border-radius:16px;padding:20px 22px;
  display:flex;flex-direction:column;gap:12px;text-align:left;color:#202124;
  box-shadow:0 1px 2px rgba(60,64,67,.08);transition:transform .3s,box-shadow .3s;}
.gr:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(20,26,22,.12);}
.gr-h{display:flex;align-items:center;gap:12px;}
.gr-av{width:40px;height:40px;border-radius:50%;flex:0 0 40px;display:grid;place-items:center;
  color:#fff;font:500 18px/1 Roboto,Arial,sans-serif;}
.gr-who{flex:1;min-width:0;}
.gr-n{display:block;font-size:15px;font-weight:600;color:#202124;line-height:1.3;}
.gr-m{display:block;font-size:12.5px;color:#70757a;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gr-g{width:22px;height:22px;flex:0 0 22px;}
.gr-r{display:flex;align-items:center;gap:8px;}
.gr-s{display:inline-flex;gap:1px;}
.gr-s svg{width:15px;height:15px;fill:#FBBC04;}
.gr-d{font-size:12.5px;color:#70757a;}
.gr-t{font-size:14.5px;line-height:1.6;color:#3c4043;margin:0;}
.gr-t b{font-weight:600;color:#202124;background:linear-gradient(transparent 60%,rgba(251,188,4,.3) 60%);}

/* fixed-height marquee rows: cap long reviews so every card keeps the row height */
.row .gr,.reviews-track .gr{overflow:hidden;}
.row .gr .gr-t,.reviews-track .gr .gr-t{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;}