  <turbo-stream action="append" target="project-product-variants"><template><div class="product-box tw:group ">
  <div class="tw:w-full tw:h-full tw:bg-white tw:p-3 tw:pb-0">
    <a target="_top" href="/produits/adaline-sofa-bleu">
      <div class="img-box tw:relative">
          <img alt="Adaline - Sofa - Sarcelle" class="tw:object-contain tw:py-6 tw:px-6 tw:aspect-square tw:mx-auto" width="335" height="335" src="https://assets.dx.ca/product_variant_images/image/5294304ac9fddcafad605597ba497c64" />

        <div class="tw:block tw:px-4 tw:-mx-4 tw:-mb-4 tw:py-4 tw:grow ">
  <div class="desc-box tw:flex tw:mb-0 tw:gap-1">
            <p data-product-variant-card-target="productVariantName" class="tw:grow tw:mb-0 tw:w-full tw:overflow-hidden tw:transition-colors tw:duration-200 tw:ease-linear tw:!font-[Arial,'Helvetica_Neue',Helvetica,sans-serif] tw:text-[#474442]">
        <span data-product-variant-card-target="productVariantFirstWord" class="tw:uppercase tw:font-bold tw:leading-5.5 tw:tracking-wider tw:block tw:group-hover:text-[#3CAF9D] tw:xl:text-[0.9375rem]">
          Adaline
        </span>
        <span data-product-variant-card-target="productVariantRestOfName" class="tw:font-normal tw:leading-5.5 tw:tracking-wider  ">
          Sofa - Sarcelle
        </span>
      </p>

    <div class="plus-box tw:flex tw:justify-end tw:min-w-10 tw:max-w-10 tw:min-h-10 tw:max-h-10 tw:grow tw:self-start tw:bg-[#F2F2F2] tw:rounded-full tw:opacity-0 tw:transition-opacity tw:duration-200 tw:ease-linear tw:group-hover:opacity-100 tw:z-[5] tw:hover:bg-[#3CAF9D] tw:[&.added-to-truck]:bg-[#3CAF9D] tw:[&.added-to-truck]:opacity-100 tw:max-lg:!hidden tw:group/plus-box ">
      <span class="done-icon tw:hidden tw:w-full tw:relative tw:group-[.added-to-truck]/plus-box:block">
        <div class="tw:mt-[12px] tw:ml-[7px] tw:mr-[9px]">
          <img alt="Check" src="/vite/assets/camion-CU3BJx4f.svg" />
          <div class="tw:absolute tw:top-[-5px] tw:right-[-5px] tw:border-2 tw:border-solid tw:border-white tw:rounded-full tw:bg-[#3CAF9D] tw:w-[20px] tw:h-[20px] tw:p-[3px]">
            <img alt="Check" class="tw:w-full tw:h-full" src="/vite/assets/checkmark-BVdkxmwP.svg" />
          </div>
        </div>
      </span>
      <label for=add-to-truck-product_variant_1936 class="truck-label tw:block tw:w-full tw:cursor-pointer tw:group-[.added-to-truck]/plus-box:hidden" data-controller="stop-propagation">
        <div class="tw:mt-[12px] tw:ml-[7px] tw:mr-[9px]">
          <span class="!relative --dark tw:block tw:group-hover/plus-box:hidden tw:group-[.added-to-truck]/plus-box:hidden">
            <img alt="Check" src="/vite/assets/camion-dark-CsdRATIb.svg" />
          </span>
          <span class="!relative --light tw:hidden tw:group-hover/plus-box:block tw:group-[.added-to-truck]/plus-box:block">
            <img alt="Livraison" src="/vite/assets/ico-livraison-animated-loop-B4rm3cIn.svg" />
          </span>
        </div>
      </label>
    </div>
  </div>
</div>
      </div>
