/* Statistiky – Proč nás vybrat
   Mobil: swipe slider
   Desktop: karty vedle sebe
*/

/* ========== Společné ========== */
.stats-num{
  font-size: 44px;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #3F1A5E;
}
.stats-title{
  margin-top: 6px;
  font-weight: 700;
  color: rgba(17,24,39,.92);
}
.stats-desc{
  margin-top: 6px;
  font-size: 14px;
  color: rgba(17,24,39,.62);
}

/* ========== Desktop: karty ========== */
.stats-desktop{
  display: none;
}
.stats-grid{
  display: grid;
  gap: 14px;
}
.stats-card{
  padding: 18px 18px;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(17,24,39,.06);
  text-align: center;
}

/* ========== Mobil: slider ========== */
.stats-mobile{
  display: block;
}
.stats-slider{
  position: relative;
  margin-top: 14px;
}
.stats-viewport{
  overflow: hidden;
  border-radius: 18px;
}
.stats-track{
  display: flex;
  transition: transform .35s ease;
  will-change: transform;
}
.stats-slide{
  min-width: 100%;
  padding: 18px 18px;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(17,24,39,.06);
  text-align: center;
}
.stats-dots{
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top: 10px;
}
.stats-dot{
  width: 8px;
  height: 8px;
  border-radius: 99px;
  background: rgba(17,24,39,.15);
}
.stats-dot.is-active{
  width: 20px;
  background: rgba(63,26,94,.75);
}

/* ========== Breakpoints ========== */
@media (min-width: 1024px){
  .stats-mobile{ display:none; }
  .stats-desktop{ display:block; }
  .stats-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .stats-num{ font-size: 46px; }
}

@media (min-width: 640px) and (max-width: 1023px){
  .stats-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}


.stats-mobile__viewport{touch-action: pan-y;}

/* Mobile slider arrows (optional, kept subtle) */
.stats-nav{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:12px; }
.stats-arrow{ appearance:none; border:1px solid rgba(0,0,0,.08); background:#fff; border-radius:999px; width:42px; height:42px; display:grid; place-items:center; font-size:20px; line-height:1; color:rgba(63,26,94,.85); box-shadow:0 10px 30px rgba(0,0,0,.08); }
.stats-arrow:active{ transform:translateY(1px); }