:root {
  --het-fruit-pink: rgb(147, 18, 123);
  --het-fruit-paars: rgb(50, 8, 42);
  --het-fruit-geel: rgb(237, 196, 1);
  --het-fruit-geel-o5: rgb(237, 196, 1,0.5);
  --het-fruit-rood: rgb(209, 0, 23);
  --het-fruit-rood-o5: rgb(209, 0, 23,0.5);
  --het-fruit-oranje: rgb(236, 162, 13);
  --het-fruit-groen: rgb(69, 128, 7);
  --het-fruit-lemon: rgb(149, 191, 13);
  --het-fruit-light-grey: #EFEFEF;

  .hf-scrollToTopBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 2%;
    z-index: 99;
    font-size: 16px;
    border: none;
    outline: none;
    background-color: #555;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 4px;
  }

  .hf-scrollToTopBtn:hover {
    background-color: #777;
  }

  button.toggle-button{
    padding: 0 2em;
    margin-right: 1em;
  }

  .product-category-open{
    display: table-row;
  }

  .product-category-closed{
    display: none !important;
  }

  .tr-bg-red05{
    background-color: var(--het-fruit-rood-o5);
  }
}