  <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/malibu-trio-green">
      <div class="img-box tw:relative">
          <img alt="Malibu - Trio - Leaf green" 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/10344ce81b6ac6c6b7782f90fb74f382" />

        <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 - Leaf green
        </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_658 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_658_add_to_cart">
    <form data-controller="add-to-cart" data-item-name="Malibu - Trio - Leaf green" data-item-id="658" data-item-img="https://assets.dx.ca/product_variant_images/image/10344ce81b6ac6c6b7782f90fb74f382" 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="MMtrqXETh6KWt3Pr10oNGoiP8v2XHFcPRgcISgoJYaf_x8lc2UYOaYI0mGmY0AXYq-nXHd4nGpLyAiCHgytgiA" 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="658" 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_658" 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/malibu-cushion-blue">
      <div class="img-box tw:relative">
          <img alt="Malibu - Cushion - Sea 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/433f2f50532369c378cc4bd459dd36b1" />

        <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  ">
          Cushion - Sea 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_614 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_614_add_to_cart">
    <form data-controller="add-to-cart" data-item-name="Malibu - Cushion - Sea blue" data-item-id="614" data-item-img="https://assets.dx.ca/product_variant_images/image/433f2f50532369c378cc4bd459dd36b1" 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="SRQEx2-0OQFCi9rNhWm0gZkhTGcQwR0xYMjK7n8OezKGGKYyx-GwylYIMU_K87xDukdph1n6UKzUzeIj9ix6HQ" 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="614" 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_614" 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/malibu-cushion-yellow">
      <div class="img-box tw:relative">
          <img alt="Malibu - Cushion - Currant yellow" 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/72301d09d8cf3137e130fa21b16706ac" />

        <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  ">
          Cushion - Currant yellow
        </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_617 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_617_add_to_cart">
    <form data-controller="add-to-cart" data-item-name="Malibu - Cushion - Currant yellow" data-item-id="617" data-item-img="https://assets.dx.ca/product_variant_images/image/72301d09d8cf3137e130fa21b16706ac" 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="9599gBk7AaQP_MJsH_iXiqy6QnBixEvjlFdg_u7UbEE4k991sW6Ibxt_Ke5QYp9Ij9xnkCv_Bn4gUkgzZ_Ztbg" 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="617" 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_617" 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/malibu-square-pouf-blue">
      <div class="img-box tw:relative">
          <img alt="Malibu - Square ottoman - Sea 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/fb7565c3c8d63ba9ecd1a7c03ab0b49f" />

        <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  ">
          Square ottoman - Sea 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_623 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_623_add_to_cart">
    <form data-controller="add-to-cart" data-item-name="Malibu - Square ottoman - Sea blue" data-item-id="623" data-item-img="https://assets.dx.ca/product_variant_images/image/fb7565c3c8d63ba9ecd1a7c03ab0b49f" 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="1uwzZvA6LfrWg3JvhpZte93A7JpXJZgTgIe2MaUwHTEZ4JGTWG-kMcIAme3JDGW5_qbJeh4e1Y40gp78LBIcHg" 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="623" 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_623" 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/malibu-square-pouf-yellow">
      <div class="img-box tw:relative">
          <img alt="Malibu - Square ottoman - Currant yellow" 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/6efeeda8839088e66690c5f0db4a1101" />

        <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  ">
          Square ottoman - Currant yellow
        </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_626 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_626_add_to_cart">
    <form data-controller="add-to-cart" data-item-name="Malibu - Square ottoman - Currant yellow" data-item-id="626" data-item-img="https://assets.dx.ca/product_variant_images/image/6efeeda8839088e66690c5f0db4a1101" 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="NhcbmxeLmSUxQDYKzTgETosajz03AzmrulHL6vW--tv5G7luv94Q7iXD3YiCogyMqHyq3X44dDYOVOMnfJz79A" 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="626" 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_626" 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/malibu-rectangle-pouf-green">
      <div class="img-box tw:relative">
          <img alt="Malibu - Rectangular ottoman - Leaf green" 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/687462fdca62986ebd76d71a3115a77f" />

        <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  ">
          Rectangular ottoman - Leaf green
        </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_640 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_640_add_to_cart">
    <form data-controller="add-to-cart" data-item-name="Malibu - Rectangular ottoman - Leaf green" data-item-id="640" data-item-img="https://assets.dx.ca/product_variant_images/image/687462fdca62986ebd76d71a3115a77f" 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="FBiSrIfE40j43sokQ2alEeA4XWRXa6JnPdhDI8GeQZjbFDBZL5Fqg-xdIaYM_K3Tw154hB5Q7_qJ3WvuSLxAtw" 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="640" 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_640" 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/fauteuil-m-malibu-jaune-vert/products?page=3"></a>
</template></turbo-stream>