/* FanBound Google reviews section v1.0 (site v8.5, 1 Nov 2026). Prominent on every example. On the fictional examples the
   rating and cards are labelled slots; on a client's site they're their real Google reviews, word for word (P95, P150).
   Colours from the page: --grv-bg, --grv-ink, --grv-soft, --grv-card, --grv-line, --grv-acc, --grv-star. */
.grv{background:var(--grv-bg,#F6F3EC);color:var(--grv-ink,#17201B);padding:clamp(64px,9vw,120px) 0}
.grv .grv-in{max-width:1240px;margin:0 auto;padding:0 max(20px,env(safe-area-inset-left,0px));display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.grv .grv-in.solo{grid-template-columns:minmax(0,1fr)}
.grv-k{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--grv-acc,#2D5B39)}
.grv-k::before{content:"";width:22px;height:2px;background:currentColor}
.grv h2{margin:12px 0 0;font-size:clamp(2rem,4.2vw,3.4rem);line-height:1.05;color:var(--grv-ink,#17201B)}
.grv h2 em{color:var(--grv-acc,#2D5B39)}
.grv-score{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:26px 0 22px;padding:18px 22px;border-radius:14px;background:var(--grv-card,#fff);border:1px solid var(--grv-line,rgba(0,0,0,.1));box-shadow:0 14px 40px rgba(0,0,0,.08)}
.grv-n{font-size:clamp(2.4rem,5vw,3.4rem);font-weight:800;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.grv-st{color:var(--grv-star,#E2A53A);letter-spacing:3px;font-size:1.5rem;line-height:1}
.grv-c{flex:1 1 220px;color:var(--grv-soft,#56665A);font-size:15px;line-height:1.4}
.grv-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.grv-cards li{display:flex;flex-direction:column;gap:9px;padding:18px;border-radius:14px;background:var(--grv-card,#fff);border:1px dashed var(--grv-line,rgba(0,0,0,.18));min-height:170px}
.grv-cards li .grv-st{font-size:1.05rem;letter-spacing:2px}
.grv-cards li i{display:block;height:9px;border-radius:5px;background:var(--grv-line,rgba(0,0,0,.1))}
.grv-cards li i.s{width:62%}
.grv-cards li b{margin-top:auto;font-size:13px;font-weight:700;color:var(--grv-soft,#56665A)}
.grv-fine{margin:16px 0 0;font-size:14px;color:var(--grv-soft,#56665A);max-width:70ch}
.grv-note{padding:clamp(22px,3vw,32px);border-radius:16px;background:var(--grv-note,var(--grv-card,#fff));border:1.5px solid var(--grv-acc,#2D5B39);box-shadow:0 18px 48px rgba(0,0,0,.12)}
.grv-note h3{margin:12px 0 14px;font-size:clamp(1.35rem,2.2vw,1.75rem);line-height:1.15;color:var(--grv-ink,#17201B)}
.grv-note ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.grv-note li{position:relative;padding-left:28px;font-size:15px;line-height:1.45}
.grv-note li::before{content:"";position:absolute;left:2px;top:4px;width:14px;height:8px;border-left:2.5px solid var(--grv-acc,#2D5B39);border-bottom:2.5px solid var(--grv-acc,#2D5B39);transform:rotate(-45deg)}
.grv-note .grv-fine{font-size:13px}
@media (max-width:900px){.grv .grv-in{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.grv-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:6px}.grv-cards li{flex:0 0 78%;scroll-snap-align:start;min-height:150px}}