/* 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; } }
  @media (max-width: 1024px) {
    /* line 20, _elements.brands.scss */
    .brands-grid.no-mobile {
      display: none; } }
/* line 27, _elements.brands.scss */
.brands__nav {
  font-size: 18px;
  line-height: 22px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 20px 0 0;
  font-weight: var(--font-bold); }
  /* line 37, _elements.brands.scss */
  .brands__nav a.is-disabled {
    pointer-events: none;
    color: var(--color-grey-l); }
  @media (hover: none) {
    /* line 36, _elements.brands.scss */
    .brands__nav a {
      -webkit-tap-highlight-color: transparent; } }
  @media (hover: hover), all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* line 25, _mixins.scss */
    .brands__nav a:hover {
      color: var(--color-primary); } }
/* line 50, _elements.brands.scss */
.brands__search {
  position: relative;
  isolation: isolate;
  margin: 20px 0 -21px;
  border-bottom: 1px solid #fff; }
  /* line 57, _elements.brands.scss */
  .brands__search form {
    position: relative;
    isolation: isolate;
    max-width: 400px; }
    /* line 63, _elements.brands.scss */
    .brands__search form .svg-icon {
      font-size: 20px;
      line-height: 0px;
      position: absolute;
      inset: 11px 11px auto auto;
      pointer-events: none;
      color: var(--color-grey-l); }
/* line 74, _elements.brands.scss */
.brands__group {
  margin: 20px 0 0;
  padding-top: 20px;
  border-top: 1px solid var(--border-grey); }
/* line 81, _elements.brands.scss */
.brands__ankor {
  position: relative;
  top: -90px;
  display: block;
  width: 1px;
  height: 1px; }
  @media (max-width: 1024px) {
    /* line 81, _elements.brands.scss */
    .brands__ankor {
      top: -70px; } }
/* line 95, _elements.brands.scss */
.brands__title {
  font-size: 18px;
  line-height: 22px;
  font-weight: var(--font-bold); }
/* line 101, _elements.brands.scss */
.brands__list {
  margin: 10px 0 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-items: start;
  gap: 10px; }
  @media (max-width: 768px) {
    /* line 101, _elements.brands.scss */
    .brands__list {
      grid-template-columns: repeat(3, 1fr); } }
  @media (max-width: 575px) {
    /* line 101, _elements.brands.scss */
    .brands__list {
      grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 375px) {
    /* line 101, _elements.brands.scss */
    .brands__list {
      grid-template-columns: repeat(1, 1fr); } }
  @media (hover: none) {
    /* line 124, _elements.brands.scss */
    .brands__list a {
      -webkit-tap-highlight-color: transparent; } }
  @media (hover: hover), all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* line 25, _mixins.scss */
    .brands__list a:hover {
      color: var(--color-primary); } }

@media (min-width: 1025px) {
  /* line 135, _elements.brands.scss */
  .brands-list.no-desktop {
    display: none; } }

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