</a>  </div>

  <turbo-frame class="tw:h-0" id="product_variant_1936_add_to_cart">
    <form data-controller="add-to-cart" data-item-name="Adaline - Sofa - Sarcelle" data-item-id="1936" data-item-img="https://assets.dx.ca/product_variant_images/image/5294304ac9fddcafad605597ba497c64" class="simple_form new_product_variant_cart" id="new_product_variant_cart" action="/add_product" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vqP8VyLup6gx-zN0cl32BN0JRG7Wd2t7VJ3rFXHgBYxcbg0RT8YTHciXtj8JxVP_6akw79YFlr52REtU5PSlGg" autocomplete="off" />
      <div class="mb-3 hidden product_variant_cart_quantity"><input autocomplete="off" class="form-control hidden" value="+1" type="hidden" name="product_variant_cart[quantity]" id="product_variant_cart_quantity" /></div>
      <div class="mb-3 hidden product_variant_cart_product_variant_id"><input autocomplete="off" class="form-control hidden" value="1936" type="hidden" name="product_variant_cart[product_variant_id]" id="product_variant_cart_product_variant_id" /></div>
      <div class="mb-3 hidden product_variant_cart_cart_id"><input autocomplete="off" class="form-control hidden" type="hidden" name="product_variant_cart[cart_id]" id="product_variant_cart_cart_id" /></div>
      <div class="mb-3 hidden product_variant_cart_include_default_accessories"><input autocomplete="off" class="form-control hidden" value="true" type="hidden" name="product_variant_cart[include_default_accessories]" id="product_variant_cart_include_default_accessories" /></div>
      <input type="submit" name="commit" value="Ajouter au camion" class="d-none" id="add-to-truck-product_variant_1936" data-action="click-&gt;add-to-cart#addToCart" data-disable-with="Ajouter au camion" />
</form>  </turbo-frame>
</div>
</template></turbo-stream>
  <turbo-stream action="append" target="project-product-variants"><template><div class="product-box tw:group ">
  <div class="tw:w-full tw:h-full tw:bg-white tw:p-3 tw:pb-0">
    <a target="_top" href="/produits/adaline-fauteuil-jaune-ocre">
      <div class="img-box tw:relative">
          <img alt="Adaline - Fauteuil - Jaune antique" class="tw:object-contain tw:py-6 tw:px-6 tw:aspect-square tw:mx-auto" width="335" height="335" src="https://assets.dx.ca/product_variant_images/image/3e8cecab59a08263396fc0c03ec7551c" />

        <div class="tw:block tw:px-4 tw:-mx-4 tw:-mb-4 tw:py-4 tw:grow ">
  <div class="desc-box tw:flex tw:mb-0 tw:gap-1">
            <p data-product-variant-card-target="productVariantName" class="tw:grow tw:mb-0 tw:w-full tw:overflow-hidden tw:transition-colors tw:duration-200 tw:ease-linear tw:!font-[Arial,'Helvetica_Neue',Helvetica,sans-serif] tw:text-[#474442]">
        <span data-product-variant-card-target="productVariantFirstWord" class="tw:uppercase tw:font-bold tw:leading-5.5 tw:tracking-wider tw:block tw:group-hover:text-[#3CAF9D] tw:xl:text-[0.9375rem]">
          Adaline
        </span>
        <span data-product-variant-card-target="productVariantRestOfName" class="tw:font-normal tw:leading-5.5 tw:tracking-wider  ">
          Fauteuil - Jaune antique
        </span>
      </p>

    <div class="plus-box tw:flex tw:justify-end tw:min-w-10 tw:max-w-10 tw:min-h-10 tw:max-h-10 tw:grow tw:self-start tw:bg-[#F2F2F2] tw:rounded-full tw:opacity-0 tw:transition-opacity tw:duration-200 tw:ease-linear tw:group-hover:opacity-100 tw:z-[5] tw:hover:bg-[#3CAF9D] tw:[&.added-to-truck]:bg-[#3CAF9D] tw:[&.added-to-truck]:opacity-100 tw:max-lg:!hidden tw:group/plus-box ">
      <span class="done-icon tw:hidden tw:w-full tw:relative tw:group-[.added-to-truck]/plus-box:block">
        <div class="tw:mt-[12px] tw:ml-[7px] tw:mr-[9px]">
          <img alt="Check" src="/vite/assets/camion-CU3BJx4f.svg" />
          <div class="tw:absolute tw:top-[-5px] tw:right-[-5px] tw:border-2 tw:border-solid tw:border-white tw:rounded-full tw:bg-[#3CAF9D] tw:w-[20px] tw:h-[20px] tw:p-[3px]">
            <img alt="Check" class="tw:w-full tw:h-full" src="/vite/assets/checkmark-BVdkxmwP.svg" />
          </div>
        </div>
      </span>
      <label for=add-to-truck-product_variant_11 class="truck-label tw:block tw:w-full tw:cursor-pointer tw:group-[.added-to-truck]/plus-box:hidden" data-controller="stop-propagation">
        <div class="tw:mt-[12px] tw:ml-[7px] tw:mr-[9px]">
          <span class="!relative --dark tw:block tw:group-hover/plus-box:hidden tw:group-[.added-to-truck]/plus-box:hidden">
            <img alt="Check" src="/vite/assets/camion-dark-CsdRATIb.svg" />
          </span>
          <span class="!relative --light tw:hidden tw:group-hover/plus-box:block tw:group-[.added-to-truck]/plus-box:block">
            <img alt="Livraison" src="/vite/assets/ico-livraison-animated-loop-B4rm3cIn.svg" />
          </span>
        </div>
      </label>
    </div>
  </div>
