/* Układ i przeglądanie galerii — aktualizacja 2026-09-28. */
.home-gallery .photo-grid > a:nth-of-type(n+4){display:none}
@media(max-width:700px){
  .home-gallery .photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .home-gallery .photo-grid > a:nth-of-type(4){display:block}
  .home-gallery .photo-grid > a:nth-of-type(n+5){display:none}
}
.primary-button,.outline-button{transition:transform 180ms ease;transform-origin:center}
.primary-button:hover{background:var(--accent)}
.outline-button:hover{background:transparent}
@media(hover:hover) and (pointer:fine){
  .primary-button:hover,.outline-button:hover{transform:scale(1.025)}
}
.photo-grid [data-photo]{animation:photo-appear 400ms ease both}
.photo-grid [data-photo]:nth-of-type(2){animation-delay:60ms}
.photo-grid [data-photo]:nth-of-type(3){animation-delay:120ms}
.photo-grid [data-photo]:nth-of-type(4){animation-delay:180ms}
.photo-grid [data-photo]:nth-of-type(5){animation-delay:240ms}
.photo-grid [data-photo]:nth-of-type(6){animation-delay:300ms}
@keyframes photo-appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.mg-lightbox{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#080808;color:#fff;overflow:hidden}
.mg-lightbox::backdrop{background:#080808fa}
.mg-viewer{height:100%;display:flex;align-items:center;justify-content:center;padding:70px 76px 65px;position:relative;touch-action:pan-y pinch-zoom}
.mg-viewer img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;user-select:none;-webkit-user-select:none}
.mg-lightbox button{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid #ffffff55;border-radius:50%;background:#161b1de6;color:#fff;font:32px/1 Arial,sans-serif;cursor:pointer;touch-action:manipulation}
.mg-lightbox button:hover{background:#303638}
.mg-lightbox button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.mg-lightbox button:disabled{opacity:.25;cursor:default}
.mg-lightbox [data-close]{right:20px;top:16px}
.mg-lightbox [data-prev]{left:16px;top:calc(50% - 24px)}
.mg-lightbox [data-next]{right:16px;top:calc(50% - 24px)}
.mg-counter{position:absolute;bottom:18px;left:0;right:0;text-align:center;margin:0;font-size:16px;font-variant-numeric:tabular-nums}
.mg-image-error{position:absolute;left:15%;right:15%;text-align:center;background:#101010;padding:12px}
.mg-image-error[hidden]{display:none}
body.mg-viewer-open{overflow:hidden}
@media(max-width:700px){
  .mg-viewer{padding:70px 8px 70px}
  .mg-lightbox button{width:44px;height:44px;font-size:28px}
  .mg-lightbox [data-prev]{left:8px;top:auto;bottom:12px}
  .mg-lightbox [data-next]{right:8px;top:auto;bottom:12px}
  .mg-counter{bottom:20px;left:60px;right:60px}
}
@media(prefers-reduced-motion:reduce){
  .photo-grid [data-photo]{animation:none}
  .primary-button,.outline-button,.photo-grid img{transition:none}
  .primary-button:hover,.outline-button:hover,.photo-grid a:hover img{transform:none}
}

.selected-photos{list-style:none;margin:0;padding:0}.selected-photos li{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:8px 0}.selected-photos span{overflow-wrap:anywhere;min-width:0}.selected-photos button{padding:8px 12px;background:transparent;border:1px solid #777777;border-radius:4px;color:inherit;font:inherit;cursor:pointer;flex-shrink:0}.form-error[hidden]{display:none}