[data-drubunet-gallery-trigger] {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    margin: 0;
    background: transparent;
    cursor: zoom-in;
    text-align: left;
}

[data-drubunet-gallery-trigger]:focus-visible {
    outline: 2px solid #111;
    outline-offset: 2px;
}

/*
 * Hyvä/Tailwind boosts preflight with ten :not(#\#) on img/video
 * (specificity ~10 IDs). Plain `.pswp .pswp__img` loses, so max-width:100%
 * still resolves against the 0-width absolute `.pswp__zoom-wrap` and the
 * slide image stays invisible despite inline width/height.
 */
.pswp .pswp__img:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),
.pswp img.pswp__img:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
    max-width: none;
    max-height: none;
}

.pswp__img {
    cursor: grab;
}

.pswp--zoomed-in .pswp__img {
    cursor: grabbing;
}