.esemenyek-page .esemenyek-hero-grid{
  display:grid;
  grid-template-columns: 3fr 2fr;
  gap:var(--space-xl);
  align-items:center;
}
.hero-text{max-width:620px}
.hero-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-md);
  margin-top:var(--space-lg);
}
.hero-card{
  padding:var(--space-md);
  border:var(--border-soft);
  border-radius:var(--radius-sm);
  background:var(--color-surface);
  transition:.2s;
}
.hero-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}
.hero-image img{border-radius:var(--radius-lg);width:100%}

.social-grid{
  display:grid;
  grid-template-columns: 55% 45%;
  gap:var(--space-xl);
  align-items:center;
}
.social-text{max-width:700px}

.corporate-grid{
  display:grid;
  grid-template-columns:45% 55%;
  gap:var(--space-xl);
  align-items:center;
}
.image-placeholder{
  width:100%;
  height:320px;
  background:var(--color-muted);
  border-radius:var(--radius-lg);
}

.adult-content{
  max-width:720px;
}
.adult-content img{margin:var(--space-lg) 0;border-radius:var(--radius-lg)}
.adult-warning{
  padding:var(--space-md);
  border-left:3px solid var(--color-accent);
  background:var(--color-surface);
}

.concept-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--space-lg);
  margin-top:var(--space-xl);
}
.concept-card:hover{border-color:var(--color-accent)}

.process-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--space-lg);
  margin-top:var(--space-xl);
}
.process-step{min-width:0}

.terms-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--space-xl);
}
.terms-highlight{
  background:var(--color-surface);
  padding:var(--space-lg);
  border-radius:var(--radius-sm);
  border:var(--border-soft);
}

.esemenyek-cta{
  background:var(--color-accent);
  color:var(--color-white);
}
.cta-box{
  text-align:center;
  max-width:520px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:var(--space-md);
}

@media(max-width:900px){
  .esemenyek-hero-grid,
  .social-grid,
  .corporate-grid,
  .terms-grid{
    grid-template-columns:1fr;
  }
  .hero-cards{grid-template-columns:1fr}
  .concept-grid{grid-template-columns:repeat(2,1fr)}
  .process-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:600px){
  .concept-grid,
  .process-grid{grid-template-columns:1fr}
}