/* 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 22, _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 32, _elements.brands.scss */
  .brands__nav a.is-disabled {
    pointer-events: none;
    color: var(--color-grey-l); }
  @media (hover: none) {
    /* line 31, _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-secondary); } }
/* line 45, _elements.brands.scss */
.brands__search {
  position: relative;
  isolation: isolate;
  margin: 20px 0 -21px; }
  /* line 52, _elements.brands.scss */
  .brands__search form {
    position: relative;
    isolation: isolate;
    max-width: 400px; }
    /* line 58, _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 69, _elements.brands.scss */
.brands__group {
  margin: 20px 0 0;
  padding-top: 20px;
  border-top: 1px solid var(--border-grey); }
  /* line 73, _elements.brands.scss */
  .brands__group.no-border-top {
    border-top: none; }
/* line 78, _elements.brands.scss */
.brands__ankor {
  position: relative;
  top: -90px;
  display: block;
  width: 1px;
  height: 1px; }
  @media (max-width: 1024px) {
    /* line 78, _elements.brands.scss */
    .brands__ankor {
      top: -70px; } }
/* line 92, _elements.brands.scss */
.brands__title {
  font-size: 18px;
  line-height: 22px;
  font-weight: var(--font-bold); }
/* line 98, _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 98, _elements.brands.scss */
    .brands__list {
      grid-template-columns: repeat(3, 1fr); } }
  @media (max-width: 575px) {
    /* line 98, _elements.brands.scss */
    .brands__list {
      grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 375px) {
    /* line 98, _elements.brands.scss */
    .brands__list {
      grid-template-columns: repeat(1, 1fr); } }
  @media (hover: none) {
    /* line 121, _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-secondary); } }

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