.checkout-container { width: min(1180px, calc(100% - 48px)); margin: 0 auto 84px; display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 24px; align-items: start; }.checkout-form, .checkout-resumo { padding: 30px; }.checkout-form { box-shadow: var(--shadow-sm); }.checkout-resumo { position: sticky; top: calc(var(--header-height) + 18px); }.checkout-form h3, .checkout-resumo h3 { margin-bottom: 20px; font-family: var(--fonte-titulo); font-size: 1.8rem; color: var(--wine-800); }.checkout-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.campo-largo { grid-column: 1 / -1; }.checkout-form .botao-primario { width: 100%; margin-top: 16px; }.checkout-itens { display: grid; gap: 14px; }.checkout-item { display: grid; grid-template-columns: 72px 1fr; gap: 12px; padding-bottom: 14px; border-bottom: 1px solid var(--border); }.checkout-item img { width: 72px; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 8px; background: var(--soft-pink); }.checkout-item h4 { margin-bottom: 5px; font-family: var(--fonte-titulo); font-size: 1.15rem; color: var(--wine-800); }.checkout-item p { margin-bottom: 3px; color: var(--text-secondary); font-size: .8rem; }.checkout-item .parcelamento-item { color: var(--success); font-weight: 700; }.checkout-vazio { padding: 22px 12px; }.checkout-totais { margin-top: 20px; }.linha-resumo, .linha-total { display: flex; justify-content: space-between; gap: 16px; padding: 13px 0; border-bottom: 1px solid var(--border); }.linha-total { color: var(--wine-700); font-weight: 700; }.linha-parcelamento strong { color: var(--success); text-align: right; }
@media (max-width: 920px) { .checkout-container { grid-template-columns: 1fr; }.checkout-resumo { position: static; } }
@media (max-width: 600px) { .checkout-container { width: min(100% - 24px, 1180px); }.checkout-form, .checkout-resumo { padding: 24px 18px; }.checkout-grid { grid-template-columns: 1fr; }.campo-largo { grid-column: auto; } }