Add rounded borders to product images on TT4

assets/css/style.scss

@@ -12,6 +12,7 @@
 	}
 
 	img {
+		border-radius: inherit;
 		height: auto;
 		width: auto;
 		max-width: 100%;
@@ -24,6 +25,11 @@
 			border: 1px solid $image-placeholder-border-color;
 		}
 	}
+
+	// Theme-specific CSS
+	.theme-twentytwentyfour & {
+		border-radius: var(--wp--preset--spacing--20);
+	}
 }
 .edit-post-visual-editor .editor-block-list__block .wc-block-grid__product-title,
 .editor-styles-wrapper .wc-block-grid__product-title,

assets/js/atomic/blocks/product-elements/image/style.scss

@@ -51,6 +51,11 @@
 			margin: 0;
 		}
 	}
+
+	// Theme-specific CSS
+	.theme-twentytwentyfour & {
+		border-radius: var(--wp--preset--spacing--20);
+	}
 }
 
 .is-loading .wc-block-components-product-image {

assets/js/blocks/featured-items/style.scss

@@ -180,4 +180,9 @@
 	.wp-block-button.aligncenter {
 		text-align: center;
 	}
+
+	// Theme-specific CSS
+	.theme-twentytwentyfour & {
+		border-radius: var(--wp--preset--spacing--20);
+	}
 }