.carrinho {
	display: flex;
	justify-content: center;
}

.container { 
	margin-top: 30px;
	width: 40vw;
	background: white; 
	padding: 30px; 
	border-radius: 12px; 
	box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

h1 { 
	border-bottom: 1px solid rgba(0,0,0,0.2); 
	padding-bottom: 10px; 
	margin-bottom: 30px; 
	font-weight: 400;
	font-size: 1.3em;
	text-align: center;
}


table { 
	width: 100%; 
	border-collapse: collapse; 
}

 th { 
 	text-align: left; 
 	background: #f8f9fa; 
 	padding: 12px; 
 	border-bottom: 2px solid #212F3D; 
 	font-weight: 400;
}

td {
	padding: 15px 10px;
	border-bottom: 1px solid rgba(0,0,0,0.3); 
}
        
        /* Estilo dos Botões de + e - */
.btn-qtd { 
	text-decoration: none; 
	background: #212F3D; 
	color: white; 
	padding: 5px 5px; 
	border-radius: 4px; 
	margin: 0 5px; 
	font-weight: 400;
}

.btn-remover { 
	text-decoration: none; 
	color: #e74c3c; 
	font-size: 0.8em; 
	margin-left: 10px; 
}
        
.total-box { 
	text-align: right; 
	margin: 25px 0; 
	font-size: 1.3em; 
	font-weight: bold; 
	color: #212F3D; 
	font-weight: 400;
}
       	
.btn-pagar { 
	display: block; 
	background: #7FA653; 
	color: white; 
	text-align: center; 
	padding: 18px; 
	text-decoration: none; 
	border-radius: 3px; 
	font-weight: 400; 
	font-size: 1.1em; 
	transition: 0.3s; 
	border: 1px solid rgba(0,0,0,0.2);
}

.voltar-loja { 
	display: inline-block; 
	margin-top: 20px; 
	color: #212F3D; 
	text-decoration: none; 
	font-weight: 400; 
}


@media screen and (max-width: 768px) {
	.container { 
		width: 90vw;
	}
}