/* geral */
#error-not-found {padding: 16px 0;}
#checkout-cart {background: #f9f9f9;}
#checkout-cart h1 {font-size: 22px; color: #333; margin-bottom: 12px;}
.cart-page {line-height: normal;}
.hr {border-bottom: 1px solid #eee;}
/* geral */

/* blocos */
.cart-page .container-cart-products, .cart-page .container-cart-summary {border: 1px solid #e6e6e6; background: #fff; padding: 16px; border-radius: 8px; box-shadow: 0 1px 6px 3px #f4f4f4;}
/* blocos */

/* grid elementos */
.cart-page .cart-header {border-bottom: 1px solid #eee; padding-bottom: 12px; margin-bottom: 12px; font-weight: 600;}
.cart-page .cart-header {grid-template-columns: 2fr 1fr 1fr 1fr .2fr; gap: 10px;} 
.cart-page .cart-product {grid-template-columns: 2fr 1fr 1fr 1fr .2fr; gap: 10px;} 
/* grid elementos */

/* detalhes do produto */
.cart-page .cart-product:not(:last-child) {border-bottom: 1px solid #eee; padding-bottom: 12px; margin-bottom: 12px;}
.cart-page .cart-product-details {flex: 1;}
.cart-page .cart-product img {border-radius: 4px;}
.cart-page .cart-product-info__item--product a {color: #252525; font-weight: 500;}
/* detalhes do produto */

/* total */
.cart-page .cart-product-info__item--total {font-size: 20px;}
/* total */

/* variações */
.cart-page .variations {margin-top: 8px; color: #424242;}
.cart-page .variation {font-size: 12px; display: flex; gap: 4px;}
/* variações */

/* quantidade */
.cart-page .bootstrap-touchspin {width: auto; align-items: center; border: 1px solid #ddd; border-radius: 4px;}
.cart-page .bootstrap-touchspin input {text-align: center; height: 100%; border: none;}
.cart-page .bootstrap-touchspin button {background: transparent; color: #000; border: none; box-shadow: none; font-size: 16px; padding: 8px 12px; line-height: normal;}
.cart-page .bootstrap-touchspin button:hover, .cart-page .bootstrap-touchspin button:focus, .cart-page .bootstrap-touchspin button:active {background: initial !important; color: initial !important;}
/* quantidade */

/* remover produto */
.cart-page .btn-remove-product {color: #b2b2b2; height: 40px;}
/* remover produto */

/* resumo do pedido */
.container-cart-summary {display: flex; flex-direction: column; gap: 24px;}
/* resumo do pedido */

/* simulador de frete e cupom */
.cart-page .shipping-simulator-label, .cart-page .coupon-label {font-size: 12px; margin-bottom: 4px; font-weight: 500; color: #131313;}
.cart-page .link-cep {font-size: 10px; text-decoration: underline; color: #5d5d5d;}
.cart-page .btn-shipping-simulator, .cart-page .btn-coupon {font-size: 12px; background: #EFF0F0; color: #000; padding: 0 8px; height: 42px; display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; flex: .8; white-space: nowrap;}
.cart-page .btn-shipping-simulator:hover, .cart-page .btn-coupon:hover, .cart-page .btn-shipping-simulator:active, .btn-coupon:active, .cart-page .btn-shipping-simulator:disabled, .cart-page .btn-coupon:disabled {background: #e7e7e7 !important;}
.cart-page .input-shipping-simulator, .cart-page .input-coupon {font-size: 12px; flex: 1; height: 42px;}
.cart-page .shipping-simulator-wrapper-input-button {flex-wrap: wrap;}
.cart-page .shipping-simulator-title {flex-wrap: wrap;}

.cart-page .shipping-simulator-methods {padding: 12px; background: #fafafa; margin-top: 8px; display: flex; flex-direction: column; gap: 8px; font-size: 12px;}
/* simulador de frete e cupom */

/* valores totais */
#checkout-total .total-info:last-child {font-size: 20px; color: #363636; font-weight: 600;}
/* valores totais */

/* botoes */
.cart-page .btn-checkout, .cart-page .btn-continue {width: 100%; height: 44px; display: flex; align-items: center; justify-content: center; gap: 4px; font-weight: 600;}
.cart-page .btn-checkout { background: var(--color-green); color: #fff;}
.cart-page .btn-checkout:hover {background: var(--color-green-hover);}
.cart-page .btn-checkout:active {background: var(--color-green-active); color: #fff;}
.cart-page .btn-continue {background: #f7f7f7; color: #444;}
.cart-page .btn-continue:hover {background: #f1f1f1;}
.cart-page .btn-continue:active {background: #eee;}
/* botoes */


@media (max-width: 991px) {

	.cart-page .cart-product {grid-template-areas:"product product remove" "product product quantity" "product product total"; gap: 12px; grid-template-columns:auto}
	
	.cart-page .cart-product-info__item--product {grid-area: product; font-size: 12px;}
	.cart-page .cart-product-info__item--price {display: none;}
	.cart-page .cart-product-info__item--quantity {grid-area: quantity; justify-content: end;}
	.cart-page .cart-product-info__item--total {grid-area: total; display: flex; justify-content: end; font-size: 18px;}
	.cart-page .cart-product-info__item--remove {grid-area: remove; display: flex; justify-content: end;}

	.cart-page .bootstrap-touchspin input {padding: 4px;}
	.cart-page .bootstrap-touchspin button {padding: 2px 8px;}

	.cart-page .variation {font-size: 11px;}

	.cart-page .btn-remove-product {display: flex; padding: 0; height: auto;}
	.cart-page .btn-remove-product i {display: flex;}

	.cart-page .container-cart-products, .cart-page .container-cart-summary {padding: 12px;}
}