/* public/reviews.css
   Het Google-reviewblok, als los stylesheet zodat elke pagina hetzelfde blok
   krijgt zonder de opmaak twaalf keer over te schrijven. De taal-homepages
   dragen deze regels nog inline (daar staan ze sinds de bouw van de site);
   de dienstpagina's laden dit bestand.

   Nodig van de pagina zelf: de kleurvariabelen (--groen, --goud, --rand,
   --grijs, --tekst, --groen-zacht, --schaduw, --schaduw-l) en de klassen
   .wrap, .sec-head, .eyebrow en .btn. Die staan op elke marketingpagina.

   Vullen met echte reviews: <script src="/reviews.js" defer></script> */
.reviews{background:var(--groen-zacht)}
.grating{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:#fff;border:1px solid var(--rand);border-radius:20px;box-shadow:var(--schaduw);padding:24px 30px;max-width:760px;margin:0 auto 26px}
.grating .score{display:flex;align-items:center;gap:16px}
.grating .num{font-family:'Fraunces',serif;font-size:50px;font-weight:700;color:var(--groen);line-height:1}
.grating .stars{color:var(--goud);font-size:20px;letter-spacing:3px}
.grating .sub{font-size:13.5px;color:var(--grijs);margin-top:3px}
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}
.review-card{background:#fff;border:1px solid var(--rand);border-radius:18px;padding:24px;box-shadow:var(--schaduw-l)}
.review-card .stars{color:var(--goud);font-size:16px;letter-spacing:2px;margin-bottom:10px}
.review-card p{font-size:15px;color:var(--tekst);margin-bottom:14px}
.review-card .who{font-size:13.5px;color:var(--grijs);font-weight:600}
.review-card .fotos{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.review-card .fotos a{width:64px;height:64px;border-radius:8px;overflow:hidden;border:1px solid var(--rand);display:block;flex:none}
.review-card .fotos img{width:64px;height:64px;object-fit:cover;display:block;transition:transform .15s}
.review-card .fotos a:hover img{transform:scale(1.08)}
@media(max-width:780px){.review-grid{grid-template-columns:1fr}.grating{justify-content:center;text-align:center}}