/* Закругляем карточки отзывов */
.review-module__item.uni-item {
    border-radius: 20px !important;
    overflow: hidden !important;
    border: 1px solid #eef2f5 !important;
}

/* Закругляем карточки товаров на главной */
.product-thumb {
    border-radius: 20px !important;
    overflow: hidden !important;
    border: 1px solid #eef2f5 !important;
}
/* 1. Делаем весь блок меню аккуратной закругленной плашкой */
aside #category-module, 
aside .menu-module__ul {
    background: #ffffff !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    padding: 12px 0 !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04) !important; /* Очень мягкая тень */
    border: 1px solid #f0f2f5 !important; /* Тонкая рамка */
}

/* 2. Убираем старые серые линии между пунктами */
aside .menu-module__li {
    border: none !important;
    background: transparent !important;
    margin: 3px 12px !important; /* Делаем зазоры, чтобы пункты были отдельными "островками" */
}

/* 3. Стилизуем сами ссылки (названия категорий) */
aside .menu-module__a {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    color: #2D3748 !important; /* Более глубокий современный цвет текста */
    padding: 11px 16px !important;
    border-radius: 12px !important; /* Закругляем каждый пункт индивидуально */
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important; /* Плавная анимация */
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

/* 4. Эффектный интерактив при наведении мышки */
aside .menu-module__li:hover > .menu-module__a {
    background: #FFF5F5 !important; /* Очень нежный, едва заметный красный оттенок фона */
    color: #cc0014 !important; /* Текст становится фирменным красным */
    font-weight: 500 !important;
    padding-left: 22px !important; /* Аккуратный сдвиг текста вправо */
}

/* 5. Стильный вид для количества товаров в скобках (например, (7)) */
aside .menu-module__a span, 
aside .menu-module__a::after {
    font-size: 12px !important;
    opacity: 0.5 !important;
    background: #f1f3f5 !important;
    padding: 2px 8px !important;
    border-radius: 20px !important; /* Превращаем цифры в аккуратные овальные теги */
    transition: all 0.25s ease !important;
}

/* Меняем цвет тега с цифрой при наведении */
aside .menu-module__li:hover > .menu-module__a span {
    background: #cc0014 !important;
    color: #ffffff !important;
    opacity: 1 !important;
}
.home-banner__item {
    border-radius: 20px; /* Настройте радиус в пикселях по вашему вкусу */
    overflow: hidden;    /* Чтобы картинки внутри тоже скруглялись и не вылезали за края */
}