.ajanlatok-main .hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6);align-items:center}
.hero-text{max-width:60ch}
.hero-actions{display:flex;gap:var(--space-3);margin-top:var(--space-3)}
.hero-highlight{margin-top:var(--space-4);padding:var(--space-3);background:var(--color-surface-alt);border:var(--border-subtle);border-radius:var(--radius-sm)}

.dining-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}
.d-col{max-width:55ch}
.image-col img{margin-bottom:var(--space-3)}
.highlight{background:var(--color-surface-alt);padding:var(--space-4);border-radius:var(--radius-sm);box-shadow:var(--shadow-soft)}

.salon-grid{display:grid;grid-template-columns:7fr 5fr;gap:var(--space-6);align-items:center}
.salon-text{max-width:65ch}
.salon-box{margin-top:var(--space-3);padding:var(--space-3);background:var(--color-surface-alt);border-radius:var(--radius-sm)}
.salon-warning{margin-top:var(--space-3);padding:var(--space-3);border-left:3px solid var(--color-cta);background:var(--color-surface-alt)}

.packages-grid h2{text-align:center}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-5)}
.cards .card{transition:transform var(--transition-fast)}
.cards .card:hover{transform:translateY(-4px)}

.booking-steps .steps{display:flex;gap:var(--space-4)}
.step{flex:1 1 0;min-width:0;padding:var(--space-3);background:var(--color-surface-alt);border-radius:var(--radius-sm)}

.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}

.narrow{max-width:60ch}

.faq-wrap{max-width:70ch}
.accordion{display:flex;flex-direction:column;gap:var(--space-2)}
.acc-item{padding:var(--space-3);text-align:left;background:var(--color-surface-alt);border-radius:var(--radius-sm);border:var(--border-subtle)}
.acc-panel{display:none;padding:var(--space-3)}
.acc-item.active + .acc-panel{display:block}

.cta-box{text-align:center;max-width:55ch;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3)}

@media(max-width:960px){
.hero-grid{grid-template-columns:1fr}
.dining-grid{grid-template-columns:1fr}
.salon-grid{grid-template-columns:1fr}
.cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.booking-steps .steps{flex-direction:column}
.two-col{grid-template-columns:1fr}
}

@media(max-width:600px){
.ajanlatok-main .hero-grid{gap:var(--space-5)}
.hero-actions{flex-direction:column;}
.hero-actions .button{width:100%;}
.dining-grid,.salon-grid{gap:var(--space-4)}
.cards{grid-template-columns:1fr}
.highlight{padding:var(--space-3)}
}