VasECHKA

У меня банальный вопрос, вы

<meta name="viewport" content="width=device-width">

прописали?

В песочнице ваш код работает https://jsfiddle.net/z4quLpb3/1/
Значит, если дело не в мета, то нужно показывать весь код или самостоятельно посмотреть что выходит в css и прогнать его через валидатор.

Зависит от фона. Если статичный моно цвет, то можно и прозрачностью основного блока обойтись. Если сложнее, то плёнкой (какой-нибудь белый полупрозрачный див поверх)
А то что нельзя нажать, так это просто disabled у всего в блоке

Как сверстать карточку товара без верхнего уголка?

Если не нужен IE и Edge, то через Clip-path.
Если нужен IE и Edge, то как-то так.
Левый нижний и правый верхний уголки не идеальные, но зато решение без усложнений

Результат:
https://codepen.io/hisbvdis/pen/KKPYGeK

Как сделать фаску на div блоке?