/* Для бокового меню с лева*/
@media screen and (min-width: 601px) {

  ul, ol {
    margin: 0;
    padding: 0px;
    list-style: none; /* Убирает маркеры, если нужно */
    border: none;
    background-color: #f5f4f4;
  
  } 
}   


#menu_left {
     padding: 0px;
     margin: 5px;
     border-bottom-width: 1px;
     border: solid 0px #f5f4f4;
}

#menu_left a {
     text-decoration: none;
     color: #000;
     font: 700 12px Georgia, Verdana, serif;
     display: block;
     margin: 0px;
     padding: 3px;
    background-color: #f5f4f4;
     transition: font-size 0.3s ease; /* Плавный переход */
    
}
   
 #menu_left li {
     margin: 0px;
     padding-bottom: 2px;
    background-color: #f5f4f4;
    border: none;
    margin-top: 3px;
    margin-bottom: 3px;
    text-indent: 5px;
    padding-left: 2px;
}

.genres {
  list-style: none;
  margin: 0;
  padding: 0;
}

.genre {
  position: relative;

}

#menu_left a:hover {
  background-color: #94945e; /* Фон при наведении */
  font-size: 0.82em;
}

.icon {
  width: 22px;
  text-align: left;
}
/* поджанры — ВПРАВО */
.subgenres {
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 220px;
  display: none;
  z-index: 1000;
}

/* ПК — hover */ 
@media (hover: hover) {
  .genre:hover .subgenres {
    display: block;
  }
}