.przewodniki-page .hero-grid{display:grid;grid-template-columns:5fr 7fr;gap:var(--space-5);align-items:center}
.hero-text{max-width:60ch}
.hero-image img{width:100%;height:auto}

.filters-grid{display:grid;grid-template-columns:8fr 4fr;gap:var(--space-5)}
.filter-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2)}

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

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

.money-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}

.cta-box{max-width:600px;text-align:center;margin-inline:auto}

@media(max-width:900px){
.hero-grid{grid-template-columns:1fr}
.filters-grid{grid-template-columns:1fr}
.card-grid-3{grid-template-columns:repeat(2,1fr)}
.card-grid-4{grid-template-columns:repeat(2,1fr)}
.skills-grid,.money-grid{grid-template-columns:1fr}
}

@media(max-width:600px){
.card-grid-3,.card-grid-2,.card-grid-4{grid-template-columns:1fr}
}