Я сам в последнее время перестал использовать, только из головы беру решения известных мне проблем и их решений, чтобы не увеличивать код. Но это потому что объём работ не гигантский + я не занимаюсь JS, на который я бы тратил больше времени. Только дизайн-системой да CSS.
Autoprefixer не исправит косую вёрстку. А хорошая верстка даже без префиксов в 99.8% случаях в современных и не очень браузерах работает нормально. А для правки специфических багов того же flex в Safari 10 и IE11 Autoprefixer не поможет. Думать приходится в любом случае.
И по клику на блок с названием группы и реализуйте механизм скрытия, раскрытия. У вас нет элемента на данный момент, на который физически возможно кликнуть.
ART4, ну скройте изначально стилями (display: none) ваш этот .sub_category_catalog_opt, а по клику на .brand_category открывайте (display: none). Вопрос со всплытием надо решить только.
Либо просто класс на родителя добавлять. Но тогда нормально скрывать не получится.
Зачем спрашивать то, что можно спокойно увидеть самому? Попробуйте открыть такой select на телефоне и сразу всё поймёте (всплывающее окно с чекбоксами увидите).
s0xzwasd, можно убрать, если там есть что-то в качестве замены, например, смена цвета, которая и будет служить маркером выделения. Outline — это же по сути встроенная стилизация выделенного элемента, поэтому её можно заменить. Главное, не оставлять совсем кнопку без ничего.
Если вот это .sale-slide img, то оно в любом браузере не отображается на узком разрешении, ибо у него же стили:
Из-за того, что вы там что-то меняете по габаритам родителя, то оно просто схлопывается в мобильной версии.
Поставьте relative вместо abolute, и сразу увидите картинку вашу:
Надеюсь, это поможет. Ну аж дело продумывания более эффективной архитектуры этого дела я оставляю за вами.