<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="/fr/products/preparation-pour-pain-sans-gluten-farine-mixture-universal-bio-800-g-4916">
          <img alt="Préparation pour Pain Sans Gluten Farine Mixture Universal Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2912/file/small-2eaba9acfd1f62869ec1a6f9e3131aa1.webp 600w, https://assets.fabulous.ch/public/variant_asset/2912/file/medium-7cc43939f48e932c968f7e799697d879.webp 900w, https://assets.fabulous.ch/public/variant_asset/2912/file/large-afadd17caa3de83f5a9a9fd66c68978c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2912/file/medium-7cc43939f48e932c968f7e799697d879.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">Bauckhof</p>
          <a href="/fr/products/preparation-pour-pain-sans-gluten-farine-mixture-universal-bio-800-g-4916">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Préparation pour Pain Sans Gluten Farine Mixture Universal Bio, 800 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="moC-xeDkJHkNgK9KB1t3-0eYyPd-mvuUlDTspuOd0JfSEYhx6ALJ366_IUnsErf1KUjL25cBssV0CkwPi_w0hQ" />
    <input value="4916" 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>
          Ajouter au panier
</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="/fr/products/farine-melange-preparation-gateau-sans-gluten-bio-800-g-4917">
          <img alt="Farine Mélange Préparation gâteau Sans Gluten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2915/file/small-81922ed63874ae4815b8e1688ed078c5.webp 600w, https://assets.fabulous.ch/public/variant_asset/2915/file/medium-8c92fc1e9b8af20475f1deaca137ee2a.webp 900w, https://assets.fabulous.ch/public/variant_asset/2915/file/large-6df324b04e149cfcd70a7d7bdd33e0fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2915/file/medium-8c92fc1e9b8af20475f1deaca137ee2a.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">Bauckhof</p>
          <a href="/fr/products/farine-melange-preparation-gateau-sans-gluten-bio-800-g-4917">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Farine Mélange Préparation gâteau Sans Gluten Bio, 800 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.35
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hyKFOBny5BHlZBXnyXRpWFJotiLLS5TLYHff2U8dr7bPs7OMERQJt0Zbm-QiPalWPLi1DiLQ3ZqASX9wJ3xLpA" />
    <input value="4917" 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>
          Ajouter au panier
</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="/fr/products/choco-balls-sans-gluten-bio-275-g-5042">
          <img alt="Choco Balls sans gluten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2972/file/small-1c04e5885a1e3230fb10681bff6784f7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2972/file/medium-8e29767b840f1408c3dcd1428c4fdf4f.webp 900w, https://assets.fabulous.ch/public/variant_asset/2972/file/large-362bdadc525e49667054316ea1efe7ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2972/file/medium-8e29767b840f1408c3dcd1428c4fdf4f.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">Bauckhof</p>
          <a href="/fr/products/choco-balls-sans-gluten-bio-275-g-5042">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Choco Balls sans gluten Bio, 275 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NVnF1z8ZtVaUlJCBeB-yJChdC_MRILv9uwOFoTp1ZKJ9yPNjN_9Y8DerHoKTVnIqRo0I3_i78qxbPSUIUhSAsA" />
    <input value="5042" 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>
          Ajouter au panier
</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="/fr/products/muesli-petit-dejeuner-croustillant-chocolat-noir-sans-gluten-bio-300-g-5043">
          <img alt="Muesli Petit Déjeuner Croustillant Chocolat Noir Sans Gluten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2977/file/small-ad845eb238fd64146dc9ae81f69a3407.webp 600w, https://assets.fabulous.ch/public/variant_asset/2977/file/medium-7416cd306b46dcf03736f690fdd96374.webp 900w, https://assets.fabulous.ch/public/variant_asset/2977/file/large-66ce54755939b6bc63603dfd407ac425.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2977/file/medium-7416cd306b46dcf03736f690fdd96374.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">Bauckhof</p>
          <a href="/fr/products/muesli-petit-dejeuner-croustillant-chocolat-noir-sans-gluten-bio-300-g-5043">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Muesli Petit Déjeuner Croustillant Chocolat Noir Sans Gluten Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HWOcx_EYdya-BddeYTBS7EKLKKIs_001RxZWOnbg9sZV8qpz-f6agB06WV2KeZLiLFsrjsVkBGSnKPaTHoES1A" />
    <input value="5043" 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>
          Ajouter au panier
