#feedbacks{padding-top:64px}
#feedbacks .wall-count{padding:28px 0 30px;justify-content:space-between;align-items:center;flex-direction:row;gap:20px}
#feedbacks .wall-count h2{font-size:clamp(28px,3.4vw,44px);font-weight:500;letter-spacing:-.045em;line-height:1.12}
#feedbacks .wall-count strong{font-size:15px;letter-spacing:0;white-space:nowrap;border:1px solid #9c8dff44;border-radius:999px;background:#9c8dff0b;padding:11px 18px}
#feedbacks .all-reviews{margin:64px auto 0;width:max-content;max-width:100%}
/* Columns remain the no-script fallback; grid follows the sorted DOM order. */
#feedbacks .review-wall {
  --review-row-size: 4px;
  --review-masonry-gap: 30px;
  columns: 3;
  column-gap: var(--review-masonry-gap);
}
#feedbacks .review-wall.masonry-ready {
  display: grid;
  columns: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: var(--review-row-size);
  grid-auto-flow: row;
  column-gap: var(--review-masonry-gap);
  row-gap: 0;
  align-items: start;
}
#feedbacks .review-wall.masonry-ready > .wall-card {
  display: block;
  min-width: 0;
  margin: 0;
  align-self: start;
}
@media (max-width: 1024px) {
  #feedbacks .review-wall { columns: 2; }
  #feedbacks .review-wall.masonry-ready { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 800px) {
  #feedbacks .review-wall { --review-masonry-gap: 22px; }
}
@media (max-width: 520px) {
  #feedbacks .review-wall { --review-masonry-gap: 24px; columns: 1; }
  #feedbacks .review-wall.masonry-ready { grid-template-columns: minmax(0, 1fr); }
}
/* Keep hover on the contour; filtering a whole column card repaints its media. */
#feedbacks .wall-card {
  filter: none;
  outline: 1px solid transparent;
  outline-offset: -1px;
  transition: border-color 220ms ease, outline-color 220ms ease;
}
#feedbacks .wall-card:hover,
#feedbacks .wall-card:focus-within {
  border-color: var(--accent);
  outline-color: var(--accent);
}
#feedbacks .review-expand img {
  opacity: 1;
  transition: none;
}
@media (prefers-reduced-motion: reduce) {
  #feedbacks .wall-card { transition: none; }
}
@media(max-width:520px){#feedbacks{padding-top:48px}#feedbacks .wall-count{gap:12px;align-items:center;padding-block:23px}#feedbacks .wall-count h2{font-size:27px}#feedbacks .wall-count strong{font-size:11px;padding:9px 12px}#feedbacks .all-reviews{margin-top:38px}}