/* Shared product evidence. Dialog rules apply only while open. */
.wr-gallery { margin: 0; min-width: 0; }
.wr-shot-link { display: block; color: inherit; cursor: zoom-in; border-radius: var(--wr-radius-media, 16px); overflow: hidden; }
.wr-shot-link img { display: block; width: 100%; height: auto; object-fit: contain; }
.wr-gallery-controls { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 16px; }
.wr-gallery-caption { color: inherit; font-size: .85rem; line-height: 1.6; opacity: .8; margin: 12px 0 0; }
.wr-gallery-nav { display: flex; align-items: center; gap: 12px; flex: 0 0 auto; }
.wr-gallery-nav button, .wr-lightbox-close { display: inline-grid; place-items: center; width: 44px; height: 44px; border: 1px solid currentColor; border-radius: var(--wr-radius-control, 8px); background: transparent; color: inherit; cursor: pointer; font: inherit; }
.wr-gallery-nav button:hover { background: rgba(112, 135, 174, .14); }
.wr-gallery-nav button:disabled { opacity: .35; cursor: default; }
.wr-gallery-status { min-width: 3.5ch; text-align: center; font-variant-numeric: tabular-nums; font-size: .8rem; }
.wr-shot-link:focus-visible, .wr-gallery-nav button:focus-visible { outline: 3px solid #7b9eff; outline-offset: 5px; }
.wr-lightbox { display: none; }
.wr-lightbox[open] { position: fixed; display: flex; align-items: center; justify-content: center; inset: 0; width: 100%; max-width: none; height: 100%; max-height: none; margin: 0; padding: clamp(12px, 3vw, 40px); border: 0; background: transparent; color: #fff; overflow: auto; }
.wr-lightbox::backdrop { background: rgba(3, 10, 25, .94); }
.wr-lightbox-panel { position: relative; width: min(1800px, 100%); }
.wr-lightbox figure { margin: 0; padding-top: 54px; text-align: center; }
.wr-lightbox img { display: block; max-width: 100%; max-height: calc(100dvh - 160px); width: auto; height: auto; object-fit: contain; margin: auto; border-radius: 8px; }
.wr-lightbox figcaption { max-width: 85ch; margin: 16px auto 0; font: 400 .875rem/1.6 var(--wr-font, sans-serif); }
.wr-lightbox-close { position: absolute; top: 0; right: 0; font-size: 30px; line-height: 1; color: #fff; background: #17243c; border-color: #69778b; }
.wr-lightbox-close:focus-visible { outline: 3px solid #a9c2ff; outline-offset: 4px; }
@media (max-width: 600px) { .wr-gallery-controls { align-items: flex-start; flex-wrap: wrap; } .wr-gallery-nav { margin-left: auto; } }

.wr-gallery-nav[hidden] { display: none; }