.asztali-page{display:block}

.asztali-hero{position:relative;min-height:70vh}
.asztali-hero-bg img{filter:brightness(0.45)}
.asztali-hero-content{position:absolute;bottom:0;left:0;right:0}
.asztali-hero-text{max-width:600px;display:flex;flex-direction:column;gap:var(--space-3);padding-bottom:var(--space-6)}

.asztali-definition{max-width:800px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-4)}

.asztali-split{align-items:center}
.asztali-split .asztali-text{display:flex;flex-direction:column;gap:var(--space-3)}
.asztali-split .asztali-image{min-height:320px}

.asztali-split.alt{grid-template-columns:1fr 1fr}
.asztali-split.alt .placeholder{background:var(--color-heavy-steel);border:var(--border-muted)}

.asztali-center{text-align:center}

.asztali-atmosphere{background:var(--color-heavy-steel)}
.asztali-atmosphere-text{max-width:600px;display:flex;flex-direction:column;gap:var(--space-3)}

.asztali-cta-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-6);background:var(--color-warning-yellow);color:var(--color-coal-black);text-align:center}
.asztali-cta-box .btn{background:var(--color-coal-black)}

@media (max-width:1024px){
.asztali-split{grid-template-columns:1fr}
}

@media (max-width:640px){
.asztali-hero{min-height:55vh}
.asztali-hero-text{padding-bottom:var(--space-5)}
}