.subpage-title{font-family:'Oswald',sans-serif; font-weight:700; text-transform:uppercase; font-size:32px; margin-bottom:8px;}

.post-list{display:flex; flex-direction:column; gap:20px; max-width:640px; margin-top:24px;}
.post-card{
  background:var(--white); border:1px solid var(--line); border-radius:var(--radius);
  overflow:hidden;
}
.post-photo{width:100%; height:auto; object-fit:contain; background:var(--paper-dim); display:block;}
.post-body{padding:18px 20px;}
.post-body h3{font-size:18px; margin-bottom:6px;}
.post-body p{font-size:14px; color:var(--muted); margin-top:8px;}

.review-grid{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
  gap:18px; margin-top:24px;
}
.review-item{
  background:var(--white); border:1px solid var(--line); border-radius:var(--radius);
  overflow:hidden; padding:0;
}
.review-item img{width:100%; height:auto; display:block;}
.review-caption{padding:10px 14px; font-size:13px; color:var(--muted);}

@media (max-width:600px){
  .subpage-title{font-size:26px;}
  .review-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));}

  /* Fotky vo Vyhodnotení na celú šírku obrazovky, bez prázdnych okrajov po bokoch */
  .post-list{max-width:none;}
  .post-card{
    border-radius:0;
    border-left:none; border-right:none;
    margin-left:-24px; margin-right:-24px;
    width:calc(100% + 48px);
  }
}

/* --- Lightbox (zväčšenie fotky, posúvanie medzi ďalšími) --- */
.lightbox-overlay{
  display:none; position:fixed; inset:0; z-index:9999;
  background:rgba(15,23,18,0.94);
  align-items:center; justify-content:center;
}
.lightbox-overlay.open{display:flex;}
.lightbox-img{max-width:90vw; max-height:85vh; object-fit:contain; border-radius:8px;}
.lightbox-close{
  position:absolute; top:18px; right:22px; background:none; border:none;
  color:#fff; font-size:34px; line-height:1; cursor:pointer; padding:4px 10px;
}
.lightbox-prev, .lightbox-next{
  position:absolute; top:50%; transform:translateY(-50%);
  background:rgba(255,255,255,0.12); border:none; color:#fff;
  font-size:20px; width:48px; height:48px; border-radius:50%; cursor:pointer;
}
.lightbox-prev{left:16px;}
.lightbox-next{right:16px;}
.lightbox-prev:hover, .lightbox-next:hover{background:rgba(255,255,255,0.24);}
.lightbox-counter{
  position:absolute; bottom:22px; left:50%; transform:translateX(-50%);
  color:rgba(255,255,255,0.75); font-size:13px; font-family:'JetBrains Mono',monospace;
}
@media (max-width:600px){
  .lightbox-prev, .lightbox-next{width:40px; height:40px; font-size:16px;}
}

.post-thumb-strip{display:flex; gap:6px; margin-top:10px; flex-wrap:wrap;}
.post-thumb-strip img{width:52px; height:52px; object-fit:cover; border-radius:6px; border:1px solid var(--line);}