/* Просмотр фото профиля на весь экран */
#view-profile-avatar.avv-can-open { cursor: zoom-in; }
.avv-overlay { position: fixed; inset: 0; z-index: 3000; background: rgba(0,0,0,.94); display: none; user-select: none; -webkit-user-select: none; touch-action: pan-y; }
.avv-overlay.active { display: block; animation: avvIn .18s ease-out; }
@keyframes avvIn { from { opacity: 0; } to { opacity: 1; } }
.avv-stage { position: absolute; inset: 64px 0 24px; display: flex; align-items: center; justify-content: center; }
.avv-media { max-width: 100%; max-height: 100%; object-fit: contain; display: block; }
.avv-top { position: absolute; top: 0; left: 0; right: 0; display: flex; align-items: center; gap: 10px; padding: calc(10px + env(safe-area-inset-top, 0px)) 12px 10px; color: #fff; z-index: 2; background: linear-gradient(rgba(0,0,0,.6), transparent); }
.avv-title { flex: 1; min-width: 0; }
#avv-name { font-weight: 600; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#avv-sub { font-size: 12.5px; opacity: .75; margin-top: 2px; }
.avv-btn { width: 40px; height: 40px; border: 0; border-radius: 50%; background: rgba(255,255,255,.12); color: #fff; font-size: 18px; display: flex; align-items: center; justify-content: center; cursor: pointer; text-decoration: none; flex-shrink: 0; }
.avv-btn:hover { background: rgba(255,255,255,.22); }
.avv-bars { position: absolute; top: calc(4px + env(safe-area-inset-top, 0px)); left: 12px; right: 12px; display: flex; gap: 4px; z-index: 3; }
.avv-bars span { flex: 1; height: 3px; border-radius: 2px; background: rgba(255,255,255,.3); }
.avv-bars span.on { background: #fff; }
.avv-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 48px; height: 48px; border: 0; border-radius: 50%; background: rgba(255,255,255,.12); color: #fff; font-size: 30px; line-height: 1; cursor: pointer; z-index: 2; }
.avv-nav:hover { background: rgba(255,255,255,.24); }
.avv-nav.prev { left: 12px; } .avv-nav.next { right: 12px; }
@media (max-width: 700px) { .avv-nav { background: transparent; width: 36px; } }