Губки для мытья посуды Салфетки для уборки Губки и мочалки для тела Тряпки для мытья пола

/* Общие стили */ .menu { width: 280px; font-family: 'Open Sans', sans-serif; background: #f9f9f9; border-radius: 12px; padding: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); } /* Основные категории */ .menu-item { position: relative; margin-bottom: 8px; } .menu-item > a { display: block; padding: 10px 12px; text-decoration: none; color: #333; font-weight: 400; border-radius: 8px; transition: background 0.3s, color 0.3s; } .menu-item > a:hover { background: #e6f3ff; color: #0078d7; } /* Подменю — плавное раскрытие */ .submenu { display: flex; flex-direction: column; margin-left: 20px; overflow: hidden; max-height: 0; opacity: 0; transition: all 0.4s ease; } /* Анимация раскрытия при наведении */ .menu-item:hover .submenu { max-height: 300px; /* достаточно для нескольких ссылок */ opacity: 1; margin-top: 4px; } /* Ссылки подкатегорий */ .submenu a { text-decoration: none; padding: 6px 10px; color: #555; border-radius: 6px; transition: background 0.3s, color 0.3s; } .submenu a:hover { background: #f0f0f0; color: #0078d7; }