.etterem-page{display:flex;flex-direction:column;gap:var(--space-6);} 

.etterem-hero{position:relative;} 
.etterem-hero .media-frame{aspect-ratio:16/9;} 
.etterem-hero-panel{position:absolute;top:50%;left:10%;transform:translateY(-50%);max-width:480px;background:var(--color-panel-bg);padding:var(--space-4);border-radius:var(--radius-md);border:var(--border-default);display:flex;flex-direction:column;gap:var(--space-3);} 

.etterem-koncepcio .panel:hover{border-color:var(--color-accent-red);} 

.etterem-ter-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-4);align-items:center;} 

.etterem-esemenyek .panel:hover{border-color:var(--color-accent-red);} 

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

.etterem-kozonseg .panel{text-align:center;} 

.etterem-form{max-width:500px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3);} 

.etterem-cta{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center;} 

@media(max-width:1024px){
 .etterem-ter-grid{grid-template-columns:1fr;} 
 .etterem-steps{grid-template-columns:1fr 1fr;} 
 .etterem-hero-panel{left:5%;right:5%;transform:none;top:auto;bottom:var(--space-4);} 
}

@media(max-width:768px){
 .etterem-steps{grid-template-columns:1fr;} 
 .etterem-hero-panel{position:static;margin:var(--space-2);} 
}