/* Real3D flipbook sizing for the dental page. */

.r3d-wrap {
  position: relative;
  width: min(100%, 900px);
  height: clamp(430px, 55vw, 620px);
  margin: 16px auto 0;
  overflow: hidden;
  border-radius: 8px;
  background: #082854;
  box-shadow: var(--shadow-md);
}

.r3d-wrap [data-r3d-flipbook],
.r3d-wrap .flipbook-main-wrapper,
.r3d-wrap .flipbook-bookLayer {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

.r3d-wrap [data-r3d-flipbook] {
  min-height: 100%;
}

[data-r3d-flipbook] .flipbook-nav {
  z-index: 9999 !important;
}

@media (max-width: 760px) {
  .r3d-wrap {
    width: 100%;
    height: clamp(330px, 118vw, 500px);
    margin-top: 12px;
    border-radius: 5px;
  }
}

@media (max-width: 420px) {
  .r3d-wrap {
    height: clamp(300px, 125vw, 450px);
  }
}