.flipbook-catalog-teaser,
.flipbook-catalog-teaser * {
  box-sizing: border-box;
}

.flipbook-catalog-teaser {
  --flipbook-accent: #f47b00;
  --flipbook-navy: #071426;
  display: grid;
  width: 100%;
  min-height: min(680px, calc(100vh - 120px));
  place-items: center;
  padding: clamp(24px, 5vw, 64px);
}

.flipbook-catalog-teaser__button {
  display: block;
  width: min(386px, 100%);
  padding: 0;
  border: 0;
  background: #fff;
  cursor: pointer;
  transition: transform .2s ease;
}

.flipbook-catalog-teaser__button:hover {
  transform: translateY(-2px);
}

.flipbook-catalog-teaser__button:focus-visible {
  outline: 3px solid #111;
  outline-offset: 6px;
}

.flipbook-catalog-teaser__image { display: block; width: 100%; height: auto; }

.flipbook-catalog-dialog[hidden] {
  display: none !important;
}

.flipbook-catalog-dialog {
  position: fixed;
  z-index: 999999;
  inset: 0;
  background: #071426;
}

.flipbook-catalog-dialog__frame {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: #071426;
}

.flipbook-catalog-dialog__close {
  position: absolute;
  z-index: 2;
  top: 14px;
  right: 74px;
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 50%;
  color: #fff;
  background: rgba(5, 18, 39, .72);
  font: 300 30px/1 Arial, sans-serif;
  cursor: pointer;
}

.flipbook-catalog-dialog__close:hover,
.flipbook-catalog-dialog__close:focus-visible {
  color: #071426;
  background: var(--flipbook-accent);
  outline: none;
}

html.flipbook-catalog-is-open,
html.flipbook-catalog-is-open body {
  overflow: hidden !important;
}

@media (max-width: 680px) {
  .flipbook-catalog-teaser { min-height: auto; padding: 24px 16px; }

  .flipbook-catalog-dialog__close {
    top: 10px;
    right: 58px;
  }
}