/* =====================================================================
   ÜGYFÉLVÉLEMÉNYEK (065) – Bene, 2026-10-07: egy sor, három vélemény
   Telefonon vízszintesen lapozható (a következő kártya széle kilátszik), 700 px-től három egymás mellett.
   ===================================================================== */
.vl-sor {
  list-style: none; margin: 0; padding: 0 0 6px;
  display: grid; grid-auto-flow: column; grid-auto-columns: 84%; gap: 12px;
  overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain;
  scrollbar-width: none;
}
.vl-sor::-webkit-scrollbar { display: none; }
.vl-kartya {
  position: relative; scroll-snap-align: start; display: flex; flex-direction: column; gap: 14px;
  padding: 22px 20px 20px; border-radius: 16px; min-width: 0;
  background: linear-gradient(160deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .02) 60%), rgba(20, 18, 19, .6);
  border: 1px solid rgba(255, 255, 255, .1);
  box-shadow: 0 26px 60px -30px rgba(0, 0, 0, .95), inset 0 1px 0 rgba(255, 255, 255, .06);
}
.vl-kartya::before { content: ""; position: absolute; left: 20px; right: 20px; top: 0; height: 2px; background: var(--piros); border-radius: 0 0 2px 2px; }
.vl-jel { font: 900 54px/0.6 var(--font-cim); color: var(--piros); height: 22px; }
.vl-szoveg { margin: 0; flex: 1 1 auto; }
.vl-szoveg p { margin: 0; font-size: 15.5px; line-height: 1.55; color: #ecebee; }
.vl-ki { margin: 0; display: grid; gap: 3px; padding-top: 14px; border-top: 1px solid rgba(255, 255, 255, .08); }
.vl-nev { font: 800 14px/1.2 var(--font-cim); letter-spacing: .02em; }
.vl-ceg { font-size: 13px; color: var(--halvany); }
@media (min-width: 700px) {
  .vl-sor { grid-auto-flow: row; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: visible; gap: 16px; }
}