/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

/* ── Artikelübersicht: runder Warenkorb-Button ─────────────────────────────
   Im Theme steht der Text "In den Warenkorb" ohne <span> im Icon-Button
   (product.tpl) und läuft deshalb über den Kreis hinaus. Text visuell
   ausblenden (bleibt für Screenreader lesbar), Icon mittig. */
.product-grid .product-btn-icon button.add-to-cart.btn {
  font-size: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.product-grid .product-btn-icon button.add-to-cart.btn i {
  font-size: 20px;
  line-height: 1;
  margin: 0;
}
@media (max-width: 991px) {
  .product-grid .product-btn-icon button.add-to-cart.btn i {
    font-size: 14px;
  }
}