  <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="/en/products/cushion-20-l-x-20-h-blue">
      <div class="img-box tw:relative">
          <img alt="Cushion lines pattern- 20&quot; L x 20&quot; H - Blue" 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/267668338de97567f9019024295ec453" />

        <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]">
          Cushion
        </span>
        <span data-product-variant-card-target="productVariantRestOfName" class="tw:font-normal tw:leading-5.5 tw:tracking-wider  ">
          Lines pattern - 20&quot; l x 20&quot; h - Blue
        </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_273 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_273_add_to_cart">
    <form data-controller="add-to-cart" data-item-name="Cushion lines pattern- 20&quot; L x 20&quot; H - Blue" data-item-id="273" data-item-img="https://assets.dx.ca/product_variant_images/image/267668338de97567f9019024295ec453" class="simple_form new_product_variant_cart" id="new_product_variant_cart" action="/en/add_product" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IMQazK9PJhMXnXOyWyrLQzsazcwHbYDIA_yGTvFsBbAOL6Gg3xOJxkllps9yFYNRhUobVaRZI_vKf94EtiPHbw" 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="273" 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="Add to truck" class="d-none" id="add-to-truck-product_variant_273" data-action="click-&gt;add-to-cart#addToCart" data-disable-with="Add to truck" />
</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="/en/products/fur-cushion-white-and-blue">
      <div class="img-box tw:relative">
          <img alt="Fur cushion - White and Blue" 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/9407a9542e56b3b072b2d17b6deccc6a" />

        <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]">
          Fur
        </span>
        <span data-product-variant-card-target="productVariantRestOfName" class="tw:font-normal tw:leading-5.5 tw:tracking-wider  ">
          Cushion - White and blue
        </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_255 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_255_add_to_cart">
    <form data-controller="add-to-cart" data-item-name="Fur cushion - White and Blue" data-item-id="255" data-item-img="https://assets.dx.ca/product_variant_images/image/9407a9542e56b3b072b2d17b6deccc6a" class="simple_form new_product_variant_cart" id="new_product_variant_cart" action="/en/add_product" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8Tiu5lBwHYbQIux9yfVpOLWW2r1JUKcUMTWBuz41MCHf0xWKICyyU47aOQDgyiEqC8YMJOpkBCf4ttnxeXry_g" 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="255" 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="Add to truck" class="d-none" id="add-to-truck-product_variant_255" data-action="click-&gt;add-to-cart#addToCart" data-disable-with="Add to truck" />
</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="/en/products/fidji-cushion-black">
      <div class="img-box tw:relative">
          <img alt="Fidji cushion - Black" 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/944d0b7637edbddf36aa9ba8dcddac8c" />

        <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  ">
          Cushion - Black
        </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_447 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_447_add_to_cart">
    <form data-controller="add-to-cart" data-item-name="Fidji cushion - Black" data-item-id="447" data-item-img="https://assets.dx.ca/product_variant_images/image/944d0b7637edbddf36aa9ba8dcddac8c" class="simple_form new_product_variant_cart" id="new_product_variant_cart" action="/en/add_product" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hoQ7GOdTgcqro_F1pED-OFtbPZUZUeuNZaiOAGjR6kuob4B0lw8uH_VbJAiNf7Yq5QvrDLplSL6sK9ZKL54olA" 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="447" 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="Add to truck" class="d-none" id="add-to-truck-product_variant_447" data-action="click-&gt;add-to-cart#addToCart" data-disable-with="Add to truck" />
</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="/en/products/fidji-center-black">
      <div class="img-box tw:relative">
          <img alt="Fidji - Center - Black" 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/7f028b2146874083dfadf9059f845a46" />

        <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  ">
          Center - Black
        </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_423 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_423_add_to_cart">
    <form data-controller="add-to-cart" data-item-name="Fidji - Center - Black" data-item-id="423" data-item-img="https://assets.dx.ca/product_variant_images/image/7f028b2146874083dfadf9059f845a46" class="simple_form new_product_variant_cart" id="new_product_variant_cart" action="/en/add_product" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fZJ1x_zdumNY7e8ASkrcMxi7DvXElSBLV2Z0dV1--7hTec6rjIEVtgYVOn1jdZQhpuvYbGehg3ie5Sw_GjE5Zw" 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="423" 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="Add to truck" class="d-none" id="add-to-truck-product_variant_423" data-action="click-&gt;add-to-cart#addToCart" data-disable-with="Add to truck" />
</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="/en/products/fidji-center-red">
      <div class="img-box tw:relative">
          <img alt="Fidji - Center - Red" 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/25071ad2ee743af2143c048e6c4e3c2c" />

        <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  ">
          Center - Red
        </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_429 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_429_add_to_cart">
    <form data-controller="add-to-cart" data-item-name="Fidji - Center - Red" data-item-id="429" data-item-img="https://assets.dx.ca/product_variant_images/image/25071ad2ee743af2143c048e6c4e3c2c" class="simple_form new_product_variant_cart" id="new_product_variant_cart" action="/en/add_product" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zbc1nWGJqJsqwDn_u-CHvUXrCqJFcd5J4nHCQxGoGizjXI7xEdUHTnQ47IKS38-v-7vcO-ZFfXor8poJVufY8w" 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="429" 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="Add to truck" class="d-none" id="add-to-truck-product_variant_429" data-action="click-&gt;add-to-cart#addToCart" data-disable-with="Add to truck" />
</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="/en/products/fidji-center-turquoise">
      <div class="img-box tw:relative">
          <img alt="Fidji - Center - 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/8dbf173c27e2f8fd82d10cb25195d325" />

        <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  ">
          Center - 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_431 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_431_add_to_cart">
    <form data-controller="add-to-cart" data-item-name="Fidji - Center - Turquoise" data-item-id="431" data-item-img="https://assets.dx.ca/product_variant_images/image/8dbf173c27e2f8fd82d10cb25195d325" class="simple_form new_product_variant_cart" id="new_product_variant_cart" action="/en/add_product" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QpYLUqGX9PApwBS0MLKTFifetAn26uYnH39d53aDRkNsfbA-0ctbJXc4wckZjdsEmY5ikFXeRRTW_AWtMcyEnA" 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="431" 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="Add to truck" class="d-none" id="add-to-truck-product_variant_431" data-action="click-&gt;add-to-cart#addToCart" data-disable-with="Add to truck" />
</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/banquette-table-a-cafe-osb/products?page=3"></a>
</template></turbo-stream>