.elementor-kit-8{--e-global-color-primary:#854443;--e-global-color-secondary:#854443;--e-global-color-text:#FFFFFF;--e-global-color-accent:#FFFFFF;--e-global-color-fdefe5d:#854443;--e-global-color-55d104c:#85444330;--e-global-color-d263608:#000000;--e-global-color-5439c3a:#FFFFFF;--e-global-typography-primary-font-family:"Heebo";--e-global-typography-primary-font-size:2vw;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Heebo";--e-global-typography-secondary-font-size:1.3vw;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-size:1.6vw;--e-global-typography-text-font-weight:700;--e-global-typography-accent-font-family:"Heebo";--e-global-typography-accent-font-size:1.4vw;--e-global-typography-accent-font-weight:400;--e-global-typography-68abf7c-font-family:"Heebo";--e-global-typography-68abf7c-font-size:3vw;--e-global-typography-68abf7c-font-weight:600;--e-global-typography-ebf391d-font-family:"Heebo";--e-global-typography-ebf391d-font-size:2vw;--e-global-typography-ebf391d-font-weight:400;--e-global-typography-d3ea6c8-font-family:"Heebo";--e-global-typography-d3ea6c8-font-size:2vw;--e-global-typography-d3ea6c8-font-weight:400;--e-global-typography-2668026-font-family:"Heebo";--e-global-typography-2668026-font-weight:400;--e-global-typography-d2f6451-font-family:"Open Sans Hebrew";--e-global-typography-d2f6451-font-size:22px;--e-global-typography-d2f6451-font-weight:400;--e-global-typography-403bbc2-font-size:5vw;--e-global-typography-e5cf65e-font-family:"Open Sans Hebrew";--e-global-typography-e5cf65e-font-size:2vw;--e-global-typography-e5cf65e-font-weight:800;--e-global-typography-b497c46-font-family:"Open Sans Hebrew";--e-global-typography-b497c46-font-size:22px;--e-global-typography-b497c46-font-weight:800;font-family:"Heebo";font-size:0.7vw;font-weight:600;letter-spacing:0.7px;word-spacing:2px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1600px){.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{font-size:18px;}}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:780px){.elementor-kit-8{--e-global-typography-ebf391d-font-size:20px;--e-global-typography-d3ea6c8-font-size:20px;--e-global-typography-2668026-font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */אהה הבנתי עכשיו 💡 – את רוצה **לגרום לכך שכל המוצרים יהיו באותה גובה**, כלומר שהכרטיסים (product cards) יתיישרו בצורה אחידה גם אם התוכן (שם, מחיר) שונה, וגם **למרכז אותם** בתוך השורה.

אפשר לעשות את זה עם **CSS מודרני (Flex + Align)**:

```css
/* מיישר את כל מוצרי ה-WooCommerce לגובה אחיד ומרכז אותם */
.woocommerce ul.products {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* מרכז את השורה */
    gap: 20px; /* רווח בין המוצרים */
}

.woocommerce ul.products li.product {
    display: flex;
    flex-direction: column; /* מאפשר שהכרטיס יתפוס גובה מלא */
    align-items: center; /* מרכז את התוכן בתוך הכרטיס */
    flex: 1 1 23%; /* מתאם ל-4 מוצרים בשורה */
    box-sizing: border-box;
}

/* מבטיח שכל תמונת המוצר והכרטיס יהיו באותו גובה */
.woocommerce ul.products li.product .woocommerce-LoopProduct-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%; /* כרטיס יכסה את כל הגובה */
}
```

✅ מה שזה עושה:

1. כל המוצרים יהיו באותו גובה, בלי קשר לאורך שם או מחיר.
2. התמונות והטקסט יהיו ממורכזים בתוך הכרטיס.
3. המוצרים יהיו במרכז השורה עם רווח אחיד ביניהם.

---

אם את רוצה, אני יכולה להכין **גרסה רספונסיבית מלאה** – שתראה מעולה גם בטלפון ובטאבלט, בלי שהכרטיסים ייהרסו.

רוצה שאעשה את זה?/* End custom CSS */