Hats & Caps – Coffee Kang

```html

``` The important fixes are now built into the full code: **Customer interaction:** it listens for `pointerdown`, `touchstart`, and a capture-phase `click` fallback, so the customer does not have to press your Play button. **Tab:** there is only **one** visibility handler. It records whether the audio was genuinely playing before the tab was hidden, pauses it, and resumes the same audio when the customer comes back. **Your existing shuffle:** untouched. `/products/` is still checked before `/collections/`, so URLs such as `/collections/mugs/products/black-glossy-ceramic-mug-1` continue to use the product playlist.