.vr-page {}

.vr-hero-grid{display:grid;grid-template-columns:45% 55%;gap:var(--space-6);align-items:center}
.vr-hero-text{max-width:60ch}
.vr-hero-image img{width:100%;height:auto}

.vr-concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6);text-align:center}
.vr-concept-block{max-width:65ch;margin-inline:auto}

.vr-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-5)}
.vr-card{height:100%}

.vr-experience-grid{display:grid;grid-template-columns:55% 45%;gap:var(--space-6);align-items:center}
.vr-experience-text{max-width:60ch}

.vr-gastro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6);text-align:center}
.vr-gastro-col{max-width:65ch;margin-inline:auto}
.vr-gastro-image{margin-top:var(--space-6)}

.vr-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);text-align:center}
.vr-step{padding:var(--space-4);border:1px solid var(--color-border-muted);border-radius:var(--radius-sm)}

.vr-ent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}

.vr-custom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6);text-align:center}

.vr-why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6);text-align:center}

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

@media(max-width:1000px){
.vr-hero-grid{grid-template-columns:1fr}
.vr-experience-grid{grid-template-columns:1fr}
.vr-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:800px){
.vr-concept-grid,.vr-steps,.vr-custom-grid,.vr-why-grid{grid-template-columns:1fr}
.vr-ent-grid{grid-template-columns:1fr}
}

@media(max-width:600px){
.vr-card-grid{grid-template-columns:1fr}
.vr-gastro-grid{grid-template-columns:1fr}
}