/* === CONTENEDOR GENERAL === */
.bpg-gallery {
    display: flex !important;
    gap: 20px !important;
    margin: 30px 0 !important;
    align-items: flex-start !important;
    clear: both;
}

/* === IMAGEN PRINCIPAL === */
.bpg-main {
    flex: 1 !important;
    max-width: 500px !important;
    width: 100% !important;
}

.bpg-main img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: cover;
    border: 1px solid #eee;
}

/* === MINIATURAS === */
.bpg-thumbs {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    flex-shrink: 0 !important;
}

.bpg-thumbs img {
    width: 80px !important;
    height: 80px !important;
    object-fit: cover !important;
    cursor: pointer;
    border: 1px solid #ddd;
    opacity: 0.6;
    transition: all 0.3s ease;
    display: block !important;
}

.bpg-thumbs img:hover {
    opacity: 1;
}

.bpg-thumbs img.active {
    border: 2px solid #000;
    opacity: 1;
}

/* === FIX BETHEME / CHROME === */
@supports (-webkit-appearance:none) {
    .bpg-gallery {
        overflow: visible !important;
    }
}