/* ═══════════════════════════════════════════════════════════════
   Bubble Post Grid v7.5.0 — bubble-post-grid.css
   ═══════════════════════════════════════════════════════════════ */

.bpg-outer {
    width: 100% !important;
    position: relative !important;
}

.bpg-clip {
    width: 100% !important;
    overflow: hidden !important;
    position: relative !important;
}

.bpg-track {
    display: flex !important;
    align-items: stretch !important;
    will-change: transform;
}

.bpg-rows {
    display: flex !important;
    flex-direction: column !important;
    flex-shrink: 0 !important;
}

.bpg-row {
    display: flex !important;
    flex-direction: row !important;
}

.bpg-item {
    position: relative !important;
    overflow: hidden !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: #111 !important;
    transition: opacity 0.2s ease !important;
}

.bpg-item img {
    position: absolute !important;
    top: 0 !important; left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
    border-radius: 0 !important;
    pointer-events: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.bpg-item.bpg-filler {
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    pointer-events: none !important;
}

.bpg-no-posts { color: #666 !important; font-style: italic !important; }