Let me first check the jewellery product details page files to understand the current structure and find the live shopping button and saleassist widget:

I found the jewellery PDP files. Let me read both laptop and mobile versions to understand the current saleassist widget integration:

Now I have all the context I need. I'll:

1. Create a new PopupVideoPDP component for the PDP page with LEFT positioning (similar to popup-video.tsx but positioned on the left)

2. Update both jewellery-pdp-laptop.tsx and jewellery-pdp-mobile.tsx to:

   • Remove the saleassist widget integration code
   • Add the new popup video component that opens on "Live Shopping" button click

I've made the following changes:

1. Created popup-video-pdp.tsx: A new component similar to the PLP popup video but positioned on the left side (left-4) instead of right. It uses the same size dimensions (150x210 small, 225x400 large) and is controlled via isOpen and onClose props.
2. Updated jewellery-pdp-laptop.tsx: Removed all saleassist widget code (Script tag, useEffect, handleLiveShopping function, refs) and replaced it with a simple state toggle. Clicking "Live Shopping" button now opens the popup video on the left side.
3. Updated jewellery-pdp-mobile.tsx: Same changes as laptop version - removed saleassist integration and added the popup video component that opens on "Live Shopping" button click.

I see the issue. The sticky positioning with left-4 and transform: translateX(15px) is causing the horizontal scrollbar. I need to use fixed positioning instead and remove the transform that pushes the element outside the viewport.

I changed the positioning from sticky to fixed and removed the transform: translateX(15px) style that was pushing the widget outside the viewport boundary. This was causing the browser to create a horizontal scrollbar. Now the widget will stay fixed at bottom: 1rem and left: 1rem without affecting the page scroll.