.responsive-iframe-block {
  width: 100%;
  margin-top: var(--weyel-space-6, 32px);
  margin-bottom: var(--weyel-space-6, 32px);
}

.responsive-iframe-block__frame {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: var(--weyel-radius-lg, 16px);
  background: var(--weyel-color-white, #ffffff);
  box-shadow: var(--weyel-shadow-medium, 0 18px 45px rgba(0, 0, 0, 0.12));
}

.responsive-iframe-block iframe {
  display: block;
  width: 100%;
  border: 0;
  background: var(--weyel-color-white, #ffffff);
}

.responsive-iframe-block--catalog .responsive-iframe-block__frame {
  height: clamp(420px, var(--responsive-iframe-height, 760px), 85vh);
}

.responsive-iframe-block--catalog iframe {
  height: 100%;
}

.responsive-iframe-block--16-9 .responsive-iframe-block__frame,
.responsive-iframe-block--4-3 .responsive-iframe-block__frame,
.responsive-iframe-block--1-1 .responsive-iframe-block__frame,
.responsive-iframe-block--3-4 .responsive-iframe-block__frame {
  aspect-ratio: 16 / 9;
}

.responsive-iframe-block--4-3 .responsive-iframe-block__frame {
  aspect-ratio: 4 / 3;
}

.responsive-iframe-block--1-1 .responsive-iframe-block__frame {
  aspect-ratio: 1 / 1;
}

.responsive-iframe-block--3-4 .responsive-iframe-block__frame {
  aspect-ratio: 3 / 4;
}

.responsive-iframe-block--16-9 iframe,
.responsive-iframe-block--4-3 iframe,
.responsive-iframe-block--1-1 iframe,
.responsive-iframe-block--3-4 iframe {
  position: absolute;
  inset: 0;
  height: 100%;
}

@media (max-width: 767.98px) {
  .responsive-iframe-block {
    margin-top: var(--weyel-space-5, 24px);
    margin-bottom: var(--weyel-space-5, 24px);
  }

  .responsive-iframe-block__frame {
    border-radius: var(--weyel-radius-md, 10px);
  }

  .responsive-iframe-block--catalog .responsive-iframe-block__frame {
    height: clamp(460px, 78vh, var(--responsive-iframe-height, 760px));
  }
}