/* Kentavr gallery 1.0.0 (plg_content_kentavrgallery). Site template may restyle .kgallery (border, gap). */
.kgallery { list-style: none; margin: 1rem 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.kgallery li { margin: 0; list-style: none; }
.kgallery img { display: block; width: 145px; height: 105px; object-fit: cover; border: 1px solid #ccc; }
.kgallery-link:focus-visible { outline: 3px solid #d30010; outline-offset: 2px; }

.kg-lock, .kg-lock body { overflow: hidden; }
.kg-ov { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center;
  background: rgba(0, 0, 0, .9); touch-action: none; overscroll-behavior: contain; }
.kg-img { max-width: 94vw; max-height: 86vh; user-select: none; -webkit-user-drag: none; }
.kg-count { position: absolute; top: 12px; left: 16px; color: #fff; font: 15px/1.2 Arial, sans-serif; }
.kg-ov button { position: absolute; min-width: 48px; min-height: 48px; padding: 0 .6rem; border: 0; border-radius: 4px;
  background: rgba(0, 0, 0, .35); color: #fff; font: 2.4rem/1 Arial, sans-serif; cursor: pointer; }
.kg-ov button:hover { background: rgba(0, 0, 0, .6); }
.kg-ov button:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }
.kg-x { top: 6px; right: 6px; }
.kg-p { left: 6px; top: 50%; transform: translateY(-50%); }
.kg-n { right: 6px; top: 50%; transform: translateY(-50%); }
.kg-ov button[hidden] { display: none; }