From e234ba6449c129a790323bff2326e571319451a2 Mon Sep 17 00:00:00 2001
From: magdev <magdev3.0@gmail.com>
Date: Sat, 28 Feb 2026 19:25:49 +0100
Subject: [PATCH] Fix product card images overlapping top border-radius

Add overflow-hidden to the card <article> so the card's own
border-radius clips the product image at the top corners.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 templates/content-product.html.twig | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/templates/content-product.html.twig b/templates/content-product.html.twig
index 65c190e..2cb33c8 100644
--- a/templates/content-product.html.twig
+++ b/templates/content-product.html.twig
@@ -21,7 +21,7 @@
  #}
 
 <div class="col">
-    <article class="card h-100 shadow-sm product">
+    <article class="card h-100 shadow-sm overflow-hidden product">
         {{ do_action('woocommerce_before_shop_loop_item') }}
 
         {# Product image with sale badge overlay #}