/* bs-subcat-logo: карточки подкатегорий (categories_02) без фото — плашка со светло-серой заливкой;
   с «Лого» категории — картинка-фон с тёмным оверлеем. Разметка: html/blocks/categories/categories_02.html.
   Обычный CSS вне @layer; в собранном Tailwind темы нет нужных классов (dark:, inset-x-4 и т.п.). */

.categories--02 .bs-subcat-plate {
    background-color: oklch(0.94 0 0);
}

.dark .categories--02 .bs-subcat-plate {
    background-color: oklch(0.269 0 0);
}

/* «Лого» как фон карточки: оверлей поверх картинки (общее затемнение + градиент снизу под название) */
.categories--02 .bs-subcat-logo::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(to top, rgb(17 24 39 / 0.75), rgb(17 24 39 / 0) 70%),
        rgb(17 24 39 / 0.35);
}