webupdate

website/assets/css/modern-theme.css

@@ -705,7 +705,9 @@ body {
 
 .product-card {
   position: relative;
-  background: var(--bg-card);
+  display: flex;
+  flex-direction: column;
+  background: #ffffff;
   border-radius: var(--radius-lg);
   overflow: hidden;
   transition: var(--transition-smooth);
@@ -721,15 +723,16 @@ body {
 .product-image {
   position: relative;
   width: 100%;
-  padding-top: 100%;
-  background: var(--primary-pink-light);
+  aspect-ratio: 1 / 1;
+  background: #ffffff;
   overflow: hidden;
+  flex-shrink: 0;
+  margin: 0;
+  padding: 0;
 }
 
 .product-image img {
-  position: absolute;
-  top: 0;
-  left: 0;
+  display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
@@ -1431,7 +1434,7 @@ body {
    ============================================ */
 .about-hero {
   text-align: center;
-  padding: var(--spacing-2xl) 0;
+  padding: var(--spacing-lg) 0;
   background: linear-gradient(135deg, var(--primary-pink-light) 0%, var(--primary-pink) 100%);
 }
 
@@ -1830,7 +1833,7 @@ body {
    ============================================ */
 .page-header {
   background: linear-gradient(135deg, var(--primary-pink-light) 0%, var(--primary-pink) 100%);
-  padding: var(--spacing-2xl) 0;
+  padding: var(--spacing-lg) 0;
   text-align: center;
 }