/* geral */
#offcanvasCart {width: 460px;}
.cart-modal {line-height: normal; background: #f5f5f5;}
.cart-modal .cartmodal-product {grid-template-areas:"product product remove" "product product quantity" "product product quantity"; gap: 12px; grid-template-columns:auto; display: grid; background: #fff; padding: 12px; margin-bottom: 16px;}

.cart-modal .cartmodal-product-info__item--product {grid-area: product; font-size: 14px;}
.cart-modal .cartmodal-product-info__item--price {display: none;}
.cart-modal .cartmodal-product-info__item--quantity {grid-area: quantity; display: flex; align-items: end; justify-content: end;}
.cart-modal .cartmodal-product-info__item--total {font-size: 16px; margin-top: auto; padding-top: 12px; }
.cart-modal .cartmodal-product-info__item--remove {grid-area: remove; display: flex; justify-content: end;}
/* geral */

/* scroll */
.cart-modal .offcanvas-body::-webkit-scrollbar {width: 4px;}
.cart-modal .offcanvas-body::-webkit-scrollbar-thumb {background-color: #ccc;}
.cart-modal .offcanvas-body::-webkit-scrollbar-track {background-color: #f3f3f3;}
/* scroll */

/* detalhes do produto */
.cart-modal .cartmodal-product-info__item--product img {max-height: 110px; border-radius: 4px;}
.cart-modal .cartmodal-product-details {flex: 1; display: flex; flex-direction: column;}
.cart-modal .cartmodal-product-info__item--product a {color: #252525; font-weight: 600;}
@media (max-width: 991px) {
	.cart-modal .cartmodal-product-info__item--product a {font-size: 12px;}
}
/* detalhes do produto */

/* produto total */
.cart-modal .cartmodal-product-info__item--total .price-old {font-size: 12px; text-decoration: line-through; color: #a0a0a0;}
/* produto total */

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

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

/* remover produto */
.cart-modal .btn-remove-product {color: #b2b2b2; display: flex; padding: 4px;}
.cart-modal .btn-remove-product i {display: flex;}
/* remover produto */

/* cupom */
.cart-modal .coupon-label {display: none;}
.cart-modal .input-coupon {flex: 1;}
.cart-modal .btn-coupon {font-size: 12px; background: #EFF0F0; color: #000; padding: 0 16px; height: 42px; display: flex; align-items: center; justify-content: center; gap: 6px; white-space: nowrap}
/* cupom */

/* botoes */
.cart-modal .btn-checkout, .cart-modal .btn-cart {width: 100%; height: 44px; display: flex; align-items: center; justify-content: center; gap: 4px; font-weight: 600;}
.cart-modal .btn-checkout { background: var(--color-green); color: #fff;}
.cart-modal .btn-checkout:hover {background: var(--color-green-hover);}
.cart-modal .btn-checkout:active {background: var(--color-green-active); color: #fff;}
.cart-modal .btn-cart {background: #f5f5f5; color: #353535;}
.cart-modal .btn-cart:hover {background: #f1f1f1;}
.cart-modal .btn-cart:active {background: #eee;}
@media (max-width: 991px) {
	.cart-modal .btn-checkout, .cart-modal .btn-cart {height: 40px;}
}
/* botoes */

/* modal header */
.cart-modal .btn-close {margin: 0;}
.cart-modal .btn-close:focus {box-shadow: none;}
.cart-modal .offcanvas-header {background: #fff; font-weight: 500;}
/* modal header */

/* total */
.cart-modal .offcanvas-footer {background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); display: flex; flex-direction: column; gap: 24px;}
.cart-modal .cartmodal-totals {display: flex; flex-direction: column;}
.cart-modal .cartmodal-total {display: flex; justify-content: space-between; margin-bottom: 8px;}
.cart-modal .cartmodal-total:nth-last-child(2) {margin: 0;}
.cart-modal .cartmodal-total:last-child {font-size: 18px; font-weight: 600; border-top: 1px solid #ddd; padding-top: 12px; margin: 0; margin-top: 12px;}
/* total */