</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="/fr/products/chapelure-d-epeautre-bio-200-g-5044">
          <img alt="Chapelure d’épeautre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2976/file/small-bbe1dff8f456d01396c092ceac4e15a9.webp 600w, https://assets.fabulous.ch/public/variant_asset/2976/file/medium-d62d5f4f003c873b3e3b9d9c07c85ace.webp 900w, https://assets.fabulous.ch/public/variant_asset/2976/file/large-589a0bcb4748a4779fda376ada2be5ae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2976/file/medium-d62d5f4f003c873b3e3b9d9c07c85ace.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">Bauckhof</p>
          <a href="/fr/products/chapelure-d-epeautre-bio-200-g-5044">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chapelure d’épeautre Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7jEJ7HxW0NFXLt3hNJGYf_JR50jHWPrGTCdKIpV73HGmoD9YdLA9d_QRU-Lf2FhxnIHkZC7Ds5esGeqL_Ro4Yw" />
    <input value="5044" 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>
          Ajouter au panier
</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="/fr/products/chapelure-mais-sans-gluten-sans-levure-bio-200-g-5045">
          <img alt="Chapelure Maïs Sans Gluten Sans Levure Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2978/file/small-4b2792ac4fc2323e030fafe9774f0a66.webp 600w, https://assets.fabulous.ch/public/variant_asset/2978/file/medium-c9166df195a0f9a2226ff21804e7b991.webp 900w, https://assets.fabulous.ch/public/variant_asset/2978/file/large-7d452061eae11ae2cd3672dc8849ebf7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2978/file/medium-c9166df195a0f9a2226ff21804e7b991.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">Bauckhof</p>
          <a href="/fr/products/chapelure-mais-sans-gluten-sans-levure-bio-200-g-5045">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chapelure Maïs Sans Gluten Sans Levure Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cykZBJ7KWbVgCIdhFT3ZUOEpS1frXA1mPPjScbWm0e87uC-wliy0E8M3CWL-dBlej_lIewLHRDfcxnLY3cc1_Q" />
    <input value="5045" 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>
          Ajouter au panier
</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="/fr/products/flocons-5-grain-flocons-sans-gluten-demeter-475-g-5046">
          <img alt="Flocons 5-Grain Flocons Sans Gluten Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2979/file/small-aadf69da8c27dc6ece8371b4e40b00be.webp 600w, https://assets.fabulous.ch/public/variant_asset/2979/file/medium-7c467ccb5df428c5c6a6658121666518.webp 900w, https://assets.fabulous.ch/public/variant_asset/2979/file/large-092f4ece569a499b3effd995bd705535.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2979/file/medium-7c467ccb5df428c5c6a6658121666518.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">Bauckhof</p>
          <a href="/fr/products/flocons-5-grain-flocons-sans-gluten-demeter-475-g-5046">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flocons 5-Grain Flocons Sans Gluten Demeter, 475 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="129QZMFQEUKthHEwj01iwh7Fo8aB0ibi_WORCg6ZWLyf_mbQybb85A67_zNkBKLMcBWg6mhJb7MdXTGjZvi8rg" />
    <input value="5046" 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>
          Ajouter au panier
</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="/fr/products/flocons-avoine-sans-gluten-fin-bio-475-g-5047">
          <img alt="Flocons Avoine Sans Gluten Fin Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2981/file/small-3dad3ac7ecde9a2cefde1a7ec55f0083.webp 600w, https://assets.fabulous.ch/public/variant_asset/2981/file/medium-88d66d69ebf69274fafdb7df8325c3ab.webp 900w, https://assets.fabulous.ch/public/variant_asset/2981/file/large-ebe2aef4632cf83064404b8446bc86a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2981/file/medium-88d66d69ebf69274fafdb7df8325c3ab.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">Bauckhof</p>
          <a href="/fr/products/flocons-avoine-sans-gluten-fin-bio-475-g-5047">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flocons Avoine Sans Gluten Fin Bio, 475 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R4NSbrI6ayk75cp-0GlYMn4ZXldefnvkkM0yD43Dl4UPEmTautyGj5jaRH07IJg8EMlde7flMrVw85Km5aJzlw" />
    <input value="5047" 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>
          Ajouter au panier
