/* geral */
#offcanvasCart {max-width: 550px; width: 100%;}
.cart-modal .resume-title {display: none;}

.cart-modal .offcanvas-header, .cart-modal .offcanvas-body, .cart-modal .offcanvas-footer {padding: 24px;}
.cart-modal .offcanvas-header {margin-bottom: -8px;}
.cart-modal .offcanvas-body {padding-top: 0;}
.cart-modal .offcanvas-footer {gap: 24px;}
.cart-modal .offcanvas-title {font-weight: 400; color: #121212;}
.cart-modal input, .cart-modal input:focus, .cart-modal input::placeholder {background: #fff; color: #121212;}
@media (max-width: 991px) {
	.cart-modal .offcanvas-header, .cart-modal .offcanvas-body, .cart-modal .offcanvas-footer {padding: 22px;}
}
/* 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; position: relative; z-index: 10;}
.cart-modal .cart-modal-product:not(:last-child) {border-bottom: 1px solid #eee; margin-bottom: 16px; padding-bottom: 16px;}

/* detalhes */
.cart-modal .kit-items-toggle {overflow-wrap: anywhere;}
.cart-modal .btn-kit-items-toggle {font-weight: 500;}
.cart-modal .product-name {font-size: 13px; line-height: 20px;}
.cart-modal .product-name a {color: #121212;}
.cart-modal .option-info {font-size: 12px; color: #666;}
/* .cart-modal .option-info span {font-weight: 600;} */
.cart-modal .cart-product-total {font-size: 13px;}
/* detalhes */

.cart-modal .cart-product-image {grid-area: product-image; }
.cart-modal .cart-product-thumb {aspect-ratio: 1/1; max-width: 120px; object-fit: cover;}
.cart-modal .cart-modal-details {grid-area: product-details; display: flex; gap: 8px;}
.cart-modal .cart-modal-info {flex: 1; display: flex; flex-direction: column; gap: 8px; line-height: normal;}
@media (max-width: 991px) {
	.cart-modal .cart-product-thumb {max-width: 90px;}
}
/* 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 #eee; border-radius: 4px; width: auto;}
.cart-modal .cart-modal-quantity input {height: auto; border: none; padding: 6px 0;}
.cart-modal .cart-modal-quantity button {padding: 0 6px; height: 100%;}
.cart-modal .cart-modal-quantity button:active {border: 1px solid #fff;}
/* quantidade */
/* produto */

/* cupom e frete */
.cart-modal .form-group {margin: 0;}
.cart-modal .btn-coupon, .cart-modal .btn-shipping-simulator {padding: 0 20px; min-width: 130px; justify-content: center;}
.cart-modal .input-coupon, .cart-modal .shipping-simulator-input {height: 46px; border-color: #CCC; border-radius: 2px; flex: 1}
/* cupom e frete */

/* frete */
.cart-modal .shipping-estimator-total .shipping-options {display: flex; flex-direction: column; gap: 4px;}
.cart-modal .shipping-estimator-total .shipping-options:has(*) {margin-top: 8px;}
.cart-modal .shipping-estimator-total .shipping-options label {display: flex; align-items: center; gap: 8px; margin: 0; line-height: 18px; cursor: pointer; margin: 0; padding: 8px 10px; border: 1px solid #eee; border-radius: 4px;}
.cart-modal .shipping-estimator-total .shipping-options label:hover {background: #fafafa;}
.cart-modal .shipping-estimator-total .shipping-options label:has(input:checked) {background: #fafafa; border-color: #d8d8d8;}
.cart-modal .shipping-estimator-total .shipping-options input[type="radio"] {flex: 0 0 auto; margin: 0; accent-color: var(--primary); cursor: pointer;}
.cart-modal .shipping-estimator-total .alert {margin: 0; font-size: 12px;}
.cart-modal .shipping-text-alert {width: 100%;}
/* frete */

/* total */
.cart-modal .cart-totals {display: flex; flex-direction: column; gap: 8px; margin-bottom: 8px; font-size: 16px; font-weight: 600;}
.cart-modal .cart-totals .item span {font-weight: 500;}
/* .cart-modal .cart-totals .item:last-child {font-weight: 600; font-size: 18px;} */
/* total */

/* botões */
.cart-modal .cart-modal-btn-wrapper {display: flex; flex-direction: column; gap: 8px;}
.cart-modal .btn-cart, .cart-modal .btn-cart-modal {display: flex; justify-content: center; align-items: center; width: 100%; gap: 4px; height: 48px; font-weight: 500;}
.cart-modal .btn-cart i {display: none;}
.cart-modal .btn-cart svg {width: 24px; height: 24px}
.cart-modal .btn-checkout {background: var(--green); border-color: var(--green); color: #fff;}
.cart-modal .btn-checkout:hover, .cart-modal .btn-checkout:active {background: var(--green-hover); border-color: var(--green-hover); color: #fff;}
.cart-modal .btn-checkout svg {fill: #fff;}
.cart-modal .btn-view-cart {background: #fff; color: #1f1f1f; border: 1px solid #bfbfbf;}
.cart-modal .btn-view-cart:hover {background: #dadada;}
.cart-modal .btn-view-cart:active {background: #d1d1d1; border: 1px solid #d1d1d1 !important;}
/* botões */