/* Restore Emaar Dubai map below Get in Touch footer + privacy/terms bar */

#lp-pom-text-86,
#lp-pom-block-85 {
  display: none !important;
  visibility: hidden !important;
}

/* Empty Unbounce block overlays logo/privacy */
#lp-pom-block-226 {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Mobile + iPad/tablet */
@media screen and (max-width: 1024px) {
  /* Navy band handled by #lp-code-157 full-bleed background */
  #lp-pom-block-156 {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  /* Full-bleed navy wrapper; 320px map scroller centered inside */
  #lp-code-157 {
    display: block !important;
    visibility: visible !important;
    position: absolute !important;
    left: 50% !important;
    width: 100vw !important;
    margin-left: -50vw !important;
    height: 650px !important;
    z-index: 100 !important;
    overflow: hidden !important;
    background: #061c35 !important;
  }

  #lp-pom-block-29 {
    display: none !important;
  }

  #lp-code-157 .scroller-wrapper {
    position: relative;
    width: 320px;
    height: 650px;
    margin: 0 auto;
    z-index: 1;
  }

  #lp-code-157 .scroller-container {
    width: 320px;
    height: 625px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  #lp-code-157 .scroller-container::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }

  #lp-code-157 .scroller-content {
    display: block !important;
    width: 600px !important;
    height: 625px !important;
    line-height: 0;
  }

  #lp-code-157 .scroller-content img {
    display: block !important;
    width: 600px !important;
    height: 625px !important;
    max-width: none !important;
    object-fit: cover;
    vertical-align: top;
  }

  #lp-code-157 .custom-scrollbar {
    display: block !important;
    position: absolute;
    left: 50% !important;
    transform: translateX(-50%);
    width: 280px !important;
    bottom: 10px !important;
    z-index: 2;
  }

  /* White section starts at Emaar logo */
  #lp-pom-box-231 {
    background: #fff !important;
    pointer-events: auto !important;
  }

  /* Full-bleed under-logo line — spills left of Privacy / right of Terms */
  #lp-code-233.full-border,
  #lp-code-233 {
    display: none !important;
    visibility: hidden !important;
    border: none !important;
  }

  #lp-pom-image-232 .lp-pom-image-container,
  #lp-pom-image-232 .lp-pom-image-container img {
    width: 80px !important;
    height: 24px !important;
  }

  #lp-pom-box-227 {
    background: #fff !important;
    pointer-events: auto !important;
    /* top + center divider only (no outer left stub) */
    border-style: solid solid none none !important;
    border-width: 1px !important;
    border-color: #ccc !important;
  }

  #lp-pom-box-229 {
    background: #fff !important;
    pointer-events: auto !important;
    /* top only (no outer right stub) */
    border-style: solid none none none !important;
    border-width: 1px !important;
    border-color: #ccc !important;
  }

  #lp-pom-button-228,
  #lp-pom-button-230 {
    color: #000 !important;
    pointer-events: auto !important;
  }

  body {
    padding-bottom: 88px;
  }
}

/* Desktop: full-width map background block */
@media screen and (min-width: 1025px) {
  #lp-pom-block-156 {
    display: none !important;
  }

  #lp-code-157 {
    display: none !important;
  }

  #lp-pom-block-29 {
    display: block !important;
    visibility: visible !important;
    position: absolute !important;
    left: 50% !important;
    width: 100vw !important;
    margin-left: -50vw !important;
    height: 816px !important;
    z-index: 5 !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
  }

  #lp-pom-box-231 {
    background: #f8f9fb !important;
  }

  /* Same full-bleed under-logo line on desktop */
  #lp-code-233.full-border,
  #lp-code-233 {
    display: none !important;
    visibility: hidden !important;
    border: none !important;
  }

  #lp-pom-box-227 {
    background: #fff !important;
    border-style: solid solid none none !important;
    border-width: 1px !important;
    border-color: #ccc !important;
  }

  #lp-pom-box-229 {
    background: #fff !important;
    border-style: solid none none none !important;
    border-width: 1px !important;
    border-color: #ccc !important;
  }
}