</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="/fr/products/mix-pour-pate-a-pizza-epautre-demeter-350-g-5049">
          <img alt="Mix pour Pâte à Pizza épautre Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2982/file/small-24c1f0d3eeaed88e6880439a83f521da.webp 600w, https://assets.fabulous.ch/public/variant_asset/2982/file/medium-e9721c108fac0758c79caeba8e0b7873.webp 900w, https://assets.fabulous.ch/public/variant_asset/2982/file/large-f0405acd403b1a995c6becc1b701f691.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2982/file/medium-e9721c108fac0758c79caeba8e0b7873.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">Bauckhof</p>
          <a href="/fr/products/mix-pour-pate-a-pizza-epautre-demeter-350-g-5049">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mix pour Pâte à Pizza épautre Demeter, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ooitWE9FLeLiYENHy43m-hQgtwvOaRcCeeUVzIC_fM_qGZvsR6PAREFfzUQgxCb0evC0JyfyXlOZ27Vl6N6Y3Q" />
    <input value="5049" 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>
          Ajouter au panier
</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="/fr/products/preparation-pour-pain-wunderbrod-sans-gluten-bio-600-g-5073">
          <img alt="Préparation pour Pain Wunderbrød Sans Gluten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2988/file/small-759e4a2627a3e568ac401e4c5ec8e4df.webp 600w, https://assets.fabulous.ch/public/variant_asset/2988/file/medium-b9fdad422f8763a8d1d357e988c47798.webp 900w, https://assets.fabulous.ch/public/variant_asset/2988/file/large-0f724ee644e251ed9cc763723699e45d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2988/file/medium-b9fdad422f8763a8d1d357e988c47798.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">Bauckhof</p>
          <a href="/fr/products/preparation-pour-pain-wunderbrod-sans-gluten-bio-600-g-5073">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Préparation pour Pain Wunderbrød Sans Gluten Bio, 600 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="30y06cWZ1ST2Ti8vasB_8YAVZQ0ys6nkPpqaWdDzzTqX3YJdzX84glVxoSyBib__7sVmIdso4LXepDrwuJIpKA" />
    <input value="5073" 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>
          Ajouter au panier
</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="/fr/products/preparation-pour-brownies-au-chocolat-sans-gluten-bio-400-g-7ce00833-657a-40c6-8a60-a818bc2c0fbb-5143">
          <img alt="Préparation pour Brownies au chocolat Sans Gluten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3025/file/small-3b4bb4597d8026fa469e4412bae393ec.webp 600w, https://assets.fabulous.ch/public/variant_asset/3025/file/medium-33ffea3db687dceb2644240d70a2eb98.webp 900w, https://assets.fabulous.ch/public/variant_asset/3025/file/large-008fdd2c0b16175122d442a975dcb352.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3025/file/medium-33ffea3db687dceb2644240d70a2eb98.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">Bauckhof</p>
          <a href="/fr/products/preparation-pour-brownies-au-chocolat-sans-gluten-bio-400-g-7ce00833-657a-40c6-8a60-a818bc2c0fbb-5143">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Préparation pour Brownies au chocolat Sans Gluten Bio, 400 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 1.61 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zNyrGkSUam_WeiZs1X1oMX5wROpgNUCMza_EZ-OuLiOETZ2uTHKHyXVFqG8-NKg_EKBHxomuCd0tkWTOi8_KMQ" />
    <input value="5143" 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>
          Ajouter au panier
</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="/fr/products/preparation-pour-pain-wunderbrod-avec-noix-et-amandes-sans-gluten-bio-600-g-5374">
          <img alt="Préparation pour Pain Wunderbrød avec Noix et Amandes Sans Gluten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3126/file/small-0a155a82af682d69f4f3dea8209ded3f.webp 600w, https://assets.fabulous.ch/public/variant_asset/3126/file/medium-3901c19a5313acf3bfd71bc3bd4008a5.webp 900w, https://assets.fabulous.ch/public/variant_asset/3126/file/large-b5be55ce85f9a64f7d2704a94bfb2429.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3126/file/medium-3901c19a5313acf3bfd71bc3bd4008a5.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">Bauckhof</p>
          <a href="/fr/products/preparation-pour-pain-wunderbrod-avec-noix-et-amandes-sans-gluten-bio-600-g-5374">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Préparation pour Pain Wunderbrød avec Noix et Amandes Sans Gluten Bio, 600 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IHfY_DsGn5xybBttTNZR2M__UhuYoSwY0TXTSmLRy6ho5u5IM-ByOtFTlW6nn5HWoS9RN3E6ZUkxC3PjCrAvug" />
    <input value="5374" 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>
          Ajouter au panier
