/* ===== Reviews — Neon Fuchsia (white cards) ===== */
#reviews{
  /* наследуем палитру сайта */
  --brand:    var(--fuchsia);
  --brand-2:  var(--fuchsia-2);
  --brand-3:  var(--fuchsia-3);

  --ink:      var(--ink);        /* основной текст (чёрный) */
  --muted:    var(--gray);       /* вторичный */
  --paper:    #fff;              /* фон карточек — белый */
  --line:     rgba(255, 0, 168, 0.18);
  --glass-brd:rgba(255, 0, 168, 0.14);
  --glass-bg: linear-gradient(180deg, rgba(255, 0, 168, .06), rgba(255, 106, 213, .04));

  --accent:   var(--fuchsia-3);
  --accent-2: var(--fuchsia);

  --haze:     0 0 22px rgba(255, 0, 168, .28), 0 12px 28px rgba(255, 0, 168, .18);
}

/* контейнер секции */
#reviews .swiper{
  width:100%; max-width: 1400px; margin:0 auto; padding:0 20px;
  overflow:hidden;
}


/* шапка */
.rv-head{
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: center;
}
.rv-kicker{
  grid-column:1/-1; color:var(--brand); font-weight:800; display:flex; align-items:center; gap:8px;
  text-shadow: var(--neon);
}
.rv-dot{ width:8px; height:8px; border-radius:50%; background:var(--brand); display:inline-block; }
.rv-title{
  text-align: start;
  margin:0;
  color: var(--ink);
}

/* кнопки навигации */
.rev-btn{
  width:44px; height:44px; border-radius:50%;
  border:1px solid var(--glass-brd);
  background: var(--glass-bg); color: var(--ink);
  display:grid; place-items:center; backdrop-filter: blur(8px) saturate(130%);
  cursor:pointer; transition: transform .25s, border-color .25s, background .25s, color .25s, box-shadow .25s;
}
.rev-btn:hover{
  transform: translateY(-2px);
  background: linear-gradient(180deg, rgba(255, 0, 168, .12), rgba(255, 106, 213, .08));
  border-color: rgba(255, 0, 168, .35);
  color: var(--ink);
  box-shadow: var(--haze);
}

/* Swiper slides */
#reviews .swiper{ padding:10px 0 }
#reviews .swiper-slide{
  transition: transform .35s ease, z-index .35s ease, opacity .35s ease, filter .35s ease;
  will-change: transform;
  z-index:1; opacity:.9; filter:saturate(1);
  pointer-events:auto;
}

/* 3D-фокус */
#reviews .swiper-slide-prev{
  transform: scale(.95) translateY(6px) translateX(-6px) rotateY(4deg);
}
#reviews .swiper-slide-next{
  transform: scale(.95) translateY(6px) translateX(6px) rotateY(-4deg);
}

/* активная */
#reviews .swiper-slide-active{
  transform: scale(1.06);
  z-index:3; opacity:1; filter:saturate(1.04);
}

/* карточка отзыва — БЕЛАЯ + розовые акценты */
.rv-card{
  background: var(--paper);
  border:1px solid var(--glass-brd);
  border-radius:20px;
  padding:16px;
  box-shadow: var(--shadow);
  transition: border-color .3s ease, background .3s ease, box-shadow .3s ease, transform .3s ease;
  color: var(--ink);
  position:relative; overflow:hidden;
}
/* активная карточка — без тени, с неоновой рамкой */
#reviews .swiper-slide-active .rv-card {
  background: #fff;
  border: 2px solid rgba(255, 0, 168, 0.45);
  box-shadow: 0 0 5px rgba(255, 0, 168, 0.25);
  transform: none; /* убираем подъём */
}


/* верх карточки */
.rv-top{ display:flex; align-items:center; gap:10px; margin-bottom:8px }
.rv-avatar{
  width:44px; height:44px; border-radius:50%; padding:2px;
  border:1px solid rgba(255,0,168,.2);
  background: linear-gradient(180deg, #fff, #fff0f7);
}
.rv-avatar img{ width:100%; height:100%; border-radius:50%; display:block; object-fit:cover }
.rv-meta{ display:flex; flex-direction:column; line-height:1.1; }
.rv-meta strong{ color: var(--ink) }
.rv-meta span{ font-size:12px; color: var(--muted) }
.rv-rate{ margin-left:auto; color: var(--brand-3); font-weight:900; text-shadow: var(--neon) }

/* текст и теги */
.rv-quote{ color: var(--muted); line-height:1.55; margin:6px 0 10px; text-align: left; }
.rv-tags{ display:flex; gap:8px; flex-wrap:wrap }
.rv-tags span{
  font-size:12px; padding:6px 10px; border-radius:999px;
  background: linear-gradient(180deg, #fff, #fff2fb);
  color: var(--ink);
  border:1px solid rgba(255, 0, 168, .22);
}

/* контролы */
.rv-controls{ display:flex; gap:10px; margin-bottom: 20px; }

/* адаптив */
@media (max-width: 980px){
  #reviews .swiper-slide-prev,
  #reviews .swiper-slide-next{
    transform: scale(.97) translateY(4px) rotateY(2deg);
  }
  .rv-card{ width:95% }
  #reviews .swiper{ padding-left:20px !important; }
}
@media (max-width: 620px){
  #reviews .swiper-slide-prev,
  #reviews .swiper-slide-next{
    transform: scale(.985) translateY(2px) rotateY(0);
  }
}

/* пилюли (универсальные) */
#reviews .chip-glass{ color:var(--ink); }

/* ===== pill badges inside reviews ===== */
.badges {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 8px;
}
.pill {
  display: inline-flex;
  background: linear-gradient(90deg, var(--accent), var(--accent-2));
  color: #1a0d16;
  font-weight: 800;
  padding: 4px 10px;
  border-radius: 8px;
  font-size: .85rem;
  border: 1px solid rgba(255,0,168,.2);
  box-shadow: 0 2px 10px rgba(255,0,168,.12) inset;
  transition: transform .2s ease, box-shadow .25s ease;
}
.pill:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 12px rgba(255,0,168,.18) inset, var(--haze);
}