.hero img, .hero-image img, .signature-image img, .trip-hero img,
.banner img, .cover-image img {
  object-fit: contain !important;
  object-position: center center !important;
}
.hero, .hero-image, .signature-image, .trip-hero, .banner, .cover-image {
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* Homepage hero: fill the entire area, with a little sky cropped off. */
.homehero img, .home-hero img, .homepage-hero img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 62% !important;
}

body.homepage .homehero,
body.homepage .home-hero,
body.homepage .homepage-hero {
  background-size: cover !important;
  background-position: center 62% !important;
}

/* Version 1.2: revised homepage and USA-resa 1 hero crops. */
body.homepage .homehero,
body.homepage .home-hero,
body.homepage .homepage-hero {
  background-size: cover !important;
  background-position: center 62% !important;
}
body.homepage .homehero img,
body.homepage .home-hero img,
body.homepage .homepage-hero img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 62% !important;
}

/* USA-resa 1: fill the signature area and crop a little from the bottom. */
body.usa-resa-1 .hero img,
body.usa-resa-1 .hero-image img,
body.usa-resa-1 .signature-image img,
body.usa-resa-1 .trip-hero img,
body.usa-resa-1 .banner img,
body.usa-resa-1 .cover-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 38% !important;
}
body.usa-resa-1 .hero,
body.usa-resa-1 .hero-image,
body.usa-resa-1 .signature-image,
body.usa-resa-1 .trip-hero,
body.usa-resa-1 .banner,
body.usa-resa-1 .cover-image {
  background-size: cover !important;
  background-position: center 38% !important;
}

/* USA-resa 1: use the physically bottom-cropped image edge-to-edge. */
body.usa-resa-1 .hero,
body.usa-resa-1 .hero-image,
body.usa-resa-1 .signature-image,
body.usa-resa-1 .trip-hero,
body.usa-resa-1 .banner,
body.usa-resa-1 .cover-image {
  overflow: hidden !important;
}
body.usa-resa-1 .hero img,
body.usa-resa-1 .hero-image img,
body.usa-resa-1 .signature-image img,
body.usa-resa-1 .trip-hero img,
body.usa-resa-1 .banner img,
body.usa-resa-1 .cover-image img {
  object-fit: cover !important;
  object-position: center top !important;
}

/* USA-resor overview: exact same hero asset and crop as homepage. */
body.usa-resor-overview img[src*="startsida-oss.jpg"] {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 62% !important;
}
body.usa-resor-overview .hero,
body.usa-resor-overview .hero-image,
body.usa-resor-overview .banner,
body.usa-resor-overview .cover-image {
  overflow: hidden !important;
  background-image: url("images/startsida-oss.jpg") !important;
  background-size: cover !important;
  background-position: center 62% !important;
  background-repeat: no-repeat !important;
}

/* Version 1.6 — true edge-to-edge homepage hero. */
html, body {
  width: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.homepage {
  width: 100vw !important;
  min-height: 100vh !important;
  overflow-x: hidden !important;
}
body.homepage main,
body.homepage .container,
body.homepage .content,
body.homepage .page,
body.homepage .card,
body.homepage .hero-wrap,
body.homepage .hero-container {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-radius: 0 !important;
}
body.homepage .homehero,
body.homepage .home-hero,
body.homepage .homepage-hero,
body.homepage .hero {
  position: relative !important;
  width: 100vw !important;
  height: 100vh !important;
  min-height: 100vh !important;
  max-height: none !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  background-size: cover !important;
  background-position: center 62% !important;
}
body.homepage .homehero img,
body.homepage .home-hero img,
body.homepage .homepage-hero img,
body.homepage .hero img {
  position: absolute !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  min-width: 100vw !important;
  min-height: 100vh !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center 62% !important;
}