/* Lokální pozadí pro Službu A */
.pattern-bg-a {
  background-image:
    radial-gradient(circle at 25% 25%, rgba(59, 130, 246, 0.05) 0%, transparent 50%),
    radial-gradient(circle at 75% 75%, rgba(59, 130, 246, 0.03) 0%, transparent 50%);
}

/* Value progression (grid) */
.value-progression {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  align-items: center;
  gap: 16px;
}

.heromaj {
	
	background:
    radial-gradient(rgba(15 23 42/1), rgba(15 23 42/0.55)),
    url("/assets/img/majitel01.webp") center/cover;
}

.value-stage {
  background: rgba(30, 58, 138, 0.2);
  border: 1px solid rgba(59, 130, 246, 0.3);
  padding: 20px;
  border-radius: 12px;
  text-align: center;
}

.value-arrow {
  font-size: 24px;
  color: #3b82f6;
  font-weight: 700;
}

@media (max-width: 768px) {
  .value-progression {
    grid-template-columns: 1fr;
  }
  .value-arrow {
    transform: rotate(90deg);
    margin: 8px 0;
  }
}

/* Fix: hero zvýraznění musí být zelené i při kolizi globálních stylů */
#app-wrapper .hero-accent {
  color: rgb(16 185 129) !important; /* emerald-500 */
}