/* vitaskel.css — мерцающий «скелетон» карточек товара. Подключается розеткой vitaskel/head.php из шапки сайта. Работает в двух местах, выбранных владельцем: 1) под фотографией товара, пока картинка летит по сети; 2) на сетке каталога, пока грузится новая страница списка или пока фильтр перерисовывает #dle-content аяксом. Каждое место включается отдельно в админке модуля. Разметку не подменяем. Класс vsk-live вешается на саму настоящую карточку: текст становится прозрачным, картинки и значки прячутся, а на реальные блоки ложится мерцающая заливка. Геометрия совпадает идеально, обработчики «в корзину» и «избранное» не теряются, снятие класса возвращает всё как было. Карточки бывают двух видов и селекторы обязаны попадать в оба: каталог .product-layout.vd-card > .product-thumb > .image, h4, .product-review, .buttons-row p.vd-stock, .vd-prices, .buttons-row > .col-sm-12 > .button-group фильтр .product-layout (без vd-card) — те же .image, h4, .buttons-row p, .buttons-row > .col-sm-12 > .button-group, но без рейтинга и без .vd-prices (там p.price) Поэтому перечень ниже — объединение обоих наборов. Приставка html body у каждого правила — не украшение. В vitacab-dark.css есть html[data-vcab-theme="dark"] .product-thumb .image с !important: вес (0,3,1) против (0,3,0) у голого .product-layout.vsk-live .image, и в тёмной теме плашка проигрывала бы, оставаясь светлой. html body поднимает вес до (0,3,2) и снимает спор. Все свои классы с приставкой vsk-: у темы сайта есть глобальный .new с поворотом на 45 градусов, чужие короткие имена опасны. До 01.08.2026 приставка была vcab-sk- — модуль ехал на файле ВитаКабинета и звался его именем. Теперь это отдельный плагин со своей папкой, и имя у классов своё. Цвета можно поменять в админке модуля: тогда розетка допечатает короткий