Improve product tile styling with uniform sizing and theme inheritance

- Make all product images uniform size (300px height) with object-fit: cover
- Equalize product tile containers using flexbox layout
- Inherit site colors and fonts instead of hardcoding white background
- Add proper flexbox structure for consistent tile heights

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

css/fw-store-embed.css

@@ -8,17 +8,29 @@
 }
 
 .product-tile {
-    align-content: center;
-    vertical-align: bottom;
-    background: white;
-    display:inline-block;
+    align-content: flex-start;
+    vertical-align: top;
+    display:inline-flex;
+    flex-direction: column;
     width:225px;
     margin:15px 15px 15px 15px;
+    background: inherit;
+}
 
+.product-tile .product-link {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    text-decoration: none;
+    color: inherit;
 }
 
 .product-tile img {
-    max-height: 350px;
+    width: 100%;
+    height: 300px;
+    object-fit: cover;
+    object-position: center;
+    display: block;
 }
 
 .image__badges {
@@ -39,6 +51,28 @@
 .tile__heading {
     font-size: 0.88em;  /* Reduced font size for product titles */
     font-weight: bold;
+    margin: 0.5em 0;
+    color: inherit;
+    font-family: inherit;
+}
+
+.tile__description {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    padding: 10px 5px;
+    color: inherit;
+    font-family: inherit;
+}
+
+.tile__prices {
+    margin-top: auto;
+    padding-top: 0.5em;
+}
+
+.tile__price {
+    color: inherit;
+    font-family: inherit;
 }
 
 /* Admin page styles */