/* 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: 3;
      gap: 10px; } }
  @media (max-width: 1024px) {
    /* line 19, _elements.brands.scss */
    .brands-grid.no-mobile {
      display: none; } }
  /* line 24, _elements.brands.scss */
  .brands-grid-partners {
    --brands-grid-items: 6; }
    @media (max-width: 575px) {
      /* line 24, _elements.brands.scss */
      .brands-grid-partners {
        --brands-grid-items: 3; } }
  @media (min-width: 1025px) {
    /* line 30, _elements.brands.scss */
    .brands-grid.no-desktop {
      display: none; } }
/* line 37, _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 47, _elements.brands.scss */
  .brands__nav a.is-disabled {
    pointer-events: none;
    color: var(--color-grey-l); }
  @media (hover: none) {
    /* line 46, _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 60, _elements.brands.scss */
.brands__search {
  position: relative;
  isolation: isolate;
  margin: 20px 0 -21px;
  border-bottom: 1px solid #fff; }
  /* line 67, _elements.brands.scss */
  .brands__search form {
    position: relative;
    isolation: isolate;
    max-width: 400px; }
    /* line 73, _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 84, _elements.brands.scss */
.brands__group {
  margin: 20px 0 0;
  padding-top: 20px;
  border-top: 1px solid var(--border-grey); }
  /* line 88, _elements.brands.scss */
  .brands__group.no-border {
    border-top: none; }
/* line 94, _elements.brands.scss */
.brands__ankor {
  position: relative;
  top: -90px;
  display: block;
  width: 1px;
  height: 1px; }
  @media (max-width: 1024px) {
    /* line 94, _elements.brands.scss */
    .brands__ankor {
      top: -70px; } }
/* line 108, _elements.brands.scss */
.brands__title {
  font-size: 18px;
  line-height: 22px;
  font-weight: var(--font-bold); }
/* line 114, _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 114, _elements.brands.scss */
    .brands__list {
      grid-template-columns: repeat(3, 1fr); } }
  @media (max-width: 575px) {
    /* line 114, _elements.brands.scss */
    .brands__list {
      grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 375px) {
    /* line 114, _elements.brands.scss */
    .brands__list {
      grid-template-columns: repeat(1, 1fr); } }
  @media (hover: none) {
    /* line 137, _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); } }

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