/* Houten Wandplank: reviews on the shop (reviews.js). Clean white, Stef's own oak for the stars, the customer's photo first. */
.hr-st{display:inline-flex;gap:2px;vertical-align:middle}
.hr-st i{width:17px;height:17px;display:block}
.hr-st svg{width:100%;height:100%;fill:#e6dfd3}
.hr-st i.on svg{fill:var(--oak)}
.hr-score{display:flex;align-items:center;gap:10px;margin-top:12px;color:var(--ink2);font-size:15px;flex-wrap:wrap}
.hr-score b{font-size:22px;color:var(--ink);font-weight:600;letter-spacing:-.02em}
.hr-score.groot{margin:0 0 30px}
.hr-score.groot b{font-size:clamp(40px,6vw,56px);line-height:1}
.hr-score.groot .hr-st i{width:24px;height:24px}
.hr-rij{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,340px);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:clamp(16px,5vw,72px);padding:4px 0 14px;align-items:start;margin:0 calc(-1 * clamp(16px,5vw,72px));padding-left:clamp(16px,5vw,72px);padding-right:clamp(16px,5vw,72px);scrollbar-width:none}
.hr-rij::-webkit-scrollbar{display:none}
.hr-rij .hr-kaart{scroll-snap-align:start}
.hr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;align-items:start}
.hr-kaart{margin:0;background:#fff;border-radius:var(--r);box-shadow:0 0 0 1px var(--line);overflow:hidden;display:flex;flex-direction:column}
.hr-foto{background:var(--soft)}
.hr-foto img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.hr-in{padding:20px 20px 22px;display:grid;gap:12px}
.hr-kaart blockquote{margin:0;font-size:17px;line-height:1.5;color:var(--ink)}
.hr-w{display:flex;flex-wrap:wrap;gap:6px}
.hr-w span{font-size:13px;padding:5px 10px;border-radius:99px;background:var(--soft);color:var(--ink2)}
.hr-kaart figcaption{display:grid;gap:2px;font-size:14px;color:var(--ink2)}
.hr-kaart figcaption b{color:var(--ink);font-weight:500}
.hr-kort{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink2);font-size:14.5px;margin:8px 0 4px}
.hr-kort b{color:var(--ink);font-weight:600}
.hr-kort:hover span{text-decoration:underline;text-underline-offset:3px}
.hr-vb{color:var(--ink2);font-size:14px;margin:-8px 0 16px}
@media (max-width:640px){.hr-rij{grid-auto-columns:82%}}
/* "Lees ons op Google" (2026-11-10): one quiet link beside his own stars, to his Google profile; only once his link is in */
.hr-google{display:inline-flex;align-items:center;gap:8px;color:var(--ink2);font-size:14.5px;text-decoration:none;min-height:44px}
.hr-google svg{width:18px;height:18px;flex:none}
.hr-google:hover span{text-decoration:underline;text-underline-offset:3px;color:var(--ink)}
.hr-kort-wrap{display:flex;align-items:center;gap:0 16px;flex-wrap:wrap}