.zu-grid { display: grid; }
.zu-grid + .zu-grid { margin-top: 26px; }
.zu-grid--gap-normal { gap: 26px; }
.zu-grid--gap-small { gap: 16px; }
.zu-grid--gap-none { gap: 0; }
.zu-grid--cols-2 { grid-template-columns: repeat(2, 1fr); }
.zu-grid--cols-3 { grid-template-columns: repeat(3, 1fr); }
.zu-grid--cols-4 { grid-template-columns: repeat(4, 1fr); }
.zu-grid--cols-6 { grid-template-columns: repeat(6, 1fr); }
@media (max-width: 1080px) {
  .zu-grid--cols-4, .zu-grid--cols-6 { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 820px) {
  .zu-grid--cols-3, .zu-grid--cols-4, .zu-grid--cols-6 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
  .zu-grid--cols-2, .zu-grid--cols-3, .zu-grid--cols-4, .zu-grid--cols-6 { grid-template-columns: 1fr; }
}