/* line 2, _elements.brands.scss */
.brands-grid {
  --brands-grid-items: 8;
  display: grid;
  grid-template-columns: repeat(var(--brands-grid-items), 1fr);
  gap: 20px; }
  @media (max-width: 1024px) {
    /* line 2, _elements.brands.scss */
    .brands-grid {
      --brands-grid-items: 4; } }
  @media (max-width: 767px) {
    /* line 2, _elements.brands.scss */
    .brands-grid {
      --brands-grid-items: 3; } }
  @media (max-width: 575px) {
    /* line 2, _elements.brands.scss */
    .brands-grid {
      --brands-grid-items: 2;
      gap: 10px; } }

/* line 21, _elements.brands.scss */
[data-grid-layout="collection.brands"] .brands-grid {
  margin: 20px 0 0; }