/* ═══════════════════════════════════
   REVIEWS
═══════════════════════════════════ */
.reviews-sec {
  padding: 5rem 6vw 4rem;
  background: #FAF6F0;
  position: relative;
}
.reviews-sec::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80px;
  background: linear-gradient(to bottom, transparent, rgba(40, 18, 8, .3));
  pointer-events: none;
}

.rv-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.1rem;
  margin-top: 2.5rem;
}

.rv-card {
  background: white;
  border-radius: 22px;
  padding: 1.8rem;
  border: 1px solid rgba(160, 104, 56, .15);
  box-shadow: 0 4px 20px rgba(0, 0, 0, .06);
  transition: transform .2s, box-shadow .2s;
  position: relative;
  overflow: hidden;
}
.rv-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 28px rgba(122, 78, 40, .1);
}
.rv-card::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
}
.rv-card:nth-child(1)::after { background: linear-gradient(90deg, #ffc8d8, #ffb0c0); }
.rv-card:nth-child(2)::after { background: linear-gradient(90deg, #90d8a8, #5cb878); }
.rv-card:nth-child(3)::after { background: linear-gradient(90deg, #f8d080, #e89040); }

.rv-stars {
  color: var(--gold);
  font-size: .85rem;
  letter-spacing: 2px;
  margin-bottom: .7rem;
}
.rv-text {
  font-size: .88rem;
  color: var(--text-mid);
  line-height: 1.7;
  font-style: italic;
  margin-bottom: 1.2rem;
}
.rv-who {
  display: flex;
  align-items: center;
  gap: .7rem;
}
.rv-av {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .03em;
  flex-shrink: 0;
  color: white;
}
.rv-av--pink  { background: #d47090; }
.rv-av--green { background: #4a9460; }
.rv-av--gold  { background: #b07830; }
.rv-name {
  font-weight: 600;
  font-size: .85rem;
  color: var(--text);
}
.rv-meta {
  font-size: .74rem;
  color: var(--text-soft);
}
.rv-note {
  text-align: center;
  font-size: .75rem;
  color: var(--text-soft);
  font-style: italic;
  margin-top: 1.5rem;
}