/* ===== نقل‌قول‌ها (راست‌چین) ===== */
.raves {
  background: var(--beige-light);
  padding: 80px 0;
  direction: rtl;
}
.raves-inner {
  display: grid;
  grid-template-columns: 42% 1fr;
  gap: 60px;
  align-items: center;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 40px;
}
/* در RTL: عکس اول = راست */
.raves-photo { border-radius: 14px; overflow: hidden; aspect-ratio: 4/5; grid-column: 1; }
.raves-photo img { width: 100%; height: 100%; object-fit: cover; }
.rave-slide { grid-column: 2; text-align: center; }
.rave-quote {
  font-family: var(--font-display);
  font-size: clamp(22px, 2.6vw, 34px);
  line-height: 1.6;
  margin-bottom: 20px;
  font-weight: 400;
}
.rave-body {
  font-size: 14px;
  line-height: 2;
  color: rgba(0,0,0,.75);
  margin-bottom: 20px;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}
.rave-author {
  font-family: var(--font-display);
  font-size: 22px;
  margin-bottom: 18px;
  font-weight: 400;
}
.rave-nav {
  display: flex;
  justify-content: center;
  gap: 14px;
}
.rave-arrow {
  width: 44px; height: 44px;
  border-radius: 50%;
  border: 1px solid var(--black);
  background: transparent;
  color: var(--black);
  font-size: 18px;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: background .2s ease, color .2s ease;
}
.rave-arrow:hover { background: var(--black); color: var(--white); }

/* موبایل */
@media (max-width: 768px) {
  .raves-inner { grid-template-columns: 1fr; gap: 30px; padding: 0 20px; }
  .raves-photo { grid-column: 1; aspect-ratio: 4/3; }
  .rave-slide { grid-column: 1; }
}

/* انیمیشن ورق خوردن روان (fade + slide) */
.rave-item {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity .6s cubic-bezier(.22,.61,.36,1), transform .6s cubic-bezier(.22,.61,.36,1);
}
.rave-item.active {
  opacity: 1;
  transform: translateY(0);
}
.rave-item.rave-anim {
  animation: raveIn .65s cubic-bezier(.22,.61,.36,1);
}
@keyframes raveIn {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0); }
}
