.mutacje-page { }

.mutacje-hero-inner {
  display:grid;
  grid-template-columns: 60% 40%;
  gap: var(--space-5);
  align-items:center;
}
.mutacje-hero-text { max-width:65ch; }
.mutacje-hero-image img { width:100%; }

.mutacje-categories-grid {
  display:grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: var(--space-4);
}
.mutacje-category-card {
  padding: var(--space-4);
  border: var(--border-subtle);
  border-radius: var(--radius-sm);
}
.mutacje-category-card.brutality:hover { box-shadow:0 0 10px #E14B5A; }
.mutacje-category-card.tactics:hover { box-shadow:0 0 10px #4AA3FF; }
.mutacje-category-card.survival:hover { box-shadow:0 0 10px #8B5CF6; }

.mutacje-filter-layout {
  display:grid;
  grid-template-columns:30% 70%;
  gap: var(--space-4);
}
.mutacje-results { display:flex; flex-direction:column; gap:var(--space-3); }

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

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

.mutacje-build-grid {
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-4);
}

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

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

.mutacje-cta {
  background:url('/public/media/mutation-cta-glow-energy.webp') center/cover no-repeat;
  text-align:center;
}

@media (max-width: 900px) {
  .mutacje-hero-inner { grid-template-columns:1fr; }
  .mutacje-categories-grid { grid-template-columns:1fr 1fr; }
  .mutacje-filter-layout { grid-template-columns:1fr; }
  .mutacje-grid { grid-template-columns:1fr 1fr; }
  .mutacje-tier-grid { grid-template-columns:1fr; }
  .mutacje-build-grid { grid-template-columns:1fr; }
  .bledy-grid { grid-template-columns:1fr; }
}

@media (max-width:600px) {
  .mutacje-categories-grid { grid-template-columns:1fr; }
  .mutacje-grid { grid-template-columns:1fr; }
}