</div>
      </div>
</a>  </div>

  <turbo-frame class="tw:h-0" id="product_variant_11_add_to_cart">
    <form data-controller="add-to-cart" data-item-name="Adaline - Fauteuil - Jaune antique" data-item-id="11" data-item-img="https://assets.dx.ca/product_variant_images/image/3e8cecab59a08263396fc0c03ec7551c" class="simple_form new_product_variant_cart" id="new_product_variant_cart" action="/add_product" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="F_4VOb-JNvM3SYHCm6Tp2bfcvl6l8FnTaJUV1iI50kr1M-R_0qGCRs4lBIngPEwig3zK36WCpBZKTLWXty1y3A" autocomplete="off" />
      <div class="mb-3 hidden product_variant_cart_quantity"><input autocomplete="off" class="form-control hidden" value="+1" type="hidden" name="product_variant_cart[quantity]" id="product_variant_cart_quantity" /></div>
      <div class="mb-3 hidden product_variant_cart_product_variant_id"><input autocomplete="off" class="form-control hidden" value="11" type="hidden" name="product_variant_cart[product_variant_id]" id="product_variant_cart_product_variant_id" /></div>
      <div class="mb-3 hidden product_variant_cart_cart_id"><input autocomplete="off" class="form-control hidden" type="hidden" name="product_variant_cart[cart_id]" id="product_variant_cart_cart_id" /></div>
      <div class="mb-3 hidden product_variant_cart_include_default_accessories"><input autocomplete="off" class="form-control hidden" value="true" type="hidden" name="product_variant_cart[include_default_accessories]" id="product_variant_cart_include_default_accessories" /></div>
      <input type="submit" name="commit" value="Ajouter au camion" class="d-none" id="add-to-truck-product_variant_11" data-action="click-&gt;add-to-cart#addToCart" data-disable-with="Ajouter au camion" />
</form>  </turbo-frame>
</div>
</template></turbo-stream>
  <turbo-stream action="append" target="project-product-variants"><template><div class="product-box tw:group ">
  <div class="tw:w-full tw:h-full tw:bg-white tw:p-3 tw:pb-0">
    <a target="_top" href="/produits/stella-coussin-bleu-clair">
      <div class="img-box tw:relative">
          <img alt="Stella coussin - Bleu baltique" class="tw:object-contain tw:py-6 tw:px-6 tw:aspect-square tw:mx-auto" width="335" height="335" src="https://assets.dx.ca/product_variant_images/image/1470a5e770cff95431a8f14d5ac47667" />

        <div class="tw:block tw:px-4 tw:-mx-4 tw:-mb-4 tw:py-4 tw:grow ">
  <div class="desc-box tw:flex tw:mb-0 tw:gap-1">
            <p data-product-variant-card-target="productVariantName" class="tw:grow tw:mb-0 tw:w-full tw:overflow-hidden tw:transition-colors tw:duration-200 tw:ease-linear tw:!font-[Arial,'Helvetica_Neue',Helvetica,sans-serif] tw:text-[#474442]">
        <span data-product-variant-card-target="productVariantFirstWord" class="tw:uppercase tw:font-bold tw:leading-5.5 tw:tracking-wider tw:block tw:group-hover:text-[#3CAF9D] tw:xl:text-[0.9375rem]">
          Stella
        </span>
        <span data-product-variant-card-target="productVariantRestOfName" class="tw:font-normal tw:leading-5.5 tw:tracking-wider  ">
          Coussin - Bleu baltique
        </span>
      </p>

    <div class="plus-box tw:flex tw:justify-end tw:min-w-10 tw:max-w-10 tw:min-h-10 tw:max-h-10 tw:grow tw:self-start tw:bg-[#F2F2F2] tw:rounded-full tw:opacity-0 tw:transition-opacity tw:duration-200 tw:ease-linear tw:group-hover:opacity-100 tw:z-[5] tw:hover:bg-[#3CAF9D] tw:[&.added-to-truck]:bg-[#3CAF9D] tw:[&.added-to-truck]:opacity-100 tw:max-lg:!hidden tw:group/plus-box ">
      <span class="done-icon tw:hidden tw:w-full tw:relative tw:group-[.added-to-truck]/plus-box:block">
        <div class="tw:mt-[12px] tw:ml-[7px] tw:mr-[9px]">
          <img alt="Check" src="/vite/assets/camion-CU3BJx4f.svg" />
          <div class="tw:absolute tw:top-[-5px] tw:right-[-5px] tw:border-2 tw:border-solid tw:border-white tw:rounded-full tw:bg-[#3CAF9D] tw:w-[20px] tw:h-[20px] tw:p-[3px]">
            <img alt="Check" class="tw:w-full tw:h-full" src="/vite/assets/checkmark-BVdkxmwP.svg" />
          </div>
        </div>
      </span>
      <label for=add-to-truck-product_variant_1950 class="truck-label tw:block tw:w-full tw:cursor-pointer tw:group-[.added-to-truck]/plus-box:hidden" data-controller="stop-propagation">
        <div class="tw:mt-[12px] tw:ml-[7px] tw:mr-[9px]">
          <span class="!relative --dark tw:block tw:group-hover/plus-box:hidden tw:group-[.added-to-truck]/plus-box:hidden">
            <img alt="Check" src="/vite/assets/camion-dark-CsdRATIb.svg" />
          </span>
          <span class="!relative --light tw:hidden tw:group-hover/plus-box:block tw:group-[.added-to-truck]/plus-box:block">
            <img alt="Livraison" src="/vite/assets/ico-livraison-animated-loop-B4rm3cIn.svg" />
          </span>
        </div>
      </label>
    </div>
  </div>
