Свой CSS

На тарифах «База» и «Про» в разделе Внешний вид → Продвинутая кастомизация можно добавить собственный CSS — он применяется на витрине магазина.

Переопределение переменных

Витрина построена на CSS-переменных — это самый простой способ перекрасить её целиком:

css

:root{
  --accent: #9d6bf3;     /* акцентный цвет */
  --bg: #0c0c0f;         /* фон страницы */
  --panel: #15161a;      /* фон карточек и панелей */
  --r: 14px;             /* скругление */
  --font: 'Inter', sans-serif;
}

Полный список — в справочнике CSS-переменных.

Стили под конкретные элементы

css

.card{ box-shadow: 0 0 24px rgba(157,107,243,.25); }
.btn-buy{ text-transform: uppercase; letter-spacing: .5px; }

Основные классы и атрибуты для CSS-таргетинга:

Селектор	Элемент
`.card`	Карточка товара
`.card[data-pid="123"]`	Конкретный товар по id
`.card[data-category="VIP"]`	Все товары категории
`.grid`	Сетка товаров
`.btn` / `.btn-buy` / `.btn-accent`	Кнопки
`.srv`	Строка сервера в мониторинге
`.srv[data-server-key="main"]`	Конкретный сервер
`.topbar` / `#userbox`	Шапка и блок пользователя

Готовые примеры (расписание вайпов, доработка карточек) — в рецептах CSS/JS.

Внешние ресурсы (картинки/шрифты со сторонних доменов) могут блокироваться политикой безопасности (CSP). Фон и логотип задавай через настройки темы — для них домены уже разрешены. Подробнее — Решение проблем.