.map {
  min-height: 412px;
  position: relative;

  &__google-map {
    position: absolute;
    width: 100%;
    height: 100%;

    .gm-style {
      // sass-lint:disable no-important
      .gm-style-mtc {
        div {
          span {
            vertical-align: baseline !important;

            img {
              transform: unset !important;
              max-width: none !important;
            }
          }

          label {
            margin-bottom: 0 !important;
            vertical-align: baseline !important;
          }
        }
      }
    }

    #staticMap {
      height: 100%;
      display: flex;

      img {
        object-fit: cover;
      }
    }
  }

  &__paragraph {
    margin-bottom: 0;
  }

  &-info {
    width: 46%;
    padding-left: 15px;
    padding-right: 15px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: $gray-dark-transparent90;
    color: $white;
  }

  &-info__departments {
    padding: 37px 0 20px;
    margin: 0 15px;
    border-bottom: 1px solid $gray-light;
  }

  &-info__stores {
    @include make-row;
    padding: 20px 15px 0;
  }

  &-info__addresses-col {
    @include make-col-ready;
    @include make-col(6);
  }

  &-info__addresses {
    padding-left: 0;
  }

  &-info__address {
    list-style-type: none;
  }

  &-info__times {
    @include make-col-ready;
    @include make-col(6);
  }

  &-info__shop-time {
    margin-bottom: 10px;
  }
}

.store-locator-popup__map {
  min-height: 250px;
  position: relative;
}

.store-locator-full-width__map {
  min-height: 556px;
  position: relative;
}

.map-preview {
  .store-locator-full-width__map {
    min-height: unset;
  }
}

@include media-breakpoint-down(md) {
  .map {
    min-height: 344px;

    &-info {
      width: 52%;
    }
  }

  .store-locator-popup__map {
    min-height: 300px;
  }

  .store-locator-full-width__map {
    min-height: 355px;
  }
}

@include media-breakpoint-down(sm) {
  .map {
    min-height: 706px;

    &-info {
      width: 100%;
      padding-bottom: 10px;
      top: auto;
      left: 0;

      &__departments {
        margin: 0;
      }

      &__stores {
        padding: 20px 0 0;
      }

      &__addresses-col,
      &__times {
        @include make-col(12);
      }
    }
  }

  .store-locator-popup__map {
    min-height: 250px;
  }

  .store-locator-full-width__map,
  #book-design-showroom-map .map {
    min-height: 235px;
  }
}

.map-container img {
  max-width: none;
}