.offcanvas-end { width: 300px; }
.offcanvas-custom-dark { background-color: #ffffff; color: #1a1a1a; }
.offcanvas-custom-dark .offcanvas-header { border-bottom: 1px solid #000000; }
.offcanvas-custom-dark .offcanvas-title { color: #251d0c; font-weight: bold; }

.cart-product-item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eeeeee;
}

.cart-product-image {
    width: 60px; height: 60px;
    object-fit: cover; border-radius: 5px;
    margin-right: 15px; flex-shrink: 0;
}

.cart-product-info { flex-grow: 1; display: flex; flex-direction: column; }
.cart-product-name { font-weight: bold; color: #000000; font-size: 0.9rem; }
.cart-product-price { font-size: 0.9rem; color: #13a705; }

.cart-summary {
    border-top: 1px solid #000000;
    padding: 15px;
    background-color: #ffffff;
}

.cart-subtotal {
    display: flex; justify-content: space-between;
    font-size: 1.1rem; margin-bottom: 8px; color: #55cf4c;
}

.btn-checkout {
    background-color: #dda225; /* WARNA EMAS */
    color: #ffffff; font-weight: bold;
    padding: 10px; border: none;
    text-align: center; text-decoration: none;
    display: block;
}

.btn-checkout:hover { background-color: #e2a821; color: #000000; }

.quantity-selector {
    display: flex; align-items: center;
    border: 0.4px solid #ddd; border-radius: 3px;
}
.quantity-selector button {
    background-color: #fef9e6; border: none; padding: 0.2rem 0.5rem;
}
.quantity-selector .quantity-input {
    width: 30px; text-align: center; border: none;
}