/* WooCommerce Frontend - Responsive 360° Showcase */
.optimal360-woo-showcase {
    width: 100%;
    margin-bottom: 20px;
}

.optimal360-woo-embed-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 8px;
    background: #f5f5f5;
}

.optimal360-woo-iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .optimal360-woo-showcase {
        margin-bottom: 15px;
    }
    
    .optimal360-woo-embed-wrapper {
        border-radius: 4px;
    }
}

/* Match WooCommerce gallery width */
.woocommerce div.product div.images .optimal360-woo-showcase {
    width: 100%;
}

/* If inside the summary column, take full width */
.woocommerce div.product .optimal360-woo-showcase {
    max-width: 100%;
}