I'm working on a mobile website. In the page which I'm working on the user can choose one package from a range of 3. Each of them has a total price and a description, along with some products included in this package. In desktop we used a toggle like this
In this way the user can choose a package and see the content changed below. I need to do something like this even on mobile. I tried to use the same toggle but there isn't enough space to put all informations on toggle like name of package, price and an important features that allow users to distinguish one package from another (2 packages have the same name - I know that this is strange but is a business requirement).
I've thought using an accordion instead of toggle, but I think that users can have some problems in understanding the offer because the packages are stacked one below the other and the first one needs to be open when users land on page (another business requirements).
I need a responsive solution, to not to write two different code base.
Do you have some suggestions? Thank you so much