.ajanlatok-main{}

.ajanlatok-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,0.9fr);
  gap:var(--space-4);
  align-items:center;
}

.ajanlatok-hero-text{
  max-width:65ch;
}

.ajanlatok-hero-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-2);
  margin-top:var(--space-3);
}

.ajanlatok-hero-image img{
  width:100%;
  border-radius:var(--radius-sm);
}

.ajanlatok-cards-3{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-3);
}

.ajanlatok-split{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,0.8fr);
  gap:var(--space-4);
  align-items:center;
}

.ajanlatok-split-text{
  max-width:65ch;
}

.ajanlatok-split-image img{
  width:100%;
  border-radius:var(--radius-sm);
}

.ajanlatok-highlight{
  padding:var(--space-2);
  margin:var(--space-3) 0;
}

.ajanlatok-compare{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-3);
}

.ajanlatok-steps{
  max-width:65ch;
  margin-top:var(--space-3);
}

.ajanlatok-cta-block{
  max-width:600px;
  margin-inline:auto;
  text-align:center;
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}

@media (max-width:1024px){
  .ajanlatok-hero-grid,
  .ajanlatok-split{
    grid-template-columns:1fr;
  }

  .ajanlatok-hero-image{
    order:-1;
  }
}

@media (max-width:768px){
  .ajanlatok-cards-3,
  .ajanlatok-hero-cards,
  .ajanlatok-compare{
    grid-template-columns:1fr;
  }
}