  <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/fidji-centre-sable">
      <div class="img-box tw:relative">
          <img alt="Fidji - Centre - Sable" 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/fd92d3ff7a78a7a95a921c0bf1749f47" />

        <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]">
          Fidji
        </span>
        <span data-product-variant-card-target="productVariantRestOfName" class="tw:font-normal tw:leading-5.5 tw:tracking-wider  ">
          Centre - Sable
        </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_430 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_430_add_to_cart">
    <form data-controller="add-to-cart" data-item-name="Fidji - Centre - Sable" data-item-id="430" data-item-img="https://assets.dx.ca/product_variant_images/image/fd92d3ff7a78a7a95a921c0bf1749f47" 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="rtv_z7Q5fBLdjzDA42U2Aom_HlXWCT4-QDYaU9Yt6dNbbSi5k7YcFn631DZ0opxG7DdAdEs6JrtSdK_qksfbjA" 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="430" 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_430" 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/scandinave-long-banc">
      <div class="img-box tw:relative">
          <img alt="Scandinave banc - Long - Blanc &amp; brun clair" 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/3680d443fe8872d37a813377e4bb8c4d" />

        <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]">
          Scandinave
        </span>
        <span data-product-variant-card-target="productVariantRestOfName" class="tw:font-normal tw:leading-5.5 tw:tracking-wider  ">
          Banc - Long - Blanc &amp; brun clair
        </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_1413 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_1413_add_to_cart">
    <form data-controller="add-to-cart" data-item-name="Scandinave banc - Long - Blanc &amp; brun clair" data-item-id="1413" data-item-img="https://assets.dx.ca/product_variant_images/image/3680d443fe8872d37a813377e4bb8c4d" 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="98mmiMKGlXNoT6HYSiCE1WeO7rTDQUfWzLTpnUrLq7QCf3H-5Qn1d8t3RS7d5y6RAgawlV5yX1Pe9lwkDiGZ6w" 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="1413" 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_1413" 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/mezzo-table-a-cafe-blanc">
      <div class="img-box tw:relative">
          <img alt="Mezzo table à café - Blanc" 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/1ab48e2c7ef5de1783f4dc3fb2ad2f86" />

        <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]">
          Mezzo
        </span>
        <span data-product-variant-card-target="productVariantRestOfName" class="tw:font-normal tw:leading-5.5 tw:tracking-wider  ">
          Table à café - Blanc
        </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_722 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_722_add_to_cart">
    <form data-controller="add-to-cart" data-item-name="Mezzo table à café - Blanc" data-item-id="722" data-item-img="https://assets.dx.ca/product_variant_images/image/1ab48e2c7ef5de1783f4dc3fb2ad2f86" 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="0-wVobiYe2YACStnOXgMA8Ad6BqoBRiIni3lhoDInesmWsLXnxcbYqMxz5Guv6ZHpZW2OzU2AA2Mb1A_xCKvtA" 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="722" 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_722" 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-fourrure-orange">
      <div class="img-box tw:relative">
          <img alt="Coussin fourrure - Orange" 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/6d7752892f1c9a9e5a0c4b2f55ed2628" />

        <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  ">
          Fourrure - Orange
        </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_258 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_258_add_to_cart">
    <form data-controller="add-to-cart" data-item-name="Coussin fourrure - Orange" data-item-id="258" data-item-img="https://assets.dx.ca/product_variant_images/image/6d7752892f1c9a9e5a0c4b2f55ed2628" 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="pPucfqn-tf1qINyc4MRX9mqoy2J1hbRPmESinPk3zQhRTUsIjnHV-ckYOGp3A_2yDyCVQ-i2rMqKBhclvd3_Vw" 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="258" 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_258" 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-turquoise">
      <div class="img-box tw:relative">
          <img alt="Coussin uni - Turquoise" 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/b5e77702e49d692d3d367c8c38d37c41" />

        <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 - Turquoise
        </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_309 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_309_add_to_cart">
    <form data-controller="add-to-cart" data-item-name="Coussin uni - Turquoise" data-item-id="309" data-item-img="https://assets.dx.ca/product_variant_images/image/b5e77702e49d692d3d367c8c38d37c41" 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="56UHdHjjfKm7DVYzrrZEb4c_gWLbeS5keIyDcuTr40QSE9ACX2wcrRg1ssU5ce4r4rffQ0ZKNuFqzjbLoAHRGw" 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="309" 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_309" 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/malibu-trio-bleu">
      <div class="img-box tw:relative">
          <img alt="Malibu - Trio - Bleu de mer" 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/82a3ad5830e84f9faced29e66b1f6f5f" />

        <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]">
          Malibu
        </span>
        <span data-product-variant-card-target="productVariantRestOfName" class="tw:font-normal tw:leading-5.5 tw:tracking-wider  ">
          Trio - Bleu de mer
        </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_650 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_650_add_to_cart">
    <form data-controller="add-to-cart" data-item-name="Malibu - Trio - Bleu de mer" data-item-id="650" data-item-img="https://assets.dx.ca/product_variant_images/image/82a3ad5830e84f9faced29e66b1f6f5f" 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="DHmKqN5yTHcoIhQVaeq2Ys_4ERUUrABMympL4bZYiyz5z13e-f0sc4sa8OP-LRwmqnBPNImfGMnYKP5Y8rK5cw" 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="650" 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_650" data-action="click-&gt;add-to-cart#addToCart" data-disable-with="Ajouter au camion" />
</form>  </turbo-frame>
</div>
</template></turbo-stream>

  <turbo-stream action="replace" targets=".fleche-plus-blanche"><template>
    <a data-turbo-stream="true" data-rel="nofollow" class="fleche-plus-blanche" href="/streams/projects/pergola-havane-sofa-malibu-fidji-luminaire-palawan/products?page=3"></a>
</template></turbo-stream>