.sprzet-page{display:block}

.sprzet-hero{position:relative}
.sprzet-hero-img{width:100%;height:auto}
.sprzet-hero-content{position:absolute;inset:0;display:flex;align-items:center}
.sprzet-hero-text{max-width:480px;display:flex;flex-direction:column;gap:var(--space-3)}
.sprzet-hero-feature{display:block;color:#fff}
.sprzet-hero{color:#fff}

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

.sprzet-card{position:relative}
.bookmark{position:absolute;top:10px;right:10px}

.sprzet-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);text-align:center}
.sprzet-cat{padding:var(--space-5);background:var(--color-surface-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-card)}

.sprzet-narrow{max-width:650px}

.sprzet-split{display:grid;grid-template-columns:60% 40%;gap:var(--space-5);align-items:center}

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

.sprzet-cta{display:flex;justify-content:space-between;align-items:center;gap:var(--space-5)}
.sprzet-form{display:flex;gap:var(--space-3);max-width:400px;width:100%}

@media (max-width:1024px){
.sprzet-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
.sprzet-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
.sprzet-split{grid-template-columns:1fr}
}

@media (max-width:700px){
.sprzet-grid-3,.sprzet-grid-2,.sprzet-grid-4,.sprzet-categories{grid-template-columns:1fr}
.sprzet-hero-content{position:static}
.sprzet-cta{flex-direction:column;align-items:flex-start}
}