/* 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 23, _elements.brands.scss */
.brands-row {
  display: flex;
  gap: 28px;
  margin-bottom: 30px; }

/* line 29, _elements.brands.scss */
.brands-letter {
  font-size: 28px; }

/* line 33, _elements.brands.scss */
.brands-items {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 32px;
  color: var(--color-black);
  font-family: var(--font-family);
  font-size: 16px;
  line-height: 18px;
  font-weight: bold; }

/* line 44, _elements.brands.scss */
.brands-line {
  margin-bottom: 30px;
  height: 0.5px;
  background: var(--color-grey-l);
  width: 100%; }

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