.pswp { --pswp-bg: #11100e; --pswp-icon-color: #fffdf8; --pswp-icon-color-secondary: #11100e; --pswp-icon-stroke-color: #11100e; --pswp-icon-stroke-width: 1px; z-index: 100050; }
.thorn3-site .pswp img { max-width: none; max-height: none; }
/* Woo ships PhotoSwipe 4 CSS globally. Isolate the v5 overlay from its skin. */
.thorn3-lightbox.pswp { position: fixed; inset: 0; width: 100%; height: 100%; }
.thorn3-lightbox .pswp__button { background: none; float: none; }
/* Woo's v4 sprite is !important; the v5 controls use inline SVG instead. */
.thorn3-lightbox button.pswp__button { background-image: none !important; }
.thorn3-lightbox .pswp__top-bar { display: flex; top: 0; height: 60px; opacity: 1; }
.thorn3-lightbox .pswp__counter { position: static; }
.pswp__thorn3-caption { position: absolute; bottom: 0; left: 0; right: 0; background: #11100e; color: #fffdf8; padding: 16px 24px 20px; font: 14px/1.5 Inter,system-ui,sans-serif; max-height: 35vh; overflow: auto; text-align: center; }
.pswp__thorn3-caption strong { font-size: 18px; font-weight: 500; }
.thorn3-site .pswp__thorn3-caption p { margin: 4px auto; padding: 0; max-width: 65ch; }
.thorn3-lightbox-actions { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 4px 20px; }
.thorn3-lightbox-actions a, .thorn3-lightbox-actions button { color: #fffdf8; background: transparent; border: 0; padding: 10px 0; min-height: 44px; font: inherit; text-decoration: underline; cursor: pointer; }
.thorn3-lightbox-actions :is(a,button):hover { color: #ffc72c; }
.pswp :is(a,button):focus-visible { outline: 3px solid #ffc72c; outline-offset: 3px; }
.pswp__thorn3-watermark { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(-15deg); color: #fff; text-shadow: 0 1px 4px #000; opacity: .55; font: 500 clamp(20px,5vw,72px)/1.2 system-ui,sans-serif; pointer-events: none; text-align: center; max-width: 80%; overflow-wrap: anywhere; }
@media (max-width: 599px) { .pswp__thorn3-caption { max-height: 38vh; padding: 12px 16px; } .pswp__button--arrow { top: 42%; } }