.farz-viewer { --viewer-bg: #272727; background: #fff; border: 1px solid #ddd; margin: 24px 0; }
.single-post article.category-e-paper > .article-featured { display: none !important; }
.farz-viewer__toolbar { align-items: center; background: #1b1b1b; color: #fff; display: flex; flex-wrap: wrap; gap: 7px; padding: 10px; position: sticky; top: 0; z-index: 6; }
.farz-viewer__toolbar button { background: #fff; border: 0; border-radius: 3px; color: #111; cursor: pointer; min-height: 36px; padding: 4px 13px; }
.farz-viewer__toolbar button:hover { background: #b3191f; color: #fff; }
.farz-viewer__toolbar span { margin-inline-start: auto; font-size: 14px; }
.farz-viewer__stage { align-items: center; background: var(--viewer-bg); display: flex; height: min(78vh, 920px); justify-content: center; overflow: hidden; position: relative; touch-action: none; user-select: none; }
.farz-viewer__stage img { cursor: grab; display: block; height: auto; max-height: 100%; max-width: 100%; object-fit: contain; transform-origin: center center; width: auto; will-change: transform; }
.farz-viewer__stage img.is-dragging { cursor: grabbing; }
.farz-viewer__thumbs { background: #efefed; display: grid; gap: 10px; grid-template-columns: repeat(4, minmax(90px, 150px)); justify-content: center; padding: 14px; }
.farz-viewer__thumbs button { background: #fff; border: 2px solid transparent; cursor: pointer; padding: 7px; }
.farz-viewer__thumbs button.is-active { border-color: #b3191f; }
.farz-viewer__thumbs img { aspect-ratio: 3 / 4; margin: auto; object-fit: cover; width: 82px; }
.farz-viewer__thumbs span { display: block; margin-top: 5px; }
.farz-viewer:fullscreen { background: #111; overflow: auto; }
.farz-viewer:fullscreen .farz-viewer__stage { height: calc(100vh - 66px); }
@media (max-width: 620px) {
  .farz-viewer__stage { height: 70vh; }
  .farz-viewer__thumbs { grid-template-columns: repeat(4, 1fr); gap: 5px; padding: 7px; }
  .farz-viewer__thumbs img { width: 100%; }
  .farz-viewer__toolbar span { flex-basis: 100%; margin: 0; }
}