/* WooCommerce layout fixes for Ruihalo */
.single-product .product { display: flex !important; flex-wrap: wrap; gap: 20px; }
.single-product .product .woocommerce-product-gallery { flex: 0 0 45%; max-width: 45%; }
.single-product .product .summary { flex: 0 0 50%; max-width: 50%; }
@media (max-width: 768px) {
    .single-product .product .woocommerce-product-gallery,
    .single-product .product .summary { flex: 0 0 100%; max-width: 100%; }
}