/* Mini Cart Styles */
.mini-cart-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 1000; opacity: 0; visibility: hidden; transition: all 0.3s; backdrop-filter: blur(2px); }
.mini-cart-overlay.active { opacity: 1; visibility: visible; }
.mini-cart { position: fixed; top: 0; bottom: 0; left: -360px; width: 360px; max-width: 90vw; background: white; z-index: 1001; transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1); display: flex; flex-direction: column; box-shadow: 4px 0 16px rgba(0,0,0,0.1); }
.mini-cart.active { left: 0; }
.mini-cart-header { padding: 20px 24px; border-bottom: 1px solid var(--light-gray); display: flex; justify-content: space-between; align-items: center; }
.mini-cart-header h3 { font-family: 'Bebas Neue', 'Heebo', sans-serif; font-size: 24px; letter-spacing: 1px; margin: 0; }
.mini-cart-close { background: none; border: none; font-size: 28px; cursor: pointer; color: var(--gray); transition: color 0.2s; }
.mini-cart-close:hover { color: var(--pink); }

.mini-cart-body { flex: 1; overflow-y: auto; padding: 16px 24px; }
.mini-cart-empty { text-align: center; padding: 60px 20px; color: var(--gray); }
.mini-cart-empty .icon { font-size: 60px; opacity: 0.3; margin-bottom: 16px; }

.mini-cart-footer { padding: 20px 24px; border-top: 2px solid var(--black); background: var(--cream); }
.mini-cart-footer .total-row { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 16px; }
.mini-cart-footer .total-label { font-size: 14px; font-weight: 700; }
.mini-cart-footer .total-amt { font-family: 'Bebas Neue', 'Heebo', sans-serif; font-size: 28px; font-weight: 900; color: var(--pink); }

.mini-cart-actions { display: flex; flex-direction: column; gap: 8px; }
.mini-cart-actions a { padding: 14px; text-align: center; font-family: inherit; font-size: 13px; font-weight: 800; letter-spacing: 1px; cursor: pointer; text-decoration: none; border-radius: 4px; transition: all 0.2s; display: block; }
.mini-cart-checkout { background: var(--pink); color: white; border: 2px solid var(--pink); }
.mini-cart-checkout:hover { background: var(--black); border-color: var(--black); color: white; }
.mini-cart-view { background: white; color: var(--black); border: 2px solid var(--black); }
.mini-cart-view:hover { background: var(--black); color: white; }