/* ==========================================================================
   Страница /kontakty/: вступление, карточки салонов, галерея, отделы, карта.
   Перенесено из style.css (волна style-css): файл подключается только на
   /kontakty/ и стоит после style.css, поэтому порядок каскада не изменился.
   ========================================================================== */

/* -------------------------------------------------------------------------- */
.contacts-page .contacts_switch {
  display: inline-flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 0;
  margin: 0 auto;
  padding: 4px;
  background: #fff;
  border-radius: 9px;
}
.contacts-page .contacts_switch .cont-sw-item,
.contacts-page .contacts_switch .cont-sw-item.btn,
.contacts-page .contacts_switch .cont-sw-item.btn-grey {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex: 1 1 0;
  min-width: 148px;
  height: 44px;
  padding: 0 22px;
  margin: 0;
  border: 0 !important;
  border-radius: 6px;
  background: transparent;
  color: var(--color-lowgrey);
  font-size: 16px;
  font-weight: 600;
  line-height: 120%;
  box-shadow: none !important;
  cursor: pointer;
  user-select: none;
}
.contacts-page .contacts_switch .cont-sw-item:hover,
.contacts-page .contacts_switch .cont-sw-item:focus,
.contacts-page .contacts_switch .cont-sw-item.btn-grey:hover,
.contacts-page .contacts_switch .cont-sw-item.btn-grey:focus,
.contacts-page .contacts_switch .cont-sw-item.btn-grey:active,
.contacts-page .contacts_switch .cont-sw-item.btn-grey:focus:active {
  background: transparent;
  color: var(--color-black);
  border: 0 !important;
}
.contacts-page .contacts_switch .cont-sw-item.active,
.contacts-page .contacts_switch .cont-sw-item.active:hover,
.contacts-page .contacts_switch .cont-sw-item.active:focus,
.contacts-page .contacts_switch .cont-sw-item.active:focus:active,
.contacts-page .contacts_switch .cont-sw-item.btn-grey.active,
.contacts-page .contacts_switch .cont-sw-item.btn-grey.active:hover,
.contacts-page .contacts_switch .cont-sw-item.btn-grey.active:focus,
.contacts-page .contacts_switch .cont-sw-item.btn-grey.active:focus:active {
  background: var(--color-black);
  color: #fff;
  border: 0 !important;
}
#salons-map {
  width: 100%;
  height: 680px;
}
.contacts-page.blog-detail {
  padding: 0 0 64px;
}
.contacts-page .contacts-page__body {
  text-align: left;
  width: 100%;
  max-width: none;
  margin: 0;
}
.contacts-page .contacts-page__intro {
  margin-bottom: 16px;
}
/* Переключатель «Салоны / На карте» стоит под плашкой «Доставка по Москве»
   и выровнен по центру — по одной оси с плашкой. Отступ снизу задаёт
   расстояние и до карточек салонов, и до карты (у карты своего отступа нет). */
