/* Hero domovské stránky (pro uživatele) ve stejném stylu jako hero pro podnikatele a franšízanty:
   Patrikův gradient přebarvený do Mo.one Blue (gen: assets/uzivatele/, gen-hero.py s target #445FE1),
   tmavý text na světlé části vlevo. Návrh 19. 9. 2026. */
.hero--uzivatele {
  background: #C9DAFF url('../assets/uzivatele/hero-uzivatele.jpg') center center / cover no-repeat;
  color: var(--ink);
  min-height: min(92svh, 860px);
}
.hero--uzivatele::after { background: linear-gradient(100deg, rgba(247, 249, 255, .72) 0%, rgba(247, 249, 255, .55) 42%, rgba(247, 249, 255, 0) 70%); }
.hero--uzivatele .kicker { color: rgba(24, 38, 68, .78); }
.hero--uzivatele h1 { color: var(--ink); max-width: 15ch; }
.hero--uzivatele .t-lead { color: rgba(24, 38, 68, .74); }
.hero--uzivatele .hero-fact .num { color: var(--ink); }
.hero--uzivatele .hero-fact small { color: rgba(24, 38, 68, .72); }
.hero--uzivatele .hero-how { color: var(--ink); }
@media (max-width: 760px) {
  .hero--uzivatele { background-image: url('../assets/uzivatele/hero-uzivatele-mobil.jpg'); background-position: center top; }
  .hero--uzivatele::after { background: linear-gradient(180deg, rgba(247, 249, 255, .78) 0%, rgba(247, 249, 255, .55) 55%, rgba(247, 249, 255, 0) 100%); }
}
/* závěrečný blok „První platba za dvě minuty" na stejném podkladu jako hero, jen v tmavé poloze,
   ať na sebe začátek a konec stránky navazují. Přes obrázek je tmavý závoj kvůli bílému textu. */
.download { background: #101C3D url('../assets/uzivatele/hero-uzivatele.jpg') center 30% / cover no-repeat !important; }
.download::after { background: linear-gradient(120deg, rgba(16, 28, 61, .86) 0%, rgba(16, 28, 61, .68) 45%, rgba(16, 28, 61, .8) 100%) !important; opacity: 1 !important; }
.download .download-inner { position: relative; z-index: 2; }