/* Скрываем боковое меню по умолчанию */
.zb-side-products {
display: none !important;
}
/* Показываем нужную группу товаров, когда у бокового блока есть класс active-kitchen / active-robots */
.zb-side-products.active-kitchen .side-group-kitchen,
.zb-side-products.active-robots .side-group-robots {
display: block !important;
}
.zb-side-products .side-group-kitchen,
.zb-side-products .side-group-robots {
display: none !important;
}
/* Выпадающее меню категорий — позиционируем снизу от основного меню */
.zb-cat-dropdown {
position: absolute;
top: 100%;
left: 0;
min-width: 240px;
background: #ffffff;
box-shadow: 0 10px 30px rgba(0,0,0,0.15);
z-index: 9998;
padding: 16px;
border-radius: 8px;
}
/* Боковое меню товаров — фиксируем сбоку */
.zb-side-products {
position: fixed;
top: 90px; /* под шапкой */
right: 20px; /* можно left: 20px, если хочешь слева */
width: 320px;
background: #ffffff;
box-shadow: 0 10px 40px rgba(0,0,0,0.12);
z-index: 9997;
padding: 20px;
overflow-y: auto; /* если товаров много — будет скролл */
}
/* Анимация появления категорий (опционально) */
.zb-cat-dropdown {
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
}
.zb-cat-dropdown.visible {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
/* Адаптив: на мобильных отключаем сложную схему */
@media (max-width: 960px) {
.zb-cat-dropdown,
.zb-side-products {
display: none !important;
}
}