/* Flipbook / company profile reader */
.flipbook { max-width: 900px; margin: 0 auto; }

.flipbook-viewer {
  position: relative;
  background: var(--color-ink);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  aspect-ratio: 2560 / 1832;
  display: flex;
  align-items: center;
  justify-content: center;
}

.flipbook-page-wrap {
  position: relative;
  width: 100%;
  height: 100%;
}

.flipbook-page {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #fff;
  opacity: 1;
  transform: scale(1);
  transition: opacity .2s ease, transform .2s ease;
}
.flipbook-page.is-turning { opacity: 0; transform: scale(.97); }

.flipbook-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .92);
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--shadow-sm);
  cursor: pointer;
  z-index: 5;
  color: var(--color-ink);
  transition: background .15s ease, transform .15s ease;
}
.flipbook-nav:hover:not(:disabled) { background: var(--color-primary); transform: translateY(-50%) scale(1.06); }
.flipbook-nav:disabled { opacity: .3; cursor: not-allowed; }
.flipbook-prev { left: 14px; }
.flipbook-next { right: 14px; }

.flipbook-fullscreen {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .92);
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 5;
  color: var(--color-ink);
}
.flipbook-fullscreen:hover { background: var(--color-primary); }

.flipbook-controls {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 18px;
}
.flipbook-page-count {
  font-weight: 700;
  font-family: var(--font-heading);
  white-space: nowrap;
  font-size: .9rem;
  color: var(--color-ink);
}
.flipbook-slider {
  flex: 1;
  accent-color: var(--color-primary);
  cursor: pointer;
}

.flipbook-viewer:fullscreen .flipbook-page { background: var(--color-ink); }
.flipbook-viewer:fullscreen { aspect-ratio: auto; }

@media (max-width: 575.98px) {
  .flipbook-nav { width: 36px; height: 36px; }
}