/* Only gallery controls are extended; the existing grid and mobile frame remain. */
.kazka-gallery-pagination { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: .75rem; margin-top: 1rem; }
.kazka-gallery-pagination button, #galleryReload { min-height: 44px; border-radius: 999px; padding: .625rem 1rem; font-size: .8125rem; font-weight: 600; color: var(--kazka-amber); background: var(--kazka-vanilla); }
.kazka-gallery-pagination button:disabled { opacity: .45; cursor: default; }
#galleryPageLabel { font-size: .75rem; color: var(--kazka-muted); }
#galleryReload { display: block; margin: .75rem auto 0; }
#galleryReload[hidden] { display: none; }
#galleryGrid:empty { min-height: 6rem; }
#lightboxModal .kazka-photo-slot { width: 100%; height: min(60vh, 640px); height: min(60dvh, 640px); }
#lightboxImg { object-fit: contain; }
/* Restore the original single 20-cell frame; keep changes inside Gallery. */
#galeri { padding-block:clamp(2.5rem,4vw,4rem); }
#galleryViewport { min-width:0; max-width:100%; }
#galleryGrid { align-items:start; }
#galleryGrid > .gallery-item > div { aspect-ratio:4/3; width:100%; overflow:hidden; }
#galleryGrid .gallery-item .kazka-photo-slot { width:100%; height:100%; }
.gallery-empty-tile > div { display:flex; align-items:center; justify-content:center; border-radius:1rem; }
.gallery-empty-tile .material-symbols-outlined { color:var(--kazka-muted); opacity:.5; }
#galleryGrid .gallery-item:focus-visible { outline:3px solid var(--kazka-amber); outline-offset:3px; }
#lightboxModal button { min-width:44px; min-height:44px; }
#lightboxModal button:disabled { opacity:.45; cursor:default; }
@media (min-width:768px) { #galeri #galleryGrid { grid-template-columns:repeat(5,minmax(0,1fr)); } }
@media (max-width:767px) { #lightboxModal { touch-action:pan-y; } }