feat: added review block

assets/css/main.css

@@ -719,13 +719,81 @@ img {
   background-position: center;
 }
 
+.reviews {
+  --reviews-visible: 3;
+  --reviews-gap: 24px;
+  background: linear-gradient(90deg, #293133, #20272a);
+}
+.reviews .section__head {
+  margin-bottom: 44px;
+}
+.reviews__slider {
+  display: grid;
+  grid-template-columns: auto 1fr auto;
+  align-items: center;
+  gap: 16px;
+}
+.reviews__viewport {
+  overflow: hidden;
+}
+.reviews__track {
+  display: flex;
+  gap: var(--reviews-gap);
+  transition: transform 0.45s ease;
+  will-change: transform;
+}
+.reviews__nav {
+  width: 48px;
+  height: 48px;
+  border: 1px solid rgba(255, 255, 255, 0.22);
+  border-radius: 12px;
+  background: rgba(255, 255, 255, 0.03);
+  color: rgba(255, 255, 255, 0.88);
+  font-size: 24px;
+  line-height: 1;
+  cursor: pointer;
+  transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, opacity 0.2s ease;
+}
+.reviews__nav:hover:not(:disabled) {
+  transform: translateY(-1px);
+  border-color: rgba(207, 23, 23, 0.75);
+  background: rgba(207, 23, 23, 0.18);
+}
+.reviews__nav:disabled {
+  opacity: 0.35;
+  cursor: default;
+}
+.reviews__dots {
+  display: flex;
+  justify-content: center;
+  gap: 8px;
+  margin-top: 18px;
+}
+.reviews__dot {
+  width: 10px;
+  height: 10px;
+  border: 0;
+  border-radius: 999px;
+  background: rgba(255, 255, 255, 0.28);
+  cursor: pointer;
+  transition: width 0.2s ease, background-color 0.2s ease;
+}
+.reviews__dot.is-active {
+  width: 26px;
+  background: #cf1717;
+}
+
 .review-card {
   background: rgba(18, 18, 18, 0.4);
   border: 1px solid rgba(255, 255, 255, 0.1);
   border-radius: 16px;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
-  min-height: 206px;
-  padding: 33px;
+  flex: 0 0 calc((100% - (var(--reviews-visible) - 1) * var(--reviews-gap)) / var(--reviews-visible));
+  min-height: 250px;
+  padding: 30px 28px;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
   transition: transform 0.3s ease, border-color 0.3s ease;
 }
 .review-card:hover {
@@ -740,15 +808,29 @@ img {
 }
 .review-card strong {
   display: block;
-  margin-bottom: 8px;
+  margin-bottom: 10px;
   font-size: 16px;
   font-weight: 700;
   line-height: 1.2;
 }
-.review-card span {
-  color: rgba(255, 255, 255, 0.7);
-  font-size: 16px;
-  line-height: 1.2;
+.review-card__meta {
+  padding-top: 14px;
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+.review-card__meta a {
+  color: #ffd2d2;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 1.4;
+  text-decoration: underline;
+  text-underline-offset: 2px;
+  text-decoration-thickness: 1px;
+  text-decoration-color: rgba(255, 210, 210, 0.75);
+  transition: color 0.2s ease, text-decoration-color 0.2s ease;
+}
+.review-card__meta a:hover {
+  color: #ffe4e4;
+  text-decoration-color: #ffe4e4;
 }
 
 .stats {
@@ -1414,6 +1496,9 @@ img {
   .hero__actions {
     flex-wrap: wrap;
   }
+  .reviews {
+    --reviews-visible: 2;
+  }
   .highlights__grid,
   .gallery__grid,
   .reviews__grid,
@@ -1477,6 +1562,16 @@ img {
   }
 }
 @media only screen and (max-width: 768px) {
+  .reviews {
+    --reviews-visible: 1;
+  }
+  .reviews__slider {
+    grid-template-columns: 1fr;
+    gap: 12px;
+  }
+  .reviews__nav {
+    display: none;
+  }
   .container {
     padding: 0 16px;
   }