.sprzet-page{display:block}

.sprzet-hero{padding:0}
.sprzet-hero-link{display:block;position:relative}
.sprzet-hero-media{position:relative;height:70vh;min-height:420px;overflow:hidden}
.sprzet-hero-media img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-med)}
.sprzet-hero-link:hover .sprzet-hero-media img{transform:scale(1.05)}
.sprzet-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.6),rgba(0,0,0,0.1))}
.sprzet-hero-content{position:absolute;bottom:0;left:0;width:100%}
.sprzet-hero-text{max-width:60ch;color:#fff;padding-bottom:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}
.sprzet-tag{font-size:var(--fs-400);letter-spacing:0.08em;text-transform:uppercase}

.sprzet-tests-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.sprzet-test-card{display:flex;flex-direction:column;gap:var(--space-3)}
.sprzet-test-content{display:flex;flex-direction:column;gap:var(--space-2)}

.sprzet-categories .sprzet-cat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}
.sprzet-cat-tile{background:var(--color-surface-elevated);padding:var(--space-4);border-radius:var(--radius-sm);text-align:center;border:1px solid var(--color-border-subtle);display:flex;flex-direction:column;gap:var(--space-2)}
.sprzet-cat-tile:hover{background:var(--color-accent-primary);color:#fff;transition:var(--transition-fast)}

.sprzet-guides-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}
.sprzet-guide{max-width:60ch}

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

.sprzet-feature-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-5);align-items:center}
.sprzet-feature-text{max-width:60ch}

.sprzet-news-list{display:flex;flex-direction:column;gap:var(--space-3)}

.sprzet-trends-inner{display:flex;flex-direction:column;gap:var(--space-4);max-width:65ch;margin-inline:auto;text-align:center}

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

@media (max-width:1000px){
.sprzet-tests-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.sprzet-feature-grid{grid-template-columns:1fr}
}

@media (max-width:800px){
.sprzet-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.sprzet-guides-grid{grid-template-columns:1fr}
.sprzet-ranking-grid{grid-template-columns:1fr}
}

@media (max-width:600px){
.sprzet-tests-grid{grid-template-columns:1fr}
.sprzet-hero-media{height:auto;aspect-ratio:16/9}
.sprzet-hero-content{position:static}
.sprzet-hero-text{color:var(--color-text-primary);padding:var(--space-3) 0}
}