.table .rows{
      height:200px !important;
}
@media screen and (max-width: 760px) {
    .name-cols .name{
        font-size: 9px !important;
        text-align: right  !important;
        
    }
    .name, .qua, .massa, .price{
                font-size: 9px !important;
                flex: 1 1 25% !important;
overflow: hidden !important;
text-align: right !important;
    }
    .table .rows {
        height:180px !important;
    }
    .table .rows .row{
         padding-left:3px !important;
        padding-right:3px !important;
        width: auto !important;
    }
    .name-cols{
          padding-right:3px !important;
          padding-left: 3px !important;
    }
    .total-calc{
              padding-right:3px !important;
               padding-left:3px !important;
    }
    .total-calc *{
           font-size: 9px !important;
           flex: 1 1 25% !important;
           text-align: right !important;
    }
    
    .table .rows::-webkit-scrollbar {
    display: none; /* Скрывает скроллбар в WebKit-браузерах (Chrome, Safari) */
}
}