</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="/fr/products/farine-d-amandes-partiellement-deshuilee-bio-200-g-5545">
          <img alt="Farine d&#39;Amandes partiellement déshuilée Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3220/file/small-584dd916d4af09b139542bf076d0901d.webp 600w, https://assets.fabulous.ch/public/variant_asset/3220/file/medium-42ff039499bf425421e1d73a6cd007b8.webp 900w, https://assets.fabulous.ch/public/variant_asset/3220/file/large-7c49c90559d3cf0a97bec6681b98b283.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3220/file/medium-42ff039499bf425421e1d73a6cd007b8.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">Bauckhof</p>
          <a href="/fr/products/farine-d-amandes-partiellement-deshuilee-bio-200-g-5545">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Farine d&#39;Amandes partiellement déshuilée Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YWVBKsG4DuKGR43W3jjhNJFg5pB79aSIGbS3NdBFi3Mp9HeeyV7jRCV4A9U1cSE6_7DlvJJu7dn5ihecuCRvYQ" />
    <input value="5545" 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>
          Ajouter au panier
</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="/fr/products/farine-de-noix-de-coco-bio-250-g-5546">
          <img alt="Farine de Noix de Coco Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3223/file/small-b967ba05fa5b79ad9bde34a875b7e6e8.webp 600w, https://assets.fabulous.ch/public/variant_asset/3223/file/medium-793de52337f853e784da59e0d913a7fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/3223/file/large-2482cf5da5485f8355fa1da41f3a49f6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3223/file/medium-793de52337f853e784da59e0d913a7fa.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">Bauckhof</p>
          <a href="/fr/products/farine-de-noix-de-coco-bio-250-g-5546">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Farine de Noix de Coco Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MeRxCBuuoqTSfcFnBVnqb9MVFnF9KYeUgW5l0uC1L7t5dUe8E0hPAnFCT2TuECphvcUVXZSyzsVhUMV7iNTLqQ" />
    <input value="5546" 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>
          Ajouter au panier
</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="/fr/products/farine-d-avoine-sans-gluten-demeter-350-g-5600">
          <img alt="Farine d&#39;Avoine Sans Gluten Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3242/file/small-a4e126ba8920b80faee3149a7000435c.webp 600w, https://assets.fabulous.ch/public/variant_asset/3242/file/medium-68010d187b7ae583fe5ffeeee206c74a.webp 900w, https://assets.fabulous.ch/public/variant_asset/3242/file/large-c7b59fb773cee2957654d5139d3eb94f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3242/file/medium-68010d187b7ae583fe5ffeeee206c74a.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">Bauckhof</p>
          <a href="/fr/products/farine-d-avoine-sans-gluten-demeter-350-g-5600">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Farine d&#39;Avoine Sans Gluten Demeter, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EIWwkWcW2TayIl5gbZTNayXy7yQBlq6iAH4KYZ48GeJYFIYlb_A0kBEd0GOG3Q1lSyLsCOgN5_PgQKrI9l398A" />
    <input value="5600" 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>
          Ajouter au panier
</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="/fr/products/cereales-birchermuesli-avoine-sans-gluten-sans-sucres-ajoutes-bio-425-g-5753">
          <img alt="Céréales Birchermüesli Avoine Sans Gluten Sans sucres ajoutés Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3322/file/small-5480e9bd88a9b03c2eacad3a4ab2f526.webp 600w, https://assets.fabulous.ch/public/variant_asset/3322/file/medium-ffd23943f505c39051d8d79095a6d7e2.webp 900w, https://assets.fabulous.ch/public/variant_asset/3322/file/large-78a4def9ab98fdd3bf36ed21fe4e4c02.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3322/file/medium-ffd23943f505c39051d8d79095a6d7e2.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">Bauckhof</p>
          <a href="/fr/products/cereales-birchermuesli-avoine-sans-gluten-sans-sucres-ajoutes-bio-425-g-5753">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Céréales Birchermüesli Avoine Sans Gluten Sans sucres ajoutés Bio, 425 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="96Vy-phxNtvjYA16e2-BFgYMpmNAweptGaiJFkDS3x2_NEROkJfbfUBfg3mQJkEYaNylT6laozz5lim_KLM7Dw" />
    <input value="5753" 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>
          Ajouter au panier
