.cart-button-image{cursor:pointer;transition:var(--transition-base);opacity:.9}.cart-button-image:hover{transform:scale(1.1);opacity:1}.cart-count-badge{position:absolute;top:-8px;right:-8px;background-color:var(--color-primary);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);padding:4px 8px;border-radius:12px;min-width:24px;text-align:center;display:none}.cart-button-image[data-cart-count]:not([data-cart-count="0"]) .cart-count-badge{display:block}.cart-sidebar{position:fixed;top:0;right:-400px;width:400px;height:100vh;background-color:var(--color-background);border-left:1px solid var(--color-border);box-shadow:-4px 0 15px rgba(0,0,0,.2);transition:transform .3s;z-index:1000;display:flex;flex-direction:column;transform:translateX(0)}.cart-sidebar.active{transform:translateX(-400px)}.cart-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.cart-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.cart-close{background:0 0;border:none;font-size:var(--font-size-2xl);cursor:pointer;color:var(--color-text-muted);transition:var(--transition-base)}.cart-close:hover{color:var(--color-text)}.cart-items{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.cart-empty{text-align:center;padding:var(--spacing-3xl) var(--spacing-lg);color:var(--color-text-muted)}.cart-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border)}.cart-item:last-child{border-bottom:none}.cart-item-image{width:80px;height:80px;object-fit:cover;border-radius:var(--border-radius-sm)}.cart-item-details{flex:1}.cart-item-name{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.cart-item-variant{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.cart-item-price{font-weight:var(--font-weight-medium);color:var(--color-primary)}.cart-item-quantity{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.quantity-btn{background-color:var(--color-surface);border:1px solid var(--color-border);width:24px;height:24px;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-base)}.quantity-btn:hover{background-color:var(--color-primary);color:#fff}.quantity-value{min-width:30px;text-align:center;font-weight:var(--font-weight-medium)}.cart-item-remove{background:0 0;border:none;color:var(--color-error);cursor:pointer;padding:var(--spacing-xs);transition:var(--transition-base)}.cart-item-remove:hover{opacity:.7}.cart-footer{padding:var(--spacing-lg);border-top:2px solid var(--color-border);background-color:var(--color-surface)}.cart-subtotal{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.cart-subtotal-value{color:var(--color-primary)}.cart-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.cart-actions .btn{width:100%;justify-content:center}.cart-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:var(--transition-base);z-index:999}.cart-overlay.active{opacity:1;visibility:visible}.btn-cart{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-weight:var(--font-weight-medium);transition:var(--transition-base)}.btn-cart:hover{background-color:var(--color-secondary);transform:translateY(-2px);box-shadow:var(--shadow)}.btn-cart svg{width:20px;height:20px}@media (max-width:480px){.cart-sidebar{width:100%;right:-100%}.cart-sidebar.active{transform:translateX(-100%)}.cart-floating-tab{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}}