Как через CSS запретить клики по какому-то элементу

```css pointer-events: none; ``` Это свойство полностью отключает взаимодействие с элементом - клики, ховеры и другие события мыши. Элемент останется видимым, но будет "пропускать" события сквозь себя. Пример: ```html Не кликабельно ``` ```css .disabled-btn { pointer-events: none; opacity: 0.6; /* Дополнительно визуально показываем неактивность */ } ``` Важные нюансы: 1. События всё ещё можно вызвать через JS вручную 2. Не влияет на клавиатурные события (таб-навигация) 3. Для IE частичная поддержка (только SVG в IE11)