</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="/fr/products/porridge-hot-hafer-baies-sans-gluten-sans-sucres-ajoutes-bio-400-g-5754">
          <img alt="Porridge Hot Hafer Baies Sans Gluten Sans sucres ajoutés Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3325/file/small-e3f2152f8f1f0257f3997db1cf094092.webp 600w, https://assets.fabulous.ch/public/variant_asset/3325/file/medium-217b6c259a21025166975fcdb9f2887d.webp 900w, https://assets.fabulous.ch/public/variant_asset/3325/file/large-3c70e601f9e73db3e06cb2c78a26de76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3325/file/medium-217b6c259a21025166975fcdb9f2887d.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">Bauckhof</p>
          <a href="/fr/products/porridge-hot-hafer-baies-sans-gluten-sans-sucres-ajoutes-bio-400-g-5754">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Porridge Hot Hafer Baies Sans Gluten Sans sucres ajoutés Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NOrjTWGPYjQBq8viXoLkzO_BUmI6CPY9XwatoUA-8eV8e9X5aWmPkqKUReG1yyTCgRFRTtOTv2y_OA0IKF8V9w" />
    <input value="5754" 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>
          Ajouter au panier
</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="/fr/products/puree-de-pommes-sans-sucre-ajoute-bio-700-g-6007">
          <img alt="Purée de pommes Sans sucre ajouté Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3444/file/small-f2ec2e0f62f6536eea592fc8d6a627eb.webp 600w, https://assets.fabulous.ch/public/variant_asset/3444/file/medium-95a7512f34f1bb842632aa8d02e8d6a6.webp 900w, https://assets.fabulous.ch/public/variant_asset/3444/file/large-b519d9a6c00f5a8f909151cc9f84b61d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3444/file/medium-95a7512f34f1bb842632aa8d02e8d6a6.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">Bauckhof</p>
          <a href="/fr/products/puree-de-pommes-sans-sucre-ajoute-bio-700-g-6007">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Purée de pommes Sans sucre ajouté Bio, 700 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dDlMOFYwEdJcrgTvHlI0vuVSGxOfwKKRpBlMJ3C9-7Q8qHqMXtb8dP-Riuz1G_Swi4IYP3Zb68BEJ-yOGNwfpg" />
    <input value="6007" 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>
          Ajouter au panier
</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="/fr/products/puree-de-pommes-mangue-sans-sucre-ajoute-bio-360-g-6008">
          <img alt="Purée de pommes mangue  Sans sucre ajouté Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3445/file/small-c468af6d940d08590afead9f67355282.webp 600w, https://assets.fabulous.ch/public/variant_asset/3445/file/medium-aec1df787442fcb95e86269f015a416b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3445/file/large-9a7719c1b1da548f0e246040d1494e00.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3445/file/medium-aec1df787442fcb95e86269f015a416b.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">Bauckhof</p>
          <a href="/fr/products/puree-de-pommes-mangue-sans-sucre-ajoute-bio-360-g-6008">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Purée de pommes mangue  Sans sucre ajouté Bio, 360 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VPrwzL1mYQR-K-DWsJhezcSmHVEzW0rc7w1C5Fz3-yIca8Z4tYCMot0UbtVb0Z7DqnYefdrAA40PM-JNNJYfMA" />
    <input value="6008" 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>
          Ajouter au panier
</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="/fr/products/son-d-avoine-sans-gluten-demeter-300-g-6193">
          <img alt="Son d&#39;avoine Sans gluten Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3558/file/small-6acd7ac6b003389e3036a24763629602.webp 600w, https://assets.fabulous.ch/public/variant_asset/3558/file/medium-db96ade2337c46235169f89933d9d8c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/3558/file/large-114e9c4fc51e2ee0d2d1664720151490.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3558/file/medium-db96ade2337c46235169f89933d9d8c8.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">Bauckhof</p>
          <a href="/fr/products/son-d-avoine-sans-gluten-demeter-300-g-6193">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Son d&#39;avoine Sans gluten Demeter, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SFwP9fZ8fPFIEf-VjjqofUJVaHjxizjdxo3WyImW5t8AzTlB_pqRV-sucZZlc2hzLIVrVBgQcYwms3Zh4fcCzQ" />
    <input value="6193" 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>
          Ajouter au panier
</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">
      40 sur 56 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/manufacturers/bauckhof?format=turbo_stream&amp;page=3">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>