/* ==========================================================================
   Neighborhood Cutz  ·  neighborhoodcutz.com

   Design and development by NORTH CODE LLC
   https://northcodellc.com  ·  hello@northcodellc.com

   Copyright (c) 2026 North Code LLC. All rights reserved.
   Original work, licensed to Neighborhood Cutz for use on this domain.
   Not to be copied, republished or adapted for another site without
   written consent.
   ========================================================================== */

/* REVIEWS */

/* ============================================================
   13. REVIEWS
   Three framed cards, same corner brackets as the barber grid and
   the footer box, so the section reads as part of the same page
   rather than a widget bolted on.

   No stars, no avatars, no five-pointed SVGs. The rating is one line
   of text in the section lead. Fake-looking star rows on a shop's own
   site are the first thing a sceptical visitor discounts, and these
   are paraphrased themes, not individual reviews, so drawing five
   stars over each card would be claiming something untrue.
   ============================================================ */
.review-grid {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--gap-col);
}

.review-card {
  position: relative;
  display: flex; flex-direction: column; gap: .75em;
  border: 1px solid rgba(0,0,0,.2);
  padding: 1.5em;
}

.review-title {
  font-family: var(--font-display); font-weight: 700;
  font-size: 1.0625em; line-height: 1.2; letter-spacing: -.01em;
}

/* The measure is already narrow inside a third-width card, so the
   justified mono body from .body-mono would open ugly rivers. Left
   align it here. */
.review-body { color: var(--c-mute); text-align: left; }

@media (max-width: 991px) {
  .review-grid { grid-template-columns: 1fr; }
  .review-card { padding: 1.25em; }
}