/**
 * Productpagina: GLB vervangt de fotogalerij — zelfde gridplek als .woocommerce-product-gallery.
 */

.pcs-woo-shop.single-product .pcs-product-glb-images {
    margin: 0;
    padding: 0;
}

.pcs-woo-shop.single-product .pcs-product-glb-gallery {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    background: rgba(12, 12, 12, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Zelfde element heeft .woocommerce-product-gallery — Woo plugin-CSS kan opacity:0 forceren */
.pcs-woo-shop.single-product .woocommerce-product-gallery.pcs-product-glb-gallery {
    opacity: 1 !important;
    transition: none !important;
}

.pcs-woo-shop.single-product .pcs-product-glb-model {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 12rem;
    background: transparent;
    outline: none;
}

@media (min-width: 900px) {
    .pcs-woo-shop.single-product .pcs-product-glb-model {
        min-height: min(72vh, 560px);
    }
}

/* Sale badge blijft boven het model (z-index zoals loop) */
.pcs-woo-shop.single-product .pcs-product-glb-gallery > .onsale,
.pcs-woo-shop.single-product .pcs-product-glb-gallery > span.onsale,
.pcs-woo-shop.single-product .pcs-product-glb-gallery > span.pcs-sale-badge {
    position: absolute;
    z-index: 4;
}
