/* Equip Hire Site Manager - reviews page and machine-page review strip.
 * v1.262.0. Enqueued ONLY by [eh_reviews_by_class] and the machine strip, so a
 * page without reviews loads none of it. Every colour, radius and font is a
 * theme token - this file introduces no new brand values, and inherits a theme
 * change automatically. The card itself (.eh-review-card, .eh-reviews-grid) is
 * styled by the THEME and is deliberately not restyled here: one component,
 * one owner. */

.eh-revx{display:grid;gap:var(--eh-s6,28px)}
.eh-revx-score{background:var(--eh-pine,#1A4A33);color:#fff;border-radius:var(--eh-radius-card,16px);padding:28px 30px;display:grid;gap:6px;justify-items:start;background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,.04) 0 22px,transparent 22px 44px)}
.eh-revx-big{margin:0;display:flex;align-items:baseline;gap:10px;font-family:var(--eh-font-head,inherit)}
.eh-revx-num{font-size:clamp(44px,7vw,68px);line-height:1;font-weight:800;letter-spacing:-.02em}
.eh-revx-of{font-size:15px;font-weight:600;color:rgba(255,255,255,.72)}
.eh-revx-stars{margin:0;font-size:26px;line-height:1;letter-spacing:4px;color:var(--eh-hivis,#F2C300)}
.eh-revx-count{margin:6px 0 0;font-size:17px;color:#fff}
.eh-revx-count strong{font-weight:800}
.eh-revx-asof{margin:0;font-size:13.5px;color:rgba(255,255,255,.74);max-width:52ch}
.eh-revx-score .eh-btn{margin-top:10px}
.eh-revx-score .eh-btn-outline{border-color:rgba(255,255,255,.55);color:#fff}
.eh-revx-score .eh-btn-outline:hover{background:#fff;color:var(--eh-pine,#1A4A33)}

.eh-revx-jump{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.eh-revx-jump-lab{font-family:var(--eh-font-head,inherit);font-weight:700;font-size:14px;color:var(--eh-slate,#5d635c);margin-right:4px}
.eh-revx-jump a{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 14px;border:1px solid var(--eh-border,#E0DED4);border-radius:999px;background:#fff;font-size:14px;font-weight:600;color:var(--eh-charcoal,#161817);text-decoration:none}
.eh-revx-jump a b{font-weight:700;font-size:12px;color:var(--eh-pine,#1A4A33);background:oklch(0.94 0.02 155);border-radius:999px;padding:2px 7px}
.eh-revx-jump a:hover{border-color:var(--eh-pine,#1A4A33);color:var(--eh-pine,#1A4A33)}

.eh-revx-group{scroll-margin-top:calc(var(--eh-header-h,72px) + 24px)}
.eh-revx-ghead{margin:0 0 18px;max-width:78ch}
.eh-revx-ghead h2{margin:0 0 4px;font-size:clamp(21px,2.4vw,27px);line-height:1.2}
.eh-revx-gsub{margin:0 0 8px;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--eh-pine,#1A4A33)}
.eh-revx-gblurb{margin:0;color:var(--eh-slate,#5d635c);line-height:1.6;text-wrap:pretty}
.eh-revx-glink{margin:10px 0 0;font-size:14.5px;font-weight:600}
.eh-revx-all{border-top:1px solid var(--eh-border,#E0DED4);padding-top:26px}

.eh-revstrip{margin:28px 0 0;padding-top:22px;border-top:1px solid var(--eh-border,#E0DED4)}
.eh-revstrip .eh-eyebrow{margin:0 0 14px}
.eh-revstrip .eh-reviews-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}

@media(max-width:760px){
  .eh-revx-score{padding:22px 20px}
  .eh-revx-jump{gap:6px}
  .eh-revx-jump a{font-size:13.5px;padding:0 12px}
}