/* Non tocchiamo titolo, descrizione o hover della card: restano quelli originali del tema. */
.js-product-miniature form.add-to-cart-or-refresh {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  flex-wrap: wrap !important;
  margin-top: 7px !important;
}

.js-product-miniature form.add-to-cart-or-refresh .cmh-qty-control {
  display: inline-flex !important;
  align-items: stretch !important;
  justify-content: center !important;
  position: relative !important;
  z-index: 50 !important;
  pointer-events: auto !important;
}

.js-product-miniature form.add-to-cart-or-refresh .cmh-qty-btn {
  width: 25px !important;
  min-width: 25px !important;
  height: 30px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid #cfcfcf !important;
  background: #fff !important;
  color: #252323 !important;
  font-size: 17px !important;
  line-height: 28px !important;
  text-align: center !important;
  cursor: pointer !important;
  box-shadow: none !important;
  position: relative !important;
  z-index: 52 !important;
  pointer-events: auto !important;
}

.js-product-miniature form.add-to-cart-or-refresh .cmh-qty-btn:hover,
.js-product-miniature form.add-to-cart-or-refresh .cmh-qty-btn:focus {
  border-color: #ea5b0c !important;
  color: #ea5b0c !important;
  outline: none !important;
}

.js-product-miniature form.add-to-cart-or-refresh .cmh-qty-btn:disabled {
  opacity: .45 !important;
  cursor: not-allowed !important;
}

.js-product-miniature form.add-to-cart-or-refresh .cmh-product-list-qty {
  display: inline-block !important;
  position: relative !important;
  z-index: 51 !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 30px !important;
  padding: 2px 4px !important;
  margin: 0 -1px !important;
  border: 1px solid #cfcfcf !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #252323 !important;
  -webkit-text-fill-color: #252323 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  font-size: 14px !important;
  line-height: 28px !important;
  text-align: center !important;
  box-sizing: border-box !important;
  appearance: textfield !important;
  -moz-appearance: textfield !important;
}

.js-product-miniature form.add-to-cart-or-refresh .cmh-product-list-qty::-webkit-outer-spin-button,
.js-product-miniature form.add-to-cart-or-refresh .cmh-product-list-qty::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

.js-product-miniature form.add-to-cart-or-refresh .cmh-product-list-qty:focus {
  outline: 1px solid #ea5b0c !important;
  outline-offset: 1px !important;
}

.js-product-miniature form.add-to-cart-or-refresh .cmh-product-list-qty.cmh-qty-invalid {
  border-color: #d63638 !important;
  outline: 1px solid #d63638 !important;
  outline-offset: 0 !important;
}

.js-product-miniature form.add-to-cart-or-refresh .cmh-qty-message {
  display: none;
  flex: 0 0 100%;
  width: 100%;
  margin: 4px 0 0 !important;
  color: #d63638 !important;
  font-size: 10.5px !important;
  line-height: 1.2 !important;
  text-align: center !important;
  font-weight: 600 !important;
}

.js-product-miniature form.add-to-cart-or-refresh .cmh-qty-message.is-visible {
  display: block !important;
}

.js-product-miniature form.add-to-cart-or-refresh .add-to-cart.cmh-qty-blocked {
  opacity: .55 !important;
  cursor: not-allowed !important;
}

@media (max-width: 767px) {
  .js-product-miniature form.add-to-cart-or-refresh {
    gap: 3px !important;
  }
  .js-product-miniature form.add-to-cart-or-refresh .cmh-qty-btn {
    width: 28px !important;
    min-width: 28px !important;
    height: 34px !important;
  }
  .js-product-miniature form.add-to-cart-or-refresh .cmh-product-list-qty {
    width: 42px !important;
    min-width: 42px !important;
    height: 34px !important;
  }
}
\n\n/* Mantiene visibile solo il titolo originale del tema durante l'hover.\n   Non tocchiamo .product-desc (con trattino), che e un testo duplicato del tema. */\n.js-product-miniature:hover .product_desc .inner_desc h3,\n.js-product-miniature .product_desc .inner_desc h3 {\n  opacity: 1 !important;\n  visibility: visible !important;\n}\n\n/* Un po' di respiro tra titolo/prezzo e selettore quantita. */\n.js-product-miniature .product_desc .inner_desc ul.add-to-links {\n  margin-top: 8px !important;\n}\n