/* BE COOL — Galerija page styles (extracted from galerija.html <style> block) */
* { box-sizing: border-box; }
html, body { overflow-x: clip; max-width: 100%; }
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body { margin: 0; font-family: var(--font-body); background: var(--bg-page); color: var(--text-body); }
img { display: block; max-width: 100%; }
@keyframes galFade { from { opacity: 0; } to { opacity: 1; } }

/* masonry via JS-distributed flex columns (guarantees a fixed column count) */
.gal-masonry { display: flex; align-items: flex-start; gap: 16px; }
.gal-col { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; }
@media (max-width: 780px) { .gal-masonry { gap: 12px; } }
.gal-item {
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
}
@media (max-width: 780px) { .gal-item { margin-bottom: 12px !important; } }