/* Property-detail only. Do not load from shared 260619. */

/*
 * Tailwind preflight used to set box-sizing on ::before/::after.
 * style_new.css only sets it on `*`, which does not match pseudos.
 * Without this, the location active border is 4px larger than the image.
 */
.property-detail-page ::before,
.property-detail-page ::after {
  box-sizing: border-box;
}

.property-detail-page picture {
  display: block;
  width: 100%;
}

/* Gallery: picture must fill the 290px item so .zoom-icon stays on the photo. */
.property-detail-page .property-detail__gallery .gallery-item picture {
  height: 100%;
}
.property-detail-page .property-detail__gallery-items--view .gallery-item picture {
  height: 240px;
}

.property-detail__location-gallery .location-gallery-thumbs .thumb-buttons .thumb-button img,
.property-detail__location-gallery .location-gallery-thumbs .thumb-buttons .thumb-button picture {
  display: block;
  height: 100%;
}

.property-detail__features::before {
  background-image: url("/assets/images/common/bg_dairiseki.png");
  background-image: -webkit-image-set(
    url("/assets/images/common/bg_dairiseki.webp") type("image/webp"),
    url("/assets/images/common/bg_dairiseki.png") type("image/png")
  );
  background-image: image-set(
    url("/assets/images/common/bg_dairiseki.webp") type("image/webp"),
    url("/assets/images/common/bg_dairiseki.png") type("image/png")
  );
}