/* Google Reviews slider (xgrv- scoped) */
.xgrv-zone{
  --ink:#0f172a; --muted:#64748b;
  --brand:#12616E;        /* unified brand color */
  --card:#fff; --star:#f5b301;
  background:#f8fafc; padding:clamp(28px,5vw,64px) 16px;
  font-family:"Segoe UI", Arial, Helvetica, sans-serif;
}

.xgrv-head{max-width:1100px;margin:0 auto 16px;text-align:center}
.xgrv-head h2{margin:0;color:var(--ink);font-size:clamp(26px,4.5vw,36px);font-weight:800}

/* Brand accent text — solid color (no gradient) */
.xgrv-accent{color:var(--brand)}

.xgrv-viewport{position:relative; max-width:1200px; margin:0 auto; overflow:hidden;}
.xgrv-track{display:flex; gap:16px; will-change:transform; touch-action:pan-y;}
.xgrv-card{
  flex:0 0 calc((100% - 32px) / 3);
  background:var(--card); border:1px solid rgba(2,6,23,.06);
  border-radius:14px; box-shadow:0 6px 16px rgba(15,23,42,.06);
  padding:16px; cursor:pointer;
  transition:transform .2s ease, box-shadow .2s ease;
}
.xgrv-card:hover{transform:translateY(-3px); box-shadow:0 10px 24px rgba(15,23,42,.12);}
.xgrv-card *{pointer-events:none;}

.xgrv-meta{display:flex; gap:12px; align-items:center; margin-bottom:10px}
.xgrv-ava{width:42px;height:42px;border-radius:50%;object-fit:cover}
.xgrv-row{display:flex;align-items:center;gap:8px}
.xgrv-row strong{color:var(--ink)}

/* Google badge kept intact */
.xgrv-badge{background:#f1f5f9;border:1px solid #e2e8f0;color:#334155;padding:2px 8px;border-radius:999px;font-size:12px;display:inline-flex;align-items:center;gap:4px}
.xgrv-g{width:14px;height:14px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#ea4335 0 25%, #fbbc05 0 50%, #34a853 0 75%, #4285f4 0);color:#fff;font-weight:800;font-size:11px}

.xgrv-stars{display:flex;align-items:center;gap:8px;color:var(--star);font-size:14px}
.xgrv-stars span{letter-spacing:2px}
.xgrv-stars time{color:var(--muted);font-size:12px}

.xgrv-text{color:#1f2937;line-height:1.65;font-size:15px;margin:6px 0 0}

/* Nav buttons */
.xgrv-nav{
  position:absolute; top:50%; transform:translateY(-50%);
  width:42px;height:42px;border-radius:50%; border:1px solid #e2e8f0;background:#fff;
  cursor:pointer; display:grid; place-items:center; box-shadow:0 6px 16px rgba(15,23,42,.08); z-index:2;
}
.xgrv-nav:hover{filter:brightness(.95); transform:translateY(-50%) scale(1.03)}
.xgrv-prev{left:0.25rem}
.xgrv-next{right:0.25rem}

/* responsive */
@media (max-width:1024px){ .xgrv-card{flex:0 0 calc((100% - 16px) / 2);} }
@media (max-width:600px){
  .xgrv-card{flex:0 0 100%}
  .xgrv-nav{display:none}
}