</div>
      </div>
</a>  </div>

  <turbo-frame class="tw:h-0" id="product_variant_1950_add_to_cart">
    <form data-controller="add-to-cart" data-item-name="Stella coussin - Bleu baltique" data-item-id="1950" data-item-img="https://assets.dx.ca/product_variant_images/image/1470a5e770cff95431a8f14d5ac47667" class="simple_form new_product_variant_cart" id="new_product_variant_cart" action="/add_product" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bWNHvue-Bjg2MNVEIUlIUQcgoDBXhBXPFGJIEK-mO0OPrrb4ipayjc9cUA9a0e2qM4DUsVf26Ao2u-hROrKb1Q" autocomplete="off" />
      <div class="mb-3 hidden product_variant_cart_quantity"><input autocomplete="off" class="form-control hidden" value="+1" type="hidden" name="product_variant_cart[quantity]" id="product_variant_cart_quantity" /></div>
      <div class="mb-3 hidden product_variant_cart_product_variant_id"><input autocomplete="off" class="form-control hidden" value="1950" type="hidden" name="product_variant_cart[product_variant_id]" id="product_variant_cart_product_variant_id" /></div>
      <div class="mb-3 hidden product_variant_cart_cart_id"><input autocomplete="off" class="form-control hidden" type="hidden" name="product_variant_cart[cart_id]" id="product_variant_cart_cart_id" /></div>
      <div class="mb-3 hidden product_variant_cart_include_default_accessories"><input autocomplete="off" class="form-control hidden" value="true" type="hidden" name="product_variant_cart[include_default_accessories]" id="product_variant_cart_include_default_accessories" /></div>
      <input type="submit" name="commit" value="Ajouter au camion" class="d-none" id="add-to-truck-product_variant_1950" data-action="click-&gt;add-to-cart#addToCart" data-disable-with="Ajouter au camion" />
