body { font-family: Arial, sans-serif; margin:0; padding:0; background:#fff; color:#222; line-height:1.6; }
h1,h2{margin:0 0 15px 0;color:#111;}
p{margin:0 0 10px 0;}
a{color:#005;text-decoration:none;}
a:hover{text-decoration:underline;}

/* Header и навигация */
header { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:20px; background:#222; color:#fff; }
header h1 { margin:0 20px 0 0; font-size:1.5rem; flex-shrink:0; }
header nav { display:flex; gap:15px; flex-wrap:wrap; justify-content:center; }
header nav a { color:#fff; text-decoration:none; font-weight:500; }

/* Masonry Gallery */
.gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  grid-auto-rows: 10px;
  gap: 12px;
}
.gallery-grid > * { display: block; }

.gallery-grid img,
.gallery-grid video {
  width: 100%;
  display: block;
  border-radius: 8px;
  object-fit: contain;    /* vertical снимки се виждат цели */
  background: #f0f0f0;   /* фон за вертикални снимки */
  cursor: pointer;
  box-shadow: 0 6px 20px rgba(0,0,0,0.12);
  transition: transform .15s, box-shadow .15s;
}

.gallery-grid img:hover,
.gallery-grid video:hover {
  transform: scale(1.03);
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

/* Folder links */
.folder-link {
  display:inline-block;
  padding:8px 12px;
  background:#0b5bd7;
  color:#fff;
  border-radius:6px;
  text-decoration:none;
  margin:6px;
}

/* Lightbox */
#lightbox img,
#lightbox video {
  max-width: 90vw;
  max-height: 90vh;
  width: auto;
  height: auto;
  object-fit: contain;
  border-radius: 10px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.8);
}

/* Responsive */
@media (max-width: 768px) {
  header nav a { padding: 12px 18px; font-size: 16px; display: inline-block; margin: 5px 8px; }
  .gallery-grid a { padding: 6px; display: inline-block; }
}