/* === Design Motion – Контакты (page-id-188) === */

@font-face {
  font-family: 'Gunplay';
  src: url('/wp-content/fonts/17770.TTF') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.page-id-188 .dm-stage {
  position: relative;
}

/* фон */
.page-id-188 .dm-stage .dm-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  z-index: 0;
  pointer-events: none;
  user-select: none;
}

/* все картинки-кнопки/тексты */
.page-id-188 .dm-stage .dm-btn,
.page-id-188 .dm-stage .dm-text {
  position: absolute;
  display: block;
  transform-origin: top left;
  z-index: 1;
  will-change: transform;
  transition: transform .18s ease;
  user-select: none;
}

/* твое правило: мышь ловят только хитбоксы */
.page-id-188 .dm-stage .dm-btn,
.page-id-188 .dm-stage .dm-text {
  pointer-events: none;
}

/* ——— координаты кнопок (как было) ——— */
.page-id-188 .dm-stage .dm-btn.dm-in-museum {
  left: 58.07292%;
  top: 4.62963%;
  width: 35.10417%;
  height: 74.25926%;
}

.page-id-188 .dm-stage .dm-btn.dm-to-museum {
  left: 64.58333%;
  top: 41.94444%;
  width: 35.41667%;
  height: 58.05556%;
}

/* ——— координаты текстов/иконок (твои новые) ——— */
.page-id-188 .dm-stage .dm-addr {
  left: 19.21875%;
  top: 23.05556%;
  width: 14.01042%;
  height: 8.42593%;
  z-index: 2;
}

.page-id-188 .dm-stage .dm-addrinfo {
  left: 19.89583%;
  top: 15.92593%;
  width: 9.89583%;
  height: 6.75926%;
  z-index: 2;
}

.page-id-188 .dm-stage .dm-city {
  left: 24.16667%;
  top: 10.64815%;
  width: 6.92708%;
  height: 6.94444%;
  z-index: 2;
}

.page-id-188 .dm-stage .dm-ekb {
  left: 41.14583%;
  top: 19.62963%;
  width: 15.78125%;
  height: 6.01852%;
  z-index: 2;
}

/* пока картинки не загружены – сцену не показываем */
body.page-id-188:not(.dm-188-ready) .dm-stage {
  opacity: 0;
  visibility: hidden;
}

/* когда всё загружено – включаем сцену */
body.page-id-188.dm-188-ready .dm-stage {
  opacity: 1;
  visibility: visible;
  transition: opacity .4s ease;
}

/* ——— хитбоксы ——— */
.page-id-188 .dm-stage .dm-hb {
  position: absolute;
  display: block;
  z-index: 10;
  background: transparent;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

/* координаты хитбоксов  */
.page-id-188 .dm-stage .dm-hb-laptop-bottom {
  left: 64.84375%;
  top: 71.20370%;
  width: 35.15625%;
  height: 28.79630%;
}

.page-id-188 .dm-stage .dm-hb-laptop-top {
  left: 81.61458%;
  top: 42.03704%;
  width: 18.38542%;
  height: 29.16667%;
}

.page-id-188 .dm-stage .dm-hb-phone {
  left: 60.67708%;
  top: 0.00000%;
  width: 20.93750%;
  height: 71.20370%;
}


.page-id-188 .dm-stage .dm-ekb,
.page-id-188 .dm-stage .dm-addr {
  pointer-events: auto;
  cursor: pointer;
}

.page-id-188 .dm-stage .dm-ekb,
.page-id-188 .dm-stage .dm-addr {
  z-index: 20;
}