/* LK ekosistem prezentacija — galerija screenshot-ova */
.lk-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    margin-top: 32px;
}
.lk-shot {
    margin: 0;
    background: var(--bg-card, rgba(255,255,255,.03));
    border: 1px solid var(--border, rgba(255,255,255,.08));
    border-radius: 14px;
    overflow: hidden;
    transition: transform .2s ease, border-color .2s ease;
    display: flex;
    flex-direction: column;
}
.lk-shot:hover {
    transform: translateY(-2px);
    border-color: var(--soft-purple, #8b5cf6);
}
.lk-shot picture { display: block; line-height: 0; }
.lk-shot img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 16 / 10;
}
.lk-shot.lk-shot-narrow img {
    aspect-ratio: 9 / 16;
    max-height: 520px;
    object-fit: contain;
    background: #0b0b0f;
}
.lk-shot.lk-shot-wide { grid-column: span 2; }
.lk-shot figcaption {
    font-size: .82rem;
    padding: 10px 14px;
    color: var(--text-muted, #aaa);
    border-top: 1px solid var(--border, rgba(255,255,255,.05));
    background: var(--bg-card, rgba(255,255,255,.02));
}
@media (max-width: 768px) {
    .lk-shot.lk-shot-wide { grid-column: span 1; }
    .lk-shot.lk-shot-narrow img { max-height: 600px; }
}