Commit dbec2396ea6 for woocommerce

commit dbec2396ea68e832fe625f70f94943a454f05794
Author: Tung Du <dinhtungdu@gmail.com>
Date:   Wed Aug 5 16:44:09 2026 +0700

    Fix: responsive Product Summary styles (#67356)

    fix: apply responsive Product Summary styles

diff --git a/plugins/woocommerce/changelog/fix-product-summary-responsive-styles b/plugins/woocommerce/changelog/fix-product-summary-responsive-styles
new file mode 100644
index 00000000000..d4f33255978
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-product-summary-responsive-styles
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Product Summary: apply responsive styles to current and legacy rendered summaries.
diff --git a/plugins/woocommerce/client/blocks/assets/js/atomic/blocks/product-elements/summary/block.json b/plugins/woocommerce/client/blocks/assets/js/atomic/blocks/product-elements/summary/block.json
index d7aa6c6ef2a..5b9a049e017 100644
--- a/plugins/woocommerce/client/blocks/assets/js/atomic/blocks/product-elements/summary/block.json
+++ b/plugins/woocommerce/client/blocks/assets/js/atomic/blocks/product-elements/summary/block.json
@@ -68,8 +68,10 @@
 			"__experimentalDefaultControls": {
 				"fontSize": true
 			}
-		},
-		"__experimentalSelector": ".wc-block-components-product-summary"
+		}
+	},
+	"selectors": {
+		"root": ".wp-block-woocommerce-product-summary.wc-block-components-product-summary, .wp-block-woocommerce-product-summary .wc-block-components-product-summary"
 	},
 	"ancestor": [
 		"woocommerce/all-products",
diff --git a/plugins/woocommerce/client/blocks/assets/js/atomic/blocks/product-elements/summary/block.tsx b/plugins/woocommerce/client/blocks/assets/js/atomic/blocks/product-elements/summary/block.tsx
index b6de7130b66..482e569d146 100644
--- a/plugins/woocommerce/client/blocks/assets/js/atomic/blocks/product-elements/summary/block.tsx
+++ b/plugins/woocommerce/client/blocks/assets/js/atomic/blocks/product-elements/summary/block.tsx
@@ -116,6 +116,8 @@ const Block = ( props: BlockProps ): JSX.Element | null => {
 		return (
 			<div
 				className={ clsx( className, summaryClassName, {
+					'wp-block-woocommerce-product-summary':
+						isDescendantOfAllProducts,
 					[ `${ parentClassName }__product-summary` ]:
 						parentClassName,
 				} ) }
@@ -139,6 +141,8 @@ const Block = ( props: BlockProps ): JSX.Element | null => {
 					styleProps.className,
 					summaryClassName,
 					{
+						'wp-block-woocommerce-product-summary':
+							isDescendantOfAllProducts,
 						[ `${ parentClassName }__product-summary` ]:
 							parentClassName,
 					}