.icone-carregando { height: 1em; }

/*

	Corpo site

 */
#corpo-site { margin-bottom: 100px; }

/*

	Cabeçalho da página

 */

#carrinho header p { margin-top: 20px; }

/*

	Dados da compra

 */
#dados {
	background: #eeeeee;
	border-radius: 4px;
	padding: 30px;
	margin-top: 50px;
}

#dados header { display: none; }

/*

	Lista de produtos

 */
#lista-produtos li {
	display: flex;
	border-radius: 4px;
	background-color: white;
	padding: 20px;
	margin-top: 20px;
}

#lista-produtos li:first-child { margin-top: 0; }

#lista-produtos .img-nome-produto {
	width: 70px;
	height: 70px;
}

#lista-produtos .img-nome-produto img {
	width: 70px;
	height: 70px;
	object-fit: cover;
	border-radius: 4px;
	filter: drop-shadow(0px 3px 6px rgba(128, 128, 128, 0.15));
}

#lista-produtos .img-nome-produto span { display: none; }

#lista-produtos .dados-produto { margin-left: 20px; }

#lista-produtos .dados-produto .nome,
#lista-produtos .dados-produto .valor { font-weight: bold; }

#lista-produtos .dados-produto .valor {
	display: block;
	margin-top: 10px;
}

#lista-produtos .dados-produto .quantidade {
	display: flex;
	width: 120px;
	margin-top: 10px;
}

#lista-produtos .dados-produto .quantidade a,
#lista-produtos .dados-produto .quantidade .numero {
	padding: 5px;
	width: 33.33%;
	height: 50px;
	text-align: center;

	display: flex;
	align-items: center;
	justify-content: center;

	border-radius: 0;
	border: none;
}

#lista-produtos .dados-produto .quantidade a { color: #406DBC; }

#lista-produtos .dados-produto .quantidade .numero { background-color: #d4d4d4; }

#lista-produtos .dados-produto .total-produto { margin-top: 10px; }

#lista-produtos .dados-produto .remover {
	display: flex;
	align-items: center;
	margin-top: 10px;
	color: #406DBC;
}

#lista-produtos .dados-produto .remover span {
	display: block;
	margin-left: 10px;
}

/*

	Rodapé dados carrinho

 */
#total-produtos {
	margin: 20px 0;
	text-align: right;
}

#container-input-cep {
	margin-top: 10px;
	flex-direction: column;
	align-items: center;
}

#container-input-cep .link {
	display: block;
	padding: 20px;
}

/*

	Frete

 */
#frete {
	border-radius: 4px;
	background-color: white;
	padding: 20px;
}

#frete .nome-transportadora {
	text-transform: uppercase;
	margin-top: 10px;
}

#lista-formas-envio { margin-top: 10px; }

#lista-formas-envio li:not(:first-child) { margin-top: 10px; }

/*

	Valores

 */
#valores {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

#valores p {
	text-align: right;
	margin-top: 10px;
}

#valores .total { margin: 20px 0; }

#valores p:not(.total) { font-size: 14px; }

#valores p:first-child { margin-bottom: 10px; }

#valores .total span {
	font-weight: 700;
	font-size: 2em;
}

/*

	Botões

 */
#botoes {
	margin-top: 30px;

	display: flex;
	flex-direction: column;
}

#botoes .row-col {
	display: flex;
	align-items: center;
	margin-top: 20px;
}

#botoes .mensagens {
	display: flex;
	justify-content: center;
	align-items: center;
}

#botoes .btn { width: 100%; }

/*

	Media queries

 */

@media screen and (min-width: 576px) {

	/*

		Lista de produtos

	*/
	#lista-produtos .img-nome-produto,
	#lista-produtos .img-nome-produto img {
		width: 150px;
		height: 150px;
	}
}

@media screen and (min-width: 768px) {

	/*

		Lista de produtos

	*/
	#lista-produtos .img-nome-produto,
	#lista-produtos .img-nome-produto img {
		width: 200px;
		height: 200px;
	}
}

@media screen and (min-width: 1024px) {

	/*

		Dados da compra

	 */
	#dados { padding: 50px; }

	#dados header {
		display: flex;
		padding: 0 20px 30px 20px;
	}

	#dados header .col {
		text-transform: uppercase;
		font-weight: bold;
		text-align: center;
	}

	#dados .col { width: 20%; }

	/*

		Lista de produtos

	*/
	#lista-produtos .img-nome-produto {
		display: flex;
		align-items: center;
		justify-content: center;
		height: auto;
		color: #414141;
	}

	#lista-produtos .img-nome-produto img {
		width: 70px;
		height: 70px;
	}

	#lista-produtos .img-nome-produto span {
		display: block;
		margin-left: 10px;
	}

	#lista-produtos .dados-produto {
		display: flex;
		align-items: center;

		margin-left: 0;
		width: 80%;
	}

	#lista-produtos .dados-produto .col {
		display: flex;
		justify-content: center;

		width: 25%;
		margin-top: 0;
	}

	#lista-produtos .dados-produto .quantidade { margin-top: 0; }

	#lista-produtos .dados-produto .remover { padding: 20px; }

	#lista-produtos .dados-produto .nome,
	#lista-produtos .dados-produto .remover span,
	#lista-produtos .dados-produto .total-produto span { display: none; }

	/*

		Rodapé dados carrinho

	 */
	#dados footer {
		display: flex;
		flex-wrap: wrap;
	}

	#total-produtos { width: 100%; }

	#frete { width: 60%; }

	#valores {
		width: 40%;
		padding: 0 0 20px 10%;
	}

	#container-input-cep { flex-direction: row; }

	#frete .nome-transportadora { margin-top: 30px; }

	/*

		Botões

	 */
	#botoes {
		flex-direction: row;
		justify-content: flex-end;
	}

	#botoes a:last-child { margin-left: 30px; }
}

@media screen and (min-width: 1200px) {

	/*

		Dados da compra

	 */
	#dados header { padding: 0 30px 30px 30px; }

	/*

		Lista produtos

	 */
	#lista-produtos li { padding: 30px; }

	/*

		Rodapé dados carrinho

	 */
	#frete { padding: 30px; }

	#valores { padding-bottom: 30px; }
}

@media screen and (min-width: 1400px) {
	/*

		Rodapé dados carrinho

	 */
	#frete { width: 55%; }
	#valores { width: 45%; }
}

@media screen and (hover: hover) and (pointer: fine) and (min-width: 1024px) {
}