/* 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: 5; } }
  @media (max-width: 767px) {
    /* line 2, _elements.brands.scss */
    .brands-grid {
      --brands-grid-items: 4; } }
  @media (max-width: 575px) {
    /* line 2, _elements.brands.scss */
    .brands-grid {
      --brands-grid-items: 3;
      gap: 10px; } }
  @media (max-width: 375px) {
    /* line 2, _elements.brands.scss */
    .brands-grid {
      --brands-grid-items: 2;
      gap: 10px; } }
/* line 22, _elements.brands.scss */
.brands-all {
  font-size: 14px;
  line-height: 18px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 0 10px;
  align-items: center;
  margin: 20px 0 0; }
  /* line 29, _elements.brands.scss */
  .brands-all::before, .brands-all::after {
    content: '';
    width: 100%;
    height: 0;
    border-top: 1px solid var(--border-grey);
    margin-top: 2px; }
  /* line 36, _elements.brands.scss */
  .brands-all a {
    color: var(--color-hipstr-grey); }

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

@media (max-width: 1024px) {
  /* line 53, _elements.brands.scss */
  .widget-brands .brands-grid__item:nth-child(n+11) {
    display: none; } }
@media (max-width: 767px) {
  /* line 58, _elements.brands.scss */
  .widget-brands .brands-grid__item:nth-child(n+9) {
    display: none; } }
@media (max-width: 575px) {
  /* line 63, _elements.brands.scss */
  .widget-brands .brands-grid__item:nth-child(n+7) {
    display: none; } }
@media (max-width: 375px) {
  /* line 68, _elements.brands.scss */
  .widget-brands .brands-grid__item:nth-child(n+5) {
    display: none; } }