.carrinho-container { width: min(1180px, calc(100% - 48px)); margin: 0 auto 84px; display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 24px; align-items: start; }
.carrinho-vazio { grid-column: 1 / -1; }.carrinho-vazio[hidden], .resumo-carrinho[hidden] { display: none; }.lista-carrinho { display: grid; gap: 14px; }
.item-carrinho { display: grid; grid-template-columns: 112px 1fr auto; gap: 20px; align-items: center; padding: 16px; border: 1px solid var(--border); border-radius: 14px; background: var(--white); box-shadow: var(--shadow-xs); }
.item-imagem { width: 112px; aspect-ratio: 4 / 5; overflow: hidden; border-radius: 10px; background: var(--soft-pink); }.item-imagem img { width: 100%; height: 100%; display: block; object-fit: cover; }.item-info h3 { margin-bottom: 7px; font-family: var(--fonte-titulo); font-size: 1.35rem; color: var(--wine-800); }.item-info p { margin-bottom: 3px; color: var(--text-secondary); font-size: .85rem; }.item-info strong { display: block; margin-top: 9px; color: var(--wine-700); font-size: 1.05rem; }.item-info .parcelamento-item { margin-top: 3px; color: var(--success); font-size: .78rem; font-weight: 700; }
.botao-remover { min-height: 42px; padding: 0 14px; border: 1px solid var(--border); border-radius: 8px; background: var(--white); color: var(--wine-700); font-weight: 700; transition: background-color 160ms ease, transform 140ms var(--ease-out); }.botao-remover:active { transform: scale(.97); }
.resumo-carrinho { position: sticky; top: calc(var(--header-height) + 18px); padding: 26px; box-shadow: var(--shadow-sm); }.resumo-carrinho h3 { margin-bottom: 18px; font-family: var(--fonte-titulo); font-size: 1.7rem; color: var(--wine-800); }.linha-resumo, .linha-total { display: flex; justify-content: space-between; gap: 16px; padding: 14px 0; border-bottom: 1px solid var(--border); }.linha-total { color: var(--wine-700); font-size: 1.14rem; font-weight: 700; }.linha-parcelamento strong { color: var(--success); text-align: right; }.botao-finalizar, .botao-continuar { width: 100%; margin-top: 14px; }
@media (hover: hover) and (pointer: fine) { .botao-remover:hover { background: var(--soft-pink); } }
@media (max-width: 900px) { .carrinho-container { grid-template-columns: 1fr; }.resumo-carrinho { position: static; } }
@media (max-width: 600px) { .carrinho-container { width: min(100% - 24px, 1180px); margin-bottom: 60px; }.item-carrinho { grid-template-columns: 84px 1fr; gap: 13px; }.item-imagem { width: 84px; }.botao-remover { grid-column: 1 / -1; width: 100%; } }