Toda vez que clico em comprar recebo uma página 404 com a seguinte url:
http://localhost:8080/casadocodigo/carrinho/produtos
Esse é um trecho do meu detalhe.jsp
<body class="produto">
<header id="layout-header">
<div class="clearfix container">
<a href="/" id="logo">
</a>
<div id="header-content">
<nav id="main-nav">
<ul class="clearfix">
<li><a href="/carrinho" rel="nofollow">Carrinho (${carrinhoCompras.quantidade})</a></li>
<li><a href="/pages/sobre-a-casa-do-codigo" rel="nofollow">Sobre Nós</a></li>
<li><a href="/pages/perguntas-frequentes" rel="nofollow">Perguntas Frequentes</a></li>
</ul>
</nav>
</div>
</div>
</header>
<nav class="categories-nav">
<ul class="container">
<li class="category"><a href="http://www.casadocodigo.com.br">Home</a></li>
<li class="category"><a href="/collections/livros-de-agile">
Agile </a></li>
<li class="category"><a href="/collections/livros-de-front-end">
Front End </a></li>
<li class="category"><a href="/collections/livros-de-games">
Games </a></li>
<li class="category"><a href="/collections/livros-de-java">
Java </a></li>
<li class="category"><a href="/collections/livros-de-mobile">
Mobile </a></li>
<li class="category"><a
href="/collections/livros-desenvolvimento-web"> Web </a></li>
<li class="category"><a href="/collections/outros"> Outros </a></li>
</ul>
</nav>
<article id="${produto.id}">
<header id="product-highlight" class="clearfix">
<div id="product-overview" class="container">
<img width="280px" height="395px" src="http://cdn.shopify.com/s/files/1/0155/7645/products/css-eficiente-featured_large.png?v=1435245145" class="product-featured-image" />
<h1 class="product-title">${produto.titulo}</h1>
<p class="product-author">
<span class="product-author-link">
</span>
</p>
<p class="book-description">
${produto.descricao}
</p>
</div>
</header>
<section class="buy-options clearfix">
<form action='<c:url value="/carrinho/add" />' method="post" class="container">
<ul id="variants" class="clearfix">
<input type="hidden" value="${produto.id}" name="produtoId" />
<c:forEach items="${produto.precos}" var="preco">
<li class="buy-option">
<input type="radio" name="tipo" class="variant-radio" id="tipo" value="${preco.tipo}" checked="checked" />
<label class="variant-label">
${preco.tipo}
</label>
<small class="compare-at-price">R$ 39,90</small>
<p class="variant-price">${preco.valor}</p>
</li>
</c:forEach>
</ul>
<button type="submit" class="submit-image icon-basket-alt" alt="Compre Agora" title="Compre Agora ${produto.titulo}"></button>
</form>
</section>
<div class="co