.mrk-gallery{--mrk-columns:4;--mrk-gap:14px;width:100%}
.mrk-gallery *{box-sizing:border-box}
.mrk-gallery-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px;justify-content:center}
.mrk-gallery-filter{appearance:none;border:1px solid rgba(255,255,255,.22);background:transparent;color:inherit;border-radius:999px;padding:10px 22px;font:inherit;line-height:1;cursor:pointer;transition:.2s ease}
.mrk-gallery-filter:hover,.mrk-gallery-filter:focus-visible,.mrk-gallery-filter.is-active{background:#2f7d3c;border-color:#2f7d3c;color:#fff;outline:none}
.mrk-gallery-grid{display:grid;grid-template-columns:repeat(var(--mrk-columns),minmax(0,1fr));gap:var(--mrk-gap)}
.mrk-gallery-item{margin:0;overflow:hidden;min-width:0;aspect-ratio:1/1;background:#111}
.mrk-gallery-item[hidden]{display:none!important}
.mrk-gallery-open{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in;overflow:hidden}
.mrk-gallery-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease}
.mrk-gallery-open:hover .mrk-gallery-image,.mrk-gallery-open:focus-visible .mrk-gallery-image{transform:scale(1.045);filter:brightness(.75)}
.mrk-gallery-open:focus-visible{outline:3px solid #4b9a55;outline-offset:3px}
.mrk-gallery-zoom{position:absolute;inset:50% auto auto 50%;display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.8);border-radius:50%;color:#fff;font-size:30px;line-height:1;transform:translate(-50%,-50%) scale(.8);opacity:0;transition:.25s ease}
.mrk-gallery-open:hover .mrk-gallery-zoom,.mrk-gallery-open:focus-visible .mrk-gallery-zoom{opacity:1;transform:translate(-50%,-50%) scale(1)}
.mrk-gallery-lightbox{position:fixed;z-index:999999;inset:0;display:grid;grid-template-columns:minmax(46px,1fr) minmax(0,1200px) minmax(46px,1fr);align-items:center;background:rgba(0,0,0,.94);padding:24px}
.mrk-gallery-lightbox[hidden]{display:none}
.mrk-lightbox-figure{grid-column:2;margin:0;max-height:calc(100vh - 48px);display:flex;flex-direction:column;align-items:center;justify-content:center}
.mrk-lightbox-image{display:block;max-width:100%;max-height:calc(100vh - 110px);width:auto;height:auto;object-fit:contain}
.mrk-lightbox-caption{color:#fff;margin-top:12px;text-align:center;font-size:14px}
.mrk-lightbox-close,.mrk-lightbox-prev,.mrk-lightbox-next{position:absolute;border:0;background:rgba(0,0,0,.25);color:#fff;cursor:pointer;font-family:Arial,sans-serif}
.mrk-lightbox-close{top:18px;right:20px;font-size:40px;line-height:1;width:48px;height:48px}
.mrk-lightbox-prev,.mrk-lightbox-next{top:50%;transform:translateY(-50%);font-size:58px;line-height:1;width:56px;height:80px}
.mrk-lightbox-prev{left:10px}.mrk-lightbox-next{right:10px}
.mrk-lightbox-close:focus-visible,.mrk-lightbox-prev:focus-visible,.mrk-lightbox-next:focus-visible{outline:2px solid #fff;outline-offset:2px}
body.mrk-lightbox-open{overflow:hidden}
.mrk-gallery-empty{text-align:center}
@media(max-width:1024px){.mrk-gallery-grid{grid-template-columns:repeat(min(var(--mrk-columns),3),minmax(0,1fr))}}
@media(max-width:720px){.mrk-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mrk-gallery-filters{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.mrk-gallery-filter{white-space:nowrap}.mrk-gallery-lightbox{padding:12px;grid-template-columns:1fr}.mrk-lightbox-figure{grid-column:1}.mrk-lightbox-prev,.mrk-lightbox-next{font-size:42px;width:44px}.mrk-lightbox-close{top:8px;right:8px}}
@media(max-width:420px){.mrk-gallery-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.mrk-gallery-image,.mrk-gallery-zoom,.mrk-gallery-filter{transition:none}}