.cart-drawer{position:fixed;top:0;right:-450px;width:450px;height:100vh;background:white;box-shadow:-2px 0 20px rgba(0,0,0,0.3);z-index:1050;transition:right 0.3s ease;overflow-y:auto;border-left:3px solid #dc3545}.cart-drawer.show{right:0}.cart-drawer-content{height:100%;display:flex;flex-direction:column}.cart-drawer-header{background:linear-gradient(to right, red, #000);color:white;padding:1rem;border-bottom:1px solid #dee2e6;flex-shrink:0}.cart-drawer-body{flex:1;padding:0;overflow-y:auto}.cart-drawer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1040;opacity:0;visibility:hidden;transition:opacity 0.3s ease, visibility 0.3s ease;pointer-events:none}.cart-drawer-overlay.show{opacity:1;visibility:visible;pointer-events:all}.cart-drawer-body .cart-item{padding:1rem;border-bottom:1px solid #dee2e6;background:white}.cart-drawer-body .cart-item:last-child{border-bottom:none}.cart-drawer-body .bg-light{padding:1rem;background:#f8f9fa !important;border-top:1px solid #dee2e6}.cart-drawer-body .btn{font-size:0.875rem}.cart-drawer-body .input-group{font-size:0.875rem}@media (max-width: 768px){.cart-drawer{width:100%;right:-100%}.cart-drawer.show{right:0}}.cart-drawer-body .cart-item.removing{opacity:0;transition:opacity 0.3s ease}