.contacts-page .contacts-page__switch {
  display: flex;
  justify-content: center;
  margin: 0 0 24px;
}
.contacts-lead {
  text-align: center;
  max-width: 920px;
  margin: 24px auto 32px;
  padding: 22px 32px;
  background: #fff;
  border-radius: 9px;
}
/* Верхняя плашка (выводится над переключателем, вне вкладок) */
.contacts-page > .contacts-lead {
  margin-bottom: 28px;
}
.contacts-lead__title {
  font-size: 28px;
  font-weight: 600;
  line-height: 120%;
  margin: 0 0 10px;
  color: var(--color-red);
}
.contacts-lead__text {
  font-size: 18px;
  line-height: 150%;
  color: var(--color-black);
}
.contacts-lead__text p {
  margin: 0;
}
.contacts-lead__text b,
.contacts-lead__text strong {
  font-weight: 600;
}
.contacts-salons {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
  margin: 0 0 40px;
}
.contacts-card {
  background: #fff;
  border-radius: 9px;
  overflow: hidden;
  display: grid;
  grid-template-rows: auto auto auto auto auto auto 1fr;
  transition: box-shadow .2s;
}
@supports (grid-template-rows: subgrid) {
  .contacts-card {
    grid-template-rows: subgrid;
    grid-row: span 7;
  }
}
.contacts-card:hover {
  box-shadow: 0 8px 24px rgba(66,59,56,.08);
}
.contacts-card__photo {
  position: relative;
  width: 100%;
  aspect-ratio: 15 / 10;
  height: auto;
  overflow: hidden;
  background-color: var(--color-darkgrey);
}
.contacts-card__photo--zoom {
  cursor: zoom-in;
}
.contacts-card__zoom {
  display: block;
  width: 100%;
  height: 100%;
  color: inherit;
}
.contacts-card__photo > img,
.contacts-card__zoom img,
.contacts-card__slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.contacts-card__gallery {
  height: 100%;
}
.contacts-card__photo .slider-nav {
  z-index: 3;
}
.contacts-card .slick-prev:not(.slider-nav),
.contacts-card .slick-next:not(.slider-nav),
.contacts-card__gallery .slick-prev:not(.slider-nav),
.contacts-card__gallery .slick-next:not(.slider-nav),
.contacts-card__photo > button.slick-arrow:not(.slider-nav) {
  display: none !important;
}
.contacts-card__gallery .slick-dots {
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 8px;
  z-index: 2;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.contacts-card__gallery .slick-dots li {
  margin: 0;
  width: auto;
  height: auto;
}
.contacts-card__gallery .slick-dots button {
  width: 6px;
  height: 6px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #D9D4D1;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
}
.contacts-card__gallery .slick-dots button:before {
  display: none;
}
.contacts-card__gallery .slick-dots .slick-active button {
  background: #A12622;
}
.contacts-card__counter {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 10px;
  z-index: 3;
  transform: translateX(-50%);
  padding: 4px 10px;
  border-radius: 20px;
  background: rgba(32,28,26,.62);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .02em;
  pointer-events: none;
  white-space: nowrap;
}
.contacts-card__zoom-hint {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 3;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(32,28,26,.48);
  color: #fff;
  pointer-events: none;
}
.contacts-page .contacts-card__title,
.contacts-page h2.contacts-card__title {
  font-size: 22px;
  font-weight: 600;
  line-height: 125%;
  margin: 0;
  text-align: left;
  padding: 16px 24px 6px;
}
.contacts-card__row {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 15px;
  line-height: 150%;
  color: var(--color-black);
  padding: 4px 24px 0;
}
.contacts-card__icon {
  flex: 0 0 16px;
  margin-top: 3px;
  line-height: 0;
}
.contacts-card__phones {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 8px;
  padding: 12px 24px 0;
}
.contacts-card__phone {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border-radius: 3px;
  background: var(--color-orange);
  color: var(--color-black);
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  line-height: 120%;
  white-space: nowrap;
}
.contacts-card__phone:hover,
.contacts-card__phone:focus {
  background: var(--color-red);
  color: #fff;
  text-decoration: none;
}
.contacts-card__links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 18px;
  padding: 12px 24px 14px;
}
.contacts-card__link {
  color: var(--color-red);
  font-weight: 600;
  font-size: 16px;
  text-decoration: underline;
}
.contacts-card__more {
  padding: 14px 24px 18px;
  border-top: 1px solid var(--color-darkgrey);
}
.contacts-card__more-title {
  font-weight: 600;
  font-size: 15px;
  line-height: 120%;
  color: var(--color-black);
  margin: 0 0 10px;
}
.contacts-card__desc {
  font-size: 14px;
  line-height: 155%;
  color: var(--color-lowgrey);
  text-align: left;
}
.contacts-card__desc p {
  margin: 0 0 10px;
}
.contacts-card__desc p:last-child {
  margin-bottom: 0;
}
.contacts-deps {
  margin: 0 0 8px;
}
.contacts-page h2.contacts-deps__title,
.contacts-deps__title {
  font-size: 30px;
  font-weight: 600;
  margin: 0 0 20px;
  text-align: left;
}
.contacts-deps__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.contacts-deps__item {
  background: #fff;
  border-radius: 9px;
  padding: 20px 22px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.contacts-lead--after {
  margin: 32px auto 16px;
}
.contacts-deps__name {
  font-size: 20px;
  font-weight: 600;
  line-height: 130%;
  margin-bottom: 6px;
}
.contacts-deps__grafik {
  font-size: 14px;
  color: var(--color-lowgrey);
  margin-bottom: 8px;
}
.contacts-deps__desc {
  font-size: 16px;
  line-height: 140%;
}
.contacts-deps__desc p {
  margin: 0 0 8px;
}
.contacts-deps__desc p:last-child {
  margin-bottom: 0;
}
.contacts-deps__phones {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
  white-space: nowrap;
}
.contacts-deps__phones a {
  color: var(--color-red);
  font-weight: 600;
  text-decoration: underline;
}
@media (max-width: 1199px) {
  .contacts-salons {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
  .contacts-deps__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .contacts-lead__title {
    font-size: 24px;
  }
  .contacts-page .contacts-card__title,
  .contacts-page h2.contacts-card__title,
  .contacts-card__row,
  .contacts-card__phones,
  .contacts-card__links,
  .contacts-card__more {
    padding-left: 18px;
    padding-right: 18px;
  }
}
@media (max-width: 899px) {
  .contacts-page.blog-detail {
    padding: 0 0 40px;
  }
  body:has(.contacts-page) .breadcrumbs {
    margin-bottom: 16px;
  }
  body:has(.contacts-page) .footer {
    margin-top: 30px;
    padding-top: 28px;
  }
  .contacts-page .contacts-page__intro {
    margin-bottom: 12px;
  }
  .contacts-page .contacts_switch {
    display: flex;
    width: 100%;
    max-width: 360px;
  }
  .contacts-page .contacts_switch .cont-sw-item,
  .contacts-page .contacts_switch .cont-sw-item.btn,
  .contacts-page .contacts_switch .cont-sw-item.btn-grey {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex: 1 1 0;
    min-width: 0;
    height: 44px;
    padding: 0 12px;
    font-size: 14px;
  }
  .contacts-salons {
    grid-template-columns: 1fr;
    gap: 18px;
    margin: 0 0 28px;
  }
  .contacts-deps__list {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .contacts-card {
    grid-template-rows: auto auto auto auto auto auto auto;
  }
  .contacts-card__photo {
    height: auto;
  }
  .contacts-page .contacts-card__title,
  .contacts-page h2.contacts-card__title {
    font-size: 20px;
    padding: 14px 16px 4px;
  }
  .contacts-card__row,
  .contacts-card__phones,
  .contacts-card__links,
  .contacts-card__more {
    padding-left: 16px;
    padding-right: 16px;
  }
  .contacts-card__row {
    font-size: 14px;
  }
  .contacts-card__phones {
    padding-top: 10px;
  }
  .contacts-card__phone {
    flex: 1 1 calc(50% - 4px);
    min-width: 0;
    justify-content: center;
    padding: 11px 10px;
    font-size: 13px;
  }
  .contacts-card__links {
    padding-top: 10px;
    padding-bottom: 12px;
    gap: 10px 16px;
  }
  .contacts-card__link {
    font-size: 15px;
  }
  .contacts-card__more {
    padding-top: 12px;
    padding-bottom: 16px;
  }
  .contacts-card__desc {
    font-size: 14px;
    line-height: 160%;
  }
  .contacts-lead {
    margin: 16px auto 20px;
    padding: 16px 16px 18px;
  }
  .contacts-page > .contacts-lead {
    margin-bottom: 20px;
  }
  .contacts-page .contacts-page__switch {
    margin-bottom: 16px;
  }
  .contacts-lead__title {
    font-size: 20px;
    margin-bottom: 8px;
  }
  .contacts-lead__text {
    font-size: 16px;
    line-height: 150%;
  }
  .contacts-deps__item {
    flex-direction: column;
    padding: 16px;
    gap: 10px;
  }
  .contacts-deps__phones {
    align-items: flex-start;
    white-space: normal;
  }
  .contacts-deps__phones a {
    word-break: break-word;
  }
  .contacts-lead--after {
    margin: 20px auto 8px;
  }
  .contacts-deps__title {
    font-size: 22px;
    margin-bottom: 14px;
  }
  .contacts-deps__name {
    font-size: 18px;
  }
  #salons-map {
    height: min(70vh, 480px);
    min-height: 320px;
  }
}
@media (max-width: 479px) {
  .contacts-page.blog-detail {
    padding: 0 0 24px;
  }
  /* Переключатель во всю ширину — края совпадают с плашкой и карточками */
  .contacts-page .contacts_switch {
    max-width: none;
  }
  body:has(.contacts-page) .footer {
    margin-top: 24px;
    padding-top: 24px;
  }
  .contacts-card__phone {
    flex: 1 1 100%;
  }
  .contacts-card__zoom-hint {
    width: 28px;
    height: 28px;
  }
}

/* ==========================================================================
   /kontakty/: телефоны салонов (было в этом файле и раньше)
   ========================================================================== */

/* /kontakty/: телефоны салонов — тот же визуал, что «Обратная связь»
   (градиент, тень, бордовый hover-ореол; без пробегающего блика). Без иконки диалога:
   на tel: она лишняя. Подключение только на /kontakty/. */

.contacts-page .contacts-card__phones {
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 10px;
}

.contacts-page .contacts-card__phone {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  flex: 1 1 0;
  width: auto;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  padding: 12px 16px;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.15;
  letter-spacing: 0.01em;
  white-space: nowrap;
  color: var(--color-black, #423b38) !important;
  text-decoration: none !important;
  cursor: pointer;
  border-radius: 4px;
  border: 1.5px solid rgba(140, 0, 20, 0.38) !important;
  background: linear-gradient(
    165deg,
    #ffe9da 0%,
    var(--color-orange, #fcd9c2) 42%,
    #f3c4a0 100%
  ) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.65) inset,
    0 4px 14px rgba(66, 59, 56, 0.14),
    0 1px 2px rgba(66, 59, 56, 0.08) !important;
  outline: none !important;
  transition:
    transform 0.22s ease,
    box-shadow 0.28s ease,
    background 0.3s ease,
    border-color 0.3s ease,
    color 0.22s ease;
  z-index: 0;
}

.contacts-page .contacts-card__phone:hover,
.contacts-page .contacts-card__phone:focus {
  color: #fff !important;
  border-color: var(--color-red, #8c0014) !important;
  background: linear-gradient(
    165deg,
    #a31024 0%,
    var(--color-red, #8c0014) 48%,
    #6a0010 100%
  ) !important;
  transform: translateY(-2px);
  text-decoration: none !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.14) inset,
    0 0 0 3px rgba(140, 0, 20, 0.12),
    0 0 22px rgba(140, 0, 20, 0.35),
    0 10px 24px rgba(140, 0, 20, 0.28),
    0 2px 6px rgba(66, 59, 56, 0.12) !important;
}

.contacts-page .contacts-card__phone:active {
  transform: translateY(0);
  box-shadow:
    0 2px 5px rgba(66, 59, 56, 0.22) inset,
    0 0 0 2px rgba(140, 0, 20, 0.1),
    0 2px 8px rgba(140, 0, 20, 0.22) !important;
}

@media (max-width: 767px) {
  .contacts-page .contacts-card__phones {
    flex-direction: column;
  }
  .contacts-page .contacts-card__phone {
    flex: 1 1 100%;
    width: 100%;
    min-width: 0;
    padding: 12px 14px;
    font-size: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .contacts-page .contacts-card__phone {
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
  }
  .contacts-page .contacts-card__phone:hover,
  .contacts-page .contacts-card__phone:focus {
    transform: none;
  }
}

/* desk-scale: начало (сгенерировано .tools/desk-scale, руками не править) */
@media (min-width: 992px) {
    .contacts-page .contacts_switch {
        padding: 3.4px;
        border-radius: 7.65px
    }
    .contacts-page .contacts_switch .cont-sw-item, .contacts-page .contacts_switch .cont-sw-item.btn, .contacts-page .contacts_switch .cont-sw-item.btn-grey {
        min-width: 125.8px;
        height: 37.4px;
        padding: 0 18.7px;
        border: 0 !important;
        border-radius: 5.1px;
        font-size: 13.6px
    }
    .contacts-page .contacts_switch .cont-sw-item:hover, .contacts-page .contacts_switch .cont-sw-item:focus, .contacts-page .contacts_switch .cont-sw-item.btn-grey:hover, .contacts-page .contacts_switch .cont-sw-item.btn-grey:focus, .contacts-page .contacts_switch .cont-sw-item.btn-grey:active, .contacts-page .contacts_switch .cont-sw-item.btn-grey:focus:active {
        border: 0 !important
    }
    .contacts-page .contacts_switch .cont-sw-item.active, .contacts-page .contacts_switch .cont-sw-item.active:hover, .contacts-page .contacts_switch .cont-sw-item.active:focus, .contacts-page .contacts_switch .cont-sw-item.active:focus:active, .contacts-page .contacts_switch .cont-sw-item.btn-grey.active, .contacts-page .contacts_switch .cont-sw-item.btn-grey.active:hover, .contacts-page .contacts_switch .cont-sw-item.btn-grey.active:focus, .contacts-page .contacts_switch .cont-sw-item.btn-grey.active:focus:active {
        border: 0 !important
    }
    #salons-map {
        height: 578px
    }
    .contacts-page.blog-detail {
        padding: 0 0 54.4px
    }
    .contacts-page .contacts-page__intro {
        margin-bottom: 13.6px
    }
    .contacts-page .contacts-page__switch {
        margin: 0 0 20.4px
    }
    .contacts-lead {
        max-width: 782px;
        margin: 20.4px auto 27.2px;
        padding: 18.7px 27.2px;
        border-radius: 7.65px
    }
    .contacts-page > .contacts-lead {
        margin-bottom: 23.8px
    }
    .contacts-lead__title {
        font-size: 23.8px;
        margin: 0 0 8.5px
    }
    .contacts-lead__text {
        font-size: 15.3px
    }
    .contacts-lead__text p {
        margin: 0
    }
    .contacts-salons {
        gap: 23.8px;
        margin: 0 0 34px
    }
    .contacts-card {
        border-radius: 7.65px
    }
    .contacts-card:hover {
        box-shadow: 0 6.8px 20.4px rgba(66,59,56,.08)
    }
    .contacts-card__photo {
        height: auto
    }
    .contacts-card__zoom {
        height: 100%
    }
    .contacts-card__photo > img, .contacts-card__zoom img, .contacts-card__slide img {
        height: 100%
    }
    .contacts-card__gallery {
        height: 100%
    }
    .contacts-card__gallery .slick-dots {
        left: 6.8px;
        right: 6.8px;
        bottom: 6.8px;
        gap: 3.4px;
        margin: 0;
        padding: 0
    }
    .contacts-card__gallery .slick-dots li {
        margin: 0;
        height: auto
    }
    .contacts-card__gallery .slick-dots button {
        width: 5.1px;
        height: 5.1px;
        padding: 0;
        border: 0;
        border-radius: 50%;
        font-size: 0
    }
    .contacts-card__counter {
        left: 50%;
        bottom: 8.5px;
        padding: 3.4px 8.5px;
        border-radius: 17px;
        font-size: 10.2px
    }
    .contacts-card__zoom-hint {
        top: 8.5px;
        right: 8.5px;
        width: 27.2px;
        height: 27.2px;
        border-radius: 50%
    }
    .contacts-page .contacts-card__title, .contacts-page h2.contacts-card__title {
        font-size: 18.7px;
        margin: 0;
        padding: 13.6px 20.4px 5.1px
    }
    .contacts-card__row {
        gap: 6.8px;
        font-size: 12.75px;
        padding: 3.4px 20.4px 0
    }
    .contacts-card__icon {
        flex: 0 0 13.6px;
        margin-top: 2.55px
    }
    .contacts-card__phones {
        gap: 6.8px;
        padding: 10.2px 20.4px 0
    }
    .contacts-card__phone {
        padding: 8.5px 11.9px;
        border-radius: 2.55px;
        font-size: 11.9px
    }
    .contacts-card__links {
        gap: 10.2px 15.3px;
        padding: 10.2px 20.4px 11.9px
    }
    .contacts-card__link {
        font-size: 13.6px
    }
    .contacts-card__more {
        padding: 11.9px 20.4px 15.3px;
        border-top: 1px solid var(--color-darkgrey)
    }
    .contacts-card__more-title {
        font-size: 12.75px;
        margin: 0 0 8.5px
    }
    .contacts-card__desc {
        font-size: 11.9px
    }
    .contacts-card__desc p {
        margin: 0 0 8.5px
    }
    .contacts-card__desc p:last-child {
        margin-bottom: 0
    }
    .contacts-deps {
        margin: 0 0 6.8px
    }
    .contacts-page h2.contacts-deps__title, .contacts-deps__title {
        font-size: 25.5px;
        margin: 0 0 17px
    }
    .contacts-deps__list {
        gap: 13.6px
    }
    .contacts-deps__item {
        border-radius: 7.65px;
        padding: 17px 18.7px;
        gap: 13.6px
    }
    .contacts-lead--after {
        margin: 27.2px auto 13.6px
    }
    .contacts-deps__name {
        font-size: 17px;
        margin-bottom: 5.1px
    }
    .contacts-deps__grafik {
        font-size: 11.9px;
        margin-bottom: 6.8px
    }
    .contacts-deps__desc {
        font-size: 13.6px
    }
    .contacts-deps__desc p {
        margin: 0 0 6.8px
    }
    .contacts-deps__desc p:last-child {
        margin-bottom: 0
    }
    .contacts-deps__phones {
        gap: 5.1px
    }
    @media (max-width: 1199px) {
        .contacts-salons {
            gap: 17px
        }
        .contacts-lead__title {
            font-size: 20.4px
        }
        .contacts-page .contacts-card__title, .contacts-page h2.contacts-card__title, .contacts-card__row, .contacts-card__phones, .contacts-card__links, .contacts-card__more {
            padding-left: 15.3px;
            padding-right: 15.3px
        }
    }
    .contacts-page .contacts-card__phones {
        gap: 8.5px
    }
    .contacts-page .contacts-card__phone {
        flex: 1 1 0;
        width: auto;
        min-width: 0;
        max-width: 100%;
        margin: 0;
        padding: 10.2px 13.6px;
        font-size: 12.75px;
        border-radius: 3.4px;
        border: 1.27px solid rgba(140, 0, 20, 0.38) !important;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) inset,
    0 3.4px 11.9px rgba(66, 59, 56, 0.14),
    0 1px 1.7px rgba(66, 59, 56, 0.08) !important
    }
    .contacts-page .contacts-card__phone:hover, .contacts-page .contacts-card__phone:focus {
        transform: translateY(-1.7px);
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.14) inset,
    0 0 0 2.55px rgba(140, 0, 20, 0.12),
    0 0 18.7px rgba(140, 0, 20, 0.35),
    0 8.5px 20.4px rgba(140, 0, 20, 0.28),
    0 1.7px 5.1px rgba(66, 59, 56, 0.12) !important
    }
    .contacts-page .contacts-card__phone:active {
        transform: translateY(0);
        box-shadow: 0 1.7px 4.25px rgba(66, 59, 56, 0.22) inset,
    0 0 0 1.7px rgba(140, 0, 20, 0.1),
    0 1.7px 6.8px rgba(140, 0, 20, 0.22) !important
    }
    @media (prefers-reduced-motion: reduce) {
        .contacts-page .contacts-card__phone:hover, .contacts-page .contacts-card__phone:focus {
            transform: none
        }
    }
}
/* desk-scale: конец */