/* V56: full first-screen area, no image distortion */
html,
body {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

body > header + section,
.jdv52-hero,
.jdv52-image-hero,
.jdv52-banner {
  width: 100% !important;
  height: calc(100vh - 112px) !important;
  min-height: 780px !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #f7f7f5 !important;
}

body > header + section .jdv52-slides,
body > header + section .jdv52-slide,
.jdv52-slides,
.jdv52-slide {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #f7f7f5 !important;
}

body > header + section img,
.jdv52-hero img,
.jdv52-image-hero img,
.jdv52-banner img,
.jdv52-slide img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
  background: #f7f7f5 !important;
}

body > header + section .jdv52-dots,
.jdv52-dots,
body > header + section .dots,
body > header + section .carousel-dots {
  bottom: 30px !important;
  z-index: 20 !important;
}

@media (max-width: 768px) {
  body > header + section,
  .jdv52-hero,
  .jdv52-image-hero,
  .jdv52-banner {
    height: 560px !important;
    min-height: 560px !important;
  }
}