<turbo-stream action="append" target="products_grid"><template>
    

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/nirwana-chocolate-stick-organic-22-g-13320">
          <img alt="Nirwana Chocolate Stick Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6446/file/small-1aef1abca5c49b93fb46eb478a6895b8.webp 600w, https://assets.fabulous.ch/public/variant_asset/6446/file/medium-d448013e2689ed76d059adb427dcab18.webp 900w, https://assets.fabulous.ch/public/variant_asset/6446/file/large-5036f283638aaf6606659198e1718be9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6446/file/medium-d448013e2689ed76d059adb427dcab18.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/en/products/nirwana-chocolate-stick-organic-22-g-13320">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nirwana Chocolate Stick Organic, 22 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.00
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 9.09 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-13320-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2yHGkIjRY6SYQ_juLD-dEDidLwvJJ0R7ryZRofWORaZpMgaabizagUubWas8RUVYd8ZLLlOqBpiwKAZB7Ui8hA" />
    <input value="13320" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Add to cart
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/cuisine-ohne-muhhh-cooking-cream-organic-200-ml-13322">
          <img alt="Cuisine Ohne Muhhh Cooking Cream Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6449/file/small-7b9a7e3eed511f0cb41f81e2a0d0595e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6449/file/medium-11aeac540303f1cad039bc9fb0b10f56.webp 900w, https://assets.fabulous.ch/public/variant_asset/6449/file/large-51b5e1c8eec3ed0b276999aab1ebefe8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6449/file/medium-11aeac540303f1cad039bc9fb0b10f56.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/en/products/cuisine-ohne-muhhh-cooking-cream-organic-200-ml-13322">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cuisine Ohne Muhhh Cooking Cream Organic, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.75 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-13322-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eZM_pKfZ-uXXAQyimhF6KPRefOilwlM1SIZjK-kxXr_LgP-uQSRDwATZreeKa6JguwUYzT9PEdZXiDTL8fennQ" />
    <input value="13322" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Add to cart
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/bbq-sauce-bio-230-g-13348">
          <img alt="BBQ-Sauce Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6450/file/small-a97c32a3945f397dbd3ca24b51b4c7a8.webp 600w, https://assets.fabulous.ch/public/variant_asset/6450/file/medium-a48b4db74d4c69842b438dc120d8bf36.webp 900w, https://assets.fabulous.ch/public/variant_asset/6450/file/large-3d22fcdf9e7028f1d13f5a9088ea687e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6450/file/medium-a48b4db74d4c69842b438dc120d8bf36.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Connie&#39;s Kitchen</p>
          <a href="/en/products/bbq-sauce-bio-230-g-13348">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">BBQ-Sauce Bio, 230 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.45
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.80 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-13348-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="izS1AiBVH0a7ACYxugkIeSSwnmA6ofMU6HTs_2b_YiE5J3UIxqimY2jYh3Sqc9Axa-v6RaAssff3ersffjmbAw" />
    <input value="13348" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Add to cart
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/peanut-butter-crunchy-1-kg-13364">
          <img alt="Peanut Butter Crunchy" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6458/file/small-457b055c33b12dd3bd67c9af229419a5.webp 600w, https://assets.fabulous.ch/public/variant_asset/6458/file/medium-abfd9fd0bdfc88a5498b25eac559effd.webp 900w, https://assets.fabulous.ch/public/variant_asset/6458/file/large-11e4f9af08fd58385844cef976757ec5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6458/file/medium-abfd9fd0bdfc88a5498b25eac559effd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pip &amp; Nut</p>
          <a href="/en/products/peanut-butter-crunchy-1-kg-13364">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peanut Butter Crunchy, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.65 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-13364-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="grhKwsQQpiw4SodV1iEHr8MhrMlE_nQF4d_fzPnCuOwwq4rIIu0fCeuSJhDGW9_njHrI7N5zNub-0Ygs4QRBzg" />
    <input value="13364" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Add to cart
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/brownie-batter-flavour-protein-bar-50-g-13365">
          <img alt="Brownie Batter Flavour Protein Bar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6459/file/small-2e330944bf3ffd373bb1242791f18fbc.webp 600w, https://assets.fabulous.ch/public/variant_asset/6459/file/medium-99118408ac973ccc70205b5345cb368e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6459/file/large-b4e47252e05aefc0c7e3b0a01d386a2d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6459/file/medium-99118408ac973ccc70205b5345cb368e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Misfits</p>
          <a href="/en/products/brownie-batter-flavour-protein-bar-50-g-13365">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Brownie Batter Flavour Protein Bar, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 6.80 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-13365-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BUb8xuySpnaWLhdu9NdvutJsnp0ARY3zRlDMtIbIBMO3VTzMCm8fU0X2tivkrbfynTf6uJrIzxBZXptUng794Q" />
    <input value="13365" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Add to cart
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/faltblatt-uber-fisch-8-g-13366">
          <img alt="Faltblatt: Über Fisch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6461/file/small-c84fa20edcf4f612149d7d261ab1752d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6461/file/medium-c8e7027af9d495b3434a2edf116575d2.webp 900w, https://assets.fabulous.ch/public/variant_asset/6461/file/large-378f53d3bd295c3e65bcfbfd111bdb3f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6461/file/medium-c8e7027af9d495b3434a2edf116575d2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Swissveg</p>
          <a href="/en/products/faltblatt-uber-fisch-8-g-13366">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Faltblatt: Über Fisch, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

          </div>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-13366-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="V_hsbETlVs6hlFMIjgu0Z3PSBB9Ja4yoxX7HyETIjvzl66xmohjv63JM8k2ecWwvPIlgOtPmzkvacJAoXA533g" />
    <input value="13366" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Add to cart
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/faltblatt-uber-fleisch-8-g-13367">
          <img alt="Faltblatt: Über Fleisch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6462/file/small-dd6f51ddaf09ac77cbc63d4f46c9eded.webp 600w, https://assets.fabulous.ch/public/variant_asset/6462/file/medium-cc143843c0c6792c634303aaab09f1c4.webp 900w, https://assets.fabulous.ch/public/variant_asset/6462/file/large-871b9f766f339f07b9daab54f023a018.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6462/file/medium-cc143843c0c6792c634303aaab09f1c4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Swissveg</p>
          <a href="/en/products/faltblatt-uber-fleisch-8-g-13367">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Faltblatt: Über Fleisch, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

          </div>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-13367-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lESyuCq3h-LERcUmBxQ82Cuoqy4zvykmpHSSmRZlLkkmV3KyzEo-xxedZGMXbuSQZPPPC6kya8W7esV5DqPXaw" />
    <input value="13367" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Add to cart
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/faltblatt-uber-milch-8-g-13368">
          <img alt="Faltblatt: Über Milch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6464/file/small-49a200a34100f827a6be6af74c9807ac.webp 600w, https://assets.fabulous.ch/public/variant_asset/6464/file/medium-337f58f9622db188eb053bce0846f7e9.webp 900w, https://assets.fabulous.ch/public/variant_asset/6464/file/large-78a2407da628ae6b1e5be01761a3df1f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6464/file/medium-337f58f9622db188eb053bce0846f7e9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Swissveg</p>
          <a href="/en/products/faltblatt-uber-milch-8-g-13368">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Faltblatt: Über Milch, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

          </div>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-13368-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6LiDVqkt6Jv2sI3Q8Ju-mslLukPPYsPouw7NrlepHIFaq0NcT9BRviVoLJXg4WbShhDeZlXvgQukAJpOT2_low" />
    <input value="13368" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Add to cart
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/faltblatt-uber-eier-8-g-13372">
          <img alt="Faltblatt: Über Eier" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6463/file/small-411c75ec3a31e4ce6e1c68d2177f2f05.webp 600w, https://assets.fabulous.ch/public/variant_asset/6463/file/medium-110e7892d3a0f2e76fb5a18da8ea1d05.webp 900w, https://assets.fabulous.ch/public/variant_asset/6463/file/large-cd1fc11f87d36e53f378d1cfeedcdec3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6463/file/medium-110e7892d3a0f2e76fb5a18da8ea1d05.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Swissveg</p>
          <a href="/en/products/faltblatt-uber-eier-8-g-13372">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Faltblatt: Über Eier, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

          </div>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-13372-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wk5sj4SxI0S5yuIcj87boNFbk3GxdF_1cTE9mVHi2StwXayFYkyaYWoSQ1mftAPongD3VCv5HRZuP2p5SSQgCQ" />
    <input value="13372" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Add to cart
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/faltblatt-fur-die-umwelt-8-g-13379">
          <img alt="Faltblatt: Für die Umwelt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6466/file/small-b5efbacc29f859e0ddce41640bd4fe98.webp 600w, https://assets.fabulous.ch/public/variant_asset/6466/file/medium-14d8e28030ebc617d6a0ce2199e04d82.webp 900w, https://assets.fabulous.ch/public/variant_asset/6466/file/large-bb04727eca441c46b46acaee71d75e37.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6466/file/medium-14d8e28030ebc617d6a0ce2199e04d82.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Swissveg</p>
          <a href="/en/products/faltblatt-fur-die-umwelt-8-g-13379">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Faltblatt: Für die Umwelt, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

          </div>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-13379-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nXkzUU6bYrJoRhtgzb_n4A45T33ncBcaG8RYdGpNIqkvavNbqGbbl7ueuiXdxT-oQWIrWH39VfkEyg-Ucovbiw" />
    <input value="13379" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Add to cart
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/faltblatt-fur-die-gesundheit-8-g-13380">
          <img alt="Faltblatt: Für die Gesundheit" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6467/file/small-82dda7cda806dc4a55719c7b422739b2.webp 600w, https://assets.fabulous.ch/public/variant_asset/6467/file/medium-8d1061919a7f77ec89dd226d40e30996.webp 900w, https://assets.fabulous.ch/public/variant_asset/6467/file/large-6cb30efa8ba9aecf990f83af4b114dba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6467/file/medium-8d1061919a7f77ec89dd226d40e30996.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Swissveg</p>
          <a href="/en/products/faltblatt-fur-die-gesundheit-8-g-13380">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Faltblatt: Für die Gesundheit, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

          </div>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-13380-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gIuMBg8wbAqUR-6ks0Imog2lpIrPDJAtCNebAMavX0kymEwM6c3VL0efT-GjOP7qQv7Ar1WB0s4X2czg3mmmaw" />
    <input value="13380" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Add to cart
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/faltblatt-fur-die-tiere-8-g-13381">
          <img alt="Faltblatt: Für die Tiere" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6468/file/small-0ff198db2aa43369f34e4486761d52a0.webp 600w, https://assets.fabulous.ch/public/variant_asset/6468/file/medium-009a9c5d234152ffd3c9dce4bb26d629.webp 900w, https://assets.fabulous.ch/public/variant_asset/6468/file/large-4d224b655b8ade7f8b26b9025468e0ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6468/file/medium-009a9c5d234152ffd3c9dce4bb26d629.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Swissveg</p>
          <a href="/en/products/faltblatt-fur-die-tiere-8-g-13381">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Faltblatt: Für die Tiere, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

          </div>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-13381-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7O9tQsMKtKUVTtqJTB31yfgFKDZfSizw0bS4O_h38Mhe_K1IJfcNgMaWe8xcZy2Bt15ME8XHbhPOuu_b4LEJ6g" />
    <input value="13381" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Add to cart
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/faltblatt-fur-firmen-8-g-13382">
          <img alt="Faltblatt: Für Firmen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6470/file/small-8b4d584734db960266c04aca7cf7060c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6470/file/medium-f6c3aeff0246a4b591eb8c25d077324d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6470/file/large-b0b570719d722e532a3681acb01c6963.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6470/file/medium-f6c3aeff0246a4b591eb8c25d077324d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Swissveg</p>
          <a href="/en/products/faltblatt-fur-firmen-8-g-13382">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Faltblatt: Für Firmen, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

          </div>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-13382-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="M_m_aEPWgSpYrtuI13lBMXrLdLNjGZcRRIzvCBEBcgeB6n9ipSs4D4t2es3HA5l5NZAQlvmU1fJbgrjoCceLJQ" />
    <input value="13382" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Add to cart
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/faltblatt-uber-swissveg-8-g-13383">
          <img alt="Faltblatt: Über Swissveg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6471/file/small-0d171971fdcdf59dbb3aaf780d84ef36.webp 600w, https://assets.fabulous.ch/public/variant_asset/6471/file/medium-07e0467cc83d38d6d59267f0680f7e16.webp 900w, https://assets.fabulous.ch/public/variant_asset/6471/file/large-f56b17689e7d34dc816a0258b1235aa2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6471/file/medium-07e0467cc83d38d6d59267f0680f7e16.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Swissveg</p>
          <a href="/en/products/faltblatt-uber-swissveg-8-g-13383">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Faltblatt: Über Swissveg, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

          </div>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-13383-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z4QOszH9eQVb_kLxRWrVftRxNQymu-5HqK_eJo7Ls_TVl8651wDAIIgm47RVEA02mypRKTw2rKS3oYnGlg1K1g" />
    <input value="13383" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Add to cart
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/broschure-vegan-warum-und-wie-20-g-13384">
          <img alt="Broschüre: Vegan - Warum und Wie?" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6472/file/small-4df4294840d35ef93d4ca448bce977e4.webp 600w, https://assets.fabulous.ch/public/variant_asset/6472/file/medium-bf0b4c695fccfdd60fdac4ab3bd68fa2.webp 900w, https://assets.fabulous.ch/public/variant_asset/6472/file/large-12ca1b5ce40651e923cdd669d94de3f6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6472/file/medium-bf0b4c695fccfdd60fdac4ab3bd68fa2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Swissveg</p>
          <a href="/en/products/broschure-vegan-warum-und-wie-20-g-13384">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Broschüre: Vegan - Warum und Wie?, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

          </div>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-13384-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oqfho3khWjYB_mwFaJ3PhjtFeXxaORT80jf2bBondmsQtCGpn9zjE9ImzUB45xfOdB4dWcC0Vh_NOaGMAuGPSQ" />
    <input value="13384" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Add to cart
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/broschure-vegan-fur-die-tiere-20-g-13385">
          <img alt="Broschüre: Vegan - Für die Tiere" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6473/file/small-b02afd1b51ac20ddae74cadabf5a0ede.webp 600w, https://assets.fabulous.ch/public/variant_asset/6473/file/medium-3d5b53f24992877f040b6755be4b0c9e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6473/file/large-f3276101d5e9f001fe9e1b924ad9f816.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6473/file/medium-3d5b53f24992877f040b6755be4b0c9e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Swissveg</p>
          <a href="/en/products/broschure-vegan-fur-die-tiere-20-g-13385">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Broschüre: Vegan - Für die Tiere, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

          </div>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-13385-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3YAV4F9LZSib3ukdurzD9-prrZKvH-45RFPiScBo_yJvk9XqubbcDUgGSFiqxhu_pTDJtzWSrNpbXbWp2K4GAA" />
    <input value="13385" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Add to cart
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/broschure-vegan-fur-die-gesundheit-20-g-13386">
          <img alt="Broschüre: Vegan - Für die Gesundheit" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6474/file/small-8dbe74b512f32b6eee2302b36e87317b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6474/file/medium-cc64dea537aa3e562fa5b7e4b3389047.webp 900w, https://assets.fabulous.ch/public/variant_asset/6474/file/large-490f82e46d11edfb4545da33322aef12.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6474/file/medium-cc64dea537aa3e562fa5b7e4b3389047.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Swissveg</p>
          <a href="/en/products/broschure-vegan-fur-die-gesundheit-20-g-13386">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Broschüre: Vegan - Für die Gesundheit, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

          </div>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-13386-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7qe1r9oi-OkzUfwcN43ESH3TcnbUpF2PUt5l7sGgb2xctHWlPN9BzOCJXVkn9xwAMogWU04pH2xN0DIO2WaWTg" />
    <input value="13386" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Add to cart
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/broschure-vegan-fur-die-umwelt-20-g-13387">
          <img alt="Broschüre: Vegan - Für die Umwelt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6475/file/small-0b621ac4124aff3c219ad180aa3cb21c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6475/file/medium-5632b8b0e58677da63fab425446e9948.webp 900w, https://assets.fabulous.ch/public/variant_asset/6475/file/large-edf8490c7a679576b61fff40baa9d0e6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6475/file/medium-5632b8b0e58677da63fab425446e9948.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Swissveg</p>
          <a href="/en/products/broschure-vegan-fur-die-umwelt-20-g-13387">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Broschüre: Vegan - Für die Umwelt, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

          </div>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-13387-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5MQV698sQ3q8v8eJH2VJy1zWWFaCziLpjxDpJDu6kE9W19XhOdH6X29nZswPH5GDE408cxhDYAqQHr7EI3xpbQ" />
    <input value="13387" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Add to cart
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/depliant-a-propos-des-poissons-8-g-13388">
          <img alt="Dépliant: À Propos des Poissons" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6476/file/small-28f051bd5b9de4f7e0deaf847fa82ebe.webp 600w, https://assets.fabulous.ch/public/variant_asset/6476/file/medium-a63b087a688286e35e1c3c717652a9ad.webp 900w, https://assets.fabulous.ch/public/variant_asset/6476/file/large-b61cdb0ad4021790f4ac38c7a3011ca5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6476/file/medium-a63b087a688286e35e1c3c717652a9ad.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Swissveg</p>
          <a href="/en/products/depliant-a-propos-des-poissons-8-g-13388">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dépliant: À Propos des Poissons, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

          </div>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-13388-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Rz07IySQknhyf6t_XNr1iRD9OwpSV-Gky-IsGiNiC4_1Lvspwm0rXaGnCjpMoC3BX6ZfL8jao0fU7Hv6O6TyrQ" />
    <input value="13388" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Add to cart
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/depliant-a-propos-de-la-viande-8-g-13389">
          <img alt="Dépliant: À Propos de la Viande" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6477/file/small-a662b4f644ade8b73a1e8d38f805bb32.webp 600w, https://assets.fabulous.ch/public/variant_asset/6477/file/medium-90d2ef282bcf02756a27a47ec61082ac.webp 900w, https://assets.fabulous.ch/public/variant_asset/6477/file/large-e37d27030db0d5202898d2277ab1b982.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6477/file/medium-90d2ef282bcf02756a27a47ec61082ac.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Swissveg</p>
          <a href="/en/products/depliant-a-propos-de-la-viande-8-g-13389">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dépliant: À Propos de la Viande, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

          </div>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-13389-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5WuL80sWeyei__f00238Sm4C7Lve4RVJAR62Po_tWfBXeEv5revCAnEnVrHDFyQCIVmInkRsV6oeEOHelyug0g" />
    <input value="13389" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Add to cart
</button>    </div>
</form>
      </div>
    </div>
  </div>



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      2&#39;140 of 3&#39;168 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/rosenrot-naturkosmetik?format=turbo_stream&amp;page=108">Show more</a>
  </div>
</div>

</template></turbo-stream>