.esemenyek-page .hero{position:relative;padding:0}
.hero-bg{position:absolute;inset:0;z-index:0}
.hero-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:70vh;text-align:center}
.hero-inner{max-width:700px;margin-inline:auto;display:flex;flex-direction:column;gap:24px}

.intro-text{max-width:800px}

.cat-card{transition:var(--transition-fast)}
.cat-card:hover{outline:2px solid var(--color-accent)}

.atmosphere .media{min-height:320px}
.atm-text{display:flex;flex-direction:column;gap:24px}

.steps .step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}
.step-num{font-size:3.5rem;color:var(--color-accent);font-family:var(--font-heading)}

.featured .card-body{gap:16px}

.audience > .container > div{display:flex;flex-direction:column;gap:16px}

.final-cta .cta-box{max-width:600px;margin-inline:auto;text-align:center;border:var(--border-accent);padding:48px;display:flex;flex-direction:column;gap:24px}

@media(max-width:768px){
.hero-content{min-height:60vh;padding:32px 0}
}