/* 🆕 (Update 33) نمایشگرِ تمام‌صفحه‌ی تصویر (FaraImageViewer) */
.fiv-overlay { position: fixed; inset: 0; z-index: 30000; background: rgba(10,12,18,.94); display: flex; flex-direction: column;
  animation: fiv-in .16s ease-out; font-family: inherit; color: #fff; }
@keyframes fiv-in { from { opacity: 0; } to { opacity: 1; } }
.fiv-bar { display: flex; align-items: center; gap: 6px; padding: 10px 12px; padding-top: max(10px, env(safe-area-inset-top));
  background: linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,0)); position: relative; z-index: 2; }
.fiv-title { font-size: 13px; font-weight: 600; opacity: .9; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 40vw; }
.fiv-spacer { flex: 1; }
.fiv-btn { min-width: 42px; height: 42px; padding: 0 10px; border-radius: 12px; border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.08);
  color: #fff; font: inherit; font-size: 18px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; text-decoration: none;
  transition: background .15s; }
.fiv-btn:hover { background: rgba(255,255,255,.18); }
.fiv-btn:focus-visible { outline: 2px solid #93c5fd; outline-offset: 2px; }
.fiv-zoom-label { font-size: 12.5px; font-weight: 700; min-width: 64px; direction: ltr; }
.fiv-stage { flex: 1; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; touch-action: none;
  cursor: zoom-in; user-select: none; -webkit-user-select: none; }
.fiv-stage.zoomed { cursor: grab; }
.fiv-stage.zoomed:active { cursor: grabbing; }
.fiv-img { max-width: 96vw; max-height: calc(100dvh - 90px); object-fit: contain; transform-origin: center center; will-change: transform;
  border-radius: 6px; box-shadow: 0 10px 40px rgba(0,0,0,.5); -webkit-user-drag: none; }
.fiv-hint { position: absolute; bottom: max(14px, env(safe-area-inset-bottom)); left: 50%; transform: translateX(-50%); font-size: 11.5px;
  background: rgba(0,0,0,.45); padding: 5px 12px; border-radius: 999px; opacity: .85; pointer-events: none; white-space: nowrap; animation: fiv-hint 4s forwards; }
@keyframes fiv-hint { 0%, 70% { opacity: .85; } 100% { opacity: 0; } }
@media (max-width: 560px) { .fiv-btn { min-width: 38px; height: 38px; font-size: 16px; } .fiv-title { display: none; } }
@media (prefers-reduced-motion: reduce) { .fiv-overlay, .fiv-hint { animation: none; } }