.stone-colors-first-screen__link {
  margin-top: 20px;
  max-width: 218px;

  @media (width < 640px) {
    max-width: unset;
  }
}

.stone-color-groups-list .stone-color-groups-list__item:not(:first-child) {
  margin-top: 83px;

  @media (width < 960px) {
    margin-top: 74px;
  }
}
.stone-color-groups-list__subgroup:not(:first-child) {
  margin-top: 36px;

  @media (width < 960px) {
    margin-top: 74px;
  }
}

.brands-tiles__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;

  @media (width < 960px) {
    display: block;

    .brands-tiles__item:not(:first-child) {
      margin-top: 20px;
    }
  }
}

.brand-tile {
  min-height: 271px;
  border: 1px solid var(--c-gray-text);
  padding: 12px 10px;
  position: relative;
  place-content: end;
  background-position: top 12px right 10px;
  background-size: 35px;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  row-gap: 5px;

  @media (width < 960px) {
    min-height: 196px;
    padding-block: 12px 23px;
  }

  &.brand-tile--hanex {
    background-image: url(/assets/img/brands/korea.png);

    &::before {
      background-image: url(/assets/img/brands/hanex.png);
    }
  }
  &.brand-tile--grandex {
    background-image: url(/assets/img/brands/korea.png);

    &::before {
      background-image: url(/assets/img/brands/grandex.png);
    }
  }
  &.brand-tile--neomarm {
    background-image: url(/assets/img/brands/korea.png);

    &::before {
      background-image: url(/assets/img/brands/neomarm.png);
    }
  }
  &.brand-tile--pluton {
    background-image: url(/assets/img/brands/korea.png);

    &::before {
      background-image: url(/assets/img/brands/pluton.png);
    }
  }
  &.brand-tile--corian {
    background-image: url(/assets/img/brands/usa.png);

    &::before {
      background-image: url(/assets/img/brands/corian.png);
    }
  }
  &.brand-tile--primax {
    background-image: url(/assets/img/brands/korea.png);

    &::before {
      background-image: url(/assets/img/brands/primax.png);
    }
  }
  &.brand-tile--durasein::before {
    background-image: url(/assets/img/brands/durasein.png);
  }
  &.brand-tile--staron {
    background-image: url(/assets/img/brands/korea.png);

    &::before {
      background-image: url(/assets/img/brands/staron.png);
    }
  }
  &.brand-tile--hi-macs {
    background-image: url(/assets/img/brands/korea.png);

    &::before {
      background-image: url(/assets/img/brands/hi-macs.png);
    }
  }
  &.brand-tile--avant::before {
    background-image: url(/assets/img/brands/avant.png);
  }
  &.brand-tile--avarus::before {
    background-image: url(/assets/img/brands/avarus.png);
  }
  &.brand-tile--noblle::before {
    background-image: url(/assets/img/brands/noblle.png);
  }
  &.brand-tile--technistone::before {
    background-image: url(/assets/img/brands/technistone.png);
  }
  &.brand-tile--viatera {
    background-image: url(/assets/img/brands/korea.png);

    &::before {
      background-image: url(/assets/img/brands/viatera.png);
    }
  }
  &.brand-tile--vicostone::before {
    background-image: url(/assets/img/brands/vicostone.png);
  }
  &.brand-tile--radianz {
    background-image: url(/assets/img/brands/korea.png);

    &::before {
      background-image: url(/assets/img/brands/radianz.png);
    }
  }
  &.brand-tile--cirrus {
    background-image: url(/assets/img/brands/korea.png);

    &::before {
      background-image: url(/assets/img/brands/cirrus.png);
    }
  }
  &.brand-tile--caesarstone::before {
    background-image: url(/assets/img/brands/caesarstone.png);
  }

  &::before {
    content: "";
    display: block;
    margin-bottom: auto;
    width: 120px;
    height: 90px;
    background-position: top left;
    background-size: 100%;
    background-repeat: no-repeat;
  }

  p {
    margin-bottom: 0;
  }
  .brand-tile__title {
    font-size: 16px;
    line-height: 21px;

    &::before {
      content: "";
      position: absolute;
      inset: 0;
    }
  }
}