/* Public gallery: also fixes the saved section markup from versions 3.3.1/3.3.2. */
.zvj-bb-profile-gallery { display:block!important; flex:0 0 auto!important; height:fit-content!important; min-height:0!important; max-height:none!important; width:100%; box-sizing:border-box; padding:0!important; margin:24px 0!important; align-self:stretch; }
.zvj-bb-profile-gallery > h3 { margin:0 0 12px!important; }
.zvj-bb-profile-gallery > div { display:grid!important; grid-template-columns:repeat(auto-fit,minmax(120px,1fr)); gap:12px; height:auto!important; min-height:0!important; padding:0!important; margin:0!important; }
.zvj-bb-profile-gallery a { display:block; min-width:0; padding:0; margin:0; border-radius:12px; overflow:hidden; }
.zvj-bb-profile-gallery img { display:block!important; width:100%!important; height:150px!important; object-fit:cover!important; margin:0!important; }
.zvj-bb-profile-gallery a:focus-visible { outline:3px solid #2563eb; outline-offset:3px; }
dialog.zvj-bb-lightbox { position:fixed!important; inset:0!important; margin:auto!important; width:calc(100% - 32px)!important; max-width:1100px!important; height:calc(100% - 32px)!important; max-height:none!important; padding:0!important; border:1px solid #475569!important; border-radius:16px!important; background:#0f172a!important; color:#fff!important; box-shadow:0 20px 90px #0008; overflow:hidden!important; box-sizing:border-box; }
dialog.zvj-bb-lightbox:not([open]) { display:none!important; }
dialog.zvj-bb-lightbox[open] { display:grid!important; grid-template-rows:auto minmax(0,1fr) auto; }
dialog.zvj-bb-lightbox::backdrop { background:rgba(2,6,23,.85); }
.zvj-bb-lightbox .zvj-bb-lightbox-head,.zvj-bb-lightbox .zvj-bb-lightbox-foot { display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding:14px 18px; flex:0 0 auto; }
.zvj-bb-lightbox .zvj-bb-lightbox-head { justify-content:space-between; border-bottom:1px solid #334155; }
.zvj-bb-lightbox .zvj-bb-lightbox-foot { justify-content:center; border-top:1px solid #334155; }
.zvj-bb-lightbox .zvj-bb-lightbox-stage { display:flex; align-items:center; justify-content:center; min-height:0; min-width:0; padding:12px; overflow:hidden; }
.zvj-bb-lightbox .zvj-bb-lightbox-stage img { display:block; width:100%!important; height:100%!important; max-height:100%!important; object-fit:contain!important; padding:0!important; margin:0!important; border:0!important; }
.zvj-bb-lightbox button { min-height:44px; margin:0; padding:10px 14px; border:1px solid #64748b; border-radius:9px; background:#1e293b; color:#fff; font:inherit; font-weight:700; cursor:pointer; }
.zvj-bb-lightbox .zvj-bb-lightbox-original { color:#cbd5e1; font-size:13px; text-decoration:underline; }
.zvj-bb-lightbox :focus-visible { outline:3px solid #93c5fd; outline-offset:3px; }
.zvj-bb-lightbox [hidden] { display:none!important; }
.zvj-bb-lightbox .zvj-bb-lightbox-error { text-align:center; padding:20px; color:#f8fafc; }
@media(max-width:600px) { dialog.zvj-bb-lightbox { width:calc(100% - 16px)!important; height:calc(100% - 16px)!important; border-radius:12px!important; } .zvj-bb-lightbox .zvj-bb-lightbox-head,.zvj-bb-lightbox .zvj-bb-lightbox-foot { padding:10px; gap:8px; } .zvj-bb-lightbox .zvj-bb-lightbox-original { flex-basis:100%; text-align:center; } }