Atualizar Css de loja, utilizando telas fornecidas

Precisamos atualizar o CSS do site www.suacomprafacil.com.br/homolog , para que ele fique no novo padrão que estamos utilizando em nosso site.

Execução da alteração somente na tela HOME.
As demais telas serão feiras posteriormente

Atividades:
1 - CSS obtido diretamente pelo chrome no site www.suacomprafacil.com.br/homolog
2 - Telas
DESK: https://www.dropbox.com/s/notd2fqq96mbcqb/Home%20web.png?dl=0
MOBILE: https://www.dropbox.com/s/uwimzvw4k7tqyef/Android%20home.png?dl=0
    peculiaridades, o menu que mostra os icones é deslizante para o lado.
3 - Execução do CSS deixando ele idêntico as telas enviadas. Desktop e Mobile

OBS: As subcategorias do Header deverão continuar funcionando da mesma maneira
OBS2: A exibição mobile de carrinhos, menu e pesquisa (estáticos) mudarão.
Pois não haverá mais a barra fixa na parte inferior (com menus, pesquisa e carrinho) e sim um widget flutuando (estilo chat zendesk com a funcionalidade de carrinho. A pesquisa e menus ficarão no header.

Por questões contratuais não poderemos liberar o backend, então as alterações terão de ser realizadas apenas no CSS.