.restauracja-page {}

.rest-center { text-align:center; margin-inline:auto; max-width:700px; }

.rest-hero { position:relative; min-height:90vh; display:flex; align-items:center; }
.rest-hero__bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.rest-hero__inner { position:relative; z-index:2; display:flex; }
.rest-hero__text { max-width:480px; display:flex; flex-direction:column; gap:var(--space-3); }

.rest-philosophy__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-4); margin-top:var(--space-5); }
.rest-philosophy__item { max-width:65ch; }

.rest-cuisine__grid { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-5); align-items:center; }
.rest-cuisine__image img { width:100%; border-radius:var(--radius-sm); transition:transform var(--transition-fast); }
.rest-cuisine__image:hover img { transform:scale(1.03); }
.rest-cuisine__text { max-width:60ch; }

.rest-interior__lead { max-width:70ch; margin-inline:auto; text-align:center; }
.rest-interior__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-3); margin-top:var(--space-5); }
.rest-interior__grid img { width:100%; border-radius:var(--radius-sm); transition:transform var(--transition-fast); }
.rest-interior__grid img:hover { transform:scale(1.03); }

.rest-evening__text { max-width:55ch; margin-inline:auto; text-align:center; }

.rest-details__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-4); margin-top:var(--space-5); }
.rest-details__item { max-width:50ch; text-align:center; margin-inline:auto; }

.rest-audience__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-4); margin-top:var(--space-5); }
.rest-audience__grid > div { max-width:60ch; }

.rest-cta-menu .container, .rest-cta-book .container { display:flex; flex-direction:column; gap:var(--space-3); align-items:center; }

@media (max-width:1024px){
.rest-philosophy__grid,
.rest-details__grid,
.rest-audience__grid,
.rest-interior__grid { grid-template-columns:1fr 1fr; }
}

@media (max-width:768px){
.rest-hero { min-height:70vh; }
.rest-hero__inner { justify-content:center; text-align:center; }
.rest-philosophy__grid,
.rest-cuisine__grid,
.rest-details__grid,
.rest-audience__grid,
.rest-interior__grid { grid-template-columns:1fr; }
.rest-cuisine__text { max-width:100%; }
}