.folyamat-page{}

.folyamat-hero-grid{
  display:grid;
  grid-template-columns:60% 40%;
  gap:var(--space-3);
  align-items:start;
  position:relative;
}

.folyamat-hero-headline{grid-column:1;}
.folyamat-hero-intro{grid-column:1; max-width:420px;}
.folyamat-hero-image{
  grid-column:2;
  transform:translateY(40px);
}

.folyamat-steps-bar{
  display:flex;
  gap:var(--space-2);
  overflow-x:auto;
}
.step-item{
  min-width:140px;
  padding:var(--space-2);
  text-align:center;
  border:var(--border-thick) solid var(--color-ink-black);
  box-shadow:var(--shadow-hard);
}

.folyamat-step-grid{
  display:grid;
  grid-template-columns:60% 40%;
  gap:var(--space-3);
  align-items:start;
}

.folyamat-step-text{max-width:600px;}

.folyamat-step-single{max-width:700px;}

.folyamat-highlight{
  padding:var(--space-4);
}

.folyamat-trust .card{min-width:0;}

.folyamat-cta{
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
  align-items:center;
  text-align:center;
  padding:var(--space-4);
}

@media (max-width:900px){
  .folyamat-hero-grid{
    display: flex;
    flex-wrap: wrap;
  }
  .folyamat-hero-image{
    transform:none;
  }
  .folyamat-step-grid{
    grid-template-columns:1fr !important;
  }
}