khan

I want to add a premium smooth inertia/momentum scrolling effect to my Shopify website.

Please implement Lenis Smooth Scroll across the entire storefront.

Requirements:

• Mouse wheel scrolling should feel smooth, fluid, and slightly longer than normal scrolling.

• When I scroll once, the page should glide smoothly instead of stopping immediately.

• Make the effect similar to modern premium fashion/e-commerce websites.

• Do NOT make it extremely slow or annoying.

• Use Lenis for the scrolling effect.

• Keep all existing Shopify theme functionality working.

• Header, sticky elements, announcement bar, product sliders, menus, cart drawer, buttons, product variants, and links must continue working normally.

• Do not change the current website design or layout.

• Do not create horizontal scrolling.

• Keep mobile/touch scrolling natural; apply the stronger inertia effect mainly on desktop.

• Respect prefers-reduced-motion for accessibility.

• Avoid duplicate Lenis initialization if the script already exists.

• Initialize it properly with requestAnimationFrame.

• Use sensible smooth-scroll settings such as approximately:
  duration: 1.2–1.5
  smoothWheel: true
  wheelMultiplier: around 1.1–1.3

First inspect the existing Shopify theme files and identify the safest place to add the code. Then implement it directly without removing or overwriting unrelated theme code.

The final result should feel like:
mouse wheel → page moves farther smoothly → gradually slows down → premium inertia scrolling.