/* geral */
#offcanvasCart {max-width: 500px; width: 100%;}
.cart-modal .resume-title {display: none;}

.cart-modal .offcanvas-header, .cart-modal .offcanvas-body, .cart-modal .offcanvas-footer {padding: 16px;}
/* .cart-modal .offcanvas-header {margin-bottom: 16px;} */
.cart-modal .offcanvas-body {padding-top: 0;}
.cart-modal .offcanvas-footer {border-top: 1px solid #ddd;}
.cart-modal .offcanvas-title {font-weight: 500;}
/* geral */

/* scroll */
.cart-modal .offcanvas-body::-webkit-scrollbar {width: 4px;}
.cart-modal .offcanvas-body::-webkit-scrollbar-thumb {background-color: #999; border-radius: 4px;}
.cart-modal .offcanvas-body::-webkit-scrollbar-track {background-color: #f1f1f1;}
/* scroll */

/* produto */
.cart-modal .cart-modal-product {display: grid; grid-template-areas:
	"product-details  product-details product-remove"
	"product-details  product-details product-quantity"
	"product-details  product-details product-quantity";
gap: 12px; grid-template-columns: auto;}
.cart-modal .cart-modal-product:not(:last-child) {border-bottom: 1px solid #eee; margin-bottom: 16px; padding-bottom: 16px;}

/* detalhes */
.cart-modal .product-name {font-size: 12px; line-height: normal; font-weight: 500;}
.cart-modal .option-info {font-size: 12px; color: #9A9998;}
.cart-modal .option-info:not(:last-child) {margin-bottom: 4px;}
/* .cart-modal .option-info span {font-weight: 600;} */
.cart-modal .cart-product-total {font-size: 14px;}
/* detalhes */

.cart-modal .cart-product-image {grid-area: product-image;}
.cart-modal .cart-product-image img {filter: brightness(.9); border-radius: 8px;}
.cart-modal .cart-modal-details {grid-area: product-details; display: flex; gap: 16px;}
.cart-modal .cart-modal-info {flex: 1; display: flex; flex-direction: column; gap: 12px; line-height: normal;}
/* remove */
.cart-modal .cart-modal-remove {grid-area: product-remove; display: flex; justify-content: end;}
/* remove */

/* quantidade */
.cart-modal .cart-modal-quantity {grid-area: product-quantity; display: flex; justify-content: end; align-items: end;}
.cart-modal .bootstrap-touchspin {gap: 2px; border: 1px solid #F4F3F3; border-radius: 4px; width: auto;}
.cart-modal .cart-modal-quantity input {height: auto; border: none; padding: 4px 0; font-size: 12px;}
.cart-modal .cart-modal-quantity button {padding: 0 8px; height: 100%;}
.cart-modal .cart-modal-quantity button:active {border: 1px solid #fff;}
/* quantidade */
/* produto */

/* cupom */
.cart-modal .btn-coupon {background: #9A9998; color: #fff; padding: 0 16px; font-size: 12px;}
.cart-modal .btn-coupon:hover {background: #8f8f8e;}
.cart-modal .btn-coupon:active {background: #858585; border-color: #858585 !important; color: #fff;}
.cart-modal .input-coupon {height: 38px; font-size: 12px;}
.cart-modal #cart-total-coupon .form-group {margin: 0;}
/* cupom */

/* total */
.cart-modal .cart-totals {display: flex; flex-direction: column; gap: 8px;}
.cart-modal .cart-totals .item {font-weight: 500; font-size: 14px;}
/* total */

/* botões */
.cart-modal .btn-continue {background: #3483fa; color: #fff; margin-top: -6px;}
.cart-modal .btn-cart {display: flex; justify-content: center; align-items: center; width: 100%; gap: 4px; height: 48px; font-weight: 500;}
.cart-modal .btn-cart svg {width: 24px; height: 24px}
.cart-modal .btn-checkout svg {fill: #fff;}
.cart-modal .btn-view-cart {margin-top: -12px; font-weight: 500;}
/* .cart-modal .btn-view-cart:hover {background: #dadada;}
.cart-modal .btn-view-cart:active {background: #d1d1d1; border: 1px solid #d1d1d1 !important;} */
/* botões */