/**
 * MobileHeaven — WooCommerce termékkártyák (bolt / kategória / keresés)
 *
 * Itt kizárólag a WooCommerce HIVATALOS, stabil osztályneveit használjuk
 * (ul.products li.product stb.) — ezek minden WooCommerce verzióban
 * ugyanazok maradnak, tehát ez a fájl frissítésbiztos.
 */

.woocommerce ul.products{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:24px;
}

.woocommerce ul.products li.product{
  background:#fff;
  border:1px solid var(--mh-line);
  border-radius:var(--mh-radius-lg);
  padding:20px;
  box-shadow:var(--mh-shadow);
  margin:0 !important;
  text-align:left;
}

.woocommerce ul.products li.product:hover{
  box-shadow:var(--mh-shadow-hover);
  transform:translateY(-5px);
}

.woocommerce ul.products li.product img{
  border-radius:var(--mh-radius);
  aspect-ratio:1/1;
  object-fit:contain;
  background:var(--mh-bg-soft);
  margin-bottom:16px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size:16px;
  font-weight:700;
  color:var(--mh-text);
  margin:0 0 6px;
  letter-spacing:-.01em;
}

.woocommerce ul.products li.product .price{
  font-size:17px;
  font-weight:800;
  color:var(--mh-text);
}
.woocommerce ul.products li.product .price del{
  color:var(--mh-muted);
  font-weight:500;
  opacity:.7;
}
.woocommerce ul.products li.product .price ins{
  text-decoration:none;
  color:var(--mh-text);
}

/* "Kosárba" gomb a kártyán */
.woocommerce ul.products li.product .button{
  width:100%;
  margin-top:14px;
  background:var(--mh-accent-soft);
  color:var(--mh-text);
  border:1px solid var(--mh-line);
  border-radius:999px;
  padding:11px 18px;
  font-weight:700;
  font-size:13.5px;
  text-align:center;
}
.woocommerce ul.products li.product .button:hover{
  background:var(--mh-text);
  color:#fff;
}

/* WooCommerce beépített "Elfogyott" / akciós jelvény */
.woocommerce span.onsale{
  background:var(--mh-text);
  border-radius:999px;
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
  min-height:auto;
  min-width:auto;
  padding:6px 12px;
  line-height:1;
  top:16px;
  left:16px;
}

/* rendezés/szűrés sáv finomítása, ha a Blocksy/WooCommerce megjeleníti */
.woocommerce-ordering select,
.woocommerce-result-count{
  border-radius:var(--mh-radius-sm);
  font-size:13.5px;
  color:var(--mh-muted);
}

@media (max-width: 1024px){
  .woocommerce ul.products{grid-template-columns:repeat(3, 1fr); gap:16px}
}
@media (max-width: 768px){
  .woocommerce ul.products{grid-template-columns:repeat(2, 1fr); gap:12px}
  .woocommerce ul.products li.product{padding:12px}
  .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:14px}
  .woocommerce ul.products li.product .price{font-size:15px}
}