.header {
  margin-bottom: 0;
}

.map {
  position: relative;
  --overlap: 44px;
  margin-top: calc(var(--overlap) * -1);
  padding-top: 112px;
  margin-bottom: 112px;
  background: transparent;
  isolation: isolate;
}
.map::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-top-left-radius: 44px;
  border-top-right-radius: 44px;
  z-index: -1;
}
.map__inner {
  position: relative;
  z-index: 1;
}
.map__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 54px;
}
.map__title {
  max-width: 593px;
}
.map__desc {
  max-width: 469px;
  font-size: 16px;
  font-weight: var(--font-weight-regular);
  color: var(--color-text);
  line-height: 130%;
}
.map__stats {
  max-width: 334px;
  margin-bottom: 52px;
}
.map__stat {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: 8px;
  padding-bottom: 28px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--grey-300);
}
.map__num {
  color: var(--brand-400);
  font-size: 58px;
  font-weight: var(--font-weight-semibold);
  line-height: 58px;
}
.map__label {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: var(--font-weight-regular);
  color: var(--color-text);
  line-height: 120%;
}
.map__btn {
  gap: 8px;
  align-items: center;
  padding: 10px 18.5px;
}
.map__box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 50px;
}
.map__cart{
  position: relative;
}

@media screen and (max-width: 768px) {
  .map {
    padding-top: 28px;
    margin-top: unset;
    margin-bottom: 56px;
  }
  .map__cart {
    display: none;
  }
  .map__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 32px;
  }
  .map__title {
    max-width: unset;
  }
  .map__desc {
    max-width: unset;
    padding-right: 10%;
  }
  .map__num {
    font-size: 44px;
    line-height: 110%;
  }
  .map__label {
    text-transform: unset;
    font-size: 16px;
    line-height: 130%;
  }
  .map__stats {
    position: relative;
    max-width: unset;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 32px;
  }
  .map__stats::after {
    content: "";
    position: absolute;
    top: 49%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--grey-100);
    width: 40px;
    height: 40px;
  }
  .map__stat {
    flex-direction: column;
    gap: unset;
    padding-bottom: unset;
    border-bottom: unset;
    width: 49%;
  }
  .map__box {
    width: 100%;
  }
  .map__info {
    width: 100%;
  }
  .map__stat:nth-child(1) {
    padding-right: 35px;
    border-right: 1px solid var(--grey-300);
    padding-bottom: 20px;
    border-bottom: 1px solid var(--grey-300);
  }
  .map__stat:nth-child(2) {
    padding-left: 35px;
    padding-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--grey-300);
  }
  .map__stat:nth-child(3) {
    padding-right: 35px;
    border-right: 1px solid var(--grey-300);
    padding-bottom: 20px;
    padding-top: 20px;
  }
  .map__stat:nth-child(4) {
    padding-left: 35px;
    padding-bottom: 20px;
    padding-top: 20px;
  }
}