.recenzje .hero-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-5);align-items:center}
.hero-content{display:flex;flex-direction:column;gap:var(--space-4);max-width:60ch}
.hero-score .score{font-size:3rem;color:var(--color-accent-primary);font-weight:700}

.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.review-card img{aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius-sm)}
.card-body{display:flex;flex-direction:column;gap:var(--space-2);text-align:center}
.card-score{color:var(--color-accent-secondary);font-weight:600}

.methodology-inner{display:flex;justify-content:center}
.method-text{max-width:700px;text-align:center}

.filter-bar{display:flex;gap:var(--space-2);flex-wrap:wrap}
.filter{padding:0.4em 0.8em;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm)}
.filter.active{background:var(--color-accent-primary);color:#fff}

.masonry{column-count:3;column-gap:var(--space-4)}
.masonry-item{break-inside:avoid;margin-bottom:var(--space-4);display:block}
.masonry-item img{border-radius:var(--radius-sm);margin-bottom:var(--space-2)}

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

.quotes-inner{display:flex;flex-direction:column;gap:var(--space-5);align-items:center;text-align:center;max-width:600px;margin-inline:auto}

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

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

@media(max-width:1100px){
.hero-grid{grid-template-columns:1fr}
.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.masonry{column-count:2}
}

@media(max-width:700px){
.featured-grid{grid-template-columns:1fr}
.masonry{column-count:1}
.top-grid{grid-template-columns:1fr}
.hardware-grid{grid-template-columns:1fr}
}