</form>  </turbo-frame>
</div>
</template></turbo-stream>
  <turbo-stream action="append" target="project-product-variants"><template><div class="product-box tw:group ">
  <div class="tw:w-full tw:h-full tw:bg-white tw:p-3 tw:pb-0">
    <a target="_top" href="/produits/coussin-uni-noir">
      <div class="img-box tw:relative">
          <img alt="Coussin uni - Noir" class="tw:object-contain tw:py-6 tw:px-6 tw:aspect-square tw:mx-auto" width="335" height="335" src="https://assets.dx.ca/product_variant_images/image/2bdcd961d255221e6bb49d47c0c88c8c" />

        <div class="tw:block tw:px-4 tw:-mx-4 tw:-mb-4 tw:py-4 tw:grow ">
  <div class="desc-box tw:flex tw:mb-0 tw:gap-1">
            <p data-product-variant-card-target="productVariantName" class="tw:grow tw:mb-0 tw:w-full tw:overflow-hidden tw:transition-colors tw:duration-200 tw:ease-linear tw:!font-[Arial,'Helvetica_Neue',Helvetica,sans-serif] tw:text-[#474442]">
        <span data-product-variant-card-target="productVariantFirstWord" class="tw:uppercase tw:font-bold tw:leading-5.5 tw:tracking-wider tw:block tw:group-hover:text-[#3CAF9D] tw:xl:text-[0.9375rem]">
          Coussin
        </span>
        <span data-product-variant-card-target="productVariantRestOfName" class="tw:font-normal tw:leading-5.5 tw:tracking-wider  ">
          Uni - Noir
        </span>
      </p>

    <div class="plus-box tw:flex tw:justify-end tw:min-w-10 tw:max-w-10 tw:min-h-10 tw:max-h-10 tw:grow tw:self-start tw:bg-[#F2F2F2] tw:rounded-full tw:opacity-0 tw:transition-opacity tw:duration-200 tw:ease-linear tw:group-hover:opacity-100 tw:z-[5] tw:hover:bg-[#3CAF9D] tw:[&.added-to-truck]:bg-[#3CAF9D] tw:[&.added-to-truck]:opacity-100 tw:max-lg:!hidden tw:group/plus-box ">
      <span class="done-icon tw:hidden tw:w-full tw:relative tw:group-[.added-to-truck]/plus-box:block">
        <div class="tw:mt-[12px] tw:ml-[7px] tw:mr-[9px]">
          <img alt="Check" src="/vite/assets/camion-CU3BJx4f.svg" />
          <div class="tw:absolute tw:top-[-5px] tw:right-[-5px] tw:border-2 tw:border-solid tw:border-white tw:rounded-full tw:bg-[#3CAF9D] tw:w-[20px] tw:h-[20px] tw:p-[3px]">
            <img alt="Check" class="tw:w-full tw:h-full" src="/vite/assets/checkmark-BVdkxmwP.svg" />
          </div>
        </div>
      </span>
      <label for=add-to-truck-product_variant_308 class="truck-label tw:block tw:w-full tw:cursor-pointer tw:group-[.added-to-truck]/plus-box:hidden" data-controller="stop-propagation">
        <div class="tw:mt-[12px] tw:ml-[7px] tw:mr-[9px]">
          <span class="!relative --dark tw:block tw:group-hover/plus-box:hidden tw:group-[.added-to-truck]/plus-box:hidden">
            <img alt="Check" src="/vite/assets/camion-dark-CsdRATIb.svg" />
          </span>
          <span class="!relative --light tw:hidden tw:group-hover/plus-box:block tw:group-[.added-to-truck]/plus-box:block">
            <img alt="Livraison" src="/vite/assets/ico-livraison-animated-loop-B4rm3cIn.svg" />
          </span>
        </div>
      </label>
    </div>
  </div>
</div>
      </div>
</a>  </div>

  <turbo-frame class="tw:h-0" id="product_variant_308_add_to_cart">
    <form data-controller="add-to-cart" data-item-name="Coussin uni - Noir" data-item-id="308" data-item-img="https://assets.dx.ca/product_variant_images/image/2bdcd961d255221e6bb49d47c0c88c8c" class="simple_form new_product_variant_cart" id="new_product_variant_cart" action="/add_product" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mUPcZ9u2vH7K6-pbU6diYpcWvmc-EXDkrEDoGcjas9N7ji0htp4IyzOHbxAoP8eZo7bK5j5jjSGOmUhYXc4TRQ" autocomplete="off" />
      <div class="mb-3 hidden product_variant_cart_quantity"><input autocomplete="off" class="form-control hidden" value="+1" type="hidden" name="product_variant_cart[quantity]" id="product_variant_cart_quantity" /></div>
      <div class="mb-3 hidden product_variant_cart_product_variant_id"><input autocomplete="off" class="form-control hidden" value="308" type="hidden" name="product_variant_cart[product_variant_id]" id="product_variant_cart_product_variant_id" /></div>
      <div class="mb-3 hidden product_variant_cart_cart_id"><input autocomplete="off" class="form-control hidden" type="hidden" name="product_variant_cart[cart_id]" id="product_variant_cart_cart_id" /></div>
      <div class="mb-3 hidden product_variant_cart_include_default_accessories"><input autocomplete="off" class="form-control hidden" value="true" type="hidden" name="product_variant_cart[include_default_accessories]" id="product_variant_cart_include_default_accessories" /></div>
      <input type="submit" name="commit" value="Ajouter au camion" class="d-none" id="add-to-truck-product_variant_308" data-action="click-&gt;add-to-cart#addToCart" data-disable-with="Ajouter au camion" />
</form>  </turbo-frame>
</div>
</template></turbo-stream>

  <turbo-stream action="remove" targets=".product-variants-pagination"></turbo-stream>
