.bodia-reviews {
  padding-block: clamp(56px, 7vw, 116px);
  background:
    radial-gradient(600px 300px at 20% 30%, rgba(45,108,255,0.18), transparent 60%),
    radial-gradient(600px 300px at 80% 70%, rgba(0,194,168,0.14), transparent 60%),
    #0a0a0a;
  color: #f8f7fc;
  scroll-margin-top: 96px;
}

.bodia-reviews .container {
  max-width: 1120px;
}

.bodia-reviews h2 {
  margin: 0 0 clamp(26px, 4vw, 48px);
  color: inherit;
  font-size: clamp(32px, 4.2vw, 54px);
  line-height: 1.08;
  text-align: center;
  text-wrap: balance;
}

.bodia-review-grid {
  --review-gap: clamp(14px, 2.3vw, 28px);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--review-gap);
}

.bodia-review-card {
  flex: 0 0 calc((100% - 2 * var(--review-gap)) / 3);
  min-width: 0;
  padding: clamp(17px, 2.3vw, 26px);
  border: 1px solid #444457;
  border-radius: 18px;
  background: #2c2935;
  box-shadow: 0 14px 30px rgb(0 0 0 / 14%);
  overflow-wrap: anywhere;
}

.bodia-review-author {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-bottom: 13px;
}

.bodia-review-thumb {
  display: block;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border: 1px solid #59566b;
  border-radius: 50%;
  background: #403955 url("/assets/review-avatars-ai.webp") var(--review-avatar-position) / 300% 200% no-repeat;
}

.bodia-review-author strong {
  display: block;
  font-weight: 750;
  line-height: 1.25;
}

.bodia-review-stars {
  display: block;
  margin-top: 3px;
  color: #ffd985;
  font-size: .82rem;
  line-height: 1.2;
  letter-spacing: .11em;
}

.bodia-review-card h3 {
  margin: 0 0 6px;
  color: #fff;
  font-size: 1.02rem;
  line-height: 1.35;
}

.bodia-review-card blockquote {
  margin: 0;
  color: #e1dce8;
  font-size: .94rem;
  line-height: 1.55;
}

@media (max-width: 900px) {
  .bodia-review-card { flex-basis: calc((100% - var(--review-gap)) / 2); }
}

@media (max-width: 600px) {
  .bodia-review-card { flex-basis: 100%; }
}
