Как сделать показ блока при использовании клавиши TAB?

absurd88, аккуратно, он не работает в ИЕ

Как сделать показ блока при использовании клавиши TAB?

В фокус попадают интерактивные элементы и те, кому ручками задали атрибут tabindex.

Интерактивная у вас кнопка.
А дальше можно использовать псевдокласс :focus-within

Иначе будет двойной таб по каждой карточке, что мало удобно при заметном количестве товаров/блоков.

Placeholder или value стиль?

alalala, держите: https://jsfiddle.net/vf85ms7a/

Placeholder или value стиль?

alalala, а я вообще туплю, :placeholder-shown, а не инвалиды

Placeholder или value стиль?

alalala, есть :valid, :invalid и к ним :not
Или js.

Placeholder или value стиль?

drawnofmymind, даже js не даст жирность половине плейсхолдера.

Placeholder или value стиль?

alalala,

не вариант

В смысле не вариант, если вы дальше следующим же предложением говорите тоже самое? ))
Не важно поверх он будет идти или ниже.

Подскажу:
input:focus + span {}
И еще, это скорее label, чем span, но бывает по-всякому

Placeholder или value стиль?

Нет.
Но можно подложить вниз блок с нужным текстом.

Растровая картинка в формате svg?

Как так?

Ну взяли растровый слой/картинку и сохранили как svg.

Зачем?

Лучше у них спросить.
Но обычно, потому что им сказали "надо svg".

Как отцентрировать иконку посередине кнопки?

Стрелочка не вполне равновесная фигура.
Поэтому, если вы поставите картинку физически по центру, выглядеть будет плохо.
Просто сдвиньте ее так, чтобы выглядело хорошо.

!important

Плохо в любом случае.

Как сменить центрирование описание товара на ширину?

Если вы имеете в виду выравнивание текста, то за него отвечает text-align: justify

Почему при нажатии на любые элементы в мобильной версии они затемняются?

Андрей Белый, У вас для hml прописано -webkit-tap-highlight-color: #000000; уберите или поменяйте на что нужно.

Почему при нажатии на любые элементы в мобильной версии они затемняются?

approximate solution,

тут не гадают по видео

Ну и зря, в видео есть ссылка ))) Правда, не совсем верная, но верная вычисляется.
Это же квест "разгадай вопрос"

Как правильно прописать url до картинки в встроенном редакторе css wordpress?

Aaang второй вариант, который про слеш, хуже первого.
При переименовании темы - все слетит.

Как сделать основной контент прокручиваемым?

Если вам нужно, чтобы прокрутка была у окна браузера, а не блока, то так
https://jsfiddle.net/4v3gwtfh/
Положением скролла управляйте на js

Как поступить в данном случае?

snowleopqard, попробую промолчать

Почему плывет адаптивная верстка в safari?

yochanes, Я понимаю, что сайт разработчика вполне может быть в состоянии "сапожник без сапог", это нормально. Главное, чтобы клиентские сайты были конфетками.

Но этот сайт давно пора переделывать и переверстывать. Его верстка устарела даже для 2015, года который стоит в копирайте.

Почему плывет адаптивная верстка в safari?

yochanes, всё очень похоже на младенческие очччень древние версии Siteman.

Почему плывет адаптивная верстка в safari?

Вот эта ссылка поможет в части проблем https://validator.w3.org/nu/?doc=https%3A%2F%2Ffor...

Как называется ваша система управления сайтом?

Как поступить в данном случае?

snowleopqard,

Для горизонтали просто display flex родителю.
Для равных отступов, логично, всем итемам одинаковый margin, кроме крайнего.

.wrap {
  display: flex;
}
.item:not(:first-child) {
  margin-left: 20px;
}

p.s. И еще, ваши кнопки это вообще не span. А список ul и ссылки.