.section-map {
  padding: 55px 0 150px;
}
@media (max-width: 1023.98px) {
  .section-map {
    padding-bottom: 120px;
  }
}
@media (max-width: 767.98px) {
  .section-map {
    padding-bottom: 80px;
  }
}
.section-map .section-header {
  margin-bottom: 60px;
}
.section-map .btk-btns {
  margin-bottom: 0;
}

.map-in {
  position: relative;
  display: flex;
  flex-direction: column;
  z-index: 5;
}
.map-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 40px;
}
.map-row.hide {
  display: none;
}
@media (max-width: 1225.98px) {
  .map-row {
    padding-top: 40px;
  }
}
@media (max-width: 1023.98px) {
  .map-row {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 25px;
  }
}
@media (max-width: 767.98px) {
  .map-row {
    display: block;
  }
}
.map-row-temp {
  display: none;
  -moz-column-count: 2;
  column-count: 2;
  -moz-column-gap: 40px;
  column-gap: 40px;
  margin-top: -530px;
}
@media (max-width: 1225.98px) {
  .map-row-temp {
    margin-top: 0;
  }
}
.map-row-temp.show {
  display: inline-block;
}
.map-row-temp .map-bx {
  margin-bottom: 50px;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
}
.map-row-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 40px;
}
.map-row-wrap.hide {
  display: none;
}
@media (max-width: 1023.98px) {
  .map-row-wrap {
    grid-column-gap: 25px;
  }
  .map-row-wrap:nth-child(1) {
    grid-column: span 2 / auto;
  }
  .map-row-wrap:nth-child(2) {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
  .map-row-wrap:nth-child(2).hide {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .map-row-wrap {
    display: block;
  }
  .map-row-wrap:nth-child(2) {
    display: block;
  }
}
.map-col {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.map-col.hide {
  display: none;
}
.map-col.active {
  margin-top: -530px;
}
.map-col_1 {
  margin-top: -530px;
}
.map-col_2 {
  margin-top: -530px;
}
.map-col_3 {
  margin-top: -60px;
}
@media (max-width: 1225.98px) {
  .map-col.active,
  .map-col_1,
  .map-col_2,
  .map-col_3 {
    margin-top: 0;
  }
}
@media (max-width: 1023.98px) {
  .map-col {
    gap: 40px;
  }
}
@media (max-width: 767.98px) {
  .map-col {
    display: block;
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 15px;
    column-gap: 15px;
  }
  .map-col_2,
  .map-col_3,
  .map-col_4 {
    display: none;
  }
}
.map-col_sec {
  gap: 40px;
}
.map-col_sec.active {
  align-self: flex-start !important;
  margin-top: -735px !important;
}
.map-col_sec.map-col_1 {
  margin-top: -735px;
}
.map-col_sec.map-col_2 {
  margin-top: -600px;
}
.map-col_sec.map-col_3 {
  margin-top: 90px;
}
.map-col_sec.map-col_4 {
  align-self: flex-end;
  margin-top: 0;
}
@media (max-width: 1225.98px) {
  .map-col_sec.active,
  .map-col_sec.map-col_1,
  .map-col_sec.map-col_2,
  .map-col_sec.map-col_3 {
    margin-top: 0;
  }
  .map-col_sec.map-col_4 {
    align-self: flex-start;
  }
}
.map-bx {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 767.98px) {
  .map-bx {
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: 30px;
  }
}
.map-bx.hide {
  display: none;
}
.map-bx__title {
  margin-bottom: 4px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.55556;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
@media (max-width: 767.98px) {
  .map-bx__title {
    margin-bottom: 2px;
    font-size: 15px;
    line-height: 1.1;
  }
}
.map-item {
  display: flex;
  gap: 10px;
  font-size: 16px;
  line-height: 1.3;
  cursor: pointer;
}
@media (max-width: 767.98px) {
  .map-item {
    flex-wrap: wrap;
    gap: 6px;
    font-size: 14px;
    line-height: 1.2;
  }
}
.map-item.hide {
  display: none;
}
.map-item.hover {
  box-shadow: 0 0 20px 4px #eee;
  border-radius: 0 4px 4px 0;
}
.map-item__num {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-width: 39px;
  min-height: 26px;
  padding: 0 6px;
  white-space: nowrap;
  line-height: 1;
  text-align: center;
}
.map-item__title {
  align-self: center;
}
.map-shop {
  display: none;
  flex-direction: column;
  align-items: flex-start;
  align-self: flex-start;
  gap: 40px;
  margin-top: -530px;
}
@media (max-width: 1225.98px) {
  .map-shop {
    margin-top: 0;
    padding-top: 60px;
  }
}
@media (max-width: 767.98px) {
  .map-shop {
    padding: 60px 20px 20px;
  }
}
.map-shop__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: flex-start;
  gap: 10px;
}
.map-shop_sec {
  margin-top: -735px;
}
.map-shop.show {
  display: flex;
}
.map-shop__title,
.map-shop__phone {
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.15;
  text-transform: uppercase;
  color: #000;
}
.map-shop__link {
  display: inline-block;
  margin-top: 6px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  color: var(--seryy);
}
.map-pct {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}
.map-pct-wrap {
  display: flex;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  transform: translateZ(0);
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.map-pct-wrap::-webkit-scrollbar {
  display: none;
}
.map-pct-scrollbar {
  display: none;
  position: relative;
  height: 2px;
  background: #efefef;
}
.map-pct-scrollbar-drag {
  position: absolute;
  height: 100%;
  min-width: 100px;
  background: #656e84;
}
.map-svg {
  min-width: 1205px;
  margin: 0 auto;
}
.section-name {
  display: none;
}
.section-name.show {
  display: block;
}
.map-svg g.pin {
  cursor: pointer;
  pointer-events: auto !important;
}
@media (hover: hover) {
  .map-svg g.pin:hover.pin_yellow path:first-child,
  .map-svg g.pin:hover.pin_yellow g path {
    fill: var(--la-galleria);
  }
  .map-svg g.pin:hover.pin_coral path:first-child,
  .map-svg g.pin:hover.pin_coral g path {
    fill: var(--london);
  }
  .map-svg g.pin:hover.pin_lblue path:first-child,
  .map-svg g.pin:hover.pin_lblue g path {
    fill: var(--paris);
  }
  .map-svg g.pin:hover.pin_lgreen path:first-child,
  .map-svg g.pin:hover.pin_lgreen g path {
    fill: var(--milan);
  }
  .map-svg g.pin:hover.pin_olive path:first-child,
  .map-svg g.pin:hover.pin_olive g path {
    fill: var(--olive);
  }
  .map-svg g.pin:hover.pin_green path:first-child,
  .map-svg g.pin:hover.pin_green g path {
    fill: var(--green);
  }
  .map-svg g.pin:hover.pin_red path:first-child,
  .map-svg g.pin:hover.pin_red g path {
    fill: var(--red);
  }
  .map-svg g.pin:hover.pin_violet path:first-child,
  .map-svg g.pin:hover.pin_violet g path {
    fill: var(--violet);
  }
}
.map-svg g.pin:not(.clicked-off).active.pin_yellow path:first-child,
.map-svg g.pin:not(.clicked-off).active.pin_yellow g path,
.map-svg g.pin.hover.pin_yellow path:first-child,
.map-svg g.pin.hover.pin_yellow g path {
  fill: var(--la-galleria);
}
.map-svg g.pin:not(.clicked-off).active.pin_coral path:first-child,
.map-svg g.pin:not(.clicked-off).active.pin_coral g path,
.map-svg g.pin.hover.pin_coral path:first-child,
.map-svg g.pin.hover.pin_coral g path {
  fill: var(--london);
}
.map-svg g.pin:not(.clicked-off).active.pin_lblue path:first-child,
.map-svg g.pin:not(.clicked-off).active.pin_lblue g path,
.map-svg g.pin.hover.pin_lblue path:first-child,
.map-svg g.pin.hover.pin_lblue g path {
  fill: var(--paris);
}
.map-svg g.pin:not(.clicked-off).active.pin_lgreen path:first-child,
.map-svg g.pin:not(.clicked-off).active.pin_lgreen g path,
.map-svg g.pin.hover.pin_lgreen path:first-child,
.map-svg g.pin.hover.pin_lgreen g path {
  fill: var(--milan);
}
.map-svg g.pin:not(.clicked-off).active.pin_green path:first-child,
.map-svg g.pin:not(.clicked-off).active.pin_green g path,
.map-svg g.pin.hover.pin_green path:first-child,
.map-svg g.pin.hover.pin_green g path {
  fill: var(--green);
}
.map-svg g.pin:not(.clicked-off).active.pin_red path:first-child,
.map-svg g.pin:not(.clicked-off).active.pin_red g path,
.map-svg g.pin.hover.pin_red path:first-child,
.map-svg g.pin.hover.pin_red g path {
  fill: var(--red);
}
.map-svg g.pin:not(.clicked-off).active.pin_violet path:first-child,
.map-svg g.pin:not(.clicked-off).active.pin_violet g path,
.map-svg g.pin.hover.pin_violet path:first-child,
.map-svg g.pin.hover.pin_violet g path {
  fill: var(--violet);
}
.map-svg g.pin:not(.clicked-off).active.pin_olive path:first-child,
.map-svg g.pin:not(.clicked-off).active.pin_olive g path,
.map-svg g.pin.hover.pin_olive path:first-child,
.map-svg g.pin.hover.pin_olive g path {
  fill: var(--restaurant);
}
@media (hover: hover) {
  .map-svg g.pin:not(.clicked-off).active:hover.pin_yellow path:first-child,
  .map-svg g.pin:not(.clicked-off).active:hover.pin_yellow g path {
    fill: var(--yellow);
  }
  .map-svg g.pin:not(.clicked-off).active:hover.pin_coral path:first-child,
  .map-svg g.pin:not(.clicked-off).active:hover.pin_coral g path {
    fill: var(--krasnyy);
  }
  .map-svg g.pin:not(.clicked-off).active:hover.pin_lblue path:first-child,
  .map-svg g.pin:not(.clicked-off).active:hover.pin_lblue g path {
    fill: var(--dblue);
  }
  .map-svg g.pin:not(.clicked-off).active:hover.pin_lgreen path:first-child,
  .map-svg g.pin:not(.clicked-off).active:hover.pin_lgreen g path {
    fill: var(--zelenyy);
  }
  .map-svg g.pin:not(.clicked-off).active:hover.pin_green path:first-child,
  .map-svg g.pin:not(.clicked-off).active:hover.pin_green g path {
    fill: var(--green);
  }
  .map-svg g.pin:not(.clicked-off).active:hover.pin_red path:first-child,
  .map-svg g.pin:not(.clicked-off).active:hover.pin_red g path {
    fill: var(--red);
  }
  .map-svg g.pin:not(.clicked-off).active:hover.pin_violet path:first-child,
  .map-svg g.pin:not(.clicked-off).active:hover.pin_violet g path {
    fill: var(--violet);
  }
  .map-svg g.pin:not(.clicked-off).active:hover.pin_olive path:first-child,
  .map-svg g.pin:not(.clicked-off).active:hover.pin_olive g path {
    fill: var(--olive);
  }
}
.map-svg g.pin.clicked.pin_yellow path:first-child,
.map-svg g.pin.clicked.pin_yellow g path {
  fill: var(--yellow);
}
.map-svg g.pin.clicked.pin_coral path:first-child,
.map-svg g.pin.clicked.pin_coral g path {
  fill: var(--krasnyy);
}
.map-svg g.pin.clicked.pin_lblue path:first-child,
.map-svg g.pin.clicked.pin_lblue g path {
  fill: var(--dblue);
}
.map-svg g.pin.clicked.pin_lgreen path:first-child,
.map-svg g.pin.clicked.pin_lgreen g path {
  fill: var(--zelenyy);
}
.map-svg g.pin.clicked.pin_green path:first-child,
.map-svg g.pin.clicked.pin_green g path {
  fill: var(--green);
}
.map-svg g.pin.clicked.pin_red path:first-child,
.map-svg g.pin.clicked.pin_red g path {
  fill: var(--red);
}
.map-svg g.pin.clicked.pin_violet path:first-child,
.map-svg g.pin.clicked.pin_violet g path {
  fill: var(--violet);
}
.map-svg g.pin.clicked.pin_olive path:first-child,
.map-svg g.pin.clicked.pin_olive g path {
  fill: var(--olive);
}

.map-svg .map-svg_logo {
  pointer-events: none;
}

.map-stick {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 17px 20px;
}
.map-stick__title {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.map-stick__ctg {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: 0.02em;
}
.map-stick__phone {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: 0.02em;
}
.map-stick__link {
  display: inline-block;
  margin-top: 6px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  color: var(--seryy);
}
.map-stick__link:hover {
  color: var(--zelenyy);
}

[data-tooltip] {
  pointer-events: none !important;
}

[data-tippy-root] {
  z-index: 600 !important;
  pointer-events: none;
}

.tippy-box {
  width: 170px;
  font-size: 14px;
  line-height: 1.3;
  font-family: var(--mainfont);
  color: var(--chernyy);
  border-radius: 0;
  background: var(--bezhevyy);
}
.tippy-box[data-placement="top-start"] .tippy-svg-arrow {
  top: calc(100% - 1px);
}
.tippy-box[data-placement="top-end"] {
  left: auto;
  right: 24px;
}
.tippy-box[data-placement="top-end"] .tippy-svg-arrow {
  top: calc(100% - 1px);
  left: auto !important;
  right: 0;
  transform: rotateY(180deg) !important;
}
.tippy-box[data-placement="bottom-start"] .tippy-svg-arrow {
  bottom: calc(100% - 1px);
  transform: rotateX(180deg) !important;
}
.tippy-box[data-placement="bottom-end"] {
  left: auto;
  right: 24px;
}
.tippy-box[data-placement="bottom-end"] .tippy-svg-arrow {
  left: auto !important;
  right: 0;
  bottom: calc(100% - 1px);
  transform: rotateX(180deg) rotateY(180deg) !important;
}

.tippy-content {
  padding: 0;
}

.tippy-svg-arrow {
  transform: none !important;
}