[UI] Mobile Layout Broken: Horizontal scroll on screens < 768px

[2pasha]

Description

The product grid does not adapt to mobile screen widths. On devices like iPhone 12 or Pixel 5, the content overflows the viewport, causing an unwanted horizontal scrollbar.

Steps to Reproduce

1. Open the application on a mobile device or use Chrome Device Mode.
2. Set resolution to 375x812 (iPhone X).
3. Scroll down to the product list.

Actual Result

Product cards remain in a multi-column layout, getting squeezed or going off-screen. Text is unreadable.

Expected Result

Product cards should stack in a single column (1fr) on mobile screens. No horizontal scroll.