.elementor-167910 .elementor-element.elementor-element-dd0b30b{--display:flex;--background-transition:0.3s;}/* Start custom CSS for shortcode, class: .elementor-element-c79105d *//* === WooCommerce mobile product list – compact === */
@media (max-width: 767px){

  /* 1 בעמודה – אפשר לשנות ל-2 בעמודה, ראה בסוף */
  .woocommerce ul.products,
  .woocommerce-page ul.products{
    display:grid !important;
    grid-template-columns: 1fr !important; /* <- שנה ל- repeat(2,minmax(0,1fr)) אם תרצה 2 בעמודה */
    gap: 10px !important;
    margin:0 !important; padding:0 !important;
  }

  /* ביטול ה-columns וה-floats של התבנית */
  .woocommerce ul.products[class*="columns-"] li.product,
  .woocommerce-page ul.products[class*="columns-"] li.product{
    width:auto !important; float:none !important; clear:none !important;
    margin:0 !important;
  }

  /* כרטיס מוצר קומפקטי + גובה מינימלי אחיד */
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product{
    display:grid !important;
    grid-template-rows: auto 1fr auto auto;
    min-height: 360px;         /* שנה לפי הטעם */
    background:#fff; border:1px solid #eee; border-radius:8px; overflow:hidden;
  }

  /* תמונה – לא לתת לה “לאכול” את כל המסך */
  .woocommerce ul.products li.product a.woocommerce-LoopProduct-link img,
  .woocommerce ul.products li.product a.woocommerce-LoopProduct-link .attachment-woocommerce_thumbnail,
  .woocommerce-page ul.products li.product a.woocommerce-LoopProduct-link img{
    width:100% !important;
    height:auto !important;
    max-height: 210px !important; /* <- זה מה שמקטין בפועל */
    aspect-ratio: 4 / 3;          /* אפשר 1/1 אם תעדיף ריבוע */
    object-fit: contain !important;
    display:block !important;
  }

  /* כותרת/מחיר/כפתור קומפקטיים */
  .woocommerce .woocommerce-loop-product__title{
    font-size:13px; line-height:1.35;
    min-height:3.7em; margin:8px 10px 0;
    display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
  }

  .woocommerce ul.products li.product .price{ margin:6px 10px 0; align-self:end; }

  .woocommerce ul.products li.product .button,
  .woocommerce ul.products li.product .added_to_cart{
    width:calc(100% - 20px); margin:8px 10px 12px;
    border-radius:999px; padding:9px 10px; font-size:13px;
  }
}/* End custom CSS */