.under-map-salons {
  background-color: var(--color-gr-blue-9);
  padding: 40px;
  row-gap: 20px;
  margin-top: -40px;
}
.under-map-salon-item {
  width: 20%;
  min-width: 240px;
  padding-right: 40px;
}
.under-map-salon-item .title {
  font-weight: var(--font-weight-4);
  margin-bottom: 5px;
}
.under-map-salon-item a {
  color: var(--color-base);
}


.moscow-salons-promo {
  row-gap: 20px;
}
.promo-item {
  width: 25%;
  min-width: 250px;
  padding-right: 40px;
}
.promo-item .title {
  text-transform: uppercase;
  font-weight: var(--font-weight-4);
}
.promo-item .value {
  color: var(--color-red-6);
}

.promo-item .title:before {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  margin: 0 0 10px 0;
}
.promo-item.cabinet .title:before {
  background-image: url("../images/icons/left-catalog/cabinet.svg");
}
.promo-item.rm .title:before {
  background-image: url("../images/icons/left-catalog/rm.svg");
}
.promo-item.chair .title:before {
  background-image: url("../images/icons/left-catalog/chair.svg");
}
.promo-item.waiting .title:before {
  background-image: url("../images/icons/left-catalog/waiting.svg");
}
.promo-item.talktable .title:before {
  background-image: url("../images/icons/left-catalog/talktable.svg");
}
.promo-item.partitions .title:before {
  background-image: url("../images/icons/left-catalog/partitions.svg");
}
.promo-item.metall .title:before {
  background-image: url("../images/icons/left-catalog/metall.svg");
}
.promo-item.jalousie .title:before {
  background-image: url("../images/icons/left-catalog/jalousie.svg");
}

.region-title {
  position: sticky;
  top: calc(var(--header-height));
  background: #FFF;
  z-index: 2;
  text-transform: none !important;
}

.salons-table {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

.salons-table > div {
  padding: 0 10px;
}

.salons-table > div:nth-child(3n) {
  padding: 0 10px 10px 10px;
}

.salons-table > div:nth-child(3n-2) {
  padding: 10px 10px 0 10px;
}

.salons-table > div:nth-child(6n), .salons-table > div:nth-child(6n-1), .salons-table > div:nth-child(6n-2) {
  background-color: var(--color-gr-blue-9);
}

.salons-table .address {
  color: var(--color-grey-3);
}

.salon-table tr {
  border-bottom: 1px solid var(--color-grey-8);
}
.salon-table td {
  padding: 10px 0;
}
.salon-table a {
  color: var(--color-base);
}


@media (min-width: 576px) {
  .salons-table {
    grid-template-columns: repeat(3, 1fr);
  }
  .salons-table > div, .salons-table > div:nth-child(3n), .salons-table > div:nth-child(3n-2) {
    padding: 10px;
  }
}

@media (min-width: 768px) {
  .under-map-salons {
    row-gap: 40px;
  }
  .moscow-salons-promo {
    row-gap: 40px;
  }
}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}

@media (min-width: 1400px) {

}