/* Центрированная карусель-историй с отзывами */
.st-head{text-align:center;margin-bottom:26px}
.st-head .lede{margin-left:auto;margin-right:auto}

.st-track{
  display:flex;gap:24px;overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
  padding:24px calc(50% - 300px);
  scrollbar-width:none;-ms-overflow-style:none;
}
.st-track::-webkit-scrollbar{display:none}

.st-card{
  flex:0 0 600px;scroll-snap-align:center;
  background:#f3f1ec;border-radius:24px;padding:36px;
  min-height:300px;display:flex;flex-direction:column;gap:18px;
  opacity:.5;transform:scale(.94);
  transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1);
  will-change:transform,opacity;
}
.st-card.is-on{opacity:1;transform:scale(1)}

.st-badge{
  align-self:flex-start;font-size:11px;font-weight:700;
  letter-spacing:.03em;text-transform:uppercase;color:#7a5a13;
  background:#fbeecd;border:1px solid #f0d79a;
  border-radius:999px;padding:3px 9px;
}
.st-quote{
  margin:0;font-size:22px;line-height:1.35;font-weight:600;color:var(--ink);
  border-left:3px solid;border-image:linear-gradient(180deg,#8b5cf6,#ec4899) 1;
  padding-left:16px;
}
.st-role{
  margin-top:auto;font-size:13px;color:var(--ink-soft);
}

.st-nav{display:flex;justify-content:center;gap:12px;margin-top:18px}
.st-prev,.st-next{
  width:40px;height:40px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  background:#fff;border:1px solid rgba(20,20,28,.18);
  color:#111;font-size:20px;line-height:1;cursor:pointer;
}
.st-prev:hover,.st-next:hover{background:#f4f2ed}

.rv-note{
  margin-top:10px;font-size:13px;color:var(--ink-soft);text-align:center;
}

@media (max-width:700px){
  .st-card{flex-basis:86vw;padding:24px 28px}
  .st-track{padding:24px 7vw}
}


/* Компактнее: без пустой шапки карточки и лишнего отступа под блоком */
.st-card { min-height: 0; justify-content: flex-start; padding: 28px 32px; gap: 12px; background: #fff; border: 1px solid rgba(20,20,28,.06); box-shadow: 0 6px 24px rgba(20,20,28,.06); }
.st-card .st-role { margin: 0; font-size: 12px; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; color: #7c5cff; }
.st-card .st-role::before { content: ""; display: inline-block; width: 6px; height: 6px; margin-right: 8px; background: #7c5cff; vertical-align: 1px; }
#reviews.sec { padding-bottom: 56px; }