:root {
  --property-page-desc-bg: #ffffff;
  --property-page-desc-text: #000000;
  --property-page-amen-bg: #f2f4f8;
  --property-page-amen-text: #000000;
}

body {
  height: auto;
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
}

#main-wrapper {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  min-height: 0;
  margin-bottom: 0;
  background-color: var(--property-page-desc-bg);
}

main {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
}

#property-glider-cont {
  margin-top: -3px;
  background-color: #212121;
  /* Keep the revealed banner stable while its photos load. */
  height: clamp(350px, 56.25vw, 60vh);
  flex-shrink: 0;
}

#property-glider {
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

#property-glider .glide__track,
#property-glider .glide__slides,
#property-glider .glide__slide {
  height: 100%;
}

#property-glider img {
  display: block;
  height: 100%;
  width: 100%;
  max-width: 100%;
  object-fit: cover;
  object-position: center;
}

#property-glider .glide__slide {
  margin: 0;
}

#property-desc {
  white-space: pre-wrap;
  color: var(--property-page-desc-text);
}

#property-desc-cont {
  background: var(--property-page-desc-bg);
  flex: 1 0 auto;
}

#property-desc-inner, #property-amen-cont {
  padding: 15px;
}

#property-amen-cont {
  display: none;
  background: var(--property-page-desc-bg);
  flex-shrink: 0;
}

#amen-cont {
  background-color: var(--property-page-amen-bg);
}

#amen-list-label {
  color: var(--property-page-amen-text);
}

#amen-list {
  color: var(--property-page-amen-text);
}

.amen-scroll-button {
  border: 1px solid var(--property-page-amen-text);
}


@media (max-width: 895px) {
  #property-glider-cont {
    height: 300px;
  }
}

@media (max-width: 780px) {
  #property-amen-cont {
    padding: 10px 0px;
  }
}