.cart-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:9998;opacity:0;visibility:hidden;transition:all .3s ease}
.cart-overlay.active{opacity:1;visibility:visible}
.slide-cart{position:fixed;top:0;right:-420px;width:400px;height:100%;background:linear-gradient(135deg,#f8fffe 0%,#e8f5e8 100%);box-shadow:-5px 0 25px rgba(0,0,0,.15);z-index:9999;transition:right .4s cubic-bezier(.25,.8,.25,1);display:flex;flex-direction:column;border-left:3px solid #4CAF50}
.slide-cart.active{right:0}
.slide-cart .cart-loading{position:absolute;inset:0;background:rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center;z-index:2}
.slide-cart .cart-loading .spinner{width:40px;height:40px;border:4px solid #fff;border-top-color:#4CAF50;border-radius:50%;animation:bbdw-spin 1s linear infinite;box-shadow:0 0 0 1px rgba(0,0,0,.1)}
@keyframes bbdw-spin{to{transform:rotate(360deg)}}
.cart-header{padding:25px 20px;background:linear-gradient(135deg,#4CAF50,#45a049);color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px rgba(76,175,80,.3)}
.cart-title{font-size:20px;font-weight:600;margin:0;display:flex;align-items:center;gap:10px}
.cart-close{background:none;border:none;color:#fff;font-size:28px;cursor:pointer;padding:5px;border-radius:50%;transition:all .2s ease;line-height:1}
.cart-close:hover{background:rgba(255,255,255,.2);transform:rotate(90deg)}
.cart-content{flex:1;overflow-y:auto;padding:0}
.cart-empty{text-align:center;padding:60px 20px;color:#666}
.cart-empty-icon{font-size:60px;color:#4CAF50;margin-bottom:20px;opacity:.5}
.cart-items{padding:20px 0}
.cart-item{display:flex;padding:15px 20px;border-bottom:1px solid rgba(76,175,80,.1);transition:background .2s ease}
.cart-item:hover{background:rgba(76,175,80,.05)}
.item-image{width:60px;height:60px;background:#f0f0f0;border-radius:8px;margin-right:15px;overflow:hidden;border:2px solid rgba(76,175,80,.2)}
.item-image img{width:100%;height:100%;object-fit:cover}
.item-details{flex:1}
.item-name{font-weight:600;color:#2c5530;margin-bottom:5px;font-size:14px}
.item-price{color:#4CAF50;font-weight:700;font-size:16px}
.item-quantity{display:flex;align-items:center;gap:10px;margin-top:8px}
.qty-btn{background:#4CAF50;color:#fff;border:none;width:25px;height:25px;border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}
.qty-btn:hover{background:#45a049;transform:scale(1.1)}
.qty-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}
.qty-input{width:40px;text-align:center;border:1px solid #4CAF50;border-radius:4px;padding:2px;font-size:14px;color:#2c5530}
.item-remove{background:none;border:none;color:#ff4444;cursor:pointer;padding:5px;font-size:16px;transition:all .2s ease;border-radius:4px}
.item-remove:hover{background:rgba(255,68,68,.1);transform:scale(1.2)}
.cart-footer{padding:20px;background:#fff;border-top:1px solid rgba(76,175,80,.2);box-shadow:0 -2px 10px rgba(0,0,0,.05)}
.cart-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:18px;font-weight:700;color:#2c5530;padding:15px;background:linear-gradient(135deg,rgba(76,175,80,.1),rgba(76,175,80,.05));border-radius:8px;border:1px solid rgba(76,175,80,.2)}
.checkout-btn{width:100%;background:linear-gradient(135deg,#4CAF50,#45a049);color:#fff;border:none;padding:15px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px rgba(76,175,80,.3)}
.checkout-btn:hover{background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-2px);box-shadow:0 6px 20px rgba(76,175,80,.4)}
.checkout-btn:active{transform:translateY(0)}
.cart-badge{background:#ff4444;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;position:relative;top:-0;right:0}
.cart-notification{position:fixed;top:20px;right:20px;background:#4CAF50;color:#fff;padding:15px 20px;border-radius:8px;box-shadow:0 4px 15px rgba(76,175,80,.3);z-index:10000;transform:translateX(400px);transition:transform .3s ease}
.cart-notification.show{transform:translateX(0)}
.item-pricing{display:flex;flex-direction:column;gap:2px}
.original-price{text-decoration:line-through !important;color:#999 !important;font-size:12px !important}
.sale-price{color:#e74c3c;font-weight:700;font-size:16px}
.sale-badge{background:#e74c3c !important;color:#fff !important;font-size:10px !important;padding:2px 6px !important;border-radius:10px !important;display:inline-block !important;text-transform:uppercase !important;font-weight:600 !important;margin-top:2px !important;align-self:flex-start !important}
.sale-badge.volume-discount{background:linear-gradient(135deg,#28a745,#20c997) !important}
.regular-price-display{color:#4CAF50 !important;font-weight:700 !important;font-size:16px !important}
@media (max-width:480px){.slide-cart{width:100%;right:-100%}.cart-header{padding:20px 15px}.cart-title{font-size:18px}.item-pricing{gap:1px}.sale-badge{font-size:9px !important;padding:1px 4px !important}}