/* ===== Reviews — Neon Dark palette ===== */
#reviews{
  --brand:    var(--cyan, #28E0FF);           /* основной неон (cyan) */
  --brand-2:  var(--violet, #9AA7FF);         /* фиолетовый акцент */
  --accent:   var(--orange, #FFA62B);         /* тёплый акцент */
  --ink:      var(--white, #F4FAFF);          /* светлый читаемый текст */
  --muted:    rgba(214,228,255,.86);          /* вторичный текст */
  --paper:    rgba(255,255,255,0.04);         /* тёмное «стекло» */
  --line:     rgba(255,255,255,.12);          /* тонкий светлый бордер */
  --glass-brd:rgba(255,255,255,.10);
  --glass-bg: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.06));
  --glow:     0 0 18px rgba(40,224,255,.35), 0 0 34px rgba(154,167,255,.28);
}

/* контейнер секции */
#reviews .swiper{
  width:100%; max-width:1200px; margin:0 auto; padding:0 20px;
  overflow:hidden;
}
.rv-wrap{ padding:56px 0 }

/* шапка */
.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: 0 0 12px rgba(40,224,255,.6);
}
.rv-dot{ width:8px; height:8px; border-radius:50%; background:var(--brand); display:inline-block; box-shadow: var(--glow); }
.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, box-shadow .25s, border-color .25s, background .25s, color .25s;
  box-shadow: 0 10px 24px rgba(0,0,0,.35);
}
.rev-btn:hover{
  transform: translateY(-2px);
  background: linear-gradient(180deg, rgba(40,224,255,.18), rgba(154,167,255,.12));
  border-color: rgba(40,224,255,.35);
  box-shadow: 0 10px 24px rgba(40,224,255,.25), 0 0 24px rgba(154,167,255,.25);
  color: var(--ink);
}

/* Swiper slides */
#reviews .swiper{ padding:10px 0 }
#reviews .swiper-slide{
  transition: transform .35s ease, z-index .35s ease, opacity .35s ease, filter .35s ease, box-shadow .35s ease;
  will-change: transform;
  z-index:1; opacity:.86; 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.06);
  box-shadow: 0 24px 60px rgba(0,0,0,.45);
}

/* карточка отзыва — тёмное стекло с неоновым кантом */
.rv-card{
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
  border:1px solid var(--glass-brd);
  border-radius:20px;
  padding:16px;
  backdrop-filter: saturate(140%) blur(8px);
  -webkit-backdrop-filter: saturate(140%) blur(8px);
  transition: border-color .3s ease, box-shadow .3s ease, background .3s ease;
  color: var(--ink);
  position:relative; overflow:hidden;
}
.rv-card::before{
  content:""; position:absolute; inset:-2px; border-radius:22px; pointer-events:none;
  background: conic-gradient(from 0deg,
    rgba(40,224,255,.22),
    rgba(154,167,255,.18),
    rgba(255,166,43,.20),
    rgba(40,224,255,.22));
  filter: blur(18px); opacity:.35; mix-blend-mode:screen;
}
#reviews .swiper-slide-active .rv-card{
  border-color: rgba(40,224,255,.35);
  box-shadow: 0 18px 40px rgba(0,0,0,.5), 0 0 0 1px rgba(40,224,255,.06) inset;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.035));
}

/* верх карточки */
.rv-top{ display:flex; align-items:center; gap:10px; margin-bottom:8px }
.rv-avatar{
  width:44px; height:44px; border-radius:50%; padding:2px;
  /* background: conic-gradient(from 120deg, rgba(40,224,255,.65), rgba(154,167,255,.25), rgba(255,166,43,.35), rgba(40,224,255,.65)); */
  box-shadow: var(--glow);
}
.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: #ffb74d; font-weight:900 } /* тёплые «золотые» звезды */

/* текст и теги */
.rv-quote{ color: var(--muted); line-height:1.45; 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: rgba(255,255,255,.06); color: var(--ink);
  border:1px solid rgba(255,255,255,.14);
  box-shadow: 0 0 18px rgba(40,224,255,.18);
}

/* контролы */
.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);
    box-shadow: 0 6px 18px rgba(0,0,0,.35);
  }
  .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;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 700;
  color: #0b0d10; /* контрастный текст на светлой пилюле */
  background: linear-gradient(135deg, var(--brand) 0%, var(--brand-2) 60%, var(--accent) 100%);
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(40,224,255,.25), 0 0 18px rgba(154,167,255,.22);
  transition: background .25s ease, box-shadow .25s ease, transform .2s ease;
}

.pill:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(40,224,255,.35), 0 0 28px rgba(154,167,255,.30);
}


/* === Reviews: remove ALL shadows/glows === */
#reviews,
#reviews * {
  box-shadow: none !important;
  text-shadow: none !important;
}

/* убрать конусное свечение у карточек (псевдоэлемент) */
#reviews .rv-card::before { content: none !important; }

/* на всякий случай гасим drop-shadow через filter (если где-то встречается) */
#reviews .rv-card,
#reviews .rv-avatar,
#reviews .rev-btn,
#reviews .rv-dot,
#reviews .rv-tags span {
  filter: none !important;
}
