body.home .sml-home-hero__image {
  object-position: 42% 100%;
}

@media (max-width: 1100px) {
  body.home .sml-home-hero__image {
    object-position: 40% 100%;
  }
}

@media (max-width: 820px) {
  body.home .sml-home-hero__image {
    object-position: 35% 50%;
  }
}

@media (max-width: 480px) {
  body.home .sml-home-hero__image {
    object-position: 31% 50%;
  }
}

body.page-id-1169 .sml-page-hero__image {
  object-position: 50% 100%;
}

@media (max-width: 820px) {
  body.page-id-1169 .sml-page-hero__image {
    object-position: 53% 50%;
  }
}

@media (max-width: 480px) {
  body.page-id-1169 .sml-page-hero__image {
    object-position: 55% 50%;
  }
}

/* Existing hero-image focal corrections. */
body.page-id-528 .sml-page-hero__image,
body.page-id-2167 .sml-page-hero__image {
  object-position: 45% 100%;
}

body.page-id-2306 .dd-hero > img {
  object-position: 50% 100%;
}

body.page-id-2413 .sml-palm-hero__image {
  object-position: 50% 100%;
  transform: scale(1.08);
  transform-origin: 50% 100%;
}

/* SML-owned hero images for templates that previously had no visual hero. */
body.page-id-1390 .sml-page-hero,
body.page-id-2110 .sml-page-hero,
body.page-id-2144 .sml-page-hero,
body.page-id-1483 .sml-archive-hero {
  position: relative;
  display: grid;
  min-height: clamp(500px, 68vh, 760px);
  align-items: end;
  overflow: hidden;
  color: #fff;
  background-color: var(--sml-green-950);
  background-repeat: no-repeat;
  background-size: cover;
}

body.page-id-1390 .sml-page-hero {
  background-image: url("https://smlvacationhomesdubai.com/wp-content/uploads/2025/12/downtown-dubai-accommodation.jpg");
  background-position: 58% 100%;
}

body.page-id-2110 .sml-page-hero {
  background-image: url("https://smlvacationhomesdubai.com/wp-content/uploads/2025/12/jumeirah-beach-accommodation.jpg");
  background-position: 54% 58%;
}

body.page-id-2144 .sml-page-hero {
  background-image: url("https://smlvacationhomesdubai.com/wp-content/uploads/2025/12/dubai-marina-accommodation.jpg");
  background-position: 52% 72%;
}

body.page-id-1483 .sml-archive-hero {
  background-image: url("https://smlvacationhomesdubai.com/wp-content/uploads/2025/12/jumeirah-beach-residences-accommodation.jpg");
  background-position: 50% 72%;
}

body.page-id-1390 .sml-page-hero::before,
body.page-id-2110 .sml-page-hero::before,
body.page-id-2144 .sml-page-hero::before,
body.page-id-1483 .sml-archive-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(90deg, rgba(3,34,29,.88) 0%, rgba(3,34,29,.54) 54%, rgba(3,34,29,.16) 100%), linear-gradient(0deg, rgba(3,34,29,.58), transparent 56%);
}

body.page-id-1390 .sml-page-hero__content,
body.page-id-2110 .sml-page-hero__content,
body.page-id-2144 .sml-page-hero__content,
body.page-id-1483 .sml-archive-hero > .sml-shell {
  position: relative;
  z-index: 1;
}

body.page-id-1390 .sml-page-hero h1,
body.page-id-2110 .sml-page-hero h1,
body.page-id-2144 .sml-page-hero h1,
body.page-id-1483 .sml-archive-hero h1 {
  color: #fff;
}

body.page-id-1390 .sml-page-hero p,
body.page-id-2110 .sml-page-hero p,
body.page-id-2144 .sml-page-hero p,
body.page-id-1483 .sml-archive-hero p {
  color: rgba(255,255,255,.86) !important;
}

@media (max-width: 820px) {
  body.page-id-528 .sml-page-hero__image,
  body.page-id-2167 .sml-page-hero__image { object-position: 43% 50%; }
  body.page-id-2306 .dd-hero > img { object-position: 58% 100%; }
  body.page-id-1390 .sml-page-hero { background-position: 60% 100%; }
  body.page-id-2110 .sml-page-hero { background-position: 54% 52%; }
  body.page-id-2144 .sml-page-hero { background-position: 54% 68%; }
  body.page-id-1483 .sml-archive-hero { background-position: 56% 70%; }
}

@media (max-width: 480px) {
  body.page-id-528 .sml-page-hero__image,
  body.page-id-2167 .sml-page-hero__image { object-position: 42% 50%; }
  body.page-id-2306 .dd-hero > img { object-position: 64% 50%; }
  body.page-id-1390 .sml-page-hero,
  body.page-id-2110 .sml-page-hero,
  body.page-id-2144 .sml-page-hero,
  body.page-id-1483 .sml-archive-hero { min-height: 520px; }
  body.page-id-1390 .sml-page-hero { background-position: 62% 100%; }
  body.page-id-2110 .sml-page-hero { background-position: 54% 50%; }
  body.page-id-2144 .sml-page-hero { background-position: 56% 64%; }
  body.page-id-1483 .sml-archive-hero { background-position: 62% 68%; }
}


@media (min-width: 821px) {
  body.page-id-528 .sml-page-hero__image,
  body.page-id-2167 .sml-page-hero__image {
    transform: scale(1.06);
    transform-origin: 45% 100%;
  }
}

body.page-id-2306 .dd-hero p {
  color: rgba(255,255,255,.88) !important;
}