.avito-cases .lightbox { height: min(840px, 100dvh - 32px); max-height: calc(100dvh - 32px); }
.avito-cases .lightbox-panel { height: 100%; max-height: 100%; }
.avito-cases .lightbox-bar { gap: 16px; }
.avito-cases .lightbox-bar h2 { font-family: var(--font-body); font-size: 0.875rem; font-weight: 700; letter-spacing: 0px; text-transform: none; }
.avito-cases .lightbox-bar-actions { min-width: 0px; gap: 8px; }
.avito-cases .lightbox-tool, .avito-cases .lightbox-close { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-width: 44px; min-height: 44px; padding: 10px 12px; border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 6px; background: rgba(255, 255, 255, 0.03); color: rgb(246, 237, 220); font-family: var(--font-body); font-size: 0.8125rem; font-weight: 700; line-height: 1.2; text-decoration: none; white-space: nowrap; cursor: pointer; }
.avito-cases .lightbox-tool:hover, .avito-cases .lightbox-close:hover { border-color: rgb(246, 237, 220); background: rgba(255, 255, 255, 0.08); color: rgb(255, 255, 255); }
.avito-cases .lightbox-tool:focus-visible, .avito-cases .lightbox-close:focus-visible, .avito-cases .lightbox-viewport:focus-visible { outline: rgb(246, 237, 220) solid 3px; outline-offset: 3px; }
.avito-cases .lightbox-tool[aria-pressed="true"] { background: rgb(246, 237, 220); border-color: rgb(246, 237, 220); color: rgb(37, 23, 20); }
.avito-cases .lightbox-counter { font-size: 0.8125rem; color: rgb(215, 205, 196); white-space: nowrap; }
.avito-cases .lightbox-media { min-height: 0px; }
.avito-cases .lightbox figure { min-width: 0px; min-height: 0px; padding: 20px 76px; gap: 14px; overflow: hidden; background: var(--carbon); }
.avito-cases .lightbox-viewport { display: flex; align-items: center; justify-content: center; flex: 1 1 0%; width: 100%; min-height: 0px; overflow: auto; overscroll-behavior: contain; scrollbar-color: rgb(165, 154, 144) rgba(255, 255, 255, 0.04); }
.avito-cases .lightbox .lightbox-viewport img { display: block; flex: 0 0 auto; width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; }
.avito-cases .lightbox figcaption { flex: 0 0 auto; max-width: 72ch; max-height: 25%; margin: 0px; overflow: auto; color: rgb(215, 205, 196); font-family: var(--font-body); font-size: 0.875rem; line-height: 1.5; text-align: center; }
.avito-cases .lightbox.is-zoomed .lightbox-viewport { display: block; }
.avito-cases .lightbox.is-zoomed .lightbox-viewport img { max-width: none; max-height: none; }
@media (max-width: 719px) {
  .avito-cases .lightbox { width: calc(100% - 20px); }
  .avito-cases .lightbox-bar { display: block; padding: 12px; }
  .avito-cases .lightbox-bar h2 { margin: 0px 0px 8px; }
  .avito-cases .lightbox-bar-actions { display: flex; justify-content: space-between; gap: 6px; }
  .avito-cases .lightbox-counter { margin-right: auto; }
  .avito-cases .lightbox-tool, .avito-cases .lightbox-close { padding: 9px 10px; font-size: 0.75rem; }
  .avito-cases .lightbox-close { font-size: 0px; color: transparent; padding: 8px; }
  .avito-cases .lightbox-close span { font-size: 1.5rem; color: rgb(246, 237, 220); }
  .avito-cases .lightbox figure { padding: 12px 12px 78px; gap: 12px; }
  .avito-cases .lightbox figcaption { font-size: 0.875rem; max-height: 28%; }
  .avito-cases .lightbox-nav { top: auto; bottom: 16px; transform: none; }
}