Testimonials: 4x2 grid (perfectly even, no orphan row); add <=1080px -> 2 cols

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Author: @anmax

index.html

@@ -99,6 +99,9 @@
     html { scroll-snap-type: none; }
     .rt-reveal { opacity: 1; transform: none; transition: none; }
   }
+  @media (max-width: 1080px) {
+    .rt-reviews-grid { grid-template-columns: repeat(2, 1fr) !important; }
+  }
   @media (max-width: 960px) {
     html { scroll-snap-type: none; }
     .rt-snap { min-height: 0 !important; }

sections.jsx

@@ -406,7 +406,7 @@ function Testimonials() {
                onMouseLeave={(e) => (e.currentTarget.style.color = "var(--text-muted)")}>Все отзывы на Яндексе →</a>
           </div>
         </div>
-        <div className="rt-reviews-grid" style={{ display: "grid", gridTemplateColumns: "repeat(3, 1fr)", gap: "14px", alignItems: "stretch" }}>
+        <div className="rt-reviews-grid" style={{ display: "grid", gridTemplateColumns: "repeat(4, 1fr)", gap: "14px", alignItems: "stretch" }}>
           {REVIEWS.map((r) => (
             <div key={r.name + r.date} style={{ border: "1px solid var(--border-hair)", background: "var(--bg-surface)", padding: "22px", display: "flex", flexDirection: "column", gap: "16px", height: "100%" }}>
               <div style={{ display: "flex", alignItems: "center", gap: "12px" }}>