.x13favoriteproduct__btn .material-icons {
    font-size: 3rem !important;
  }
  
  .x13favoriteproduct__btn--icon {
    height: 100%;
    display: flex;
    align-items: center;
  }
  
  /* Style dla serduszka - wersja domyślna (niewypełniona) */
  .wishlist-button-product svg path {
      fill: none !important;
      stroke: #000 !important;
      stroke-width: 2px !important;
  }
  
  /* Style dla serduszka - wersja aktywna (wypełniona) */
  .wishlist-button-product.added svg path {
      fill: #000 !important;
      stroke: #000 !important;
  }
  
  /* Dodatkowe style dla kontenera serduszka */
  .wishlist-button-product {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      background: transparent !important;
      border: none !important;
      padding: 5px !important;
  }
  
  /* Media query dla wersji mobilnej */
  @media (max-width: 767px) {
      .wishlist-button-product svg path {
          fill: none !important;
          stroke: #000 !important;
          stroke-width: 2px !important;
      }
      
      .wishlist-button-product.added svg path {
          fill: #000 !important;
          stroke: #000 !important;
      }
  }
  
  /* Style dla serduszka */
  article.product-miniature > div > div > button > span > i {
      position: absolute !important;
      right: 10px !important;
      top: 10px !important;
      stroke-width: 1px !important; /* Cieńsza obwódka */
  }
  
  /* Style dla kontenera serduszka */
  article.product-miniature > div > div > button {
      position: relative !important;
      background: none !important;
      border: none !important;
      padding: 0 !important;
      margin: 0 !important;
  }
  
  /* Style dla SVG serduszka */
  article.product-miniature > div > div > button svg path {
      stroke-width: 1px !important;
  }
  
  /* Dodatkowe style dla hover */
  article.product-miniature > div > div > button:hover {
      background: none !important;
      border: none !important;
  }