/**
 * ExploreXR WooCommerce Integration Styles
 * 
 * Styles for 3D models in WooCommerce product pages.
 */

/* Model Container in Product Pages */
.explorexr-premium-woocommerce-model-container {
    margin: 30px 0;
    clear: both;
}

.explorexr-premium-woocommerce-model-container h2 {
    margin-bottom: 15px;
}

/* Model in Product Tabs */
.woocommerce-Tabs-panel--explorexr_3d_model {
    padding-top: 20px !important;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .explorexr-premium-woocommerce-model-container model-viewer {
        height: 50vh !important;
        min-height: 300px !important;
    }
}