.fvl-lightbox[hidden], .fvl-lightbox [hidden] { display: none !important; }
.fvl-lightbox, .fvl-lightbox * { box-sizing: border-box; }
.fvl-lightbox { position: fixed; inset: 0; z-index: 2147483000; display: flex; align-items: center; justify-content: center; background: rgba(8, 13, 11, .96); color: #fff; padding: 12px; padding: max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left)); font-family: system-ui, sans-serif; line-height: 1.4; overscroll-behavior: contain; }
.fvl-lightbox__panel { display: flex; flex-direction: column; width: min(1200px, 100%); height: 100%; max-height: 100%; min-height: 0; position: relative; padding-top: 52px; }
.fvl-lightbox .fvl-lightbox__title { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
.fvl-lightbox__stage { flex: 1 1 auto; min-height: 0; display: flex; align-items: center; justify-content: center; touch-action: pan-y pinch-zoom; }
.fvl-lightbox .fvl-lightbox__image { display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain; border: 0; padding: 0; margin: 0; box-shadow: none; border-radius: 0; user-select: none; -webkit-user-select: none; }
.fvl-lightbox .fvl-lightbox__status { color: #fff; margin: 8px 0; text-align: center; font: 400 14px/1.4 system-ui, sans-serif; flex: 0 0 auto; }
.fvl-lightbox__navigation { display: flex; justify-content: center; align-items: center; gap: 18px; flex: 0 0 auto; min-height: 48px; }
.fvl-lightbox button { appearance: none; -webkit-appearance: none; background: #24382d; color: #fff; border: 1px solid #a7b7ad; border-radius: 6px; min-width: 48px; min-height: 48px; margin: 0; padding: 8px 14px; font: 500 24px/1 system-ui, sans-serif; cursor: pointer; box-shadow: none; text-transform: none; }
.fvl-lightbox button:hover { background: #3e5848; color: #fff; }
.fvl-lightbox .fvl-lightbox__close { position: absolute; top: 0; right: 0; font-size: 30px; }
.fvl-lightbox .fvl-lightbox__retry { font-size: 15px; }
.fvl-lightbox button:focus-visible, [data-fvl-gallery]:focus-visible, [class*="fvl-gallery-"][role="button"]:focus-visible { outline: 3px solid #ffd36b; outline-offset: 3px; }
.fvl-gallery-image-trigger { display: inline-block; padding: 0; border: 0; background: transparent; cursor: pointer; }
.fvl-gallery-image-trigger img { display: block; height: auto; max-width: 100%; }
[data-fvl-gallery], [class*="fvl-gallery-"][role="button"] { cursor: pointer; }
@media (max-height: 420px) { .fvl-lightbox .fvl-lightbox__title { font-size: 15px; } .fvl-lightbox .fvl-lightbox__status { margin: 2px 0; } }
@media (forced-colors: active) { .fvl-lightbox { background: Canvas; color: CanvasText; } .fvl-lightbox button { border: 2px solid ButtonText; } }