.category-module.category-module-foto-galeri>h2{font-size:17px;font-weight:600;line-height:1.4;margin:0 0 14px;letter-spacing:0;overflow-wrap:anywhere}
.site-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:14px}
.site-photo-thumbnail{position:relative;display:block;aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:#edf1f5;border:1px solid #80808020}
.site-photo-thumbnail img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .18s}
.site-photo-thumbnail:hover img{transform:scale(1.035)}
.site-photo-thumbnail>span{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#ffffffdf;color:var(--design-primary,#155eaa);font-size:13px}
.site-photo-thumbnail:focus-visible{outline:3px solid var(--design-primary,#155eaa);outline-offset:3px}
.site-photo-dialog{border:0;padding:44px 14px 14px;background:#111820;border-radius:12px;width:fit-content;max-width:94vw;max-height:94dvh;box-sizing:border-box}
.site-photo-dialog::backdrop{background:#09121bd9}
.site-gallery-video-dialog{width:min(960px,94vw)}.site-gallery-video-dialog iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#000}
.site-photo-dialog .site-photo-full{display:block;max-width:calc(94vw - 28px);max-height:calc(94dvh - 58px);width:auto;height:auto;object-fit:contain}
.site-photo-dialog .site-photo-close{position:absolute;top:5px;right:8px;width:34px;height:34px;border:0;border-radius:50%;background:#ffffff20;color:#fff;cursor:pointer;font-size:18px}
.site-photo-dialog .site-photo-close:focus-visible{outline:2px solid #fff}
.site-photo-dialog .site-photo-arrow{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff50;border-radius:50%;background:#111820aa;color:#fff;font-size:18px;cursor:pointer}
.site-photo-dialog .site-photo-arrow[hidden]{display:none}
.site-photo-previous{left:22px}.site-photo-next{right:22px}
.site-photo-dialog .site-photo-arrow:hover{background:#111820e6}
.site-photo-dialog .site-photo-arrow:focus-visible{outline:2px solid #fff;outline-offset:2px}
.site-photo-dialog:has(.site-photo-arrow:not([hidden])) .site-photo-full{cursor:pointer}
@media(max-width:600px){.site-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
@media(prefers-reduced-motion:reduce){.site-photo-thumbnail img{transition:none}}